@rjsf/semantic-ui 6.5.3 → 6.6.0

package/dist/index.cjs

@@ -49,8 +49,8 @@ var import_core4 = require("@rjsf/core");
 var import_semantic_ui_react20 = require("semantic-ui-react");
 
 // src/AddButton/AddButton.tsx
-var import_semantic_ui_react = require("semantic-ui-react");
 var import_utils = require("@rjsf/utils");
+var import_semantic_ui_react = require("semantic-ui-react");
 var import_jsx_runtime = require("react/jsx-runtime");
 function AddButton({
   uiSchema,
@@ -244,9 +244,9 @@ function ArrayFieldTemplate(props) {
 
 // src/BaseInputTemplate/BaseInputTemplate.tsx
 var import_react = require("react");
-var import_semantic_ui_react3 = require("semantic-ui-react");
-var import_utils5 = require("@rjsf/utils");
 var import_core = require("@rjsf/core");
+var import_utils5 = require("@rjsf/utils");
+var import_semantic_ui_react3 = require("semantic-ui-react");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 function BaseInputTemplate(props) {
   const {
@@ -329,8 +329,8 @@ function DescriptionField(props) {
 }
 
 // src/ErrorList/ErrorList.tsx
-var import_semantic_ui_react4 = require("semantic-ui-react");
 var import_utils6 = require("@rjsf/utils");
+var import_semantic_ui_react4 = require("semantic-ui-react");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 function ErrorList({
   errors,
@@ -343,59 +343,11 @@ function ErrorList({
   ] });
 }
 
-// src/IconButton/IconButton.tsx
-var import_semantic_ui_react5 = require("semantic-ui-react");
-var import_utils7 = require("@rjsf/utils");
-var import_jsx_runtime8 = require("react/jsx-runtime");
-function IconButton(props) {
-  const { icon, iconType, color, className, uiSchema, registry, ...otherProps } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-    import_semantic_ui_react5.Button,
-    {
-      icon,
-      size: iconType,
-      color,
-      className,
-      ...otherProps
-    }
-  );
-}
-function CopyButton(props) {
-  const {
-    registry: { translateString }
-  } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(IconButton, { title: translateString(import_utils7.TranslatableString.CopyButton), ...props, icon: "copy" });
-}
-function MoveDownButton(props) {
-  const {
-    registry: { translateString }
-  } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(IconButton, { title: translateString(import_utils7.TranslatableString.MoveDownButton), ...props, icon: "angle down" });
-}
-function MoveUpButton(props) {
-  const {
-    registry: { translateString }
-  } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(IconButton, { title: translateString(import_utils7.TranslatableString.MoveUpButton), ...props, icon: "angle up" });
-}
-function RemoveButton(props) {
-  const {
-    registry: { translateString }
-  } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(IconButton, { title: translateString(import_utils7.TranslatableString.RemoveButton), ...props, icon: "trash" });
-}
-function ClearButton(props) {
-  const {
-    registry: { translateString }
-  } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(IconButton, { title: translateString(import_utils7.TranslatableString.ClearButton), ...props, icon: "close" });
-}
-
 // src/FieldErrorTemplate/FieldErrorTemplate.tsx
-var import_utils8 = require("@rjsf/utils");
+var import_utils7 = require("@rjsf/utils");
 var import_uniqueId = __toESM(require("lodash/uniqueId"), 1);
-var import_semantic_ui_react6 = require("semantic-ui-react");
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_semantic_ui_react5 = require("semantic-ui-react");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var DEFAULT_OPTIONS = {
   options: {
     pointing: "above",
@@ -411,29 +363,29 @@ function FieldErrorTemplate({ errors, fieldPathId, uiSchema, registry }) {
   });
   const { pointing, size } = options;
   if (errors && errors.length > 0) {
-    const id = (0, import_utils8.errorId)(fieldPathId);
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_semantic_ui_react6.Label, { id, color: "red", pointing: pointing || "above", size: size || "small", basic: true, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_semantic_ui_react6.List, { bulleted: true, children: errors.map((error) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_semantic_ui_react6.List.Item, { children: error }, (0, import_uniqueId.default)("field-error-"))) }) });
+    const id = (0, import_utils7.errorId)(fieldPathId);
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_semantic_ui_react5.Label, { id, color: "red", pointing: pointing || "above", size: size || "small", basic: true, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_semantic_ui_react5.List, { bulleted: true, children: errors.map((error) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_semantic_ui_react5.List.Item, { children: error }, (0, import_uniqueId.default)("field-error-"))) }) });
   }
   return null;
 }
 
 // src/FieldHelpTemplate/FieldHelpTemplate.tsx
