@onewelcome/react-lib-components 8.4.0 → 8.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/Button/BaseButton.cjs.js +1 -1
- package/dist/cjs/Button/BaseButton.cjs.js.map +1 -1
- package/dist/cjs/Button/Spinner.cjs.js +1 -1
- package/dist/cjs/Button/Spinner.cjs.js.map +1 -1
- package/dist/cjs/Form/Checkbox/Checkbox.cjs.js +1 -1
- package/dist/cjs/Form/Checkbox/Checkbox.cjs.js.map +1 -1
- package/dist/cjs/Form/Checkbox/Checkbox.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/Fieldset/Fieldset.cjs.js +1 -1
- package/dist/cjs/Form/Fieldset/Fieldset.cjs.js.map +1 -1
- package/dist/cjs/Form/FileUpload/FileItem/FileItem.cjs.js +1 -1
- package/dist/cjs/Form/FileUpload/FileItem/FileItem.cjs.js.map +1 -1
- package/dist/cjs/Form/FileUpload/FileItem/FileItem.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/FileUpload/FileUpload.cjs.js +1 -1
- package/dist/cjs/Form/FileUpload/FileUpload.cjs.js.map +1 -1
- package/dist/cjs/Form/FileUpload/FileUpload.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/FormHelperText/FormHelperText.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/Input/Input.cjs.js +1 -1
- package/dist/cjs/Form/Input/Input.cjs.js.map +1 -1
- package/dist/cjs/Form/Input/Input.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/Radio/Radio.cjs.js +1 -1
- package/dist/cjs/Form/Radio/Radio.cjs.js.map +1 -1
- package/dist/cjs/Form/Radio/Radio.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/Select/MultiSelect/MultiSelect.cjs.js +1 -1
- package/dist/cjs/Form/Select/MultiSelect/MultiSelect.cjs.js.map +1 -1
- package/dist/cjs/Form/Select/MultiSelect/MultiSelect.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/Select/MultiSelect/SelectedOptions.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/Select/MultiSelect/useArrowNavigation.cjs.js +1 -1
- package/dist/cjs/Form/Select/MultiSelect/useArrowNavigation.cjs.js.map +1 -1
- package/dist/cjs/Form/Select/MultiSelect/useMultiSelect.cjs.js +2 -0
- package/dist/cjs/Form/Select/MultiSelect/useMultiSelect.cjs.js.map +1 -0
- package/dist/cjs/Form/Select/Select.interfaces.cjs.js +2 -0
- package/dist/cjs/Form/Select/Select.interfaces.cjs.js.map +1 -0
- package/dist/cjs/Form/Select/SingleSelect/Select.cjs.js +1 -1
- package/dist/cjs/Form/Select/SingleSelect/Select.cjs.js.map +1 -1
- package/dist/cjs/Form/Select/SingleSelect/Select.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/Select/SingleSelect/useArrowNavigation.cjs.js +1 -1
- package/dist/cjs/Form/Select/SingleSelect/useArrowNavigation.cjs.js.map +1 -1
- package/dist/cjs/Form/Select/useSelectPositionList.cjs.js +1 -1
- package/dist/cjs/Form/Select/useSelectPositionList.cjs.js.map +1 -1
- package/dist/cjs/Form/Textarea/Textarea.cjs.js +1 -1
- package/dist/cjs/Form/Textarea/Textarea.cjs.js.map +1 -1
- package/dist/cjs/Form/Textarea/Textarea.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.cjs.js +1 -1
- package/dist/cjs/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.cjs.js.map +1 -1
- package/dist/cjs/Form/Wrapper/InputWrapper/InputWrapper.cjs.js +1 -1
- package/dist/cjs/Form/Wrapper/InputWrapper/InputWrapper.cjs.js.map +1 -1
- package/dist/cjs/Form/Wrapper/InputWrapper/InputWrapper.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.cjs.js +1 -1
- package/dist/cjs/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.cjs.js.map +1 -1
- package/dist/cjs/Form/Wrapper/RadioWrapper/RadioWrapper.cjs.js +1 -1
- package/dist/cjs/Form/Wrapper/RadioWrapper/RadioWrapper.cjs.js.map +1 -1
- package/dist/cjs/Form/Wrapper/SelectWrapper/SelectWrapper.cjs.js +1 -1
- package/dist/cjs/Form/Wrapper/SelectWrapper/SelectWrapper.cjs.js.map +1 -1
- package/dist/cjs/Form/Wrapper/TextareaWrapper/TextareaWrapper.cjs.js +1 -1
- package/dist/cjs/Form/Wrapper/TextareaWrapper/TextareaWrapper.cjs.js.map +1 -1
- package/dist/cjs/Form/Wrapper/TextareaWrapper/TextareaWrapper.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/Wrapper/Wrapper/Wrapper.module.scss.cjs.js +1 -1
- package/dist/cjs/Icon/Icon.cjs.js +1 -1
- package/dist/cjs/Icon/Icon.cjs.js.map +1 -1
- package/dist/cjs/Icon/Icon.module.scss.cjs.js +1 -1
- package/dist/cjs/Spinner/Spinner.cjs.js +2 -0
- package/dist/cjs/Spinner/Spinner.cjs.js.map +1 -0
- package/dist/cjs/Spinner/Spinner.module.scss.cjs.js +2 -0
- package/dist/cjs/Spinner/Spinner.module.scss.cjs.js.map +1 -0
- package/dist/cjs/_BaseStyling_/BaseStyling.cjs.js +1 -1
- package/dist/cjs/_BaseStyling_/BaseStyling.cjs.js.map +1 -1
- package/dist/cjs/src/components/Button/Spinner.d.ts +1 -1
- package/dist/cjs/src/components/Form/Checkbox/Checkbox.d.ts +1 -1
- package/dist/cjs/src/components/Form/Fieldset/Fieldset.d.ts +1 -1
- package/dist/cjs/src/components/Form/FileUpload/FileItem/FileItem.d.ts +1 -1
- package/dist/cjs/src/components/Form/FileUpload/FileUpload.d.ts +6 -1
- package/dist/cjs/src/components/Form/Input/Input.d.ts +2 -1
- package/dist/cjs/src/components/Form/Radio/Radio.d.ts +1 -1
- package/dist/cjs/src/components/Form/Select/MultiSelect/MultiSelect.d.ts +1 -1
- package/dist/cjs/src/components/Form/Select/MultiSelect/useArrowNavigation.d.ts +2 -1
- package/dist/cjs/src/components/Form/Select/MultiSelect/useMultiSelect.d.ts +16 -0
- package/dist/cjs/src/components/Form/Select/MultiSelect/useMultiSelect.test.d.ts +1 -0
- package/dist/cjs/src/components/Form/Select/Select.interfaces.d.ts +6 -4
- package/dist/cjs/src/components/Form/Select/SingleSelect/Select.d.ts +1 -1
- package/dist/cjs/src/components/Form/Select/SingleSelect/useArrowNavigation.d.ts +1 -1
- package/dist/cjs/src/components/Form/Select/useSelectPositionList.d.ts +2 -2
- package/dist/cjs/src/components/Form/Textarea/Textarea.d.ts +2 -1
- package/dist/cjs/src/components/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.d.ts +1 -1
- package/dist/cjs/src/components/Form/Wrapper/InputWrapper/InputWrapper.d.ts +1 -1
- package/dist/cjs/src/components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.d.ts +1 -1
- package/dist/cjs/src/components/Form/Wrapper/RadioWrapper/RadioWrapper.d.ts +1 -1
- package/dist/cjs/src/components/Form/Wrapper/SelectWrapper/SelectWrapper.d.ts +1 -1
- package/dist/cjs/src/components/Form/Wrapper/TextareaWrapper/TextareaWrapper.d.ts +2 -1
- package/dist/cjs/src/components/Icon/Icon.d.ts +3 -1
- package/dist/cjs/src/components/Spinner/Spinner.d.ts +6 -0
- package/dist/cjs/src/components/Spinner/Spinner.test.d.ts +1 -0
- package/dist/cjs/src/components/_BaseStyling_/BaseStyling.d.ts +2 -0
- package/dist/cjs/src/components/withReadOnly.d.ts +8 -0
- package/dist/cjs/src/components/withReadOnly.test.d.ts +1 -0
- package/dist/cjs/src/index.cjs.js +1 -1
- package/dist/cjs/src/index.d.ts +3 -0
- package/dist/cjs/src/util/unitTestUtils.d.ts +12 -0
- package/dist/cjs/withReadOnly.cjs.js +2 -0
- package/dist/cjs/withReadOnly.cjs.js.map +1 -0
- package/dist/esm/Button/BaseButton.esm.js +2 -2
- package/dist/esm/Button/BaseButton.esm.js.map +1 -1
- package/dist/esm/Button/Spinner.esm.js +2 -2
- package/dist/esm/Button/Spinner.esm.js.map +1 -1
- package/dist/esm/Form/Checkbox/Checkbox.esm.js +2 -1
- package/dist/esm/Form/Checkbox/Checkbox.esm.js.map +1 -1
- package/dist/esm/Form/Checkbox/Checkbox.module.scss.esm.js +1 -1
- package/dist/esm/Form/Fieldset/Fieldset.esm.js +2 -1
- package/dist/esm/Form/Fieldset/Fieldset.esm.js.map +1 -1
- package/dist/esm/Form/FileUpload/FileItem/FileItem.esm.js +10 -3
- package/dist/esm/Form/FileUpload/FileItem/FileItem.esm.js.map +1 -1
- package/dist/esm/Form/FileUpload/FileItem/FileItem.module.scss.esm.js +1 -1
- package/dist/esm/Form/FileUpload/FileUpload.esm.js +9 -6
- package/dist/esm/Form/FileUpload/FileUpload.esm.js.map +1 -1
- package/dist/esm/Form/FileUpload/FileUpload.module.scss.esm.js +2 -2
- package/dist/esm/Form/FormHelperText/FormHelperText.module.scss.esm.js +1 -1
- package/dist/esm/Form/Input/Input.esm.js +7 -5
- package/dist/esm/Form/Input/Input.esm.js.map +1 -1
- package/dist/esm/Form/Input/Input.module.scss.esm.js +2 -2
- package/dist/esm/Form/Radio/Radio.esm.js +2 -1
- package/dist/esm/Form/Radio/Radio.esm.js.map +1 -1
- package/dist/esm/Form/Radio/Radio.module.scss.esm.js +1 -1
- package/dist/esm/Form/Select/MultiSelect/MultiSelect.esm.js +24 -13
- package/dist/esm/Form/Select/MultiSelect/MultiSelect.esm.js.map +1 -1
- package/dist/esm/Form/Select/MultiSelect/MultiSelect.module.scss.esm.js +2 -2
- package/dist/esm/Form/Select/MultiSelect/SelectedOptions.module.scss.esm.js +1 -1
- package/dist/esm/Form/Select/MultiSelect/useArrowNavigation.esm.js +4 -1
- package/dist/esm/Form/Select/MultiSelect/useArrowNavigation.esm.js.map +1 -1
- package/dist/esm/Form/Select/MultiSelect/useMultiSelect.esm.js +63 -0
- package/dist/esm/Form/Select/MultiSelect/useMultiSelect.esm.js.map +1 -0
- package/dist/esm/Form/Select/Select.interfaces.esm.js +23 -0
- package/dist/esm/Form/Select/Select.interfaces.esm.js.map +1 -0
- package/dist/esm/Form/Select/SingleSelect/Select.esm.js +20 -15
- package/dist/esm/Form/Select/SingleSelect/Select.esm.js.map +1 -1
- package/dist/esm/Form/Select/SingleSelect/Select.module.scss.esm.js +2 -2
- package/dist/esm/Form/Select/SingleSelect/useArrowNavigation.esm.js +4 -1
- package/dist/esm/Form/Select/SingleSelect/useArrowNavigation.esm.js.map +1 -1
- package/dist/esm/Form/Select/useSelectPositionList.esm.js +5 -4
- package/dist/esm/Form/Select/useSelectPositionList.esm.js.map +1 -1
- package/dist/esm/Form/Textarea/Textarea.esm.js +12 -5
- package/dist/esm/Form/Textarea/Textarea.esm.js.map +1 -1
- package/dist/esm/Form/Textarea/Textarea.module.scss.esm.js +1 -1
- package/dist/esm/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.esm.js +4 -1
- package/dist/esm/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.esm.js.map +1 -1
- package/dist/esm/Form/Wrapper/InputWrapper/InputWrapper.esm.js +4 -2
- package/dist/esm/Form/Wrapper/InputWrapper/InputWrapper.esm.js.map +1 -1
- package/dist/esm/Form/Wrapper/InputWrapper/InputWrapper.module.scss.esm.js +1 -1
- package/dist/esm/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.esm.js +3 -2
- package/dist/esm/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.esm.js.map +1 -1
- package/dist/esm/Form/Wrapper/RadioWrapper/RadioWrapper.esm.js +17 -10
- package/dist/esm/Form/Wrapper/RadioWrapper/RadioWrapper.esm.js.map +1 -1
- package/dist/esm/Form/Wrapper/SelectWrapper/SelectWrapper.esm.js +5 -2
- package/dist/esm/Form/Wrapper/SelectWrapper/SelectWrapper.esm.js.map +1 -1
- package/dist/esm/Form/Wrapper/TextareaWrapper/TextareaWrapper.esm.js +20 -10
- package/dist/esm/Form/Wrapper/TextareaWrapper/TextareaWrapper.esm.js.map +1 -1
- package/dist/esm/Form/Wrapper/TextareaWrapper/TextareaWrapper.module.scss.esm.js +2 -2
- package/dist/esm/Form/Wrapper/Wrapper/Wrapper.module.scss.esm.js +1 -1
- package/dist/esm/Icon/Icon.esm.js +2 -0
- package/dist/esm/Icon/Icon.esm.js.map +1 -1
- package/dist/esm/Icon/Icon.module.scss.esm.js +2 -2
- package/dist/esm/Spinner/Spinner.esm.js +29 -0
- package/dist/esm/Spinner/Spinner.esm.js.map +1 -0
- package/dist/esm/Spinner/Spinner.module.scss.esm.js +8 -0
- package/dist/esm/Spinner/Spinner.module.scss.esm.js.map +1 -0
- package/dist/esm/_BaseStyling_/BaseStyling.esm.js +2 -0
- package/dist/esm/_BaseStyling_/BaseStyling.esm.js.map +1 -1
- package/dist/esm/src/components/Button/Spinner.d.ts +1 -1
- package/dist/esm/src/components/Form/Checkbox/Checkbox.d.ts +1 -1
- package/dist/esm/src/components/Form/Fieldset/Fieldset.d.ts +1 -1
- package/dist/esm/src/components/Form/FileUpload/FileItem/FileItem.d.ts +1 -1
- package/dist/esm/src/components/Form/FileUpload/FileUpload.d.ts +6 -1
- package/dist/esm/src/components/Form/Input/Input.d.ts +2 -1
- package/dist/esm/src/components/Form/Radio/Radio.d.ts +1 -1
- package/dist/esm/src/components/Form/Select/MultiSelect/MultiSelect.d.ts +1 -1
- package/dist/esm/src/components/Form/Select/MultiSelect/useArrowNavigation.d.ts +2 -1
- package/dist/esm/src/components/Form/Select/MultiSelect/useMultiSelect.d.ts +16 -0
- package/dist/esm/src/components/Form/Select/MultiSelect/useMultiSelect.test.d.ts +1 -0
- package/dist/esm/src/components/Form/Select/Select.interfaces.d.ts +6 -4
- package/dist/esm/src/components/Form/Select/SingleSelect/Select.d.ts +1 -1
- package/dist/esm/src/components/Form/Select/SingleSelect/useArrowNavigation.d.ts +1 -1
- package/dist/esm/src/components/Form/Select/useSelectPositionList.d.ts +2 -2
- package/dist/esm/src/components/Form/Textarea/Textarea.d.ts +2 -1
- package/dist/esm/src/components/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.d.ts +1 -1
- package/dist/esm/src/components/Form/Wrapper/InputWrapper/InputWrapper.d.ts +1 -1
- package/dist/esm/src/components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.d.ts +1 -1
- package/dist/esm/src/components/Form/Wrapper/RadioWrapper/RadioWrapper.d.ts +1 -1
- package/dist/esm/src/components/Form/Wrapper/SelectWrapper/SelectWrapper.d.ts +1 -1
- package/dist/esm/src/components/Form/Wrapper/TextareaWrapper/TextareaWrapper.d.ts +2 -1
- package/dist/esm/src/components/Icon/Icon.d.ts +3 -1
- package/dist/esm/src/components/Spinner/Spinner.d.ts +6 -0
- package/dist/esm/src/components/Spinner/Spinner.test.d.ts +1 -0
- package/dist/esm/src/components/_BaseStyling_/BaseStyling.d.ts +2 -0
- package/dist/esm/src/components/withReadOnly.d.ts +8 -0
- package/dist/esm/src/components/withReadOnly.test.d.ts +1 -0
- package/dist/esm/src/index.d.ts +3 -0
- package/dist/esm/src/index.esm.js +2 -0
- package/dist/esm/src/index.esm.js.map +1 -1
- package/dist/esm/src/util/unitTestUtils.d.ts +12 -0
- package/dist/esm/withReadOnly.esm.js +70 -0
- package/dist/esm/withReadOnly.esm.js.map +1 -0
- package/dist/lib/style-inject.js +48 -41
- package/dist/lib/style-inject.js.map +1 -1
- package/package.json +16 -16
- package/src/components/Button/BaseButton.tsx +2 -2
- package/src/components/Button/Spinner.tsx +1 -1
- package/src/components/Form/Checkbox/Checkbox.module.scss +70 -0
- package/src/components/Form/Checkbox/Checkbox.tsx +2 -1
- package/src/components/Form/Fieldset/Fieldset.tsx +2 -1
- package/src/components/Form/FileUpload/FileItem/FileItem.module.scss +16 -0
- package/src/components/Form/FileUpload/FileItem/FileItem.tsx +17 -3
- package/src/components/Form/FileUpload/FileUpload.module.scss +57 -1
- package/src/components/Form/FileUpload/FileUpload.tsx +16 -6
- package/src/components/Form/FormHelperText/FormHelperText.module.scss +4 -0
- package/src/components/Form/Input/Input.module.scss +26 -0
- package/src/components/Form/Input/Input.tsx +10 -1
- package/src/components/Form/Radio/Radio.module.scss +46 -0
- package/src/components/Form/Radio/Radio.tsx +2 -1
- package/src/components/Form/Select/MultiSelect/MultiSelect.module.scss +35 -1
- package/src/components/Form/Select/MultiSelect/MultiSelect.tsx +41 -26
- package/src/components/Form/Select/MultiSelect/SelectedOptions.module.scss +8 -0
- package/src/components/Form/Select/MultiSelect/useArrowNavigation.ts +6 -1
- package/src/components/Form/Select/MultiSelect/useMultiSelect.tsx +98 -0
- package/src/components/Form/Select/Select.interfaces.ts +6 -4
- package/src/components/Form/Select/SingleSelect/Select.module.scss +60 -1
- package/src/components/Form/Select/SingleSelect/Select.tsx +30 -25
- package/src/components/Form/Select/SingleSelect/useArrowNavigation.ts +6 -1
- package/src/components/Form/Select/useSelectPositionList.ts +4 -4
- package/src/components/Form/Textarea/Textarea.module.scss +24 -0
- package/src/components/Form/Textarea/Textarea.tsx +24 -3
- package/src/components/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.tsx +4 -1
- package/src/components/Form/Wrapper/InputWrapper/InputWrapper.module.scss +14 -0
- package/src/components/Form/Wrapper/InputWrapper/InputWrapper.tsx +4 -2
- package/src/components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.tsx +3 -1
- package/src/components/Form/Wrapper/RadioWrapper/RadioWrapper.tsx +17 -12
- package/src/components/Form/Wrapper/SelectWrapper/SelectWrapper.tsx +6 -1
- package/src/components/Form/Wrapper/TextareaWrapper/TextareaWrapper.module.scss +43 -0
- package/src/components/Form/Wrapper/TextareaWrapper/TextareaWrapper.tsx +45 -20
- package/src/components/Form/Wrapper/Wrapper/Wrapper.module.scss +6 -0
- package/src/components/Icon/Icon.module.scss +8 -1
- package/src/components/Icon/Icon.tsx +3 -1
- package/src/components/Spinner/Spinner.module.scss +33 -0
- package/src/components/Spinner/Spinner.tsx +61 -0
- package/src/components/_BaseStyling_/BaseStyling.tsx +4 -0
- package/src/components/withReadOnly.tsx +112 -0
- package/src/font/icomoon.eot +0 -0
- package/src/font/icomoon.svg +2 -0
- package/src/font/icomoon.ttf +0 -0
- package/src/font/icomoon.woff +0 -0
- package/src/font/selection.json +1 -1
- package/src/index.ts +3 -0
- package/src/mixins.module.scss +6 -0
- package/src/util/unitTestUtils.ts +32 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileUpload.cjs.js","sources":["../../../../../../src/components/Form/FileUpload/FileUpload.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, {\n DragEvent,\n DragEventHandler,\n ForwardRefRenderFunction,\n useEffect,\n useRef,\n useState\n} from \"react\";\nimport { Button } from \"../../Button/Button\";\nimport { FILE_ACTION, FileItem, Props as FileConfig } from \"./FileItem/FileItem\";\nimport { Props as InputProps } from \"../Input/Input\";\nimport { Typography } from \"../../Typography/Typography\";\nimport classes from \"./FileUpload.module.scss\";\nimport { useDetermineStatusIcon } from \"../../../hooks/useDetermineStatusIcon\";\nimport { Label } from \"../Label/Label\";\n\ntype FileUploadType = Omit<InputProps, \"onDrop\" | \"type\" | \"onChange\" | \"suffix\" | \"prefix\">;\nexport type FileType = Omit<FileConfig, \"onRequestedFileAction\"> &\n Pick<File, \"size\" | \"type\"> & { data?: any };\n\nexport interface Props extends FileUploadType {\n accept: string;\n title: string;\n multiple: boolean;\n fileList: FileType[];\n exceedingMaxSizeErrorText?: string;\n maxFileSizeInBytes?: number;\n selectButtonText?: string;\n dragAndDropText?: string;\n subText?: string;\n onDragOver?: DragEventHandler;\n onDragEnter?: DragEventHandler;\n onDragLeave?: DragEventHandler;\n onDrop?: (e: FileType[]) => void;\n onChange?: (e: FileType[]) => void;\n onRequestedFileAction?: (action: FILE_ACTION, name: FileType[\"name\"]) => void;\n downloadFileLink?: string;\n isRequired?: boolean;\n invalidDropErrorMessage?: string;\n noMultipleFileDropErrorMessage?: string;\n}\n\nconst FileUploadComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n {\n name,\n accept,\n error,\n success,\n maxFileSizeInBytes,\n multiple,\n id,\n title,\n labeledBy,\n disabled = false,\n onChange,\n dragAndDropText = \"Drag and drop or\",\n selectButtonText = \"Browse file\",\n onDragOver,\n onDragLeave,\n wrapperProps,\n onDrop,\n subText,\n onRequestedFileAction,\n exceedingMaxSizeErrorText,\n fileList,\n downloadFileLink,\n isRequired = true,\n invalidDropErrorMessage = \"Invalid file format. Supported formats are: $accept.\",\n noMultipleFileDropErrorMessage = \"You can upload only a single file.\",\n ...rest\n }: Props,\n ref\n) => {\n const labelRef = useRef(null);\n const [dragActive, setDragActive] = useState(false);\n const [errorMsg, setErrorMsg] = useState(\"\");\n const [inputError, setInputError] = useState(false);\n const icon = useDetermineStatusIcon({ success, error });\n let dropzoneClassNames = [classes[\"file-dropzone\"]];\n let dropzoneContainerClassNames = [classes[\"upload-button-wrapper\"]];\n let subTextClass = [classes[\"file-selector-sub-text\"]];\n let errorTextClass = [classes[\"file-selector-sub-text\"]];\n dragActive && dropzoneContainerClassNames.push(classes[\"drag-active\"]);\n const hasError = inputError || error || errorMsg;\n if (hasError) {\n const errorClass = classes[\"error\"];\n dropzoneClassNames.push(errorClass);\n subTextClass.push(errorClass);\n errorTextClass.push(errorClass);\n }\n disabled && dropzoneContainerClassNames.push(classes[\"disabled\"]);\n success && !error && dropzoneClassNames.push(classes[\"success\"]);\n const inputId = `input-${name}`;\n const labelClasses = [classes[\"file-upload-title\"]];\n isRequired && labelClasses.push(classes[\"required\"]);\n\n const getFileList = (files: FileList | null): FileType[] => {\n let savedFiles = fileList ? [...fileList] : [];\n const fileNames = fileList.map(el => el.name);\n files?.length &&\n Array.from(files as ArrayLike<File>).forEach(el => {\n if (!fileNames.includes(el.name)) {\n savedFiles = multiple\n ? [\n ...savedFiles,\n {\n ...validateUpload(el),\n data: el\n }\n ]\n : [\n {\n ...validateUpload(el),\n data: el\n }\n ];\n }\n });\n return savedFiles;\n };\n const onInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n e.preventDefault();\n e.stopPropagation();\n let files = getFileList(e.target.files);\n const isFileValid = files.length && verifyExtensionValidity(files[files.length - 1]);\n if (isFileValid) {\n setErrorMsg(\"\");\n }\n isFileValid && onChange?.(files);\n };\n\n const verifyExtensionValidity = (file: FileType) => {\n const extension = file.name.split(\".\").pop();\n return extension && accept.includes(extension);\n };\n\n const validateUpload = (file: FileType) => {\n const result: FileType = {\n name: file.name,\n size: file.size,\n type: file.type\n };\n\n let err = false;\n\n if (maxFileSizeInBytes && file.size && file.size >= maxFileSizeInBytes) {\n let sizeMessage: string;\n const isAtLeastOneMb = maxFileSizeInBytes >= 1024 * 1024;\n\n if (isAtLeastOneMb) {\n sizeMessage = `${parseFloat((maxFileSizeInBytes / (1024 * 1024)).toFixed(2))}MB`;\n } else {\n sizeMessage = `${parseFloat((maxFileSizeInBytes / 1024).toFixed(2))}KB`;\n }\n\n result.error =\n exceedingMaxSizeErrorText ??\n `The maximum allowed file size is ${sizeMessage}. Upload a smaller file.`;\n result.status = \"error\";\n err = true;\n }\n\n setInputError(err);\n return result;\n };\n\n useEffect(() => {\n if (fileList.length) {\n const validatedFiles = fileList.map(file => validateUpload(file));\n onChange?.(validatedFiles);\n }\n }, []);\n\n const handleOnDragOver = (e: DragEvent<HTMLDivElement>) => {\n e.preventDefault();\n e.stopPropagation();\n if (!dragActive) {\n setDragActive(true);\n }\n onDragOver?.(e);\n };\n\n const handleOnDragLeave = (e: DragEvent<HTMLDivElement>) => {\n e.preventDefault();\n e.stopPropagation();\n const target = e.target as HTMLElement;\n if (target?.offsetParent?.classList.contains(classes[\"file-dropzone\"])) {\n setDragActive(false);\n }\n onDragLeave?.(e);\n };\n\n const handleOnDrop = (e: DragEvent<HTMLDivElement>) => {\n e.preventDefault();\n e.stopPropagation();\n if (e?.dataTransfer?.files && e.dataTransfer.files.length) {\n const extension = e?.dataTransfer?.files[0]?.name.split(\".\").pop();\n if (extension && accept && !accept.includes(extension)) {\n setErrorMsg(invalidDropErrorMessage.replace(\"$accept\", accept));\n setDragActive(false);\n return;\n } else if (!multiple && e.dataTransfer.files.length > 1) {\n setErrorMsg(noMultipleFileDropErrorMessage);\n setDragActive(false);\n return;\n } else {\n setErrorMsg(\"\");\n }\n const validatedFiles = getFileList(e.dataTransfer.files);\n onDrop ? onDrop?.(validatedFiles) : onChange?.(validatedFiles);\n }\n setDragActive(false);\n };\n\n return (\n <div className={classes[\"file-upload-wrapper\"]} {...wrapperProps}>\n <div className={classes[\"dropzone-wrapper\"]}>\n <div className={dropzoneClassNames.join(\" \")}>\n <Label ref={labelRef} className={`${labelClasses.join(\" \")}`} htmlFor={inputId}>\n {title}\n </Label>\n {fileList?.length > 0 && (\n <ul className={classes[\"file-list\"]}>\n {fileList.map(({ name, status, progress, error }) => (\n <li key={name} className={status} id={name}>\n <FileItem\n name={name}\n key={`${name}_${status}`}\n status={status}\n progress={progress}\n error={error}\n downloadFileLink={downloadFileLink}\n onRequestedFileAction={onRequestedFileAction}\n />\n </li>\n ))}\n </ul>\n )}\n\n <div\n className={dropzoneContainerClassNames.join(\" \")}\n onDragOver={e => !disabled && handleOnDragOver(e)}\n onDragLeave={e => !disabled && handleOnDragLeave(e)}\n onDrop={e => !disabled && handleOnDrop(e)}\n >\n <div className={classes[\"file-select\"]}>\n <Typography variant=\"body\" className={\"drag-and-drop-text\"}>\n {dragAndDropText}\n </Typography>\n\n <div className={classes[\"file-upload-btn\"]}>\n <Button variant=\"outline\" disabled={disabled}>\n {selectButtonText}\n <input\n {...rest}\n className={`${classes[\"upload-input\"]} ${rest.className}`}\n ref={ref}\n aria-labelledby={labeledBy}\n type=\"file\"\n id={inputId}\n name={name}\n multiple={multiple}\n disabled={disabled}\n accept={accept}\n onChange={onInputChange}\n spellCheck={false}\n />\n </Button>\n </div>\n {!disabled && icon}\n <span className={classes[\"outline\"]}></span>\n </div>\n </div>\n </div>\n {errorMsg && (\n <Typography variant={\"sub-text\"} className={errorTextClass.join(\" \")}>\n {errorMsg}\n </Typography>\n )}\n {subText && (\n <Typography variant={\"sub-text\"} className={subTextClass.join(\" \")}>\n {subText}\n </Typography>\n )}\n </div>\n </div>\n );\n};\n\nexport const FileUpload = React.forwardRef(FileUploadComponent);\n"],"names":["FileUpload","React","forwardRef","name","accept","error","success","maxFileSizeInBytes","multiple","id","title","labeledBy","disabled","onChange","dragAndDropText","selectButtonText","onDragOver","onDragLeave","wrapperProps","onDrop","subText","onRequestedFileAction","exceedingMaxSizeErrorText","fileList","downloadFileLink","isRequired","invalidDropErrorMessage","noMultipleFileDropErrorMessage","rest","ref","labelRef","useRef","dragActive","setDragActive","useState","errorMsg","setErrorMsg","inputError","setInputError","icon","useDetermineStatusIcon","dropzoneClassNames","classes","dropzoneContainerClassNames","subTextClass","errorTextClass","push","errorClass","default","inputId","labelClasses","getFileList","files","savedFiles","fileNames","map","el","length","Array","from","forEach","includes","validateUpload","data","verifyExtensionValidity","file","extension","split","pop","result","size","type","err","sizeMessage","parseFloat","toFixed","status","useEffect","validatedFiles","className","createElement","join","Label","htmlFor","progress","key","FileItem","e","preventDefault","stopPropagation","handleOnDragOver","target","offsetParent","_a","classList","contains","handleOnDragLeave","dataTransfer","_c","_b","replace","handleOnDrop","Typography","variant","Button","isFileValid","spellCheck"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"FileUpload.cjs.js","sources":["../../../../../../src/components/Form/FileUpload/FileUpload.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, {\n DragEvent,\n DragEventHandler,\n ForwardRefRenderFunction,\n useEffect,\n useRef,\n useState\n} from \"react\";\nimport { Button } from \"../../Button/Button\";\nimport { FILE_ACTION, FileItem, Props as FileConfig } from \"./FileItem/FileItem\";\nimport { Props as InputProps } from \"../Input/Input\";\nimport { Typography } from \"../../Typography/Typography\";\nimport classes from \"./FileUpload.module.scss\";\nimport { useDetermineStatusIcon } from \"../../../hooks/useDetermineStatusIcon\";\nimport { Label } from \"../Label/Label\";\nimport { withReadOnly } from \"../../withReadOnly\";\n\ntype FileUploadType = Omit<InputProps, \"onDrop\" | \"type\" | \"onChange\" | \"suffix\" | \"prefix\">;\nexport type FileType = Omit<FileConfig, \"onRequestedFileAction\"> &\n Pick<File, \"size\" | \"type\"> & { data?: any };\n\nexport interface Props extends FileUploadType {\n accept: string;\n title: string;\n multiple: boolean;\n fileList: FileType[];\n exceedingMaxSizeErrorText?: string;\n maxFileSizeInBytes?: number;\n selectButtonText?: string;\n dragAndDropText?: string;\n /**\n * @deprecated use the `helperText` prop instead\n */\n subText?: string;\n onDragOver?: DragEventHandler;\n onDragEnter?: DragEventHandler;\n onDragLeave?: DragEventHandler;\n onDrop?: (e: FileType[]) => void;\n onChange?: (e: FileType[]) => void;\n onRequestedFileAction?: (action: FILE_ACTION, name: FileType[\"name\"]) => void;\n downloadFileLink?: string;\n isRequired?: boolean;\n invalidDropErrorMessage?: string;\n noMultipleFileDropErrorMessage?: string;\n readOnlyViewMessage?: string;\n helperText?: string;\n}\n\nconst FileUploadComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n {\n name,\n accept,\n error,\n success,\n maxFileSizeInBytes,\n multiple,\n id,\n title,\n labeledBy,\n disabled = false,\n onChange,\n dragAndDropText = \"Drag and drop or\",\n selectButtonText = \"Browse file\",\n readOnlyViewMessage = \"No file uploaded\",\n onDragOver,\n onDragLeave,\n wrapperProps,\n onDrop,\n subText, // @deprecated\n onRequestedFileAction,\n exceedingMaxSizeErrorText,\n fileList,\n downloadFileLink,\n isRequired = true,\n invalidDropErrorMessage = \"Invalid file format. Supported formats are: $accept.\",\n noMultipleFileDropErrorMessage = \"You can upload only a single file.\",\n helperText = subText,\n ...rest\n }: Props,\n ref\n) => {\n const labelRef = useRef(null);\n const [dragActive, setDragActive] = useState(false);\n const [errorMsg, setErrorMsg] = useState(\"\");\n const [inputError, setInputError] = useState(false);\n const icon = useDetermineStatusIcon({ success, error });\n let dropzoneClassNames = [classes[\"file-dropzone\"]];\n let dropzoneContainerClassNames = [classes[\"upload-button-wrapper\"]];\n let subTextClass = [classes[\"file-selector-sub-text\"]];\n let errorTextClass = [classes[\"file-selector-sub-text\"]];\n dragActive && dropzoneContainerClassNames.push(classes[\"drag-active\"]);\n const hasError = inputError || error || errorMsg;\n const readOnlyView = rest[\"data-readonlyview\"];\n if (hasError) {\n const errorClass = classes[\"error\"];\n dropzoneClassNames.push(errorClass);\n subTextClass.push(errorClass);\n errorTextClass.push(errorClass);\n }\n disabled && dropzoneContainerClassNames.push(classes[\"disabled\"]);\n success && !error && dropzoneClassNames.push(classes[\"success\"]);\n const inputId = `input-${name}`;\n const labelClasses = [classes[\"file-upload-title\"]];\n isRequired && labelClasses.push(classes[\"required\"]);\n\n const getFileList = (files: FileList | null): FileType[] => {\n let savedFiles = fileList ? [...fileList] : [];\n const fileNames = fileList.map(el => el.name);\n files?.length &&\n Array.from(files as ArrayLike<File>).forEach(el => {\n if (!fileNames.includes(el.name)) {\n savedFiles = multiple\n ? [\n ...savedFiles,\n {\n ...validateUpload(el),\n data: el\n }\n ]\n : [\n {\n ...validateUpload(el),\n data: el\n }\n ];\n }\n });\n return savedFiles;\n };\n const onInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n e.preventDefault();\n e.stopPropagation();\n let files = getFileList(e.target.files);\n const isFileValid = files.length && verifyExtensionValidity(files[files.length - 1]);\n if (isFileValid) {\n setErrorMsg(\"\");\n }\n isFileValid && onChange?.(files);\n };\n\n const verifyExtensionValidity = (file: FileType) => {\n const extension = file.name.split(\".\").pop();\n return extension && accept.includes(extension);\n };\n\n const validateUpload = (file: FileType) => {\n const result: FileType = {\n name: file.name,\n size: file.size,\n type: file.type\n };\n\n let err = false;\n\n if (maxFileSizeInBytes && file.size && file.size >= maxFileSizeInBytes) {\n let sizeMessage: string;\n const isAtLeastOneMb = maxFileSizeInBytes >= 1024 * 1024;\n\n if (isAtLeastOneMb) {\n sizeMessage = `${parseFloat((maxFileSizeInBytes / (1024 * 1024)).toFixed(2))}MB`;\n } else {\n sizeMessage = `${parseFloat((maxFileSizeInBytes / 1024).toFixed(2))}KB`;\n }\n\n result.error =\n exceedingMaxSizeErrorText ??\n `The maximum allowed file size is ${sizeMessage}. Upload a smaller file.`;\n result.status = \"error\";\n err = true;\n }\n\n setInputError(err);\n return result;\n };\n\n useEffect(() => {\n if (fileList.length) {\n const validatedFiles = fileList.map(file => validateUpload(file));\n onChange?.(validatedFiles);\n }\n }, []);\n\n const handleOnDragOver = (e: DragEvent<HTMLDivElement>) => {\n e.preventDefault();\n e.stopPropagation();\n if (!dragActive) {\n setDragActive(true);\n }\n onDragOver?.(e);\n };\n\n const handleOnDragLeave = (e: DragEvent<HTMLDivElement>) => {\n e.preventDefault();\n e.stopPropagation();\n const target = e.target as HTMLElement;\n if (target?.offsetParent?.classList.contains(classes[\"file-dropzone\"])) {\n setDragActive(false);\n }\n onDragLeave?.(e);\n };\n\n const handleOnDrop = (e: DragEvent<HTMLDivElement>) => {\n e.preventDefault();\n e.stopPropagation();\n if (e?.dataTransfer?.files && e.dataTransfer.files.length) {\n const extension = e?.dataTransfer?.files[0]?.name.split(\".\").pop();\n if (extension && accept && !accept.includes(extension)) {\n setErrorMsg(invalidDropErrorMessage.replace(\"$accept\", accept));\n setDragActive(false);\n return;\n } else if (!multiple && e.dataTransfer.files.length > 1) {\n setErrorMsg(noMultipleFileDropErrorMessage);\n setDragActive(false);\n return;\n } else {\n setErrorMsg(\"\");\n }\n const validatedFiles = getFileList(e.dataTransfer.files);\n onDrop ? onDrop?.(validatedFiles) : onChange?.(validatedFiles);\n }\n setDragActive(false);\n };\n\n return (\n <div className={classes[\"file-upload-wrapper\"]} {...wrapperProps}>\n <div className={classes[\"dropzone-wrapper\"]}>\n <div className={dropzoneClassNames.join(\" \")} data-readonlyview={readOnlyView}>\n <Label ref={labelRef} className={`${labelClasses.join(\" \")}`} htmlFor={inputId}>\n {title}\n </Label>\n {fileList?.length > 0 && (\n <ul className={classes[\"file-list\"]}>\n {fileList.map(({ name, status, progress, error }) => (\n <li key={name} className={status} id={name}>\n <FileItem\n name={name}\n key={`${name}_${status}`}\n status={status}\n progress={progress}\n error={error}\n downloadFileLink={downloadFileLink}\n onRequestedFileAction={onRequestedFileAction}\n />\n </li>\n ))}\n </ul>\n )}\n\n <div\n className={dropzoneContainerClassNames.join(\" \")}\n onDragOver={e => !disabled && handleOnDragOver(e)}\n onDragLeave={e => !disabled && handleOnDragLeave(e)}\n onDrop={e => !disabled && handleOnDrop(e)}\n tabIndex={readOnlyView ? 0 : -1}\n >\n <div className={classes[\"file-select\"]}>\n <Typography variant=\"body\" className={\"drag-and-drop-text\"}>\n {readOnlyView ? readOnlyViewMessage : dragAndDropText}\n </Typography>\n\n <div className={classes[\"file-upload-btn\"]}>\n <Button variant=\"outline\" disabled={disabled}>\n {selectButtonText}\n <input\n {...rest}\n className={`${classes[\"upload-input\"]} ${rest.className}`}\n ref={ref}\n aria-labelledby={labeledBy}\n type=\"file\"\n id={inputId}\n name={name}\n multiple={multiple}\n disabled={disabled}\n accept={accept}\n onChange={onInputChange}\n spellCheck={false}\n />\n </Button>\n </div>\n {!disabled && icon}\n <span className={classes[\"outline\"]}></span>\n </div>\n </div>\n </div>\n {errorMsg && (\n <Typography variant={\"sub-text\"} className={errorTextClass.join(\" \")}>\n {errorMsg}\n </Typography>\n )}\n {helperText && (\n <Typography variant={\"sub-text\"} className={subTextClass.join(\" \")}>\n {helperText}\n </Typography>\n )}\n </div>\n </div>\n );\n};\n\nexport const FileUpload = withReadOnly(React.forwardRef(FileUploadComponent));\n"],"names":["FileUpload","withReadOnly","React","forwardRef","name","accept","error","success","maxFileSizeInBytes","multiple","id","title","labeledBy","disabled","onChange","dragAndDropText","selectButtonText","readOnlyViewMessage","onDragOver","onDragLeave","wrapperProps","onDrop","subText","onRequestedFileAction","exceedingMaxSizeErrorText","fileList","downloadFileLink","isRequired","invalidDropErrorMessage","noMultipleFileDropErrorMessage","helperText","rest","ref","labelRef","useRef","dragActive","setDragActive","useState","errorMsg","setErrorMsg","inputError","setInputError","icon","useDetermineStatusIcon","dropzoneClassNames","classes","dropzoneContainerClassNames","subTextClass","errorTextClass","push","hasError","readOnlyView","errorClass","default","inputId","labelClasses","getFileList","files","savedFiles","fileNames","map","el","length","Array","from","forEach","includes","validateUpload","data","verifyExtensionValidity","file","extension","split","pop","result","size","type","err","sizeMessage","parseFloat","toFixed","status","useEffect","validatedFiles","className","createElement","join","Label","htmlFor","progress","key","FileItem","e","preventDefault","stopPropagation","handleOnDragOver","target","offsetParent","_a","classList","contains","handleOnDragLeave","dataTransfer","_c","_b","replace","handleOnDrop","tabIndex","Typography","variant","Button","isFileValid","spellCheck"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.FileUpload-module_sr-only__Awag4{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.FileUpload-module_hidden__JayBD{display:none}.FileUpload-module_slide-in__w7j8k{animation:FileUpload-module_slide-in__w7j8k .5s forwards}@media (prefers-reduced-motion:reduce){.FileUpload-module_slide-in__w7j8k{animation-duration:.1ms}}.FileUpload-module_slide-out__tZ-rV{animation:FileUpload-module_slide-out__tZ-rV .5s forwards}@media (prefers-reduced-motion:reduce){.FileUpload-module_slide-out__tZ-rV{animation-duration:.1ms}}@keyframes FileUpload-module_slide-in__w7j8k{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes FileUpload-module_slide-out__tZ-rV{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.FileUpload-module_file-upload-wrapper__CIx-a{display:flex;flex-direction:column}.FileUpload-module_file-dropzone__O-VP-{background-color:var(--input-background-color);border-radius:var(--input-border-radius);position:relative}.FileUpload-module_file-dropzone__O-VP- .FileUpload-module_file-upload-title__CEPD-{color:var(--color-blue-grey900);display:block;font-family:var(--font-family);font-size:var(--form-control-font-size);font-weight:400;line-height:var(--default-line-height);margin:0 0 .25rem}.FileUpload-module_file-dropzone__O-VP- .FileUpload-module_file-upload-title__CEPD-.FileUpload-module_required__yZ5ob:after{color:var(--error);content:" *"}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_error__q2B-7 .FileUpload-module_file-upload-title__CEPD-,.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_error__q2B-7 span[data-icon-status]{color:var(--error)}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_error__q2B-7 .FileUpload-module_file-select__sW1Pn{border-color:var(--error)}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_success__GqO-7 span[data-icon-status]{color:var(--success)}.FileUpload-module_file-dropzone__O-VP- .FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_disabled__hvZQb{pointer-events:none}.FileUpload-module_file-dropzone__O-VP- .FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_disabled__hvZQb p{color:var(--color-blue-grey400)}.FileUpload-module_file-dropzone__O-VP- span[data-icon-status]{font-size:1.25rem;position:absolute;right:2rem;top:auto}.FileUpload-module_file-dropzone__O-VP-{transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.FileUpload-module_file-dropzone__O-VP-{transition-duration:.1ms}}.FileUpload-module_upload-button-wrapper__vVTvg{background:var(--color-blue-grey25);padding:4px}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U{background-color:var(--color-primary50);border:var(--file-upload-border-width) var(--drag-drop-border-style) var(--color-blue-grey500);border-radius:var(--input-border-radius);inset:0;margin:0;padding:0;pointer-events:none;position:absolute;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U{transition-duration:.1ms}}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U:before{color:var(--color-primary);content:"Drop here";display:block;padding-top:2rem;text-align:center}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR:hover .FileUpload-module_outline__QfJ8U{background-color:var(--color-primary50)}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_file-select__sW1Pn{position:relative}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_error__q2B-7 .FileUpload-module_outline__QfJ8U{border-color:var(--error)}.FileUpload-module_file-selector-sub-text__nCXMq{color:var(--greyed-out)}.FileUpload-module_file-selector-sub-text__nCXMq.FileUpload-module_error__q2B-7{color:var(--error);display:block}.FileUpload-module_file-select__sW1Pn{align-items:center;border:var(--file-upload-border-width) var(--drag-drop-border-style) var(--color-blue-grey100);display:flex;flex-direction:row;justify-content:center;padding:1.25rem}.FileUpload-module_file-select__sW1Pn [class*=file]{font-size:1.25rem;margin-left:.5rem}.FileUpload-module_file-select__sW1Pn [class*=typography]{margin-bottom:0}.FileUpload-module_upload-input__wteSl{border:none;bottom:0;cursor:pointer;display:block;left:0;opacity:0;position:absolute;right:0;text-transform:none;top:0;width:100%}.FileUpload-module_upload-input__wteSl:focus{outline:none}.FileUpload-module_file-upload-btn__M2Fg-{position:relative}.FileUpload-module_file-list__GLggq{list-style:none;margin:.25rem 0;padding:0}.FileUpload-module_file-list__GLggq li:not(:last-child){margin-bottom:.5rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVVcGxvYWQubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLGtDQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSxpQ0FDRSxZQUNGLENBRUEsbUNBQ0Usd0RBQ0YsQ0FFQSx1Q0FDRSxtQ0FDRSx1QkFDRixDQUNGLENBQ0Esb0NBQ0UseURBQ0YsQ0FFQSx1Q0FDRSxvQ0FDRSx1QkFDRixDQUNGLENBQ0EsNkNBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLDhDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0YsQ0FDQSw4Q0FDRSxZQUFhLENBQ2IscUJBQ0YsQ0FFQSx3Q0FFRSw4Q0FBK0MsQ0FEL0Msd0NBQXlDLENBRXpDLGlCQUNGLENBQ0Esb0ZBS0UsK0JBQWdDLENBRWhDLGFBQWMsQ0FMZCw4QkFBK0IsQ0FDL0IsdUNBQXdDLENBR3hDLGVBQWdCLENBRmhCLHNDQUF1QyxDQUh2QyxpQkFPRixDQUNBLDRIQUVFLGtCQUFtQixDQURuQixZQUVGLENBQ0EsaU5BRUUsa0JBQ0YsQ0FDQSw2R0FDRSx5QkFDRixDQUNBLGdHQUNFLG9CQUNGLENBQ0EsMEhBQ0UsbUJBQ0YsQ0FDQSw0SEFDRSwrQkFDRixDQUNBLCtEQUNFLGlCQUFrQixDQUNsQixpQkFBa0IsQ0FFbEIsVUFBVyxDQURYLFFBRUYsQ0FDQSx3Q0FFRSx1QkFBeUIsQ0FEekIsdUJBQXdCLENBRXhCLHNDQUNGLENBQ0EsdUNBQ0Usd0NBQ0Usd0JBQ0YsQ0FDRixDQUVBLGdEQUNFLG1DQUFvQyxDQUNwQyxXQUNGLENBQ0EsdUhBUUUsdUNBQXdDLENBRnhDLDhGQUErRixDQUMvRix3Q0FBeUMsQ0FGekMsT0FBUSxDQUZSLFFBQVMsQ0FDVCxTQUFVLENBSFYsbUJBQW9CLENBQ3BCLGlCQUFrQixDQVFsQix1QkFBeUIsQ0FEekIsdUJBQXdCLENBRXhCLHNDQUNGLENBQ0EsdUNBQ0UsdUhBQ0Usd0JBQ0YsQ0FDRixDQUNBLDhIQUlFLDBCQUEyQixDQUgzQixtQkFBb0IsQ0FFcEIsYUFBYyxDQUVkLGdCQUFpQixDQUhqQixpQkFJRixDQUNBLDZIQUNFLHVDQUNGLENBQ0EsMkhBQ0UsaUJBQ0YsQ0FDQSx1SkFDRSx5QkFDRixDQUVBLGlEQUNFLHVCQUNGLENBQ0EsZ0ZBQ0Usa0JBQW1CLENBQ25CLGFBQ0YsQ0FFQSxzQ0FFRSxrQkFBbUIsQ0FHbkIsOEZBQStGLENBSi9GLFlBQWEsQ0FFYixrQkFBbUIsQ0FDbkIsc0JBQXVCLENBRXZCLGVBQ0YsQ0FDQSxvREFDRSxpQkFBa0IsQ0FDbEIsaUJBQ0YsQ0FDQSwwREFDRSxlQUNGLENBRUEsdUNBR0UsV0FBWSxDQU1aLFFBQVMsQ0FFVCxjQUFlLENBVmYsYUFBYyxDQU1kLE1BQU8sQ0FHUCxTQUFVLENBTFYsaUJBQWtCLENBR2xCLE9BQVEsQ0FKUixtQkFBb0IsQ0FFcEIsS0FBTSxDQUpOLFVBVUYsQ0FDQSw2Q0FDRSxZQUNGLENBRUEsMENBQ0UsaUJBQ0YsQ0FFQSxvQ0FDRSxlQUFnQixDQUVoQixlQUFpQixDQURqQixTQUVGLENBQ0Esd0RBQ0UsbUJBQ0YiLCJmaWxlIjoiRmlsZVVwbG9hZC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cblxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cblxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLmZpbGUtdXBsb2FkLXdyYXBwZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xufVxuXG4uZmlsZS1kcm9wem9uZSB7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pbnB1dC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuLmZpbGUtZHJvcHpvbmUgLmZpbGUtdXBsb2FkLXRpdGxlIHtcbiAgbWFyZ2luOiAwIDAgMC4yNXJlbSAwO1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udC1mYW1pbHkpO1xuICBmb250LXNpemU6IHZhcigtLWZvcm0tY29udHJvbC1mb250LXNpemUpO1xuICBsaW5lLWhlaWdodDogdmFyKC0tZGVmYXVsdC1saW5lLWhlaWdodCk7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXk5MDApO1xuICBmb250LXdlaWdodDogNDAwO1xuICBkaXNwbGF5OiBibG9jaztcbn1cbi5maWxlLWRyb3B6b25lIC5maWxlLXVwbG9hZC10aXRsZS5yZXF1aXJlZDphZnRlciB7XG4gIGNvbnRlbnQ6IFwiICpcIjtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbn1cbi5maWxlLWRyb3B6b25lLmVycm9yIHNwYW5bZGF0YS1pY29uLXN0YXR1c10sXG4uZmlsZS1kcm9wem9uZS5lcnJvciAuZmlsZS11cGxvYWQtdGl0bGUge1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuLmZpbGUtZHJvcHpvbmUuZXJyb3IgLmZpbGUtc2VsZWN0IHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1lcnJvcik7XG59XG4uZmlsZS1kcm9wem9uZS5zdWNjZXNzIHNwYW5bZGF0YS1pY29uLXN0YXR1c10ge1xuICBjb2xvcjogdmFyKC0tc3VjY2Vzcyk7XG59XG4uZmlsZS1kcm9wem9uZSAudXBsb2FkLWJ1dHRvbi13cmFwcGVyLmRpc2FibGVkIHtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG4uZmlsZS1kcm9wem9uZSAudXBsb2FkLWJ1dHRvbi13cmFwcGVyLmRpc2FibGVkIHAge1xuICBjb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5NDAwKTtcbn1cbi5maWxlLWRyb3B6b25lIHNwYW5bZGF0YS1pY29uLXN0YXR1c10ge1xuICBmb250LXNpemU6IDEuMjVyZW07XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiBhdXRvO1xuICByaWdodDogMnJlbTtcbn1cbi5maWxlLWRyb3B6b25lIHtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYWxsO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuZmlsZS1kcm9wem9uZSB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnVwbG9hZC1idXR0b24td3JhcHBlciB7XG4gIGJhY2tncm91bmQ6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTI1KTtcbiAgcGFkZGluZzogNHB4O1xufVxuLnVwbG9hZC1idXR0b24td3JhcHBlci5kcmFnLWFjdGl2ZSAub3V0bGluZSB7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbiAgaW5zZXQ6IDA7XG4gIGJvcmRlcjogdmFyKC0tZmlsZS11cGxvYWQtYm9yZGVyLXdpZHRoKSB2YXIoLS1kcmFnLWRyb3AtYm9yZGVyLXN0eWxlKSB2YXIoLS1jb2xvci1ibHVlLWdyZXk1MDApO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1pbnB1dC1ib3JkZXItcmFkaXVzKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeTUwKTtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYWxsO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAudXBsb2FkLWJ1dHRvbi13cmFwcGVyLmRyYWctYWN0aXZlIC5vdXRsaW5lIHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLnVwbG9hZC1idXR0b24td3JhcHBlci5kcmFnLWFjdGl2ZSAub3V0bGluZTo6YmVmb3JlIHtcbiAgY29udGVudDogXCJEcm9wIGhlcmVcIjtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBkaXNwbGF5OiBibG9jaztcbiAgY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnkpO1xuICBwYWRkaW5nLXRvcDogMnJlbTtcbn1cbi51cGxvYWQtYnV0dG9uLXdyYXBwZXIuZHJhZy1hY3RpdmU6aG92ZXIgLm91dGxpbmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5NTApO1xufVxuLnVwbG9hZC1idXR0b24td3JhcHBlci5kcmFnLWFjdGl2ZSAuZmlsZS1zZWxlY3Qge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4udXBsb2FkLWJ1dHRvbi13cmFwcGVyLmRyYWctYWN0aXZlIC5lcnJvciAub3V0bGluZSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuXG4uZmlsZS1zZWxlY3Rvci1zdWItdGV4dCB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbn1cbi5maWxlLXNlbGVjdG9yLXN1Yi10ZXh0LmVycm9yIHtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbi5maWxlLXNlbGVjdCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBib3JkZXI6IHZhcigtLWZpbGUtdXBsb2FkLWJvcmRlci13aWR0aCkgdmFyKC0tZHJhZy1kcm9wLWJvcmRlci1zdHlsZSkgdmFyKC0tY29sb3ItYmx1ZS1ncmV5MTAwKTtcbiAgcGFkZGluZzogMS4yNXJlbTtcbn1cbi5maWxlLXNlbGVjdCBbY2xhc3MqPWZpbGVdIHtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xuICBtYXJnaW4tbGVmdDogMC41cmVtO1xufVxuLmZpbGUtc2VsZWN0IFtjbGFzcyo9dHlwb2dyYXBoeV0ge1xuICBtYXJnaW4tYm90dG9tOiAwO1xufVxuXG4udXBsb2FkLWlucHV0IHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHdpZHRoOiAxMDAlO1xuICBib3JkZXI6IG5vbmU7XG4gIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgcmlnaHQ6IDA7XG4gIGJvdHRvbTogMDtcbiAgb3BhY2l0eTogMDtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuLnVwbG9hZC1pbnB1dDpmb2N1cyB7XG4gIG91dGxpbmU6IG5vbmU7XG59XG5cbi5maWxlLXVwbG9hZC1idG4ge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5maWxlLWxpc3Qge1xuICBsaXN0LXN0eWxlOiBub25lO1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IDAuMjVyZW0gMDtcbn1cbi5maWxlLWxpc3QgbGk6bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1ib3R0b206IDAuNXJlbTtcbn0iXX0= */'),exports.default={"sr-only":"FileUpload-module_sr-only__Awag4",hidden:"FileUpload-module_hidden__JayBD","slide-in":"FileUpload-module_slide-in__w7j8k","slide-out":"FileUpload-module_slide-out__tZ-rV","file-upload-wrapper":"FileUpload-module_file-upload-wrapper__CIx-a","file-dropzone":"FileUpload-module_file-dropzone__O-VP-","file-upload-title":"FileUpload-module_file-upload-title__CEPD-",required:"FileUpload-module_required__yZ5ob",error:"FileUpload-module_error__q2B-7","file-select":"FileUpload-module_file-select__sW1Pn",success:"FileUpload-module_success__GqO-7","upload-button-wrapper":"FileUpload-module_upload-button-wrapper__vVTvg",disabled:"FileUpload-module_disabled__hvZQb","drag-active":"FileUpload-module_drag-active__MRJJR",outline:"FileUpload-module_outline__QfJ8U","file-selector-sub-text":"FileUpload-module_file-selector-sub-text__nCXMq","upload-input":"FileUpload-module_upload-input__wteSl","file-upload-btn":"FileUpload-module_file-upload-btn__M2Fg-","file-list":"FileUpload-module_file-list__GLggq"};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.FileUpload-module_sr-only__Awag4{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.FileUpload-module_hidden__JayBD{display:none}.FileUpload-module_slide-in__w7j8k{animation:FileUpload-module_slide-in__w7j8k .5s forwards}@media (prefers-reduced-motion:reduce){.FileUpload-module_slide-in__w7j8k{animation-duration:.1ms}}.FileUpload-module_slide-out__tZ-rV{animation:FileUpload-module_slide-out__tZ-rV .5s forwards}@media (prefers-reduced-motion:reduce){.FileUpload-module_slide-out__tZ-rV{animation-duration:.1ms}}@keyframes FileUpload-module_slide-in__w7j8k{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes FileUpload-module_slide-out__tZ-rV{0%{transform:translateY(0)}to{transform:translateY(100vh)}}.FileUpload-module_file-upload-wrapper__CIx-a{display:flex;flex-direction:column}.FileUpload-module_file-dropzone__O-VP-{background-color:var(--input-background-color);border-radius:var(--input-border-radius);position:relative}.FileUpload-module_file-dropzone__O-VP- .FileUpload-module_file-upload-title__CEPD-{color:var(--color-blue-grey900);display:block;font-family:var(--font-family);font-size:var(--form-control-font-size);font-weight:400;line-height:var(--default-line-height);margin:0 0 .25rem}.FileUpload-module_file-dropzone__O-VP- .FileUpload-module_file-upload-title__CEPD-.FileUpload-module_required__yZ5ob:after{color:var(--error);content:" *"}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_error__q2B-7 .FileUpload-module_file-upload-title__CEPD-,.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_error__q2B-7 span[data-icon-status]{color:var(--error)}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_error__q2B-7 .FileUpload-module_file-select__sW1Pn{border-color:var(--error)}.FileUpload-module_file-dropzone__O-VP-.FileUpload-module_success__GqO-7 span[data-icon-status]{color:var(--success)}.FileUpload-module_file-dropzone__O-VP- .FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_disabled__hvZQb{pointer-events:none}.FileUpload-module_file-dropzone__O-VP- .FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_disabled__hvZQb p{color:var(--color-blue-grey400)}.FileUpload-module_file-dropzone__O-VP- span[data-icon-status]{font-size:1.25rem;position:absolute;right:2rem;top:auto}.FileUpload-module_file-dropzone__O-VP-{transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.FileUpload-module_file-dropzone__O-VP-{transition-duration:.1ms}}.FileUpload-module_file-dropzone__O-VP-[data-readonlyview=true]:has(.FileUpload-module_file-list__GLggq) .FileUpload-module_required__yZ5ob:after{display:none}.FileUpload-module_file-dropzone__O-VP-[data-readonlyview=true]:has(.FileUpload-module_file-list__GLggq) ul li p span[data-icon]:before{color:var(--color-blue-grey900)}.FileUpload-module_file-dropzone__O-VP-[data-readonlyview=true]:has(.FileUpload-module_file-list__GLggq) ul li button{visibility:hidden}.FileUpload-module_file-dropzone__O-VP-[data-readonlyview=true]:has(.FileUpload-module_file-list__GLggq) .FileUpload-module_upload-button-wrapper__vVTvg{display:none}.FileUpload-module_file-dropzone__O-VP-[data-readonlyview=true]:not(:has(.FileUpload-module_file-list__GLggq)) .FileUpload-module_upload-button-wrapper__vVTvg{min-height:4.5rem}.FileUpload-module_file-dropzone__O-VP-[data-readonlyview=true]:not(:has(.FileUpload-module_file-list__GLggq)) .FileUpload-module_upload-button-wrapper__vVTvg .FileUpload-module_file-select__sW1Pn{border:0}.FileUpload-module_file-dropzone__O-VP-[data-readonlyview=true]:not(:has(.FileUpload-module_file-list__GLggq)) .FileUpload-module_upload-button-wrapper__vVTvg .FileUpload-module_file-select__sW1Pn p{color:var(--read-only-text-color)}.FileUpload-module_file-dropzone__O-VP-[data-readonlyview=true]:not(:has(.FileUpload-module_file-list__GLggq)) .FileUpload-module_upload-button-wrapper__vVTvg .FileUpload-module_file-upload-btn__M2Fg-{display:none}.FileUpload-module_file-dropzone__O-VP-[data-readonlyview=true]:not(:has(.FileUpload-module_file-list__GLggq)) .FileUpload-module_required__yZ5ob:after{display:none}.FileUpload-module_upload-button-wrapper__vVTvg{background:var(--color-blue-grey25);padding:4px}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U{background-color:var(--color-primary50);border:var(--file-upload-border-width) var(--drag-drop-border-style) var(--color-blue-grey500);border-radius:var(--input-border-radius);inset:0;margin:0;padding:0;position:absolute;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U{transition-duration:.1ms}}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_outline__QfJ8U:before{color:var(--color-primary);content:"Drop here";display:block;padding-top:2rem;text-align:center}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR:hover .FileUpload-module_outline__QfJ8U{background-color:var(--color-primary50)}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_file-select__sW1Pn{position:relative}.FileUpload-module_upload-button-wrapper__vVTvg.FileUpload-module_drag-active__MRJJR .FileUpload-module_error__q2B-7 .FileUpload-module_outline__QfJ8U{border-color:var(--error)}.FileUpload-module_file-selector-sub-text__nCXMq{color:var(--greyed-out)}.FileUpload-module_file-selector-sub-text__nCXMq.FileUpload-module_error__q2B-7{color:var(--error);display:block}.FileUpload-module_file-selector-helper-text__4KSpI{color:var(--greyed-out);display:block}.FileUpload-module_file-select__sW1Pn{align-items:center;border:var(--file-upload-border-width) var(--drag-drop-border-style) var(--color-blue-grey100);display:flex;flex-direction:row;justify-content:center;padding:1.25rem}.FileUpload-module_file-select__sW1Pn [class*=file]{font-size:1.25rem;margin-left:.5rem}.FileUpload-module_file-select__sW1Pn [class*=typography]{margin-bottom:0}.FileUpload-module_upload-input__wteSl{border:none;bottom:0;cursor:pointer;display:block;left:0;opacity:0;position:absolute;right:0;text-transform:none;top:0;width:100%}.FileUpload-module_upload-input__wteSl:focus{outline:none}.FileUpload-module_file-upload-btn__M2Fg-{position:relative}.FileUpload-module_file-list__GLggq{list-style:none;margin:.25rem 0;padding:0}.FileUpload-module_file-list__GLggq li:not(:last-child){margin-bottom:.5rem}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVVcGxvYWQubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLGtDQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSxpQ0FDRSxZQUNGLENBRUEsbUNBQ0Usd0RBQ0YsQ0FFQSx1Q0FDRSxtQ0FDRSx1QkFDRixDQUNGLENBQ0Esb0NBQ0UseURBQ0YsQ0FFQSx1Q0FDRSxvQ0FDRSx1QkFDRixDQUNGLENBQ0EsNkNBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLDhDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0YsQ0FDQSw4Q0FDRSxZQUFhLENBQ2IscUJBQ0YsQ0FFQSx3Q0FFRSw4Q0FBK0MsQ0FEL0Msd0NBQXlDLENBRXpDLGlCQUNGLENBQ0Esb0ZBS0UsK0JBQWdDLENBRWhDLGFBQWMsQ0FMZCw4QkFBK0IsQ0FDL0IsdUNBQXdDLENBR3hDLGVBQWdCLENBRmhCLHNDQUF1QyxDQUh2QyxpQkFPRixDQUNBLDRIQUVFLGtCQUFtQixDQURuQixZQUVGLENBQ0EsaU5BRUUsa0JBQ0YsQ0FDQSw2R0FDRSx5QkFDRixDQUNBLGdHQUNFLG9CQUNGLENBQ0EsMEhBQ0UsbUJBQ0YsQ0FDQSw0SEFDRSwrQkFDRixDQUNBLCtEQUNFLGlCQUFrQixDQUNsQixpQkFBa0IsQ0FFbEIsVUFBVyxDQURYLFFBRUYsQ0FDQSx3Q0FFRSx1QkFBeUIsQ0FEekIsdUJBQXdCLENBRXhCLHNDQUNGLENBQ0EsdUNBQ0Usd0NBQ0Usd0JBQ0YsQ0FDRixDQUNBLGtKQUNFLFlBQ0YsQ0FDQSx3SUFDRSwrQkFDRixDQUNBLHNIQUNFLGlCQUNGLENBQ0EseUpBQ0UsWUFDRixDQUNBLCtKQUNFLGlCQUNGLENBQ0EscU1BQ0UsUUFDRixDQUNBLHVNQUNFLGlDQUNGLENBQ0EseU1BQ0UsWUFDRixDQUNBLHdKQUNFLFlBQ0YsQ0FFQSxnREFDRSxtQ0FBb0MsQ0FDcEMsV0FDRixDQUNBLHVIQU9FLHVDQUF3QyxDQUZ4Qyw4RkFBK0YsQ0FDL0Ysd0NBQXlDLENBRnpDLE9BQVEsQ0FGUixRQUFTLENBQ1QsU0FBVSxDQUZWLGlCQUFrQixDQVFsQix1QkFBeUIsQ0FEekIsdUJBQXdCLENBRXhCLHNDQUNGLENBQ0EsdUNBQ0UsdUhBQ0Usd0JBQ0YsQ0FDRixDQUNBLDhIQUlFLDBCQUEyQixDQUgzQixtQkFBb0IsQ0FFcEIsYUFBYyxDQUVkLGdCQUFpQixDQUhqQixpQkFJRixDQUNBLDZIQUNFLHVDQUNGLENBQ0EsMkhBQ0UsaUJBQ0YsQ0FDQSx1SkFDRSx5QkFDRixDQUVBLGlEQUNFLHVCQUNGLENBQ0EsZ0ZBQ0Usa0JBQW1CLENBQ25CLGFBQ0YsQ0FFQSxvREFDRSx1QkFBd0IsQ0FDeEIsYUFDRixDQUVBLHNDQUVFLGtCQUFtQixDQUduQiw4RkFBK0YsQ0FKL0YsWUFBYSxDQUViLGtCQUFtQixDQUNuQixzQkFBdUIsQ0FFdkIsZUFDRixDQUNBLG9EQUNFLGlCQUFrQixDQUNsQixpQkFDRixDQUNBLDBEQUNFLGVBQ0YsQ0FFQSx1Q0FHRSxXQUFZLENBTVosUUFBUyxDQUVULGNBQWUsQ0FWZixhQUFjLENBTWQsTUFBTyxDQUdQLFNBQVUsQ0FMVixpQkFBa0IsQ0FHbEIsT0FBUSxDQUpSLG1CQUFvQixDQUVwQixLQUFNLENBSk4sVUFVRixDQUNBLDZDQUNFLFlBQ0YsQ0FFQSwwQ0FDRSxpQkFDRixDQUVBLG9DQUNFLGVBQWdCLENBRWhCLGVBQWlCLENBRGpCLFNBRUYsQ0FDQSx3REFDRSxtQkFDRiIsImZpbGUiOiJGaWxlVXBsb2FkLm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuXG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuXG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4uZmlsZS11cGxvYWQtd3JhcHBlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG59XG5cbi5maWxlLWRyb3B6b25lIHtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlucHV0LWJhY2tncm91bmQtY29sb3IpO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4uZmlsZS1kcm9wem9uZSAuZmlsZS11cGxvYWQtdGl0bGUge1xuICBtYXJnaW46IDAgMCAwLjI1cmVtIDA7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9ybS1jb250cm9sLWZvbnQtc2l6ZSk7XG4gIGxpbmUtaGVpZ2h0OiB2YXIoLS1kZWZhdWx0LWxpbmUtaGVpZ2h0KTtcbiAgY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTkwMCk7XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG4gIGRpc3BsYXk6IGJsb2NrO1xufVxuLmZpbGUtZHJvcHpvbmUgLmZpbGUtdXBsb2FkLXRpdGxlLnJlcXVpcmVkOmFmdGVyIHtcbiAgY29udGVudDogXCIgKlwiO1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuLmZpbGUtZHJvcHpvbmUuZXJyb3Igc3BhbltkYXRhLWljb24tc3RhdHVzXSxcbi5maWxlLWRyb3B6b25lLmVycm9yIC5maWxlLXVwbG9hZC10aXRsZSB7XG4gIGNvbG9yOiB2YXIoLS1lcnJvcik7XG59XG4uZmlsZS1kcm9wem9uZS5lcnJvciAuZmlsZS1zZWxlY3Qge1xuICBib3JkZXItY29sb3I6IHZhcigtLWVycm9yKTtcbn1cbi5maWxlLWRyb3B6b25lLnN1Y2Nlc3Mgc3BhbltkYXRhLWljb24tc3RhdHVzXSB7XG4gIGNvbG9yOiB2YXIoLS1zdWNjZXNzKTtcbn1cbi5maWxlLWRyb3B6b25lIC51cGxvYWQtYnV0dG9uLXdyYXBwZXIuZGlzYWJsZWQge1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbn1cbi5maWxlLWRyb3B6b25lIC51cGxvYWQtYnV0dG9uLXdyYXBwZXIuZGlzYWJsZWQgcCB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1ibHVlLWdyZXk0MDApO1xufVxuLmZpbGUtZHJvcHpvbmUgc3BhbltkYXRhLWljb24tc3RhdHVzXSB7XG4gIGZvbnQtc2l6ZTogMS4yNXJlbTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IGF1dG87XG4gIHJpZ2h0OiAycmVtO1xufVxuLmZpbGUtZHJvcHpvbmUge1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBhbGw7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5maWxlLWRyb3B6b25lIHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLmZpbGUtZHJvcHpvbmVbZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV06aGFzKC5maWxlLWxpc3QpIC5yZXF1aXJlZDphZnRlciB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG4uZmlsZS1kcm9wem9uZVtkYXRhLXJlYWRvbmx5dmlldz10cnVlXTpoYXMoLmZpbGUtbGlzdCkgdWwgbGkgcCBzcGFuW2RhdGEtaWNvbl06YmVmb3JlIHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTkwMCk7XG59XG4uZmlsZS1kcm9wem9uZVtkYXRhLXJlYWRvbmx5dmlldz10cnVlXTpoYXMoLmZpbGUtbGlzdCkgdWwgbGkgYnV0dG9uIHtcbiAgdmlzaWJpbGl0eTogaGlkZGVuO1xufVxuLmZpbGUtZHJvcHpvbmVbZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV06aGFzKC5maWxlLWxpc3QpIC51cGxvYWQtYnV0dG9uLXdyYXBwZXIge1xuICBkaXNwbGF5OiBub25lO1xufVxuLmZpbGUtZHJvcHpvbmVbZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV06bm90KDpoYXMoLmZpbGUtbGlzdCkpIC51cGxvYWQtYnV0dG9uLXdyYXBwZXIge1xuICBtaW4taGVpZ2h0OiA0LjVyZW07XG59XG4uZmlsZS1kcm9wem9uZVtkYXRhLXJlYWRvbmx5dmlldz10cnVlXTpub3QoOmhhcyguZmlsZS1saXN0KSkgLnVwbG9hZC1idXR0b24td3JhcHBlciAuZmlsZS1zZWxlY3Qge1xuICBib3JkZXI6IDA7XG59XG4uZmlsZS1kcm9wem9uZVtkYXRhLXJlYWRvbmx5dmlldz10cnVlXTpub3QoOmhhcyguZmlsZS1saXN0KSkgLnVwbG9hZC1idXR0b24td3JhcHBlciAuZmlsZS1zZWxlY3QgcCB7XG4gIGNvbG9yOiB2YXIoLS1yZWFkLW9ubHktdGV4dC1jb2xvcik7XG59XG4uZmlsZS1kcm9wem9uZVtkYXRhLXJlYWRvbmx5dmlldz10cnVlXTpub3QoOmhhcyguZmlsZS1saXN0KSkgLnVwbG9hZC1idXR0b24td3JhcHBlciAuZmlsZS11cGxvYWQtYnRuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cbi5maWxlLWRyb3B6b25lW2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdOm5vdCg6aGFzKC5maWxlLWxpc3QpKSAucmVxdWlyZWQ6YWZ0ZXIge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4udXBsb2FkLWJ1dHRvbi13cmFwcGVyIHtcbiAgYmFja2dyb3VuZDogdmFyKC0tY29sb3ItYmx1ZS1ncmV5MjUpO1xuICBwYWRkaW5nOiA0cHg7XG59XG4udXBsb2FkLWJ1dHRvbi13cmFwcGVyLmRyYWctYWN0aXZlIC5vdXRsaW5lIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIGluc2V0OiAwO1xuICBib3JkZXI6IHZhcigtLWZpbGUtdXBsb2FkLWJvcmRlci13aWR0aCkgdmFyKC0tZHJhZy1kcm9wLWJvcmRlci1zdHlsZSkgdmFyKC0tY29sb3ItYmx1ZS1ncmV5NTAwKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnk1MCk7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnVwbG9hZC1idXR0b24td3JhcHBlci5kcmFnLWFjdGl2ZSAub3V0bGluZSB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi51cGxvYWQtYnV0dG9uLXdyYXBwZXIuZHJhZy1hY3RpdmUgLm91dGxpbmU6OmJlZm9yZSB7XG4gIGNvbnRlbnQ6IFwiRHJvcCBoZXJlXCI7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5KTtcbiAgcGFkZGluZy10b3A6IDJyZW07XG59XG4udXBsb2FkLWJ1dHRvbi13cmFwcGVyLmRyYWctYWN0aXZlOmhvdmVyIC5vdXRsaW5lIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeTUwKTtcbn1cbi51cGxvYWQtYnV0dG9uLXdyYXBwZXIuZHJhZy1hY3RpdmUgLmZpbGUtc2VsZWN0IHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuLnVwbG9hZC1idXR0b24td3JhcHBlci5kcmFnLWFjdGl2ZSAuZXJyb3IgLm91dGxpbmUge1xuICBib3JkZXItY29sb3I6IHZhcigtLWVycm9yKTtcbn1cblxuLmZpbGUtc2VsZWN0b3Itc3ViLXRleHQge1xuICBjb2xvcjogdmFyKC0tZ3JleWVkLW91dCk7XG59XG4uZmlsZS1zZWxlY3Rvci1zdWItdGV4dC5lcnJvciB7XG4gIGNvbG9yOiB2YXIoLS1lcnJvcik7XG4gIGRpc3BsYXk6IGJsb2NrO1xufVxuXG4uZmlsZS1zZWxlY3Rvci1oZWxwZXItdGV4dCB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbi5maWxlLXNlbGVjdCB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBib3JkZXI6IHZhcigtLWZpbGUtdXBsb2FkLWJvcmRlci13aWR0aCkgdmFyKC0tZHJhZy1kcm9wLWJvcmRlci1zdHlsZSkgdmFyKC0tY29sb3ItYmx1ZS1ncmV5MTAwKTtcbiAgcGFkZGluZzogMS4yNXJlbTtcbn1cbi5maWxlLXNlbGVjdCBbY2xhc3MqPWZpbGVdIHtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xuICBtYXJnaW4tbGVmdDogMC41cmVtO1xufVxuLmZpbGUtc2VsZWN0IFtjbGFzcyo9dHlwb2dyYXBoeV0ge1xuICBtYXJnaW4tYm90dG9tOiAwO1xufVxuXG4udXBsb2FkLWlucHV0IHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHdpZHRoOiAxMDAlO1xuICBib3JkZXI6IG5vbmU7XG4gIHRleHQtdHJhbnNmb3JtOiBub25lO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgcmlnaHQ6IDA7XG4gIGJvdHRvbTogMDtcbiAgb3BhY2l0eTogMDtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuLnVwbG9hZC1pbnB1dDpmb2N1cyB7XG4gIG91dGxpbmU6IG5vbmU7XG59XG5cbi5maWxlLXVwbG9hZC1idG4ge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5maWxlLWxpc3Qge1xuICBsaXN0LXN0eWxlOiBub25lO1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IDAuMjVyZW0gMDtcbn1cbi5maWxlLWxpc3QgbGk6bm90KDpsYXN0LWNoaWxkKSB7XG4gIG1hcmdpbi1ib3R0b206IDAuNXJlbTtcbn0iXX0= */'),exports.default={"sr-only":"FileUpload-module_sr-only__Awag4",hidden:"FileUpload-module_hidden__JayBD","slide-in":"FileUpload-module_slide-in__w7j8k","slide-out":"FileUpload-module_slide-out__tZ-rV","file-upload-wrapper":"FileUpload-module_file-upload-wrapper__CIx-a","file-dropzone":"FileUpload-module_file-dropzone__O-VP-","file-upload-title":"FileUpload-module_file-upload-title__CEPD-",required:"FileUpload-module_required__yZ5ob",error:"FileUpload-module_error__q2B-7","file-select":"FileUpload-module_file-select__sW1Pn",success:"FileUpload-module_success__GqO-7","upload-button-wrapper":"FileUpload-module_upload-button-wrapper__vVTvg",disabled:"FileUpload-module_disabled__hvZQb","file-list":"FileUpload-module_file-list__GLggq","file-upload-btn":"FileUpload-module_file-upload-btn__M2Fg-","drag-active":"FileUpload-module_drag-active__MRJJR",outline:"FileUpload-module_outline__QfJ8U","file-selector-sub-text":"FileUpload-module_file-selector-sub-text__nCXMq","file-selector-helper-text":"FileUpload-module_file-selector-helper-text__4KSpI","upload-input":"FileUpload-module_upload-input__wteSl"};
|
|
2
2
|
//# sourceMappingURL=FileUpload.module.scss.cjs.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */div.FormHelperText-module_form-helper-text__zCO1K{color:var(--input-helper-text-color);margin-bottom:0}div.FormHelperText-module_disabled__zvbtp{color:var(--greyed-out)}div.FormHelperText-module_error__cTlPz{color:var(--error)}\n/*# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */div.FormHelperText-module_form-helper-text__zCO1K{color:var(--input-helper-text-color);margin-bottom:0}div.FormHelperText-module_disabled__zvbtp{color:var(--greyed-out)}div.FormHelperText-module_error__cTlPz{color:var(--error)}[data-readonlyview=true] div.FormHelperText-module_form-helper-text__zCO1K{display:none}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1IZWxwZXJUZXh0Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0Ysa0RBQ0Usb0NBQXFDLENBQ3JDLGVBQ0YsQ0FFQSwwQ0FDRSx1QkFDRixDQUVBLHVDQUNFLGtCQUNGLENBRUEsMkVBQ0UsWUFDRiIsImZpbGUiOiJGb3JtSGVscGVyVGV4dC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG5kaXYuZm9ybS1oZWxwZXItdGV4dCB7XG4gIGNvbG9yOiB2YXIoLS1pbnB1dC1oZWxwZXItdGV4dC1jb2xvcik7XG4gIG1hcmdpbi1ib3R0b206IDA7XG59XG5cbmRpdi5kaXNhYmxlZCB7XG4gIGNvbG9yOiB2YXIoLS1ncmV5ZWQtb3V0KTtcbn1cblxuZGl2LmVycm9yIHtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbn1cblxuW2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdIGRpdi5mb3JtLWhlbHBlci10ZXh0IHtcbiAgZGlzcGxheTogbm9uZTtcbn0iXX0= */'),exports.default={"form-helper-text":"FormHelperText-module_form-helper-text__zCO1K",disabled:"FormHelperText-module_disabled__zvbtp",error:"FormHelperText-module_error__cTlPz"};
|
|
2
2
|
//# sourceMappingURL=FormHelperText.module.scss.cjs.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react"),s=require("./Input.module.scss.cjs.js"),
|
|
1
|
+
"use strict";var e=require("react"),s=require("./Input.module.scss.cjs.js"),a=require("../../src/readyclasses.module.scss.cjs.js"),t=require("../../src/hooks/useDetermineStatusIcon.cjs.js"),u=require("../../withReadOnly.cjs.js");const l=["date","time","datetime-local"],r=u.withReadOnly(e.forwardRef((({error:u=!1,success:r=!1,className:n,name:d,style:i,wrapperProps:c,type:o,labeledBy:f,prefix:p,suffix:m,disabled:h,onFocus:y,onBlur:w,readOnlyView:x,...j},v)=>{var b;const[E,N]=e.useState(!1),I=e.useRef(null),q=e.useRef(null);e.useEffect((()=>{if(void 0===d)throw new Error("Please give your <Input /> component a 'name' attribute")}),[]);const R=[s.default.input],k=s=>"string"==typeof s?e.createElement("span",null,s):s;l.includes(o)&&R.push(s.default["shrink-width-for-date-icon"]),n&&R.push(n);const O=[s.default["input-wrapper"]],B=[s.default.outline];(null==c?void 0:c.className)&&O.push(c.className),"hidden"===o&&O.push(a.default.hidden),p&&O.push(s.default.prefix),m&&O.push(s.default.suffix),h&&O.push(s.default.disabled)&&B.push(s.default.disabled),u&&O.push(s.default.error)&&B.push(s.default.error),E&&O.push(s.default.focus)&&B.push(s.default.focus),r&&O.push(s.default.success);const S=t.useDetermineStatusIcon({success:r,error:u}),g=j["data-readonlyview"];return e.createElement("div",{ref:I,...c,style:{...i},"data-readonlyview":g,className:`${s.default["input-wrapper"]} ${O.join(" ")}`,tabIndex:g?0:-1},p&&e.createElement("div",{"data-prefix":!0,className:s.default.prefix},k(p)),e.createElement("input",{...j,ref:v,"aria-readonly":g,readOnly:g,onFocus:e=>{N(!0),null==y||y(e)},onBlur:e=>{N(!1),null==w||w(e)},"aria-labelledby":f,type:o,name:d,disabled:h,className:R.join(" "),spellCheck:null!==(b=j.spellCheck)&&void 0!==b&&b,tabIndex:g?-1:0}),S,m&&e.createElement("div",{ref:q,"data-suffix":!0,className:s.default.suffix},k(m)),e.createElement("span",{className:B.join(" ")}))})));exports.Input=r,exports.dateTypes=l;
|
|
2
2
|
//# sourceMappingURL=Input.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.cjs.js","sources":["../../../../../../src/components/Form/Input/Input.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, {\n ForwardRefRenderFunction,\n ComponentPropsWithRef,\n Ref,\n useEffect,\n useRef,\n useState,\n ReactNode\n} from \"react\";\nimport classes from \"./Input.module.scss\";\nimport readyclasses from \"../../../readyclasses.module.scss\";\nimport { FormElement } from \"../form.interfaces\";\nimport { useDetermineStatusIcon } from \"../../../hooks/useDetermineStatusIcon\";\nimport { MergeElementProps } from \"../../../interfaces\";\n\nexport const dateTypes = [\"date\", \"time\", \"datetime-local\"] as const;\n\nexport type Type =\n | \"text\"\n | \"email\"\n | \"file\"\n | \"number\"\n | \"password\"\n | \"search\"\n | \"tel\"\n | \"url\"\n | \"hidden\"\n | (typeof dateTypes)[number];\n\nexport type Props = MergeElementProps<\n \"input\",\n FormElement & {\n wrapperProps?: ComponentPropsWithRef<\"div\">;\n labeledBy?: string;\n type: Type;\n suffix?: ReactNode;\n prefix?: ReactNode;\n }\n>;\n\nconst InputComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n {\n error = false,\n success = false,\n className,\n name,\n style,\n wrapperProps,\n type,\n labeledBy,\n prefix,\n suffix,\n disabled,\n onFocus,\n onBlur,\n ...rest\n }: Props,\n ref: Ref<HTMLInputElement>\n) => {\n const [focus, setFocus] = useState(false);\n const inputWrapperRef = useRef<HTMLDivElement>(null);\n const suffixRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (name === undefined) {\n throw new Error(\"Please give your <Input /> component a 'name' attribute\");\n }\n }, []);\n\n const inputClassNames = [classes[\"input\"]];\n\n const renderElement = (el: ReactNode) => {\n return typeof el === \"string\" ? <span>{el}</span> : el;\n };\n\n (dateTypes as ReadonlyArray<string>).includes(type) &&\n inputClassNames.push(classes[\"shrink-width-for-date-icon\"]);\n className && inputClassNames.push(className);\n\n const wrapperClasses = [classes[\"input-wrapper\"]];\n const outlineClasses = [classes[\"outline\"]];\n\n wrapperProps?.className && wrapperClasses.push(wrapperProps.className);\n type === \"hidden\" && wrapperClasses.push(readyclasses[\"hidden\"]);\n prefix && wrapperClasses.push(classes[\"prefix\"]);\n suffix && wrapperClasses.push(classes[\"suffix\"]);\n disabled && wrapperClasses.push(classes[\"disabled\"]) && outlineClasses.push(classes[\"disabled\"]);\n error && wrapperClasses.push(classes[\"error\"]) && outlineClasses.push(classes[\"error\"]);\n focus && wrapperClasses.push(classes[\"focus\"]) && outlineClasses.push(classes[\"focus\"]);\n success && wrapperClasses.push(classes[\"success\"]);\n\n const icon = useDetermineStatusIcon({ success, error });\n\n return (\n <div\n ref={inputWrapperRef}\n {...wrapperProps}\n style={{ ...style }}\n className={`${classes[\"input-wrapper\"]} ${wrapperClasses.join(\" \")}`}\n >\n {prefix && (\n <div data-prefix className={classes[\"prefix\"]}>\n {renderElement(prefix)}\n </div>\n )}\n <input\n {...rest}\n ref={ref}\n onFocus={event => {\n setFocus(true);\n onFocus?.(event);\n }}\n onBlur={event => {\n setFocus(false);\n onBlur?.(event);\n }}\n aria-labelledby={labeledBy}\n type={type}\n name={name}\n disabled={disabled}\n className={inputClassNames.join(\" \")}\n spellCheck={rest.spellCheck ?? false}\n />\n {icon}\n {suffix && (\n <div ref={suffixRef} data-suffix className={classes[\"suffix\"]}>\n {renderElement(suffix)}\n </div>\n )}\n\n <span className={outlineClasses.join(\" \")}></span>\n </div>\n );\n};\n\nexport const Input = React.forwardRef(InputComponent);\n"],"names":["dateTypes","Input","React","forwardRef","error","success","className","name","style","wrapperProps","type","labeledBy","prefix","suffix","disabled","onFocus","onBlur","rest","ref","focus","setFocus","useState","inputWrapperRef","useRef","suffixRef","useEffect","undefined","Error","inputClassNames","classes","renderElement","el","createElement","includes","push","wrapperClasses","outlineClasses","readyclasses","default","icon","useDetermineStatusIcon","join","event","spellCheck","_a"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Input.cjs.js","sources":["../../../../../../src/components/Form/Input/Input.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, {\n ForwardRefRenderFunction,\n ComponentPropsWithRef,\n Ref,\n useEffect,\n useRef,\n useState,\n ReactNode\n} from \"react\";\nimport classes from \"./Input.module.scss\";\nimport readyclasses from \"../../../readyclasses.module.scss\";\nimport { FormElement } from \"../form.interfaces\";\nimport { useDetermineStatusIcon } from \"../../../hooks/useDetermineStatusIcon\";\nimport { MergeElementProps } from \"../../../interfaces\";\nimport { withReadOnly } from \"../../withReadOnly\";\n\nexport const dateTypes = [\"date\", \"time\", \"datetime-local\"] as const;\n\nexport type Type =\n | \"text\"\n | \"email\"\n | \"file\"\n | \"number\"\n | \"password\"\n | \"search\"\n | \"tel\"\n | \"url\"\n | \"hidden\"\n | (typeof dateTypes)[number];\n\nexport type Props = MergeElementProps<\n \"input\",\n FormElement & {\n wrapperProps?: ComponentPropsWithRef<\"div\">;\n labeledBy?: string;\n type: Type;\n suffix?: ReactNode;\n prefix?: ReactNode;\n readOnlyView?: boolean;\n }\n>;\n\nconst InputComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n {\n error = false,\n success = false,\n className,\n name,\n style,\n wrapperProps,\n type,\n labeledBy,\n prefix,\n suffix,\n disabled,\n onFocus,\n onBlur,\n readOnlyView,\n ...rest\n }: Props,\n ref: Ref<HTMLInputElement>\n) => {\n const [focus, setFocus] = useState(false);\n const inputWrapperRef = useRef<HTMLDivElement>(null);\n const suffixRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (name === undefined) {\n throw new Error(\"Please give your <Input /> component a 'name' attribute\");\n }\n }, []);\n\n const inputClassNames = [classes[\"input\"]];\n\n const renderElement = (el: ReactNode) => {\n return typeof el === \"string\" ? <span>{el}</span> : el;\n };\n\n (dateTypes as ReadonlyArray<string>).includes(type) &&\n inputClassNames.push(classes[\"shrink-width-for-date-icon\"]);\n className && inputClassNames.push(className);\n\n const wrapperClasses = [classes[\"input-wrapper\"]];\n const outlineClasses = [classes[\"outline\"]];\n\n wrapperProps?.className && wrapperClasses.push(wrapperProps.className);\n type === \"hidden\" && wrapperClasses.push(readyclasses[\"hidden\"]);\n prefix && wrapperClasses.push(classes[\"prefix\"]);\n suffix && wrapperClasses.push(classes[\"suffix\"]);\n disabled && wrapperClasses.push(classes[\"disabled\"]) && outlineClasses.push(classes[\"disabled\"]);\n error && wrapperClasses.push(classes[\"error\"]) && outlineClasses.push(classes[\"error\"]);\n focus && wrapperClasses.push(classes[\"focus\"]) && outlineClasses.push(classes[\"focus\"]);\n success && wrapperClasses.push(classes[\"success\"]);\n\n const icon = useDetermineStatusIcon({ success, error });\n const readOnlyMode = rest[\"data-readonlyview\"] as boolean;\n\n return (\n <div\n ref={inputWrapperRef}\n {...wrapperProps}\n style={{ ...style }}\n data-readonlyview={readOnlyMode}\n className={`${classes[\"input-wrapper\"]} ${wrapperClasses.join(\" \")}`}\n tabIndex={readOnlyMode ? 0 : -1}\n >\n {prefix && (\n <div data-prefix className={classes[\"prefix\"]}>\n {renderElement(prefix)}\n </div>\n )}\n <input\n {...rest}\n ref={ref}\n aria-readonly={readOnlyMode}\n readOnly={readOnlyMode}\n onFocus={event => {\n setFocus(true);\n onFocus?.(event);\n }}\n onBlur={event => {\n setFocus(false);\n onBlur?.(event);\n }}\n aria-labelledby={labeledBy}\n type={type}\n name={name}\n disabled={disabled}\n className={inputClassNames.join(\" \")}\n spellCheck={rest.spellCheck ?? false}\n tabIndex={readOnlyMode ? -1 : 0}\n />\n {icon}\n {suffix && (\n <div ref={suffixRef} data-suffix className={classes[\"suffix\"]}>\n {renderElement(suffix)}\n </div>\n )}\n\n <span className={outlineClasses.join(\" \")}></span>\n </div>\n );\n};\n\nexport const Input = withReadOnly(React.forwardRef(InputComponent));\n"],"names":["dateTypes","Input","withReadOnly","React","forwardRef","error","success","className","name","style","wrapperProps","type","labeledBy","prefix","suffix","disabled","onFocus","onBlur","readOnlyView","rest","ref","focus","setFocus","useState","inputWrapperRef","useRef","suffixRef","useEffect","undefined","Error","inputClassNames","classes","renderElement","el","createElement","includes","push","wrapperClasses","outlineClasses","readyclasses","default","icon","useDetermineStatusIcon","readOnlyMode","join","tabIndex","readOnly","event","spellCheck","_a"],"mappings":"qOAgCa,MAAAA,EAAY,CAAC,OAAQ,OAAQ,kBAgI7BC,EAAQC,EAAYA,aAACC,EAAMC,YAtGkC,EAEtEC,SAAQ,EACRC,WAAU,EACVC,YACAC,OACAC,QACAC,eACAC,OACAC,YACAC,SACAC,SACAC,WACAC,UACAC,SACAC,kBACGC,GAELC,WAEA,MAAOC,EAAOC,GAAYC,EAAQA,UAAC,GAC7BC,EAAkBC,SAAuB,MACzCC,EAAYD,SAAuB,MAEzCE,EAAAA,WAAU,KACR,QAAaC,IAATpB,EACF,MAAM,IAAIqB,MAAM,0DACjB,GACA,IAEH,MAAMC,EAAkB,CAACC,UAAe,OAElCC,EAAiBC,GACA,iBAAPA,EAAkB9B,EAAO+B,cAAA,OAAA,KAAAD,GAAaA,EAGrDjC,EAAoCmC,SAASxB,IAC5CmB,EAAgBM,KAAKL,UAAQ,+BAC/BxB,GAAauB,EAAgBM,KAAK7B,GAElC,MAAM8B,EAAiB,CAACN,UAAQ,kBAC1BO,EAAiB,CAACP,UAAiB,UAEzCrB,aAAA,EAAAA,EAAcH,YAAa8B,EAAeD,KAAK1B,EAAaH,WACnD,WAATI,GAAqB0B,EAAeD,KAAKG,EAAYC,QAAS,QAC9D3B,GAAUwB,EAAeD,KAAKL,EAAAA,QAAgB,QAC9CjB,GAAUuB,EAAeD,KAAKL,EAAAA,QAAgB,QAC9ChB,GAAYsB,EAAeD,KAAKL,EAAAA,QAAkB,WAAMO,EAAeF,KAAKL,UAAkB,UAC9F1B,GAASgC,EAAeD,KAAKL,EAAAA,QAAe,QAAMO,EAAeF,KAAKL,UAAe,OACrFV,GAASgB,EAAeD,KAAKL,EAAAA,QAAe,QAAMO,EAAeF,KAAKL,UAAe,OACrFzB,GAAW+B,EAAeD,KAAKL,EAAAA,QAAiB,SAEhD,MAAMU,EAAOC,EAAsBA,uBAAC,CAAEpC,UAASD,UACzCsC,EAAexB,EAAK,qBAE1B,OACEhB,uBACEiB,IAAKI,KACDd,EACJD,MAAO,IAAKA,GACO,oBAAAkC,EACnBpC,UAAW,GAAGwB,EAAOS,QAAC,oBAAoBH,EAAeO,KAAK,OAC9DC,SAAUF,EAAe,GAAK,GAE7B9B,GACCV,EAAiB+B,cAAA,MAAA,CAAA,eAAA,EAAA3B,UAAWwB,EAAAA,QAAgB,QACzCC,EAAcnB,IAGnBV,EAAA+B,cAAA,QAAA,IACMf,EACJC,IAAKA,kBACUuB,EACfG,SAAUH,EACV3B,QAAS+B,IACPzB,GAAS,GACTN,SAAAA,EAAU+B,EAAM,EAElB9B,OAAQ8B,IACNzB,GAAS,GACTL,SAAAA,EAAS8B,EAAM,EAChB,kBACgBnC,EACjBD,KAAMA,EACNH,KAAMA,EACNO,SAAUA,EACVR,UAAWuB,EAAgBc,KAAK,KAChCI,WAA2B,QAAfC,EAAA9B,EAAK6B,kBAAU,IAAAC,GAAAA,EAC3BJ,SAAUF,GAAgB,EAAI,IAE/BF,EACA3B,GACCX,EAAA+B,cAAA,MAAA,CAAKd,IAAKM,mBAAuBnB,UAAWwB,EAAOS,QAAS,QACzDR,EAAclB,IAInBX,EAAM+B,cAAA,OAAA,CAAA3B,UAAW+B,EAAeM,KAAK,OAEvC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.Input-module_sr-only__u9KmF{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Input-module_hidden__FwpzS{display:none}.Input-module_slide-in__pQw99{animation:Input-module_slide-in__pQw99 .5s forwards}@media (prefers-reduced-motion:reduce){.Input-module_slide-in__pQw99{animation-duration:.1ms}}.Input-module_slide-out__9-4Xf{animation:Input-module_slide-out__9-4Xf .5s forwards}@media (prefers-reduced-motion:reduce){.Input-module_slide-out__9-4Xf{animation-duration:.1ms}}@keyframes Input-module_slide-in__pQw99{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Input-module_slide-out__9-4Xf{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.Input-module_input-wrapper__GYlup{align-items:center;background-color:var(--input-background-color);border:0;border-radius:var(--input-border-radius);display:flex;padding:0 .5rem;position:relative;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Input-module_input-wrapper__GYlup{transition-duration:.1ms}}.Input-module_input-wrapper__GYlup input:-webkit-autofill,.Input-module_input-wrapper__GYlup input:-webkit-autofill:active,.Input-module_input-wrapper__GYlup input:-webkit-autofill:focus,.Input-module_input-wrapper__GYlup input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out 0s!important}.Input-module_input-wrapper__GYlup input:-webkit-autofill:active~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:focus~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:hover~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill~.Input-module_outline__orHmi:after{border-radius:var(--input-border-radius);content:"";display:block;height:100%;position:absolute;width:100%}@media (-webkit-min-device-pixel-ratio:0) and (min-resolution:0.001dpcm){.Input-module_input-wrapper__GYlup input:-webkit-autofill:active~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:focus~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:hover~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill~.Input-module_outline__orHmi:after{background-color:#e8f0fe}}@media not all and (min-resolution:0.001dpcm){.Input-module_input-wrapper__GYlup input:-webkit-autofill:active~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:focus~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:hover~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill~.Input-module_outline__orHmi:after{background-color:#faffbd}}.Input-module_input-wrapper__GYlup:hover .Input-module_outline__orHmi{background-color:var(--input-hover-background-color);border-color:var(--default)}.Input-module_input-wrapper__GYlup .Input-module_outline__orHmi.Input-module_disabled__HDz3n{background-color:var(--input-disabled-background-color);border-color:var(--disabled)}.Input-module_input-wrapper__GYlup .Input-module_outline__orHmi.Input-module_error__DnA1X{border-color:var(--error)}.Input-module_input-wrapper__GYlup .Input-module_outline__orHmi.Input-module_focus__MWEAK{border-width:var(--input-border-width-focus)}.Input-module_input-wrapper__GYlup .Input-module_outline__orHmi.Input-module_focus__MWEAK:not(.Input-module_error__DnA1X){border-color:var(--color-focus)}.Input-module_input-wrapper__GYlup [data-icon-status=error],.Input-module_input-wrapper__GYlup [data-icon-status=success]{align-items:center;box-sizing:border-box;display:flex;font-size:1.125rem;height:100%;justify-content:center;width:1.25rem;z-index:2}.Input-module_input-wrapper__GYlup [data-icon-status=error]:before,.Input-module_input-wrapper__GYlup [data-icon-status=success]:before{align-items:center;display:flex;font-size:1.125rem;height:1.25rem;justify-content:center;width:1.25rem}.Input-module_input-wrapper__GYlup [data-icon-status=success]{color:var(--success)}.Input-module_input-wrapper__GYlup [data-icon-status=error]{color:var(--error)}.Input-module_input__DImrC{background-color:initial;border:0;border-radius:var(--input-border-radius);box-sizing:border-box;color:var(--color-blue-grey900);font-family:var(--font-family);font-size:var(--form-control-font-size);height:40px;padding:0;z-index:1}.Input-module_input__DImrC:not(.Input-module_shrink-width-for-date-icon__2dVxY){width:100%}.Input-module_input__DImrC:disabled{color:var(--greyed-out);cursor:not-allowed}.Input-module_input__DImrC.Input-module_shrink-width-for-date-icon__2dVxY{width:auto}.Input-module_input__DImrC{transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Input-module_input__DImrC{transition-duration:.1ms}}.Input-module_input__DImrC:focus:not(:disabled){outline:none}.Input-module_outline__orHmi{border-color:var(--light-border-color);border-radius:var(--input-border-radius);border-style:var(--input-border-style);border-width:var(--input-border-width);inset:0;margin:0;padding:0;pointer-events:none;position:absolute;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Input-module_outline__orHmi{transition-duration:.1ms}}.Input-module_error__DnA1X input{padding-right:1.25rem}.Input-module_error__DnA1X input.Input-module_remove-extra-indent__-uHcP{padding-right:0}.Input-module_success__iVzsx input{padding-right:1.25rem}.Input-module_input-wrapper__GYlup [data-prefix],.Input-module_input-wrapper__GYlup [data-suffix]{display:block;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;z-index:1}@media (prefers-reduced-motion:reduce){.Input-module_input-wrapper__GYlup [data-prefix],.Input-module_input-wrapper__GYlup [data-suffix]{transition-duration:.1ms}}@media only screen and (min-width:30em){.Input-module_input-wrapper__GYlup{padding:0 .5rem}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklucHV0Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLDZCQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSw0QkFDRSxZQUNGLENBRUEsOEJBQ0UsbURBQ0YsQ0FDQSx1Q0FDRSw4QkFDRSx1QkFDRixDQUNGLENBRUEsK0JBQ0Usb0RBQ0YsQ0FDQSx1Q0FDRSwrQkFDRSx1QkFDRixDQUNGLENBRUEsd0NBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLHlDQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0Y7QUFDQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLG1DQUdFLGtCQUFtQixDQUduQiw4Q0FBK0MsQ0FGL0MsUUFBUyxDQUNULHdDQUF5QyxDQUh6QyxZQUFhLENBS2IsZUFBaUIsQ0FOakIsaUJBQWtCLENBUWxCLHVCQUF5QixDQUR6Qix1QkFBd0IsQ0FFeEIsc0NBQ0YsQ0FDQSx1Q0FDRSxtQ0FDRSx3QkFDRixDQUNGLENBQ0EsMlBBSUUsMERBQ0YsQ0FDQSx1WUFTRSx3Q0FBeUMsQ0FMekMsVUFBVyxDQUVYLGFBQWMsQ0FFZCxXQUFZLENBSFosaUJBQWtCLENBRWxCLFVBR0YsQ0FDQSx5RUFDRSx1WUFJRSx3QkFDRixDQUNGLENBQ0EsOENBQ0UsdVlBSUUsd0JBQ0YsQ0FDRixDQUNBLHNFQUVFLG9EQUFxRCxDQURyRCwyQkFFRixDQUNBLDZGQUVFLHVEQUF3RCxDQUR4RCw0QkFFRixDQUNBLDBGQUNFLHlCQUNGLENBQ0EsMEZBQ0UsNENBQ0YsQ0FDQSwwSEFDRSwrQkFDRixDQUNBLDBIQU9FLGtCQUFtQixDQUhuQixxQkFBc0IsQ0FFdEIsWUFBYSxDQURiLGtCQUFtQixDQUhuQixXQUFZLENBTVosc0JBQXVCLENBTHZCLGFBQWMsQ0FNZCxTQUNGLENBQ0Esd0lBTUUsa0JBQW1CLENBRG5CLFlBQWEsQ0FIYixrQkFBbUIsQ0FDbkIsY0FBZSxDQUlmLHNCQUF1QixDQUh2QixhQUlGLENBQ0EsOERBQ0Usb0JBQ0YsQ0FDQSw0REFDRSxrQkFDRixDQUVBLDJCQVNFLHdCQUE2QixDQUY3QixRQUFTLENBQ1Qsd0NBQXlDLENBRnpDLHFCQUFzQixDQUh0QiwrQkFBZ0MsQ0FFaEMsOEJBQStCLENBRC9CLHVDQUF3QyxDQUZ4QyxXQUFZLENBRFosU0FBVSxDQVNWLFNBQ0YsQ0FDQSxnRkFDRSxVQUNGLENBQ0Esb0NBRUUsdUJBQXdCLENBRHhCLGtCQUVGLENBQ0EsMEVBQ0UsVUFDRixDQUNBLDJCQUVFLHVCQUF5QixDQUR6Qix1QkFBd0IsQ0FFeEIsc0NBQ0YsQ0FDQSx1Q0FDRSwyQkFDRSx3QkFDRixDQUNGLENBQ0EsZ0RBQ0UsWUFDRixDQUVBLDZCQU1FLHNDQUF1QyxDQUd2Qyx3Q0FBeUMsQ0FGekMsc0NBQXVDLENBQ3ZDLHNDQUF1QyxDQUh2QyxPQUFRLENBRlIsUUFBUyxDQUNULFNBQVUsQ0FIVixtQkFBb0IsQ0FDcEIsaUJBQWtCLENBU2xCLHVCQUF5QixDQUR6Qix1QkFBd0IsQ0FFeEIsc0NBQ0YsQ0FDQSx1Q0FDRSw2QkFDRSx3QkFDRixDQUNGLENBRUEsaUNBQ0UscUJBQ0YsQ0FDQSx5RUFDRSxlQUNGLENBRUEsbUNBQ0UscUJBQ0YsQ0FFQSxrR0FFRSxhQUFjLENBR2QsdUJBQXlCLENBRHpCLHVCQUF3QixDQUV4QixzQ0FBdUMsQ0FIdkMsU0FJRixDQUNBLHVDQUNFLGtHQUVFLHdCQUNGLENBQ0YsQ0FFQSx3Q0FDRSxtQ0FDRSxlQUNGLENBQ0YiLCJmaWxlIjoiSW5wdXQubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLmlucHV0LXdyYXBwZXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJvcmRlcjogMDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlucHV0LWJhY2tncm91bmQtY29sb3IpO1xuICBwYWRkaW5nOiAwIDAuNXJlbTtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYWxsO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuaW5wdXQtd3JhcHBlciB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGwsXG4uaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmhvdmVyLFxuLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbDpmb2N1cyxcbi5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGw6YWN0aXZlIHtcbiAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciA1MDAwcyBlYXNlLWluLW91dCAwcyAhaW1wb3J0YW50O1xufVxuLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbCB+IC5vdXRsaW5lOmFmdGVyLFxuLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbDpob3ZlciB+IC5vdXRsaW5lOmFmdGVyLFxuLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbDpmb2N1cyB+IC5vdXRsaW5lOmFmdGVyLFxuLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbDphY3RpdmUgfiAub3V0bGluZTphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xufVxuQG1lZGlhIGFsbCBhbmQgKC13ZWJraXQtbWluLWRldmljZS1waXhlbC1yYXRpbzogMCkgYW5kIChtaW4tcmVzb2x1dGlvbjogMC4wMDFkcGNtKSB7XG4gIC5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGwgfiAub3V0bGluZTphZnRlcixcbiAgLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbDpob3ZlciB+IC5vdXRsaW5lOmFmdGVyLFxuICAuaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmZvY3VzIH4gLm91dGxpbmU6YWZ0ZXIsXG4gIC5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGw6YWN0aXZlIH4gLm91dGxpbmU6YWZ0ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHJnYigyMzIsIDI0MCwgMjU0KTtcbiAgfVxufVxuQG1lZGlhIG5vdCBhbGwgYW5kIChtaW4tcmVzb2x1dGlvbjogMC4wMDFkcGNtKSB7XG4gIC5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGwgfiAub3V0bGluZTphZnRlcixcbiAgLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbDpob3ZlciB+IC5vdXRsaW5lOmFmdGVyLFxuICAuaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmZvY3VzIH4gLm91dGxpbmU6YWZ0ZXIsXG4gIC5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGw6YWN0aXZlIH4gLm91dGxpbmU6YWZ0ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHJnYigyNTAsIDI1NSwgMTg5KTtcbiAgfVxufVxuLmlucHV0LXdyYXBwZXI6aG92ZXIgLm91dGxpbmUge1xuICBib3JkZXItY29sb3I6IHZhcigtLWRlZmF1bHQpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pbnB1dC1ob3Zlci1iYWNrZ3JvdW5kLWNvbG9yKTtcbn1cbi5pbnB1dC13cmFwcGVyIC5vdXRsaW5lLmRpc2FibGVkIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1kaXNhYmxlZCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWlucHV0LWRpc2FibGVkLWJhY2tncm91bmQtY29sb3IpO1xufVxuLmlucHV0LXdyYXBwZXIgLm91dGxpbmUuZXJyb3Ige1xuICBib3JkZXItY29sb3I6IHZhcigtLWVycm9yKTtcbn1cbi5pbnB1dC13cmFwcGVyIC5vdXRsaW5lLmZvY3VzIHtcbiAgYm9yZGVyLXdpZHRoOiB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgtZm9jdXMpO1xufVxuLmlucHV0LXdyYXBwZXIgLm91dGxpbmUuZm9jdXM6bm90KC5lcnJvcikge1xuICBib3JkZXItY29sb3I6IHZhcigtLWNvbG9yLWZvY3VzKTtcbn1cbi5pbnB1dC13cmFwcGVyIFtkYXRhLWljb24tc3RhdHVzPXN1Y2Nlc3NdLFxuLmlucHV0LXdyYXBwZXIgW2RhdGEtaWNvbi1zdGF0dXM9ZXJyb3JdIHtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMS4yNXJlbTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgZm9udC1zaXplOiAxLjEyNXJlbTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHotaW5kZXg6IDI7XG59XG4uaW5wdXQtd3JhcHBlciBbZGF0YS1pY29uLXN0YXR1cz1zdWNjZXNzXTpiZWZvcmUsXG4uaW5wdXQtd3JhcHBlciBbZGF0YS1pY29uLXN0YXR1cz1lcnJvcl06YmVmb3JlIHtcbiAgZm9udC1zaXplOiAxLjEyNXJlbTtcbiAgaGVpZ2h0OiAxLjI1cmVtO1xuICB3aWR0aDogMS4yNXJlbTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG59XG4uaW5wdXQtd3JhcHBlciBbZGF0YS1pY29uLXN0YXR1cz1zdWNjZXNzXSB7XG4gIGNvbG9yOiB2YXIoLS1zdWNjZXNzKTtcbn1cbi5pbnB1dC13cmFwcGVyIFtkYXRhLWljb24tc3RhdHVzPWVycm9yXSB7XG4gIGNvbG9yOiB2YXIoLS1lcnJvcik7XG59XG5cbi5pbnB1dCB7XG4gIHBhZGRpbmc6IDA7XG4gIGhlaWdodDogNDBweDtcbiAgY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTkwMCk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9ybS1jb250cm9sLWZvbnQtc2l6ZSk7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGJvcmRlcjogMDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICB6LWluZGV4OiAxO1xufVxuLmlucHV0Om5vdCguc2hyaW5rLXdpZHRoLWZvci1kYXRlLWljb24pIHtcbiAgd2lkdGg6IDEwMCU7XG59XG4uaW5wdXQ6ZGlzYWJsZWQge1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICBjb2xvcjogdmFyKC0tZ3JleWVkLW91dCk7XG59XG4uaW5wdXQuc2hyaW5rLXdpZHRoLWZvci1kYXRlLWljb24ge1xuICB3aWR0aDogYXV0bztcbn1cbi5pbnB1dCB7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLmlucHV0IHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLmlucHV0OmZvY3VzOm5vdCg6ZGlzYWJsZWQpIHtcbiAgb3V0bGluZTogbm9uZTtcbn1cblxuLm91dGxpbmUge1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIGluc2V0OiAwO1xuICBib3JkZXItY29sb3I6IHZhcigtLWxpZ2h0LWJvcmRlci1jb2xvcik7XG4gIGJvcmRlci1zdHlsZTogdmFyKC0taW5wdXQtYm9yZGVyLXN0eWxlKTtcbiAgYm9yZGVyLXdpZHRoOiB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgpO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1pbnB1dC1ib3JkZXItcmFkaXVzKTtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYWxsO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAub3V0bGluZSB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLmVycm9yIGlucHV0IHtcbiAgcGFkZGluZy1yaWdodDogMS4yNXJlbTtcbn1cbi5lcnJvciBpbnB1dC5yZW1vdmUtZXh0cmEtaW5kZW50IHtcbiAgcGFkZGluZy1yaWdodDogMDtcbn1cblxuLnN1Y2Nlc3MgaW5wdXQge1xuICBwYWRkaW5nLXJpZ2h0OiAxLjI1cmVtO1xufVxuXG4uaW5wdXQtd3JhcHBlciBbZGF0YS1wcmVmaXhdLFxuLmlucHV0LXdyYXBwZXIgW2RhdGEtc3VmZml4XSB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICB6LWluZGV4OiAxO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBhbGw7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5pbnB1dC13cmFwcGVyIFtkYXRhLXByZWZpeF0sXG4gIC5pbnB1dC13cmFwcGVyIFtkYXRhLXN1ZmZpeF0ge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMzBlbSkge1xuICAuaW5wdXQtd3JhcHBlciB7XG4gICAgcGFkZGluZzogMCAwLjVyZW07XG4gIH1cbn0iXX0= */'),exports.default={"sr-only":"Input-module_sr-only__u9KmF",hidden:"Input-module_hidden__FwpzS","slide-in":"Input-module_slide-in__pQw99","slide-out":"Input-module_slide-out__9-4Xf","input-wrapper":"Input-module_input-wrapper__GYlup",outline:"Input-module_outline__orHmi",disabled:"Input-module_disabled__HDz3n",error:"Input-module_error__DnA1X",focus:"Input-module_focus__MWEAK",input:"Input-module_input__DImrC","shrink-width-for-date-icon":"Input-module_shrink-width-for-date-icon__2dVxY","remove-extra-indent":"Input-module_remove-extra-indent__-uHcP",success:"Input-module_success__iVzsx"};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.Input-module_sr-only__u9KmF{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.Input-module_hidden__FwpzS{display:none}.Input-module_slide-in__pQw99{animation:Input-module_slide-in__pQw99 .5s forwards}@media (prefers-reduced-motion:reduce){.Input-module_slide-in__pQw99{animation-duration:.1ms}}.Input-module_slide-out__9-4Xf{animation:Input-module_slide-out__9-4Xf .5s forwards}@media (prefers-reduced-motion:reduce){.Input-module_slide-out__9-4Xf{animation-duration:.1ms}}@keyframes Input-module_slide-in__pQw99{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes Input-module_slide-out__9-4Xf{0%{transform:translateY(0)}to{transform:translateY(100vh)}}\n/*!\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.Input-module_input-wrapper__GYlup{align-items:center;background-color:var(--input-background-color);border:0;border-radius:var(--input-border-radius);display:flex;padding:0 .5rem;position:relative;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Input-module_input-wrapper__GYlup{transition-duration:.1ms}}.Input-module_input-wrapper__GYlup input:-webkit-autofill,.Input-module_input-wrapper__GYlup input:-webkit-autofill:active,.Input-module_input-wrapper__GYlup input:-webkit-autofill:focus,.Input-module_input-wrapper__GYlup input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out 0s!important}.Input-module_input-wrapper__GYlup input:-webkit-autofill:active~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:focus~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:hover~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill~.Input-module_outline__orHmi:after{border-radius:var(--input-border-radius);content:"";display:block;height:100%;position:absolute;width:100%}@media (-webkit-min-device-pixel-ratio:0) and (min-resolution:0.001dpcm){.Input-module_input-wrapper__GYlup input:-webkit-autofill:active~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:focus~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:hover~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill~.Input-module_outline__orHmi:after{background-color:#e8f0fe}}@media not all and (min-resolution:0.001dpcm){.Input-module_input-wrapper__GYlup input:-webkit-autofill:active~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:focus~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill:hover~.Input-module_outline__orHmi:after,.Input-module_input-wrapper__GYlup input:-webkit-autofill~.Input-module_outline__orHmi:after{background-color:#faffbd}}.Input-module_input-wrapper__GYlup:hover .Input-module_outline__orHmi{background-color:var(--input-hover-background-color);border-color:var(--default)}.Input-module_input-wrapper__GYlup .Input-module_outline__orHmi.Input-module_disabled__HDz3n{background-color:var(--input-disabled-background-color);border-color:var(--disabled)}.Input-module_input-wrapper__GYlup .Input-module_outline__orHmi.Input-module_error__DnA1X{border-color:var(--error)}.Input-module_input-wrapper__GYlup .Input-module_outline__orHmi.Input-module_focus__MWEAK{border-width:var(--input-border-width-focus)}.Input-module_input-wrapper__GYlup .Input-module_outline__orHmi.Input-module_focus__MWEAK:not(.Input-module_error__DnA1X){border-color:var(--color-focus)}.Input-module_input-wrapper__GYlup [data-icon-status=error],.Input-module_input-wrapper__GYlup [data-icon-status=success]{align-items:center;box-sizing:border-box;display:flex;font-size:1.125rem;height:100%;justify-content:center;width:1.25rem;z-index:2}.Input-module_input-wrapper__GYlup [data-icon-status=error]:before,.Input-module_input-wrapper__GYlup [data-icon-status=success]:before{align-items:center;display:flex;font-size:1.125rem;height:1.25rem;justify-content:center;width:1.25rem}.Input-module_input-wrapper__GYlup [data-icon-status=success]{color:var(--success)}.Input-module_input-wrapper__GYlup [data-icon-status=error]{color:var(--error)}.Input-module_input-wrapper__GYlup[data-readonlyview=true]{color:var(--read-only-text-color)}.Input-module_input-wrapper__GYlup[data-readonlyview=true] .Input-module_Input-module__eIyXD{border-color:var(--read-only-border-color)}.Input-module_input-wrapper__GYlup[data-readonlyview=true] span.Input-module_outline__orHmi{background-color:var(--color-white);border-color:var(--read-only-border-color);color:var(--read-only-text-color)}.Input-module_input-wrapper__GYlup[data-readonlyview=true] span.Input-module_outline__orHmi.Input-module_focus__MWEAK{border-color:var(--read-only-border-color)}.Input-module_input-wrapper__GYlup[data-readonlyview=true]:hover .Input-module_outline__orHmi{background-color:var(--color-white);border-color:var(--read-only-border-color);color:var(--read-only-text-color)}.Input-module_input__DImrC{background-color:initial;border:0;border-radius:var(--input-border-radius);box-sizing:border-box;color:var(--color-blue-grey900);font-family:var(--font-family);font-size:var(--form-control-font-size);height:40px;padding:0;z-index:1}.Input-module_input__DImrC:not(.Input-module_shrink-width-for-date-icon__2dVxY){width:100%}.Input-module_input__DImrC:disabled{color:var(--greyed-out);cursor:not-allowed}.Input-module_input__DImrC.Input-module_shrink-width-for-date-icon__2dVxY{width:auto}.Input-module_input__DImrC{transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Input-module_input__DImrC{transition-duration:.1ms}}.Input-module_input__DImrC:focus:not(:disabled){outline:none}[data-readonlyview=true] .Input-module_outline__orHmi{border-color:var(--read-only-border-color)}.Input-module_outline__orHmi{border-color:var(--light-border-color);border-radius:var(--input-border-radius);border-style:var(--input-border-style);border-width:var(--input-border-width);inset:0;margin:0;padding:0;pointer-events:none;position:absolute;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.Input-module_outline__orHmi{transition-duration:.1ms}}.Input-module_error__DnA1X input{padding-right:1.25rem}.Input-module_error__DnA1X input.Input-module_remove-extra-indent__-uHcP{padding-right:0}.Input-module_success__iVzsx input{padding-right:1.25rem}.Input-module_input-wrapper__GYlup [data-prefix],.Input-module_input-wrapper__GYlup [data-suffix]{display:block;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;z-index:1}@media (prefers-reduced-motion:reduce){.Input-module_input-wrapper__GYlup [data-prefix],.Input-module_input-wrapper__GYlup [data-suffix]{transition-duration:.1ms}}@media only screen and (min-width:30em){.Input-module_input-wrapper__GYlup{padding:0 .5rem}}\n/*# sourceMappingURL=data:application/json;base64,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RSx3QkFDRixDQUNGLENBRUEsd0NBQ0UsbUNBQ0UsZUFDRixDQUNGIiwiZmlsZSI6IklucHV0Lm1vZHVsZS5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnNyLW9ubHkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIGhlaWdodDogMXB4O1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IC0xcHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gIGJvcmRlcjogMDtcbn1cblxuLmhpZGRlbiB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5zbGlkZS1pbiB7XG4gIGFuaW1hdGlvbjogc2xpZGUtaW4gMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG4uc2xpZGUtb3V0IHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1vdXQgMC41cyBmb3J3YXJkcztcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBzbGlkZS1pbiB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtb3V0IHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxufVxuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5pbnB1dC13cmFwcGVyIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBib3JkZXI6IDA7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pbnB1dC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgcGFkZGluZzogMCAwLjVyZW07XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLmlucHV0LXdyYXBwZXIge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG4uaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsLFxuLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbDpob3Zlcixcbi5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGw6Zm9jdXMsXG4uaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmFjdGl2ZSB7XG4gIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgNTAwMHMgZWFzZS1pbi1vdXQgMHMgIWltcG9ydGFudDtcbn1cbi5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGwgfiAub3V0bGluZTphZnRlcixcbi5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGw6aG92ZXIgfiAub3V0bGluZTphZnRlcixcbi5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGw6Zm9jdXMgfiAub3V0bGluZTphZnRlcixcbi5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGw6YWN0aXZlIH4gLm91dGxpbmU6YWZ0ZXIge1xuICBjb250ZW50OiBcIlwiO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1pbnB1dC1ib3JkZXItcmFkaXVzKTtcbn1cbkBtZWRpYSBhbGwgYW5kICgtd2Via2l0LW1pbi1kZXZpY2UtcGl4ZWwtcmF0aW86IDApIGFuZCAobWluLXJlc29sdXRpb246IDAuMDAxZHBjbSkge1xuICAuaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsIH4gLm91dGxpbmU6YWZ0ZXIsXG4gIC5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGw6aG92ZXIgfiAub3V0bGluZTphZnRlcixcbiAgLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbDpmb2N1cyB+IC5vdXRsaW5lOmFmdGVyLFxuICAuaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmFjdGl2ZSB+IC5vdXRsaW5lOmFmdGVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2IoMjMyLCAyNDAsIDI1NCk7XG4gIH1cbn1cbkBtZWRpYSBub3QgYWxsIGFuZCAobWluLXJlc29sdXRpb246IDAuMDAxZHBjbSkge1xuICAuaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsIH4gLm91dGxpbmU6YWZ0ZXIsXG4gIC5pbnB1dC13cmFwcGVyIGlucHV0Oi13ZWJraXQtYXV0b2ZpbGw6aG92ZXIgfiAub3V0bGluZTphZnRlcixcbiAgLmlucHV0LXdyYXBwZXIgaW5wdXQ6LXdlYmtpdC1hdXRvZmlsbDpmb2N1cyB+IC5vdXRsaW5lOmFmdGVyLFxuICAuaW5wdXQtd3JhcHBlciBpbnB1dDotd2Via2l0LWF1dG9maWxsOmFjdGl2ZSB+IC5vdXRsaW5lOmFmdGVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2IoMjUwLCAyNTUsIDE4OSk7XG4gIH1cbn1cbi5pbnB1dC13cmFwcGVyOmhvdmVyIC5vdXRsaW5lIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1kZWZhdWx0KTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0taW5wdXQtaG92ZXItYmFja2dyb3VuZC1jb2xvcik7XG59XG4uaW5wdXQtd3JhcHBlciAub3V0bGluZS5kaXNhYmxlZCB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tZGlzYWJsZWQpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pbnB1dC1kaXNhYmxlZC1iYWNrZ3JvdW5kLWNvbG9yKTtcbn1cbi5pbnB1dC13cmFwcGVyIC5vdXRsaW5lLmVycm9yIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1lcnJvcik7XG59XG4uaW5wdXQtd3JhcHBlciAub3V0bGluZS5mb2N1cyB7XG4gIGJvcmRlci13aWR0aDogdmFyKC0taW5wdXQtYm9yZGVyLXdpZHRoLWZvY3VzKTtcbn1cbi5pbnB1dC13cmFwcGVyIC5vdXRsaW5lLmZvY3VzOm5vdCguZXJyb3IpIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1jb2xvci1mb2N1cyk7XG59XG4uaW5wdXQtd3JhcHBlciBbZGF0YS1pY29uLXN0YXR1cz1zdWNjZXNzXSxcbi5pbnB1dC13cmFwcGVyIFtkYXRhLWljb24tc3RhdHVzPWVycm9yXSB7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDEuMjVyZW07XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGZvbnQtc2l6ZTogMS4xMjVyZW07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB6LWluZGV4OiAyO1xufVxuLmlucHV0LXdyYXBwZXIgW2RhdGEtaWNvbi1zdGF0dXM9c3VjY2Vzc106YmVmb3JlLFxuLmlucHV0LXdyYXBwZXIgW2RhdGEtaWNvbi1zdGF0dXM9ZXJyb3JdOmJlZm9yZSB7XG4gIGZvbnQtc2l6ZTogMS4xMjVyZW07XG4gIGhlaWdodDogMS4yNXJlbTtcbiAgd2lkdGg6IDEuMjVyZW07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xufVxuLmlucHV0LXdyYXBwZXIgW2RhdGEtaWNvbi1zdGF0dXM9c3VjY2Vzc10ge1xuICBjb2xvcjogdmFyKC0tc3VjY2Vzcyk7XG59XG4uaW5wdXQtd3JhcHBlciBbZGF0YS1pY29uLXN0YXR1cz1lcnJvcl0ge1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuLmlucHV0LXdyYXBwZXJbZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0ge1xuICBjb2xvcjogdmFyKC0tcmVhZC1vbmx5LXRleHQtY29sb3IpO1xufVxuLmlucHV0LXdyYXBwZXJbZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gLklucHV0LW1vZHVsZSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tcmVhZC1vbmx5LWJvcmRlci1jb2xvcik7XG59XG4uaW5wdXQtd3JhcHBlcltkYXRhLXJlYWRvbmx5dmlldz10cnVlXSBzcGFuLm91dGxpbmUge1xuICBjb2xvcjogdmFyKC0tcmVhZC1vbmx5LXRleHQtY29sb3IpO1xuICBib3JkZXItY29sb3I6IHZhcigtLXJlYWQtb25seS1ib3JkZXItY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci13aGl0ZSk7XG59XG4uaW5wdXQtd3JhcHBlcltkYXRhLXJlYWRvbmx5dmlldz10cnVlXSBzcGFuLm91dGxpbmUuZm9jdXMge1xuICBib3JkZXItY29sb3I6IHZhcigtLXJlYWQtb25seS1ib3JkZXItY29sb3IpO1xufVxuLmlucHV0LXdyYXBwZXJbZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV06aG92ZXIgLm91dGxpbmUge1xuICBjb2xvcjogdmFyKC0tcmVhZC1vbmx5LXRleHQtY29sb3IpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci13aGl0ZSk7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tcmVhZC1vbmx5LWJvcmRlci1jb2xvcik7XG59XG5cbi5pbnB1dCB7XG4gIHBhZGRpbmc6IDA7XG4gIGhlaWdodDogNDBweDtcbiAgY29sb3I6IHZhcigtLWNvbG9yLWJsdWUtZ3JleTkwMCk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9ybS1jb250cm9sLWZvbnQtc2l6ZSk7XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250LWZhbWlseSk7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGJvcmRlcjogMDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICB6LWluZGV4OiAxO1xufVxuLmlucHV0Om5vdCguc2hyaW5rLXdpZHRoLWZvci1kYXRlLWljb24pIHtcbiAgd2lkdGg6IDEwMCU7XG59XG4uaW5wdXQ6ZGlzYWJsZWQge1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICBjb2xvcjogdmFyKC0tZ3JleWVkLW91dCk7XG59XG4uaW5wdXQuc2hyaW5rLXdpZHRoLWZvci1kYXRlLWljb24ge1xuICB3aWR0aDogYXV0bztcbn1cbi5pbnB1dCB7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLmlucHV0IHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLmlucHV0OmZvY3VzOm5vdCg6ZGlzYWJsZWQpIHtcbiAgb3V0bGluZTogbm9uZTtcbn1cblxuW2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdIC5vdXRsaW5lIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1yZWFkLW9ubHktYm9yZGVyLWNvbG9yKTtcbn1cblxuLm91dGxpbmUge1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIGluc2V0OiAwO1xuICBib3JkZXItY29sb3I6IHZhcigtLWxpZ2h0LWJvcmRlci1jb2xvcik7XG4gIGJvcmRlci1zdHlsZTogdmFyKC0taW5wdXQtYm9yZGVyLXN0eWxlKTtcbiAgYm9yZGVyLXdpZHRoOiB2YXIoLS1pbnB1dC1ib3JkZXItd2lkdGgpO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1pbnB1dC1ib3JkZXItcmFkaXVzKTtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYWxsO1xuICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjJzO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbi1vdXQ7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAub3V0bGluZSB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLmVycm9yIGlucHV0IHtcbiAgcGFkZGluZy1yaWdodDogMS4yNXJlbTtcbn1cbi5lcnJvciBpbnB1dC5yZW1vdmUtZXh0cmEtaW5kZW50IHtcbiAgcGFkZGluZy1yaWdodDogMDtcbn1cblxuLnN1Y2Nlc3MgaW5wdXQge1xuICBwYWRkaW5nLXJpZ2h0OiAxLjI1cmVtO1xufVxuXG4uaW5wdXQtd3JhcHBlciBbZGF0YS1wcmVmaXhdLFxuLmlucHV0LXdyYXBwZXIgW2RhdGEtc3VmZml4XSB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICB6LWluZGV4OiAxO1xuICB0cmFuc2l0aW9uLXByb3BlcnR5OiBhbGw7XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5pbnB1dC13cmFwcGVyIFtkYXRhLXByZWZpeF0sXG4gIC5pbnB1dC13cmFwcGVyIFtkYXRhLXN1ZmZpeF0ge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMzBlbSkge1xuICAuaW5wdXQtd3JhcHBlciB7XG4gICAgcGFkZGluZzogMCAwLjVyZW07XG4gIH1cbn0iXX0= */'),exports.default={"sr-only":"Input-module_sr-only__u9KmF",hidden:"Input-module_hidden__FwpzS","slide-in":"Input-module_slide-in__pQw99","slide-out":"Input-module_slide-out__9-4Xf","input-wrapper":"Input-module_input-wrapper__GYlup",outline:"Input-module_outline__orHmi",disabled:"Input-module_disabled__HDz3n",error:"Input-module_error__DnA1X",focus:"Input-module_focus__MWEAK","Input-module":"Input-module_Input-module__eIyXD",input:"Input-module_input__DImrC","shrink-width-for-date-icon":"Input-module_shrink-width-for-date-icon__2dVxY","remove-extra-indent":"Input-module_remove-extra-indent__-uHcP",success:"Input-module_success__iVzsx"};
|
|
2
2
|
//# sourceMappingURL=Input.module.scss.cjs.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react"),r=require("../../Icon/Icon.cjs.js"),a=require("./Radio.module.scss.cjs.js"),
|
|
1
|
+
"use strict";var e=require("react"),r=require("../../Icon/Icon.cjs.js"),a=require("./Radio.module.scss.cjs.js"),t=require("../../src/hooks/useFormSelector.cjs.js"),o=require("../FormSelectorWrapper/FormSelectorWrapper.cjs.js");const l=require("../../withReadOnly.cjs.js").withReadOnly(e.forwardRef((({children:l,disabled:s,className:n,value:c,name:i,helperText:d,parentErrorId:p,parentHelperId:u,error:m,errorMessage:f,checked:h=!1,formSelectorWrapperProps:j,helperProps:I,onChange:b,...E},v)=>{const{errorId:y,identifier:g,describedBy:q}=t.useFormSelector({name:i,helperText:d,parentErrorId:p,errorMessage:f,error:m,parentHelperId:u}),w=e=>{if(s)return;const r=e.nativeEvent||e,a=new r.constructor(r.type,r);Object.defineProperty(a,"target",{writable:!0,value:{value:c}}),null==b||b(a)},F=[a.default["native-input"]],N=[a.default.input,a.default.radio],R=[a.default.input,a.default.circle];return m&&F.push(a.default.error),s&&N.push(a.default.disabled)&&R.push(a.default.disabled),e.createElement(o.FormSelectorWrapper,{...j,className:`${a.default["radio-wrapper"]} ${null!=n?n:""}`,containerProps:{className:a.default["radio-container"]},helperText:d,helperProps:I,parentErrorId:p,errorId:y,errorMessage:f,error:m,disabled:s,identifier:g},e.createElement("input",{...E,ref:v,disabled:s,tabIndex:0,className:F.join(" "),onChange:w,checked:h,"aria-checked":h,"aria-describedby":q,name:i,value:c,id:`${g}-radio`,type:"radio"}),h&&e.createElement(r.Icon,{className:N.join(" "),icon:r.Icons.Radio}),!h&&e.createElement(r.Icon,{className:R.join(" "),icon:r.Icons.Circle}),e.createElement("label",{onClick:w,htmlFor:`${g}-radio`},l))})));exports.Radio=l;
|
|
2
2
|
//# sourceMappingURL=Radio.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.cjs.js","sources":["../../../../../../src/components/Form/Radio/Radio.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef } from \"react\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport { Props as HelperProps } from \"../FormHelperText/FormHelperText\";\nimport classes from \"./Radio.module.scss\";\nimport { useFormSelector } from \"../../../hooks/useFormSelector\";\nimport { FormSelector } from \"../form.interfaces\";\nimport {\n FormSelectorWrapper,\n Props as FormSelectorWrapperProps\n} from \"../FormSelectorWrapper/FormSelectorWrapper\";\n\nexport interface Props extends ComponentPropsWithRef<\"input\">, Omit<FormSelector, \"success\"> {\n children: string;\n value: string;\n formSelectorWrapperProps?: FormSelectorWrapperProps;\n helperProps?: HelperProps;\n}\n\nconst RadioComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n {\n children,\n disabled,\n className,\n value,\n name,\n helperText,\n parentErrorId,\n parentHelperId,\n error,\n errorMessage,\n checked = false,\n formSelectorWrapperProps,\n helperProps,\n onChange,\n ...rest\n }: Props,\n ref\n) => {\n const { errorId, identifier, describedBy } = useFormSelector({\n name,\n helperText,\n parentErrorId,\n errorMessage,\n error,\n parentHelperId\n });\n\n const onChangeHandler = (\n event: React.ChangeEvent<HTMLInputElement> | React.MouseEvent | React.KeyboardEvent\n ) => {\n if (disabled) {\n return;\n }\n /** We have to clone the native event we got here and change the \"target\" property to the value. Otherwise, this regular event has \"on\" as it's event.target.value, which is useless. */\n const nativeEvent: any = event.nativeEvent || event;\n const clonedEvent = new nativeEvent.constructor(nativeEvent.type, nativeEvent);\n\n Object.defineProperty(clonedEvent, \"target\", {\n writable: true,\n value: { value: value }\n });\n\n onChange?.(clonedEvent);\n };\n\n const nativeInputClasses = [classes[\"native-input\"]];\n const checkedRadioClasses = [classes[\"input\"], classes[\"radio\"]];\n const uncheckedRadioClasses = [classes[\"input\"], classes[\"circle\"]];\n error && nativeInputClasses.push(classes[\"error\"]);\n disabled &&\n checkedRadioClasses.push(classes[\"disabled\"]) &&\n uncheckedRadioClasses.push(classes[\"disabled\"]);\n\n return (\n <FormSelectorWrapper\n {...formSelectorWrapperProps}\n className={`${classes[\"radio-wrapper\"]} ${className ?? \"\"}`}\n containerProps={{ className: classes[\"radio-container\"] }}\n helperText={helperText}\n helperProps={helperProps}\n parentErrorId={parentErrorId}\n errorId={errorId}\n errorMessage={errorMessage}\n error={error}\n disabled={disabled}\n identifier={identifier}\n >\n <input\n {...rest}\n ref={ref}\n disabled={disabled}\n tabIndex={0}\n className={nativeInputClasses.join(\" \")}\n onChange={onChangeHandler}\n checked={checked}\n aria-checked={checked}\n aria-describedby={describedBy}\n name={name}\n value={value}\n id={`${identifier}-radio`}\n type=\"radio\"\n />\n\n {checked && <Icon className={checkedRadioClasses.join(\" \")} icon={Icons.Radio} />}\n {!checked && <Icon className={uncheckedRadioClasses.join(\" \")} icon={Icons.Circle} />}\n\n <label onClick={onChangeHandler} htmlFor={`${identifier}-radio`}>\n {children}\n </label>\n </FormSelectorWrapper>\n );\n};\n\nexport const Radio = React.forwardRef(RadioComponent);\n"],"names":["Radio","React","forwardRef","children","disabled","className","value","name","helperText","parentErrorId","parentHelperId","error","errorMessage","checked","formSelectorWrapperProps","helperProps","onChange","rest","ref","errorId","identifier","describedBy","useFormSelector","onChangeHandler","event","nativeEvent","clonedEvent","constructor","type","Object","defineProperty","writable","nativeInputClasses","classes","checkedRadioClasses","default","uncheckedRadioClasses","push","createElement","FormSelectorWrapper","containerProps","tabIndex","join","id","Icon","icon","Icons","Circle","onClick","htmlFor"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Radio.cjs.js","sources":["../../../../../../src/components/Form/Radio/Radio.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React, { ForwardRefRenderFunction, ComponentPropsWithRef } from \"react\";\nimport { Icon, Icons } from \"../../Icon/Icon\";\nimport { Props as HelperProps } from \"../FormHelperText/FormHelperText\";\nimport classes from \"./Radio.module.scss\";\nimport { useFormSelector } from \"../../../hooks/useFormSelector\";\nimport { FormSelector } from \"../form.interfaces\";\nimport {\n FormSelectorWrapper,\n Props as FormSelectorWrapperProps\n} from \"../FormSelectorWrapper/FormSelectorWrapper\";\nimport { withReadOnly } from \"../../withReadOnly\";\n\nexport interface Props extends ComponentPropsWithRef<\"input\">, Omit<FormSelector, \"success\"> {\n children: string;\n value: string;\n formSelectorWrapperProps?: FormSelectorWrapperProps;\n helperProps?: HelperProps;\n}\n\nconst RadioComponent: ForwardRefRenderFunction<HTMLInputElement, Props> = (\n {\n children,\n disabled,\n className,\n value,\n name,\n helperText,\n parentErrorId,\n parentHelperId,\n error,\n errorMessage,\n checked = false,\n formSelectorWrapperProps,\n helperProps,\n onChange,\n ...rest\n }: Props,\n ref\n) => {\n const { errorId, identifier, describedBy } = useFormSelector({\n name,\n helperText,\n parentErrorId,\n errorMessage,\n error,\n parentHelperId\n });\n\n const onChangeHandler = (\n event: React.ChangeEvent<HTMLInputElement> | React.MouseEvent | React.KeyboardEvent\n ) => {\n if (disabled) {\n return;\n }\n /** We have to clone the native event we got here and change the \"target\" property to the value. Otherwise, this regular event has \"on\" as it's event.target.value, which is useless. */\n const nativeEvent: any = event.nativeEvent || event;\n const clonedEvent = new nativeEvent.constructor(nativeEvent.type, nativeEvent);\n\n Object.defineProperty(clonedEvent, \"target\", {\n writable: true,\n value: { value: value }\n });\n\n onChange?.(clonedEvent);\n };\n\n const nativeInputClasses = [classes[\"native-input\"]];\n const checkedRadioClasses = [classes[\"input\"], classes[\"radio\"]];\n const uncheckedRadioClasses = [classes[\"input\"], classes[\"circle\"]];\n error && nativeInputClasses.push(classes[\"error\"]);\n disabled &&\n checkedRadioClasses.push(classes[\"disabled\"]) &&\n uncheckedRadioClasses.push(classes[\"disabled\"]);\n\n return (\n <FormSelectorWrapper\n {...formSelectorWrapperProps}\n className={`${classes[\"radio-wrapper\"]} ${className ?? \"\"}`}\n containerProps={{ className: classes[\"radio-container\"] }}\n helperText={helperText}\n helperProps={helperProps}\n parentErrorId={parentErrorId}\n errorId={errorId}\n errorMessage={errorMessage}\n error={error}\n disabled={disabled}\n identifier={identifier}\n >\n <input\n {...rest}\n ref={ref}\n disabled={disabled}\n tabIndex={0}\n className={nativeInputClasses.join(\" \")}\n onChange={onChangeHandler}\n checked={checked}\n aria-checked={checked}\n aria-describedby={describedBy}\n name={name}\n value={value}\n id={`${identifier}-radio`}\n type=\"radio\"\n />\n\n {checked && <Icon className={checkedRadioClasses.join(\" \")} icon={Icons.Radio} />}\n {!checked && <Icon className={uncheckedRadioClasses.join(\" \")} icon={Icons.Circle} />}\n\n <label onClick={onChangeHandler} htmlFor={`${identifier}-radio`}>\n {children}\n </label>\n </FormSelectorWrapper>\n );\n};\n\nexport const Radio = withReadOnly(React.forwardRef(RadioComponent));\n"],"names":["Radio","withReadOnly","React","forwardRef","children","disabled","className","value","name","helperText","parentErrorId","parentHelperId","error","errorMessage","checked","formSelectorWrapperProps","helperProps","onChange","rest","ref","errorId","identifier","describedBy","useFormSelector","onChangeHandler","event","nativeEvent","clonedEvent","constructor","type","Object","defineProperty","writable","nativeInputClasses","classes","checkedRadioClasses","default","uncheckedRadioClasses","push","createElement","FormSelectorWrapper","containerProps","tabIndex","join","id","Icon","icon","Icons","Circle","onClick","htmlFor"],"mappings":"mOAmCA,MA+FaA,uCAAoBC,aAACC,EAAMC,YA/FkC,EAEtEC,WACAC,WACAC,YACAC,QACAC,OACAC,aACAC,gBACAC,iBACAC,QACAC,eACAC,WAAU,EACVC,2BACAC,cACAC,cACGC,GAELC,KAEA,MAAMC,QAAEA,EAAOC,WAAEA,EAAUC,YAAEA,GAAgBC,EAAAA,gBAAgB,CAC3Df,OACAC,aACAC,gBACAG,eACAD,QACAD,mBAGIa,EACJC,IAEA,GAAIpB,EACF,OAGF,MAAMqB,EAAmBD,EAAMC,aAAeD,EACxCE,EAAc,IAAID,EAAYE,YAAYF,EAAYG,KAAMH,GAElEI,OAAOC,eAAeJ,EAAa,SAAU,CAC3CK,UAAU,EACVzB,MAAO,CAAEA,MAAOA,KAGlBU,SAAAA,EAAWU,EAAY,EAGnBM,EAAqB,CAACC,UAAQ,iBAC9BC,EAAsB,CAACD,UAAe,MAAGA,EAAOE,QAAQ,OACxDC,EAAwB,CAACH,UAAe,MAAGA,EAAOE,QAAS,QAMjE,OALAxB,GAASqB,EAAmBK,KAAKJ,EAAAA,QAAe,OAChD7B,GACE8B,EAAoBG,KAAKJ,UAAkB,WAC3CG,EAAsBC,KAAKJ,UAAkB,UAG7ChC,EAAAqC,cAACC,sBAAmB,IACdzB,EACJT,UAAW,GAAG4B,UAAQ,oBAAoB5B,QAAAA,EAAa,KACvDmC,eAAgB,CAAEnC,UAAW4B,EAAOE,QAAC,oBACrC3B,WAAYA,EACZO,YAAaA,EACbN,cAAeA,EACfU,QAASA,EACTP,aAAcA,EACdD,MAAOA,EACPP,SAAUA,EACVgB,WAAYA,GAEZnB,EACMqC,cAAA,QAAA,IAAArB,EACJC,IAAKA,EACLd,SAAUA,EACVqC,SAAU,EACVpC,UAAW2B,EAAmBU,KAAK,KACnC1B,SAAUO,EACVV,QAASA,EAAO,eACFA,EAAO,mBACHQ,EAClBd,KAAMA,EACND,MAAOA,EACPqC,GAAI,GAAGvB,UACPQ,KAAK,UAGNf,GAAWZ,EAACqC,cAAAM,EAAIA,MAACvC,UAAW6B,EAAoBQ,KAAK,KAAMG,KAAMC,EAAKA,MAAC/C,SACtEc,GAAWZ,EAAAqC,cAACM,EAAAA,KAAK,CAAAvC,UAAW+B,EAAsBM,KAAK,KAAMG,KAAMC,EAAKA,MAACC,SAE3E9C,EAAAqC,cAAA,QAAA,CAAOU,QAASzB,EAAiB0B,QAAS,GAAG7B,WAC1CjB,GAGL"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.Radio-module_radio-wrapper__4532-{position:relative}.Radio-module_radio-wrapper__4532-+.Radio-module_radio-wrapper__4532-{margin-top:.75rem}.Radio-module_error__Pjq-F{color:var(--error)}.Radio-module_helper-text__GjhEJ{margin-left:1.75rem;margin-top:.25rem}.Radio-module_error-message__udguG{display:flex;margin-top:1.25rem}.Radio-module_error-icon__JPuVE{font-size:1.25rem;margin-right:.5rem}.Radio-module_radio-container__Z-lKd{display:flex}.Radio-module_radio-container__Z-lKd label{display:inline-block;font-family:var(--font-family);font-size:var(--font-size-form-label);margin-left:.5rem;margin-top:.15rem;user-select:none}.Radio-module_disabled__ASNkr .Radio-module_radio-container__Z-lKd label{cursor:not-allowed}.Radio-module_native-input__aXxo1{height:1.75rem;left:0;margin:0;opacity:0;position:absolute;top:0;width:1.75rem;z-index:2}.Radio-module_native-input__aXxo1+span[data-icon=true]:before{display:block;height:20px;width:20px}.Radio-module_native-input__aXxo1:checked+*{color:var(--color-primary)}.Radio-module_native-input__aXxo1:checked+.Radio-module_disabled__ASNkr{color:var(--disabled);cursor:not-allowed;pointer-events:none}.Radio-module_native-input__aXxo1:focus-visible+*{border-radius:100%;outline:2px solid var(--color-focus);outline-offset:2px}.Radio-module_native-input__aXxo1.Radio-module_error__Pjq-F+*{border-radius:100%}.Radio-module_native-input__aXxo1.Radio-module_error__Pjq-F:hover+.Radio-module_radio__B6HML:before{outline-color:var(--radio-hover-background-color)}.Radio-module_native-input__aXxo1.Radio-module_error__Pjq-F:active+.Radio-module_radio__B6HML:before{outline-color:var(--radio-pressed-background-color)}.Radio-module_native-input__aXxo1:hover+.Radio-module_input__XIS-I.Radio-module_circle__WmukT:not(.Radio-module_disabled__ASNkr){background-color:var(--radio-hover-background-color)}.Radio-module_native-input__aXxo1:active+.Radio-module_input__XIS-I.Radio-module_circle__WmukT:not(.Radio-module_disabled__ASNkr){background-color:var(--radio-pressed-background-color)}.Radio-module_native-input__aXxo1:hover+.Radio-module_input__XIS-I.Radio-module_radio__B6HML:not(.Radio-module_disabled__ASNkr){background-color:var(--radio-hover-background-color);color:var(--radio-hover-color)}.Radio-module_native-input__aXxo1:active+.Radio-module_input__XIS-I.Radio-module_radio__B6HML:not(.Radio-module_disabled__ASNkr){background-color:var(--radio-pressed-background-color);color:var(--radio-pressed-color)}.Radio-module_input__XIS-I{border-radius:100%;font-size:1.25rem;height:1.25rem;width:1.25rem;z-index:1}.Radio-module_input__XIS-I:active{border-radius:100%}.Radio-module_disabled__ASNkr .Radio-module_input__XIS-I{color:var(--disabled)}.Radio-module_disabled__ASNkr{color:var(--disabled);pointer-events:none}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJhZGlvLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsbUNBQ0UsaUJBQ0YsQ0FDQSxzRUFDRSxpQkFDRixDQUVBLDJCQUNFLGtCQUNGLENBRUEsaUNBRUUsbUJBQW9CLENBRHBCLGlCQUVGLENBRUEsbUNBRUUsWUFBYSxDQURiLGtCQUVGLENBRUEsZ0NBRUUsaUJBQWtCLENBRGxCLGtCQUVGLENBRUEscUNBQ0UsWUFDRixDQUNBLDJDQUNFLG9CQUFxQixDQUlyQiw4QkFBK0IsQ0FEL0IscUNBQXNDLENBRnRDLGlCQUFtQixDQUluQixpQkFBbUIsQ0FIbkIsZ0JBSUYsQ0FDQSx5RUFDRSxrQkFDRixDQUVBLGtDQU9FLGNBQWUsQ0FKZixNQUFPLENBRVAsUUFBUyxDQURULFNBQVUsQ0FIVixpQkFBa0IsQ0FDbEIsS0FBTSxDQUlOLGFBQWMsQ0FFZCxTQUNGLENBQ0EsOERBQ0UsYUFBYyxDQUVkLFdBQVksQ0FEWixVQUVGLENBQ0EsNENBQ0UsMEJBQ0YsQ0FDQSx3RUFDRSxxQkFBc0IsQ0FDdEIsa0JBQW1CLENBQ25CLG1CQUNGLENBQ0Esa0RBQ0Usa0JBQW1CLENBQ25CLG9DQUFxQyxDQUNyQyxrQkFDRixDQUNBLDhEQUNFLGtCQUNGLENBQ0Esb0dBQ0UsaURBQ0YsQ0FDQSxxR0FDRSxtREFDRixDQUNBLGlJQUNFLG9EQUNGLENBQ0Esa0lBQ0Usc0RBQ0YsQ0FDQSxnSUFDRSxvREFBcUQsQ0FDckQsOEJBQ0YsQ0FDQSxpSUFFRSxzREFBdUQsQ0FEdkQsZ0NBRUYsQ0FFQSwyQkFLRSxrQkFBbUIsQ0FKbkIsaUJBQWtCLENBRWxCLGNBQWUsQ0FEZixhQUFjLENBRWQsU0FFRixDQUNBLGtDQUNFLGtCQUNGLENBQ0EseURBQ0UscUJBQ0YsQ0FFQSw4QkFDRSxxQkFBc0IsQ0FDdEIsbUJBQ0YiLCJmaWxlIjoiUmFkaW8ubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnJhZGlvLXdyYXBwZXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4ucmFkaW8td3JhcHBlciArIC5yYWRpby13cmFwcGVyIHtcbiAgbWFyZ2luLXRvcDogMC43NXJlbTtcbn1cblxuLmVycm9yIHtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbn1cblxuLmhlbHBlci10ZXh0IHtcbiAgbWFyZ2luLXRvcDogMC4yNXJlbTtcbiAgbWFyZ2luLWxlZnQ6IDEuNzVyZW07XG59XG5cbi5lcnJvci1tZXNzYWdlIHtcbiAgbWFyZ2luLXRvcDogMS4yNXJlbTtcbiAgZGlzcGxheTogZmxleDtcbn1cblxuLmVycm9yLWljb24ge1xuICBtYXJnaW4tcmlnaHQ6IDAuNXJlbTtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xufVxuXG4ucmFkaW8tY29udGFpbmVyIHtcbiAgZGlzcGxheTogZmxleDtcbn1cbi5yYWRpby1jb250YWluZXIgbGFiZWwge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIG1hcmdpbi1sZWZ0OiAwLjVyZW07XG4gIHVzZXItc2VsZWN0OiBub25lO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1mb3JtLWxhYmVsKTtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5KTtcbiAgbWFyZ2luLXRvcDogMC4xNXJlbTtcbn1cbi5kaXNhYmxlZCAucmFkaW8tY29udGFpbmVyIGxhYmVsIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbn1cblxuLm5hdGl2ZS1pbnB1dCB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICBvcGFjaXR5OiAwO1xuICBtYXJnaW46IDA7XG4gIHdpZHRoOiAxLjc1cmVtO1xuICBoZWlnaHQ6IDEuNzVyZW07XG4gIHotaW5kZXg6IDI7XG59XG4ubmF0aXZlLWlucHV0ICsgc3BhbltkYXRhLWljb249dHJ1ZV06YmVmb3JlIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHdpZHRoOiAyMHB4O1xuICBoZWlnaHQ6IDIwcHg7XG59XG4ubmF0aXZlLWlucHV0OmNoZWNrZWQgKyAqIHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnkpO1xufVxuLm5hdGl2ZS1pbnB1dDpjaGVja2VkICsgKi5kaXNhYmxlZCB7XG4gIGNvbG9yOiB2YXIoLS1kaXNhYmxlZCk7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuLm5hdGl2ZS1pbnB1dDpmb2N1cy12aXNpYmxlICsgKiB7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAycHg7XG59XG4ubmF0aXZlLWlucHV0LmVycm9yICsgKiB7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG59XG4ubmF0aXZlLWlucHV0LmVycm9yOmhvdmVyICsgLnJhZGlvOjpiZWZvcmUge1xuICBvdXRsaW5lLWNvbG9yOiB2YXIoLS1yYWRpby1ob3Zlci1iYWNrZ3JvdW5kLWNvbG9yKTtcbn1cbi5uYXRpdmUtaW5wdXQuZXJyb3I6YWN0aXZlICsgLnJhZGlvOjpiZWZvcmUge1xuICBvdXRsaW5lLWNvbG9yOiB2YXIoLS1yYWRpby1wcmVzc2VkLWJhY2tncm91bmQtY29sb3IpO1xufVxuLm5hdGl2ZS1pbnB1dDpob3ZlciArIC5pbnB1dC5jaXJjbGU6bm90KC5kaXNhYmxlZCkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1yYWRpby1ob3Zlci1iYWNrZ3JvdW5kLWNvbG9yKTtcbn1cbi5uYXRpdmUtaW5wdXQ6YWN0aXZlICsgLmlucHV0LmNpcmNsZTpub3QoLmRpc2FibGVkKSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXJhZGlvLXByZXNzZWQtYmFja2dyb3VuZC1jb2xvcik7XG59XG4ubmF0aXZlLWlucHV0OmhvdmVyICsgLmlucHV0LnJhZGlvOm5vdCguZGlzYWJsZWQpIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcmFkaW8taG92ZXItYmFja2dyb3VuZC1jb2xvcik7XG4gIGNvbG9yOiB2YXIoLS1yYWRpby1ob3Zlci1jb2xvcik7XG59XG4ubmF0aXZlLWlucHV0OmFjdGl2ZSArIC5pbnB1dC5yYWRpbzpub3QoLmRpc2FibGVkKSB7XG4gIGNvbG9yOiB2YXIoLS1yYWRpby1wcmVzc2VkLWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcmFkaW8tcHJlc3NlZC1iYWNrZ3JvdW5kLWNvbG9yKTtcbn1cblxuLmlucHV0IHtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xuICB3aWR0aDogMS4yNXJlbTtcbiAgaGVpZ2h0OiAxLjI1cmVtO1xuICB6LWluZGV4OiAxO1xuICBib3JkZXItcmFkaXVzOiAxMDAlO1xufVxuLmlucHV0OmFjdGl2ZSB7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG59XG4uZGlzYWJsZWQgLmlucHV0IHtcbiAgY29sb3I6IHZhcigtLWRpc2FibGVkKTtcbn1cblxuLmRpc2FibGVkIHtcbiAgY29sb3I6IHZhcigtLWRpc2FibGVkKTtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59Il19 */'),exports.default={"radio-wrapper":"Radio-module_radio-wrapper__4532-",error:"Radio-module_error__Pjq-F","helper-text":"Radio-module_helper-text__GjhEJ","error-message":"Radio-module_error-message__udguG","error-icon":"Radio-module_error-icon__JPuVE","radio-container":"Radio-module_radio-container__Z-lKd",disabled:"Radio-module_disabled__ASNkr","native-input":"Radio-module_native-input__aXxo1",radio:"Radio-module_radio__B6HML",input:"Radio-module_input__XIS-I",circle:"Radio-module_circle__WmukT"};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});require("../../node_modules/style-inject/dist/style-inject.es.cjs.js").default('/*!\n * Copyright 2022 OneWelcome B.V.\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.Radio-module_radio-wrapper__4532-{position:relative}.Radio-module_radio-wrapper__4532-+.Radio-module_radio-wrapper__4532-{margin-top:.75rem}.Radio-module_error__Pjq-F{color:var(--error)}.Radio-module_helper-text__GjhEJ{margin-left:1.75rem;margin-top:.25rem}.Radio-module_error-message__udguG{display:flex;margin-top:1.25rem}.Radio-module_error-icon__JPuVE{font-size:1.25rem;margin-right:.5rem}.Radio-module_radio-container__Z-lKd{display:flex}.Radio-module_radio-container__Z-lKd label{display:inline-block;font-family:var(--font-family);font-size:var(--font-size-form-label);margin-left:.5rem;margin-top:.15rem;user-select:none}.Radio-module_disabled__ASNkr .Radio-module_radio-container__Z-lKd label{cursor:not-allowed}.Radio-module_native-input__aXxo1{height:1.75rem;left:0;margin:0;opacity:0;position:absolute;top:0;width:1.75rem;z-index:2}.Radio-module_native-input__aXxo1+span[data-icon=true]:before{display:block;height:20px;width:20px}.Radio-module_native-input__aXxo1:checked+*{color:var(--color-primary)}.Radio-module_native-input__aXxo1:checked+.Radio-module_disabled__ASNkr{color:var(--disabled);cursor:not-allowed;pointer-events:none}.Radio-module_native-input__aXxo1:focus-visible+*{border-radius:100%;outline:2px solid var(--color-focus);outline-offset:2px}.Radio-module_native-input__aXxo1.Radio-module_error__Pjq-F+*{border-radius:100%}.Radio-module_native-input__aXxo1.Radio-module_error__Pjq-F:hover+.Radio-module_radio__B6HML:before{outline-color:var(--radio-hover-background-color)}.Radio-module_native-input__aXxo1.Radio-module_error__Pjq-F:active+.Radio-module_radio__B6HML:before{outline-color:var(--radio-pressed-background-color)}.Radio-module_native-input__aXxo1:hover+.Radio-module_input__XIS-I.Radio-module_circle__WmukT:not(.Radio-module_disabled__ASNkr){background-color:var(--radio-hover-background-color)}.Radio-module_native-input__aXxo1:active+.Radio-module_input__XIS-I.Radio-module_circle__WmukT:not(.Radio-module_disabled__ASNkr){background-color:var(--radio-pressed-background-color)}.Radio-module_native-input__aXxo1:hover+.Radio-module_input__XIS-I.Radio-module_radio__B6HML:not(.Radio-module_disabled__ASNkr){background-color:var(--radio-hover-background-color);color:var(--radio-hover-color)}.Radio-module_native-input__aXxo1:active+.Radio-module_input__XIS-I.Radio-module_radio__B6HML:not(.Radio-module_disabled__ASNkr){background-color:var(--radio-pressed-background-color);color:var(--radio-pressed-color)}.Radio-module_input__XIS-I{border-radius:100%;font-size:1.25rem;height:1.25rem;width:1.25rem;z-index:1}.Radio-module_input__XIS-I:active{border-radius:100%}.Radio-module_disabled__ASNkr .Radio-module_input__XIS-I{color:var(--disabled)}.Radio-module_disabled__ASNkr{color:var(--disabled);pointer-events:none}[data-readonlyview=true] .Radio-module_radio-wrapper__4532-{color:var(--read-only-text-color)}[data-readonlyview=true] .Radio-module_radio-wrapper__4532- span.Radio-module_input__XIS-I{color:var(--read-only-text-color);cursor:not-allowed}[data-readonlyview=true] .Radio-module_radio-wrapper__4532- span.Radio-module_input__XIS-I:before{border-radius:50%;outline:1px solid var(--read-only-border-color);outline-offset:-1px}[data-readonlyview=true] label{user-select:text}input[type=radio][data-readonlyview=true]~span.Radio-module_input__XIS-I{color:var(--read-only-text-color);cursor:not-allowed}input[type=radio][data-readonlyview=true]~span.Radio-module_input__XIS-I:before{border-radius:50%;outline:1px solid var(--read-only-border-color);outline-offset:-1px}input[type=radio][data-readonlyview=true]~label{pointer-events:none;user-select:text}input[type=radio][data-readonlyview=true] :focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJhZGlvLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0YsbUNBQ0UsaUJBQ0YsQ0FDQSxzRUFDRSxpQkFDRixDQUVBLDJCQUNFLGtCQUNGLENBRUEsaUNBRUUsbUJBQW9CLENBRHBCLGlCQUVGLENBRUEsbUNBRUUsWUFBYSxDQURiLGtCQUVGLENBRUEsZ0NBRUUsaUJBQWtCLENBRGxCLGtCQUVGLENBRUEscUNBQ0UsWUFDRixDQUNBLDJDQUNFLG9CQUFxQixDQUlyQiw4QkFBK0IsQ0FEL0IscUNBQXNDLENBRnRDLGlCQUFtQixDQUluQixpQkFBbUIsQ0FIbkIsZ0JBSUYsQ0FDQSx5RUFDRSxrQkFDRixDQUVBLGtDQU9FLGNBQWUsQ0FKZixNQUFPLENBRVAsUUFBUyxDQURULFNBQVUsQ0FIVixpQkFBa0IsQ0FDbEIsS0FBTSxDQUlOLGFBQWMsQ0FFZCxTQUNGLENBQ0EsOERBQ0UsYUFBYyxDQUVkLFdBQVksQ0FEWixVQUVGLENBQ0EsNENBQ0UsMEJBQ0YsQ0FDQSx3RUFDRSxxQkFBc0IsQ0FDdEIsa0JBQW1CLENBQ25CLG1CQUNGLENBQ0Esa0RBQ0Usa0JBQW1CLENBQ25CLG9DQUFxQyxDQUNyQyxrQkFDRixDQUNBLDhEQUNFLGtCQUNGLENBQ0Esb0dBQ0UsaURBQ0YsQ0FDQSxxR0FDRSxtREFDRixDQUNBLGlJQUNFLG9EQUNGLENBQ0Esa0lBQ0Usc0RBQ0YsQ0FDQSxnSUFDRSxvREFBcUQsQ0FDckQsOEJBQ0YsQ0FDQSxpSUFFRSxzREFBdUQsQ0FEdkQsZ0NBRUYsQ0FFQSwyQkFLRSxrQkFBbUIsQ0FKbkIsaUJBQWtCLENBRWxCLGNBQWUsQ0FEZixhQUFjLENBRWQsU0FFRixDQUNBLGtDQUNFLGtCQUNGLENBQ0EseURBQ0UscUJBQ0YsQ0FFQSw4QkFDRSxxQkFBc0IsQ0FDdEIsbUJBQ0YsQ0FFQSw0REFDRSxpQ0FDRixDQUNBLDJGQUNFLGlDQUFrQyxDQUNsQyxrQkFDRixDQUNBLGtHQUdFLGlCQUFrQixDQUZsQiwrQ0FBZ0QsQ0FDaEQsbUJBRUYsQ0FDQSwrQkFDRSxnQkFDRixDQUVBLHlFQUNFLGlDQUFrQyxDQUNsQyxrQkFDRixDQUNBLGdGQUdFLGlCQUFrQixDQUZsQiwrQ0FBZ0QsQ0FDaEQsbUJBRUYsQ0FDQSxnREFFRSxtQkFBb0IsQ0FEcEIsZ0JBRUYsQ0FDQSx5REFDRSxvQ0FBcUMsQ0FDckMsa0JBQ0YiLCJmaWxlIjoiUmFkaW8ubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLnJhZGlvLXdyYXBwZXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG4ucmFkaW8td3JhcHBlciArIC5yYWRpby13cmFwcGVyIHtcbiAgbWFyZ2luLXRvcDogMC43NXJlbTtcbn1cblxuLmVycm9yIHtcbiAgY29sb3I6IHZhcigtLWVycm9yKTtcbn1cblxuLmhlbHBlci10ZXh0IHtcbiAgbWFyZ2luLXRvcDogMC4yNXJlbTtcbiAgbWFyZ2luLWxlZnQ6IDEuNzVyZW07XG59XG5cbi5lcnJvci1tZXNzYWdlIHtcbiAgbWFyZ2luLXRvcDogMS4yNXJlbTtcbiAgZGlzcGxheTogZmxleDtcbn1cblxuLmVycm9yLWljb24ge1xuICBtYXJnaW4tcmlnaHQ6IDAuNXJlbTtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xufVxuXG4ucmFkaW8tY29udGFpbmVyIHtcbiAgZGlzcGxheTogZmxleDtcbn1cbi5yYWRpby1jb250YWluZXIgbGFiZWwge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIG1hcmdpbi1sZWZ0OiAwLjVyZW07XG4gIHVzZXItc2VsZWN0OiBub25lO1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1mb3JtLWxhYmVsKTtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnQtZmFtaWx5KTtcbiAgbWFyZ2luLXRvcDogMC4xNXJlbTtcbn1cbi5kaXNhYmxlZCAucmFkaW8tY29udGFpbmVyIGxhYmVsIHtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbn1cblxuLm5hdGl2ZS1pbnB1dCB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICBvcGFjaXR5OiAwO1xuICBtYXJnaW46IDA7XG4gIHdpZHRoOiAxLjc1cmVtO1xuICBoZWlnaHQ6IDEuNzVyZW07XG4gIHotaW5kZXg6IDI7XG59XG4ubmF0aXZlLWlucHV0ICsgc3BhbltkYXRhLWljb249dHJ1ZV06YmVmb3JlIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHdpZHRoOiAyMHB4O1xuICBoZWlnaHQ6IDIwcHg7XG59XG4ubmF0aXZlLWlucHV0OmNoZWNrZWQgKyAqIHtcbiAgY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnkpO1xufVxuLm5hdGl2ZS1pbnB1dDpjaGVja2VkICsgKi5kaXNhYmxlZCB7XG4gIGNvbG9yOiB2YXIoLS1kaXNhYmxlZCk7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuLm5hdGl2ZS1pbnB1dDpmb2N1cy12aXNpYmxlICsgKiB7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG4gIG91dGxpbmU6IDJweCBzb2xpZCB2YXIoLS1jb2xvci1mb2N1cyk7XG4gIG91dGxpbmUtb2Zmc2V0OiAycHg7XG59XG4ubmF0aXZlLWlucHV0LmVycm9yICsgKiB7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG59XG4ubmF0aXZlLWlucHV0LmVycm9yOmhvdmVyICsgLnJhZGlvOjpiZWZvcmUge1xuICBvdXRsaW5lLWNvbG9yOiB2YXIoLS1yYWRpby1ob3Zlci1iYWNrZ3JvdW5kLWNvbG9yKTtcbn1cbi5uYXRpdmUtaW5wdXQuZXJyb3I6YWN0aXZlICsgLnJhZGlvOjpiZWZvcmUge1xuICBvdXRsaW5lLWNvbG9yOiB2YXIoLS1yYWRpby1wcmVzc2VkLWJhY2tncm91bmQtY29sb3IpO1xufVxuLm5hdGl2ZS1pbnB1dDpob3ZlciArIC5pbnB1dC5jaXJjbGU6bm90KC5kaXNhYmxlZCkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1yYWRpby1ob3Zlci1iYWNrZ3JvdW5kLWNvbG9yKTtcbn1cbi5uYXRpdmUtaW5wdXQ6YWN0aXZlICsgLmlucHV0LmNpcmNsZTpub3QoLmRpc2FibGVkKSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXJhZGlvLXByZXNzZWQtYmFja2dyb3VuZC1jb2xvcik7XG59XG4ubmF0aXZlLWlucHV0OmhvdmVyICsgLmlucHV0LnJhZGlvOm5vdCguZGlzYWJsZWQpIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcmFkaW8taG92ZXItYmFja2dyb3VuZC1jb2xvcik7XG4gIGNvbG9yOiB2YXIoLS1yYWRpby1ob3Zlci1jb2xvcik7XG59XG4ubmF0aXZlLWlucHV0OmFjdGl2ZSArIC5pbnB1dC5yYWRpbzpub3QoLmRpc2FibGVkKSB7XG4gIGNvbG9yOiB2YXIoLS1yYWRpby1wcmVzc2VkLWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcmFkaW8tcHJlc3NlZC1iYWNrZ3JvdW5kLWNvbG9yKTtcbn1cblxuLmlucHV0IHtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xuICB3aWR0aDogMS4yNXJlbTtcbiAgaGVpZ2h0OiAxLjI1cmVtO1xuICB6LWluZGV4OiAxO1xuICBib3JkZXItcmFkaXVzOiAxMDAlO1xufVxuLmlucHV0OmFjdGl2ZSB7XG4gIGJvcmRlci1yYWRpdXM6IDEwMCU7XG59XG4uZGlzYWJsZWQgLmlucHV0IHtcbiAgY29sb3I6IHZhcigtLWRpc2FibGVkKTtcbn1cblxuLmRpc2FibGVkIHtcbiAgY29sb3I6IHZhcigtLWRpc2FibGVkKTtcbiAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG59XG5cbltkYXRhLXJlYWRvbmx5dmlldz10cnVlXSAucmFkaW8td3JhcHBlciB7XG4gIGNvbG9yOiB2YXIoLS1yZWFkLW9ubHktdGV4dC1jb2xvcik7XG59XG5bZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gLnJhZGlvLXdyYXBwZXIgc3Bhbi5pbnB1dCB7XG4gIGNvbG9yOiB2YXIoLS1yZWFkLW9ubHktdGV4dC1jb2xvcik7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG59XG5bZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gLnJhZGlvLXdyYXBwZXIgc3Bhbi5pbnB1dDpiZWZvcmUge1xuICBvdXRsaW5lOiAxcHggc29saWQgdmFyKC0tcmVhZC1vbmx5LWJvcmRlci1jb2xvcik7XG4gIG91dGxpbmUtb2Zmc2V0OiAtMXB4O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG59XG5bZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gbGFiZWwge1xuICB1c2VyLXNlbGVjdDogdGV4dDtcbn1cblxuaW5wdXRbdHlwZT1yYWRpb11bZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gfiBzcGFuLmlucHV0IHtcbiAgY29sb3I6IHZhcigtLXJlYWQtb25seS10ZXh0LWNvbG9yKTtcbiAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbn1cbmlucHV0W3R5cGU9cmFkaW9dW2RhdGEtcmVhZG9ubHl2aWV3PXRydWVdIH4gc3Bhbi5pbnB1dDpiZWZvcmUge1xuICBvdXRsaW5lOiAxcHggc29saWQgdmFyKC0tcmVhZC1vbmx5LWJvcmRlci1jb2xvcik7XG4gIG91dGxpbmUtb2Zmc2V0OiAtMXB4O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG59XG5pbnB1dFt0eXBlPXJhZGlvXVtkYXRhLXJlYWRvbmx5dmlldz10cnVlXSB+IGxhYmVsIHtcbiAgdXNlci1zZWxlY3Q6IHRleHQ7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuaW5wdXRbdHlwZT1yYWRpb11bZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gOmZvY3VzLXZpc2libGUge1xuICBvdXRsaW5lOiAycHggc29saWQgdmFyKC0tY29sb3ItZm9jdXMpO1xuICBvdXRsaW5lLW9mZnNldDogMnB4O1xufSJdfQ== */'),exports.default={"radio-wrapper":"Radio-module_radio-wrapper__4532-",error:"Radio-module_error__Pjq-F","helper-text":"Radio-module_helper-text__GjhEJ","error-message":"Radio-module_error-message__udguG","error-icon":"Radio-module_error-icon__JPuVE","radio-container":"Radio-module_radio-container__Z-lKd",disabled:"Radio-module_disabled__ASNkr","native-input":"Radio-module_native-input__aXxo1",radio:"Radio-module_radio__B6HML",input:"Radio-module_input__XIS-I",circle:"Radio-module_circle__WmukT"};
|
|
2
2
|
//# sourceMappingURL=Radio.module.scss.cjs.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("./MultiSelect.module.scss.cjs.js"),t=require("react"),s=require("../../../src/hooks/useBodyClick.cjs.js"),r=require("../../../src/hooks/useDetermineStatusIcon.cjs.js"),
|
|
1
|
+
"use strict";var e=require("./MultiSelect.module.scss.cjs.js"),t=require("react"),s=require("../../../src/hooks/useBodyClick.cjs.js"),r=require("../../../src/hooks/useDetermineStatusIcon.cjs.js"),a=require("../../../src/readyclasses.module.scss.cjs.js"),l=require("../../../src/util/helper.cjs.js"),n=require("../../../Icon/Icon.cjs.js"),c=require("../Select.interfaces.cjs.js"),i=require("../useAddNewBtn.cjs.js"),o=require("../useSelectPositionList.cjs.js"),u=require("./SelectButton.cjs.js"),d=require("./SelectedOptions.cjs.js"),p=require("./useArrowNavigation.cjs.js"),h=require("./useSearch.cjs.js"),f=require("../../../withReadOnly.cjs.js");const m=(e,t)=>`${e}_option${t}`,v=e=>`${e}_listbox`,b=f.withReadOnly(t.forwardRef((({id:f,children:b,name:j,disabled:S=!1,labeledBy:w,placeholder:y,describedBy:C,selectButtonProps:E={},className:g,error:N=!1,success:x=!1,value:I,clearLabel:R="Clear selection",noResultsLabel:B="No results found",onChange:q,addNew:P,search:k={enabled:!0,renderThreshold:0,searchPlaceholder:"Search item"},isReadOnlyView:A,...O},L)=>{const $=t.useRef(null!=f?f:l.generateID(20)),[D,F]=t.useState(!1),[H,M]=t.useState([]),V=t.useRef(null),_=t.useRef(null),[K,T]=t.useState(0),[U,z]=t.useState(!1),[G,J]=t.useState(!1),[Q,W]=t.useState(t.Children.count(b)-H.length),{filter:X,renderSearch:Y,searchInputRef:Z,resetSearchState:ee,searchVisible:te}=h.useSearch({selectId:$.current,expanded:D,search:k,searchInputClassName:e.default["select-search"],optionsCount:Q,focusedSelectItem:K,setFocusedSelectItem:T,describedBy:C,getOptionId:m,getListboxId:v}),{addBtnRef:se,addNewBtnOptionsContainerClassName:re,renderAddNew:ae}=i.useAddNewBtn({id:m($.current,Q),addNew:P,filter:X,focusedSelectItem:K,optionsCount:Q,searchInputRef:Z,shouldClick:U,onClickCallback:()=>{z(!1),ee()}}),le=L||t.createRef(),ne=t.useRef(null),ce=!!O["data-readonlyview"]||A,{onArrowNavigation:ie}=p.useArrowNavigation({expanded:D,setExpanded:F,setFocusedSelectItem:T,childrenCount:Q,setShouldClick:z,addBtnRef:se,searchInputRef:Z,customSelectButtonRef:ne,onClose:ee,isReadOnlyView:ce}),{listPosition:oe,opacity:ue,optionsListMaxHeight:de,setListPosition:pe,setOpacity:he}=o.useSelectPositionList({expanded:D,optionListReference:_,containerReference:V,addBtnRef:se}),fe=r.useDetermineStatusIcon({success:x,error:N});t.useEffect((()=>{D&&Z.current&&(J(!0),Z.current.focus()),!D&&ne.current&&G&&(J(!1),ne.current.focus())}),[D,ne.current,G,Z.current]),t.useEffect((()=>{var e;(e=>{const s=t.Children.map(b,(e=>e)),r=e.map((e=>{const t=s.find((t=>t.props.value===e));return{value:e,label:null==t?void 0:t.props.children,fixed:null==t?void 0:t.props.fixed}}));M(r)})(I),e=I,le.current&&[...le.current.options].forEach((t=>{e.includes(t.value)?t.selected=!0:t.selected=!1}))}),[I]),s.useBodyClick((e=>!e.target.closest(".custom-select")&&D),(()=>{F(!1),pe(c.Position.Below),he(0)}),D);const me=[];D&&me.push(e.default.expanded),N&&me.push(e.default.error),S&&me.push(e.default.disabled),g&&me.push(g),x&&me.push(e.default.success);const ve=()=>{O["data-readonlyview"]||A||(F((e=>!e)),z(!1))},be=t.createElement("div",{className:`list-wrapper-container ${e.default["list-wrapper-container"]}`},t.createElement("div",{ref:_,className:`list-wrapper ${e.default["list-wrapper"]}`,style:{display:D?"block":"none",opacity:ue,maxHeight:de.wrapper,pointerEvents:D?"auto":"none",top:oe===c.Position.Below?"4px":"initial",bottom:oe===c.Position.Above?"4px":"initial"}},t.createElement("ul",{id:v($.current),className:re,role:"listbox","aria-multiselectable":"true",style:{maxHeight:de.list}},(()=>{const s=e=>e.filter((e=>"object"==typeof e&&"props"in e&&!H.find((t=>t.value===e.props.value))));let r;if(""!==X){r=a(s(t.Children.toArray(b).filter((e=>null!==e.props.children.toLowerCase().match(l.escapeRegExp(X.toLowerCase()))))))}else r=a(s(t.Children.toArray(b)));return Q!==r.length&&W(r.length),0===r.length?t.createElement("li",{className:e.default["no-results"]},B):r;function a(e){return t.Children.map(e,((e,s)=>t.cloneElement(e,{onFocusChange:e=>{T(e)},onOptionSelect:e=>{(e=>{if(le.current&&e){const t=e.getAttribute("data-value"),s=[...le.current.options],r=s.filter((e=>e.selected)).map((e=>e.value));s.forEach((e=>{(e.value===t||r.includes(e.value))&&(e.selected=!0)})),le.current.dispatchEvent(new Event("change",{bubbles:!0}))}F(!1),ee()})(e.current),F(!1),z(!1)},isSearching:!1,selectOpened:D,childIndex:s,hasFocus:K===s,shouldClick:U,id:m($.current,s)})))}})()),ae()));return t.createElement(t.Fragment,null,t.createElement("select",{...l.filterProps(O,/^data-/,!1),tabIndex:-1,multiple:!0,"aria-hidden":"true",ref:le,name:j,onChange:e=>{null==q||q(e)},className:a.default["sr-only"]},t.createElement("option",{value:""}),t.Children.map(b,(e=>t.createElement("option",{value:e.props.value})))),t.createElement("div",{...l.filterProps(O,/^data-/),id:$.current,ref:V,onKeyDown:ie,className:`custom-select ${e.default.select} ${me.join(" ")}`},oe===c.Position.Above?be:void 0,t.createElement("div",{className:`${e.default["custom-select"]} ${me.join(" ")} `,style:{display:"flex"}},t.createElement("div",{className:e.default["display-container"],"data-display":!0},t.createElement(u.SelectButton,{...E,onClick:ve,name:j,ref:ne,disabled:S,"aria-disabled":S,"aria-invalid":N,"aria-expanded":D,"aria-haspopup":"listbox","aria-labelledby":w,"aria-describedby":C}),0===(null==I?void 0:I.length)&&y&&t.createElement("span",{className:e.default.placeholder},y),(null==I?void 0:I.length)>0&&t.createElement(d.SelectedOptions,{disabled:S,display:H,onClick:ve,onRemove:e=>{if(le.current){[...le.current.options].find((t=>t.value===e)).selected=!1,le.current.dispatchEvent(new Event("change",{bubbles:!0}))}}}),te&&Y()),t.createElement("div",{className:e.default.status},fe||(D?t.createElement(n.Icon,{className:e.default["chevron-icon"],icon:n.Icons.ChevronUp}):t.createElement(n.Icon,{className:e.default["chevron-icon"],icon:n.Icons.ChevronDown})))),oe===c.Position.Below?be:void 0))})));exports.MultiSelect=b;
|
|
2
2
|
//# sourceMappingURL=MultiSelect.cjs.js.map
|