@x15ventures/x15-ui-library 3.11.4

package/dist/cjs/components/form/formFields/subComponents/inputs/file/fileAttachmentList/FileAttachmentsList.js

@@ -0,0 +1,179 @@
+"use strict";
+/* eslint-disable no-unused-vars */
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.FileAttachmentsList = exports.DefaultFileListSettings = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _SimpleButton = require("../../../../../buttons/SimpleButton");
+var _iconDefinitions = require("@x15ventures/x15-ui-library-icons/iconDefinitions");
+var _SvgIcon = require("@x15ventures/x15-ui-library-icons/svgIcon/SvgIcon");
+var _helpers = require("../../../../../../../helpers");
+require("./fileAttachmentsList.css");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const DefaultFileListSettings = exports.DefaultFileListSettings = {
+  isEditable: true,
+  design: {
+    animation: 'reveal',
+    editing: {
+      delete: {
+        icon: /*#__PURE__*/_react.default.createElement(_SvgIcon.SvgIcon, {
+          svgDefinition: _iconDefinitions.trash
+        }),
+        label: 'Remove file',
+        disable: false,
+        buttonStyle: {
+          variant: 'icon-only',
+          size: 'compact'
+        }
+      },
+      edit: {
+        icon: /*#__PURE__*/_react.default.createElement(_SvgIcon.SvgIcon, {
+          svgDefinition: _iconDefinitions.pencil
+        }),
+        label: 'Edit file name',
+        disable: false,
+        buttonStyle: {
+          variant: 'icon-only',
+          size: 'compact'
+        }
+      }
+    },
+    heading: {
+      isVisible: false,
+      prefix: 'Attached files',
+      includeFileCount: true
+    }
+  }
+};
+const FileAttachmentsList = ({
+  customFileListSettings,
+  onFilesRemoved = () => {},
+  onFilesEdited = () => {},
+  files
+}) => {
+  const [adjustedFiles, setAdjustedFiles] = (0, _react.useState)(files);
+  const [editingIndex, setEditingIndex] = (0, _react.useState)(null);
+  const filesList = /*#__PURE__*/_react.default.createRef();
+  const fileListSettings = (0, _helpers.deepMergeObjects)({
+    baseObject: DefaultFileListSettings,
+    overrideObject: customFileListSettings || {}
+  });
+  (0, _react.useEffect)(() => {
+    setAdjustedFiles(files);
+  }, [files]);
+  const handleFileNameEdit = (index, newName) => {
+    const adjustedName = newName || filesList.current?.children[index].querySelector('input')?.value.trim();
+    const updatedFiles = adjustedFiles.map((file, i) => {
+      if (i === index) {
+        return new File([file], adjustedName, {
+          type: file.type
+        });
+      }
+      return file;
+    });
+    setAdjustedFiles(updatedFiles);
+    setEditingIndex(null);
+    onFilesEdited(updatedFiles);
+  };
+  const handleFileRemoved = index => {
+    const updatedFiles = adjustedFiles.filter((_, i) => i !== index);
+    setAdjustedFiles(updatedFiles);
+    onFilesRemoved(updatedFiles);
+  };
+  const EditIcon = () => fileListSettings.design?.editing?.edit?.icon || /*#__PURE__*/_react.default.createElement(_SvgIcon.SvgIcon, {
+    svgDefinition: _iconDefinitions.pencil
+  });
+  const DeleteIcon = () => fileListSettings.design?.editing?.delete?.icon || /*#__PURE__*/_react.default.createElement(_SvgIcon.SvgIcon, {
+    svgDefinition: _iconDefinitions.trash
+  });
+  const CancelIcon = () => /*#__PURE__*/_react.default.createElement(_SvgIcon.SvgIcon, {
+    svgDefinition: _iconDefinitions.xmark
+  });
+  const SaveIcon = () => /*#__PURE__*/_react.default.createElement(_SvgIcon.SvgIcon, {
+    svgDefinition: _iconDefinitions.check,
+    customCssClass: "saveIcon"
+  });
+  const isFileNameEditable = fileListSettings.isEditable && !fileListSettings.design?.editing?.edit?.disable;
+  const isFileDeletable = fileListSettings.isEditable && !fileListSettings.design?.editing?.delete?.disable;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "fileAttachmentsList"
+  }, fileListSettings.design?.heading?.isVisible && /*#__PURE__*/_react.default.createElement("h4", null, fileListSettings.design?.heading?.prefix || 'Attached files', fileListSettings.design?.heading?.includeFileCount && ` (${adjustedFiles.length})`), /*#__PURE__*/_react.default.createElement("div", {
+    className: `fileUploadList ${adjustedFiles.length > 0 ? 'withFiles' : 'noFiles'}`
+  }, adjustedFiles.length > 0 && /*#__PURE__*/_react.default.createElement("ul", {
+    className: "noBullet",
+    ref: filesList
+  }, adjustedFiles.map((file, index) => /*#__PURE__*/_react.default.createElement("li", {
+    key: index
+  }, editingIndex === index && isFileNameEditable ? /*#__PURE__*/_react.default.createElement("span", {
+    className: "editFileNameContainer"
+  }, /*#__PURE__*/_react.default.createElement("input", {
+    type: "text",
+    "aria-label": `Edit file name (${file.name})`,
+    defaultValue: file.name,
+    className: "fileNameInput",
+    onKeyDown: e => {
+      if (e.key === 'Enter') {
+        const newName = e.target.value.trim();
+        if (newName && newName !== file.name) {
+          handleFileNameEdit(index, newName);
+        }
+      } else if (e.key === 'Escape' || e.key === 'Tab') {
+        setEditingIndex(null);
+      }
+    },
+    autoFocus: true
+  }), /*#__PURE__*/_react.default.createElement(_SimpleButton.SimpleButton, {
+    label: "Cancel",
+    hideLabel: true,
+    buttonStyle: {
+      variant: 'icon-only',
+      size: 'compact'
+    },
+    leftIcon: {
+      icon: /*#__PURE__*/_react.default.createElement(CancelIcon, null)
+    },
+    id: `cancelEditFileButton${index}`,
+    onClickHandler: () => setEditingIndex(null)
+  }), /*#__PURE__*/_react.default.createElement(_SimpleButton.SimpleButton, {
+    label: "Save",
+    hideLabel: true,
+    buttonStyle: {
+      variant: 'icon-only',
+      size: 'compact',
+      color: 'primary'
+    },
+    leftIcon: {
+      icon: /*#__PURE__*/_react.default.createElement(SaveIcon, null)
+    },
+    id: `saveEditFileButton${index}`,
+    onClickHandler: () => handleFileNameEdit(index)
+  })) : /*#__PURE__*/_react.default.createElement("span", {
+    className: "fileNameDisplay"
+  }, file.name), isFileNameEditable && /*#__PURE__*/_react.default.createElement(_SimpleButton.SimpleButton, {
+    label: "Edit file name",
+    hideLabel: true,
+    buttonStyle: fileListSettings.design?.editing?.edit?.buttonStyle,
+    leftIcon: {
+      icon: /*#__PURE__*/_react.default.createElement(EditIcon, null)
+    },
+    id: `editFileButton${index}`,
+    onClickHandler: () => setEditingIndex(index)
+  }), isFileDeletable && /*#__PURE__*/_react.default.createElement(_SimpleButton.SimpleButton, {
+    label: "Remove file",
+    hideLabel: true,
+    buttonStyle: fileListSettings.design?.editing?.delete?.buttonStyle,
+    leftIcon: {
+      icon: /*#__PURE__*/_react.default.createElement(DeleteIcon, null)
+    },
+    id: `removeFileButton${index}`,
+    onClickHandler: () => handleFileRemoved(index)
+  }))))));
+};
+exports.FileAttachmentsList = FileAttachmentsList;
+var _default = exports.default = {
+  FileAttachmentsList
+};
+//# sourceMappingURL=FileAttachmentsList.js.map

