@rjsf/semantic-ui 6.6.0 → 6.6.2

package/dist/semantic-ui.esm.js

@@ -29,16 +29,11 @@ function AddButton({
 }
 
 // src/ArrayFieldItemTemplate/ArrayFieldItemTemplate.tsx
-import {
-  getUiOptions as getUiOptions2,
-  getTemplate
-} from "@rjsf/utils";
+import { getUiOptions as getUiOptions2, getTemplate } from "@rjsf/utils";
 import { Button as Button2, Grid, Segment } from "semantic-ui-react";
 
 // src/util.tsx
-import {
-  getUiOptions
-} from "@rjsf/utils";
+import { getUiOptions } from "@rjsf/utils";
 import { jsx as jsx2 } from "react/jsx-runtime";
 function getSemanticProps({
   formContext = {},
@@ -50,14 +45,13 @@ function getSemanticProps({
   const formContextProps = formContext.semantic;
   const schemaProps = getUiOptions(uiSchema).semantic;
   const optionProps = options.semantic;
-  return Object.assign(
-    {},
-    { ...defaultSchemaProps },
-    { ...defaultContextProps },
-    schemaProps,
-    optionProps,
-    formContextProps
-  );
+  return {
+    ...defaultSchemaProps,
+    ...defaultContextProps,
+    ...schemaProps,
+    ...optionProps,
+    ...formContextProps
+  };
 }
 function getSemanticErrorProps({
   formContext = {},
@@ -69,7 +63,7 @@ function getSemanticErrorProps({
   const semanticOptions = getUiOptions(uiSchema).semantic;
   const schemaProps = semanticOptions && semanticOptions.errorOptions;
   const optionProps = options.semantic && options.semantic.errorOptions;
-  return Object.assign({}, { ...defaultProps }, schemaProps, optionProps, formContextProps);
+  return { ...defaultProps, ...schemaProps, ...optionProps, ...formContextProps };
 }
 function cleanClassNames(classNameArr, omit = []) {
   const classList = classNameArr.filter(Boolean).reduce((previous, current) => previous.concat(current.trim().split(/\s+/)), []);
@@ -115,12 +109,7 @@ function ArrayFieldItemTemplate(props) {
 }
 
 // src/ArrayFieldTemplate/ArrayFieldTemplate.tsx
-import {
-  getTemplate as getTemplate2,
-  getUiOptions as getUiOptions3,
-  isFixedItems,
-  buttonId
-} from "@rjsf/utils";
+import { getTemplate as getTemplate2, getUiOptions as getUiOptions3, isFixedItems, buttonId } from "@rjsf/utils";
 import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 function ArrayFieldTemplate(props) {
   const {
@@ -211,12 +200,7 @@ function ArrayFieldTemplate(props) {
 // src/BaseInputTemplate/BaseInputTemplate.tsx
 import { useCallback } from "react";
 import { SchemaExamples } from "@rjsf/core";
-import {
-  ariaDescribedByIds,
-  examplesId,
-  getInputProps,
-  labelValue
-} from "@rjsf/utils";
+import { ariaDescribedByIds, examplesId, getInputProps, labelValue } from "@rjsf/utils";
 import { Form } from "semantic-ui-react";
 import { Fragment, jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function BaseInputTemplate(props) {
@@ -249,10 +233,10 @@ function BaseInputTemplate(props) {
     formContext: registry.formContext,
     options
   });
-  const _onChange = ({ target: { value: value2 } }) => onChange(value2 === "" ? options.emptyValue : value2);
-  const _onBlur = () => onBlur && onBlur(id, value);
-  const _onFocus = () => onFocus && onFocus(id, value);
-  const _onClear = useCallback(
+  const handleChange = ({ target: { value: newValue } }) => onChange(newValue === "" ? options.emptyValue : newValue);
+  const handleBlur = () => onBlur && onBlur(id, value);
+  const handleFocus = () => onFocus && onFocus(id, value);
+  const handleClear = useCallback(
     (e) => {
       e.preventDefault();
       e.stopPropagation();
@@ -276,14 +260,14 @@ function BaseInputTemplate(props) {
         ...semanticProps,
         value: value || value === 0 ? value : "",
         error: rawErrors.length > 0,
-        onChange: onChangeOverride || _onChange,
-        onBlur: _onBlur,
-        onFocus: _onFocus,
+        onChange: onChangeOverride || handleChange,
+        onBlur: handleBlur,
+        onFocus: handleFocus,
         "aria-describedby": ariaDescribedByIds(id, !!schema.examples)
       },
       id
     ),
-    options.allowClearTextInputs && !readonly && !disabled && value && /* @__PURE__ */ jsx5(ClearButton2, { registry, onClick: _onClear }),
+    options.allowClearTextInputs && !readonly && !disabled && value && /* @__PURE__ */ jsx5(ClearButton2, { registry, onClick: handleClear }),
     /* @__PURE__ */ jsx5(SchemaExamples, { id, schema })
   ] });
 }
@@ -310,7 +294,10 @@ function ErrorList({
   const { translateString } = registry;
   return /* @__PURE__ */ jsxs4(Message, { negative: true, children: [
     /* @__PURE__ */ jsx7(Message.Header, { children: translateString(TranslatableString2.ErrorsLabel) }),
-    /* @__PURE__ */ jsx7(Message.List, { children: errors.map((error, index) => /* @__PURE__ */ jsx7(Message.Item, { children: error.stack }, `error-${index}`)) })
+    /* @__PURE__ */ jsx7(Message.List, { children: errors.map((error, index) => (
+      // oxlint-disable-next-line react/no-array-index-key
+      /* @__PURE__ */ jsx7(Message.Item, { children: error.stack }, `error-${index}`)
+    )) })
   ] });
 }
 
@@ -354,10 +341,7 @@ function FieldHelpTemplate(props) {
 }
 
 // src/FieldTemplate/FieldTemplate.tsx
-import {
-  getTemplate as getTemplate3,
-  getUiOptions as getUiOptions4
-} from "@rjsf/utils";
+import { getTemplate as getTemplate3, getUiOptions as getUiOptions4 } from "@rjsf/utils";
 import { Form as Form2 } from "semantic-ui-react";
 import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
 function FieldTemplate(props) {
@@ -428,10 +412,11 @@ function GridTemplate(props) {
 }
 
 // src/IconButton/IconButton.tsx
+import { memo } from "react";
 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) {
+function IconButtonFn(props) {
   const { icon, iconType, color, className, uiSchema, registry, ...otherProps } = props;
   return /* @__PURE__ */ jsx12(
     Button3,
@@ -444,36 +429,42 @@ function IconButton(props) {
     }
   );
 }
-function CopyButton(props) {
+var IconButton = memo(IconButtonFn);
+function CopyButtonFn(props) {
   const {
     registry: { translateString }
   } = props;
   return /* @__PURE__ */ jsx12(IconButton, { title: translateString(TranslatableString3.CopyButton), ...props, icon: "copy" });
 }
-function MoveDownButton(props) {
+var CopyButton = memo(CopyButtonFn);
+function MoveDownButtonFn(props) {
   const {
     registry: { translateString }
   } = props;
   return /* @__PURE__ */ jsx12(IconButton, { title: translateString(TranslatableString3.MoveDownButton), ...props, icon: "angle down" });
 }
-function MoveUpButton(props) {
+var MoveDownButton = memo(MoveDownButtonFn);
+function MoveUpButtonFn(props) {
   const {
     registry: { translateString }
   } = props;
   return /* @__PURE__ */ jsx12(IconButton, { title: translateString(TranslatableString3.MoveUpButton), ...props, icon: "angle up" });
 }
-function RemoveButton(props) {
+var MoveUpButton = memo(MoveUpButtonFn);
+function RemoveButtonFn(props) {
   const {
     registry: { translateString }
   } = props;
   return /* @__PURE__ */ jsx12(IconButton, { title: translateString(TranslatableString3.RemoveButton), ...props, icon: "trash" });
 }
-function ClearButton(props) {
+var RemoveButton = memo(RemoveButtonFn);
+function ClearButtonFn(props) {
   const {
     registry: { translateString }
   } = props;
   return /* @__PURE__ */ jsx12(IconButton, { title: translateString(TranslatableString3.ClearButton), ...props, icon: "close" });
 }
+var ClearButton = memo(ClearButtonFn);
 
 // src/MultiSchemaFieldTemplate/MultiSchemaFieldTemplate.tsx
 import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
@@ -486,14 +477,7 @@ function MultiSchemaFieldTemplate(props) {
 }
 
 // src/ObjectFieldTemplate/ObjectFieldTemplate.tsx
-import {
-  canExpand,
-  descriptionId,
-  getTemplate as getTemplate4,
-  getUiOptions as getUiOptions5,
-  titleId,
-  buttonId as buttonId2
-} from "@rjsf/utils";
+import { canExpand, descriptionId, getTemplate as getTemplate4, getUiOptions as getUiOptions5, 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) {
@@ -588,7 +572,8 @@ function OptionalDataControlsTemplate(props) {
         size: "mini"
       }
     );
-  } else if (onRemoveClick) {
+  }
+  if (onRemoveClick) {
     return /* @__PURE__ */ jsx15(
       RemoveButton,
       {
@@ -644,11 +629,7 @@ function TitleField({
 }
 
 // src/WrapIfAdditionalTemplate/WrapIfAdditionalTemplate.tsx
-import {
-  ADDITIONAL_PROPERTY_FLAG,
-  buttonId as buttonId3,
-  TranslatableString as TranslatableString4
-} from "@rjsf/utils";
+import { ADDITIONAL_PROPERTY_FLAG, buttonId as buttonId3, TranslatableString as TranslatableString4 } from "@rjsf/utils";
 import { Form as Form3, Grid as Grid5 } from "semantic-ui-react";
 import { jsx as jsx18, jsxs as jsxs9 } from "react/jsx-runtime";
 function WrapIfAdditionalTemplate(props) {
@@ -685,13 +666,13 @@ function WrapIfAdditionalTemplate(props) {
         className: "form-group",
         hasFeedback: true,
         fluid: true,
-        htmlFor: `${id}`,
+        htmlFor: id,
         label: displayLabel ? keyLabel : void 0,
         required,
         defaultValue: label,
         disabled: disabled || readonlyAsDisabled && readonly,
-        id: `${id}`,
-        name: `${id}`,
+        id,
+        name: id,
         onBlur: !readonly ? onKeyRenameBlur : void 0,
         style: wrapperStyle,
         type: "text"
@@ -786,21 +767,21 @@ function CheckboxesWidget(props) {
       inverted: "false"
     }
   });
-  const _onChange = (index) => ({ target: { checked } }) => {
+  const handleChange = (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 handleBlur = () => onBlur(id, value);
+  const handleFocus = () => 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;
+      const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.includes(option.value);
       return /* @__PURE__ */ jsx19(
         Form4.Checkbox,
         {
@@ -812,25 +793,19 @@ function CheckboxesWidget(props) {
           error: rawErrors.length > 0,
           disabled: disabled || itemDisabled || readonly,
           autoFocus: autofocus && index === 0,
-          onChange: _onChange(index),
-          onBlur: _onBlur,
-          onFocus: _onFocus,
+          onChange: handleChange(index),
+          onBlur: handleBlur,
+          onFocus: handleFocus,
           "aria-describedby": ariaDescribedByIds2(id)
         },
-        index
+        String(option.value)
       );
     }) })
   ] });
 }
 
 // src/CheckboxWidget/CheckboxWidget.tsx
-import {
-  ariaDescribedByIds as ariaDescribedByIds3,
-  descriptionId as descriptionId2,
-  getTemplate as getTemplate6,
-  labelValue as labelValue2,
-  schemaRequiresTrueValue
-} from "@rjsf/utils";
+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) {
@@ -866,10 +841,10 @@ function CheckboxWidget(props) {
     options
   );
   const required = 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 handleChange = (_, data) => onChange && onChange(data.checked);
+  const handleBlur = () => onBlur && onBlur(id, value);
+  const handleFocus = () => onFocus && onFocus(id, value);
   const description = options.description ?? schema.description;
   return /* @__PURE__ */ jsxs11(Fragment4, { children: [
     !hideLabel && description && /* @__PURE__ */ jsx20(
@@ -892,9 +867,9 @@ function CheckboxWidget(props) {
         ...semanticProps,
         checked: typeof value === "undefined" ? false : checked,
         error: rawErrors.length > 0,
-        onChange: _onChange,
-        onBlur: _onBlur,
-        onFocus: _onFocus,
+        onChange: handleChange,
+        onBlur: handleBlur,
+        onFocus: handleFocus,
         required,
         label: labelValue2(label, hideLabel, false),
         "aria-describedby": ariaDescribedByIds3(id)
@@ -938,15 +913,13 @@ function RadioWidget(props) {
     options,
     uiSchema
   });
-  const _onChange = (_, { value: eventValue }) => {
-    return onChange(enumOptionValueDecoder(String(eventValue), enumOptions, optionValueFormat, emptyValue));
-  };
-  const _onBlur = () => onBlur(id, value);
-  const _onFocus = () => onFocus(id, value);
+  const handleChange = (_, { value: eventValue }) => onChange(enumOptionValueDecoder(String(eventValue), enumOptions, optionValueFormat, emptyValue));
+  const handleBlur = () => onBlur(id, value);
+  const handleFocus = () => onFocus(id, value);
   const inlineOption = options.inline ? { inline: true } : { grouped: true };
   return /* @__PURE__ */ jsx21(Form6.Group, { ...inlineOption, children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
     const checked = enumOptionsIsSelected2(option.value, value);
-    const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
+    const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.includes(option.value);
     return /* @__PURE__ */ createElement(
       Form6.Field,
       {
@@ -955,13 +928,13 @@ function RadioWidget(props) {
         id: optionId2(id, index),
         name: htmlName || id,
         ...semanticProps,
-        onFocus: _onFocus,
-        onBlur: _onBlur,
-        onChange: _onChange,
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        onChange: handleChange,
         label: option.label,
         value: enumOptionValueEncoder(option.value, index, optionValueFormat),
         error: rawErrors.length > 0,
-        key: index,
+        key: String(option.value),
         checked,
         disabled: disabled || itemDisabled || readonly,
         "aria-describedby": ariaDescribedByIds4(id)
@@ -998,9 +971,9 @@ function RangeWidget(props) {
       fluid: true
     }
   });
-  const _onChange = ({ target: { value: value2 } }) => onChange && onChange(value2 === "" ? options.emptyValue : value2);
-  const _onBlur = () => onBlur && onBlur(id, value);
-  const _onFocus = () => onFocus && onFocus(id, value);
+  const handleChange = ({ target: { value: value2 } }) => onChange && onChange(value2 === "" ? options.emptyValue : value2);
+  const handleBlur = () => onBlur && onBlur(id, value);
+  const handleFocus = () => onFocus && onFocus(id, value);
   return /* @__PURE__ */ jsxs12(Fragment5, { children: [
     /* @__PURE__ */ jsx22(
       Input,
@@ -1014,9 +987,9 @@ function RangeWidget(props) {
         ...semanticProps,
         value: value || "",
         error: rawErrors.length > 0,
-        onChange: _onChange,
-        onBlur: _onBlur,
-        onFocus: _onFocus,
+        onChange: handleChange,
+        onBlur: handleBlur,
+        onFocus: handleFocus,
         "aria-describedby": ariaDescribedByIds5(id)
       },
       id
@@ -1040,7 +1013,7 @@ import { jsx as jsx23 } from "react/jsx-runtime";
 function createDefaultValueOptionsForDropDown(enumOptions, enumDisabled, showPlaceholderOption, placeholder, format = "indexed") {
   const disabledOptions = enumDisabled || [];
   const options = map(enumOptions, ({ label, value }, index) => ({
-    disabled: disabledOptions.indexOf(value) !== -1,
+    disabled: disabledOptions.includes(value),
     key: label,
     text: label,
     value: enumOptionValueEncoder2(value, index, format)
@@ -1095,9 +1068,9 @@ function SelectWidget(props) {
     placeholder,
     optionValueFormat
   );
-  const _onChange = (_, { value: value2 }) => onChange(enumOptionValueDecoder2(value2, enumOptions, optionValueFormat, optEmptyVal));
-  const _onBlur = (_, { target }) => onBlur(id, enumOptionValueDecoder2(target && target.value, enumOptions, optionValueFormat, optEmptyVal));
-  const _onFocus = (_, { target }) => onFocus(id, enumOptionValueDecoder2(target && target.value, enumOptions, optionValueFormat, optEmptyVal));
+  const handleChange = (_, { value: enumValue }) => onChange(enumOptionValueDecoder2(enumValue, enumOptions, optionValueFormat, optEmptyVal));
+  const handleBlur = (_, { target }) => onBlur(id, enumOptionValueDecoder2(target && target.value, enumOptions, optionValueFormat, optEmptyVal));
+  const handleFocus = (_, { target }) => onFocus(id, enumOptionValueDecoder2(target && target.value, enumOptions, optionValueFormat, optEmptyVal));
   return /* @__PURE__ */ jsx23(
     Form7.Dropdown,
     {
@@ -1114,9 +1087,9 @@ function SelectWidget(props) {
       autoFocus: autofocus,
       readOnly: readonly,
       options: dropdownOptions,
-      onChange: _onChange,
-      onBlur: _onBlur,
-      onFocus: _onFocus,
+      onChange: handleChange,
+      onBlur: handleBlur,
+      onFocus: handleFocus,
       "aria-describedby": ariaDescribedByIds6(id)
     },
     id
@@ -1124,10 +1097,7 @@ function SelectWidget(props) {
 }
 
 // src/TextareaWidget/TextareaWidget.tsx
-import {
-  ariaDescribedByIds as ariaDescribedByIds7,
-  labelValue as labelValue4
-} from "@rjsf/utils";
+import { ariaDescribedByIds as ariaDescribedByIds7, labelValue as labelValue4 } from "@rjsf/utils";
 import { Form as Form8 } from "semantic-ui-react";
 import { jsx as jsx24 } from "react/jsx-runtime";
 function TextareaWidget(props) {
@@ -1154,9 +1124,9 @@ function TextareaWidget(props) {
     options,
     defaultSchemaProps: { inverted: "false" }
   });
-  const _onChange = ({ target: { value: value2 } }) => onChange && onChange(value2 === "" ? options.emptyValue : value2);
-  const _onBlur = () => onBlur && onBlur(id, value);
-  const _onFocus = () => onFocus && onFocus(id, value);
+  const handleChange = ({ target: { value: value2 } }) => onChange && onChange(value2 === "" ? options.emptyValue : value2);
+  const handleBlur = () => onBlur && onBlur(id, value);
+  const handleFocus = () => onFocus && onFocus(id, value);
   return /* @__PURE__ */ jsx24(
     Form8.TextArea,
     {
@@ -1171,9 +1141,9 @@ function TextareaWidget(props) {
       value: value || "",
       error: rawErrors.length > 0,
       rows: options.rows || 5,
-      onChange: _onChange,
-      onBlur: _onBlur,
-      onFocus: _onFocus,
+      onChange: handleChange,
+      onBlur: handleBlur,
+      onFocus: handleFocus,
       "aria-describedby": ariaDescribedByIds7(id)
     },
     id