@rjsf/semantic-ui 5.24.10 → 6.0.0-beta.1

package/dist/index.js

@@ -28,25 +28,25 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   Form: () => SemanticUIForm_default,
   Templates: () => Templates_default,
   Theme: () => Theme_default,
   Widgets: () => Widgets_default,
-  default: () => src_default,
+  default: () => index_default,
   generateForm: () => generateForm,
   generateTemplates: () => generateTemplates,
   generateTheme: () => generateTheme,
   generateWidgets: () => generateWidgets
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 
 // src/SemanticUIForm/SemanticUIForm.ts
 var import_core = require("@rjsf/core");
 
 // src/Theme/Theme.ts
-var import_semantic_ui_react19 = require("semantic-ui-react");
+var import_semantic_ui_react20 = require("semantic-ui-react");
 
 // src/AddButton/AddButton.tsx
 var import_semantic_ui_react = require("semantic-ui-react");
@@ -125,69 +125,17 @@ var gridStyle = (vertical) => ({
   gridTemplateColumns: `1fr ${vertical ? 65 : 150}px`
 });
 function ArrayFieldItemTemplate(props) {
-  const {
-    children,
-    disabled,
-    hasToolbar,
-    hasCopy,
-    hasMoveDown,
-    hasMoveUp,
-    hasRemove,
-    index,
-    onCopyIndexClick,
-    onDropIndexClick,
-    onReorderClick,
-    readonly,
-    uiSchema,
-    registry
-  } = props;
-  const { CopyButton: CopyButton2, MoveDownButton: MoveDownButton2, MoveUpButton: MoveUpButton2, RemoveButton: RemoveButton2 } = registry.templates.ButtonTemplates;
+  const { children, buttonsProps, hasToolbar, uiSchema, registry } = props;
   const uiOptions = (0, import_utils3.getUiOptions)(uiSchema);
+  const ArrayFieldItemButtonsTemplate = (0, import_utils3.getTemplate)(
+    "ArrayFieldItemButtonsTemplate",
+    registry,
+    uiOptions
+  );
   const { horizontalButtons = true, wrapItem = false } = uiOptions.semantic;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "array-item", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MaybeWrap, { wrap: wrapItem, component: import_semantic_ui_react2.Segment, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_semantic_ui_react2.Grid, { style: { ...gridStyle(!horizontalButtons), alignItems: "center" }, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "rjsf-array-item", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MaybeWrap, { wrap: wrapItem, component: import_semantic_ui_react2.Segment, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_semantic_ui_react2.Grid, { style: { ...gridStyle(!horizontalButtons), alignItems: "center" }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_semantic_ui_react2.Grid.Column, { width: 16, verticalAlign: "middle", children }),
-    hasToolbar && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_semantic_ui_react2.Grid.Column, { children: (hasMoveUp || hasMoveDown || hasRemove) && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_semantic_ui_react2.Button.Group, { size: "mini", vertical: !horizontalButtons, children: [
-      (hasMoveUp || hasMoveDown) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        MoveUpButton2,
-        {
-          className: "array-item-move-up",
-          disabled: disabled || readonly || !hasMoveUp,
-          onClick: onReorderClick(index, index - 1),
-          uiSchema,
-          registry
-        }
-      ),
-      (hasMoveUp || hasMoveDown) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        MoveDownButton2,
-        {
-          className: "array-item-move-down",
-          disabled: disabled || readonly || !hasMoveDown,
-          onClick: onReorderClick(index, index + 1),
-          uiSchema,
-          registry
-        }
-      ),
-      hasCopy && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        CopyButton2,
-        {
-          className: "array-item-copy",
-          disabled: disabled || readonly,
-          onClick: onCopyIndexClick(index),
-          uiSchema,
-          registry
-        }
-      ),
-      hasRemove && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        RemoveButton2,
-        {
-          className: "array-item-remove",
-          disabled: disabled || readonly,
-          onClick: onDropIndexClick(index),
-          uiSchema,
-          registry
-        }
-      )
-    ] }) })
+    hasToolbar && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_semantic_ui_react2.Grid.Column, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_semantic_ui_react2.Button.Group, { size: "mini", vertical: !horizontalButtons, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ArrayFieldItemButtonsTemplate, { ...buttonsProps }) }) })
   ] }) }) });
 }
 
