@onewelcome/react-lib-components 8.10.0 → 8.11.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/Breadcrumbs/Breadcrumbs.module.scss.cjs.js +1 -1
- package/dist/cjs/Button/BaseButton.module.scss.cjs.js +1 -1
- package/dist/cjs/Button/Button.module.scss.cjs.js +1 -1
- package/dist/cjs/Button/IconButton.cjs.js +1 -1
- package/dist/cjs/Button/IconButton.cjs.js.map +1 -1
- package/dist/cjs/Button/IconButton.module.scss.cjs.js +1 -1
- package/dist/cjs/ContextMenu/ContextMenu.module.scss.cjs.js +1 -1
- package/dist/cjs/ContextMenu/ContextMenuItem.module.scss.cjs.js +1 -1
- package/dist/cjs/DataGrid/DataGrid.module.scss.cjs.js +1 -1
- package/dist/cjs/DataGrid/DataGridActions/DataGridActions.module.scss.cjs.js +1 -1
- package/dist/cjs/DataGrid/DataGridActions/DataGridColumnsToggle.module.scss.cjs.js +1 -1
- package/dist/cjs/DataGrid/DataGridBody/DataGridBody.module.scss.cjs.js +1 -1
- package/dist/cjs/DataGrid/DataGridBody/DataGridCell/DataGridCell.module.scss.cjs.js +1 -1
- package/dist/cjs/DataGrid/DataGridBody/DataGridDrawer/DataGridDrawer.module.scss.cjs.js +1 -1
- package/dist/cjs/DataGrid/DataGridBody/DataGridDrawer/DataGridDrawerItem.module.scss.cjs.js +1 -1
- package/dist/cjs/DataGrid/DataGridBody/DataGridRow/DataGridRow.module.scss.cjs.js +1 -1
- package/dist/cjs/DataGrid/DataGridFilters/DataGridFilter.module.scss.cjs.js +1 -1
- package/dist/cjs/DataGrid/DataGridFilters/DataGridToolbar.module.scss.cjs.js +1 -1
- package/dist/cjs/DataGrid/DataGridFilters/DateTimePicker/DateTimePicker.module.scss.cjs.js +1 -1
- package/dist/cjs/DataGrid/DataGridHeader/DataGridHeader.module.scss.cjs.js +1 -1
- package/dist/cjs/DataGrid/DataGridHeader/DataGridHeaderCell.module.scss.cjs.js +1 -1
- package/dist/cjs/DatePicker/DatePicker.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/Checkbox/Checkbox.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/Fieldset/Fieldset.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/FileUpload/FileItem/FileItem.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/FileUpload/FileUpload.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/Form.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/FormControl/FormControl.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/FormGroup/FormGroup.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/FormHelperText/FormHelperText.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/FormSelectorWrapper/FormSelectorWrapper.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/Input/Input.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/Label/Label.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/Radio/Radio.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/Select/MultiSelect/MultiSelect.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/Select/MultiSelect/SelectButton.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/Select/MultiSelect/SelectedOptions.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/Select/SingleSelect/Select.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/Select/useAddNewBtn.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/Textarea/Textarea.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/Toggle/Toggle.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/Wrapper/InputWrapper/InputWrapper.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/Wrapper/RadioWrapper/RadioWrapper.module.scss.cjs.js +1 -1
- package/dist/cjs/Form/Wrapper/SelectWrapper/SelectWrapper.module.scss.cjs.js +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/Layout/ContentHeader/ContentHeader.cjs.js +1 -1
- package/dist/cjs/Layout/ContentHeader/ContentHeader.cjs.js.map +1 -1
- package/dist/cjs/Layout/ContentHeader/ContentHeader.module.scss.cjs.js +1 -1
- package/dist/cjs/Layout/FormPage/FormWithStepper/FormSection/FormSection.module.scss.cjs.js +1 -1
- package/dist/cjs/Layout/FormPage/FormWithStepper/FormStepper/FormStepper.module.scss.cjs.js +1 -1
- package/dist/cjs/Layout/FormPage/FormWithStepper/FormWithStepper.module.scss.cjs.js +1 -1
- package/dist/cjs/Link/Link.module.scss.cjs.js +1 -1
- package/dist/cjs/Notifications/Alert/AlertContainer/AlertContainer.module.scss.cjs.js +1 -1
- package/dist/cjs/Notifications/Alert/AlertItem/AlertItem.module.scss.cjs.js +1 -1
- package/dist/cjs/Notifications/Banner/Banner.module.scss.cjs.js +1 -1
- package/dist/cjs/Notifications/BaseModal/BaseModal.module.scss.cjs.js +1 -1
- package/dist/cjs/Notifications/BaseModal/BaseModalActions/BaseModalActions.module.scss.cjs.js +1 -1
- package/dist/cjs/Notifications/BaseModal/BaseModalContent/BaseModalContent.module.scss.cjs.js +1 -1
- package/dist/cjs/Notifications/BaseModal/BaseModalHeader/BaseModalHeader.module.scss.cjs.js +1 -1
- package/dist/cjs/Notifications/Dialog/Dialog.module.scss.cjs.js +1 -1
- package/dist/cjs/Notifications/Dialog/DialogActions/DialogActions.module.scss.cjs.js +1 -1
- package/dist/cjs/Notifications/Dialog/DialogTitle/DialogTitle.module.scss.cjs.js +1 -1
- package/dist/cjs/Notifications/SideSheet/SideSheet.module.scss.cjs.js +1 -1
- package/dist/cjs/Notifications/SideSheet/SideSheetContent/SideSheetContent.module.scss.cjs.js +1 -1
- package/dist/cjs/Notifications/SideSheet/SideSheetHeader/SideSheetHeader.module.scss.cjs.js +1 -1
- package/dist/cjs/Notifications/SlideInModal/SlideInModal.module.scss.cjs.js +1 -1
- package/dist/cjs/Pagination/Pagination.module.scss.cjs.js +1 -1
- package/dist/cjs/Popover/Popover.module.scss.cjs.js +1 -1
- package/dist/cjs/ProgressBar/ProgressBar.module.scss.cjs.js +1 -1
- package/dist/cjs/Skeleton/Skeleton.module.scss.cjs.js +1 -1
- package/dist/cjs/Spinner/Spinner.module.scss.cjs.js +1 -1
- package/dist/cjs/Stepper/Step.module.scss.cjs.js +1 -1
- package/dist/cjs/Stepper/Stepper.module.scss.cjs.js +1 -1
- package/dist/cjs/Tabs/Tab.module.scss.cjs.js +1 -1
- package/dist/cjs/Tabs/TabButton.module.scss.cjs.js +1 -1
- package/dist/cjs/Tabs/Tabs.module.scss.cjs.js +1 -1
- package/dist/cjs/Tag/RemoveButton.module.scss.cjs.js +1 -1
- package/dist/cjs/Tag/Tag.module.scss.cjs.js +1 -1
- package/dist/cjs/TextEllipsis/TextEllipsis.module.scss.cjs.js +1 -1
- package/dist/cjs/Tiles/Tile.module.scss.cjs.js +1 -1
- package/dist/cjs/Tiles/Tiles.module.scss.cjs.js +1 -1
- package/dist/cjs/Tooltip/Tooltip.module.scss.cjs.js +1 -1
- package/dist/cjs/Typography/Typography.module.scss.cjs.js +1 -1
- package/dist/cjs/_BaseStyling_/BaseStyling.cjs.js +1 -1
- package/dist/cjs/_BaseStyling_/BaseStyling.cjs.js.map +1 -1
- package/dist/cjs/admin/layout/LeftNav/LeftNav.cjs.js +2 -0
- package/dist/cjs/admin/layout/LeftNav/LeftNav.cjs.js.map +1 -0
- package/dist/cjs/admin/layout/LeftNav/LeftNav.module.scss.cjs.js +2 -0
- package/dist/cjs/admin/layout/LeftNav/LeftNav.module.scss.cjs.js.map +1 -0
- package/dist/cjs/admin/layout/LeftNav/LeftNavItem/ButtonLeftNavItem.cjs.js +2 -0
- package/dist/cjs/admin/layout/LeftNav/LeftNavItem/ButtonLeftNavItem.cjs.js.map +1 -0
- package/dist/cjs/admin/layout/LeftNav/LeftNavItem/LeftNavItem.cjs.js +2 -0
- package/dist/cjs/admin/layout/LeftNav/LeftNavItem/LeftNavItem.cjs.js.map +1 -0
- package/dist/cjs/admin/layout/LeftNav/LeftNavItem/LeftNavItem.module.scss.cjs.js +2 -0
- package/dist/cjs/admin/layout/LeftNav/LeftNavItem/LeftNavItem.module.scss.cjs.js.map +1 -0
- package/dist/cjs/admin/layout/LeftNav/LeftNavItem/LinkLeftNavItem.cjs.js +2 -0
- package/dist/cjs/admin/layout/LeftNav/LeftNavItem/LinkLeftNavItem.cjs.js.map +1 -0
- package/dist/cjs/admin/layout/LeftNav/LeftNavItem/useKeyboardNavigation.cjs.js +2 -0
- package/dist/cjs/admin/layout/LeftNav/LeftNavItem/useKeyboardNavigation.cjs.js.map +1 -0
- package/dist/cjs/admin/layout/LeftNav/useRefItems.cjs.js +2 -0
- package/dist/cjs/admin/layout/LeftNav/useRefItems.cjs.js.map +1 -0
- package/dist/cjs/admin/layout/MicrofrontendContainer/MicrofrontendContainer.module.scss.cjs.js +1 -1
- package/dist/cjs/miscellaneous/IdentityProviderButton.module.scss.cjs.js +1 -1
- package/dist/cjs/node_modules/@remix-run/router/dist/router.cjs.js +12 -0
- package/dist/cjs/node_modules/@remix-run/router/dist/router.cjs.js.map +1 -0
- package/dist/cjs/node_modules/react-router/dist/index.cjs.js +12 -0
- package/dist/cjs/node_modules/react-router/dist/index.cjs.js.map +1 -0
- package/dist/cjs/node_modules/react-router-dom/dist/index.cjs.js +12 -0
- package/dist/cjs/node_modules/react-router-dom/dist/index.cjs.js.map +1 -0
- package/dist/cjs/src/components/Icon/Icon.d.ts +1 -0
- package/dist/cjs/src/components/Layout/ContentHeader/ContentHeader.d.ts +16 -2
- package/dist/cjs/src/components/_BaseStyling_/BaseStyling.d.ts +2 -0
- package/dist/cjs/src/components/admin/layout/LeftNav/LeftNav.d.ts +10 -0
- package/dist/cjs/src/components/admin/layout/LeftNav/LeftNav.interfaces.d.ts +13 -0
- package/dist/cjs/src/components/admin/layout/LeftNav/LeftNav.test.d.ts +1 -0
- package/dist/cjs/src/components/admin/layout/LeftNav/LeftNavItem/ButtonLeftNavItem.d.ts +13 -0
- package/dist/cjs/src/components/admin/layout/LeftNav/LeftNavItem/LeftNavItem.d.ts +3 -0
- package/dist/cjs/src/components/admin/layout/LeftNav/LeftNavItem/LeftNavItem.interface.d.ts +10 -0
- package/dist/cjs/src/components/admin/layout/LeftNav/LeftNavItem/LeftNavItem.test.d.ts +1 -0
- package/dist/cjs/src/components/admin/layout/LeftNav/LeftNavItem/LinkLeftNavItem.d.ts +10 -0
- package/dist/cjs/src/components/admin/layout/LeftNav/LeftNavItem/useKeyboardNavigation.d.ts +12 -0
- package/dist/cjs/src/components/admin/layout/LeftNav/useRefItems.d.ts +22 -0
- package/dist/cjs/src/components/admin/layout/LeftNav/useRefItems.test.d.ts +1 -0
- package/dist/cjs/src/index.cjs.js +1 -1
- package/dist/cjs/src/index.d.ts +2 -0
- package/dist/cjs/src/readyclasses.module.scss.cjs.js +1 -1
- package/dist/esm/Breadcrumbs/Breadcrumbs.esm.js +9 -9
- package/dist/esm/Breadcrumbs/Breadcrumbs.esm.js.map +1 -1
- package/dist/esm/Breadcrumbs/Breadcrumbs.module.scss.esm.js +2 -2
- package/dist/esm/Button/BaseButton.esm.js +5 -5
- package/dist/esm/Button/BaseButton.esm.js.map +1 -1
- package/dist/esm/Button/BaseButton.module.scss.esm.js +2 -2
- package/dist/esm/Button/Button.esm.js +6 -6
- package/dist/esm/Button/Button.esm.js.map +1 -1
- package/dist/esm/Button/Button.module.scss.esm.js +2 -2
- package/dist/esm/Button/IconButton.esm.js +6 -9
- package/dist/esm/Button/IconButton.esm.js.map +1 -1
- package/dist/esm/Button/IconButton.module.scss.esm.js +2 -2
- package/dist/esm/Button/Spinner.esm.js +3 -3
- package/dist/esm/Button/Spinner.esm.js.map +1 -1
- package/dist/esm/ContextMenu/ContextMenu.esm.js +10 -10
- package/dist/esm/ContextMenu/ContextMenu.esm.js.map +1 -1
- package/dist/esm/ContextMenu/ContextMenu.module.scss.esm.js +2 -2
- package/dist/esm/ContextMenu/ContextMenuItem.esm.js +4 -4
- package/dist/esm/ContextMenu/ContextMenuItem.esm.js.map +1 -1
- package/dist/esm/ContextMenu/ContextMenuItem.module.scss.esm.js +2 -2
- package/dist/esm/DataGrid/DataGrid.esm.js +11 -11
- package/dist/esm/DataGrid/DataGrid.esm.js.map +1 -1
- package/dist/esm/DataGrid/DataGrid.module.scss.esm.js +2 -2
- package/dist/esm/DataGrid/DataGridActions/DataGridActions.esm.js +14 -14
- package/dist/esm/DataGrid/DataGridActions/DataGridActions.esm.js.map +1 -1
- package/dist/esm/DataGrid/DataGridActions/DataGridActions.module.scss.esm.js +2 -2
- package/dist/esm/DataGrid/DataGridActions/DataGridColumnsToggle.esm.js +11 -11
- package/dist/esm/DataGrid/DataGridActions/DataGridColumnsToggle.esm.js.map +1 -1
- package/dist/esm/DataGrid/DataGridActions/DataGridColumnsToggle.module.scss.esm.js +2 -2
- package/dist/esm/DataGrid/DataGridBody/DataGridBody.esm.js +10 -10
- package/dist/esm/DataGrid/DataGridBody/DataGridBody.esm.js.map +1 -1
- package/dist/esm/DataGrid/DataGridBody/DataGridBody.module.scss.esm.js +2 -2
- package/dist/esm/DataGrid/DataGridBody/DataGridCell/DataGridCell.esm.js +10 -10
- package/dist/esm/DataGrid/DataGridBody/DataGridCell/DataGridCell.esm.js.map +1 -1
- package/dist/esm/DataGrid/DataGridBody/DataGridCell/DataGridCell.module.scss.esm.js +2 -2
- package/dist/esm/DataGrid/DataGridBody/DataGridDrawer/DataGridDrawer.esm.js +4 -4
- package/dist/esm/DataGrid/DataGridBody/DataGridDrawer/DataGridDrawer.esm.js.map +1 -1
- package/dist/esm/DataGrid/DataGridBody/DataGridDrawer/DataGridDrawer.module.scss.esm.js +2 -2
- package/dist/esm/DataGrid/DataGridBody/DataGridDrawer/DataGridDrawerItem.esm.js +6 -6
- package/dist/esm/DataGrid/DataGridBody/DataGridDrawer/DataGridDrawerItem.esm.js.map +1 -1
- package/dist/esm/DataGrid/DataGridBody/DataGridDrawer/DataGridDrawerItem.module.scss.esm.js +2 -2
- package/dist/esm/DataGrid/DataGridBody/DataGridRow/DataGridRow.esm.js +15 -15
- package/dist/esm/DataGrid/DataGridBody/DataGridRow/DataGridRow.esm.js.map +1 -1
- package/dist/esm/DataGrid/DataGridBody/DataGridRow/DataGridRow.module.scss.esm.js +2 -2
- package/dist/esm/DataGrid/DataGridBody/DataGridRow/useNestedRow.esm.js +4 -4
- package/dist/esm/DataGrid/DataGridBody/DataGridRow/useNestedRow.esm.js.map +1 -1
- package/dist/esm/DataGrid/DataGridFilters/DataGridDateFilter.esm.js +4 -4
- package/dist/esm/DataGrid/DataGridFilters/DataGridDateFilter.esm.js.map +1 -1
- package/dist/esm/DataGrid/DataGridFilters/DataGridFilter.esm.js +4 -4
- package/dist/esm/DataGrid/DataGridFilters/DataGridFilter.esm.js.map +1 -1
- package/dist/esm/DataGrid/DataGridFilters/DataGridFilter.module.scss.esm.js +2 -2
- package/dist/esm/DataGrid/DataGridFilters/DataGridFilterPopover.esm.js +12 -12
- package/dist/esm/DataGrid/DataGridFilters/DataGridFilterPopover.esm.js.map +1 -1
- package/dist/esm/DataGrid/DataGridFilters/DataGridFilterTag.esm.js +17 -17
- package/dist/esm/DataGrid/DataGridFilters/DataGridFilterTag.esm.js.map +1 -1
- package/dist/esm/DataGrid/DataGridFilters/DataGridSearchbar.esm.js +3 -3
- package/dist/esm/DataGrid/DataGridFilters/DataGridSearchbar.esm.js.map +1 -1
- package/dist/esm/DataGrid/DataGridFilters/DataGridToolbar.esm.js +8 -8
- package/dist/esm/DataGrid/DataGridFilters/DataGridToolbar.esm.js.map +1 -1
- package/dist/esm/DataGrid/DataGridFilters/DataGridToolbar.module.scss.esm.js +2 -2
- package/dist/esm/DataGrid/DataGridFilters/DataGridToolbarWrapper.esm.js +5 -5
- package/dist/esm/DataGrid/DataGridFilters/DataGridToolbarWrapper.esm.js.map +1 -1
- package/dist/esm/DataGrid/DataGridFilters/DateTimePicker/DateTimePicker.esm.js +13 -13
- package/dist/esm/DataGrid/DataGridFilters/DateTimePicker/DateTimePicker.esm.js.map +1 -1
- package/dist/esm/DataGrid/DataGridFilters/DateTimePicker/DateTimePicker.module.scss.esm.js +2 -2
- package/dist/esm/DataGrid/DataGridFilters/DateTimePicker/DateTimePickerCalendarSection.esm.js +8 -8
- package/dist/esm/DataGrid/DataGridFilters/DateTimePicker/DateTimePickerCalendarSection.esm.js.map +1 -1
- package/dist/esm/DataGrid/DataGridFilters/DateTimePicker/DateTimePickerInputSection.esm.js +4 -4
- package/dist/esm/DataGrid/DataGridFilters/DateTimePicker/DateTimePickerInputSection.esm.js.map +1 -1
- package/dist/esm/DataGrid/DataGridFilters/DateTimePicker/SideMenu.esm.js +3 -3
- package/dist/esm/DataGrid/DataGridFilters/DateTimePicker/SideMenu.esm.js.map +1 -1
- package/dist/esm/DataGrid/DataGridHeader/DataGridHeader.esm.js +7 -7
- package/dist/esm/DataGrid/DataGridHeader/DataGridHeader.esm.js.map +1 -1
- package/dist/esm/DataGrid/DataGridHeader/DataGridHeader.module.scss.esm.js +2 -2
- package/dist/esm/DataGrid/DataGridHeader/DataGridHeaderCell.esm.js +7 -7
- package/dist/esm/DataGrid/DataGridHeader/DataGridHeaderCell.esm.js.map +1 -1
- package/dist/esm/DataGrid/DataGridHeader/DataGridHeaderCell.module.scss.esm.js +2 -2
- package/dist/esm/DatePicker/DatePicker.esm.js +2 -2
- package/dist/esm/DatePicker/DatePicker.esm.js.map +1 -1
- package/dist/esm/DatePicker/DatePicker.module.scss.esm.js +2 -2
- package/dist/esm/Form/Checkbox/Checkbox.esm.js +12 -12
- package/dist/esm/Form/Checkbox/Checkbox.esm.js.map +1 -1
- package/dist/esm/Form/Checkbox/Checkbox.module.scss.esm.js +2 -2
- package/dist/esm/Form/Fieldset/Fieldset.esm.js +7 -7
- package/dist/esm/Form/Fieldset/Fieldset.esm.js.map +1 -1
- package/dist/esm/Form/Fieldset/Fieldset.module.scss.esm.js +2 -2
- package/dist/esm/Form/FileUpload/FileItem/FileItem.esm.js +17 -17
- package/dist/esm/Form/FileUpload/FileItem/FileItem.esm.js.map +1 -1
- package/dist/esm/Form/FileUpload/FileItem/FileItem.module.scss.esm.js +2 -2
- package/dist/esm/Form/FileUpload/FileUpload.esm.js +17 -17
- 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/Form.esm.js +3 -3
- package/dist/esm/Form/Form.esm.js.map +1 -1
- package/dist/esm/Form/Form.module.scss.esm.js +2 -2
- package/dist/esm/Form/FormControl/FormControl.esm.js +6 -6
- package/dist/esm/Form/FormControl/FormControl.esm.js.map +1 -1
- package/dist/esm/Form/FormControl/FormControl.module.scss.esm.js +2 -2
- package/dist/esm/Form/FormGroup/FormGroup.esm.js +9 -9
- package/dist/esm/Form/FormGroup/FormGroup.esm.js.map +1 -1
- package/dist/esm/Form/FormGroup/FormGroup.module.scss.esm.js +2 -2
- package/dist/esm/Form/FormHelperText/FormHelperText.esm.js +3 -3
- package/dist/esm/Form/FormHelperText/FormHelperText.esm.js.map +1 -1
- package/dist/esm/Form/FormHelperText/FormHelperText.module.scss.esm.js +2 -2
- package/dist/esm/Form/FormSelectorWrapper/FormSelectorWrapper.esm.js +5 -5
- package/dist/esm/Form/FormSelectorWrapper/FormSelectorWrapper.esm.js.map +1 -1
- package/dist/esm/Form/FormSelectorWrapper/FormSelectorWrapper.module.scss.esm.js +2 -2
- package/dist/esm/Form/Input/Input.esm.js +8 -8
- 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/Label/Label.esm.js +3 -3
- package/dist/esm/Form/Label/Label.esm.js.map +1 -1
- package/dist/esm/Form/Label/Label.module.scss.esm.js +2 -2
- package/dist/esm/Form/Radio/Radio.esm.js +7 -7
- package/dist/esm/Form/Radio/Radio.esm.js.map +1 -1
- package/dist/esm/Form/Radio/Radio.module.scss.esm.js +2 -2
- package/dist/esm/Form/Select/MultiSelect/MultiOption.esm.js +3 -3
- package/dist/esm/Form/Select/MultiSelect/MultiOption.esm.js.map +1 -1
- package/dist/esm/Form/Select/MultiSelect/MultiSelect.esm.js +24 -24
- 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/SelectButton.esm.js +3 -3
- package/dist/esm/Form/Select/MultiSelect/SelectButton.esm.js.map +1 -1
- package/dist/esm/Form/Select/MultiSelect/SelectButton.module.scss.esm.js +2 -2
- package/dist/esm/Form/Select/MultiSelect/SelectedOptions.esm.js +3 -3
- package/dist/esm/Form/Select/MultiSelect/SelectedOptions.esm.js.map +1 -1
- package/dist/esm/Form/Select/MultiSelect/SelectedOptions.module.scss.esm.js +2 -2
- package/dist/esm/Form/Select/MultiSelect/useMultiSelect.esm.js +2 -2
- package/dist/esm/Form/Select/MultiSelect/useMultiSelect.esm.js.map +1 -1
- package/dist/esm/Form/Select/MultiSelect/useSearch.esm.js +2 -2
- package/dist/esm/Form/Select/MultiSelect/useSearch.esm.js.map +1 -1
- package/dist/esm/Form/Select/SingleSelect/Option.esm.js +3 -3
- package/dist/esm/Form/Select/SingleSelect/Option.esm.js.map +1 -1
- package/dist/esm/Form/Select/SingleSelect/Select.esm.js +22 -22
- 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/useSearch.esm.js +2 -2
- package/dist/esm/Form/Select/SingleSelect/useSearch.esm.js.map +1 -1
- package/dist/esm/Form/Select/useAddNewBtn.esm.js +3 -3
- package/dist/esm/Form/Select/useAddNewBtn.esm.js.map +1 -1
- package/dist/esm/Form/Select/useAddNewBtn.module.scss.esm.js +2 -2
- package/dist/esm/Form/Textarea/Textarea.esm.js +6 -6
- package/dist/esm/Form/Textarea/Textarea.esm.js.map +1 -1
- package/dist/esm/Form/Textarea/Textarea.module.scss.esm.js +2 -2
- package/dist/esm/Form/Toggle/Toggle.esm.js +5 -5
- package/dist/esm/Form/Toggle/Toggle.esm.js.map +1 -1
- package/dist/esm/Form/Toggle/Toggle.module.scss.esm.js +2 -2
- package/dist/esm/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.esm.js +5 -5
- package/dist/esm/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.esm.js.map +1 -1
- package/dist/esm/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.module.scss.esm.js +2 -2
- package/dist/esm/Form/Wrapper/InputWrapper/InputWrapper.esm.js +4 -4
- package/dist/esm/Form/Wrapper/InputWrapper/InputWrapper.esm.js.map +1 -1
- package/dist/esm/Form/Wrapper/InputWrapper/InputWrapper.module.scss.esm.js +2 -2
- package/dist/esm/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.esm.js +4 -4
- package/dist/esm/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.esm.js.map +1 -1
- package/dist/esm/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.module.scss.esm.js +2 -2
- package/dist/esm/Form/Wrapper/RadioWrapper/RadioWrapper.esm.js +6 -6
- package/dist/esm/Form/Wrapper/RadioWrapper/RadioWrapper.esm.js.map +1 -1
- package/dist/esm/Form/Wrapper/RadioWrapper/RadioWrapper.module.scss.esm.js +2 -2
- package/dist/esm/Form/Wrapper/SelectWrapper/SelectWrapper.esm.js +4 -4
- package/dist/esm/Form/Wrapper/SelectWrapper/SelectWrapper.esm.js.map +1 -1
- package/dist/esm/Form/Wrapper/SelectWrapper/SelectWrapper.module.scss.esm.js +2 -2
- package/dist/esm/Form/Wrapper/TextareaWrapper/TextareaWrapper.esm.js +5 -5
- 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.esm.js +7 -7
- package/dist/esm/Form/Wrapper/Wrapper/Wrapper.esm.js.map +1 -1
- package/dist/esm/Form/Wrapper/Wrapper/Wrapper.module.scss.esm.js +2 -2
- package/dist/esm/Icon/Icon.esm.js +4 -3
- package/dist/esm/Icon/Icon.esm.js.map +1 -1
- package/dist/esm/Icon/Icon.module.scss.esm.js +2 -2
- package/dist/esm/Layout/ContentHeader/ContentHeader.esm.js +37 -9
- package/dist/esm/Layout/ContentHeader/ContentHeader.esm.js.map +1 -1
- package/dist/esm/Layout/ContentHeader/ContentHeader.module.scss.esm.js +2 -2
- package/dist/esm/Layout/FormPage/FormWithStepper/FormSection/FormSection.esm.js +6 -6
- package/dist/esm/Layout/FormPage/FormWithStepper/FormSection/FormSection.esm.js.map +1 -1
- package/dist/esm/Layout/FormPage/FormWithStepper/FormSection/FormSection.module.scss.esm.js +2 -2
- package/dist/esm/Layout/FormPage/FormWithStepper/FormStepper/FormStepper.esm.js +3 -3
- package/dist/esm/Layout/FormPage/FormWithStepper/FormStepper/FormStepper.esm.js.map +1 -1
- package/dist/esm/Layout/FormPage/FormWithStepper/FormStepper/FormStepper.module.scss.esm.js +2 -2
- package/dist/esm/Layout/FormPage/FormWithStepper/FormWithStepper.esm.js +3 -3
- package/dist/esm/Layout/FormPage/FormWithStepper/FormWithStepper.esm.js.map +1 -1
- package/dist/esm/Layout/FormPage/FormWithStepper/FormWithStepper.module.scss.esm.js +2 -2
- package/dist/esm/Link/Link.esm.js +5 -5
- package/dist/esm/Link/Link.esm.js.map +1 -1
- package/dist/esm/Link/Link.module.scss.esm.js +2 -2
- package/dist/esm/Notifications/Alert/AlertContainer/AlertContainer.esm.js +2 -2
- package/dist/esm/Notifications/Alert/AlertContainer/AlertContainer.esm.js.map +1 -1
- package/dist/esm/Notifications/Alert/AlertContainer/AlertContainer.module.scss.esm.js +2 -2
- package/dist/esm/Notifications/Alert/AlertItem/AlertItem.esm.js +11 -11
- package/dist/esm/Notifications/Alert/AlertItem/AlertItem.esm.js.map +1 -1
- package/dist/esm/Notifications/Alert/AlertItem/AlertItem.module.scss.esm.js +2 -2
- package/dist/esm/Notifications/Alert/AlertProvider/AlertProvider.esm.js +4 -4
- package/dist/esm/Notifications/Alert/AlertProvider/AlertProvider.esm.js.map +1 -1
- package/dist/esm/Notifications/Banner/Banner.esm.js +7 -7
- package/dist/esm/Notifications/Banner/Banner.esm.js.map +1 -1
- package/dist/esm/Notifications/Banner/Banner.module.scss.esm.js +2 -2
- package/dist/esm/Notifications/BaseModal/BaseModal.esm.js +8 -8
- package/dist/esm/Notifications/BaseModal/BaseModal.esm.js.map +1 -1
- package/dist/esm/Notifications/BaseModal/BaseModal.module.scss.esm.js +2 -2
- package/dist/esm/Notifications/BaseModal/BaseModalActions/BaseModalActions.esm.js +7 -7
- package/dist/esm/Notifications/BaseModal/BaseModalActions/BaseModalActions.esm.js.map +1 -1
- package/dist/esm/Notifications/BaseModal/BaseModalActions/BaseModalActions.module.scss.esm.js +2 -2
- package/dist/esm/Notifications/BaseModal/BaseModalContent/BaseModalContent.esm.js +3 -3
- package/dist/esm/Notifications/BaseModal/BaseModalContent/BaseModalContent.esm.js.map +1 -1
- package/dist/esm/Notifications/BaseModal/BaseModalContent/BaseModalContent.module.scss.esm.js +2 -2
- package/dist/esm/Notifications/BaseModal/BaseModalHeader/BaseModalHeader.esm.js +9 -9
- package/dist/esm/Notifications/BaseModal/BaseModalHeader/BaseModalHeader.esm.js.map +1 -1
- package/dist/esm/Notifications/BaseModal/BaseModalHeader/BaseModalHeader.module.scss.esm.js +2 -2
- package/dist/esm/Notifications/Dialog/Dialog.esm.js +9 -9
- package/dist/esm/Notifications/Dialog/Dialog.esm.js.map +1 -1
- package/dist/esm/Notifications/Dialog/Dialog.module.scss.esm.js +2 -2
- package/dist/esm/Notifications/Dialog/DialogActions/DialogActions.esm.js +3 -3
- package/dist/esm/Notifications/Dialog/DialogActions/DialogActions.esm.js.map +1 -1
- package/dist/esm/Notifications/Dialog/DialogActions/DialogActions.module.scss.esm.js +2 -2
- package/dist/esm/Notifications/Dialog/DialogTitle/DialogTitle.esm.js +10 -10
- package/dist/esm/Notifications/Dialog/DialogTitle/DialogTitle.esm.js.map +1 -1
- package/dist/esm/Notifications/Dialog/DialogTitle/DialogTitle.module.scss.esm.js +2 -2
- package/dist/esm/Notifications/DiscardChangesModal/DiscardChangesDialog/DiscardChangesDialog.esm.js +4 -4
- package/dist/esm/Notifications/DiscardChangesModal/DiscardChangesDialog/DiscardChangesDialog.esm.js.map +1 -1
- package/dist/esm/Notifications/DiscardChangesModal/DiscardChangesModal.esm.js +5 -5
- package/dist/esm/Notifications/DiscardChangesModal/DiscardChangesModal.esm.js.map +1 -1
- package/dist/esm/Notifications/NotificationProvider/NotificationContext.esm.js +3 -3
- package/dist/esm/Notifications/NotificationProvider/NotificationContext.esm.js.map +1 -1
- package/dist/esm/Notifications/SideSheet/SideSheet.esm.js +11 -11
- package/dist/esm/Notifications/SideSheet/SideSheet.esm.js.map +1 -1
- package/dist/esm/Notifications/SideSheet/SideSheet.module.scss.esm.js +2 -2
- package/dist/esm/Notifications/SideSheet/SideSheetContent/SideSheetContent.esm.js +2 -2
- package/dist/esm/Notifications/SideSheet/SideSheetContent/SideSheetContent.esm.js.map +1 -1
- package/dist/esm/Notifications/SideSheet/SideSheetContent/SideSheetContent.module.scss.esm.js +2 -2
- package/dist/esm/Notifications/SideSheet/SideSheetHeader/SideSheetHeader.esm.js +2 -2
- package/dist/esm/Notifications/SideSheet/SideSheetHeader/SideSheetHeader.esm.js.map +1 -1
- package/dist/esm/Notifications/SideSheet/SideSheetHeader/SideSheetHeader.module.scss.esm.js +2 -2
- package/dist/esm/Notifications/SlideInModal/SlideInModal.esm.js +3 -3
- package/dist/esm/Notifications/SlideInModal/SlideInModal.esm.js.map +1 -1
- package/dist/esm/Notifications/SlideInModal/SlideInModal.module.scss.esm.js +2 -2
- package/dist/esm/Pagination/Pagination.esm.js +29 -29
- package/dist/esm/Pagination/Pagination.esm.js.map +1 -1
- package/dist/esm/Pagination/Pagination.module.scss.esm.js +2 -2
- package/dist/esm/Popover/Popover.esm.js +4 -4
- package/dist/esm/Popover/Popover.esm.js.map +1 -1
- package/dist/esm/Popover/Popover.module.scss.esm.js +2 -2
- package/dist/esm/ProgressBar/ProgressBar.esm.js +10 -10
- package/dist/esm/ProgressBar/ProgressBar.esm.js.map +1 -1
- package/dist/esm/ProgressBar/ProgressBar.module.scss.esm.js +2 -2
- package/dist/esm/Skeleton/Skeleton.esm.js +3 -3
- package/dist/esm/Skeleton/Skeleton.esm.js.map +1 -1
- package/dist/esm/Skeleton/Skeleton.module.scss.esm.js +2 -2
- package/dist/esm/Spinner/Spinner.esm.js +4 -4
- package/dist/esm/Spinner/Spinner.esm.js.map +1 -1
- package/dist/esm/Spinner/Spinner.module.scss.esm.js +2 -2
- package/dist/esm/Stepper/Step.esm.js +10 -10
- package/dist/esm/Stepper/Step.esm.js.map +1 -1
- package/dist/esm/Stepper/Step.module.scss.esm.js +2 -2
- package/dist/esm/Stepper/Stepper.esm.js +2 -2
- package/dist/esm/Stepper/Stepper.esm.js.map +1 -1
- package/dist/esm/Stepper/Stepper.module.scss.esm.js +2 -2
- package/dist/esm/Tabs/Tab.esm.js +2 -2
- package/dist/esm/Tabs/Tab.esm.js.map +1 -1
- package/dist/esm/Tabs/Tab.module.scss.esm.js +2 -2
- package/dist/esm/Tabs/TabButton.esm.js +4 -4
- package/dist/esm/Tabs/TabButton.esm.js.map +1 -1
- package/dist/esm/Tabs/TabButton.module.scss.esm.js +2 -2
- package/dist/esm/Tabs/Tabs.esm.js +10 -10
- package/dist/esm/Tabs/Tabs.esm.js.map +1 -1
- package/dist/esm/Tabs/Tabs.module.scss.esm.js +2 -2
- package/dist/esm/Tag/RemoveButton.esm.js +4 -4
- package/dist/esm/Tag/RemoveButton.esm.js.map +1 -1
- package/dist/esm/Tag/RemoveButton.module.scss.esm.js +2 -2
- package/dist/esm/Tag/Tag.esm.js +7 -7
- package/dist/esm/Tag/Tag.esm.js.map +1 -1
- package/dist/esm/Tag/Tag.module.scss.esm.js +2 -2
- package/dist/esm/TextEllipsis/TextEllipsis.esm.js +4 -4
- package/dist/esm/TextEllipsis/TextEllipsis.esm.js.map +1 -1
- package/dist/esm/TextEllipsis/TextEllipsis.module.scss.esm.js +2 -2
- package/dist/esm/Tiles/Tile.esm.js +11 -11
- package/dist/esm/Tiles/Tile.esm.js.map +1 -1
- package/dist/esm/Tiles/Tile.module.scss.esm.js +2 -2
- package/dist/esm/Tiles/Tiles.esm.js +6 -6
- package/dist/esm/Tiles/Tiles.esm.js.map +1 -1
- package/dist/esm/Tiles/Tiles.module.scss.esm.js +2 -2
- package/dist/esm/Tooltip/Tooltip.esm.js +10 -10
- package/dist/esm/Tooltip/Tooltip.esm.js.map +1 -1
- package/dist/esm/Tooltip/Tooltip.module.scss.esm.js +2 -2
- package/dist/esm/Typography/Typography.esm.js +3 -3
- package/dist/esm/Typography/Typography.esm.js.map +1 -1
- package/dist/esm/Typography/Typography.module.scss.esm.js +2 -2
- package/dist/esm/_BaseStyling_/BaseStyling.esm.js +4 -2
- package/dist/esm/_BaseStyling_/BaseStyling.esm.js.map +1 -1
- package/dist/esm/admin/layout/LeftNav/LeftNav.esm.js +41 -0
- package/dist/esm/admin/layout/LeftNav/LeftNav.esm.js.map +1 -0
- package/dist/esm/admin/layout/LeftNav/LeftNav.module.scss.esm.js +8 -0
- package/dist/esm/admin/layout/LeftNav/LeftNav.module.scss.esm.js.map +1 -0
- package/dist/esm/admin/layout/LeftNav/LeftNavItem/ButtonLeftNavItem.esm.js +74 -0
- package/dist/esm/admin/layout/LeftNav/LeftNavItem/ButtonLeftNavItem.esm.js.map +1 -0
- package/dist/esm/admin/layout/LeftNav/LeftNavItem/LeftNavItem.esm.js +28 -0
- package/dist/esm/admin/layout/LeftNav/LeftNavItem/LeftNavItem.esm.js.map +1 -0
- package/dist/esm/admin/layout/LeftNav/LeftNavItem/LeftNavItem.module.scss.esm.js +8 -0
- package/dist/esm/admin/layout/LeftNav/LeftNavItem/LeftNavItem.module.scss.esm.js.map +1 -0
- package/dist/esm/admin/layout/LeftNav/LeftNavItem/LinkLeftNavItem.esm.js +59 -0
- package/dist/esm/admin/layout/LeftNav/LeftNavItem/LinkLeftNavItem.esm.js.map +1 -0
- package/dist/esm/admin/layout/LeftNav/LeftNavItem/useKeyboardNavigation.esm.js +56 -0
- package/dist/esm/admin/layout/LeftNav/LeftNavItem/useKeyboardNavigation.esm.js.map +1 -0
- package/dist/esm/admin/layout/LeftNav/useRefItems.esm.js +236 -0
- package/dist/esm/admin/layout/LeftNav/useRefItems.esm.js.map +1 -0
- package/dist/esm/admin/layout/MicrofrontendContainer/MicrofrontendContainer.esm.js +4 -4
- package/dist/esm/admin/layout/MicrofrontendContainer/MicrofrontendContainer.esm.js.map +1 -1
- package/dist/esm/admin/layout/MicrofrontendContainer/MicrofrontendContainer.module.scss.esm.js +2 -2
- package/dist/esm/miscellaneous/IdentityProviderButton.esm.js +4 -4
- package/dist/esm/miscellaneous/IdentityProviderButton.esm.js.map +1 -1
- package/dist/esm/miscellaneous/IdentityProviderButton.module.scss.esm.js +2 -2
- package/dist/esm/node_modules/@remix-run/router/dist/router.esm.js +373 -0
- package/dist/esm/node_modules/@remix-run/router/dist/router.esm.js.map +1 -0
- package/dist/esm/node_modules/react-router/dist/index.esm.js +328 -0
- package/dist/esm/node_modules/react-router/dist/index.esm.js.map +1 -0
- package/dist/esm/node_modules/react-router-dom/dist/index.esm.js +609 -0
- package/dist/esm/node_modules/react-router-dom/dist/index.esm.js.map +1 -0
- package/dist/esm/src/components/Icon/Icon.d.ts +1 -0
- package/dist/esm/src/components/Layout/ContentHeader/ContentHeader.d.ts +16 -2
- package/dist/esm/src/components/_BaseStyling_/BaseStyling.d.ts +2 -0
- package/dist/esm/src/components/admin/layout/LeftNav/LeftNav.d.ts +10 -0
- package/dist/esm/src/components/admin/layout/LeftNav/LeftNav.interfaces.d.ts +13 -0
- package/dist/esm/src/components/admin/layout/LeftNav/LeftNav.test.d.ts +1 -0
- package/dist/esm/src/components/admin/layout/LeftNav/LeftNavItem/ButtonLeftNavItem.d.ts +13 -0
- package/dist/esm/src/components/admin/layout/LeftNav/LeftNavItem/LeftNavItem.d.ts +3 -0
- package/dist/esm/src/components/admin/layout/LeftNav/LeftNavItem/LeftNavItem.interface.d.ts +10 -0
- package/dist/esm/src/components/admin/layout/LeftNav/LeftNavItem/LeftNavItem.test.d.ts +1 -0
- package/dist/esm/src/components/admin/layout/LeftNav/LeftNavItem/LinkLeftNavItem.d.ts +10 -0
- package/dist/esm/src/components/admin/layout/LeftNav/LeftNavItem/useKeyboardNavigation.d.ts +12 -0
- package/dist/esm/src/components/admin/layout/LeftNav/useRefItems.d.ts +22 -0
- package/dist/esm/src/components/admin/layout/LeftNav/useRefItems.test.d.ts +1 -0
- package/dist/esm/src/hooks/useDebouncedCallback.esm.js +3 -3
- package/dist/esm/src/hooks/useDebouncedCallback.esm.js.map +1 -1
- package/dist/esm/src/hooks/useDetermineStatusIcon.esm.js +3 -3
- package/dist/esm/src/hooks/useDetermineStatusIcon.esm.js.map +1 -1
- package/dist/esm/src/hooks/useRepeater.esm.js +2 -2
- package/dist/esm/src/hooks/useRepeater.esm.js.map +1 -1
- package/dist/esm/src/index.d.ts +2 -0
- package/dist/esm/src/index.esm.js +1 -0
- package/dist/esm/src/index.esm.js.map +1 -1
- package/dist/esm/src/readyclasses.module.scss.esm.js +2 -2
- package/dist/esm/withReadOnly.esm.js +3 -3
- package/dist/esm/withReadOnly.esm.js.map +1 -1
- package/package.json +2 -1
- package/src/components/Button/IconButton.tsx +9 -5
- package/src/components/Icon/Icon.module.scss +4 -0
- package/src/components/Icon/Icon.tsx +1 -0
- package/src/components/Layout/ContentHeader/ContentHeader.module.scss +52 -0
- package/src/components/Layout/ContentHeader/ContentHeader.tsx +82 -6
- package/src/components/_BaseStyling_/BaseStyling.tsx +4 -0
- package/src/components/admin/layout/LeftNav/LeftNav.interfaces.ts +30 -0
- package/src/components/admin/layout/LeftNav/LeftNav.module.scss +52 -0
- package/src/components/admin/layout/LeftNav/LeftNav.tsx +81 -0
- package/src/components/admin/layout/LeftNav/LeftNavItem/ButtonLeftNavItem.tsx +153 -0
- package/src/components/admin/layout/LeftNav/LeftNavItem/LeftNavItem.interface.ts +27 -0
- package/src/components/admin/layout/LeftNav/LeftNavItem/LeftNavItem.module.scss +217 -0
- package/src/components/admin/layout/LeftNav/LeftNavItem/LeftNavItem.tsx +34 -0
- package/src/components/admin/layout/LeftNav/LeftNavItem/LinkLeftNavItem.tsx +105 -0
- package/src/components/admin/layout/LeftNav/LeftNavItem/useKeyboardNavigation.ts +64 -0
- package/src/components/admin/layout/LeftNav/useRefItems.ts +280 -0
- package/src/font/icomoon.eot +0 -0
- package/src/font/icomoon.svg +1 -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 +2 -0
- package/src/mixins.module.scss +33 -0
- package/src/variables.scss +11 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Fieldset.esm.js","sources":["../../../../../../src/components/Form/Fieldset/Fieldset.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, ReactElement } from \"react\";\nimport readyclasses from \"../../../readyclasses.module.scss\";\nimport classes from \"./Fieldset.module.scss\";\nimport { Typography, Variant } from \"../../Typography/Typography\";\nimport { Input } from \"../Input/Input\";\nimport { Select } from \"../Select/SingleSelect/Select\";\nimport { MultiSelect } from \"../Select/MultiSelect/MultiSelect\";\nimport { Radio } from \"../Radio/Radio\";\nimport { Checkbox } from \"../Checkbox/Checkbox\";\nimport { Textarea } from \"../Textarea/Textarea\";\nimport { Toggle } from \"../Toggle/Toggle\";\nimport { Label } from \"../Label/Label\";\nimport { FormControl } from \"../FormControl/FormControl\";\nimport { FormSelectorWrapper } from \"../FormSelectorWrapper/FormSelectorWrapper\";\nimport { FormHelperText } from \"../FormHelperText/FormHelperText\";\nimport { InputWrapper } from \"../Wrapper/InputWrapper/InputWrapper\";\nimport { SelectWrapper } from \"../Wrapper/SelectWrapper/SelectWrapper\";\nimport { TextareaWrapper } from \"../Wrapper/TextareaWrapper/TextareaWrapper\";\nimport { withReadOnly } from \"../../withReadOnly\";\n\nexport interface Props extends ComponentPropsWithRef<\"fieldset\"> {\n children?: ReactElement | ReactElement[];\n legend: string;\n legendStyle?: Variant;\n hideLegend?: boolean;\n background?: string;\n noPadding?: boolean;\n noBackground?: boolean;\n required?: boolean;\n disablePropagation?: boolean;\n}\n\nconst FieldsetComponent: ForwardRefRenderFunction<HTMLFieldSetElement, Props> = (\n {\n children,\n className,\n legend,\n legendStyle = \"body\",\n hideLegend = false,\n noBackground,\n background = noBackground ? \"\" : \"#FFF\",\n noPadding = false,\n disabled = false,\n required = false,\n disablePropagation = false,\n ...rest\n }: Props,\n ref\n) => {\n const renderChildren = () => {\n if (!children) {\n return;\n }\n\n /* All right, so the issue is that whenever we try to add disabled prop to a component that doesn't accept it,\n React will throw an error. However, it might occur that we want a component inside Fieldset because of aesthetic purposes\n (fieldset applies a sort of container with white background and if we want to display it inside of this container... then yea).\n So instead we supply an array of components that we want to add the disabled prop to and check if child.type equals one of these. */\n /* eslint-disable-next-line @typescript-eslint/no-explicit-any */\n const allowedComponents: React.ComponentPropsWithRef<any>[] = [\n Input,\n Select,\n MultiSelect,\n Radio,\n Checkbox,\n Textarea,\n Toggle,\n Label,\n FormControl,\n FormSelectorWrapper,\n FormHelperText,\n InputWrapper,\n SelectWrapper,\n TextareaWrapper\n ];\n\n return React.Children.map(children, (child: ReactElement) => {\n if (allowedComponents.includes(child.type) && !disablePropagation) {\n return React.cloneElement(child, {\n disabled: child.props.disabled ?? disabled\n });\n }\n\n return child;\n });\n };\n\n return (\n <fieldset\n {...rest}\n ref={ref}\n disabled={disabled}\n style={{ backgroundColor: background, ...rest.style }}\n className={`${classes.fieldset} ${noPadding ? classes[\"no-padding\"] : \"\"} ${className ?? \"\"}`}\n >\n {legend && <legend className={readyclasses[\"sr-only\"]}>{legend}</legend>}\n {legend && !hideLegend && (\n <Typography\n variant={legendStyle}\n tag=\"span\"\n aria-hidden=\"true\"\n className={`${classes[\"legend\"]} ${required ? classes[\"required\"] : \"\"}`}\n >\n {legend}\n </Typography>\n )}\n {renderChildren()}\n </fieldset>\n );\n};\n\nexport const Fieldset = withReadOnly(React.forwardRef(FieldsetComponent));\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;AAcG;AAkCH,MAAM,iBAAiB,GAAyD,CAC9E,EACE,QAAQ,EACR,SAAS,EACT,MAAM,EACN,WAAW,GAAG,MAAM,EACpB,UAAU,GAAG,KAAK,EAClB,YAAY,EACZ,UAAU,GAAG,YAAY,GAAG,EAAE,GAAG,MAAM,EACvC,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,kBAAkB,GAAG,KAAK,EAC1B,GAAG,IAAI,EACD,EACR,GAAG,KACD;IACF,MAAM,cAAc,GAAG,MAAK;QAC1B,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO;SACR;AAED;;;AAG4I;;AAE5I,QAAA,MAAM,iBAAiB,GAAuC;YAC5D,KAAK;YACL,MAAM;YACN,WAAW;YACX,KAAK;YACL,QAAQ;YACR,QAAQ;YACR,MAAM;YACN,KAAK;YACL,WAAW;YACX,mBAAmB;YACnB,cAAc;YACd,YAAY;YACZ,aAAa;YACb,eAAe;SAChB,CAAC;QAEF,
|
|
1
|
+
{"version":3,"file":"Fieldset.esm.js","sources":["../../../../../../src/components/Form/Fieldset/Fieldset.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, ReactElement } from \"react\";\nimport readyclasses from \"../../../readyclasses.module.scss\";\nimport classes from \"./Fieldset.module.scss\";\nimport { Typography, Variant } from \"../../Typography/Typography\";\nimport { Input } from \"../Input/Input\";\nimport { Select } from \"../Select/SingleSelect/Select\";\nimport { MultiSelect } from \"../Select/MultiSelect/MultiSelect\";\nimport { Radio } from \"../Radio/Radio\";\nimport { Checkbox } from \"../Checkbox/Checkbox\";\nimport { Textarea } from \"../Textarea/Textarea\";\nimport { Toggle } from \"../Toggle/Toggle\";\nimport { Label } from \"../Label/Label\";\nimport { FormControl } from \"../FormControl/FormControl\";\nimport { FormSelectorWrapper } from \"../FormSelectorWrapper/FormSelectorWrapper\";\nimport { FormHelperText } from \"../FormHelperText/FormHelperText\";\nimport { InputWrapper } from \"../Wrapper/InputWrapper/InputWrapper\";\nimport { SelectWrapper } from \"../Wrapper/SelectWrapper/SelectWrapper\";\nimport { TextareaWrapper } from \"../Wrapper/TextareaWrapper/TextareaWrapper\";\nimport { withReadOnly } from \"../../withReadOnly\";\n\nexport interface Props extends ComponentPropsWithRef<\"fieldset\"> {\n children?: ReactElement | ReactElement[];\n legend: string;\n legendStyle?: Variant;\n hideLegend?: boolean;\n background?: string;\n noPadding?: boolean;\n noBackground?: boolean;\n required?: boolean;\n disablePropagation?: boolean;\n}\n\nconst FieldsetComponent: ForwardRefRenderFunction<HTMLFieldSetElement, Props> = (\n {\n children,\n className,\n legend,\n legendStyle = \"body\",\n hideLegend = false,\n noBackground,\n background = noBackground ? \"\" : \"#FFF\",\n noPadding = false,\n disabled = false,\n required = false,\n disablePropagation = false,\n ...rest\n }: Props,\n ref\n) => {\n const renderChildren = () => {\n if (!children) {\n return;\n }\n\n /* All right, so the issue is that whenever we try to add disabled prop to a component that doesn't accept it,\n React will throw an error. However, it might occur that we want a component inside Fieldset because of aesthetic purposes\n (fieldset applies a sort of container with white background and if we want to display it inside of this container... then yea).\n So instead we supply an array of components that we want to add the disabled prop to and check if child.type equals one of these. */\n /* eslint-disable-next-line @typescript-eslint/no-explicit-any */\n const allowedComponents: React.ComponentPropsWithRef<any>[] = [\n Input,\n Select,\n MultiSelect,\n Radio,\n Checkbox,\n Textarea,\n Toggle,\n Label,\n FormControl,\n FormSelectorWrapper,\n FormHelperText,\n InputWrapper,\n SelectWrapper,\n TextareaWrapper\n ];\n\n return React.Children.map(children, (child: ReactElement) => {\n if (allowedComponents.includes(child.type) && !disablePropagation) {\n return React.cloneElement(child, {\n disabled: child.props.disabled ?? disabled\n });\n }\n\n return child;\n });\n };\n\n return (\n <fieldset\n {...rest}\n ref={ref}\n disabled={disabled}\n style={{ backgroundColor: background, ...rest.style }}\n className={`${classes.fieldset} ${noPadding ? classes[\"no-padding\"] : \"\"} ${className ?? \"\"}`}\n >\n {legend && <legend className={readyclasses[\"sr-only\"]}>{legend}</legend>}\n {legend && !hideLegend && (\n <Typography\n variant={legendStyle}\n tag=\"span\"\n aria-hidden=\"true\"\n className={`${classes[\"legend\"]} ${required ? classes[\"required\"] : \"\"}`}\n >\n {legend}\n </Typography>\n )}\n {renderChildren()}\n </fieldset>\n );\n};\n\nexport const Fieldset = withReadOnly(React.forwardRef(FieldsetComponent));\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;AAcG;AAkCH,MAAM,iBAAiB,GAAyD,CAC9E,EACE,QAAQ,EACR,SAAS,EACT,MAAM,EACN,WAAW,GAAG,MAAM,EACpB,UAAU,GAAG,KAAK,EAClB,YAAY,EACZ,UAAU,GAAG,YAAY,GAAG,EAAE,GAAG,MAAM,EACvC,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,kBAAkB,GAAG,KAAK,EAC1B,GAAG,IAAI,EACD,EACR,GAAG,KACD;IACF,MAAM,cAAc,GAAG,MAAK;QAC1B,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO;SACR;AAED;;;AAG4I;;AAE5I,QAAA,MAAM,iBAAiB,GAAuC;YAC5D,KAAK;YACL,MAAM;YACN,WAAW;YACX,KAAK;YACL,QAAQ;YACR,QAAQ;YACR,MAAM;YACN,KAAK;YACL,WAAW;YACX,mBAAmB;YACnB,cAAc;YACd,YAAY;YACZ,aAAa;YACb,eAAe;SAChB,CAAC;QAEF,OAAOA,cAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAmB,KAAI;;AAC1D,YAAA,IAAI,iBAAiB,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE;AACjE,gBAAA,OAAOA,cAAK,CAAC,YAAY,CAAC,KAAK,EAAE;oBAC/B,QAAQ,EAAE,MAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,mCAAI,QAAQ;AAC3C,iBAAA,CAAC,CAAC;aACJ;AAED,YAAA,OAAO,KAAK,CAAC;AACf,SAAC,CAAC,CAAC;AACL,KAAC,CAAC;IAEF,QACEA,cACM,CAAA,aAAA,CAAA,UAAA,EAAA,EAAA,GAAA,IAAI,EACR,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,EAAE,eAAe,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,EACrD,SAAS,EAAE,CAAG,EAAA,OAAO,CAAC,QAAQ,CAAI,CAAA,EAAA,SAAS,GAAG,OAAO,CAAC,YAAY,CAAC,GAAG,EAAE,CAAA,CAAA,EAAI,SAAS,KAAA,IAAA,IAAT,SAAS,KAAT,KAAA,CAAA,GAAA,SAAS,GAAI,EAAE,CAAE,CAAA,EAAA;QAE5F,MAAM,IAAIA,cAAQ,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,SAAS,EAAE,YAAY,CAAC,SAAS,CAAC,EAAG,EAAA,MAAM,CAAU;AACvE,QAAA,MAAM,IAAI,CAAC,UAAU,KACpBA,cAAA,CAAA,aAAA,CAAC,UAAU,EACT,EAAA,OAAO,EAAE,WAAW,EACpB,GAAG,EAAC,MAAM,iBACE,MAAM,EAClB,SAAS,EAAE,CAAA,EAAG,OAAO,CAAC,QAAQ,CAAC,CAAA,CAAA,EAAI,QAAQ,GAAG,OAAO,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,EAEvE,EAAA,MAAM,CACI,CACd;QACA,cAAc,EAAE,CACR,EACX;AACJ,CAAC,CAAC;AAEK,MAAM,QAAQ,GAAG,YAAY,CAACA,cAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styleInject from '../../node_modules/style-inject/dist/style-inject.es.esm.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "/*!\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 */.
|
|
4
|
-
var classes = {"fieldset":"
|
|
3
|
+
var css_248z = "/*!\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 */.Fieldset_fieldset_Pphm5{border:0;border-radius:.5rem;margin:0;padding:.5rem}.Fieldset_fieldset_Pphm5.Fieldset_no-padding_Pphm5{padding:0}.Fieldset_fieldset_Pphm5+.Fieldset_fieldset_Pphm5,.Fieldset_fieldset_Pphm5+.Fieldset_wrapper_Pphm5{margin-top:1rem}.Fieldset_fieldset_Pphm5 .Fieldset_legend_Pphm5{display:block}.Fieldset_fieldset_Pphm5 .Fieldset_legend_Pphm5.Fieldset_required_Pphm5:after{content:\" *\"}@media only screen and (min-width:30em){.Fieldset_fieldset_Pphm5{padding:.5rem}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpZWxkc2V0Lm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FFRix5QkFDRSxRQUFTLENBRVQsbUJBQXFCLENBQ3JCLFFBQVMsQ0FGVCxhQUdGLENBQ0EsbURBQ0UsU0FDRixDQUNBLG1HQUVFLGVBQ0YsQ0FDQSxnREFDRSxhQUNGLENBQ0EsOEVBQ0UsWUFDRixDQUVBLHdDQUNFLHlCQUNFLGFBQ0YsQ0FDRiIsImZpbGUiOiJGaWVsZHNldC5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyoqIEJyZWFrcG9pbnRzICoqL1xuLmZpZWxkc2V0IHtcbiAgYm9yZGVyOiAwO1xuICBwYWRkaW5nOiAwLjVyZW07XG4gIGJvcmRlci1yYWRpdXM6IDAuNXJlbTtcbiAgbWFyZ2luOiAwO1xufVxuLmZpZWxkc2V0Lm5vLXBhZGRpbmcge1xuICBwYWRkaW5nOiAwO1xufVxuLmZpZWxkc2V0ICsgLndyYXBwZXIsXG4uZmllbGRzZXQgKyAuZmllbGRzZXQge1xuICBtYXJnaW4tdG9wOiAxcmVtO1xufVxuLmZpZWxkc2V0IC5sZWdlbmQge1xuICBkaXNwbGF5OiBibG9jaztcbn1cbi5maWVsZHNldCAubGVnZW5kLnJlcXVpcmVkOmFmdGVyIHtcbiAgY29udGVudDogXCIgKlwiO1xufVxuXG5AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDMwZW0pIHtcbiAgLmZpZWxkc2V0IHtcbiAgICBwYWRkaW5nOiAwLjVyZW07XG4gIH1cbn0iXX0= */";
|
|
4
|
+
var classes = {"fieldset":"Fieldset_fieldset_Pphm5","no-padding":"Fieldset_no-padding_Pphm5","wrapper":"Fieldset_wrapper_Pphm5","legend":"Fieldset_legend_Pphm5","required":"Fieldset_required_Pphm5"};
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
export { classes as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default, { Fragment } from 'react';
|
|
2
2
|
import classes from './FileItem.module.scss.esm.js';
|
|
3
3
|
import { Typography } from '../../../Typography/Typography.esm.js';
|
|
4
4
|
import { Icons, Icon } from '../../../Icon/Icon.esm.js';
|
|
@@ -100,24 +100,24 @@ const FileItemComponent = ({ name, status, error, progress, onDownloadFile, down
|
|
|
100
100
|
return { friendlyName: name.slice(0, index), extension: name.slice(index + 1) };
|
|
101
101
|
};
|
|
102
102
|
const { friendlyName, extension } = getFriendlyNameAndExtension(name);
|
|
103
|
-
const getStartIcon = (icon) => (
|
|
103
|
+
const getStartIcon = (icon) => (React__default.createElement(Icon, { key: icon.action, title: icon.action, icon: icon.type, className: classes["action-icon"] }));
|
|
104
104
|
const renderActionIcons = (actionIcons) => {
|
|
105
|
-
return actionIcons.map(icon => (
|
|
106
|
-
icon.action !== FILE_ACTION.DOWNLOAD && (
|
|
107
|
-
icon.action === FILE_ACTION.DOWNLOAD && downloadFileLink && !onDownloadFile && (
|
|
108
|
-
icon.action === FILE_ACTION.DOWNLOAD && onDownloadFile && (
|
|
105
|
+
return actionIcons.map(icon => (React__default.createElement(Fragment, { key: icon.action },
|
|
106
|
+
icon.action !== FILE_ACTION.DOWNLOAD && (React__default.createElement(Button, { color: "primary", startIcon: getStartIcon(icon), title: icon.action !== FILE_ACTION.ABORT ? icon.action : "", type: "button", variant: "text", onClick: () => icon && onRequestedFileAction && onRequestedFileAction(icon.action, name) }, icon.action !== FILE_ACTION.ABORT ? icon.action : "")),
|
|
107
|
+
icon.action === FILE_ACTION.DOWNLOAD && downloadFileLink && !onDownloadFile && (React__default.createElement(Link, { color: "primary", display: "link", to: downloadFileLink, type: "download", target: "_blank", prefixIcon: React__default.createElement(Icon, { key: icon.action, className: classes["action-icon"], title: icon.action, icon: icon.type }) }, icon.action)),
|
|
108
|
+
icon.action === FILE_ACTION.DOWNLOAD && onDownloadFile && (React__default.createElement(Button, { color: "primary", onClick: onDownloadFile, type: "button", variant: "text", startIcon: getStartIcon(icon) }, icon.action)))));
|
|
109
109
|
};
|
|
110
110
|
const getUploadedFileInfo = () => {
|
|
111
|
-
return (
|
|
112
|
-
status === "retry" && (
|
|
113
|
-
|
|
114
|
-
|
|
111
|
+
return (React__default.createElement(Typography, { variant: "body", title: name, className: `${classes["file-name"]} ${status ? classes[status] : ""}` },
|
|
112
|
+
status === "retry" && (React__default.createElement(Icon, { icon: Icons.Error, className: `${classes["file-icon"]} ${status ? classes[status] : ""}` })),
|
|
113
|
+
React__default.createElement(Icon, { icon: icons.fileIcon, className: classes["file-icon"] }),
|
|
114
|
+
React__default.createElement("span", { className: classes["friendly-name"] },
|
|
115
115
|
friendlyName,
|
|
116
116
|
".",
|
|
117
117
|
extension)));
|
|
118
118
|
};
|
|
119
119
|
const getProgressBar = () => {
|
|
120
|
-
return (
|
|
120
|
+
return (React__default.createElement(ProgressBar, { className: classes["progress-bar"], completed: progress, label: `${friendlyName}.${extension}`, percentage: totalPercentage }));
|
|
121
121
|
};
|
|
122
122
|
const restPropsWithoutPointerEvents = () => {
|
|
123
123
|
var _a;
|
|
@@ -125,15 +125,15 @@ const FileItemComponent = ({ name, status, error, progress, onDownloadFile, down
|
|
|
125
125
|
(_a = rest === null || rest === void 0 ? void 0 : rest.style) === null || _a === void 0 ? true : delete _a.pointerEvents;
|
|
126
126
|
return props;
|
|
127
127
|
};
|
|
128
|
-
return (
|
|
129
|
-
|
|
128
|
+
return (React__default.createElement("div", { ref: ref, className: classes["file-item-wrapper"], "aria-label": `${name}-wrapper`, tabIndex: 0, ...restPropsWithoutPointerEvents() },
|
|
129
|
+
React__default.createElement("div", { className: classes["file-list-container"] },
|
|
130
130
|
status !== ACTION_STATUS.UPLOADING && getUploadedFileInfo(),
|
|
131
|
-
|
|
131
|
+
React__default.createElement("div", { className: `${status === ACTION_STATUS.UPLOADING ? classes["progress-with-action"] : ""}` },
|
|
132
132
|
status === ACTION_STATUS.UPLOADING && getProgressBar(),
|
|
133
|
-
|
|
134
|
-
error && (
|
|
133
|
+
React__default.createElement("div", { className: classes["action-button-wrapper"] }, icons.actionIcons && renderActionIcons(icons.actionIcons)))),
|
|
134
|
+
error && (React__default.createElement(Typography, { variant: "sub-text", className: `${classes["file-subtitle"]} ${status ? classes[status] : ""}` }, error))));
|
|
135
135
|
};
|
|
136
|
-
const FileItem = withReadOnly(
|
|
136
|
+
const FileItem = withReadOnly(React__default.forwardRef(FileItemComponent));
|
|
137
137
|
|
|
138
138
|
export { ACTION_STATUS, FILE_ACTION, FileItem };
|
|
139
139
|
//# sourceMappingURL=FileItem.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileItem.esm.js","sources":["../../../../../../../src/components/Form/FileUpload/FileItem/FileItem.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, { ComponentPropsWithRef, ForwardRefRenderFunction, Fragment } from \"react\";\nimport classes from \"./FileItem.module.scss\";\nimport { Typography } from \"../../../Typography/Typography\";\nimport { Icon, Icons } from \"../../../Icon/Icon\";\nimport { ProgressBar } from \"../../../ProgressBar/ProgressBar\";\nimport { FileType } from \"../FileUpload\";\nimport { Button } from \"../../../Button/Button\";\nimport { Link } from \"../../../Link/Link\";\nimport { withReadOnly } from \"../../../withReadOnly\";\nexport type UploadProgress = \"uploading\" | \"completed\" | \"error\" | \"readonly\" | \"retry\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n name: string;\n status?: UploadProgress;\n progress?: number;\n error?: string;\n downloadFileLink?: string;\n onDownloadFile?: () => void;\n totalPercentage?: number;\n onRequestedFileAction?: (action: FILE_ACTION, name: FileType[\"name\"]) => void;\n}\ninterface FileItemIcons {\n fileIcon: Icons;\n actionIcons?: { type: Icons; action: FILE_ACTION }[];\n}\n\nexport enum FILE_ACTION {\n DELETE = \"delete\",\n DOWNLOAD = \"download\",\n REMOVE = \"remove\",\n ABORT = \"abort\",\n RETRY = \"retry\"\n}\n\nexport enum ACTION_STATUS {\n COMPLETED = \"completed\",\n UPLOADING = \"uploading\",\n ERROR = \"error\",\n RETRY = \"retry\",\n READONLY = \"readonly\"\n}\n\nconst FileItemComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n {\n name,\n status,\n error,\n progress,\n onDownloadFile,\n downloadFileLink,\n totalPercentage,\n onRequestedFileAction,\n ...rest\n }: Props,\n ref\n) => {\n const determineIcons = (status?: UploadProgress): FileItemIcons => {\n switch (status) {\n case ACTION_STATUS.COMPLETED:\n return {\n fileIcon: Icons.FileAltIcon,\n actionIcons: [\n {\n type: Icons.Trash,\n action: FILE_ACTION.DELETE\n },\n {\n type: Icons.DownloadFile,\n action: FILE_ACTION.DOWNLOAD\n }\n ]\n };\n case ACTION_STATUS.ERROR:\n return {\n fileIcon: Icons.Error,\n actionIcons: [\n {\n type: Icons.Times,\n action: FILE_ACTION.REMOVE\n }\n ]\n };\n case ACTION_STATUS.UPLOADING:\n return {\n fileIcon: Icons.FileAltIcon,\n actionIcons: [\n {\n type: Icons.AbortFile,\n action: FILE_ACTION.ABORT\n }\n ]\n };\n case ACTION_STATUS.RETRY:\n return {\n fileIcon: Icons.FileAltIcon,\n actionIcons: [\n {\n type: Icons.Refresh,\n action: FILE_ACTION.RETRY\n },\n {\n type: Icons.Trash,\n action: FILE_ACTION.REMOVE\n }\n ]\n };\n case ACTION_STATUS.READONLY:\n default:\n return { fileIcon: Icons.FileAltIcon };\n }\n };\n\n const icons = determineIcons(status);\n\n const getFriendlyNameAndExtension = (name: string) => {\n const index = name.indexOf(\".\");\n return { friendlyName: name.slice(0, index), extension: name.slice(index + 1) };\n };\n\n const { friendlyName, extension } = getFriendlyNameAndExtension(name);\n\n const getStartIcon = (icon: { type: Icons; action: FILE_ACTION }) => (\n <Icon\n key={icon.action}\n title={icon.action}\n icon={icon.type}\n className={classes[\"action-icon\"]}\n ></Icon>\n );\n\n const renderActionIcons = (actionIcons: { type: Icons; action: FILE_ACTION }[]) => {\n return actionIcons.map(icon => (\n <Fragment key={icon.action}>\n {icon.action !== FILE_ACTION.DOWNLOAD && (\n <Button\n color=\"primary\"\n startIcon={getStartIcon(icon)}\n title={icon.action !== FILE_ACTION.ABORT ? icon.action : \"\"}\n type=\"button\"\n variant=\"text\"\n onClick={() =>\n icon && onRequestedFileAction && onRequestedFileAction(icon.action, name)\n }\n >\n {icon.action !== FILE_ACTION.ABORT ? icon.action : \"\"}\n </Button>\n )}\n\n {icon.action === FILE_ACTION.DOWNLOAD && downloadFileLink && !onDownloadFile && (\n <Link\n color=\"primary\"\n display=\"link\"\n to={downloadFileLink}\n type=\"download\"\n target=\"_blank\"\n prefixIcon={\n <Icon\n key={icon.action}\n className={classes[\"action-icon\"]}\n title={icon.action}\n icon={icon.type}\n ></Icon>\n }\n >\n {icon.action}\n </Link>\n )}\n\n {icon.action === FILE_ACTION.DOWNLOAD && onDownloadFile && (\n <Button\n color=\"primary\"\n onClick={onDownloadFile}\n type=\"button\"\n variant=\"text\"\n startIcon={getStartIcon(icon)}\n >\n {icon.action}\n </Button>\n )}\n </Fragment>\n ));\n };\n\n const getUploadedFileInfo = () => {\n return (\n <Typography\n variant={\"body\"}\n title={name}\n className={`${classes[\"file-name\"]} ${status ? classes[status] : \"\"}`}\n >\n {status === \"retry\" && (\n <Icon\n icon={Icons.Error}\n className={`${classes[\"file-icon\"]} ${status ? classes[status] : \"\"}`}\n />\n )}\n <Icon icon={icons.fileIcon} className={classes[\"file-icon\"]} />\n <span className={classes[\"friendly-name\"]}>\n {friendlyName}.{extension}\n </span>\n </Typography>\n );\n };\n\n const getProgressBar = () => {\n return (\n <ProgressBar\n className={classes[\"progress-bar\"]}\n completed={progress}\n label={`${friendlyName}.${extension}`}\n percentage={totalPercentage}\n />\n );\n };\n\n const restPropsWithoutPointerEvents = () => {\n const props = rest;\n delete rest?.style?.pointerEvents;\n return props;\n };\n\n return (\n <div\n ref={ref}\n className={classes[\"file-item-wrapper\"]}\n aria-label={`${name}-wrapper`}\n tabIndex={0}\n {...restPropsWithoutPointerEvents()}\n >\n <div className={classes[\"file-list-container\"]}>\n {status !== ACTION_STATUS.UPLOADING && getUploadedFileInfo()}\n\n <div\n className={`${status === ACTION_STATUS.UPLOADING ? classes[\"progress-with-action\"] : \"\"}`}\n >\n {status === ACTION_STATUS.UPLOADING && getProgressBar()}\n\n <div className={classes[\"action-button-wrapper\"]}>\n {icons.actionIcons && renderActionIcons(icons.actionIcons)}\n </div>\n </div>\n </div>\n {error && (\n <Typography\n variant={\"sub-text\"}\n className={`${classes[\"file-subtitle\"]} ${status ? classes[status] : \"\"}`}\n >\n {error}\n </Typography>\n )}\n </div>\n );\n};\n\nexport const FileItem = withReadOnly(React.forwardRef(FileItemComponent));\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"FileItem.esm.js","sources":["../../../../../../../src/components/Form/FileUpload/FileItem/FileItem.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, { ComponentPropsWithRef, ForwardRefRenderFunction, Fragment } from \"react\";\nimport classes from \"./FileItem.module.scss\";\nimport { Typography } from \"../../../Typography/Typography\";\nimport { Icon, Icons } from \"../../../Icon/Icon\";\nimport { ProgressBar } from \"../../../ProgressBar/ProgressBar\";\nimport { FileType } from \"../FileUpload\";\nimport { Button } from \"../../../Button/Button\";\nimport { Link } from \"../../../Link/Link\";\nimport { withReadOnly } from \"../../../withReadOnly\";\nexport type UploadProgress = \"uploading\" | \"completed\" | \"error\" | \"readonly\" | \"retry\";\n\nexport interface Props extends ComponentPropsWithRef<\"div\"> {\n name: string;\n status?: UploadProgress;\n progress?: number;\n error?: string;\n downloadFileLink?: string;\n onDownloadFile?: () => void;\n totalPercentage?: number;\n onRequestedFileAction?: (action: FILE_ACTION, name: FileType[\"name\"]) => void;\n}\ninterface FileItemIcons {\n fileIcon: Icons;\n actionIcons?: { type: Icons; action: FILE_ACTION }[];\n}\n\nexport enum FILE_ACTION {\n DELETE = \"delete\",\n DOWNLOAD = \"download\",\n REMOVE = \"remove\",\n ABORT = \"abort\",\n RETRY = \"retry\"\n}\n\nexport enum ACTION_STATUS {\n COMPLETED = \"completed\",\n UPLOADING = \"uploading\",\n ERROR = \"error\",\n RETRY = \"retry\",\n READONLY = \"readonly\"\n}\n\nconst FileItemComponent: ForwardRefRenderFunction<HTMLDivElement, Props> = (\n {\n name,\n status,\n error,\n progress,\n onDownloadFile,\n downloadFileLink,\n totalPercentage,\n onRequestedFileAction,\n ...rest\n }: Props,\n ref\n) => {\n const determineIcons = (status?: UploadProgress): FileItemIcons => {\n switch (status) {\n case ACTION_STATUS.COMPLETED:\n return {\n fileIcon: Icons.FileAltIcon,\n actionIcons: [\n {\n type: Icons.Trash,\n action: FILE_ACTION.DELETE\n },\n {\n type: Icons.DownloadFile,\n action: FILE_ACTION.DOWNLOAD\n }\n ]\n };\n case ACTION_STATUS.ERROR:\n return {\n fileIcon: Icons.Error,\n actionIcons: [\n {\n type: Icons.Times,\n action: FILE_ACTION.REMOVE\n }\n ]\n };\n case ACTION_STATUS.UPLOADING:\n return {\n fileIcon: Icons.FileAltIcon,\n actionIcons: [\n {\n type: Icons.AbortFile,\n action: FILE_ACTION.ABORT\n }\n ]\n };\n case ACTION_STATUS.RETRY:\n return {\n fileIcon: Icons.FileAltIcon,\n actionIcons: [\n {\n type: Icons.Refresh,\n action: FILE_ACTION.RETRY\n },\n {\n type: Icons.Trash,\n action: FILE_ACTION.REMOVE\n }\n ]\n };\n case ACTION_STATUS.READONLY:\n default:\n return { fileIcon: Icons.FileAltIcon };\n }\n };\n\n const icons = determineIcons(status);\n\n const getFriendlyNameAndExtension = (name: string) => {\n const index = name.indexOf(\".\");\n return { friendlyName: name.slice(0, index), extension: name.slice(index + 1) };\n };\n\n const { friendlyName, extension } = getFriendlyNameAndExtension(name);\n\n const getStartIcon = (icon: { type: Icons; action: FILE_ACTION }) => (\n <Icon\n key={icon.action}\n title={icon.action}\n icon={icon.type}\n className={classes[\"action-icon\"]}\n ></Icon>\n );\n\n const renderActionIcons = (actionIcons: { type: Icons; action: FILE_ACTION }[]) => {\n return actionIcons.map(icon => (\n <Fragment key={icon.action}>\n {icon.action !== FILE_ACTION.DOWNLOAD && (\n <Button\n color=\"primary\"\n startIcon={getStartIcon(icon)}\n title={icon.action !== FILE_ACTION.ABORT ? icon.action : \"\"}\n type=\"button\"\n variant=\"text\"\n onClick={() =>\n icon && onRequestedFileAction && onRequestedFileAction(icon.action, name)\n }\n >\n {icon.action !== FILE_ACTION.ABORT ? icon.action : \"\"}\n </Button>\n )}\n\n {icon.action === FILE_ACTION.DOWNLOAD && downloadFileLink && !onDownloadFile && (\n <Link\n color=\"primary\"\n display=\"link\"\n to={downloadFileLink}\n type=\"download\"\n target=\"_blank\"\n prefixIcon={\n <Icon\n key={icon.action}\n className={classes[\"action-icon\"]}\n title={icon.action}\n icon={icon.type}\n ></Icon>\n }\n >\n {icon.action}\n </Link>\n )}\n\n {icon.action === FILE_ACTION.DOWNLOAD && onDownloadFile && (\n <Button\n color=\"primary\"\n onClick={onDownloadFile}\n type=\"button\"\n variant=\"text\"\n startIcon={getStartIcon(icon)}\n >\n {icon.action}\n </Button>\n )}\n </Fragment>\n ));\n };\n\n const getUploadedFileInfo = () => {\n return (\n <Typography\n variant={\"body\"}\n title={name}\n className={`${classes[\"file-name\"]} ${status ? classes[status] : \"\"}`}\n >\n {status === \"retry\" && (\n <Icon\n icon={Icons.Error}\n className={`${classes[\"file-icon\"]} ${status ? classes[status] : \"\"}`}\n />\n )}\n <Icon icon={icons.fileIcon} className={classes[\"file-icon\"]} />\n <span className={classes[\"friendly-name\"]}>\n {friendlyName}.{extension}\n </span>\n </Typography>\n );\n };\n\n const getProgressBar = () => {\n return (\n <ProgressBar\n className={classes[\"progress-bar\"]}\n completed={progress}\n label={`${friendlyName}.${extension}`}\n percentage={totalPercentage}\n />\n );\n };\n\n const restPropsWithoutPointerEvents = () => {\n const props = rest;\n delete rest?.style?.pointerEvents;\n return props;\n };\n\n return (\n <div\n ref={ref}\n className={classes[\"file-item-wrapper\"]}\n aria-label={`${name}-wrapper`}\n tabIndex={0}\n {...restPropsWithoutPointerEvents()}\n >\n <div className={classes[\"file-list-container\"]}>\n {status !== ACTION_STATUS.UPLOADING && getUploadedFileInfo()}\n\n <div\n className={`${status === ACTION_STATUS.UPLOADING ? classes[\"progress-with-action\"] : \"\"}`}\n >\n {status === ACTION_STATUS.UPLOADING && getProgressBar()}\n\n <div className={classes[\"action-button-wrapper\"]}>\n {icons.actionIcons && renderActionIcons(icons.actionIcons)}\n </div>\n </div>\n </div>\n {error && (\n <Typography\n variant={\"sub-text\"}\n className={`${classes[\"file-subtitle\"]} ${status ? classes[status] : \"\"}`}\n >\n {error}\n </Typography>\n )}\n </div>\n );\n};\n\nexport const FileItem = withReadOnly(React.forwardRef(FileItemComponent));\n"],"names":["React"],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.esm.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "/*!\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 */\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 */.FileItem_sr-only_jzOEv{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.FileItem_hidden_jzOEv{display:none}.FileItem_slide-in_jzOEv{animation:FileItem_slide-in_jzOEv .5s forwards}@media (prefers-reduced-motion:reduce){.FileItem_slide-in_jzOEv{animation-duration:.1ms}}.FileItem_slide-out_jzOEv{animation:FileItem_slide-out_jzOEv .5s forwards}@media (prefers-reduced-motion:reduce){.FileItem_slide-out_jzOEv{animation-duration:.1ms}}@keyframes FileItem_slide-in_jzOEv{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes FileItem_slide-out_jzOEv{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 */.FileItem_file-item-wrapper_jzOEv{border-radius:var(--input-border-radius);padding:0;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.FileItem_file-item-wrapper_jzOEv{transition-duration:.1ms}}.FileItem_file-item-wrapper_jzOEv [class*=icon]{font-size:var(--font-size-big)}.FileItem_file-item-wrapper_jzOEv .FileItem_file-list-container_jzOEv{background-color:var(--color-blue-grey25);display:flex;flex-wrap:wrap;justify-content:space-between;min-height:2.875rem;padding:.25rem .75rem}.FileItem_file-item-wrapper_jzOEv .FileItem_file-list-container_jzOEv .FileItem_action-button-wrapper_jzOEv{display:flex;margin:.25rem 0}.FileItem_file-item-wrapper_jzOEv .FileItem_file-list-container_jzOEv .FileItem_action-button-wrapper_jzOEv button{margin-left:.5rem}.FileItem_file-item-wrapper_jzOEv .FileItem_file-list-container_jzOEv .FileItem_action-button-wrapper_jzOEv button span{font-size:var(--button-font-size);text-transform:capitalize}.FileItem_file-item-wrapper_jzOEv .FileItem_file-list-container_jzOEv .FileItem_action-button-wrapper_jzOEv a{align-items:center;cursor:pointer;display:flex;font-weight:500;margin-left:.5rem;padding-left:.75rem;padding-right:1.25rem;text-decoration:none}.FileItem_file-item-wrapper_jzOEv .FileItem_file-list-container_jzOEv .FileItem_action-button-wrapper_jzOEv a span.FileItem_action-icon_jzOEv{display:flex;font-size:var(--button-font-size);justify-content:center;margin-right:.25rem;padding-left:0;width:calc(var(--button-font-size)*1.71)}.FileItem_file-item-wrapper_jzOEv .FileItem_file-list-container_jzOEv .FileItem_action-button-wrapper_jzOEv a span{font-size:var(--button-font-size);text-transform:capitalize}.FileItem_file-item-wrapper_jzOEv .FileItem_file-list-container_jzOEv .FileItem_action-button-wrapper_jzOEv a:hover{background-color:var(--color-black10);color:var(--button-primary-hover-color)}.FileItem_file-item-wrapper_jzOEv .FileItem_file-list-container_jzOEv .FileItem_action-button-wrapper_jzOEv a:focus{border-radius:var(--focus-border-radius);outline:.125rem solid var(--color-focus);outline-offset:2px}.FileItem_file-item-wrapper_jzOEv .FileItem_file-list-container_jzOEv .FileItem_progress-with-action_jzOEv{align-items:center;display:flex;width:100%}.FileItem_file-item-wrapper_jzOEv .FileItem_file-list-container_jzOEv .FileItem_progress-with-action_jzOEv .FileItem_progress-bar_jzOEv{background:#0000;min-height:3rem;width:100%}.FileItem_file-item-wrapper_jzOEv .FileItem_file-list-container_jzOEv .FileItem_progress-with-action_jzOEv .FileItem_progress-bar_jzOEv>span{border-radius:var(--input-border-radius);height:.3rem}.FileItem_file-item-wrapper_jzOEv .FileItem_file-list-container_jzOEv .FileItem_progress-with-action_jzOEv .FileItem_progress-bar_jzOEv p{font-size:var(--button-font-size)}.FileItem_file-item-wrapper_jzOEv .FileItem_progress-bar_jzOEv{background-color:var(--color-black10)}.FileItem_file-item-wrapper_jzOEv span[class*=bar--]{border-radius:var(--input-border-radius);height:1rem}.FileItem_file-item-wrapper_jzOEv .FileItem_file-name_jzOEv{align-items:center;display:flex;font-size:var(--form-control-font-size);margin:0}.FileItem_file-item-wrapper_jzOEv .FileItem_file-name_jzOEv .FileItem_friendly-name_jzOEv{text-wrap:wrap;overflow-wrap:anywhere;text-overflow:ellipsis}.FileItem_file-item-wrapper_jzOEv .FileItem_file-name_jzOEv.FileItem_error_jzOEv span:before{color:var(--error)}.FileItem_file-item-wrapper_jzOEv .FileItem_action-icon_jzOEv{color:var(--color-primary);cursor:pointer;margin-left:auto;margin-right:1rem;padding-left:1.25rem}.FileItem_file-item-wrapper_jzOEv .FileItem_action-icon_jzOEv a,.FileItem_file-item-wrapper_jzOEv .FileItem_action-icon_jzOEv label{color:var(--color-primary);cursor:pointer;padding-left:.5rem;text-decoration:none;text-transform:capitalize}.FileItem_file-item-wrapper_jzOEv .FileItem_file-icon_jzOEv{margin-right:.5rem}.FileItem_file-item-wrapper_jzOEv .FileItem_file-icon_jzOEv:before{color:var(--color-primary500)}.FileItem_file-item-wrapper_jzOEv .FileItem_file-icon_jzOEv.FileItem_retry_jzOEv:before{color:var(--error)}.FileItem_file-item-wrapper_jzOEv .FileItem_file-subtitle_jzOEv,.FileItem_file-item-wrapper_jzOEv .FileItem_progress-bar_jzOEv{text-wrap:wrap;display:block;margin:.3125rem 1.75rem;overflow-wrap:anywhere;padding:0;text-overflow:ellipsis}.FileItem_file-item-wrapper_jzOEv .FileItem_error_jzOEv,.FileItem_file-item-wrapper_jzOEv .FileItem_retry_jzOEv{color:var(--error)}.FileItem_file-item-wrapper_jzOEv .FileItem_readonly_jzOEv{color:var(--greyed-out)}.FileItem_file-item-wrapper_jzOEv .FileItem_file-subtitle_jzOEv{margin-left:0}.FileItem_file-item-wrapper_jzOEv[data-readonlyview=true] .FileItem_file-list-container_jzOEv p span:before{color:var(--font-family)}.FileItem_file-item-wrapper_jzOEv[data-readonlyview=true] .FileItem_file-list-container_jzOEv button{visibility:hidden}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVJdGVtLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQWtERjs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLHdCQU9FLGtCQUFzQixDQUN0QixRQUFTLENBTFQsVUFBVyxDQUVYLFdBQVksQ0FDWixlQUFnQixDQUZoQixTQUFVLENBSFYsaUJBQWtCLENBQ2xCLFNBT0YsQ0FFQSx1QkFDRSxZQUNGLENBRUEseUJBQ0UsOENBQ0YsQ0FFQSx1Q0FDRSx5QkFDRSx1QkFDRixDQUNGLENBQ0EsMEJBQ0UsK0NBQ0YsQ0FFQSx1Q0FDRSwwQkFDRSx1QkFDRixDQUNGLENBQ0EsbUNBQ0UsR0FDRSwyQkFDRixDQUNBLEdBQ0UsdUJBQ0YsQ0FDRixDQUNBLG9DQUNFLEdBQ0UsdUJBQ0YsQ0FDQSxHQUNFLDJCQUNGLENBQ0Y7QUFDQTs7Ozs7Ozs7Ozs7Ozs7RUFjRSxDQUNGLGtDQUVFLHdDQUF5QyxDQUR6QyxTQUFVLENBR1YsdUJBQXlCLENBRHpCLHVCQUF3QixDQUV4QixzQ0FDRixDQUNBLHVDQUNFLGtDQUNFLHdCQUNGLENBQ0YsQ0FDQSxnREFDRSw4QkFDRixDQUNBLHNFQUNFLHlDQUEwQyxDQUUxQyxZQUFhLENBRWIsY0FBZSxDQURmLDZCQUE4QixDQUU5QixtQkFBb0IsQ0FKcEIscUJBS0YsQ0FDQSw0R0FFRSxZQUFhLENBRGIsZUFFRixDQUNBLG1IQUNFLGlCQUNGLENBQ0Esd0hBQ0UsaUNBQWtDLENBQ2xDLHlCQUNGLENBQ0EsOEdBTUUsa0JBQW1CLENBRm5CLGNBQWUsQ0FDZixZQUFhLENBRmIsZUFBZ0IsQ0FLaEIsaUJBQW1CLENBUG5CLG1CQUFxQixDQUNyQixxQkFBc0IsQ0FLdEIsb0JBRUYsQ0FDQSw4SUFDRSxZQUFhLENBSWIsaUNBQWtDLENBSGxDLHNCQUF1QixDQUV2QixtQkFBcUIsQ0FFckIsY0FBZSxDQUhmLHdDQUlGLENBQ0EsbUhBQ0UsaUNBQWtDLENBQ2xDLHlCQUNGLENBQ0Esb0hBRUUscUNBQXNDLENBRHRDLHVDQUVGLENBQ0Esb0hBR0Usd0NBQXlDLENBRnpDLHdDQUEwQyxDQUMxQyxrQkFFRixDQUNBLDJHQUdFLGtCQUFtQixDQURuQixZQUFhLENBRGIsVUFHRixDQUNBLHdJQUdFLGdCQUF1QixDQUZ2QixlQUFnQixDQUNoQixVQUVGLENBQ0EsNklBRUUsd0NBQXlDLENBRHpDLFlBRUYsQ0FDQSwwSUFDRSxpQ0FDRixDQUNBLCtEQUNFLHFDQUNGLENBQ0EscURBQ0Usd0NBQXlDLENBQ3pDLFdBQ0YsQ0FDQSw0REFHRSxrQkFBbUIsQ0FEbkIsWUFBYSxDQUViLHVDQUF3QyxDQUh4QyxRQUlGLENBQ0EsMEZBR0UsY0FBZSxDQUZmLHNCQUF1QixDQUN2QixzQkFFRixDQUNBLDZGQUNFLGtCQUNGLENBQ0EsOERBRUUsMEJBQTJCLENBQzNCLGNBQWUsQ0FGZixnQkFBaUIsQ0FJakIsaUJBQWtCLENBRGxCLG9CQUVGLENBQ0Esb0lBSUUsMEJBQTJCLENBRDNCLGNBQWUsQ0FEZixrQkFBb0IsQ0FHcEIsb0JBQXFCLENBSnJCLHlCQUtGLENBQ0EsNERBQ0Usa0JBQ0YsQ0FDQSxtRUFDRSw2QkFDRixDQUNBLHdGQUNFLGtCQUNGLENBQ0EsK0hBT0UsY0FBZSxDQUxmLGFBQWMsQ0FDZCx1QkFBeUIsQ0FFekIsc0JBQXVCLENBRHZCLFNBQVUsQ0FFVixzQkFFRixDQUNBLGdIQUVFLGtCQUNGLENBQ0EsMkRBQ0UsdUJBQ0YsQ0FDQSxnRUFDRSxhQUNGLENBQ0EsNEdBQ0Usd0JBQ0YsQ0FDQSxxR0FDRSxpQkFDRiIsImZpbGUiOiJGaWxlSXRlbS5tb2R1bGUuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cblxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn1cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuXG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtaW4ge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuXG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuc2xpZGUtb3V0IHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLmZpbGUtaXRlbS13cmFwcGVyIHtcbiAgcGFkZGluZzogMDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLmZpbGUtaXRlbS13cmFwcGVyIHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLmZpbGUtaXRlbS13cmFwcGVyIFtjbGFzcyo9aWNvbl0ge1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1iaWcpO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5maWxlLWxpc3QtY29udGFpbmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5MjUpO1xuICBwYWRkaW5nOiAwLjI1cmVtIDAuNzVyZW07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBtaW4taGVpZ2h0OiAyLjg3NXJlbTtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciAuZmlsZS1saXN0LWNvbnRhaW5lciAuYWN0aW9uLWJ1dHRvbi13cmFwcGVyIHtcbiAgbWFyZ2luOiAwLjI1cmVtIDA7XG4gIGRpc3BsYXk6IGZsZXg7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmZpbGUtbGlzdC1jb250YWluZXIgLmFjdGlvbi1idXR0b24td3JhcHBlciBidXR0b24ge1xuICBtYXJnaW4tbGVmdDogMC41cmVtO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5maWxlLWxpc3QtY29udGFpbmVyIC5hY3Rpb24tYnV0dG9uLXdyYXBwZXIgYnV0dG9uIHNwYW4ge1xuICBmb250LXNpemU6IHZhcigtLWJ1dHRvbi1mb250LXNpemUpO1xuICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciAuZmlsZS1saXN0LWNvbnRhaW5lciAuYWN0aW9uLWJ1dHRvbi13cmFwcGVyIGEge1xuICBwYWRkaW5nLWxlZnQ6IDAuNzVyZW07XG4gIHBhZGRpbmctcmlnaHQ6IDEuMjVyZW07XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICBtYXJnaW4tbGVmdDogMC41cmVtO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5maWxlLWxpc3QtY29udGFpbmVyIC5hY3Rpb24tYnV0dG9uLXdyYXBwZXIgYSBzcGFuLmFjdGlvbi1pY29uIHtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHdpZHRoOiBjYWxjKDEuNzEgKiB2YXIoLS1idXR0b24tZm9udC1zaXplKSk7XG4gIG1hcmdpbi1yaWdodDogMC4yNXJlbTtcbiAgZm9udC1zaXplOiB2YXIoLS1idXR0b24tZm9udC1zaXplKTtcbiAgcGFkZGluZy1sZWZ0OiAwO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5maWxlLWxpc3QtY29udGFpbmVyIC5hY3Rpb24tYnV0dG9uLXdyYXBwZXIgYSBzcGFuIHtcbiAgZm9udC1zaXplOiB2YXIoLS1idXR0b24tZm9udC1zaXplKTtcbiAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmZpbGUtbGlzdC1jb250YWluZXIgLmFjdGlvbi1idXR0b24td3JhcHBlciBhOmhvdmVyIHtcbiAgY29sb3I6IHZhcigtLWJ1dHRvbi1wcmltYXJ5LWhvdmVyLWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmxhY2sxMCk7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmZpbGUtbGlzdC1jb250YWluZXIgLmFjdGlvbi1idXR0b24td3JhcHBlciBhOmZvY3VzIHtcbiAgb3V0bGluZTogMC4xMjVyZW0gc29saWQgdmFyKC0tY29sb3ItZm9jdXMpO1xuICBvdXRsaW5lLW9mZnNldDogMnB4O1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1mb2N1cy1ib3JkZXItcmFkaXVzKTtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciAuZmlsZS1saXN0LWNvbnRhaW5lciAucHJvZ3Jlc3Mtd2l0aC1hY3Rpb24ge1xuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciAuZmlsZS1saXN0LWNvbnRhaW5lciAucHJvZ3Jlc3Mtd2l0aC1hY3Rpb24gLnByb2dyZXNzLWJhciB7XG4gIG1pbi1oZWlnaHQ6IDNyZW07XG4gIHdpZHRoOiAxMDAlO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciAuZmlsZS1saXN0LWNvbnRhaW5lciAucHJvZ3Jlc3Mtd2l0aC1hY3Rpb24gLnByb2dyZXNzLWJhciA+IHNwYW4ge1xuICBoZWlnaHQ6IDAuM3JlbTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmZpbGUtbGlzdC1jb250YWluZXIgLnByb2dyZXNzLXdpdGgtYWN0aW9uIC5wcm9ncmVzcy1iYXIgcCB7XG4gIGZvbnQtc2l6ZTogdmFyKC0tYnV0dG9uLWZvbnQtc2l6ZSk7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLnByb2dyZXNzLWJhciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsYWNrMTApO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIHNwYW5bY2xhc3MqPWJhci0tXSB7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xuICBoZWlnaHQ6IDFyZW07XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmZpbGUtbmFtZSB7XG4gIG1hcmdpbjogMDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZm9udC1zaXplOiB2YXIoLS1mb3JtLWNvbnRyb2wtZm9udC1zaXplKTtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciAuZmlsZS1uYW1lIC5mcmllbmRseS1uYW1lIHtcbiAgb3ZlcmZsb3ctd3JhcDogYW55d2hlcmU7XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICB0ZXh0LXdyYXA6IHdyYXA7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmZpbGUtbmFtZS5lcnJvciBzcGFuOjpiZWZvcmUge1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5hY3Rpb24taWNvbiB7XG4gIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICBjb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeSk7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgcGFkZGluZy1sZWZ0OiAxLjI1cmVtO1xuICBtYXJnaW4tcmlnaHQ6IDFyZW07XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmFjdGlvbi1pY29uIGxhYmVsLCAuZmlsZS1pdGVtLXdyYXBwZXIgLmFjdGlvbi1pY29uIGEge1xuICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcbiAgcGFkZGluZy1sZWZ0OiAwLjVyZW07XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnkpO1xuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmZpbGUtaWNvbiB7XG4gIG1hcmdpbi1yaWdodDogMC41cmVtO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5maWxlLWljb246OmJlZm9yZSB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5NTAwKTtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciAuZmlsZS1pY29uLnJldHJ5OjpiZWZvcmUge1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5maWxlLXN1YnRpdGxlLFxuLmZpbGUtaXRlbS13cmFwcGVyIC5wcm9ncmVzcy1iYXIge1xuICBkaXNwbGF5OiBibG9jaztcbiAgbWFyZ2luOiAwLjMxMjVyZW0gMS43NXJlbTtcbiAgcGFkZGluZzogMDtcbiAgb3ZlcmZsb3ctd3JhcDogYW55d2hlcmU7XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICB0ZXh0LXdyYXA6IHdyYXA7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmVycm9yLFxuLmZpbGUtaXRlbS13cmFwcGVyIC5yZXRyeSB7XG4gIGNvbG9yOiB2YXIoLS1lcnJvcik7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLnJlYWRvbmx5IHtcbiAgY29sb3I6IHZhcigtLWdyZXllZC1vdXQpO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5maWxlLXN1YnRpdGxlIHtcbiAgbWFyZ2luLWxlZnQ6IDA7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXJbZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gLmZpbGUtbGlzdC1jb250YWluZXIgcCBzcGFuOmJlZm9yZSB7XG4gIGNvbG9yOiB2YXIoLS1mb250LWZhbWlseSk7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXJbZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gLmZpbGUtbGlzdC1jb250YWluZXIgYnV0dG9uIHtcbiAgdmlzaWJpbGl0eTogaGlkZGVuO1xufSJdfQ== */";
|
|
4
|
-
var classes = {"sr-only":"FileItem_sr-
|
|
3
|
+
var css_248z = "/*!\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 */\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 */.FileItem_sr-only_Pphm5{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.FileItem_hidden_Pphm5{display:none}.FileItem_slide-in_Pphm5{animation:FileItem_slide-in_Pphm5 .5s forwards}@media (prefers-reduced-motion:reduce){.FileItem_slide-in_Pphm5{animation-duration:.1ms}}.FileItem_slide-out_Pphm5{animation:FileItem_slide-out_Pphm5 .5s forwards}@media (prefers-reduced-motion:reduce){.FileItem_slide-out_Pphm5{animation-duration:.1ms}}@keyframes FileItem_slide-in_Pphm5{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes FileItem_slide-out_Pphm5{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 */\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 */.FileItem_file-item-wrapper_Pphm5{border-radius:var(--input-border-radius);padding:0;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}@media (prefers-reduced-motion:reduce){.FileItem_file-item-wrapper_Pphm5{transition-duration:.1ms}}.FileItem_file-item-wrapper_Pphm5 [class*=icon]{font-size:var(--font-size-big)}.FileItem_file-item-wrapper_Pphm5 .FileItem_file-list-container_Pphm5{background-color:var(--color-blue-grey25);display:flex;flex-wrap:wrap;justify-content:space-between;min-height:2.875rem;padding:.25rem .75rem}.FileItem_file-item-wrapper_Pphm5 .FileItem_file-list-container_Pphm5 .FileItem_action-button-wrapper_Pphm5{display:flex;margin:.25rem 0}.FileItem_file-item-wrapper_Pphm5 .FileItem_file-list-container_Pphm5 .FileItem_action-button-wrapper_Pphm5 button{margin-left:.5rem}.FileItem_file-item-wrapper_Pphm5 .FileItem_file-list-container_Pphm5 .FileItem_action-button-wrapper_Pphm5 button span{font-size:var(--button-font-size);text-transform:capitalize}.FileItem_file-item-wrapper_Pphm5 .FileItem_file-list-container_Pphm5 .FileItem_action-button-wrapper_Pphm5 a{align-items:center;cursor:pointer;display:flex;font-weight:500;margin-left:.5rem;padding-left:.75rem;padding-right:1.25rem;text-decoration:none}.FileItem_file-item-wrapper_Pphm5 .FileItem_file-list-container_Pphm5 .FileItem_action-button-wrapper_Pphm5 a span.FileItem_action-icon_Pphm5{display:flex;font-size:var(--button-font-size);justify-content:center;margin-right:.25rem;padding-left:0;width:calc(var(--button-font-size)*1.71)}.FileItem_file-item-wrapper_Pphm5 .FileItem_file-list-container_Pphm5 .FileItem_action-button-wrapper_Pphm5 a span{font-size:var(--button-font-size);text-transform:capitalize}.FileItem_file-item-wrapper_Pphm5 .FileItem_file-list-container_Pphm5 .FileItem_action-button-wrapper_Pphm5 a:hover{background-color:var(--color-black10);color:var(--button-primary-hover-color)}.FileItem_file-item-wrapper_Pphm5 .FileItem_file-list-container_Pphm5 .FileItem_action-button-wrapper_Pphm5 a:focus{border-radius:var(--focus-border-radius);outline:.125rem solid var(--color-focus);outline-offset:2px}.FileItem_file-item-wrapper_Pphm5 .FileItem_file-list-container_Pphm5 .FileItem_progress-with-action_Pphm5{align-items:center;display:flex;width:100%}.FileItem_file-item-wrapper_Pphm5 .FileItem_file-list-container_Pphm5 .FileItem_progress-with-action_Pphm5 .FileItem_progress-bar_Pphm5{background:#0000;min-height:3rem;width:100%}.FileItem_file-item-wrapper_Pphm5 .FileItem_file-list-container_Pphm5 .FileItem_progress-with-action_Pphm5 .FileItem_progress-bar_Pphm5>span{border-radius:var(--input-border-radius);height:.3rem}.FileItem_file-item-wrapper_Pphm5 .FileItem_file-list-container_Pphm5 .FileItem_progress-with-action_Pphm5 .FileItem_progress-bar_Pphm5 p{font-size:var(--button-font-size)}.FileItem_file-item-wrapper_Pphm5 .FileItem_progress-bar_Pphm5{background-color:var(--color-black10)}.FileItem_file-item-wrapper_Pphm5 span[class*=bar--]{border-radius:var(--input-border-radius);height:1rem}.FileItem_file-item-wrapper_Pphm5 .FileItem_file-name_Pphm5{align-items:center;display:flex;font-size:var(--form-control-font-size);margin:0}.FileItem_file-item-wrapper_Pphm5 .FileItem_file-name_Pphm5 .FileItem_friendly-name_Pphm5{text-wrap:wrap;overflow-wrap:anywhere;text-overflow:ellipsis}.FileItem_file-item-wrapper_Pphm5 .FileItem_file-name_Pphm5.FileItem_error_Pphm5 span:before{color:var(--error)}.FileItem_file-item-wrapper_Pphm5 .FileItem_action-icon_Pphm5{color:var(--color-primary);cursor:pointer;margin-left:auto;margin-right:1rem;padding-left:1.25rem}.FileItem_file-item-wrapper_Pphm5 .FileItem_action-icon_Pphm5 a,.FileItem_file-item-wrapper_Pphm5 .FileItem_action-icon_Pphm5 label{color:var(--color-primary);cursor:pointer;padding-left:.5rem;text-decoration:none;text-transform:capitalize}.FileItem_file-item-wrapper_Pphm5 .FileItem_file-icon_Pphm5{margin-right:.5rem}.FileItem_file-item-wrapper_Pphm5 .FileItem_file-icon_Pphm5:before{color:var(--color-primary500)}.FileItem_file-item-wrapper_Pphm5 .FileItem_file-icon_Pphm5.FileItem_retry_Pphm5:before{color:var(--error)}.FileItem_file-item-wrapper_Pphm5 .FileItem_file-subtitle_Pphm5,.FileItem_file-item-wrapper_Pphm5 .FileItem_progress-bar_Pphm5{text-wrap:wrap;display:block;margin:.3125rem 1.75rem;overflow-wrap:anywhere;padding:0;text-overflow:ellipsis}.FileItem_file-item-wrapper_Pphm5 .FileItem_error_Pphm5,.FileItem_file-item-wrapper_Pphm5 .FileItem_retry_Pphm5{color:var(--error)}.FileItem_file-item-wrapper_Pphm5 .FileItem_readonly_Pphm5{color:var(--greyed-out)}.FileItem_file-item-wrapper_Pphm5 .FileItem_file-subtitle_Pphm5{margin-left:0}.FileItem_file-item-wrapper_Pphm5[data-readonlyview=true] .FileItem_file-list-container_Pphm5 p span:before{color:var(--font-family)}.FileItem_file-item-wrapper_Pphm5[data-readonlyview=true] .FileItem_file-list-container_Pphm5 button{visibility:hidden}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbGVJdGVtLm1vZHVsZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBQ0Y7Ozs7Ozs7Ozs7Ozs7O0VBY0U7QUFDRjs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQWtERjs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUVGOzs7Ozs7Ozs7Ozs7OztFQWNFLENBQ0Ysd0JBT0Usa0JBQXNCLENBQ3RCLFFBQVMsQ0FMVCxVQUFXLENBRVgsV0FBWSxDQUNaLGVBQWdCLENBRmhCLFNBQVUsQ0FIVixpQkFBa0IsQ0FDbEIsU0FPRixDQUVBLHVCQUNFLFlBQ0YsQ0FFQSx5QkFDRSw4Q0FDRixDQUVBLHVDQUNFLHlCQUNFLHVCQUNGLENBQ0YsQ0FDQSwwQkFDRSwrQ0FDRixDQUVBLHVDQUNFLDBCQUNFLHVCQUNGLENBQ0YsQ0FDQSxtQ0FDRSxHQUNFLDJCQUNGLENBQ0EsR0FDRSx1QkFDRixDQUNGLENBQ0Esb0NBQ0UsR0FDRSx1QkFDRixDQUNBLEdBQ0UsMkJBQ0YsQ0FDRjtBQUNBOzs7Ozs7Ozs7Ozs7OztFQWNFO0FBRUY7Ozs7Ozs7Ozs7Ozs7O0VBY0UsQ0FDRixrQ0FFRSx3Q0FBeUMsQ0FEekMsU0FBVSxDQUdWLHVCQUF5QixDQUR6Qix1QkFBd0IsQ0FFeEIsc0NBQ0YsQ0FDQSx1Q0FDRSxrQ0FDRSx3QkFDRixDQUNGLENBQ0EsZ0RBQ0UsOEJBQ0YsQ0FDQSxzRUFDRSx5Q0FBMEMsQ0FFMUMsWUFBYSxDQUViLGNBQWUsQ0FEZiw2QkFBOEIsQ0FFOUIsbUJBQW9CLENBSnBCLHFCQUtGLENBQ0EsNEdBRUUsWUFBYSxDQURiLGVBRUYsQ0FDQSxtSEFDRSxpQkFDRixDQUNBLHdIQUNFLGlDQUFrQyxDQUNsQyx5QkFDRixDQUNBLDhHQU1FLGtCQUFtQixDQUZuQixjQUFlLENBQ2YsWUFBYSxDQUZiLGVBQWdCLENBS2hCLGlCQUFtQixDQVBuQixtQkFBcUIsQ0FDckIscUJBQXNCLENBS3RCLG9CQUVGLENBQ0EsOElBQ0UsWUFBYSxDQUliLGlDQUFrQyxDQUhsQyxzQkFBdUIsQ0FFdkIsbUJBQXFCLENBRXJCLGNBQWUsQ0FIZix3Q0FJRixDQUNBLG1IQUNFLGlDQUFrQyxDQUNsQyx5QkFDRixDQUNBLG9IQUVFLHFDQUFzQyxDQUR0Qyx1Q0FFRixDQUNBLG9IQUdFLHdDQUF5QyxDQUZ6Qyx3Q0FBMEMsQ0FDMUMsa0JBRUYsQ0FDQSwyR0FHRSxrQkFBbUIsQ0FEbkIsWUFBYSxDQURiLFVBR0YsQ0FDQSx3SUFHRSxnQkFBdUIsQ0FGdkIsZUFBZ0IsQ0FDaEIsVUFFRixDQUNBLDZJQUVFLHdDQUF5QyxDQUR6QyxZQUVGLENBQ0EsMElBQ0UsaUNBQ0YsQ0FDQSwrREFDRSxxQ0FDRixDQUNBLHFEQUNFLHdDQUF5QyxDQUN6QyxXQUNGLENBQ0EsNERBR0Usa0JBQW1CLENBRG5CLFlBQWEsQ0FFYix1Q0FBd0MsQ0FIeEMsUUFJRixDQUNBLDBGQUdFLGNBQWUsQ0FGZixzQkFBdUIsQ0FDdkIsc0JBRUYsQ0FDQSw2RkFDRSxrQkFDRixDQUNBLDhEQUVFLDBCQUEyQixDQUMzQixjQUFlLENBRmYsZ0JBQWlCLENBSWpCLGlCQUFrQixDQURsQixvQkFFRixDQUNBLG9JQUlFLDBCQUEyQixDQUQzQixjQUFlLENBRGYsa0JBQW9CLENBR3BCLG9CQUFxQixDQUpyQix5QkFLRixDQUNBLDREQUNFLGtCQUNGLENBQ0EsbUVBQ0UsNkJBQ0YsQ0FDQSx3RkFDRSxrQkFDRixDQUNBLCtIQU9FLGNBQWUsQ0FMZixhQUFjLENBQ2QsdUJBQXlCLENBRXpCLHNCQUF1QixDQUR2QixTQUFVLENBRVYsc0JBRUYsQ0FDQSxnSEFFRSxrQkFDRixDQUNBLDJEQUNFLHVCQUNGLENBQ0EsZ0VBQ0UsYUFDRixDQUNBLDRHQUNFLHdCQUNGLENBQ0EscUdBQ0UsaUJBQ0YiLCJmaWxlIjoiRmlsZUl0ZW0ubW9kdWxlLnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4uc3Itb25seSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDFweDtcbiAgaGVpZ2h0OiAxcHg7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogLTFweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgYm9yZGVyOiAwO1xufVxuXG4uaGlkZGVuIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuLnNsaWRlLWluIHtcbiAgYW5pbWF0aW9uOiBzbGlkZS1pbiAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLWluIHtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IDAuMW1zO1xuICB9XG59XG5cbi5zbGlkZS1vdXQge1xuICBhbmltYXRpb246IHNsaWRlLW91dCAwLjVzIGZvcndhcmRzO1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLnNsaWRlLW91dCB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIHNsaWRlLWluIHtcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbiAgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxufVxuQGtleWZyYW1lcyBzbGlkZS1vdXQge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMTAwdmgpO1xuICB9XG59XG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLyoqIEJyZWFrcG9pbnRzICoqL1xuLyohXG4gKiBDb3B5cmlnaHQgMjAyMiBPbmVXZWxjb21lIEIuVi5cbiAqXG4gKiAgICBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlXCIpO1xuICogICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICogICAgWW91IG1heSBvYnRhaW4gYSBjb3B5IG9mIHRoZSBMaWNlbnNlIGF0XG4gKlxuICogICAgICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuICpcbiAqICAgIFVubGVzcyByZXF1aXJlZCBieSBhcHBsaWNhYmxlIGxhdyBvciBhZ3JlZWQgdG8gaW4gd3JpdGluZywgc29mdHdhcmVcbiAqICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAqICAgIFdJVEhPVVQgV0FSUkFOVElFUyBPUiBDT05ESVRJT05TIE9GIEFOWSBLSU5ELCBlaXRoZXIgZXhwcmVzcyBvciBpbXBsaWVkLlxuICogICAgU2VlIHRoZSBMaWNlbnNlIGZvciB0aGUgc3BlY2lmaWMgbGFuZ3VhZ2UgZ292ZXJuaW5nIHBlcm1pc3Npb25zIGFuZFxuICogICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4gKi9cbi5zci1vbmx5IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMXB4O1xuICBoZWlnaHQ6IDFweDtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAtMXB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBjbGlwOiByZWN0KDAsIDAsIDAsIDApO1xuICBib3JkZXI6IDA7XG59XG5cbi5oaWRkZW4ge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4uc2xpZGUtaW4ge1xuICBhbmltYXRpb246IHNsaWRlLWluIDAuNXMgZm9yd2FyZHM7XG59XG5cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1pbiB7XG4gICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLnNsaWRlLW91dCB7XG4gIGFuaW1hdGlvbjogc2xpZGUtb3V0IDAuNXMgZm9yd2FyZHM7XG59XG5cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5zbGlkZS1vdXQge1xuICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4xbXM7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2xpZGUtaW4ge1xuICAwJSB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMHZoKTtcbiAgfVxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5Aa2V5ZnJhbWVzIHNsaWRlLW91dCB7XG4gIDAlIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDB2aCk7XG4gIH1cbn1cbi8qIVxuICogQ29weXJpZ2h0IDIwMjIgT25lV2VsY29tZSBCLlYuXG4gKlxuICogICAgTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZVwiKTtcbiAqICAgIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiAgICBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiAgICBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqICAgIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqICAgIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vKiogQnJlYWtwb2ludHMgKiovXG4vKiFcbiAqIENvcHlyaWdodCAyMDIyIE9uZVdlbGNvbWUgQi5WLlxuICpcbiAqICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gKiAgICB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiAgICBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogICAgZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogICAgV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiAgICBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLmZpbGUtaXRlbS13cmFwcGVyIHtcbiAgcGFkZGluZzogMDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGFsbDtcbiAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC4ycztcbiAgdHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW4tb3V0O1xufVxuQG1lZGlhIChwcmVmZXJzLXJlZHVjZWQtbW90aW9uOiByZWR1Y2UpIHtcbiAgLmZpbGUtaXRlbS13cmFwcGVyIHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAwLjFtcztcbiAgfVxufVxuLmZpbGUtaXRlbS13cmFwcGVyIFtjbGFzcyo9aWNvbl0ge1xuICBmb250LXNpemU6IHZhcigtLWZvbnQtc2l6ZS1iaWcpO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5maWxlLWxpc3QtY29udGFpbmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmx1ZS1ncmV5MjUpO1xuICBwYWRkaW5nOiAwLjI1cmVtIDAuNzVyZW07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBtaW4taGVpZ2h0OiAyLjg3NXJlbTtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciAuZmlsZS1saXN0LWNvbnRhaW5lciAuYWN0aW9uLWJ1dHRvbi13cmFwcGVyIHtcbiAgbWFyZ2luOiAwLjI1cmVtIDA7XG4gIGRpc3BsYXk6IGZsZXg7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmZpbGUtbGlzdC1jb250YWluZXIgLmFjdGlvbi1idXR0b24td3JhcHBlciBidXR0b24ge1xuICBtYXJnaW4tbGVmdDogMC41cmVtO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5maWxlLWxpc3QtY29udGFpbmVyIC5hY3Rpb24tYnV0dG9uLXdyYXBwZXIgYnV0dG9uIHNwYW4ge1xuICBmb250LXNpemU6IHZhcigtLWJ1dHRvbi1mb250LXNpemUpO1xuICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciAuZmlsZS1saXN0LWNvbnRhaW5lciAuYWN0aW9uLWJ1dHRvbi13cmFwcGVyIGEge1xuICBwYWRkaW5nLWxlZnQ6IDAuNzVyZW07XG4gIHBhZGRpbmctcmlnaHQ6IDEuMjVyZW07XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICBtYXJnaW4tbGVmdDogMC41cmVtO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5maWxlLWxpc3QtY29udGFpbmVyIC5hY3Rpb24tYnV0dG9uLXdyYXBwZXIgYSBzcGFuLmFjdGlvbi1pY29uIHtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHdpZHRoOiBjYWxjKDEuNzEgKiB2YXIoLS1idXR0b24tZm9udC1zaXplKSk7XG4gIG1hcmdpbi1yaWdodDogMC4yNXJlbTtcbiAgZm9udC1zaXplOiB2YXIoLS1idXR0b24tZm9udC1zaXplKTtcbiAgcGFkZGluZy1sZWZ0OiAwO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5maWxlLWxpc3QtY29udGFpbmVyIC5hY3Rpb24tYnV0dG9uLXdyYXBwZXIgYSBzcGFuIHtcbiAgZm9udC1zaXplOiB2YXIoLS1idXR0b24tZm9udC1zaXplKTtcbiAgdGV4dC10cmFuc2Zvcm06IGNhcGl0YWxpemU7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmZpbGUtbGlzdC1jb250YWluZXIgLmFjdGlvbi1idXR0b24td3JhcHBlciBhOmhvdmVyIHtcbiAgY29sb3I6IHZhcigtLWJ1dHRvbi1wcmltYXJ5LWhvdmVyLWNvbG9yKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY29sb3ItYmxhY2sxMCk7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmZpbGUtbGlzdC1jb250YWluZXIgLmFjdGlvbi1idXR0b24td3JhcHBlciBhOmZvY3VzIHtcbiAgb3V0bGluZTogMC4xMjVyZW0gc29saWQgdmFyKC0tY29sb3ItZm9jdXMpO1xuICBvdXRsaW5lLW9mZnNldDogMnB4O1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1mb2N1cy1ib3JkZXItcmFkaXVzKTtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciAuZmlsZS1saXN0LWNvbnRhaW5lciAucHJvZ3Jlc3Mtd2l0aC1hY3Rpb24ge1xuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciAuZmlsZS1saXN0LWNvbnRhaW5lciAucHJvZ3Jlc3Mtd2l0aC1hY3Rpb24gLnByb2dyZXNzLWJhciB7XG4gIG1pbi1oZWlnaHQ6IDNyZW07XG4gIHdpZHRoOiAxMDAlO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciAuZmlsZS1saXN0LWNvbnRhaW5lciAucHJvZ3Jlc3Mtd2l0aC1hY3Rpb24gLnByb2dyZXNzLWJhciA+IHNwYW4ge1xuICBoZWlnaHQ6IDAuM3JlbTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0taW5wdXQtYm9yZGVyLXJhZGl1cyk7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmZpbGUtbGlzdC1jb250YWluZXIgLnByb2dyZXNzLXdpdGgtYWN0aW9uIC5wcm9ncmVzcy1iYXIgcCB7XG4gIGZvbnQtc2l6ZTogdmFyKC0tYnV0dG9uLWZvbnQtc2l6ZSk7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLnByb2dyZXNzLWJhciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNvbG9yLWJsYWNrMTApO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIHNwYW5bY2xhc3MqPWJhci0tXSB7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLWlucHV0LWJvcmRlci1yYWRpdXMpO1xuICBoZWlnaHQ6IDFyZW07XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmZpbGUtbmFtZSB7XG4gIG1hcmdpbjogMDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZm9udC1zaXplOiB2YXIoLS1mb3JtLWNvbnRyb2wtZm9udC1zaXplKTtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciAuZmlsZS1uYW1lIC5mcmllbmRseS1uYW1lIHtcbiAgb3ZlcmZsb3ctd3JhcDogYW55d2hlcmU7XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICB0ZXh0LXdyYXA6IHdyYXA7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmZpbGUtbmFtZS5lcnJvciBzcGFuOjpiZWZvcmUge1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5hY3Rpb24taWNvbiB7XG4gIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICBjb2xvcjogdmFyKC0tY29sb3ItcHJpbWFyeSk7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgcGFkZGluZy1sZWZ0OiAxLjI1cmVtO1xuICBtYXJnaW4tcmlnaHQ6IDFyZW07XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmFjdGlvbi1pY29uIGxhYmVsLCAuZmlsZS1pdGVtLXdyYXBwZXIgLmFjdGlvbi1pY29uIGEge1xuICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcbiAgcGFkZGluZy1sZWZ0OiAwLjVyZW07XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgY29sb3I6IHZhcigtLWNvbG9yLXByaW1hcnkpO1xuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmZpbGUtaWNvbiB7XG4gIG1hcmdpbi1yaWdodDogMC41cmVtO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5maWxlLWljb246OmJlZm9yZSB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci1wcmltYXJ5NTAwKTtcbn1cbi5maWxlLWl0ZW0td3JhcHBlciAuZmlsZS1pY29uLnJldHJ5OjpiZWZvcmUge1xuICBjb2xvcjogdmFyKC0tZXJyb3IpO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5maWxlLXN1YnRpdGxlLFxuLmZpbGUtaXRlbS13cmFwcGVyIC5wcm9ncmVzcy1iYXIge1xuICBkaXNwbGF5OiBibG9jaztcbiAgbWFyZ2luOiAwLjMxMjVyZW0gMS43NXJlbTtcbiAgcGFkZGluZzogMDtcbiAgb3ZlcmZsb3ctd3JhcDogYW55d2hlcmU7XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICB0ZXh0LXdyYXA6IHdyYXA7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLmVycm9yLFxuLmZpbGUtaXRlbS13cmFwcGVyIC5yZXRyeSB7XG4gIGNvbG9yOiB2YXIoLS1lcnJvcik7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXIgLnJlYWRvbmx5IHtcbiAgY29sb3I6IHZhcigtLWdyZXllZC1vdXQpO1xufVxuLmZpbGUtaXRlbS13cmFwcGVyIC5maWxlLXN1YnRpdGxlIHtcbiAgbWFyZ2luLWxlZnQ6IDA7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXJbZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gLmZpbGUtbGlzdC1jb250YWluZXIgcCBzcGFuOmJlZm9yZSB7XG4gIGNvbG9yOiB2YXIoLS1mb250LWZhbWlseSk7XG59XG4uZmlsZS1pdGVtLXdyYXBwZXJbZGF0YS1yZWFkb25seXZpZXc9dHJ1ZV0gLmZpbGUtbGlzdC1jb250YWluZXIgYnV0dG9uIHtcbiAgdmlzaWJpbGl0eTogaGlkZGVuO1xufSJdfQ== */";
|
|
4
|
+
var classes = {"sr-only":"FileItem_sr-only_Pphm5","hidden":"FileItem_hidden_Pphm5","slide-in":"FileItem_slide-in_Pphm5","slide-out":"FileItem_slide-out_Pphm5","file-item-wrapper":"FileItem_file-item-wrapper_Pphm5","file-list-container":"FileItem_file-list-container_Pphm5","action-button-wrapper":"FileItem_action-button-wrapper_Pphm5","action-icon":"FileItem_action-icon_Pphm5","progress-with-action":"FileItem_progress-with-action_Pphm5","progress-bar":"FileItem_progress-bar_Pphm5","file-name":"FileItem_file-name_Pphm5","friendly-name":"FileItem_friendly-name_Pphm5","error":"FileItem_error_Pphm5","file-icon":"FileItem_file-icon_Pphm5","retry":"FileItem_retry_Pphm5","file-subtitle":"FileItem_file-subtitle_Pphm5","readonly":"FileItem_readonly_Pphm5"};
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
export { classes as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default, { useRef, useState, useEffect } from 'react';
|
|
2
2
|
import { Button } from '../../Button/Button.esm.js';
|
|
3
3
|
import { FileItem } from './FileItem/FileItem.esm.js';
|
|
4
4
|
import { Typography } from '../../Typography/Typography.esm.js';
|
|
@@ -157,25 +157,25 @@ onRequestedFileAction, exceedingMaxSizeErrorText, fileList, onDownloadFile, down
|
|
|
157
157
|
}
|
|
158
158
|
setDragActive(false);
|
|
159
159
|
};
|
|
160
|
-
return (
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
(fileList === null || fileList === void 0 ? void 0 : fileList.length) > 0 && (
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
160
|
+
return (React__default.createElement("div", { className: classes["file-upload-wrapper"], ...wrapperProps },
|
|
161
|
+
React__default.createElement("div", { className: classes["dropzone-wrapper"] },
|
|
162
|
+
React__default.createElement("div", { className: dropzoneClassNames.join(" "), "data-readonlyview": readOnlyView },
|
|
163
|
+
React__default.createElement(Label, { ref: labelRef, className: `${labelClasses.join(" ")}`, htmlFor: inputId }, title),
|
|
164
|
+
(fileList === null || fileList === void 0 ? void 0 : fileList.length) > 0 && (React__default.createElement("ul", { className: classes["file-list"] }, fileList.map(({ name, status, progress, error }) => (React__default.createElement("li", { key: name, className: status, id: name },
|
|
165
|
+
React__default.createElement(FileItem, { name: name, key: `${name}_${status}`, status: status, progress: progress, error: error, downloadFileLink: downloadFileLink, onDownloadFile: onDownloadFile, onRequestedFileAction: onRequestedFileAction })))))),
|
|
166
|
+
React__default.createElement("div", { className: dropzoneContainerClassNames.join(" "), onDragOver: e => !disabled && handleOnDragOver(e), onDragLeave: e => !disabled && handleOnDragLeave(e), onDrop: e => !disabled && handleOnDrop(e), tabIndex: readOnlyView ? 0 : -1 },
|
|
167
|
+
React__default.createElement("div", { className: classes["file-select"] },
|
|
168
|
+
React__default.createElement(Typography, { variant: "body", className: "drag-and-drop-text" }, readOnlyView ? readOnlyViewMessage : dragAndDropText),
|
|
169
|
+
React__default.createElement("div", { className: classes["file-upload-btn"] },
|
|
170
|
+
React__default.createElement(Button, { variant: "outline", disabled: disabled },
|
|
171
171
|
selectButtonText,
|
|
172
|
-
|
|
172
|
+
React__default.createElement("input", { ...rest, className: `${classes["upload-input"]} ${rest.className}`, ref: ref, "aria-labelledby": labeledBy, type: "file", id: inputId, name: name, multiple: multiple, disabled: disabled, accept: accept, onChange: onInputChange, spellCheck: false }))),
|
|
173
173
|
!disabled && icon,
|
|
174
|
-
|
|
175
|
-
errorMsg && (
|
|
176
|
-
helperText && (
|
|
174
|
+
React__default.createElement("span", { className: classes["outline"] })))),
|
|
175
|
+
errorMsg && (React__default.createElement(Typography, { variant: "sub-text", className: errorTextClass.join(" ") }, errorMsg)),
|
|
176
|
+
helperText && (React__default.createElement(Typography, { variant: "sub-text", className: subTextClass.join(" ") }, helperText)))));
|
|
177
177
|
};
|
|
178
|
-
const FileUpload = withReadOnly(
|
|
178
|
+
const FileUpload = withReadOnly(React__default.forwardRef(FileUploadComponent));
|
|
179
179
|
|
|
180
180
|
export { FileUpload };
|
|
181
181
|
//# sourceMappingURL=FileUpload.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileUpload.esm.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 /* eslint-disable-next-line @typescript-eslint/no-explicit-any */\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 onDownloadFile?: () => void;\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 onDownloadFile,\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 const dropzoneClassNames = [classes[\"file-dropzone\"]];\n const dropzoneContainerClassNames = [classes[\"upload-button-wrapper\"]];\n const subTextClass = [classes[\"file-selector-sub-text\"]];\n const 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 const 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 onDownloadFile={onDownloadFile}\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":[],"mappings":";;;;;;;;;AAAA;;;;;;;;;;;;;;AAcG;AAoDH,MAAM,mBAAmB,GAAsD,CAC7E,EACE,IAAI,EACJ,MAAM,EACN,KAAK,EACL,OAAO,EACP,kBAAkB,EAClB,QAAQ,EACR,EAAE,EACF,KAAK,EACL,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,eAAe,GAAG,kBAAkB,EACpC,gBAAgB,GAAG,aAAa,EAChC,mBAAmB,GAAG,kBAAkB,EACxC,UAAU,EACV,WAAW,EACX,YAAY,EACZ,MAAM,EACN,OAAO;AACP,qBAAqB,EACrB,yBAAyB,EACzB,QAAQ,EACR,cAAc,EACd,gBAAgB,EAChB,UAAU,GAAG,IAAI,EACjB,uBAAuB,GAAG,sDAAsD,EAChF,8BAA8B,GAAG,oCAAoC,EACrE,UAAU,GAAG,OAAO,EACpB,GAAG,IAAI,EACD,EACR,GAAG,KACD;AACF,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC9B,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC7C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,IAAI,GAAG,sBAAsB,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;IACxD,MAAM,kBAAkB,GAAG,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC;IACtD,MAAM,2BAA2B,GAAG,CAAC,OAAO,CAAC,uBAAuB,CAAC,CAAC,CAAC;IACvE,MAAM,YAAY,GAAG,CAAC,OAAO,CAAC,wBAAwB,CAAC,CAAC,CAAC;IACzD,MAAM,cAAc,GAAG,CAAC,OAAO,CAAC,wBAAwB,CAAC,CAAC,CAAC;IAC3D,UAAU,IAAI,2BAA2B,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC;AACvE,IAAA,MAAM,QAAQ,GAAG,UAAU,IAAI,KAAK,IAAI,QAAQ,CAAC;AACjD,IAAA,MAAM,YAAY,GAAG,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAC/C,IAAI,QAAQ,EAAE;AACZ,QAAA,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;AACpC,QAAA,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;AACpC,QAAA,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;AAC9B,QAAA,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;KACjC;IACD,QAAQ,IAAI,2BAA2B,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;AAClE,IAAA,OAAO,IAAI,CAAC,KAAK,IAAI,kBAAkB,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;AACjE,IAAA,MAAM,OAAO,GAAG,CAAS,MAAA,EAAA,IAAI,EAAE,CAAC;IAChC,MAAM,YAAY,GAAG,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC,CAAC;IACpD,UAAU,IAAI,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC;AAErD,IAAA,MAAM,WAAW,GAAG,CAAC,KAAsB,KAAgB;AACzD,QAAA,IAAI,UAAU,GAAG,QAAQ,GAAG,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC;AAC/C,QAAA,MAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC;AAC9C,QAAA,CAAA,KAAK,KAAL,IAAA,IAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,KAAK,CAAE,MAAM;YACX,KAAK,CAAC,IAAI,CAAC,KAAwB,CAAC,CAAC,OAAO,CAAC,EAAE,IAAG;gBAChD,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE;AAChC,oBAAA,UAAU,GAAG,QAAQ;AACnB,0BAAE;AACE,4BAAA,GAAG,UAAU;AACb,4BAAA;gCACE,GAAG,cAAc,CAAC,EAAE,CAAC;AACrB,gCAAA,IAAI,EAAE,EAAE;AACT,6BAAA;AACF,yBAAA;AACH,0BAAE;AACE,4BAAA;gCACE,GAAG,cAAc,CAAC,EAAE,CAAC;AACrB,gCAAA,IAAI,EAAE,EAAE;AACT,6BAAA;yBACF,CAAC;iBACP;AACH,aAAC,CAAC,CAAC;AACL,QAAA,OAAO,UAAU,CAAC;AACpB,KAAC,CAAC;AACF,IAAA,MAAM,aAAa,GAAG,CAAC,CAAsC,KAAI;QAC/D,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,MAAM,KAAK,GAAG,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAC1C,QAAA,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,IAAI,uBAAuB,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;QACrF,IAAI,WAAW,EAAE;YACf,WAAW,CAAC,EAAE,CAAC,CAAC;SACjB;QACD,WAAW,KAAI,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAG,KAAK,CAAC,CAAA,CAAC;AACnC,KAAC,CAAC;AAEF,IAAA,MAAM,uBAAuB,GAAG,CAAC,IAAc,KAAI;AACjD,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC;QAC7C,OAAO,SAAS,IAAI,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;AACjD,KAAC,CAAC;AAEF,IAAA,MAAM,cAAc,GAAG,CAAC,IAAc,KAAI;AACxC,QAAA,MAAM,MAAM,GAAa;YACvB,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,IAAI,EAAE,IAAI,CAAC,IAAI;SAChB,CAAC;QAEF,IAAI,GAAG,GAAG,KAAK,CAAC;AAEhB,QAAA,IAAI,kBAAkB,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,IAAI,kBAAkB,EAAE;AACtE,YAAA,IAAI,WAAmB,CAAC;AACxB,YAAA,MAAM,cAAc,GAAG,kBAAkB,IAAI,IAAI,GAAG,IAAI,CAAC;YAEzD,IAAI,cAAc,EAAE;gBAClB,WAAW,GAAG,GAAG,UAAU,CAAC,CAAC,kBAAkB,IAAI,IAAI,GAAG,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;aAClF;iBAAM;AACL,gBAAA,WAAW,GAAG,CAAG,EAAA,UAAU,CAAC,CAAC,kBAAkB,GAAG,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;aACzE;AAED,YAAA,MAAM,CAAC,KAAK;gBACV,yBAAyB,KAAA,IAAA,IAAzB,yBAAyB,KAAzB,KAAA,CAAA,GAAA,yBAAyB,GACzB,CAAoC,iCAAA,EAAA,WAAW,0BAA0B,CAAC;AAC5E,YAAA,MAAM,CAAC,MAAM,GAAG,OAAO,CAAC;YACxB,GAAG,GAAG,IAAI,CAAC;SACZ;QAED,aAAa,CAAC,GAAG,CAAC,CAAC;AACnB,QAAA,OAAO,MAAM,CAAC;AAChB,KAAC,CAAC;IAEF,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,QAAQ,CAAC,MAAM,EAAE;AACnB,YAAA,MAAM,cAAc,GAAG,QAAQ,CAAC,GAAG,CAAC,IAAI,IAAI,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC;AAClE,YAAA,QAAQ,aAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAG,cAAc,CAAC,CAAC;SAC5B;KACF,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,MAAM,gBAAgB,GAAG,CAAC,CAA4B,KAAI;QACxD,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,CAAC,UAAU,EAAE;YACf,aAAa,CAAC,IAAI,CAAC,CAAC;SACrB;AACD,QAAA,UAAU,aAAV,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAV,UAAU,CAAG,CAAC,CAAC,CAAC;AAClB,KAAC,CAAC;AAEF,IAAA,MAAM,iBAAiB,GAAG,CAAC,CAA4B,KAAI;;QACzD,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;AACpB,QAAA,MAAM,MAAM,GAAG,CAAC,CAAC,MAAqB,CAAC;AACvC,QAAA,IAAI,MAAA,MAAM,KAAA,IAAA,IAAN,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,MAAM,CAAE,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,EAAE;YACtE,aAAa,CAAC,KAAK,CAAC,CAAC;SACtB;AACD,QAAA,WAAW,aAAX,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAX,WAAW,CAAG,CAAC,CAAC,CAAC;AACnB,KAAC,CAAC;AAEF,IAAA,MAAM,YAAY,GAAG,CAAC,CAA4B,KAAI;;QACpD,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,CAAA,MAAA,CAAC,KAAA,IAAA,IAAD,CAAC,KAAD,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAC,CAAE,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,KAAK,KAAI,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,EAAE;YACzD,MAAM,SAAS,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAC,aAAD,CAAC,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAD,CAAC,CAAE,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,KAAK,CAAC,CAAC,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAA,CAAE,GAAG,EAAE,CAAC;AACnE,YAAA,IAAI,SAAS,IAAI,MAAM,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;gBACtD,WAAW,CAAC,uBAAuB,CAAC,OAAO,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;gBAChE,aAAa,CAAC,KAAK,CAAC,CAAC;gBACrB,OAAO;aACR;AAAM,iBAAA,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;gBACvD,WAAW,CAAC,8BAA8B,CAAC,CAAC;gBAC5C,aAAa,CAAC,KAAK,CAAC,CAAC;gBACrB,OAAO;aACR;iBAAM;gBACL,WAAW,CAAC,EAAE,CAAC,CAAC;aACjB;YACD,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;YACzD,MAAM,GAAG,MAAM,aAAN,MAAM,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAN,MAAM,CAAG,cAAc,CAAC,GAAG,QAAQ,KAAR,IAAA,IAAA,QAAQ,uBAAR,QAAQ,CAAG,cAAc,CAAC,CAAC;SAChE;QACD,aAAa,CAAC,KAAK,CAAC,CAAC;AACvB,KAAC,CAAC;IAEF,QACE,6BAAK,SAAS,EAAE,OAAO,CAAC,qBAAqB,CAAC,EAAA,GAAM,YAAY,EAAA;AAC9D,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,OAAO,CAAC,kBAAkB,CAAC,EAAA;YACzC,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,kBAAkB,CAAC,IAAI,CAAC,GAAG,CAAC,EAAA,mBAAA,EAAqB,YAAY,EAAA;gBAC3E,KAAC,CAAA,aAAA,CAAA,KAAK,IAAC,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAA,EAAG,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAE,CAAA,EAAE,OAAO,EAAE,OAAO,EAC3E,EAAA,KAAK,CACA;gBACP,CAAA,QAAQ,aAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAE,MAAM,IAAG,CAAC,KACnB,4BAAI,SAAS,EAAE,OAAO,CAAC,WAAW,CAAC,EAChC,EAAA,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,MAC9C,4BAAI,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAA;AACxC,oBAAA,KAAA,CAAA,aAAA,CAAC,QAAQ,EACP,EAAA,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,CAAA,EAAG,IAAI,CAAI,CAAA,EAAA,MAAM,EAAE,EACxB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,EAC9B,qBAAqB,EAAE,qBAAqB,EAAA,CAC5C,CACC,CACN,CAAC,CACC,CACN;AAED,gBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,2BAA2B,CAAC,IAAI,CAAC,GAAG,CAAC,EAChD,UAAU,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,gBAAgB,CAAC,CAAC,CAAC,EACjD,WAAW,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,iBAAiB,CAAC,CAAC,CAAC,EACnD,MAAM,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,YAAY,CAAC,CAAC,CAAC,EACzC,QAAQ,EAAE,YAAY,GAAG,CAAC,GAAG,CAAC,CAAC,EAAA;AAE/B,oBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,OAAO,CAAC,aAAa,CAAC,EAAA;AACpC,wBAAA,KAAA,CAAA,aAAA,CAAC,UAAU,EAAC,EAAA,OAAO,EAAC,MAAM,EAAC,SAAS,EAAE,oBAAoB,IACvD,YAAY,GAAG,mBAAmB,GAAG,eAAe,CAC1C;AAEb,wBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,OAAO,CAAC,iBAAiB,CAAC,EAAA;4BACxC,KAAC,CAAA,aAAA,CAAA,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,QAAQ,EAAE,QAAQ,EAAA;gCACzC,gBAAgB;gCACjB,KACM,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,GAAA,IAAI,EACR,SAAS,EAAE,CAAA,EAAG,OAAO,CAAC,cAAc,CAAC,CAAA,CAAA,EAAI,IAAI,CAAC,SAAS,CAAE,CAAA,EACzD,GAAG,EAAE,GAAG,EAAA,iBAAA,EACS,SAAS,EAC1B,IAAI,EAAC,MAAM,EACX,EAAE,EAAE,OAAO,EACX,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,aAAa,EACvB,UAAU,EAAE,KAAK,EACjB,CAAA,CACK,CACL;wBACL,CAAC,QAAQ,IAAI,IAAI;wBAClB,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,OAAO,CAAC,SAAS,CAAC,EAAA,CAAS,CACxC,CACF,CACF;YACL,QAAQ,KACP,KAAC,CAAA,aAAA,CAAA,UAAU,IAAC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,EACjE,EAAA,QAAQ,CACE,CACd;YACA,UAAU,KACT,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,EAC/D,EAAA,UAAU,CACA,CACd,CACG,CACF,EACN;AACJ,CAAC,CAAC;AAEK,MAAM,UAAU,GAAG,YAAY,CAAC,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC;;;;"}
|
|
1
|
+
{"version":3,"file":"FileUpload.esm.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 /* eslint-disable-next-line @typescript-eslint/no-explicit-any */\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 onDownloadFile?: () => void;\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 onDownloadFile,\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 const dropzoneClassNames = [classes[\"file-dropzone\"]];\n const dropzoneContainerClassNames = [classes[\"upload-button-wrapper\"]];\n const subTextClass = [classes[\"file-selector-sub-text\"]];\n const 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 const 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 onDownloadFile={onDownloadFile}\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":["React"],"mappings":"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"}
|