package/dist/cjs/components/form/formFields/subComponents/inputs/file/fileAttachmentList/FileAttachmentsList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileAttachmentsList.js","names":["Object","defineProperty","exports","value","default","FileAttachmentsList","DefaultFileListSettings","_react","_interopRequireWildcard","require","_SimpleButton","_iconDefinitions","_SvgIcon","_helpers","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","has","get","set","hasOwnProperty","call","getOwnPropertyDescriptor","isEditable","design","animation","editing","delete","icon","createElement","SvgIcon","svgDefinition","trash","label","disable","buttonStyle","variant","size","edit","pencil","heading","isVisible","prefix","includeFileCount","customFileListSettings","onFilesRemoved","onFilesEdited","files","adjustedFiles","setAdjustedFiles","useState","editingIndex","setEditingIndex","filesList","React","createRef","fileListSettings","deepMergeObjects","baseObject","overrideObject","useEffect","handleFileNameEdit","index","newName","adjustedName","current","children","querySelector","trim","updatedFiles","map","file","File","type","handleFileRemoved","filter","_","EditIcon","DeleteIcon","CancelIcon","xmark","SaveIcon","check","customCssClass","isFileNameEditable","isFileDeletable","className","length","ref","key","name","defaultValue","onKeyDown","target","autoFocus","SimpleButton","hideLabel","leftIcon","id","onClickHandler","color","_default"],"sources":["../../../../../../../../../src/components/form/formFields/subComponents/inputs/file/fileAttachmentList/FileAttachmentsList.tsx"],"sourcesContent":["/* eslint-disable no-unused-vars */\n'use client';\nimport React, { FC, useEffect, useState } from 'react';\nimport { SimpleButton } from '../../../../../buttons/SimpleButton';\nimport { pencil, trash, xmark, check } from '@x15ventures/x15-ui-library-icons/iconDefinitions';\nimport { SvgIcon } from '@x15ventures/x15-ui-library-icons/svgIcon/SvgIcon';\nimport { FileAttachmentListSettingsProps } from '../fileInputProps';\nimport { deepMergeObjects } from '../../../../../../../helpers';\n\nimport './fileAttachmentsList.scss';\n\ninterface FileAttachmentsProps {\n  customFileListSettings?: FileAttachmentListSettingsProps;\n  onFilesRemoved: (files: File[]) => void;\n  onFilesEdited: (files: File[]) => void;\n  files: File[];\n}\n\nexport const DefaultFileListSettings: FileAttachmentListSettingsProps = {\n  isEditable: true,\n  design: {\n    animation: 'reveal',\n    editing: {\n      delete: {\n        icon: <SvgIcon svgDefinition={ trash }/>,\n        label: 'Remove file',\n        disable: false,\n        buttonStyle: {\n          variant: 'icon-only',\n          size: 'compact',\n        }\n      },\n      edit: {\n        icon: <SvgIcon svgDefinition={ pencil }/>,\n        label: 'Edit file name',\n        disable: false,\n        buttonStyle: {\n          variant: 'icon-only',\n          size: 'compact',\n        }\n      }\n    },\n    heading: {\n      isVisible: false,\n      prefix: 'Attached files',\n      includeFileCount: true\n    }\n  }\n};\n\nexport const FileAttachmentsList: FC<FileAttachmentsProps> = (\n  {\n    customFileListSettings,\n    onFilesRemoved = () => {},\n    onFilesEdited = () => {},\n    files\n  }\n) => {\n  const [adjustedFiles, setAdjustedFiles] = useState<File[]>(files);\n  const [editingIndex, setEditingIndex] = useState<number | null>(null);\n  const filesList = React.createRef<HTMLUListElement>();\n\n  const fileListSettings: FileAttachmentListSettingsProps = deepMergeObjects({\n    baseObject: DefaultFileListSettings,\n    overrideObject: customFileListSettings || {}\n  });\n\n  useEffect(() => {\n    setAdjustedFiles(files);\n  }, [files]);\n\n  const handleFileNameEdit = (index: number, newName?: string) => {\n    const adjustedName = newName || (filesList.current?.children[index].querySelector('input') as HTMLInputElement)?.value.trim();\n\n    const updatedFiles = adjustedFiles.map((file, i) => {\n      if (i === index) {\n        return new File([file], adjustedName, { type: file.type });\n      }\n      return file;\n    });\n    setAdjustedFiles(updatedFiles);\n    setEditingIndex(null);\n    onFilesEdited(updatedFiles);\n  };\n\n  const handleFileRemoved = (index: number) => {\n    const updatedFiles = adjustedFiles.filter((_, i) => i !== index);\n    setAdjustedFiles(updatedFiles);\n    onFilesRemoved(updatedFiles);\n  };\n\n  const EditIcon: FC = () => fileListSettings.design?.editing?.edit?.icon || <SvgIcon svgDefinition={ pencil } />;\n  const DeleteIcon: FC = () => fileListSettings.design?.editing?.delete?.icon || <SvgIcon svgDefinition={ trash } />;\n  const CancelIcon: FC = () => <SvgIcon svgDefinition={ xmark } />;\n  const SaveIcon: FC = () => <SvgIcon svgDefinition={ check } customCssClass=\"saveIcon\" />;\n\n  const isFileNameEditable = fileListSettings.isEditable && !fileListSettings.design?.editing?.edit?.disable;\n  const isFileDeletable = fileListSettings.isEditable && !fileListSettings.design?.editing?.delete?.disable;\n\n  return (\n    <div className=\"fileAttachmentsList\">\n      {\n        fileListSettings.design?.heading?.isVisible && (\n          <h4>\n            {\n              fileListSettings.design?.heading?.prefix || 'Attached files'\n            }\n            {\n              fileListSettings.design?.heading?.includeFileCount && ` (${ adjustedFiles.length })`\n            }\n          </h4>\n        )\n      }\n      <div className={ `fileUploadList ${ adjustedFiles.length > 0 ? 'withFiles' : 'noFiles' }` }>\n        { adjustedFiles.length > 0 && (\n          <ul className=\"noBullet\" ref={ filesList }>\n            { adjustedFiles.map((file, index) => (\n              <li key={ index }>\n                {\n                  editingIndex === index && isFileNameEditable ? (\n                    <span className=\"editFileNameContainer\">\n                      <input\n                        type=\"text\"\n                        aria-label={ `Edit file name (${ file.name })` }\n                        defaultValue={ file.name }\n                        className=\"fileNameInput\"\n                        onKeyDown={ (e) => {\n                          if (e.key === 'Enter') {\n                            const newName = (e.target as HTMLInputElement).value.trim();\n                            if (newName && newName !== file.name) {\n                              handleFileNameEdit(index, newName);\n                            }\n                          } else if (e.key === 'Escape' || e.key === 'Tab') {\n                            setEditingIndex(null);\n                          }\n                        } }\n                        autoFocus\n                      />\n                      <SimpleButton\n                        label=\"Cancel\"\n                        hideLabel\n                        buttonStyle={ { variant: 'icon-only', size: 'compact' } }\n                        leftIcon={ { icon: <CancelIcon /> } }\n                        id={ `cancelEditFileButton${ index }` }\n                        onClickHandler={ () => setEditingIndex(null) }\n                      />\n                      <SimpleButton\n                        label=\"Save\"\n                        hideLabel\n                        buttonStyle={ { variant: 'icon-only', size: 'compact', color: 'primary' } }\n                        leftIcon={ { icon: <SaveIcon /> } }\n                        id={ `saveEditFileButton${ index }` }\n                        onClickHandler={ () => handleFileNameEdit(index) }\n                      />\n                    </span>\n                  ) :\n                    <span className=\"fileNameDisplay\">{ file.name }</span>\n                }\n\n                {\n                  isFileNameEditable && (\n                    <SimpleButton\n                      label=\"Edit file name\"\n                      hideLabel\n                      buttonStyle={ fileListSettings.design?.editing?.edit?.buttonStyle }\n                      leftIcon={ { icon: <EditIcon /> } }\n                      id={ `editFileButton${ index }` }\n                      onClickHandler={ () => setEditingIndex(index) }\n                    />\n                  )\n                }\n\n                {\n                  isFileDeletable && (\n                    <SimpleButton\n                      label=\"Remove file\"\n                      hideLabel\n                      buttonStyle={ fileListSettings.design?.editing?.delete?.buttonStyle }\n                      leftIcon={ { icon: <DeleteIcon /> } }\n                      id={ `removeFileButton${ index }` }\n                      onClickHandler={ () => handleFileRemoved(index) }\n                    />\n                  )\n                }\n              </li>\n            )) }\n          </ul>\n        ) }\n      </div>\n    </div>\n  );\n};\n\nexport default {\n  FileAttachmentsList\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/form/formFields/subComponents/inputs/file/fileAttachmentList/fileAttachmentsList.css

@@ -0,0 +1,50 @@
+.fileAttachmentsList {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  flex: 1;
+}
+.fileAttachmentsList .fileUploadList {
+  max-height: 150px;
+  overflow: auto;
+  padding: 10px;
+  border: 1px solid #d3dee4;
+  border-radius: 5px;
+}
+.fileAttachmentsList .fileUploadList.noFiles {
+  display: none;
+}
+.fileAttachmentsList .fileUploadList ul li {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 10px;
+  min-height: 44px;
+}
+.fileAttachmentsList .fileUploadList ul li span {
+  flex: 1;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.fileAttachmentsList .fileUploadList ul li span.fileNameDisplay {
+  padding-left: 15px;
+}
+.fileAttachmentsList .fileUploadList ul li span.editFileNameContainer {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 10px;
+}
+.fileAttachmentsList .fileUploadList ul li button.iconOnly .iconSvg .svgIconColor_1 {
+  stroke: #000;
+  fill: #aaa;
+}
+.fileAttachmentsList .fileUploadList ul li button.iconOnly .iconSvg .svgIconColor_2 {
+  stroke: #000;
+  fill: #fff;
+}
+.fileAttachmentsList .fileUploadList ul li button.iconOnly .iconSvg.saveIcon .svgIconColor_1 {
+  fill: none;
+  stroke-width: 3px;
+}

package/dist/cjs/components/form/formFields/subComponents/inputs/file/fileInputProps.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=fileInputProps.js.map

package/dist/cjs/components/form/formFields/subComponents/inputs/file/fileInputProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fileInputProps.js","names":[],"sources":["../../../../../../../../src/components/form/formFields/subComponents/inputs/file/fileInputProps.ts"],"sourcesContent":["/* eslint-disable no-unused-vars */\nimport React, { FormEvent } from 'react';\nimport { FieldProps, FormFieldProps } from '../../../formFieldWrapper/formFieldProps';\nimport { ButtonStyles } from '../../../../buttons/button.interface';\n\nexport interface ValidFilesProps {\n  extensions?: string[];\n  fileTypes?: string[];\n  maxFileCount?: number;\n  maxFileSize?: number;\n}\n\nexport interface FileAttachmentListSettingsProps {\n  design?: {\n    animation?: 'reveal' | 'slide' | 'none';\n    editing?: {\n      delete?: {\n        icon?: React.ReactElement;\n        label?: string;\n        disable?: boolean;\n        buttonStyle?: ButtonStyles;\n      };\n      edit?: {\n        icon?: React.ReactElement;\n        label?: string;\n        disable?: boolean;\n        buttonStyle?: ButtonStyles;\n      };\n    },\n    heading?: {\n      isVisible?: boolean;\n      prefix?: string;\n      includeFileCount?: boolean;\n    }\n  };\n  isEditable?: boolean;\n}\n\nexport interface DragAndDropFileUploadProps extends Omit<FormFieldProps, 'field'> {\n  field: Omit<FieldProps, 'type' | 'onInput'> & {\n    type?: 'file';\n  };\n  labelStyle?: 'simple' | 'button' | 'dragArea';\n  labelUploadIcon?: React.ReactElement | null;\n  labelAsButtonStyles?: ButtonStyles;\n  fileDisplayStyle?: 'list' | 'names' | 'none';\n  fileListSettings?: FileAttachmentListSettingsProps;\n  labelStyleButtonProps?: ButtonStyles;\n  customFileUploadLabel?: string | React.ReactElement;\n  fileList?: File[];\n  validFiles?: ValidFilesProps;\n  onFilesChange?: (files: File[] | null) => void;\n  restrictionsTxt?: string | React.ReactElement;\n  multiple?: boolean;\n}\n\nexport interface FileInputProps extends DragAndDropFileUploadProps, React.InputHTMLAttributes<HTMLInputElement> {\n  field: Omit<FieldProps, 'type' | 'onInput'> & {\n    type: 'file';\n    multiple?: boolean;\n    accept: string;\n    onInput?: (event: FormEvent<HTMLInputElement>) => void;\n  };\n}\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/components/form/formFields/subComponents/inputs/file/inputFile.css

@@ -0,0 +1,9 @@
+.file_Field {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.file_Field .inputContainer input {
+  border: none;
+  padding: 0;
+}

package/dist/cjs/components/form/formFields/subComponents/inputs/radio/radioInputsProps.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=radioInputsProps.js.map

package/dist/cjs/components/form/formFields/subComponents/inputs/radio/radioInputsProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radioInputsProps.js","names":[],"sources":["../../../../../../../../src/components/form/formFields/subComponents/inputs/radio/radioInputsProps.ts"],"sourcesContent":["/* eslint-disable no-unused-vars */\n\nimport React, { ReactElement, ReactNode } from 'react';\nimport { Message, Validate, ValidationRule } from 'react-hook-form';\n\nimport {\n  CustomContentProps, CustomFieldCssClassesProps, FieldProps, LabelProps, ValidationProps\n} from '../../../formFieldWrapper/formFieldProps';\nimport { GenericFunction } from '../../../../../../interfaces';\n\nexport interface RadioInputLabelProps extends Omit<LabelProps, 'hide' | 'position' | 'text'> {\n  position?: 'left' | 'right';\n  cssClasses: {\n    checked: string;\n    unchecked: string;\n  };\n  text: {\n    checked: string | ReactNode | ReactElement;\n    unchecked: string | ReactNode | ReactElement;\n  };\n  isChecked?: boolean;\n}\n\nexport interface RadioInputFieldProps extends Omit<FieldProps, 'onChange' | 'type' | 'placeholder' | 'defaultValue' | 'referenceDate' | 'includeEmptyOption' | 'options'> {\n  isOnlyOption?: boolean;\n  defaultChecked?: boolean;\n  value?: string | number | readonly string[];\n  groupName: string; // Comes from the group\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void\n}\n\nexport interface RadioInputValidationProps<TFieldValue = unknown, TFormValues = unknown> {\n  required?: Message | ValidationRule<boolean>;\n  validate?: Validate<TFieldValue, TFormValues> | Record<string, Validate<TFieldValue, TFormValues>>;\n  [key: string]:\n    | Message\n    | ValidationRule<RegExp>\n    | ValidationRule<number | string | boolean>\n    | Validate<TFieldValue, TFormValues>\n    | Record<string, Validate<TFieldValue, TFormValues>>\n    | undefined;\n}\n\nexport interface RadioInputProps {\n  label: RadioInputLabelProps,\n  field: RadioInputFieldProps,\n  validation?: RadioInputValidationProps;\n  showSpinner?: boolean;\n  customCssClasses?: CustomFieldCssClassesProps;\n  customContent?: CustomContentProps;\n}\n\nexport interface StyledRadioGroupProps {\n  group: {\n    id: string;\n    name: string;\n    label: LabelProps;\n    layout?: 'stacked' | undefined,\n    showSpinner?: boolean;\n    validation?: ValidationProps;\n    customCssClasses?: CustomFieldCssClassesProps;\n    customContent?: CustomContentProps;\n    value?: string | number | boolean;\n    onChange?: GenericFunction\n  };\n  radioInputs: RadioInputProps[]\n}\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/components/form/formFields/subComponents/inputs/radio/styled/StyledRadioGroup.js

@@ -0,0 +1,91 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.StyledRadioGroup = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactHookForm = require("react-hook-form");
+var _hooks = require("../../../../../../../hooks");
+var _FormFieldLabel = require("../../../labels/FormFieldLabel");
+var _StyledRadioInput = require("./StyledRadioInput");
+var _ValidationMessages = require("../../../../../validation/ValidationMessages");
+var _Spinner = require("../../../../../../design/spinner/Spinner");
+require("./styledRadioGroup.css");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const StyledRadioGroup = ({
+  group: {
+    id,
+    name: groupName,
+    value: defaultGroupValue,
+    label,
+    layout,
+    validation,
+    showSpinner,
+    customCssClasses,
+    customContent,
+    onChange = () => {}
+  },
+  radioInputs
+}) => {
+  const [isTouched, setIsTouched] = (0, _react.useState)(false);
+  const {
+    getValues,
+    setValue
+  } = (0, _reactHookForm.useFormContext)();
+  const [groupValue, setGroupValue] = (0, _react.useState)(typeof defaultGroupValue !== 'undefined' ? defaultGroupValue : getValues(groupName));
+  const radioInputsGroup = (0, _react.useRef)(null);
+  (0, _hooks.useTabbableInputGroup)({
+    groupWrappingElementRef: radioInputsGroup
+  });
+  const HandleOnChange = event => {
+    const {
+      target
+    } = event;
+    const newValue = target.value;
+    setValue(groupName, newValue);
+    setGroupValue(newValue);
+    setIsTouched(true);
+    onChange(newValue);
+  };
+  const wrapperCssClass = `formField styledRadiosGroup ${layout || ''} ${isTouched ? 'touched' : ''} ${customCssClasses?.wrapper || ''} ${label?.position || ''}`;
+  const labelProps = {
+    ...label,
+    isRequired: validation && typeof validation.required !== 'undefined',
+    customContent
+  };
+  return /*#__PURE__*/_react.default.createElement("fieldset", {
+    id: id,
+    onBlur: () => setIsTouched(true),
+    className: wrapperCssClass
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "sr-only"
+  }, "Screen reader users are advised that this radio group supports custom keyboard navigation between radio options via tabbing."), /*#__PURE__*/_react.default.createElement("legend", {
+    className: label.hide ? 'sr-only' : ''
+  }, /*#__PURE__*/_react.default.createElement(_FormFieldLabel.FormFieldLabel, labelProps)), /*#__PURE__*/_react.default.createElement("div", {
+    ref: radioInputsGroup,
+    className: `radioInputs radioInputs_${radioInputs.length}`
+  }, radioInputs.map(radioInput => /*#__PURE__*/_react.default.createElement(_StyledRadioInput.StyledRadioInput, (0, _extends2.default)({
+    key: radioInput.field.id
+  }, radioInput, {
+    label: {
+      ...radioInput.label,
+      isChecked: groupValue === radioInput.field.value
+    },
+    field: {
+      ...radioInput.field,
+      defaultChecked: groupValue === radioInput.field.value,
+      groupName,
+      onChange: HandleOnChange
+    }
+  })))), showSpinner && /*#__PURE__*/_react.default.createElement(_Spinner.Spinner, null), /*#__PURE__*/_react.default.createElement(_ValidationMessages.ValidationMessages, {
+    name: groupName,
+    validation: validation
+  }));
+};
+exports.StyledRadioGroup = StyledRadioGroup;
+var _default = exports.default = StyledRadioGroup;
+//# sourceMappingURL=StyledRadioGroup.js.map

package/dist/cjs/components/form/formFields/subComponents/inputs/radio/styled/StyledRadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledRadioGroup.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","default","StyledRadioGroup","_extends2","_react","_interopRequireWildcard","_reactHookForm","_hooks","_FormFieldLabel","_StyledRadioInput","_ValidationMessages","_Spinner","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","has","get","set","hasOwnProperty","call","getOwnPropertyDescriptor","group","id","name","groupName","defaultGroupValue","label","layout","validation","showSpinner","customCssClasses","customContent","onChange","radioInputs","isTouched","setIsTouched","useState","getValues","setValue","useFormContext","groupValue","setGroupValue","radioInputsGroup","useRef","useTabbableInputGroup","groupWrappingElementRef","HandleOnChange","event","target","newValue","wrapperCssClass","wrapper","position","labelProps","isRequired","required","createElement","onBlur","className","hide","FormFieldLabel","ref","length","map","radioInput","StyledRadioInput","key","field","isChecked","defaultChecked","Spinner","ValidationMessages","_default"],"sources":["../../../../../../../../../src/components/form/formFields/subComponents/inputs/radio/styled/StyledRadioGroup.tsx"],"sourcesContent":["'use client';\n\nimport React, { useRef, useState } from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { StyledRadioGroupProps } from '../radioInputsProps';\nimport { useTabbableInputGroup } from '../../../../../../../hooks';\nimport { FormFieldLabel } from '../../../labels/FormFieldLabel';\nimport { StyledRadioInput } from './StyledRadioInput';\nimport { ValidationMessages } from '../../../../../validation/ValidationMessages';\nimport { Spinner } from '../../../../../../design/spinner/Spinner';\n\nimport './styledRadioGroup.scss';\n\nexport const StyledRadioGroup: React.FC<StyledRadioGroupProps> = (\n  {\n    group: {\n      id,\n      name: groupName,\n      value: defaultGroupValue,\n      label,\n      layout,\n      validation,\n      showSpinner,\n      customCssClasses,\n      customContent,\n      onChange = () => {}\n    },\n    radioInputs\n  }\n) => {\n  const [isTouched, setIsTouched] = useState(false);\n  const { getValues, setValue } = useFormContext();\n  const [groupValue, setGroupValue] = useState(typeof defaultGroupValue !== 'undefined' ? defaultGroupValue : getValues(groupName));\n  const radioInputsGroup = useRef(null);\n\n  useTabbableInputGroup({ groupWrappingElementRef: radioInputsGroup });\n\n  const HandleOnChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const { target } = event;\n    const newValue = target.value;\n    setValue(groupName, newValue);\n    setGroupValue(newValue);\n    setIsTouched(true);\n    onChange(newValue);\n  };\n\n  const wrapperCssClass = `formField styledRadiosGroup ${ layout || '' } ${ isTouched ? 'touched' : '' } ${ customCssClasses?.wrapper || '' } ${ label?.position || '' }`;\n\n  const labelProps = {\n    ...label,\n    isRequired: validation && typeof validation.required !== 'undefined',\n    customContent\n  };\n\n  return (\n    <fieldset id={ id } onBlur={ () => setIsTouched(true) } className={ wrapperCssClass }>\n      <span className=\"sr-only\">\n        Screen reader users are advised that this radio group supports\n        custom keyboard navigation between radio options via tabbing.\n      </span>\n\n      <legend className={ label.hide ? 'sr-only' : '' }><FormFieldLabel { ...labelProps } /></legend>\n\n      <div ref={ radioInputsGroup } className={ `radioInputs radioInputs_${ radioInputs.length }` }>\n        {\n          radioInputs.map((radioInput) => (\n            <StyledRadioInput\n              key={ radioInput.field.id }\n              {\n                ...{\n                  ...radioInput,\n                  label: {\n                    ...radioInput.label,\n                    isChecked: groupValue === radioInput.field.value\n                  },\n                  field: {\n                    ...radioInput.field,\n                    defaultChecked: groupValue === radioInput.field.value,\n                    groupName,\n                    onChange: HandleOnChange\n                  }\n                }\n              }\n            />\n          ))\n        }\n      </div>\n\n      {\n        showSpinner && <Spinner />\n      }\n\n      <ValidationMessages name={ groupName } validation={ validation } />\n    </fieldset>\n  );\n};\n\nexport default StyledRadioGroup;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/form/formFields/subComponents/inputs/radio/styled/StyledRadioInput.js

@@ -0,0 +1,77 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.StyledRadioInput = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactHookForm = require("react-hook-form");
+var _StyledRadioLabel = require("./StyledRadioLabel");
+const StyledRadioInput = ({
+  label,
+  field: {
+    isOnlyOption,
+    value,
+    id,
+    groupName,
+    defaultChecked,
+    onBlur = () => {},
+    onChange = () => {},
+    onTouched = () => {}
+  },
+  validation,
+  customCssClasses,
+  customContent
+}) => {
+  const {
+    getFieldState,
+    register
+  } = (0, _reactHookForm.useFormContext)();
+  const fieldState = getFieldState(groupName);
+  const inputCssClass = `${customCssClasses?.input || ''}${fieldState?.invalid ? ' invalidField' : ''}`;
+  const isRequired = validation && typeof validation.required !== 'undefined';
+  const HandleOnBlur = event => {
+    const {
+      target
+    } = event;
+    if (target) {
+      onTouched();
+      onBlur(event);
+    }
+  };
+  const labelProps = {
+    ...label,
+    inputId: id,
+    isRequired,
+    customContent
+  };
+  const fieldRegistration = register(groupName, {
+    onChange,
+    onBlur: HandleOnBlur,
+    ...validation
+  });
+  const inputProps = {
+    type: 'radio',
+    id,
+    value,
+    className: inputCssClass,
+    defaultChecked: defaultChecked || isOnlyOption,
+    disabled: isOnlyOption,
+    'aria-required': isRequired,
+    ...fieldRegistration
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: `styledRadioInput ${customCssClasses?.label || ''}`
+  }, /*#__PURE__*/_react.default.createElement("label", {
+    id: label.labelId || `${id}_label`,
+    className: defaultChecked ? label.cssClasses.checked : label.cssClasses.unchecked,
+    htmlFor: id
+  }, label.position === 'left' && /*#__PURE__*/_react.default.createElement(_StyledRadioLabel.StyledRadioLabel, labelProps), /*#__PURE__*/_react.default.createElement("span", {
+    className: "inputContainer"
+  }, /*#__PURE__*/_react.default.createElement("input", inputProps)), (!label?.position || label?.position === 'right') && /*#__PURE__*/_react.default.createElement(_StyledRadioLabel.StyledRadioLabel, labelProps)));
+};
+exports.StyledRadioInput = StyledRadioInput;
+var _default = exports.default = StyledRadioInput;
+//# sourceMappingURL=StyledRadioInput.js.map

package/dist/cjs/components/form/formFields/subComponents/inputs/radio/styled/StyledRadioInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledRadioInput.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","default","StyledRadioInput","_react","_reactHookForm","_StyledRadioLabel","label","field","isOnlyOption","id","groupName","defaultChecked","onBlur","onChange","onTouched","validation","customCssClasses","customContent","getFieldState","register","useFormContext","fieldState","inputCssClass","input","invalid","isRequired","required","HandleOnBlur","event","target","labelProps","inputId","fieldRegistration","inputProps","type","className","disabled","createElement","labelId","cssClasses","checked","unchecked","htmlFor","position","StyledRadioLabel","_default"],"sources":["../../../../../../../../../src/components/form/formFields/subComponents/inputs/radio/styled/StyledRadioInput.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { RadioInputProps } from '../radioInputsProps';\nimport { StyledRadioLabel } from './StyledRadioLabel';\n\nexport const StyledRadioInput: React.FC<RadioInputProps> = (\n  {\n    label,\n    field: {\n      isOnlyOption,\n      value,\n      id,\n      groupName,\n      defaultChecked,\n      onBlur = () => {},\n      onChange = () => {},\n      onTouched = () => {}\n    },\n    validation,\n    customCssClasses,\n    customContent\n  }\n) => {\n  const {\n    getFieldState, register\n  } = useFormContext();\n\n  const fieldState = getFieldState(groupName);\n\n  const inputCssClass = `${ customCssClasses?.input || '' }${ fieldState?.invalid ? ' invalidField' : '' }`;\n\n  const isRequired = validation && typeof validation.required !== 'undefined';\n\n  const HandleOnBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    const { target } = event;\n    if (target) {\n      onTouched();\n      onBlur(event);\n    }\n  };\n\n  const labelProps = {\n    ...label,\n    inputId: id,\n    isRequired,\n    customContent\n  };\n\n  const fieldRegistration = register(\n    groupName,\n    {\n      onChange,\n      onBlur: HandleOnBlur,\n      ...validation\n    }\n  );\n\n  const inputProps = {\n    type: 'radio',\n    id,\n    value,\n    className: inputCssClass,\n    defaultChecked: defaultChecked || isOnlyOption,\n    disabled: isOnlyOption,\n    'aria-required': isRequired,\n    ...fieldRegistration\n  };\n\n  return (\n    <div className={ `styledRadioInput ${ customCssClasses?.label || '' }` }>\n      <label\n        id={ label.labelId || `${ id }_label` }\n        className={ defaultChecked ? label.cssClasses.checked : label.cssClasses.unchecked }\n        htmlFor={ id }\n      >\n        { label.position === 'left'\n          && <StyledRadioLabel { ...labelProps } /> }\n\n        <span className=\"inputContainer\">\n          <input { ...inputProps } />\n        </span>\n\n        { (!label?.position || label?.position === 'right')\n          && <StyledRadioLabel { ...labelProps } /> }\n      </label>\n    </div>\n  );\n};\n\nexport default StyledRadioInput;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/form/formFields/subComponents/inputs/radio/styled/StyledRadioLabel.js

@@ -0,0 +1,34 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.StyledRadioLabel = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _Tooltip = require("../../../../../../design/tooltip/Tooltip");
+const StyledRadioLabel = ({
+  text,
+  inputId,
+  srInstruction,
+  labelTooltip,
+  customContent,
+  isChecked
+}) => /*#__PURE__*/_react.default.createElement("span", {
+  className: "labelText"
+}, customContent?.preLabel && /*#__PURE__*/_react.default.createElement("span", {
+  className: "preLabel"
+}, customContent?.preLabel), srInstruction && /*#__PURE__*/_react.default.createElement("span", {
+  className: "sr-only"
+}, srInstruction), isChecked ? text.checked : text.unchecked, labelTooltip && /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, (0, _extends2.default)({
+  triggerId: `${inputId}_tooltip`
+}, labelTooltip.icon ? {
+  icon: labelTooltip.icon
+} : {}), labelTooltip.text), customContent?.postLabel && /*#__PURE__*/_react.default.createElement("span", {
+  className: "postLabel"
+}, customContent?.postLabel));
+exports.StyledRadioLabel = StyledRadioLabel;
+var _default = exports.default = StyledRadioLabel;
+//# sourceMappingURL=StyledRadioLabel.js.map

package/dist/cjs/components/form/formFields/subComponents/inputs/radio/styled/StyledRadioLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledRadioLabel.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","default","StyledRadioLabel","_extends2","_react","_Tooltip","text","inputId","srInstruction","labelTooltip","customContent","isChecked","createElement","className","preLabel","checked","unchecked","Tooltip","triggerId","icon","postLabel","_default"],"sources":["../../../../../../../../../src/components/form/formFields/subComponents/inputs/radio/styled/StyledRadioLabel.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { Tooltip } from '../../../../../../design/tooltip/Tooltip';\nimport { RadioInputLabelProps } from '../radioInputsProps';\n\nexport const StyledRadioLabel: React.FC<RadioInputLabelProps> = (\n  {\n    text,\n    inputId,\n    srInstruction,\n    labelTooltip,\n    customContent,\n    isChecked\n  }\n) => (\n  <span className=\"labelText\">\n    {\n      customContent?.preLabel\n      && <span className=\"preLabel\">{ customContent?.preLabel }</span>\n    }\n    { srInstruction\n      && (\n        <span className=\"sr-only\">\n          { srInstruction }\n        </span>\n      ) }\n    {\n      isChecked\n        ? text.checked\n        : text.unchecked\n    }\n    {\n      labelTooltip\n      && (\n        <Tooltip\n          triggerId={ `${ inputId }_tooltip` }\n          { ...(labelTooltip.icon ? { icon: labelTooltip.icon } : {}) }\n        >\n          { labelTooltip.text }\n        </Tooltip>\n      )\n    }\n    {\n      customContent?.postLabel\n      && <span className=\"postLabel\">{ customContent?.postLabel }</span>\n    }\n  </span>\n);\n\nexport default StyledRadioLabel;\n"],"mappings":";AAAA,YAAY;;AAAC,IAAAA,sBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA,CAAAE,OAAA,GAAAF,OAAA,CAAAG,gBAAA;AAAA,IAAAC,SAAA,GAAAR,sBAAA,CAAAC,OAAA;AAEb,IAAAQ,MAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,QAAA,GAAAT,OAAA;AAGO,MAAMM,gBAAgD,GAAGA,CAC9D;EACEI,IAAI;EACJC,OAAO;EACPC,aAAa;EACbC,YAAY;EACZC,aAAa;EACbC;AACF,CAAC,kBAEDP,MAAA,CAAAH,OAAA,CAAAW,aAAA;EAAMC,SAAS,EAAC;AAAW,GAEvBH,aAAa,EAAEI,QAAQ,iBACpBV,MAAA,CAAAH,OAAA,CAAAW,aAAA;EAAMC,SAAS,EAAC;AAAU,GAAGH,aAAa,EAAEI,QAAgB,CAAC,EAEhEN,aAAa,iBAEXJ,MAAA,CAAAH,OAAA,CAAAW,aAAA;EAAMC,SAAS,EAAC;AAAS,GACrBL,aACE,CACP,EAEDG,SAAS,GACLL,IAAI,CAACS,OAAO,GACZT,IAAI,CAACU,SAAS,EAGlBP,YAAY,iBAEVL,MAAA,CAAAH,OAAA,CAAAW,aAAA,CAACP,QAAA,CAAAY,OAAO,MAAAd,SAAA,CAAAF,OAAA;EACNiB,SAAS,EAAG,GAAIX,OAAO;AAAa,GAC9BE,YAAY,CAACU,IAAI,GAAG;EAAEA,IAAI,EAAEV,YAAY,CAACU;AAAK,CAAC,GAAG,CAAC,CAAC,GAExDV,YAAY,CAACH,IACR,CACV,EAGDI,aAAa,EAAEU,SAAS,iBACrBhB,MAAA,CAAAH,OAAA,CAAAW,aAAA;EAAMC,SAAS,EAAC;AAAW,GAAGH,aAAa,EAAEU,SAAiB,CAE/D,CACP;AAACrB,OAAA,CAAAG,gBAAA,GAAAA,gBAAA;AAAA,IAAAmB,QAAA,GAAAtB,OAAA,CAAAE,OAAA,GAEaC,gBAAgB","ignoreList":[]}

package/dist/cjs/components/form/formFields/subComponents/inputs/radio/styled/styledRadioGroup.css

@@ -0,0 +1,26 @@
+/* Popovers */
+.styledRadiosGroup legend {
+  display: block;
+  margin: 0 0 10px;
+}
+.styledRadiosGroup .radioInputs {
+  display: flex;
+  flex-direction: row;
+  column-gap: 10px;
+  align-items: center;
+  justify-content: flex-start;
+}
+.styledRadiosGroup .radioInputs .labelText {
+  display: flex;
+  flex-direction: row;
+  column-gap: 10px;
+  align-items: center;
+  justify-content: flex-start;
+}
+.styledRadiosGroup .styledRadioInput .inputContainer {
+  position: absolute;
+  opacity: 0.01;
+  width: 1px;
+  display: block;
+  flex: none;
+}

package/dist/cjs/components/form/formFields/subComponents/inputs/search/InputSearch.js

@@ -0,0 +1,32 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InputSearch = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _InputText = require("../text/InputText");
+var _Icon = require("../../../../../design/icons/basicIcon/Icon");
+require("./inputSearch.css");
+// PRIVATE COMPONENT
+// Do not use this directly. It must be created via a FormField component
+
+const InputSearch = ({
+  customContent,
+  ...rest
+}) => /*#__PURE__*/_react.default.createElement(_InputText.InputText, (0, _extends2.default)({}, rest, {
+  type: "search",
+  customContent: {
+    ...customContent,
+    preField: /*#__PURE__*/_react.default.createElement("span", {
+      className: "searchIcon"
+    }, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+      icon: "search"
+    }))
+  }
+}));
+exports.InputSearch = InputSearch;
+//# sourceMappingURL=InputSearch.js.map

