@rjsf/semantic-ui 6.0.0-beta.8 → 6.0.0

package/dist/semantic-ui.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@rjsf/core'), require('semantic-ui-react'), require('@rjsf/utils'), require('react/jsx-runtime'), require('nanoid'), require('react'), require('lodash/map')) :
-  typeof define === 'function' && define.amd ? define(['exports', '@rjsf/core', 'semantic-ui-react', '@rjsf/utils', 'react/jsx-runtime', 'nanoid', 'react', 'lodash/map'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@rjsf/semantic-ui"] = {}, global.core, global.semanticUiReact, global.utils, global.jsxRuntime, global.nanoid, global.react, global.map));
-})(this, (function (exports, core, semanticUiReact, utils, jsxRuntime, nanoid, react, map) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@rjsf/core'), require('semantic-ui-react'), require('@rjsf/utils'), require('react/jsx-runtime'), require('lodash/uniqueId'), require('react'), require('lodash/map')) :
+  typeof define === 'function' && define.amd ? define(['exports', '@rjsf/core', 'semantic-ui-react', '@rjsf/utils', 'react/jsx-runtime', 'lodash/uniqueId', 'react', 'lodash/map'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@rjsf/semantic-ui"] = {}, global.core, global.semanticUiReact, global.utils, global.jsxRuntime, global.uniqueId, global.react, global.map));
+})(this, (function (exports, core, semanticUiReact, utils, jsxRuntime, uniqueId, react, map) { 'use strict';
 
   // src/SemanticUIForm/SemanticUIForm.ts
   function AddButton({
@@ -17,9 +17,9 @@
       {
         title: translateString(utils.TranslatableString.AddItemButton),
         color,
+        size: "tiny",
         ...props,
         icon: true,
-        size: "tiny",
         children: /* @__PURE__ */ jsxRuntime.jsx(semanticUiReact.Icon, { name: "plus" })
       }
     );
@@ -67,14 +67,19 @@
     gridTemplateColumns: `1fr ${vertical ? 65 : 150}px`
   });
   function ArrayFieldItemTemplate(props) {
-    const { children, buttonsProps, hasToolbar, uiSchema, registry } = props;
+    const { children, buttonsProps, hasToolbar, uiSchema, registry, parentUiSchema } = props;
     const uiOptions = utils.getUiOptions(uiSchema);
     const ArrayFieldItemButtonsTemplate = utils.getTemplate(
       "ArrayFieldItemButtonsTemplate",
       registry,
       uiOptions
     );
-    const { horizontalButtons = true, wrapItem = false } = uiOptions.semantic;
+    const semanticProps = getSemanticProps({
+      uiSchema: parentUiSchema,
+      formContext: registry.formContext,
+      defaultSchemaProps: { horizontalButtons: true, wrapItem: false }
+    });
+    const { horizontalButtons = true, wrapItem = false } = semanticProps;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rjsf-array-item", children: /* @__PURE__ */ jsxRuntime.jsx(MaybeWrap, { wrap: wrapItem, component: semanticUiReact.Segment, children: /* @__PURE__ */ jsxRuntime.jsxs(semanticUiReact.Grid, { style: { ...gridStyle(!horizontalButtons), alignItems: "center" }, children: [
       /* @__PURE__ */ jsxRuntime.jsx(semanticUiReact.Grid.Column, { width: 16, verticalAlign: "middle", children }),
       hasToolbar && /* @__PURE__ */ jsxRuntime.jsx(semanticUiReact.Grid.Column, { children: /* @__PURE__ */ jsxRuntime.jsx(semanticUiReact.Button.Group, { size: "mini", vertical: !horizontalButtons, children: /* @__PURE__ */ jsxRuntime.jsx(ArrayFieldItemButtonsTemplate, { ...buttonsProps }) }) })
@@ -83,13 +88,13 @@
   function ArrayFieldTemplate(props) {
     const {
       uiSchema,
-      idSchema,
+      fieldPathId,
       canAdd,
       className,
       // classNames, This is not part of the type, so it is likely never passed in
       disabled,
-      formContext,
       items,
+      optionalDataControl,
       onAddClick,
       // options, This is not part of the type, so it is likely never passed in
       readonly,
@@ -98,29 +103,18 @@
       title,
       registry
     } = props;
-    const semanticProps = getSemanticProps({
-      uiSchema,
-      formContext,
-      defaultSchemaProps: { horizontalButtons: true, wrapItem: false }
-    });
-    const { horizontalButtons, wrapItem } = semanticProps;
-    const semantic = { horizontalButtons, wrapItem };
     const uiOptions = utils.getUiOptions(uiSchema);
     const ArrayFieldDescriptionTemplate = utils.getTemplate(
       "ArrayFieldDescriptionTemplate",
       registry,
       uiOptions
     );
-    const ArrayFieldItemTemplate2 = utils.getTemplate(
-      "ArrayFieldItemTemplate",
-      registry,
-      uiOptions
-    );
     const ArrayFieldTitleTemplate = utils.getTemplate(
       "ArrayFieldTitleTemplate",
       registry,
       uiOptions
     );
+    const showOptionalDataControlInTitle = !readonly && !disabled;
     const {
       ButtonTemplates: { AddButton: AddButton2 }
     } = registry.templates;
@@ -128,18 +122,19 @@
       /* @__PURE__ */ jsxRuntime.jsx(
         ArrayFieldTitleTemplate,
         {
-          idSchema,
+          fieldPathId,
           title: uiOptions.title || title,
           schema,
           uiSchema,
           required,
-          registry
+          registry,
+          optionalDataControl: showOptionalDataControlInTitle ? optionalDataControl : void 0
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
         ArrayFieldDescriptionTemplate,
         {
-          idSchema,
+          fieldPathId,
           description: uiOptions.description || schema.description,
           schema,
           uiSchema,
@@ -147,16 +142,10 @@
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "row array-item-list", children: items && items.map(({ key, uiSchema: itemUiSchema = {}, ...props2 }) => {
-          const mergedUiSchema = {
-            ...itemUiSchema,
-            [utils.UI_OPTIONS_KEY]: {
-              ...itemUiSchema[utils.UI_OPTIONS_KEY],
-              semantic
-            }
-          };
-          return /* @__PURE__ */ jsxRuntime.jsx(ArrayFieldItemTemplate2, { ...props2, uiSchema: mergedUiSchema }, key);
-        }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "row array-item-list", children: [
+          !showOptionalDataControlInTitle ? optionalDataControl : void 0,
+          items
+        ] }),
         canAdd && /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
@@ -168,7 +157,7 @@
             children: /* @__PURE__ */ jsxRuntime.jsx(
               AddButton2,
               {
-                id: utils.buttonId(idSchema, "add"),
+                id: utils.buttonId(fieldPathId, "add"),
                 className: "rjsf-array-item-add",
                 onClick: onAddClick,
                 disabled: disabled || readonly,
@@ -178,12 +167,13 @@
             )
           }
         )
-      ] }, `array-item-list-${idSchema.$id}`)
+      ] }, `array-item-list-${fieldPathId.$id}`)
     ] });
   }
   function BaseInputTemplate(props) {
     const {
       id,
+      htmlName,
       placeholder,
       label,
       hideLabel,
@@ -199,14 +189,14 @@
       options,
       schema,
       uiSchema,
-      formContext,
+      registry,
       type,
       rawErrors = []
     } = props;
     const inputProps = utils.getInputProps(schema, type, options);
     const semanticProps = getSemanticProps({
       uiSchema,
-      formContext,
+      formContext: registry.formContext,
       options
     });
     const _onChange = ({ target: { value: value2 } }) => onChange(value2 === "" ? options.emptyValue : value2);
@@ -217,7 +207,7 @@
         semanticUiReact.Form.Input,
         {
           id,
-          name: id,
+          name: htmlName || id,
           placeholder,
           ...inputProps,
           label: utils.labelValue(label || void 0, hideLabel, false),
@@ -300,7 +290,7 @@
       size: "small"
     }
   };
