@ssa-ui-kit/core 2.4.0 → 2.6.0

package/dist/index.js

@@ -111,6 +111,7 @@ __webpack_require__.d(__webpack_exports__, {
   ImageItem: () => (/* reexport */ ImageItem),
   Indicator: () => (/* reexport */ Indicator_Indicator),
   Input: () => (/* reexport */ Input_Input),
+  JsonSchema: () => (/* reexport */ JsonSchemaForm_namespaceObject),
   Label: () => (/* reexport */ Label_Label),
   LargeTab: () => (/* reexport */ LargeTab_LargeTab),
   Link: () => (/* reexport */ Link),
@@ -926,6 +927,20 @@ __webpack_require__.d(colorPalettes_namespaceObject, {
   getBalancePalette: () => (getBalancePalette)
 });
 
+// NAMESPACE OBJECT: ./src/components/JsonSchemaForm/index.ts
+var JsonSchemaForm_namespaceObject = {};
+__webpack_require__.r(JsonSchemaForm_namespaceObject);
+__webpack_require__.d(JsonSchemaForm_namespaceObject, {
+  Form: () => (JsonSchemaForm_Form),
+  Templates: () => (templates),
+  Theme: () => (Theme),
+  Widgets: () => (widgets),
+  generateForm: () => (generateForm),
+  generateTemplates: () => (generateTemplates),
+  generateTheme: () => (generateTheme),
+  generateWidgets: () => (generateWidgets)
+});
+
 ;// ./src/themes/main.ts
 const main = {
   colors: {
@@ -4052,7 +4067,7 @@ function DropdownOptions_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tri
 
 const DropdownOptionsBase = /*#__PURE__*/base_default()("ul",  true ? {
   target: "e1qg2z4z0"
-} : 0)("position:absolute;width:100%;list-style:none;margin:4px 0 0;padding:0;background:#fff;border-radius:8px;overflow:hidden auto;z-index:2;filter:", ({
+} : 0)("position:absolute;width:100%;min-width:max-content;list-style:none;margin:4px 0 0;padding:0;background:#fff;border-radius:8px;overflow:hidden auto;z-index:2;filter:", ({
   theme
 }) => `drop-shadow(-4px 4px 14px ${theme.colors.greyDarker14})`, ";backdrop-filter:", ({
   theme
@@ -8594,10 +8609,11 @@ const CollapsibleNavBarPopover = ({
             padding: 0,
             background: navBarTheme === 'default' ? theme.colors.greyGraphite : '#F4F5F9',
             borderRadius: 5,
-            width: 85,
+            minWidth: 85,
             '& > a': {
               color: navBarTheme === 'default' ? theme.colors.white : theme.colors.greyDarker80,
               padding: 5,
+              whiteSpace: 'nowrap',
               fontSize: 12,
               fontWeight: navBarTheme === 'default' ? 400 : 500,
               '&.active': {
@@ -16865,6 +16881,831 @@ const WithVisibleUpToLG = (Component, styles) => {
 };
 ;// ./src/components/WithVisibleUpToLG/index.ts
 
+;// external "@rjsf/core"
+const core_namespaceObject = require("@rjsf/core");
+;// external "@rjsf/utils"
+const external_rjsf_utils_namespaceObject = require("@rjsf/utils");
+;// ./src/components/JsonSchemaForm/templates/SubmitButton.tsx
+function SubmitButton_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+
+
+var SubmitButton_ref =  true ? {
+  name: "xda5ep",
+  styles: "margin-top:12px"
+} : 0;
+const SubmitButton = ({
+  uiSchema
+}) => {
+  const {
+    submitText,
+    norender,
+    props: submitButtonProps
+  } = (0,external_rjsf_utils_namespaceObject.getSubmitButtonOptions)(uiSchema);
+  if (norender) {
+    return null;
+  }
+  return (0,jsx_runtime_namespaceObject.jsx)(Button_Button, {
+    type: "submit",
+    css: SubmitButton_ref,
+    ...submitButtonProps,
+    "data-testid": "rjsf-submit-button",
+    children: submitText
+  });
+};
+;// ./src/components/JsonSchemaForm/templates/IconButton.tsx
+
+
+
+
+const IconButton = props => {
+  const {
+    iconType = 'button',
+    icon,
+    onClick,
+    ...otherProps
+  } = props;
+  return (0,jsx_runtime_namespaceObject.jsx)(Button_Button, {
+    onClick: onClick,
+    type: iconType,
+    startIcon: icon,
+    ...otherProps
+  });
+};
+const AddButton = props => {
+  const {
+    registry: {
+      translateString
+    }
+  } = props;
+  return (0,jsx_runtime_namespaceObject.jsx)(IconButton, {
+    title: translateString(external_rjsf_utils_namespaceObject.TranslatableString.AddItemButton),
+    ...props,
+    variant: "tertiary",
+    icon: (0,jsx_runtime_namespaceObject.jsx)(Icon_Icon, {
+      name: "plus",
+      size: 16
+    })
+  });
+};
+const RemoveButton = props => {
+  const {
+    registry: {
+      translateString
+    }
+  } = props;
+  return (0,jsx_runtime_namespaceObject.jsx)(IconButton, {
+    title: translateString(external_rjsf_utils_namespaceObject.TranslatableString.RemoveButton),
+    ...props,
+    variant: "tertiary",
+    icon: (0,jsx_runtime_namespaceObject.jsx)(Icon_Icon, {
+      name: "cross",
+      size: 14
+    })
+  });
+};
+const CopyButton = props => {
+  const {
+    registry: {
+      translateString
+    }
+  } = props;
+  return (0,jsx_runtime_namespaceObject.jsx)(IconButton, {
+    title: translateString(external_rjsf_utils_namespaceObject.TranslatableString.CopyButton),
+    ...props,
+    variant: "tertiary",
+    icon: (0,jsx_runtime_namespaceObject.jsx)(Icon_Icon, {
+      name: "copy",
+      size: 16
+    })
+  });
+};
+const MoveDownButton = props => {
+  const {
+    registry: {
+      translateString
+    }
+  } = props;
+  return (0,jsx_runtime_namespaceObject.jsx)(IconButton, {
+    title: translateString(external_rjsf_utils_namespaceObject.TranslatableString.MoveDownButton),
+    ...props,
+    variant: "tertiary",
+    icon: (0,jsx_runtime_namespaceObject.jsx)(Icon_Icon, {
+      name: "arrow-down",
+      size: 16
+    })
+  });
+};
+const MoveUpButton = props => {
+  const {
+    registry: {
+      translateString
+    }
+  } = props;
+  return (0,jsx_runtime_namespaceObject.jsx)(IconButton, {
+    title: translateString(external_rjsf_utils_namespaceObject.TranslatableString.MoveUpButton),
+    ...props,
+    variant: "tertiary",
+    icon: (0,jsx_runtime_namespaceObject.jsx)(Icon_Icon, {
+      name: "arrow-up",
+      size: 16
+    })
+  });
+};
+;// ./src/components/JsonSchemaForm/templates/BaseInputTemplate.tsx
+function BaseInputTemplate_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+
+
+
+var BaseInputTemplate_ref =  true ? {
+  name: "1ni3g9k",
+  styles: "border:0 !important"
+} : 0;
+const BaseInputTemplate = props => {
+  const {
+    id,
+    value,
+    name,
+    disabled,
+    schema,
+    type,
+    options,
+    placeholder,
+    onChange,
+    onChangeOverride,
+    onBlur,
+    onFocus
+  } = props;
+  const inputProps = (0,external_rjsf_utils_namespaceObject.getInputProps)(schema, type, options, false);
+  const handleChange = onChangeOverride ? onChangeOverride : ({
+    target
+  }) => onChange(target.value === '' ? options.emptyValue : target.value);
+  const handleBlur = ({
+    target
+  }) => onBlur(id, target && target.value);
+  const handleFocus = ({
+    target
+  }) => onFocus(id, target && target.value);
+  const register = fieldName => ({
+    onBlur: handleBlur,
+    onChange: handleChange,
+    name: fieldName,
+    ref: () => {}
+  });
+  return (0,jsx_runtime_namespaceObject.jsx)(FieldControl, {
+    children: (0,jsx_runtime_namespaceObject.jsx)(Input_Input, {
+      register: register,
+      inputProps: {
+        id,
+        value: value ?? '',
+        onFocus: handleFocus
+      },
+      disabled: disabled,
+      name: name,
+      placeholder: placeholder,
+      css: BaseInputTemplate_ref,
+      ...inputProps
+    })
+  });
+};
+;// ./src/components/JsonSchemaForm/templates/ArrayFieldItemTemplate.tsx
+function ArrayFieldItemTemplate_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+
+var ArrayFieldItemTemplate_ref =  true ? {
+  name: "82a6rk",
+  styles: "flex:1"
+} : 0;
+var ArrayFieldItemTemplate_ref2 =  true ? {
+  name: "490tlg",
+  styles: "display:flex;gap:4px"
+} : 0;
+const ArrayFieldItemTemplate = props => {
+  const {
+    children,
+    disabled,
+    hasCopy,
+    hasMoveDown,
+    hasMoveUp,
+    hasRemove,
+    hasToolbar,
+    index,
+    onCopyIndexClick,
+    onDropIndexClick,
+    onReorderClick,
+    readonly,
+    registry,
+    uiSchema
+  } = props;
+  const {
+    CopyButton,
+    MoveDownButton,
+    MoveUpButton,
+    RemoveButton
+  } = registry.templates.ButtonTemplates;
+  const {
+    toolbarAlign = 'top'
+  } = registry.formContext;
+  const buttonCss = {
+    width: '32px',
+    height: '32px',
+    justifyContent: 'center'
+  };
+  return (0,jsx_runtime_namespaceObject.jsxs)(Wrapper_Wrapper, {
+    alignItems: toolbarAlign,
+    style: {
+      gap: 8
+    },
+    children: [(0,jsx_runtime_namespaceObject.jsx)("div", {
+      css: ArrayFieldItemTemplate_ref,
+      children: children
+    }), hasToolbar && (0,jsx_runtime_namespaceObject.jsxs)("div", {
+      css: ArrayFieldItemTemplate_ref2,
+      children: [(hasMoveUp || hasMoveDown) && (0,jsx_runtime_namespaceObject.jsx)(MoveUpButton, {
+        disabled: disabled || readonly || !hasMoveUp,
+        onClick: onReorderClick(index, index - 1),
+        css: buttonCss,
+        uiSchema: uiSchema,
+        registry: registry
+      }), (hasMoveUp || hasMoveDown) && (0,jsx_runtime_namespaceObject.jsx)(MoveDownButton, {
+        disabled: disabled || readonly || !hasMoveDown,
+        onClick: onReorderClick(index, index + 1),
+        css: buttonCss,
+        uiSchema: uiSchema,
+        registry: registry
+      }), hasCopy && (0,jsx_runtime_namespaceObject.jsx)(CopyButton, {
+        disabled: disabled || readonly,
+        onClick: onCopyIndexClick(index),
+        css: buttonCss,
+        uiSchema: uiSchema,
+        registry: registry
+      }), hasRemove && (0,jsx_runtime_namespaceObject.jsx)(RemoveButton, {
+        disabled: disabled || readonly,
+        onClick: onDropIndexClick(index),
+        css: buttonCss,
+        uiSchema: uiSchema,
+        registry: registry
+      })]
+    })]
+  });
+};
+;// ./src/components/JsonSchemaForm/templates/ArrayFieldTemplate.tsx
+function ArrayFieldTemplate_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+
+
+var ArrayFieldTemplate_ref =  true ? {
+  name: "um7lt0",
+  styles: "gap:8px;width:100%"
+} : 0;
+var ArrayFieldTemplate_ref2 =  true ? {
+  name: "rnnx2x",
+  styles: "font-size:12px"
+} : 0;
+const ArrayFieldTemplate = props => {
+  const {
+    canAdd,
+    disabled,
+    idSchema,
+    items,
+    onAddClick,
+    readonly,
+    registry,
+    required,
+    schema,
+    title,
+    uiSchema
+  } = props;
+  const uiOptions = (0,external_rjsf_utils_namespaceObject.getUiOptions)(uiSchema);
+  const ArrayFieldDescriptionTemplate = (0,external_rjsf_utils_namespaceObject.getTemplate)('ArrayFieldDescriptionTemplate', registry, uiOptions);
+  const ArrayFieldItemTemplate = (0,external_rjsf_utils_namespaceObject.getTemplate)('ArrayFieldItemTemplate', registry, uiOptions);
+  const ArrayFieldTitleTemplate = (0,external_rjsf_utils_namespaceObject.getTemplate)('ArrayFieldTitleTemplate', registry, uiOptions);
+  const {
+    ButtonTemplates: {
+      AddButton
+    }
+  } = registry.templates;
+  return (0,jsx_runtime_namespaceObject.jsxs)(Wrapper_Wrapper, {
+    direction: "column",
+    alignItems: "flex-start",
+    css: ArrayFieldTemplate_ref,
+    children: [(0,jsx_runtime_namespaceObject.jsx)(ArrayFieldTitleTemplate, {
+      idSchema: idSchema,
+      required: required,
+      title: uiOptions.title || title,
+      schema: schema,
+      uiSchema: uiSchema,
+      registry: registry
+    }), (uiOptions.description || schema.description) && (0,jsx_runtime_namespaceObject.jsx)("div", {
+      css: ArrayFieldTemplate_ref2,
+      children: (0,jsx_runtime_namespaceObject.jsx)(ArrayFieldDescriptionTemplate, {
+        description: uiOptions.description || schema.description,
+        idSchema: idSchema,
+        schema: schema,
+        uiSchema: uiSchema,
+        registry: registry
+      })
+    }), items && items.map(({
+      key,
+      ...itemProps
+    }) => (0,jsx_runtime_namespaceObject.jsx)(ArrayFieldItemTemplate, {
+      ...itemProps
+    }, key)), canAdd && (0,jsx_runtime_namespaceObject.jsx)(AddButton, {
+      disabled: disabled || readonly,
+      onClick: onAddClick,
+      uiSchema: uiSchema,
+      registry: registry
+    })]
+  });
+};
+;// ./src/components/JsonSchemaForm/templates/TitleFieldTemplate.tsx
+
+function TitleFieldTemplate_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var TitleFieldTemplate_ref =  true ? {
+  name: "16ceglb",
+  styles: "font-weight:600"
+} : 0;
+const TitleFieldTemplate = ({
+  id,
+  title
+}) => {
+  return title ? (0,jsx_runtime_namespaceObject.jsx)("label", {
+    htmlFor: id,
+    title: typeof title === 'string' ? title : '',
+    css: TitleFieldTemplate_ref,
+    children: title
+  }) : null;
+};
+;// ./src/components/JsonSchemaForm/templates/ObjectFieldTemplate.tsx
+function ObjectFieldTemplate_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+
+
+var ObjectFieldTemplate_ref =  true ? {
+  name: "rnnx2x",
+  styles: "font-size:12px"
+} : 0;
+const ObjectFieldTemplate = props => {
+  const {
+    disabled,
+    description,
+    idSchema,
+    onAddClick,
+    readonly,
+    registry,
+    required,
+    schema,
+    title,
+    uiSchema,
+    properties,
+    formData
+  } = props;
+  const uiOptions = (0,external_rjsf_utils_namespaceObject.getUiOptions)(uiSchema);
+  const TitleFieldTemplate = (0,external_rjsf_utils_namespaceObject.getTemplate)('TitleFieldTemplate', registry, uiOptions);
+  const DescriptionFieldTemplate = (0,external_rjsf_utils_namespaceObject.getTemplate)('DescriptionFieldTemplate', registry, uiOptions);
+  const {
+    ButtonTemplates: {
+      AddButton
+    }
+  } = registry.templates;
+  return (0,jsx_runtime_namespaceObject.jsxs)(Wrapper_Wrapper, {
+    id: idSchema.$id,
+    direction: "column",
+    alignItems: "stretch",
+    className: "form-group",
+    children: [(0,jsx_runtime_namespaceObject.jsx)(TitleFieldTemplate, {
+      id: (0,external_rjsf_utils_namespaceObject.titleId)(idSchema),
+      title: title,
+      required: required,
+      schema: schema,
+      uiSchema: uiSchema,
+      registry: registry
+    }), description && (0,jsx_runtime_namespaceObject.jsx)("div", {
+      css: ObjectFieldTemplate_ref,
+      children: (0,jsx_runtime_namespaceObject.jsx)(DescriptionFieldTemplate, {
+        id: (0,external_rjsf_utils_namespaceObject.descriptionId)(idSchema),
+        description: description,
+        schema: schema,
+        uiSchema: uiSchema,
+        registry: registry
+      })
+    }), properties.filter(e => !e.hidden).map(element => element.content), (0,external_rjsf_utils_namespaceObject.canExpand)(schema, uiSchema, formData) && (0,jsx_runtime_namespaceObject.jsx)(AddButton, {
+      disabled: disabled || readonly,
+      onClick: onAddClick(schema),
+      uiSchema: uiSchema,
+      registry: registry
+    })]
+  });
+};
+;// ./src/components/JsonSchemaForm/templates/FieldTemplate.tsx
+
+
+
+const FieldTemplate = props => {
+  const {
+    id,
+    classNames,
+    style,
+    label,
+    displayLabel,
+    disabled,
+    rawErrors,
+    registry,
+    uiSchema,
+    children,
+    readonly,
+    required,
+    schema,
+    rawHelp,
+    help,
+    onDropPropertyClick,
+    onKeyChange
+  } = props;
+  const uiOptions = (0,external_rjsf_utils_namespaceObject.getUiOptions)(uiSchema);
+  const WrapIfAdditionalTemplate = (0,external_rjsf_utils_namespaceObject.getTemplate)('WrapIfAdditionalTemplate', registry, uiOptions);
+  const status = rawErrors && rawErrors.length > 0 ? 'error' : 'basic';
+  return (0,jsx_runtime_namespaceObject.jsx)(WrapIfAdditionalTemplate, {
+    classNames: classNames,
+    style: style,
+    disabled: disabled,
+    id: id,
+    label: label,
+    onDropPropertyClick: onDropPropertyClick,
+    onKeyChange: onKeyChange,
+    readonly: readonly,
+    required: required,
+    schema: schema,
+    uiSchema: uiSchema,
+    registry: registry,
+    children: (0,jsx_runtime_namespaceObject.jsxs)(FieldRoot, {
+      status: status,
+      disabled: disabled,
+      asChild: true,
+      children: [displayLabel && (0,jsx_runtime_namespaceObject.jsx)(FieldLabel, {
+        htmlFor: id,
+        children: label
+      }), children, (0,jsx_runtime_namespaceObject.jsx)(FieldError, {
+        children: rawErrors?.join(', ')
+      }), rawHelp && (0,jsx_runtime_namespaceObject.jsx)(FieldDescription, {
+        children: help
+      })]
+    })
+  });
+};
+;// ./src/components/JsonSchemaForm/templates/index.ts
+
+
+
+
+
+
+
+
+function generateTemplates() {
+  return {
+    ArrayFieldItemTemplate: ArrayFieldItemTemplate,
+    ArrayFieldTemplate: ArrayFieldTemplate,
+    BaseInputTemplate: BaseInputTemplate,
+    ButtonTemplates: {
+      SubmitButton: SubmitButton,
+      AddButton: AddButton,
+      RemoveButton: RemoveButton,
+      CopyButton: CopyButton,
+      MoveDownButton: MoveDownButton,
+      MoveUpButton: MoveUpButton
+    },
+    TitleFieldTemplate: TitleFieldTemplate,
+    ObjectFieldTemplate: ObjectFieldTemplate,
+    FieldTemplate: FieldTemplate
+  };
+}
+/* harmony default export */ const templates = (generateTemplates());
+;// ./src/components/JsonSchemaForm/widgets/CheckboxWidget.tsx
+function CheckboxWidget_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+
+
+var CheckboxWidget_ref =  true ? {
+  name: "1ykowef",
+  styles: "margin-bottom:0"
+} : 0;
+const CheckboxWidget = props => {
+  const {
+    id,
+    value,
+    label,
+    hideLabel,
+    onChange
+  } = props;
+  return (0,jsx_runtime_namespaceObject.jsx)("div", {
+    children: (0,jsx_runtime_namespaceObject.jsx)(Checkbox_Checkbox, {
+      id: id,
+      initialState: value,
+      onChange: onChange,
+      text: (0,external_rjsf_utils_namespaceObject.labelValue)(label, hideLabel, ''),
+      css: CheckboxWidget_ref
+    })
+  });
+};
+;// ./src/components/JsonSchemaForm/widgets/CheckboxesWidget.tsx
+
+
+
+
+const CheckboxesWidget = props => {
+  const {
+    id,
+    options,
+    value,
+    readonly,
+    disabled,
+    onChange,
+    onBlur,
+    onFocus
+  } = props;
+  const {
+    enumOptions = [],
+    enumDisabled = [],
+    inline = false,
+    emptyValue
+  } = options;
+  const selectedIndexes = (0,external_rjsf_utils_namespaceObject.enumOptionsIndexForValue)(value, enumOptions, true);
+  const [selectedOptions, setSelectedOptions] = (0,external_react_namespaceObject.useState)(selectedIndexes);
+  const handleChange = nextValue => {
+    const newSelectedOptions = [...selectedOptions];
+    const index = newSelectedOptions.indexOf(String(nextValue));
+    if (index > -1) {
+      newSelectedOptions.splice(index, 1);
+    } else {
+      newSelectedOptions.push(String(nextValue));
+    }
+    setSelectedOptions(newSelectedOptions);
+    onChange((0,external_rjsf_utils_namespaceObject.enumOptionsValueForIndex)(newSelectedOptions, enumOptions, emptyValue));
+  };
+  const handleBlur = ({
+    target
+  }) => onBlur(id, (0,external_rjsf_utils_namespaceObject.enumOptionsValueForIndex)(target.value, enumOptions, emptyValue));
+  const handleFocus = ({
+    target
+  }) => onFocus(id, (0,external_rjsf_utils_namespaceObject.enumOptionsValueForIndex)(target.value, enumOptions, emptyValue));
+  const divProps = {
+    id,
+    onBlur: !readonly ? handleBlur : undefined,
+    onFocus: !readonly ? handleFocus : undefined
+  };
+  return (0,jsx_runtime_namespaceObject.jsx)("div", {
+    ...divProps,
+    children: Array.isArray(enumOptions) && enumOptions.map((option, i) => (0,jsx_runtime_namespaceObject.jsxs)(external_react_namespaceObject.Fragment, {
+      children: [(0,jsx_runtime_namespaceObject.jsx)(Checkbox_Checkbox, {
+        id: (0,external_rjsf_utils_namespaceObject.optionId)(id, i),
+        onChange: () => handleChange(i),
+        isDisabled: disabled || Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1,
+        initialState: selectedOptions.includes(String(i)),
+        name: id,
+        text: option.label
+      }), !inline && (0,jsx_runtime_namespaceObject.jsx)("br", {})]
+    }, i))
+  });
+};
+;// ./src/components/JsonSchemaForm/widgets/RadioWidget.tsx
+
+function RadioWidget_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+
+
+
+
+const RadioWidget = props => {
+  const {
+    id,
+    name,
+    disabled,
+    options,
+    value,
+    required,
+    onChange
+  } = props;
+  const {
+    enumOptions = [],
+    enumDisabled = [],
+    inline = false,
+    emptyValue
+  } = options;
+  const selectedIndex = (0,external_rjsf_utils_namespaceObject.enumOptionsIndexForValue)(value, enumOptions);
+  const handleChange = nextValue => onChange((0,external_rjsf_utils_namespaceObject.enumOptionsValueForIndex)(nextValue, enumOptions, emptyValue));
+  return (0,jsx_runtime_namespaceObject.jsx)(RadioGroup_RadioGroup, {
+    name: name,
+    onChange: handleChange,
+    initialState: selectedIndex,
+    isRequired: required,
+    css: /*#__PURE__*/(0,react_namespaceObject.css)({
+      [`> label`]: {
+        display: inline ? 'inline-flex' : 'flex'
+      }
+    },  true ? "" : 0,  true ? "" : 0),
+    children: Array.isArray(enumOptions) ? enumOptions.map((option, i) => (0,jsx_runtime_namespaceObject.jsx)(Radio_Radio, {
+      id: (0,external_rjsf_utils_namespaceObject.optionId)(id, i),
+      name: id,
+      isDisabled: disabled || Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1,
+      text: option.label,
+      className: /*#__PURE__*/(0,css_namespaceObject.css)( true ? {
+        name: "1ykowef",
+        styles: "margin-bottom:0"
+      } : 0),
+      value: String(i)
+    }, i)) : undefined
+  });
+};
+;// ./src/components/JsonSchemaForm/widgets/SelectWidget.tsx
+
+
+
+const SelectWidget = props => {
+  const {
+    disabled,
+    options,
+    placeholder,
+    onChange,
+    onChangeOverride,
+    value
+  } = props;
+  const {
+    enumOptions = [],
+    enumDisabled = []
+  } = options;
+  const selectedIndex = (0,external_rjsf_utils_namespaceObject.enumOptionsIndexForValue)(value, enumOptions);
+  const handleChange = onChangeOverride ? onChangeOverride : ({
+    value
+  }) => onChange((0,external_rjsf_utils_namespaceObject.enumOptionsValueForIndex)(value, enumOptions));
+  return (0,jsx_runtime_namespaceObject.jsx)("div", {
+    children: (0,jsx_runtime_namespaceObject.jsx)(Dropdown_Dropdown, {
+      isDisabled: disabled,
+      onChange: handleChange,
+      placeholder: placeholder,
+      selectedItem: selectedIndex ? {
+        value: selectedIndex,
+        label: enumOptions[Number(selectedIndex)].label
+      } : undefined,
+      children: Array.isArray(enumOptions) && enumOptions.map((option, i) => (0,jsx_runtime_namespaceObject.jsx)(DropdownOption_DropdownOption, {
+        value: String(i),
+        label: option.label,
+        isDisabled: disabled || Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1
+      }, i))
+    })
+  });
+};
+;// ./src/components/JsonSchemaForm/widgets/PasswordWidget.tsx
+function PasswordWidget_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+
+
+
+
+
+var PasswordWidget_ref =  true ? {
+  name: "1ni3g9k",
+  styles: "border:0 !important"
+} : 0;
+const PasswordWidget = props => {
+  const {
+    id,
+    value,
+    name,
+    disabled,
+    options,
+    placeholder,
+    onChange,
+    onChangeOverride,
+    onBlur,
+    onFocus
+  } = props;
+  const [visible, toggleVisibility] = (0,hooks_namespaceObject.useToggle)();
+  const handleChange = onChangeOverride ? onChangeOverride : ({
+    target
+  }) => onChange(target.value === '' ? options.emptyValue : target.value);
+  const handleBlur = ({
+    target
+  }) => onBlur(id, target && target.value);
+  const handleFocus = ({
+    target
+  }) => onFocus(id, target && target.value);
+  const register = fieldName => ({
+    onBlur: handleBlur,
+    onChange: handleChange,
+    name: fieldName,
+    ref: () => {}
+  });
+  return (0,jsx_runtime_namespaceObject.jsx)(FieldControl, {
+    children: (0,jsx_runtime_namespaceObject.jsx)(Input_Input, {
+      register: register,
+      inputProps: {
+        id,
+        value: value ?? '',
+        onFocus: handleFocus
+      },
+      disabled: disabled,
+      name: name,
+      placeholder: placeholder,
+      css: PasswordWidget_ref,
+      type: visible ? 'text' : 'password',
+      endElement: (0,jsx_runtime_namespaceObject.jsx)(Button_Button, {
+        variant: "tertiary",
+        endIcon: (0,jsx_runtime_namespaceObject.jsx)(Icon_Icon, {
+          name: visible ? 'invisible' : 'visible',
+          size: 16
+        }),
+        onClick: () => toggleVisibility()
+      })
+    })
+  });
+};
+;// ./src/components/JsonSchemaForm/widgets/RangeWidget.tsx
+function RangeWidget_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+
+var RangeWidget_ref =  true ? {
+  name: "1d3w5wq",
+  styles: "width:100%"
+} : 0;
+const RangeWidget = props => {
+  const {
+    id,
+    disabled,
+    options,
+    onChangeOverride,
+    value,
+    schema,
+    onChange,
+    onBlur,
+    onFocus
+  } = props;
+  const {
+    min,
+    max,
+    step
+  } = (0,external_rjsf_utils_namespaceObject.rangeSpec)(schema);
+  const emptyValue = options.emptyValue || '';
+  const handleChange = nextValue => onChangeOverride ? onChangeOverride : onChange(nextValue === '' ? emptyValue : nextValue);
+  const handleBlur = () => onBlur(id, value);
+  const handleFocus = () => onFocus(id, value);
+  return (0,jsx_runtime_namespaceObject.jsx)("div", {
+    children: (0,jsx_runtime_namespaceObject.jsx)("input", {
+      id: id,
+      type: "range",
+      min: min,
+      max: max,
+      step: step,
+      disabled: disabled,
+      onChange: e => handleChange(e.target.value),
+      onBlur: handleBlur,
+      onFocus: handleFocus,
+      css: RangeWidget_ref
+    })
+  });
+};
+;// ./src/components/JsonSchemaForm/widgets/index.ts
+
+
+
+
+
+
+function generateWidgets() {
+  return {
+    CheckboxWidget: CheckboxWidget,
+    CheckboxesWidget: CheckboxesWidget,
+    RadioWidget: RadioWidget,
+    PasswordWidget: PasswordWidget,
+    SelectWidget: SelectWidget,
+    RangeWidget: RangeWidget
+  };
+}
+/* harmony default export */ const widgets = (generateWidgets());
+;// ./src/components/JsonSchemaForm/index.ts
+
+function JsonSchemaForm_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+
+
+function generateTheme() {
+  return {
+    templates: generateTemplates(),
+    widgets: generateWidgets()
+  };
+}
+const Theme = generateTheme();
+function generateForm() {
+  return (0,core_namespaceObject.withTheme)(generateTheme());
+}
+const UnstyledForm = generateForm();
+const JsonSchemaForm_Form = /*#__PURE__*/base_default()(UnstyledForm,  true ? {
+  target: "e1yfg9n10"
+} : 0)( true ? {
+  name: "173skgr",
+  styles: ".form-group{margin-bottom:16px;}.form-group:last-child{margin-bottom:0;}"
+} : 0);
+
 ;// ./src/components/index.ts
 
 
@@ -16975,6 +17816,8 @@ const WithVisibleUpToLG = (Component, styles) => {
 
 
 
+
+