-var import_utils9 = require("@rjsf/utils");
 var import_core3 = require("@rjsf/core");
-var import_semantic_ui_react7 = require("semantic-ui-react");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_utils8 = require("@rjsf/utils");
+var import_semantic_ui_react6 = require("semantic-ui-react");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function FieldHelpTemplate(props) {
   const { fieldPathId, help, uiSchema, registry } = props;
   if (help) {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_semantic_ui_react7.Message, { size: "mini", info: true, id: (0, import_utils9.helpId)(fieldPathId), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_core3.RichHelp, { help, registry, uiSchema }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_semantic_ui_react6.Message, { size: "mini", info: true, id: (0, import_utils8.helpId)(fieldPathId), children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_core3.RichHelp, { help, registry, uiSchema }) });
   }
   return null;
 }
 
 // src/FieldTemplate/FieldTemplate.tsx
-var import_utils10 = require("@rjsf/utils");
-var import_semantic_ui_react8 = require("semantic-ui-react");
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_utils9 = require("@rjsf/utils");
+var import_semantic_ui_react7 = require("semantic-ui-react");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function FieldTemplate(props) {
   const {
     id,
@@ -457,17 +409,17 @@ function FieldTemplate(props) {
     formContext: registry.formContext
   });
   const { wrapLabel, wrapContent } = semanticProps;
-  const uiOptions = (0, import_utils10.getUiOptions)(uiSchema);
-  const WrapIfAdditionalTemplate2 = (0, import_utils10.getTemplate)(
+  const uiOptions = (0, import_utils9.getUiOptions)(uiSchema);
+  const WrapIfAdditionalTemplate2 = (0, import_utils9.getTemplate)(
     "WrapIfAdditionalTemplate",
     registry,
     uiOptions
   );
   if (hidden) {
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { style: { display: "none" }, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { style: { display: "none" }, children });
   }
   const isCheckbox = uiOptions.widget === "checkbox";
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     WrapIfAdditionalTemplate2,
     {
       classNames,
@@ -480,9 +432,9 @@ function FieldTemplate(props) {
       schema,
       uiSchema,
       ...otherProps,
-      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_semantic_ui_react8.Form.Group, { widths: "equal", grouped: true, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(MaybeWrap, { wrap: wrapContent, className: "sui-field-content", children: [
+      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_semantic_ui_react7.Form.Group, { widths: "equal", grouped: true, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(MaybeWrap, { wrap: wrapContent, className: "sui-field-content", children: [
         children,
-        displayLabel && rawDescription && !isCheckbox && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(MaybeWrap, { wrap: wrapLabel, className: "sui-field-label", children: description }),
+        displayLabel && rawDescription && !isCheckbox && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(MaybeWrap, { wrap: wrapLabel, className: "sui-field-label", children: description }),
         help,
         errors
       ] }) }, id)
@@ -491,14 +443,62 @@ function FieldTemplate(props) {
 }
 
 // src/GridTemplate/GridTemplate.tsx
-var import_semantic_ui_react9 = require("semantic-ui-react");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_semantic_ui_react8 = require("semantic-ui-react");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function GridTemplate(props) {
   const { children, column, ...rest } = props;
   if (column) {
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_semantic_ui_react9.Grid.Column, { ...rest, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_semantic_ui_react8.Grid.Column, { ...rest, children });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_semantic_ui_react9.Grid, { ...rest, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_semantic_ui_react8.Grid, { ...rest, children });
+}
+
+// src/IconButton/IconButton.tsx
+var import_utils10 = require("@rjsf/utils");
+var import_semantic_ui_react9 = require("semantic-ui-react");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function IconButton(props) {
+  const { icon, iconType, color, className, uiSchema, registry, ...otherProps } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    import_semantic_ui_react9.Button,
+    {
+      icon,
+      size: iconType,
+      color,
+      className,
+      ...otherProps
+    }
+  );
+}
+function CopyButton(props) {
+  const {
+    registry: { translateString }
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconButton, { title: translateString(import_utils10.TranslatableString.CopyButton), ...props, icon: "copy" });
+}
+function MoveDownButton(props) {
+  const {
+    registry: { translateString }
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconButton, { title: translateString(import_utils10.TranslatableString.MoveDownButton), ...props, icon: "angle down" });
+}
+function MoveUpButton(props) {
+  const {
+    registry: { translateString }
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconButton, { title: translateString(import_utils10.TranslatableString.MoveUpButton), ...props, icon: "angle up" });
+}
+function RemoveButton(props) {
+  const {
+    registry: { translateString }
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconButton, { title: translateString(import_utils10.TranslatableString.RemoveButton), ...props, icon: "trash" });
+}
+function ClearButton(props) {
+  const {
+    registry: { translateString }
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(IconButton, { title: translateString(import_utils10.TranslatableString.ClearButton), ...props, icon: "close" });
 }
 
 // src/MultiSchemaFieldTemplate/MultiSchemaFieldTemplate.tsx
@@ -512,8 +512,8 @@ function MultiSchemaFieldTemplate(props) {
 }
 
 // src/ObjectFieldTemplate/ObjectFieldTemplate.tsx
-var import_semantic_ui_react10 = require("semantic-ui-react");
 var import_utils11 = require("@rjsf/utils");
+var import_semantic_ui_react10 = require("semantic-ui-react");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 function ObjectFieldTemplate(props) {
   const {
@@ -624,8 +624,8 @@ function OptionalDataControlsTemplate(props) {
 }
 
 // src/SubmitButton/SubmitButton.tsx
-var import_semantic_ui_react11 = require("semantic-ui-react");
 var import_utils12 = require("@rjsf/utils");
+var import_semantic_ui_react11 = require("semantic-ui-react");
 var import_jsx_runtime16 = require("react/jsx-runtime");
 function SubmitButton({ uiSchema }) {
   const { submitText, norender, props: submitButtonProps = {} } = (0, import_utils12.getSubmitButtonOptions)(uiSchema);
@@ -759,10 +759,81 @@ function generateTemplates() {
 }
 var Templates_default = generateTemplates();
 
-// src/CheckboxWidget/CheckboxWidget.tsx
+// src/CheckboxesWidget/CheckboxesWidget.tsx
 var import_utils14 = require("@rjsf/utils");
 var import_semantic_ui_react14 = require("semantic-ui-react");
 var import_jsx_runtime19 = require("react/jsx-runtime");
+function CheckboxesWidget(props) {
+  const {
+    id,
+    htmlName,
+    disabled,
+    options,
+    value,
+    autofocus,
+    readonly,
+    label,
+    hideLabel,
+    onChange,
+    onBlur,
+    onFocus,
+    schema,
+    uiSchema,
+    rawErrors = [],
+    registry
+  } = props;
+  const TitleFieldTemplate = (0, import_utils14.getTemplate)("TitleFieldTemplate", registry, options);
+  const { enumOptions, enumDisabled, inline } = options;
+  const checkboxesValues = Array.isArray(value) ? value : [value];
+  const semanticProps = getSemanticProps({
+    options,
+    formContext: registry.formContext,
+    uiSchema,
+    defaultSchemaProps: {
+      inverted: "false"
+    }
+  });
+  const _onChange = (index) => ({ target: { checked } }) => {
+    if (checked) {
+      onChange((0, import_utils14.enumOptionsSelectValue)(index, checkboxesValues, enumOptions));
+    } else {
+      onChange((0, import_utils14.enumOptionsDeselectValue)(index, checkboxesValues, enumOptions));
+    }
+  };
+  const _onBlur = () => onBlur(id, value);
+  const _onFocus = () => onFocus(id, value);
+  const inlineOption = inline ? { inline: true } : { grouped: true };
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+    !hideLabel && !!label && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TitleFieldTemplate, { id: (0, import_utils14.titleId)(id), title: label, schema, uiSchema, registry }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_semantic_ui_react14.Form.Group, { id, name: htmlName || id, ...inlineOption, children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
+      const checked = (0, import_utils14.enumOptionsIsSelected)(option.value, checkboxesValues);
+      const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
+      return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        import_semantic_ui_react14.Form.Checkbox,
+        {
+          id: (0, import_utils14.optionId)(id, index),
+          name: htmlName || id,
+          label: option.label,
+          ...semanticProps,
+          checked,
+          error: rawErrors.length > 0,
+          disabled: disabled || itemDisabled || readonly,
+          autoFocus: autofocus && index === 0,
+          onChange: _onChange(index),
+          onBlur: _onBlur,
+          onFocus: _onFocus,
+          "aria-describedby": (0, import_utils14.ariaDescribedByIds)(id)
+        },
+        index
+      );
+    }) })
+  ] });
+}
+
+// src/CheckboxWidget/CheckboxWidget.tsx
+var import_utils15 = require("@rjsf/utils");
+var import_semantic_ui_react15 = require("semantic-ui-react");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function CheckboxWidget(props) {
   const {
     id,
@@ -790,30 +861,30 @@ function CheckboxWidget(props) {
       inverted: "false"
     }
   });
-  const DescriptionFieldTemplate = (0, import_utils14.getTemplate)(
+  const DescriptionFieldTemplate = (0, import_utils15.getTemplate)(
     "DescriptionFieldTemplate",
     registry,
     options
   );
-  const required = (0, import_utils14.schemaRequiresTrueValue)(schema);
+  const required = (0, import_utils15.schemaRequiresTrueValue)(schema);
   const checked = value == "true" || value == true;
   const _onChange = (_, data) => onChange && onChange(data.checked);
   const _onBlur = () => onBlur && onBlur(id, value);
   const _onFocus = () => onFocus && onFocus(id, value);
   const description = options.description ?? schema.description;
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
-    !hideLabel && description && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+    !hideLabel && description && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       DescriptionFieldTemplate,
       {
-        id: (0, import_utils14.descriptionId)(id),
+        id: (0, import_utils15.descriptionId)(id),
         description,
         schema,
         uiSchema,
         registry
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-      import_semantic_ui_react14.Form.Checkbox,
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      import_semantic_ui_react15.Form.Checkbox,
       {
         id,
         name: htmlName || id,
@@ -826,84 +897,13 @@ function CheckboxWidget(props) {
         onBlur: _onBlur,
         onFocus: _onFocus,
         required,
-        label: (0, import_utils14.labelValue)(label, hideLabel, false),
-        "aria-describedby": (0, import_utils14.ariaDescribedByIds)(id)
+        label: (0, import_utils15.labelValue)(label, hideLabel, false),
+        "aria-describedby": (0, import_utils15.ariaDescribedByIds)(id)
       }
     )
   ] });
 }
 
-// src/CheckboxesWidget/CheckboxesWidget.tsx
-var import_semantic_ui_react15 = require("semantic-ui-react");
-var import_utils15 = require("@rjsf/utils");
-var import_jsx_runtime20 = require("react/jsx-runtime");
-function CheckboxesWidget(props) {
-  const {
-    id,
-    htmlName,
-    disabled,
-    options,
-    value,
-    autofocus,
-    readonly,
-    label,
-    hideLabel,
-    onChange,
-    onBlur,
-    onFocus,
-    schema,
-    uiSchema,
-    rawErrors = [],
-    registry
-  } = props;
-  const TitleFieldTemplate = (0, import_utils15.getTemplate)("TitleFieldTemplate", registry, options);
-  const { enumOptions, enumDisabled, inline } = options;
-  const checkboxesValues = Array.isArray(value) ? value : [value];
-  const semanticProps = getSemanticProps({
-    options,
-    formContext: registry.formContext,
-    uiSchema,
-    defaultSchemaProps: {
-      inverted: "false"
-    }
-  });
-  const _onChange = (index) => ({ target: { checked } }) => {
-    if (checked) {
-      onChange((0, import_utils15.enumOptionsSelectValue)(index, checkboxesValues, enumOptions));
-    } else {
-      onChange((0, import_utils15.enumOptionsDeselectValue)(index, checkboxesValues, enumOptions));
-    }
-  };
-  const _onBlur = () => onBlur(id, value);
-  const _onFocus = () => onFocus(id, value);
-  const inlineOption = inline ? { inline: true } : { grouped: true };
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
-    !hideLabel && !!label && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TitleFieldTemplate, { id: (0, import_utils15.titleId)(id), title: label, schema, uiSchema, registry }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_semantic_ui_react15.Form.Group, { id, name: htmlName || id, ...inlineOption, children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
-      const checked = (0, import_utils15.enumOptionsIsSelected)(option.value, checkboxesValues);
-      const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
-      return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-        import_semantic_ui_react15.Form.Checkbox,
-        {
-          id: (0, import_utils15.optionId)(id, index),
-          name: htmlName || id,
-          label: option.label,
-          ...semanticProps,
-          checked,
-          error: rawErrors.length > 0,
-          disabled: disabled || itemDisabled || readonly,
-          autoFocus: autofocus && index === 0,
-          onChange: _onChange(index),
-          onBlur: _onBlur,
-          onFocus: _onFocus,
-          "aria-describedby": (0, import_utils15.ariaDescribedByIds)(id)
-        },
-        index
-      );
-    }) })
-  ] });
-}
-
 // src/RadioWidget/RadioWidget.tsx
 var import_utils16 = require("@rjsf/utils");
 var import_semantic_ui_react16 = require("semantic-ui-react");
@@ -965,8 +965,8 @@ function RadioWidget(props) {
 }
 
 // src/RangeWidget/RangeWidget.tsx
-var import_semantic_ui_react17 = require("semantic-ui-react");
 var import_utils17 = require("@rjsf/utils");
+var import_semantic_ui_react17 = require("semantic-ui-react");
 var import_jsx_runtime22 = require("react/jsx-runtime");
 function RangeWidget(props) {
   const {