-  function FieldErrorTemplate({ errors, idSchema, uiSchema, registry }) {
+  function FieldErrorTemplate({ errors, fieldPathId, uiSchema, registry }) {
     const { formContext } = registry;
     const options = getSemanticErrorProps({
       formContext,
@@ -309,15 +299,15 @@
     });
     const { pointing, size } = options;
     if (errors && errors.length > 0) {
-      const id = utils.errorId(idSchema);
-      return /* @__PURE__ */ jsxRuntime.jsx(semanticUiReact.Label, { id, color: "red", pointing: pointing || "above", size: size || "small", basic: true, children: /* @__PURE__ */ jsxRuntime.jsx(semanticUiReact.List, { bulleted: true, children: errors.map((error) => /* @__PURE__ */ jsxRuntime.jsx(semanticUiReact.List.Item, { children: error }, nanoid.nanoid())) }) });
+      const id = utils.errorId(fieldPathId);
+      return /* @__PURE__ */ jsxRuntime.jsx(semanticUiReact.Label, { id, color: "red", pointing: pointing || "above", size: size || "small", basic: true, children: /* @__PURE__ */ jsxRuntime.jsx(semanticUiReact.List, { bulleted: true, children: errors.map((error) => /* @__PURE__ */ jsxRuntime.jsx(semanticUiReact.List.Item, { children: error }, uniqueId("field-error-"))) }) });
     }
     return null;
   }
   function FieldHelpTemplate(props) {
-    const { idSchema, help } = props;
+    const { fieldPathId, help } = props;
     if (help) {
-      const id = utils.helpId(idSchema);
+      const id = utils.helpId(fieldPathId);
       return /* @__PURE__ */ jsxRuntime.jsx(semanticUiReact.Message, { size: "mini", info: true, id, content: help });
     }
     return null;
@@ -340,7 +330,10 @@
       uiSchema,
       ...otherProps
     } = props;
-    const semanticProps = getSemanticProps(otherProps);
+    const semanticProps = getSemanticProps({
+      ...otherProps,
+      formContext: registry.formContext
+    });
     const { wrapLabel, wrapContent } = semanticProps;
     const uiOptions = utils.getUiOptions(uiSchema);
     const WrapIfAdditionalTemplate2 = utils.getTemplate(
@@ -378,10 +371,18 @@
     }
     return /* @__PURE__ */ jsxRuntime.jsx(semanticUiReact.Grid, { ...rest, children });
   }
