@rjsf/semantic-ui 6.5.3 → 6.6.0

package/dist/semantic-ui.esm.js

@@ -5,8 +5,8 @@ import { withTheme } from "@rjsf/core";
 import { Form as SuiForm } from "semantic-ui-react";
 
 // src/AddButton/AddButton.tsx
-import { Button, Icon } from "semantic-ui-react";
 import { TranslatableString } from "@rjsf/utils";
+import { Button, Icon } from "semantic-ui-react";
 import { jsx } from "react/jsx-runtime";
 function AddButton({
   uiSchema,
@@ -210,14 +210,14 @@ function ArrayFieldTemplate(props) {
 
 // src/BaseInputTemplate/BaseInputTemplate.tsx
 import { useCallback } from "react";
-import { Form } from "semantic-ui-react";
+import { SchemaExamples } from "@rjsf/core";
 import {
   ariaDescribedByIds,
   examplesId,
   getInputProps,
   labelValue
 } from "@rjsf/utils";
-import { SchemaExamples } from "@rjsf/core";
+import { Form } from "semantic-ui-react";
 import { Fragment, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function BaseInputTemplate(props) {
   const {
@@ -300,8 +300,8 @@ function DescriptionField(props) {
 }
 
 // src/ErrorList/ErrorList.tsx
-import { Message } from "semantic-ui-react";
 import { TranslatableString as TranslatableString2 } from "@rjsf/utils";
+import { Message } from "semantic-ui-react";
 import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 function ErrorList({
   errors,
@@ -314,59 +314,11 @@ function ErrorList({
   ] });
 }
 
-// src/IconButton/IconButton.tsx
-import { Button as Button3 } from "semantic-ui-react";
-import { TranslatableString as TranslatableString3 } from "@rjsf/utils";
-import { jsx as jsx8 } from "react/jsx-runtime";
-function IconButton(props) {
-  const { icon, iconType, color, className, uiSchema, registry, ...otherProps } = props;
-  return /* @__PURE__ */ jsx8(
-    Button3,
-    {
-      icon,
-      size: iconType,
-      color,
-      className,
-      ...otherProps
-    }
-  );
-}
-function CopyButton(props) {
-  const {
-    registry: { translateString }
-  } = props;
-  return /* @__PURE__ */ jsx8(IconButton, { title: translateString(TranslatableString3.CopyButton), ...props, icon: "copy" });
-}
-function MoveDownButton(props) {
-  const {
-    registry: { translateString }
-  } = props;
-  return /* @__PURE__ */ jsx8(IconButton, { title: translateString(TranslatableString3.MoveDownButton), ...props, icon: "angle down" });
-}
-function MoveUpButton(props) {
-  const {
-    registry: { translateString }
-  } = props;
-  return /* @__PURE__ */ jsx8(IconButton, { title: translateString(TranslatableString3.MoveUpButton), ...props, icon: "angle up" });
-}
-function RemoveButton(props) {
-  const {
-    registry: { translateString }
-  } = props;
-  return /* @__PURE__ */ jsx8(IconButton, { title: translateString(TranslatableString3.RemoveButton), ...props, icon: "trash" });
-}
-function ClearButton(props) {
-  const {
-    registry: { translateString }
-  } = props;
-  return /* @__PURE__ */ jsx8(IconButton, { title: translateString(TranslatableString3.ClearButton), ...props, icon: "close" });
-}
-
 // src/FieldErrorTemplate/FieldErrorTemplate.tsx
 import { errorId } from "@rjsf/utils";
 import uniqueId from "lodash/uniqueId";
 import { Label, List } from "semantic-ui-react";
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 var DEFAULT_OPTIONS = {
   options: {
     pointing: "above",
@@ -383,20 +335,20 @@ function FieldErrorTemplate({ errors, fieldPathId, uiSchema, registry }) {
   const { pointing, size } = options;
   if (errors && errors.length > 0) {
     const id = errorId(fieldPathId);
-    return /* @__PURE__ */ jsx9(Label, { id, color: "red", pointing: pointing || "above", size: size || "small", basic: true, children: /* @__PURE__ */ jsx9(List, { bulleted: true, children: errors.map((error) => /* @__PURE__ */ jsx9(List.Item, { children: error }, uniqueId("field-error-"))) }) });
+    return /* @__PURE__ */ jsx8(Label, { id, color: "red", pointing: pointing || "above", size: size || "small", basic: true, children: /* @__PURE__ */ jsx8(List, { bulleted: true, children: errors.map((error) => /* @__PURE__ */ jsx8(List.Item, { children: error }, uniqueId("field-error-"))) }) });
   }
   return null;
 }
 
 // src/FieldHelpTemplate/FieldHelpTemplate.tsx
-import { helpId } from "@rjsf/utils";
 import { RichHelp } from "@rjsf/core";
+import { helpId } from "@rjsf/utils";
 import { Message as Message2 } from "semantic-ui-react";
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 function FieldHelpTemplate(props) {
   const { fieldPathId, help, uiSchema, registry } = props;
   if (help) {
-    return /* @__PURE__ */ jsx10(Message2, { size: "mini", info: true, id: helpId(fieldPathId), children: /* @__PURE__ */ jsx10(RichHelp, { help, registry, uiSchema }) });
+    return /* @__PURE__ */ jsx9(Message2, { size: "mini", info: true, id: helpId(fieldPathId), children: /* @__PURE__ */ jsx9(RichHelp, { help, registry, uiSchema }) });
   }
   return null;
 }
@@ -407,7 +359,7 @@ import {
   getUiOptions as getUiOptions4
 } from "@rjsf/utils";
 import { Form as Form2 } from "semantic-ui-react";
-import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
 function FieldTemplate(props) {
   const {
     id,
@@ -438,10 +390,10 @@ function FieldTemplate(props) {
     uiOptions
   );
   if (hidden) {
-    return /* @__PURE__ */ jsx11("div", { style: { display: "none" }, children });
+    return /* @__PURE__ */ jsx10("div", { style: { display: "none" }, children });
   }
   const isCheckbox = uiOptions.widget === "checkbox";
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx10(
     WrapIfAdditionalTemplate2,
     {
       classNames,
@@ -454,9 +406,9 @@ function FieldTemplate(props) {
       schema,
       uiSchema,
       ...otherProps,
-      children: /* @__PURE__ */ jsx11(Form2.Group, { widths: "equal", grouped: true, children: /* @__PURE__ */ jsxs5(MaybeWrap, { wrap: wrapContent, className: "sui-field-content", children: [
+      children: /* @__PURE__ */ jsx10(Form2.Group, { widths: "equal", grouped: true, children: /* @__PURE__ */ jsxs5(MaybeWrap, { wrap: wrapContent, className: "sui-field-content", children: [
         children,
-        displayLabel && rawDescription && !isCheckbox && /* @__PURE__ */ jsx11(MaybeWrap, { wrap: wrapLabel, className: "sui-field-label", children: description }),
+        displayLabel && rawDescription && !isCheckbox && /* @__PURE__ */ jsx10(MaybeWrap, { wrap: wrapLabel, className: "sui-field-label", children: description }),
         help,
         errors
       ] }) }, id)
@@ -466,13 +418,61 @@ function FieldTemplate(props) {
 
 // src/GridTemplate/GridTemplate.tsx
 import { Grid as Grid2 } from "semantic-ui-react";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function GridTemplate(props) {
   const { children, column, ...rest } = props;
   if (column) {
-    return /* @__PURE__ */ jsx12(Grid2.Column, { ...rest, children });
+    return /* @__PURE__ */ jsx11(Grid2.Column, { ...rest, children });
   }
-  return /* @__PURE__ */ jsx12(Grid2, { ...rest, children });
+  return /* @__PURE__ */ jsx11(Grid2, { ...rest, children });
+}
+
+// src/IconButton/IconButton.tsx
+import { TranslatableString as TranslatableString3 } from "@rjsf/utils";
+import { Button as Button3 } from "semantic-ui-react";
+import { jsx as jsx12 } from "react/jsx-runtime";
+function IconButton(props) {
+  const { icon, iconType, color, className, uiSchema, registry, ...otherProps } = props;
+  return /* @__PURE__ */ jsx12(
+    Button3,
+    {
+      icon,
+      size: iconType,
+      color,
+      className,
+      ...otherProps
+    }
+  );
+}
+function CopyButton(props) {
+  const {
+    registry: { translateString }
+  } = props;
+  return /* @__PURE__ */ jsx12(IconButton, { title: translateString(TranslatableString3.CopyButton), ...props, icon: "copy" });
+}
+function MoveDownButton(props) {
+  const {
+    registry: { translateString }
+  } = props;
+  return /* @__PURE__ */ jsx12(IconButton, { title: translateString(TranslatableString3.MoveDownButton), ...props, icon: "angle down" });
+}
+function MoveUpButton(props) {
+  const {
+    registry: { translateString }
+  } = props;
+  return /* @__PURE__ */ jsx12(IconButton, { title: translateString(TranslatableString3.MoveUpButton), ...props, icon: "angle up" });
+}
+function RemoveButton(props) {
+  const {
+    registry: { translateString }
+  } = props;
+  return /* @__PURE__ */ jsx12(IconButton, { title: translateString(TranslatableString3.RemoveButton), ...props, icon: "trash" });
+}
+function ClearButton(props) {
+  const {
+    registry: { translateString }
+  } = props;
+  return /* @__PURE__ */ jsx12(IconButton, { title: translateString(TranslatableString3.ClearButton), ...props, icon: "close" });
 }
 
 // src/MultiSchemaFieldTemplate/MultiSchemaFieldTemplate.tsx
@@ -486,7 +486,6 @@ function MultiSchemaFieldTemplate(props) {
 }
 
 // src/ObjectFieldTemplate/ObjectFieldTemplate.tsx
-import { Grid as Grid3 } from "semantic-ui-react";
 import {
   canExpand,
   descriptionId,
@@ -495,6 +494,7 @@ import {
   titleId,
   buttonId as buttonId2
 } from "@rjsf/utils";
+import { Grid as Grid3 } from "semantic-ui-react";
 import { Fragment as Fragment2, jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
 function ObjectFieldTemplate(props) {
   const {
@@ -605,8 +605,8 @@ function OptionalDataControlsTemplate(props) {
 }
 
 // src/SubmitButton/SubmitButton.tsx
-import { Button as Button4 } from "semantic-ui-react";
 import { getSubmitButtonOptions } from "@rjsf/utils";
+import { Button as Button4 } from "semantic-ui-react";
 import { jsx as jsx16 } from "react/jsx-runtime";
 function SubmitButton({ uiSchema }) {
   const { submitText, norender, props: submitButtonProps = {} } = getSubmitButtonOptions(uiSchema);
@@ -744,16 +744,95 @@ function generateTemplates() {
 }
 var Templates_default = generateTemplates();
 
-// src/CheckboxWidget/CheckboxWidget.tsx
+// src/CheckboxesWidget/CheckboxesWidget.tsx
 import {
   ariaDescribedByIds as ariaDescribedByIds2,
-  descriptionId as descriptionId2,
+  enumOptionsDeselectValue,
+  enumOptionsIsSelected,
+  enumOptionsSelectValue,
   getTemplate as getTemplate5,
-  labelValue as labelValue2,
-  schemaRequiresTrueValue
+  optionId,
+  titleId as titleId2
 } from "@rjsf/utils";
 import { Form as Form4 } from "semantic-ui-react";
 import { Fragment as Fragment3, jsx as jsx19, jsxs as jsxs10 } from "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 = getTemplate5("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(enumOptionsSelectValue(index, checkboxesValues, enumOptions));
+    } else {
+      onChange(enumOptionsDeselectValue(index, checkboxesValues, enumOptions));
+    }
+  };
+  const _onBlur = () => onBlur(id, value);
+  const _onFocus = () => onFocus(id, value);
+  const inlineOption = inline ? { inline: true } : { grouped: true };
+  return /* @__PURE__ */ jsxs10(Fragment3, { children: [
+    !hideLabel && !!label && /* @__PURE__ */ jsx19(TitleFieldTemplate, { id: titleId2(id), title: label, schema, uiSchema, registry }),
+    /* @__PURE__ */ jsx19(Form4.Group, { id, name: htmlName || id, ...inlineOption, children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
+      const checked = enumOptionsIsSelected(option.value, checkboxesValues);
+      const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
+      return /* @__PURE__ */ jsx19(
+        Form4.Checkbox,
+        {
+          id: 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": ariaDescribedByIds2(id)
+        },
+        index
+      );
+    }) })
+  ] });
+}
+
+// src/CheckboxWidget/CheckboxWidget.tsx
+import {
+  ariaDescribedByIds as ariaDescribedByIds3,
+  descriptionId as descriptionId2,
+  getTemplate as getTemplate6,
+  labelValue as labelValue2,
+  schemaRequiresTrueValue
+} from "@rjsf/utils";
+import { Form as Form5 } from "semantic-ui-react";
+import { Fragment as Fragment4, jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
 function CheckboxWidget(props) {
   const {
     id,
@@ -781,7 +860,7 @@ function CheckboxWidget(props) {
       inverted: "false"
     }
   });
-  const DescriptionFieldTemplate = getTemplate5(
+  const DescriptionFieldTemplate = getTemplate6(
     "DescriptionFieldTemplate",
     registry,
     options
@@ -792,8 +871,8 @@ function CheckboxWidget(props) {
   const _onBlur = () => onBlur && onBlur(id, value);
   const _onFocus = () => onFocus && onFocus(id, value);
   const description = options.description ?? schema.description;
-  return /* @__PURE__ */ jsxs10(Fragment3, { children: [
-    !hideLabel && description && /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsxs11(Fragment4, { children: [
+    !hideLabel && description && /* @__PURE__ */ jsx20(
       DescriptionFieldTemplate,
       {
         id: descriptionId2(id),
@@ -803,8 +882,8 @@ function CheckboxWidget(props) {
         registry
       }
     ),
-    /* @__PURE__ */ jsx19(
-      Form4.Checkbox,
+    /* @__PURE__ */ jsx20(
+      Form5.Checkbox,
       {
         id,
         name: htmlName || id,
@@ -818,91 +897,12 @@ function CheckboxWidget(props) {
         onFocus: _onFocus,
         required,
         label: labelValue2(label, hideLabel, false),
-        "aria-describedby": ariaDescribedByIds2(id)
+        "aria-describedby": ariaDescribedByIds3(id)
       }
     )
   ] });
 }
 
-// src/CheckboxesWidget/CheckboxesWidget.tsx
-import { Form as Form5 } from "semantic-ui-react";
-import {
-  ariaDescribedByIds as ariaDescribedByIds3,
-  enumOptionsDeselectValue,
-  enumOptionsIsSelected,
-  enumOptionsSelectValue,
-  getTemplate as getTemplate6,
-  optionId,
-  titleId as titleId2
-} from "@rjsf/utils";
-import { Fragment as Fragment4, jsx as jsx20, jsxs as jsxs11 } from "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 = getTemplate6("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(enumOptionsSelectValue(index, checkboxesValues, enumOptions));
-    } else {
-      onChange(enumOptionsDeselectValue(index, checkboxesValues, enumOptions));
-    }
-  };
-  const _onBlur = () => onBlur(id, value);
-  const _onFocus = () => onFocus(id, value);
-  const inlineOption = inline ? { inline: true } : { grouped: true };
-  return /* @__PURE__ */ jsxs11(Fragment4, { children: [
-    !hideLabel && !!label && /* @__PURE__ */ jsx20(TitleFieldTemplate, { id: titleId2(id), title: label, schema, uiSchema, registry }),
-    /* @__PURE__ */ jsx20(Form5.Group, { id, name: htmlName || id, ...inlineOption, children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
-      const checked = enumOptionsIsSelected(option.value, checkboxesValues);
-      const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
-      return /* @__PURE__ */ jsx20(
-        Form5.Checkbox,
-        {
-          id: 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": ariaDescribedByIds3(id)
-        },
-        index
-      );
-    }) })
-  ] });
-}
-
 // src/RadioWidget/RadioWidget.tsx
 import {
   ariaDescribedByIds as ariaDescribedByIds4,
@@ -971,8 +971,8 @@ function RadioWidget(props) {
 }
 
 // src/RangeWidget/RangeWidget.tsx
-import { Input } from "semantic-ui-react";
 import { ariaDescribedByIds as ariaDescribedByIds5, rangeSpec } from "@rjsf/utils";
+import { Input } from "semantic-ui-react";
 import { Fragment as Fragment5, jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
 function RangeWidget(props) {
   const {