misc: update checkbox widget ui

Author: embbnux

packages/jsonschema-page/src/Widgets/CheckboxWidget.tsx

@@ -80,21 +80,18 @@ export default function CheckboxWidget<
   const _onBlur = ({ target: { value } }: FocusEvent<HTMLButtonElement>) => onBlur(id, value);
   const _onFocus = ({ target: { value } }: FocusEvent<HTMLButtonElement>) => onFocus(id, value);
   const description = options.description ?? schema.description;
-  let labelNode: ReactNode = labelValue(label, hideLabel, false);
-  if (!hideLabel && !!description) {
-    labelNode = (
-      <StyledSwitchLabelWrapper>
-        {labelNode}
-        <DescriptionFieldTemplate
-          id={descriptionId<T>(id)}
-          description={description}
-          schema={schema}
-          uiSchema={uiSchema}
-          registry={registry}
-        />
-      </StyledSwitchLabelWrapper>
-    );
-  }
+  const labelNode: ReactNode = (!hideLabel && !!description) ? (
+    <StyledSwitchLabelWrapper>
+      {labelValue(label, hideLabel, false)}
+      <DescriptionFieldTemplate
+        id={descriptionId<T>(id)}
+        description={description}
+        schema={schema}
+        uiSchema={uiSchema}
+        registry={registry}
+      />
+    </StyledSwitchLabelWrapper>
+  ) :labelValue(label, hideLabel, false);
   return (
     <>
       <SwitchContainer>

packages/jsonschema-page/src/__stories__/Widgets.stories.tsx

@@ -367,25 +367,9 @@ export const BooleanToggleWidget: Story = {
       required: ['requiredToggle'],
     },
     uiSchema: {
-      basicToggle: {
-        'ui:widget': 'checkbox',
-      },
-      defaultTrue: {
-        'ui:widget': 'checkbox',
-      },
       requiredToggle: {
-        'ui:widget': 'checkbox',
         'ui:help': 'This field is required',
       },
-      consentToggle: {
-        'ui:widget': 'checkbox',
-      },
-      privacyToggle: {
-        'ui:widget': 'checkbox',
-      },
-      notificationToggle: {
-        'ui:widget': 'checkbox',
-      },
     },
     formData: {
       basicToggle: false,