+  function MultiSchemaFieldTemplate(props) {
+    const { selector, optionSchemaField } = props;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { children: selector }),
+      optionSchemaField
+    ] });
+  }
   function ObjectFieldTemplate(props) {
     const {
       description,
-      onAddClick,
+      optionalDataControl,
+      onAddProperty,
       title,
       properties,
       disabled,
@@ -390,7 +391,7 @@
       uiSchema,
       schema,
       formData,
-      idSchema,
+      fieldPathId,
       registry
     } = props;
     const uiOptions = utils.getUiOptions(uiSchema);
@@ -400,6 +401,7 @@
       registry,
       uiOptions
     );
+    const showOptionalDataControlInTitle = !readonly && !disabled;
     const {
       ButtonTemplates: { AddButton: AddButton2 }
     } = registry.templates;
@@ -407,24 +409,26 @@
       title && /* @__PURE__ */ jsxRuntime.jsx(
         TitleFieldTemplate,
         {
-          id: utils.titleId(idSchema),
+          id: utils.titleId(fieldPathId),
           title,
           required,
           schema,
           uiSchema,
-          registry
+          registry,
+          optionalDataControl: showOptionalDataControlInTitle ? optionalDataControl : void 0
         }
       ),
       description && /* @__PURE__ */ jsxRuntime.jsx(
         DescriptionFieldTemplate,
         {
-          id: utils.descriptionId(idSchema),
+          id: utils.descriptionId(fieldPathId),
           description,
           schema,
           uiSchema,
           registry
         }
       ),
