@rjsf/semantic-ui 5.0.0-beta.10 → 5.0.0-beta.12

package/dist/semantic-ui.cjs.development.js

@@ -42,7 +42,6 @@ function AddButton(_ref) {
  * @param {Object?} params.defaultContextProps
  * @returns {any}
  */
-
 function getSemanticProps(_ref) {
   let {
     formContext = {},
@@ -56,10 +55,12 @@ function getSemanticProps(_ref) {
   } = _ref;
   const formContextProps = formContext.semantic;
   const schemaProps = utils.getUiOptions(uiSchema).semantic;
-  const optionProps = options.semantic; // formContext props should overide other props
-
-  return Object.assign({}, { ...defaultSchemaProps
-  }, { ...defaultContextProps
+  const optionProps = options.semantic;
+  // formContext props should overide other props
+  return Object.assign({}, {
+    ...defaultSchemaProps
+  }, {
+    ...defaultContextProps
   }, schemaProps, optionProps, formContextProps);
 }
 /**
@@ -71,7 +72,6 @@ function getSemanticProps(_ref) {
  * @param {Object?} params.defaultProps
  * @returns {any}
  */
-
 function getSemanticErrorProps(_ref2) {
   let {
     formContext = {},
@@ -86,7 +86,8 @@ function getSemanticErrorProps(_ref2) {
   const semanticOptions = utils.getUiOptions(uiSchema).semantic;
   const schemaProps = semanticOptions && semanticOptions.errorOptions;
   const optionProps = options.semantic && options.semantic.errorOptions;
-  return Object.assign({}, { ...defaultProps
+  return Object.assign({}, {
+    ...defaultProps
   }, schemaProps, optionProps, formContextProps);
 }
 /**
@@ -98,17 +99,15 @@ function getSemanticErrorProps(_ref2) {
  * @param {Array} omit
  * @returns {string}
  */
-
 function cleanClassNames(classNameArr, omit) {
   if (omit === void 0) {
     omit = [];
   }
-
   // Split each arg on whitespace, and add it to an array. Skip false-y args
   // like "" and undefined.
-  const classList = classNameArr.filter(Boolean).reduce((previous, current) => previous.concat(current.trim().split(/\s+/)), []); // Remove any class names from omit, and make the rest unique before
+  const classList = classNameArr.filter(Boolean).reduce((previous, current) => previous.concat(current.trim().split(/\s+/)), []);
+  // Remove any class names from omit, and make the rest unique before
   // returning them as a string
-
   return [...new Set(classList.filter(cn => !omit.includes(cn)))].join(" ");
 }
 /**
@@ -119,22 +118,21 @@ function cleanClassNames(classNameArr, omit) {
  * @returns {*}
  * @constructor
  */
-
 function MaybeWrap(_ref3) {
   let {
     wrap,
     component: Component = "div",
     ...props
   } = _ref3;
-  return wrap ? /*#__PURE__*/React__default["default"].createElement(Component, { ...props
+  return wrap ? /*#__PURE__*/React__default["default"].createElement(Component, {
+    ...props
   }) : props.children;
 }
 
 const gridStyle = vertical => ({
   display: "grid",
-  gridTemplateColumns: "1fr " + (vertical ? 65 : 110) + "px"
+  gridTemplateColumns: `1fr ${vertical ? 65 : 110}px`
 });
-
 const ArrayFieldItemTemplate = props => {
   const {
     children,
@@ -155,8 +153,8 @@ const ArrayFieldItemTemplate = props => {
     MoveUpButton,
     RemoveButton
   } = registry.templates.ButtonTemplates;
-  const uiOptions = utils.getUiOptions(uiSchema); // Pull the semantic props out of the uiOptions that were put in via the ArrayFieldTemplate
-
+  const uiOptions = utils.getUiOptions(uiSchema);
+  // Pull the semantic props out of the uiOptions that were put in via the ArrayFieldTemplate
   const {
     horizontalButtons = false,
     wrapItem = false
@@ -167,7 +165,8 @@ const ArrayFieldItemTemplate = props => {
     wrap: wrapItem,
     component: semanticUiReact.Segment
   }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid, {
-    style: index !== 0 ? { ...gridStyle(!horizontalButtons),
+    style: index !== 0 ? {
+      ...gridStyle(!horizontalButtons),
       alignItems: "center"
     } : gridStyle(!horizontalButtons)
   }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid.Column, {
@@ -231,30 +230,30 @@ function ArrayFieldTemplate(_ref) {
   const uiOptions = utils.getUiOptions(uiSchema);
   const ArrayFieldDescriptionTemplate = utils.getTemplate("ArrayFieldDescriptionTemplate", registry, uiOptions);
   const ArrayFieldItemTemplate = utils.getTemplate("ArrayFieldItemTemplate", registry, uiOptions);
-  const ArrayFieldTitleTemplate = utils.getTemplate("ArrayFieldTitleTemplate", registry, uiOptions); // Button templates are not overridden in the uiSchema
-
+  const ArrayFieldTitleTemplate = utils.getTemplate("ArrayFieldTitleTemplate", registry, uiOptions);
+  // Button templates are not overridden in the uiSchema
   const {
     ButtonTemplates: {
       AddButton
     }
   } = registry.templates;
-  const fieldTitle = uiOptions.title || title;
-  const fieldDescription = uiOptions.description || schema.description;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: cleanClassNames([className, utils.isFixedItems(schema) ? "" : "sortable-form-fields"])
   }, /*#__PURE__*/React__default["default"].createElement(ArrayFieldTitleTemplate, {
     idSchema: idSchema,
-    title: fieldTitle,
+    title: uiOptions.title || title,
+    schema: schema,
     uiSchema: uiSchema,
     required: required,
     registry: registry
-  }), fieldDescription && /*#__PURE__*/React__default["default"].createElement(ArrayFieldDescriptionTemplate, {
+  }), /*#__PURE__*/React__default["default"].createElement(ArrayFieldDescriptionTemplate, {
     idSchema: idSchema,
-    description: fieldDescription,
+    description: uiOptions.description || schema.description,
+    schema: schema,
     uiSchema: uiSchema,
     registry: registry
   }), /*#__PURE__*/React__default["default"].createElement("div", {
-    key: "array-item-list-" + idSchema.$id
+    key: `array-item-list-${idSchema.$id}`
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row array-item-list"
   }, items && items.map(_ref2 => {
@@ -264,8 +263,10 @@ function ArrayFieldTemplate(_ref) {
       ...props
     } = _ref2;
     // Merge in the semantic props from the ArrayFieldTemplate into each of the items
-    const mergedUiSchema = { ...itemUiSchema,
-      [utils.UI_OPTIONS_KEY]: { ...itemUiSchema[utils.UI_OPTIONS_KEY],
+    const mergedUiSchema = {
+      ...itemUiSchema,
+      [utils.UI_OPTIONS_KEY]: {
+        ...itemUiSchema[utils.UI_OPTIONS_KEY],
         semantic
       }
     };
@@ -317,7 +318,6 @@ function BaseInputTemplate(props) {
   const {
     schemaUtils
   } = registry;
-
   const _onChange = _ref => {
     let {
       target: {
@@ -326,11 +326,8 @@ function BaseInputTemplate(props) {
     } = _ref;
     return onChange(value === "" ? options.emptyValue : value);
   };
-
   const _onBlur = () => onBlur && onBlur(id, value);
-
   const _onFocus = () => onFocus && onFocus(id, value);
-
   const displayLabel = schemaUtils.getDisplayLabel(schema, uiSchema);
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Form.Input, {
     key: id,
@@ -342,7 +339,7 @@ function BaseInputTemplate(props) {
     required: required,
     autoFocus: autofocus,
     disabled: disabled || readonly,
-    list: schema.examples ? "examples_" + id : undefined,
+    list: schema.examples ? `examples_${id}` : undefined,
     ...semanticProps,
     value: value || value === 0 ? value : "",
     error: rawErrors.length > 0,
@@ -350,7 +347,7 @@ function BaseInputTemplate(props) {
     onBlur: _onBlur,
     onFocus: _onFocus
   }), schema.examples && /*#__PURE__*/React__default["default"].createElement("datalist", {
-    id: "examples_" + id
+    id: `examples_${id}`
   }, schema.examples.concat(schema.default ? [schema.default] : []).map(example => {
     return /*#__PURE__*/React__default["default"].createElement("option", {
       key: example,
@@ -364,11 +361,9 @@ function DescriptionField(_ref) {
     description,
     id
   } = _ref;
-
   if (!description) {
     return null;
   }
-
   return /*#__PURE__*/React__default["default"].createElement("p", {
     id: id,
     className: "sui-description"
@@ -381,7 +376,6 @@ function DescriptionField(_ref) {
  * @returns {*}
  * @constructor
  */
-
 function ErrorList(_ref) {
   let {
     errors
@@ -389,7 +383,7 @@ function ErrorList(_ref) {
   return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Message, {
     negative: true
   }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Message.Header, null, "Errors"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Message.List, null, errors.map((error, index) => /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Message.Item, {
-    key: "error-" + index
+    key: `error-${index}`
   }, error.stack))));
 }
 
@@ -446,7 +440,6 @@ const DEFAULT_OPTIONS$1 = {
  * @constructor
  * @return {null}
  */
-
 function FieldErrorTemplate(_ref) {
   let {
     errors,
@@ -466,9 +459,8 @@ function FieldErrorTemplate(_ref) {
     pointing,
     size
   } = options;
-
   if (errors && errors.length > 0) {
-    const id = idSchema.$id + "__error";
+    const id = `${idSchema.$id}__error`;
     return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Label, {
       id: id,
       color: "red",
@@ -481,22 +473,19 @@ function FieldErrorTemplate(_ref) {
       key: nanoid.nanoid()
     }, error))));
   }
-
   return null;
 }
 
 /**
  * @return {null}
  */
-
 function FieldHelpTemplate(_ref) {
   let {
     help,
     idSchema
   } = _ref;
-
   if (help) {
-    const id = idSchema.$id + "__help";
+    const id = `${idSchema.$id}__help`;
     return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Message, {
       size: "mini",
       info: true,
@@ -504,7 +493,6 @@ function FieldHelpTemplate(_ref) {
       content: help
     });
   }
-
   return null;
 }
 
@@ -520,6 +508,7 @@ function FieldTemplate(_ref) {
     hidden,
     rawDescription,
     registry,
+    schema,
     uiSchema,
     ...props
   } = _ref;
@@ -531,7 +520,6 @@ function FieldTemplate(_ref) {
   const uiOptions = utils.getUiOptions(uiSchema);
   const WrapIfAdditionalTemplate = utils.getTemplate("WrapIfAdditionalTemplate", registry, uiOptions);
   const DescriptionFieldTemplate = utils.getTemplate("DescriptionFieldTemplate", registry, uiOptions);
-
   if (hidden) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       style: {
@@ -539,12 +527,12 @@ function FieldTemplate(_ref) {
       }
     }, children);
   }
-
   return /*#__PURE__*/React__default["default"].createElement(WrapIfAdditionalTemplate, {
     classNames: classNames,
     id: id,
     label: label,
     registry: registry,
+    schema: schema,
     uiSchema: uiSchema,
     ...props
   }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Form.Group, {
@@ -558,8 +546,10 @@ function FieldTemplate(_ref) {
     wrap: wrapLabel,
     className: "sui-field-label"
   }, rawDescription && /*#__PURE__*/React__default["default"].createElement(DescriptionFieldTemplate, {
-    id: id + "-description",
+    id: `${id}-description`,
     description: rawDescription,
+    schema: schema,
+    uiSchema: uiSchema,
     registry: registry
   })), help, errors)));
 }
@@ -581,8 +571,8 @@ function ObjectFieldTemplate(_ref) {
   } = _ref;
   const uiOptions = utils.getUiOptions(uiSchema);
   const TitleFieldTemplate = utils.getTemplate("TitleFieldTemplate", registry, uiOptions);
-  const DescriptionFieldTemplate = utils.getTemplate("DescriptionFieldTemplate", registry, uiOptions); // Button templates are not overridden in the uiSchema
-
+  const DescriptionFieldTemplate = utils.getTemplate("DescriptionFieldTemplate", registry, uiOptions);
+  // Button templates are not overridden in the uiSchema
   const {
     ButtonTemplates: {
       AddButton
@@ -591,14 +581,17 @@ function ObjectFieldTemplate(_ref) {
   const fieldTitle = uiOptions.title || title;
   const fieldDescription = uiOptions.description || description;
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, fieldTitle && /*#__PURE__*/React__default["default"].createElement(TitleFieldTemplate, {
-    id: idSchema.$id + "-title",
+    id: `${idSchema.$id}-title`,
     title: fieldTitle,
     required: required,
+    schema: schema,
     uiSchema: uiSchema,
     registry: registry
   }), fieldDescription && /*#__PURE__*/React__default["default"].createElement(DescriptionFieldTemplate, {
-    id: idSchema.$id + "-description",
+    id: `${idSchema.$id}-description`,
     description: fieldDescription,
+    schema: schema,
+    uiSchema: uiSchema,
     registry: registry
   }), properties.map(prop => prop.content), utils.canExpand(schema, uiSchema, formData) && /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid.Column, {
     width: 16,
@@ -625,11 +618,9 @@ var SubmitButton = (_ref => {
     norender,
     props: submitButtonProps
   } = utils.getSubmitButtonOptions(uiSchema);
-
   if (norender) {
     return null;
   }
-
   return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Button, {
     type: "submit",
     primary: true,
@@ -641,7 +632,6 @@ const DEFAULT_OPTIONS = {
   inverted: false,
   dividing: true
 };
-
 function TitleField(_ref) {
   let {
     id,
@@ -652,11 +642,9 @@ function TitleField(_ref) {
     uiSchema,
     defaultSchemaProps: DEFAULT_OPTIONS
   });
-
   if (!title) {
     return null;
   }
-
   return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Header, {
     id: id,
     ...semanticProps,
@@ -687,26 +675,22 @@ const WrapIfAdditionalTemplate = _ref => {
     readonlyAsDisabled = true,
     wrapperStyle
   } = registry.formContext;
-  const keyLabel = label + " Key"; // i18n ?
-
+  const keyLabel = `${label} Key`; // i18n ?
   const additional = (utils.ADDITIONAL_PROPERTY_FLAG in schema);
-
   if (!additional) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: classNames
     }, children);
   }
-
   const handleBlur = _ref2 => {
     let {
       target
     } = _ref2;
     return onKeyChange(target.value);
   };
-
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: classNames,
-    key: id + "-key"
+    key: `${id}-key`
   }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid, {
     columns: "equal"
   }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid.Row, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid.Column, {
@@ -718,13 +702,13 @@ const WrapIfAdditionalTemplate = _ref => {
     className: "form-group",
     hasFeedback: true,
     fluid: true,
-    htmlFor: "" + id,
+    htmlFor: `${id}`,
     label: keyLabel,
     required: required,
     defaultValue: label,
     disabled: disabled || readonlyAsDisabled && readonly,
-    id: "" + id,
-    name: "" + id,
+    id: `${id}`,
+    name: `${id}`,
     onBlur: !readonly ? handleBlur : undefined,
     style: wrapperStyle,
     type: "text"
@@ -792,13 +776,9 @@ function CheckboxWidget(props) {
     schemaUtils
   } = registry;
   const displayLabel = schemaUtils.getDisplayLabel(schema, uiSchema);
-
   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;
   return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Form.Checkbox, {
     id: id,
@@ -818,16 +798,14 @@ function CheckboxWidget(props) {
 
 function selectValue(value, selected, all) {
   const at = all.indexOf(value);
-  const updated = selected.slice(0, at).concat(value, selected.slice(at)); // As inserting values at predefined index positions doesn't work with empty
+  const updated = selected.slice(0, at).concat(value, selected.slice(at));
+  // As inserting values at predefined index positions doesn't work with empty
   // arrays, we need to reorder the updated selection to match the initial order
-
   return updated.sort((a, b) => all.indexOf(a) > all.indexOf(b));
 }
-
 function deselectValue(value, selected) {
   return selected.filter(v => v !== value);
 }
-
 function CheckboxesWidget(props) {
   const {
     id,
@@ -862,7 +840,6 @@ function CheckboxesWidget(props) {
       inverted: false
     }
   });
-
   const _onChange = option => _ref => {
     let {
       target: {
@@ -876,26 +853,23 @@ function CheckboxesWidget(props) {
       } = _ref2;
       return value;
     }) : [];
-
     if (checked) {
       onChange(selectValue(option.value, value, all));
     } else {
       onChange(deselectValue(option.value, value));
     }
   };
-
   const _onBlur = () => onBlur && onBlur(id, value);
-
   const _onFocus = () => onFocus && onFocus(id, value);
-
   const inlineOption = inline ? {
     inline: true
   } : {
     grouped: true
   };
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, title && /*#__PURE__*/React__default["default"].createElement(TitleFieldTemplate, {
-    id: id + "-title",
+    id: `${id}-title`,
     title: title,
+    schema: schema,
     uiSchema: uiSchema,
     registry: registry
   }), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Form.Group, {
@@ -906,7 +880,7 @@ function CheckboxesWidget(props) {
     const checked = value.indexOf(option.value) !== -1;
     const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
     return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Form.Checkbox, {
-      id: id + "-" + option.value,
+      id: `${id}-${option.value}`,
       name: id,
       key: option.value,
       label: option.label,
@@ -946,37 +920,35 @@ function RadioWidget(props) {
     formContext,
     options,
     uiSchema
-  }); // eslint-disable-next-line no-shadow
-
+  });
+  // eslint-disable-next-line no-shadow
   const _onChange = (_, _ref) => {
     let {
       value: eventValue
     } = _ref;
     return onChange && onChange(schema.type === "boolean" ? eventValue !== "false" : eventValue);
   };
-
   const _onBlur = () => onBlur && onBlur(id, value);
-
   const _onFocus = () => onFocus && onFocus(id, value);
-
   const inlineOption = options.inline ? {
     inline: true
   } : {
     grouped: true
   };
-  return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Form.Group, { ...inlineOption
+  return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Form.Group, {
+    ...inlineOption
   }, Array.isArray(enumOptions) && enumOptions.map(option => {
     const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
     return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Form.Field, {
       required: required,
       control: semanticUiReact.Radio,
-      id: id + "-" + option.value,
+      id: `${id}-${option.value}`,
       name: id,
       ...semanticProps,
       onFocus: _onFocus,
       onBlur: _onBlur,
-      label: "" + option.label,
-      value: "" + option.value,
+      label: `${option.label}`,
+      value: `${option.value}`,
       error: rawErrors.length > 0,
       key: option.value,
       checked: value == option.value,
@@ -1009,8 +981,8 @@ function RangeWidget(props) {
     defaultSchemaProps: {
       fluid: true
     }
-  }); // eslint-disable-next-line no-shadow
-
+  });
+  // eslint-disable-next-line no-shadow
   const _onChange = _ref => {
     let {
       target: {
@@ -1019,11 +991,8 @@ function RangeWidget(props) {
     } = _ref;
     return onChange && onChange(value === "" ? options.emptyValue : value);
   };
-
   const _onBlur = () => onBlur && onBlur(id, value);
-
   const _onFocus = () => onFocus && onFocus(id, value);
-
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Input, {
     id: id,
     key: id,
@@ -1047,7 +1016,6 @@ function RangeWidget(props) {
  * @param {array} enumDisabled - array of enum option values to disable
  * @returns {*}
  */
-
 function createDefaultValueOptionsForDropDown(enumOptions, enumDisabled) {
   const disabledOptions = enumDisabled || [];
   const options = map__default["default"](enumOptions, _ref => {
@@ -1064,7 +1032,6 @@ function createDefaultValueOptionsForDropDown(enumOptions, enumDisabled) {
   });
   return options;
 }
-
 function SelectWidget(props) {
   const {
     schema,
@@ -1103,15 +1070,13 @@ function SelectWidget(props) {
   } = options;
   const emptyValue = multiple ? [] : "";
   const dropdownOptions = createDefaultValueOptionsForDropDown(enumOptions, enumDisabled);
-
   const _onChange = (_, _ref2) => {
     let {
       value
     } = _ref2;
     return onChange && onChange(utils.processSelectValue(schema, value, options));
-  }; // eslint-disable-next-line no-shadow
-
-
+  };
+  // eslint-disable-next-line no-shadow
   const _onBlur = (_, _ref3) => {
     let {
       target: {
@@ -1120,7 +1085,6 @@ function SelectWidget(props) {
     } = _ref3;
     return onBlur && onBlur(id, utils.processSelectValue(schema, value, options));
   };
-
   const _onFocus = (_, _ref4) => {
     let {
       // eslint-disable-next-line no-shadow
@@ -1130,7 +1094,6 @@ function SelectWidget(props) {
     } = _ref4;
     return onFocus && onFocus(id, utils.processSelectValue(schema, value, options));
   };
-
   return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Form.Dropdown, {
     key: id,
     id: id,
@@ -1181,8 +1144,8 @@ function TextareaWidget(props) {
   });
   const {
     schemaUtils
-  } = registry; // eslint-disable-next-line no-shadow
-
+  } = registry;
+  // eslint-disable-next-line no-shadow
   const _onChange = _ref => {
     let {
       target: {
@@ -1191,11 +1154,8 @@ function TextareaWidget(props) {
     } = _ref;
     return onChange && onChange(value === "" ? options.emptyValue : value);
   };
-
   const _onBlur = () => onBlur && onBlur(id, value);
-
   const _onFocus = () => onFocus && onFocus(id, value);
-
   const displayLabel = schemaUtils.getDisplayLabel(schema, uiSchema);
   return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Form.TextArea, {
     id: id,