@@ -279,7 +227,17 @@ function ArrayFieldTemplate(props) {
             position: "relative",
             textAlign: "right"
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AddButton2, { onClick: onAddClick, disabled: disabled || readonly, uiSchema, registry })
+          children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            AddButton2,
+            {
+              id: (0, import_utils4.buttonId)(idSchema, "add"),
+              className: "rjsf-array-item-add",
+              onClick: onAddClick,
+              disabled: disabled || readonly,
+              uiSchema,
+              registry
+            }
+          )
         }
       )
     ] }, `array-item-list-${idSchema.$id}`)
@@ -510,10 +468,21 @@ function FieldTemplate(props) {
   );
 }
 
-// src/ObjectFieldTemplate/ObjectFieldTemplate.tsx
+// src/GridTemplate/GridTemplate.tsx
 var import_semantic_ui_react9 = require("semantic-ui-react");
-var import_utils11 = require("@rjsf/utils");
 var import_jsx_runtime12 = 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_runtime12.jsx)(import_semantic_ui_react9.Grid, { ...rest, children });
+}
+
+// src/ObjectFieldTemplate/ObjectFieldTemplate.tsx
+var import_semantic_ui_react10 = require("semantic-ui-react");
+var import_utils11 = require("@rjsf/utils");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function ObjectFieldTemplate(props) {
   const {
     description,
@@ -539,8 +508,8 @@ function ObjectFieldTemplate(props) {
   const {
     ButtonTemplates: { AddButton: AddButton2 }
   } = registry.templates;
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       TitleFieldTemplate,
       {
         id: (0, import_utils11.titleId)(idSchema),
@@ -551,7 +520,7 @@ function ObjectFieldTemplate(props) {
         registry
       }
     ),
-    description && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    description && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       DescriptionFieldTemplate,
       {
         id: (0, import_utils11.descriptionId)(idSchema),
@@ -562,7 +531,7 @@ function ObjectFieldTemplate(props) {
       }
     ),
     properties.map((prop) => prop.content),
-    (0, import_utils11.canExpand)(schema, uiSchema, formData) && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_semantic_ui_react9.Grid.Column, { width: 16, verticalAlign: "middle", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_semantic_ui_react9.Grid.Row, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    (0, import_utils11.canExpand)(schema, uiSchema, formData) && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_semantic_ui_react10.Grid.Column, { width: 16, verticalAlign: "middle", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_semantic_ui_react10.Grid.Row, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       "div",
       {
         style: {
@@ -570,9 +539,11 @@ function ObjectFieldTemplate(props) {
           position: "relative",
           textAlign: "right"
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           AddButton2,
           {
+            id: (0, import_utils11.buttonId)(idSchema, "add"),
+            className: "rjsf-object-property-expand",
             onClick: onAddClick(schema),
             disabled: disabled || readonly,
             uiSchema,
@@ -585,20 +556,20 @@ function ObjectFieldTemplate(props) {
 }
 
 // src/SubmitButton/SubmitButton.tsx
-var import_semantic_ui_react10 = require("semantic-ui-react");
+var import_semantic_ui_react11 = require("semantic-ui-react");
 var import_utils12 = require("@rjsf/utils");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function SubmitButton({ uiSchema }) {
   const { submitText, norender, props: submitButtonProps = {} } = (0, import_utils12.getSubmitButtonOptions)(uiSchema);
   if (norender) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_semantic_ui_react10.Button, { type: "submit", primary: true, ...submitButtonProps, children: submitText });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_semantic_ui_react11.Button, { type: "submit", primary: true, ...submitButtonProps, children: submitText });
 }
 
 // src/TitleField/TitleField.tsx
-var import_semantic_ui_react11 = require("semantic-ui-react");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_semantic_ui_react12 = require("semantic-ui-react");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var DEFAULT_OPTIONS2 = {
   inverted: false,
   dividing: true
@@ -615,13 +586,13 @@ function TitleField({
   if (!title) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_semantic_ui_react11.Header, { id, ...semanticProps, as: "h5", children: title });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_semantic_ui_react12.Header, { id, ...semanticProps, as: "h5", children: title });
 }
 
 // src/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.tsx
 var import_utils13 = require("@rjsf/utils");
-var import_semantic_ui_react12 = require("semantic-ui-react");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_semantic_ui_react13 = require("semantic-ui-react");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function WrapIfAdditionalTemplate(props) {
   const {
     children,
@@ -644,12 +615,12 @@ function WrapIfAdditionalTemplate(props) {
   const { readonlyAsDisabled = true, wrapperStyle } = registry.formContext;
   const additional = import_utils13.ADDITIONAL_PROPERTY_FLAG in schema;
   if (!additional) {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: classNames, style, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: classNames, style, children });
   }
   const handleBlur = ({ target }) => onKeyChange(target.value);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: classNames, style, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_semantic_ui_react12.Grid, { columns: "equal", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_semantic_ui_react12.Grid.Row, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_semantic_ui_react12.Grid.Column, { className: "form-additional", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_semantic_ui_react12.Form.Group, { widths: "equal", grouped: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-      import_semantic_ui_react12.Form.Input,
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: classNames, style, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_semantic_ui_react13.Grid, { columns: "equal", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_semantic_ui_react13.Grid.Row, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_semantic_ui_react13.Grid.Column, { className: "form-additional", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_semantic_ui_react13.Form.Group, { widths: "equal", grouped: true, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      import_semantic_ui_react13.Form.Input,
       {
         className: "form-group",
         hasFeedback: true,
@@ -666,12 +637,13 @@ function WrapIfAdditionalTemplate(props) {
         type: "text"
       }
     ) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_semantic_ui_react12.Grid.Column, { className: "form-additional", verticalAlign: "middle", children }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_semantic_ui_react12.Grid.Column, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_semantic_ui_react13.Grid.Column, { className: "form-additional", verticalAlign: "middle", children }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_semantic_ui_react13.Grid.Column, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       RemoveButton2,
       {
+        id: (0, import_utils13.buttonId)(id, "remove"),
         iconType: "mini",
-        className: "array-item-remove",
+        className: "rjsf-object-property-remove",
         disabled: disabled || readonly,
         onClick: onDropPropertyClick(label),
         uiSchema,
@@ -700,6 +672,7 @@ function generateTemplates() {
     FieldErrorTemplate,
     FieldHelpTemplate,
     FieldTemplate,
+    GridTemplate,
     ObjectFieldTemplate,
     TitleFieldTemplate: TitleField,
     WrapIfAdditionalTemplate
@@ -709,8 +682,8 @@ var Templates_default = generateTemplates();
 
 // src/CheckboxWidget/CheckboxWidget.tsx
 var import_utils14 = require("@rjsf/utils");
-var import_semantic_ui_react13 = require("semantic-ui-react");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_semantic_ui_react14 = require("semantic-ui-react");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function CheckboxWidget(props) {
   const {
     id,
@@ -749,8 +722,8 @@ function CheckboxWidget(props) {
   const _onFocus = () => onFocus && onFocus(id, value);
   const checked = value == "true" || value == true;
   const description = options.description ?? schema.description;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-    !hideLabel && !!description && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+    !hideLabel && !!description && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       DescriptionFieldTemplate,
       {
         id: (0, import_utils14.descriptionId)(id),
@@ -760,8 +733,8 @@ function CheckboxWidget(props) {
         registry
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-      import_semantic_ui_react13.Form.Checkbox,
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      import_semantic_ui_react14.Form.Checkbox,
       {
         id,
         name: id,
@@ -782,9 +755,9 @@ function CheckboxWidget(props) {
 }
 
 // src/CheckboxesWidget/CheckboxesWidget.tsx
-var import_semantic_ui_react14 = require("semantic-ui-react");
+var import_semantic_ui_react15 = require("semantic-ui-react");
 var import_utils15 = require("@rjsf/utils");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function CheckboxesWidget(props) {
   const {
     id,
@@ -825,13 +798,13 @@ function CheckboxesWidget(props) {
   const _onBlur = () => onBlur(id, value);
   const _onFocus = () => onFocus(id, value);
   const inlineOption = inline ? { inline: true } : { grouped: true };
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-    !hideLabel && !!label && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TitleFieldTemplate, { id: (0, import_utils15.titleId)(id), title: label, schema, uiSchema, registry }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_semantic_ui_react14.Form.Group, { id, name: id, ...inlineOption, children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+    !hideLabel && !!label && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TitleFieldTemplate, { id: (0, import_utils15.titleId)(id), title: label, schema, uiSchema, registry }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_semantic_ui_react15.Form.Group, { id, name: 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_runtime17.jsx)(
-        import_semantic_ui_react14.Form.Checkbox,
+      return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        import_semantic_ui_react15.Form.Checkbox,
         {
           id: (0, import_utils15.optionId)(id, index),
           name: id,
@@ -854,8 +827,8 @@ function CheckboxesWidget(props) {
 
 // src/RadioWidget/RadioWidget.tsx
 var import_utils16 = require("@rjsf/utils");
-var import_semantic_ui_react15 = require("semantic-ui-react");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_semantic_ui_react16 = require("semantic-ui-react");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var import_react = require("react");
 function RadioWidget(props) {
   const {
@@ -884,14 +857,14 @@ function RadioWidget(props) {
   const _onBlur = () => onBlur(id, value);
   const _onFocus = () => onFocus(id, value);
   const inlineOption = options.inline ? { inline: true } : { grouped: true };
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_semantic_ui_react15.Form.Group, { ...inlineOption, children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_semantic_ui_react16.Form.Group, { ...inlineOption, children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
     const checked = (0, import_utils16.enumOptionsIsSelected)(option.value, value);
     const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
     return /* @__PURE__ */ (0, import_react.createElement)(
-      import_semantic_ui_react15.Form.Field,
+      import_semantic_ui_react16.Form.Field,
       {
         required,
-        control: import_semantic_ui_react15.Radio,
+        control: import_semantic_ui_react16.Radio,
         id: (0, import_utils16.optionId)(id, index),
         name: id,
         ...semanticProps,
@@ -911,9 +884,9 @@ function RadioWidget(props) {
 }
 
 // src/RangeWidget/RangeWidget.tsx
-var import_semantic_ui_react16 = require("semantic-ui-react");
+var import_semantic_ui_react17 = require("semantic-ui-react");
 var import_utils17 = require("@rjsf/utils");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function RangeWidget(props) {
   const {
     id,
@@ -941,9 +914,9 @@ function RangeWidget(props) {
   const _onChange = ({ target: { value: value2 } }) => onChange && onChange(value2 === "" ? options.emptyValue : value2);
   const _onBlur = () => onBlur && onBlur(id, value);
   const _onFocus = () => onFocus && onFocus(id, value);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-      import_semantic_ui_react16.Input,
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      import_semantic_ui_react17.Input,
       {
         id,
         name: id,
@@ -961,15 +934,15 @@ function RangeWidget(props) {
       },
       id
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: value })
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { children: value })
   ] });
 }
 
 // src/SelectWidget/SelectWidget.tsx
 var import_utils18 = require("@rjsf/utils");
-var import_map = __toESM(require("lodash/map"));
-var import_semantic_ui_react17 = require("semantic-ui-react");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_map = __toESM(require("lodash/map"), 1);
+var import_semantic_ui_react18 = require("semantic-ui-react");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function createDefaultValueOptionsForDropDown(enumOptions, enumDisabled, showPlaceholderOption, placeholder) {
   const disabledOptions = enumDisabled || [];
   const options = (0, import_map.default)(enumOptions, ({ label, value }, index) => ({
@@ -1029,8 +1002,8 @@ function SelectWidget(props) {
   const _onBlur = (_, { target }) => onBlur(id, (0, import_utils18.enumOptionsValueForIndex)(target && target.value, enumOptions, optEmptyVal));
   const _onFocus = (_, { target }) => onFocus(id, (0, import_utils18.enumOptionsValueForIndex)(target && target.value, enumOptions, optEmptyVal));
   const selectedIndexes = (0, import_utils18.enumOptionsIndexForValue)(value, enumOptions, multiple);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-    import_semantic_ui_react17.Form.Dropdown,
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    import_semantic_ui_react18.Form.Dropdown,
     {
       id,
       name: id,
@@ -1056,8 +1029,8 @@ function SelectWidget(props) {
 
 // src/TextareaWidget/TextareaWidget.tsx
 var import_utils19 = require("@rjsf/utils");
-var import_semantic_ui_react18 = require("semantic-ui-react");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_semantic_ui_react19 = require("semantic-ui-react");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function TextareaWidget(props) {
   const {
     id,
@@ -1084,8 +1057,8 @@ function TextareaWidget(props) {
   const _onChange = ({ target: { value: value2 } }) => onChange && onChange(value2 === "" ? options.emptyValue : value2);
   const _onBlur = () => onBlur && onBlur(id, value);
   const _onFocus = () => onFocus && onFocus(id, value);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-    import_semantic_ui_react18.Form.TextArea,
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    import_semantic_ui_react19.Form.TextArea,
     {
       id,
       name: id,
@@ -1125,7 +1098,7 @@ function generateTheme() {
   return {
     templates: generateTemplates(),
     widgets: generateWidgets(),
-    _internalFormWrapper: import_semantic_ui_react19.Form
+    _internalFormWrapper: import_semantic_ui_react20.Form
   };
 }
 var Theme_default = generateTheme();
@@ -1137,5 +1110,5 @@ function generateForm() {
 var SemanticUIForm_default = generateForm();
 
 // src/index.ts
-var src_default = SemanticUIForm_default;
+var index_default = SemanticUIForm_default;
 //# sourceMappingURL=index.js.map