package/dist/cjs/components/form/formFields/subComponents/inputs/search/InputSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputSearch.js","names":["_interopRequireDefault","require","Object","defineProperty","exports","value","InputSearch","_extends2","_react","_InputText","_Icon","customContent","rest","default","createElement","InputText","type","preField","className","Icon","icon"],"sources":["../../../../../../../../src/components/form/formFields/subComponents/inputs/search/InputSearch.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { InputText, InputTextProps } from '../text/InputText';\nimport { Icon } from '../../../../../design/icons/basicIcon/Icon';\n\nimport './inputSearch.scss';\n\n// PRIVATE COMPONENT\n// Do not use this directly. It must be created via a FormField component\n\nexport const InputSearch: React.FC<InputTextProps> = (\n  {\n    customContent,\n    ...rest\n  }\n) => (\n  <InputText\n    { ...rest }\n    type=\"search\"\n    customContent={\n      {\n        ...customContent,\n        preField: <span className=\"searchIcon\"><Icon icon=\"search\" /></span>\n      }\n    }\n  />\n);\n"],"mappings":";AAAA,YAAY;;AAAC,IAAAA,sBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA,CAAAE,WAAA;AAAA,IAAAC,SAAA,GAAAP,sBAAA,CAAAC,OAAA;AAEb,IAAAO,MAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,UAAA,GAAAR,OAAA;AACA,IAAAS,KAAA,GAAAT,OAAA;AAEAA,OAAA;AAEA;AACA;;AAEO,MAAMK,WAAqC,GAAGA,CACnD;EACEK,aAAa;EACb,GAAGC;AACL,CAAC,kBAEDJ,MAAA,CAAAK,OAAA,CAAAC,aAAA,CAACL,UAAA,CAAAM,SAAS,MAAAR,SAAA,CAAAM,OAAA,MACHD,IAAI;EACTI,IAAI,EAAC,QAAQ;EACbL,aAAa,EACX;IACE,GAAGA,aAAa;IAChBM,QAAQ,eAAET,MAAA,CAAAK,OAAA,CAAAC,aAAA;MAAMI,SAAS,EAAC;IAAY,gBAACV,MAAA,CAAAK,OAAA,CAAAC,aAAA,CAACJ,KAAA,CAAAS,IAAI;MAACC,IAAI,EAAC;IAAQ,CAAE,CAAO;EACrE;AACD,EACF,CACF;AAAChB,OAAA,CAAAE,WAAA,GAAAA,WAAA","ignoreList":[]}