+      !showOptionalDataControlInTitle ? optionalDataControl : void 0,
       properties.map((prop) => prop.content),
       utils.canExpand(schema, uiSchema, formData) && /* @__PURE__ */ jsxRuntime.jsx(semanticUiReact.Grid.Column, { width: 16, verticalAlign: "middle", children: /* @__PURE__ */ jsxRuntime.jsx(semanticUiReact.Grid.Row, { children: /* @__PURE__ */ jsxRuntime.jsx(
         "div",
@@ -437,9 +441,9 @@
           children: /* @__PURE__ */ jsxRuntime.jsx(
             AddButton2,
             {
-              id: utils.buttonId(idSchema, "add"),
+              id: utils.buttonId(fieldPathId, "add"),
               className: "rjsf-object-property-expand",
-              onClick: onAddClick(schema),
+              onClick: onAddProperty,
               disabled: disabled || readonly,
               uiSchema,
               registry
@@ -449,6 +453,35 @@
       ) }) })
     ] });
   }
+  function OptionalDataControlsTemplate(props) {
+    const { id, registry, label, onAddClick, onRemoveClick } = props;
+    if (onAddClick) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        AddButton,
+        {
+          id,
+          registry,
+          className: "rjsf-add-optional-data",
+          onClick: onAddClick,
+          title: label,
+          size: "mini"
+        }
+      );
+    } else if (onRemoveClick) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        RemoveButton,
+        {
+          id,
+          registry,
+          className: "rjsf-remove-optional-data",
+          onClick: onRemoveClick,
+          title: label,
+          size: "mini"
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("em", { id, children: label });
+  }
   function SubmitButton({ uiSchema }) {
     const { submitText, norender, props: submitButtonProps = {} } = utils.getSubmitButtonOptions(uiSchema);
     if (norender) {
@@ -463,16 +496,21 @@
   function TitleField({
     id,
     title,
-    uiSchema
+    uiSchema,
+    optionalDataControl
   }) {
     const semanticProps = getSemanticProps({
       uiSchema,
       defaultSchemaProps: DEFAULT_OPTIONS2
     });
-    if (!title) {
-      return null;
+    let heading = title ? /* @__PURE__ */ jsxRuntime.jsx(semanticUiReact.Header, { id, ...semanticProps, as: "h5", children: title }) : null;
+    if (optionalDataControl) {
+      heading = /* @__PURE__ */ jsxRuntime.jsxs(semanticUiReact.Grid, { colums: 2, relaxed: true, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(semanticUiReact.Grid.Column, { width: 14, style: { paddingRight: 0 }, children: heading }),
+        /* @__PURE__ */ jsxRuntime.jsx(semanticUiReact.Grid.Column, { width: 2, children: optionalDataControl })
+      ] });
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(semanticUiReact.Header, { id, ...semanticProps, as: "h5", children: title });
+    return heading;
   }
   function WrapIfAdditionalTemplate(props) {
     const {
@@ -482,8 +520,8 @@
       disabled,
       id,
       label,
-      onDropPropertyClick,
-      onKeyChange,
+      onKeyRenameBlur,
+      onRemoveProperty,
       readonly,
       required,
       schema,
@@ -498,7 +536,6 @@
     if (!additional) {
       return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames, style, children });
     }
-    const handleBlur = ({ target }) => onKeyChange(target.value);
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames, style, children: /* @__PURE__ */ jsxRuntime.jsx(semanticUiReact.Grid, { columns: "equal", children: /* @__PURE__ */ jsxRuntime.jsxs(semanticUiReact.Grid.Row, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(semanticUiReact.Grid.Column, { className: "form-additional", children: /* @__PURE__ */ jsxRuntime.jsx(semanticUiReact.Form.Group, { widths: "equal", grouped: true, children: /* @__PURE__ */ jsxRuntime.jsx(
         semanticUiReact.Form.Input,
@@ -513,7 +550,7 @@
           disabled: disabled || readonlyAsDisabled && readonly,
           id: `${id}`,
           name: `${id}`,
-          onBlur: !readonly ? handleBlur : void 0,
+          onBlur: !readonly ? onKeyRenameBlur : void 0,
           style: wrapperStyle,
           type: "text"
         }
@@ -526,7 +563,7 @@
           iconType: "mini",
           className: "rjsf-object-property-remove",
           disabled: disabled || readonly,
-          onClick: onDropPropertyClick(label),
+          onClick: onRemoveProperty,
           uiSchema,
           registry
         }
@@ -554,7 +591,9 @@
       FieldHelpTemplate,
       FieldTemplate,
       GridTemplate,
+      MultiSchemaFieldTemplate,
       ObjectFieldTemplate,
+      OptionalDataControlsTemplate,
       TitleFieldTemplate: TitleField,
       WrapIfAdditionalTemplate
     };
@@ -563,6 +602,7 @@
   function CheckboxWidget(props) {
     const {
       id,
+      htmlName,
       value,
       disabled,
       readonly,
@@ -573,7 +613,6 @@
       onBlur,
       options,
       onFocus,
-      formContext,
       schema,
       uiSchema,
       rawErrors = [],
@@ -581,7 +620,7 @@
     } = props;
     const semanticProps = getSemanticProps({
       options,
-      formContext,
+      formContext: registry.formContext,
       uiSchema,
       defaultSchemaProps: {
         inverted: "false"
@@ -593,10 +632,10 @@
       options
     );
     const required = utils.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 checked = value == "true" || value == true;
     const description = options.description ?? schema.description;
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       !hideLabel && description && /* @__PURE__ */ jsxRuntime.jsx(
@@ -613,7 +652,7 @@
         semanticUiReact.Form.Checkbox,
         {
           id,
-          name: id,
+          name: htmlName || id,
           disabled: disabled || readonly,
           autoFocus: autofocus,
           ...semanticProps,
@@ -632,6 +671,7 @@
   function CheckboxesWidget(props) {
     const {
       id,
+      htmlName,
       disabled,
       options,
       value,
@@ -642,7 +682,6 @@
       onChange,
       onBlur,
       onFocus,
-      formContext,
       schema,
       uiSchema,
       rawErrors = [],
@@ -653,7 +692,7 @@
     const checkboxesValues = Array.isArray(value) ? value : [value];
     const semanticProps = getSemanticProps({
       options,
-      formContext,
+      formContext: registry.formContext,
       uiSchema,
       defaultSchemaProps: {
         inverted: "false"
@@ -671,14 +710,14 @@
     const inlineOption = inline ? { inline: true } : { grouped: true };
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       !hideLabel && !!label && /* @__PURE__ */ jsxRuntime.jsx(TitleFieldTemplate, { id: utils.titleId(id), title: label, schema, uiSchema, registry }),
-      /* @__PURE__ */ jsxRuntime.jsx(semanticUiReact.Form.Group, { id, name: id, ...inlineOption, children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
+      /* @__PURE__ */ jsxRuntime.jsx(semanticUiReact.Form.Group, { id, name: htmlName || id, ...inlineOption, children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
         const checked = utils.enumOptionsIsSelected(option.value, checkboxesValues);
         const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
         return /* @__PURE__ */ jsxRuntime.jsx(
           semanticUiReact.Form.Checkbox,
           {
             id: utils.optionId(id, index),
-            name: id,
+            name: htmlName || id,
             label: option.label,
             ...semanticProps,
             checked,
@@ -698,6 +737,7 @@
   function RadioWidget(props) {
     const {
       id,
+      htmlName,
       value,
       required,
       disabled,
@@ -706,13 +746,13 @@
       onBlur,
       onFocus,
       options,
-      formContext,
+      registry,
       uiSchema,
       rawErrors = []
     } = props;
     const { enumOptions, enumDisabled, emptyValue } = options;
     const semanticProps = getSemanticProps({
-      formContext,
+      formContext: registry.formContext,
       options,
       uiSchema
     });
@@ -731,7 +771,7 @@
           required,
           control: semanticUiReact.Radio,
           id: utils.optionId(id, index),
-          name: id,
+          name: htmlName || id,
           ...semanticProps,
           onFocus: _onFocus,
           onBlur: _onBlur,
@@ -760,11 +800,11 @@
       options,
       schema,
       uiSchema,
-      formContext,
+      registry,
       rawErrors = []
     } = props;
     const semanticProps = getSemanticProps({
-      formContext,
+      formContext: registry.formContext,
       options,
       uiSchema,
       defaultSchemaProps: {
@@ -813,8 +853,9 @@
   function SelectWidget(props) {
     const {
       uiSchema,
-      formContext,
+      registry,
       id,
+      htmlName,
       options,
       label,
       hideLabel,
@@ -833,7 +874,7 @@
     } = props;
     const semanticProps = getSemanticProps({
       uiSchema,
-      formContext,
+      formContext: registry.formContext,
       options,
       defaultSchemaProps: {
         inverted: "false",
@@ -860,7 +901,7 @@
       semanticUiReact.Form.Dropdown,
       {
         id,
-        name: id,
+        name: htmlName || id,
         label: utils.labelValue(label || void 0, hideLabel, false),
         multiple: typeof multiple === "undefined" ? false : multiple,
         value: typeof value === "undefined" ? emptyValue : selectedIndexes,
@@ -883,6 +924,7 @@
   function TextareaWidget(props) {
     const {
       id,
+      htmlName,
       placeholder,
       value,
       required,
@@ -895,11 +937,11 @@
       onFocus,
       onChange,
       options,
-      formContext,
+      registry,
       rawErrors = []
     } = props;
     const semanticProps = getSemanticProps({
-      formContext,
+      formContext: registry.formContext,
       options,
       defaultSchemaProps: { inverted: "false" }
     });
@@ -910,7 +952,7 @@
       semanticUiReact.Form.TextArea,
       {
         id,
-        name: id,
+        name: htmlName || id,
         label: utils.labelValue(label || void 0, hideLabel, false),
         placeholder,
         autoFocus: autofocus,

package/lib/AddButton/AddButton.d.ts

@@ -1,4 +1,5 @@
-import { FormContextType, IconButtonProps, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
+import { FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
+import { SemanticIconButtonProps } from '../IconButton/index.js';
 /** The `AddButton` renders a button that represent the `Add` action on a form
  */
-export default function AddButton<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>({ uiSchema, registry, color, ...props }: IconButtonProps<T, S, F>): import("react/jsx-runtime").JSX.Element;
+export default function AddButton<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>({ uiSchema, registry, color, ...props }: SemanticIconButtonProps<T, S, F>): import("react/jsx-runtime").JSX.Element;

package/lib/AddButton/AddButton.js

@@ -5,6 +5,6 @@ import { TranslatableString } from '@rjsf/utils';
  */
 export default function AddButton({ uiSchema, registry, color, ...props }) {
     const { translateString } = registry;
-    return (_jsx(Button, { title: translateString(TranslatableString.AddItemButton), color: color, ...props, icon: true, size: 'tiny', children: _jsx(Icon, { name: 'plus' }) }));
+    return (_jsx(Button, { title: translateString(TranslatableString.AddItemButton), color: color, size: 'tiny', ...props, icon: true, children: _jsx(Icon, { name: 'plus' }) }));
 }
 //# sourceMappingURL=AddButton.js.map

package/lib/AddButton/AddButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddButton.js","sourceRoot":"","sources":["../../src/AddButton/AddButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAe,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAkE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEjH;GACG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAoF,EACnH,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACiB;IACzB,MAAM,EAAE,eAAe,EAAE,GAAG,QAAQ,CAAC;IACrC,OAAO,CACL,KAAC,MAAM,IACL,KAAK,EAAE,eAAe,CAAC,kBAAkB,CAAC,aAAa,CAAC,EACxD,KAAK,EAAE,KAA6B,KAChC,KAAK,EACT,IAAI,QACJ,IAAI,EAAC,MAAM,YAEX,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GACb,CACV,CAAC;AACJ,CAAC"}
+{"version":3,"file":"AddButton.js","sourceRoot":"","sources":["../../src/AddButton/AddButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAe,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAiD,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAIhG;GACG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAoF,EACnH,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACyB;IACjC,MAAM,EAAE,eAAe,EAAE,GAAG,QAAQ,CAAC;IACrC,OAAO,CACL,KAAC,MAAM,IACL,KAAK,EAAE,eAAe,CAAC,kBAAkB,CAAC,aAAa,CAAC,EACxD,KAAK,EAAE,KAA6B,EACpC,IAAI,EAAC,MAAM,KACP,KAAK,EACT,IAAI,kBAEJ,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GACb,CACV,CAAC;AACJ,CAAC"}

package/lib/ArrayFieldItemTemplate/ArrayFieldItemTemplate.d.ts

@@ -1,6 +1,6 @@
-import { ArrayFieldItemTemplateType, FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
+import { ArrayFieldItemTemplateProps, FormContextType, RJSFSchema, StrictRJSFSchema } from '@rjsf/utils';
 /** The `ArrayFieldItemTemplate` component is the template used to render an items of an array.
  *
- * @param props - The `ArrayFieldItemTemplateType` props for the component
+ * @param props - The `ArrayFieldItemTemplateProps` props for the component
  */
-export default function ArrayFieldItemTemplate<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(props: ArrayFieldItemTemplateType<T, S, F>): import("react/jsx-runtime").JSX.Element;
+export default function ArrayFieldItemTemplate<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(props: ArrayFieldItemTemplateProps<T, S, F>): import("react/jsx-runtime").JSX.Element;

package/lib/ArrayFieldItemTemplate/ArrayFieldItemTemplate.js

@@ -1,21 +1,25 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getUiOptions, getTemplate, } from '@rjsf/utils';
 import { Button, Grid, Segment } from 'semantic-ui-react';
-import { MaybeWrap } from '../util.js';
+import { getSemanticProps, MaybeWrap } from '../util.js';
 const gridStyle = (vertical) => ({
     display: 'grid',
     gridTemplateColumns: `1fr ${vertical ? 65 : 150}px`,
 });
 /** The `ArrayFieldItemTemplate` component is the template used to render an items of an array.
  *
- * @param props - The `ArrayFieldItemTemplateType` props for the component
+ * @param props - The `ArrayFieldItemTemplateProps` props for the component
  */
 export default function ArrayFieldItemTemplate(props) {
-    const { children, buttonsProps, hasToolbar, uiSchema, registry } = props;
+    const { children, buttonsProps, hasToolbar, uiSchema, registry, parentUiSchema } = props;
     const uiOptions = getUiOptions(uiSchema);
     const ArrayFieldItemButtonsTemplate = getTemplate('ArrayFieldItemButtonsTemplate', registry, uiOptions);
-    // Pull the semantic props out of the uiOptions that were put in via the ArrayFieldTemplate
-    const { horizontalButtons = true, wrapItem = false } = uiOptions.semantic;
+    const semanticProps = getSemanticProps({
+        uiSchema: parentUiSchema,
+        formContext: registry.formContext,
+        defaultSchemaProps: { horizontalButtons: true, wrapItem: false },
+    });
+    const { horizontalButtons = true, wrapItem = false } = semanticProps;
     return (_jsx("div", { className: 'rjsf-array-item', children: _jsx(MaybeWrap, { wrap: wrapItem, component: Segment, children: _jsxs(Grid, { style: { ...gridStyle(!horizontalButtons), alignItems: 'center' }, children: [_jsx(Grid.Column, { width: 16, verticalAlign: 'middle', children: children }), hasToolbar && (_jsx(Grid.Column, { children: _jsx(Button.Group, { size: 'mini', vertical: !horizontalButtons, children: _jsx(ArrayFieldItemButtonsTemplate, { ...buttonsProps }) }) }))] }) }) }));
 }
 //# sourceMappingURL=ArrayFieldItemTemplate.js.map

package/lib/ArrayFieldItemTemplate/ArrayFieldItemTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArrayFieldItemTemplate.js","sourceRoot":"","sources":["../../src/ArrayFieldItemTemplate/ArrayFieldItemTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAML,YAAY,EACZ,WAAW,GACZ,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE1D,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,MAAM,SAAS,GAAG,CAAC,QAAiB,EAAE,EAAE,CAAC,CAAC;IACxC,OAAO,EAAE,MAAM;IACf,mBAAmB,EAAE,OAAO,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,IAAI;CACpD,CAAC,CAAC;AAEH;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAI5C,KAA0C;IAC1C,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACzE,MAAM,SAAS,GAAG,YAAY,CAAU,QAAQ,CAAC,CAAC;IAClD,MAAM,6BAA6B,GAAG,WAAW,CAC/C,+BAA+B,EAC/B,QAAQ,EACR,SAAS,CACV,CAAC;IACF,2FAA2F;IAC3F,MAAM,EAAE,iBAAiB,GAAG,IAAI,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,SAAS,CAAC,QAA6B,CAAC;IAC/F,OAAO,CACL,cAAK,SAAS,EAAC,iBAAiB,YAC9B,KAAC,SAAS,IAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,YAC3C,MAAC,IAAI,IAAC,KAAK,EAAE,EAAE,GAAG,SAAS,CAAC,CAAC,iBAAiB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,aACrE,KAAC,IAAI,CAAC,MAAM,IAAC,KAAK,EAAE,EAAE,EAAE,aAAa,EAAC,QAAQ,YAC3C,QAAQ,GACG,EACb,UAAU,IAAI,CACb,KAAC,IAAI,CAAC,MAAM,cACV,KAAC,MAAM,CAAC,KAAK,IAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAE,CAAC,iBAAiB,YACpD,KAAC,6BAA6B,OAAK,YAAY,GAAI,GACtC,GACH,CACf,IACI,GACG,GACR,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ArrayFieldItemTemplate.js","sourceRoot":"","sources":["../../src/ArrayFieldItemTemplate/ArrayFieldItemTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAKL,YAAY,EACZ,WAAW,GACZ,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE1D,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEtD,MAAM,SAAS,GAAG,CAAC,QAAiB,EAAE,EAAE,CAAC,CAAC;IACxC,OAAO,EAAE,MAAM;IACf,mBAAmB,EAAE,OAAO,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,IAAI;CACpD,CAAC,CAAC;AAEH;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAI5C,KAA2C;IAC3C,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IACzF,MAAM,SAAS,GAAG,YAAY,CAAU,QAAQ,CAAC,CAAC;IAClD,MAAM,6BAA6B,GAAG,WAAW,CAC/C,+BAA+B,EAC/B,QAAQ,EACR,SAAS,CACV,CAAC;IACF,MAAM,aAAa,GAAG,gBAAgB,CAAU;QAC9C,QAAQ,EAAE,cAAc;QACxB,WAAW,EAAE,QAAQ,CAAC,WAAW;QACjC,kBAAkB,EAAE,EAAE,iBAAiB,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE;KACjE,CAAC,CAAC;IACH,MAAM,EAAE,iBAAiB,GAAG,IAAI,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,aAAa,CAAC;IACrE,OAAO,CACL,cAAK,SAAS,EAAC,iBAAiB,YAC9B,KAAC,SAAS,IAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,YAC3C,MAAC,IAAI,IAAC,KAAK,EAAE,EAAE,GAAG,SAAS,CAAC,CAAC,iBAAiB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,aACrE,KAAC,IAAI,CAAC,MAAM,IAAC,KAAK,EAAE,EAAE,EAAE,aAAa,EAAC,QAAQ,YAC3C,QAAQ,GACG,EACb,UAAU,IAAI,CACb,KAAC,IAAI,CAAC,MAAM,cACV,KAAC,MAAM,CAAC,KAAK,IAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAE,CAAC,iBAAiB,YACpD,KAAC,6BAA6B,OAAK,YAAY,GAAI,GACtC,GACH,CACf,IACI,GACG,GACR,CACP,CAAC;AACJ,CAAC"}