@hitachivantara/uikit-react-core 5.0.0-next.8 → 5.0.0-next.9
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/components/Accordion/Accordion.cjs +10 -37
- package/dist/cjs/components/Accordion/Accordion.cjs.map +1 -1
- package/dist/cjs/components/ActionBar/ActionBar.cjs +2 -7
- package/dist/cjs/components/ActionBar/ActionBar.cjs.map +1 -1
- package/dist/cjs/components/ActionsGeneric/ActionsGeneric.cjs +11 -39
- package/dist/cjs/components/ActionsGeneric/ActionsGeneric.cjs.map +1 -1
- package/dist/cjs/components/ActionsGeneric/ActionsGeneric.styles.cjs +2 -4
- package/dist/cjs/components/ActionsGeneric/ActionsGeneric.styles.cjs.map +1 -1
- package/dist/cjs/components/AppSwitcher/Action/Action.cjs +12 -54
- package/dist/cjs/components/AppSwitcher/Action/Action.cjs.map +1 -1
- package/dist/cjs/components/AppSwitcher/Action/Action.styles.cjs +2 -4
- package/dist/cjs/components/AppSwitcher/Action/Action.styles.cjs.map +1 -1
- package/dist/cjs/components/AppSwitcher/AppSwitcher.cjs +15 -37
- package/dist/cjs/components/AppSwitcher/AppSwitcher.cjs.map +1 -1
- package/dist/cjs/components/AppSwitcher/TitleWithTooltip.cjs +2 -16
- package/dist/cjs/components/AppSwitcher/TitleWithTooltip.cjs.map +1 -1
- package/dist/cjs/components/Avatar/Avatar.cjs +9 -38
- package/dist/cjs/components/Avatar/Avatar.cjs.map +1 -1
- package/dist/cjs/components/Badge/Badge.cjs +6 -23
- package/dist/cjs/components/Badge/Badge.cjs.map +1 -1
- package/dist/cjs/components/Banner/Banner.cjs +7 -33
- package/dist/cjs/components/Banner/Banner.cjs.map +1 -1
- package/dist/cjs/components/Banner/BannerContent/ActionContainer/ActionContainer.cjs +5 -27
- package/dist/cjs/components/Banner/BannerContent/ActionContainer/ActionContainer.cjs.map +1 -1
- package/dist/cjs/components/Banner/BannerContent/ActionContainer/ActionContainer.styles.cjs +2 -4
- package/dist/cjs/components/Banner/BannerContent/ActionContainer/ActionContainer.styles.cjs.map +1 -1
- package/dist/cjs/components/Banner/BannerContent/BannerContent.cjs +12 -34
- package/dist/cjs/components/Banner/BannerContent/BannerContent.cjs.map +1 -1
- package/dist/cjs/components/Banner/BannerContent/MessageContainer/MessageContainer.cjs +6 -20
- package/dist/cjs/components/Banner/BannerContent/MessageContainer/MessageContainer.cjs.map +1 -1
- package/dist/cjs/components/Banner/BannerContent/MessageContainer/MessageContainer.styles.cjs +2 -4
- package/dist/cjs/components/Banner/BannerContent/MessageContainer/MessageContainer.styles.cjs.map +1 -1
- package/dist/cjs/components/BaseCheckBox/BaseCheckBox.cjs +5 -36
- package/dist/cjs/components/BaseCheckBox/BaseCheckBox.cjs.map +1 -1
- package/dist/cjs/components/BaseDropdown/BaseDropdown.cjs +57 -93
- package/dist/cjs/components/BaseDropdown/BaseDropdown.cjs.map +1 -1
- package/dist/cjs/components/BaseInput/BaseInput.cjs +18 -47
- package/dist/cjs/components/BaseInput/BaseInput.cjs.map +1 -1
- package/dist/cjs/components/BaseRadio/BaseRadio.cjs +4 -30
- package/dist/cjs/components/BaseRadio/BaseRadio.cjs.map +1 -1
- package/dist/cjs/components/BaseSwitch/BaseSwitch.cjs +9 -30
- package/dist/cjs/components/BaseSwitch/BaseSwitch.cjs.map +1 -1
- package/dist/cjs/components/Box/Box.cjs +2 -7
- package/dist/cjs/components/Box/Box.cjs.map +1 -1
- package/dist/cjs/components/BreadCrumb/BreadCrumb.cjs +14 -35
- package/dist/cjs/components/BreadCrumb/BreadCrumb.cjs.map +1 -1
- package/dist/cjs/components/BreadCrumb/BreadCrumb.styles.cjs +2 -4
- package/dist/cjs/components/BreadCrumb/BreadCrumb.styles.cjs.map +1 -1
- package/dist/cjs/components/BreadCrumb/Page/Page.cjs +4 -19
- package/dist/cjs/components/BreadCrumb/Page/Page.cjs.map +1 -1
- package/dist/cjs/components/BreadCrumb/Page/Page.styles.cjs +3 -7
- package/dist/cjs/components/BreadCrumb/Page/Page.styles.cjs.map +1 -1
- package/dist/cjs/components/BreadCrumb/PathElement/PathElement.cjs +5 -8
- package/dist/cjs/components/BreadCrumb/PathElement/PathElement.cjs.map +1 -1
- package/dist/cjs/components/BreadCrumb/utils.cjs +2 -10
- package/dist/cjs/components/BreadCrumb/utils.cjs.map +1 -1
- package/dist/cjs/components/BulkActions/BulkActions.cjs +20 -54
- package/dist/cjs/components/BulkActions/BulkActions.cjs.map +1 -1
- package/dist/cjs/components/Button/Button.cjs +5 -25
- package/dist/cjs/components/Button/Button.cjs.map +1 -1
- package/dist/cjs/components/Card/Card.cjs +13 -20
- package/dist/cjs/components/Card/Card.cjs.map +1 -1
- package/dist/cjs/components/Card/Content/Content.cjs +2 -8
- package/dist/cjs/components/Card/Content/Content.cjs.map +1 -1
- package/dist/cjs/components/Card/Header/Header.cjs +14 -22
- package/dist/cjs/components/Card/Header/Header.cjs.map +1 -1
- package/dist/cjs/components/Card/Media/Media.cjs +5 -14
- package/dist/cjs/components/Card/Media/Media.cjs.map +1 -1
- package/dist/cjs/components/CheckBox/CheckBox.cjs +16 -55
- package/dist/cjs/components/CheckBox/CheckBox.cjs.map +1 -1
- package/dist/cjs/components/CheckBoxGroup/CheckBoxGroup.cjs +17 -56
- package/dist/cjs/components/CheckBoxGroup/CheckBoxGroup.cjs.map +1 -1
- package/dist/cjs/components/Container/Container.cjs +11 -19
- package/dist/cjs/components/Container/Container.cjs.map +1 -1
- package/dist/cjs/components/Controls/Controls.cjs +15 -32
- package/dist/cjs/components/Controls/Controls.cjs.map +1 -1
- package/dist/cjs/components/Controls/LeftControl/LeftControl.cjs +5 -13
- package/dist/cjs/components/Controls/LeftControl/LeftControl.cjs.map +1 -1
- package/dist/cjs/components/Controls/RightControl/RightControl.cjs +2 -14
- package/dist/cjs/components/Controls/RightControl/RightControl.cjs.map +1 -1
- package/dist/cjs/components/Controls/RightControl/RightControl.styles.cjs +2 -4
- package/dist/cjs/components/Controls/RightControl/RightControl.styles.cjs.map +1 -1
- package/dist/cjs/components/Dialog/Actions/Actions.cjs +5 -11
- package/dist/cjs/components/Dialog/Actions/Actions.cjs.map +1 -1
- package/dist/cjs/components/Dialog/Content/Content.cjs +2 -7
- package/dist/cjs/components/Dialog/Content/Content.cjs.map +1 -1
- package/dist/cjs/components/Dialog/Dialog.cjs +35 -68
- package/dist/cjs/components/Dialog/Dialog.cjs.map +1 -1
- package/dist/cjs/components/Dialog/Title/Title.cjs +8 -17
- package/dist/cjs/components/Dialog/Title/Title.cjs.map +1 -1
- package/dist/cjs/components/DotPagination/DotPagination.cjs +9 -29
- package/dist/cjs/components/DotPagination/DotPagination.cjs.map +1 -1
- package/dist/cjs/components/DotPagination/DotPagination.styles.cjs +3 -7
- package/dist/cjs/components/DotPagination/DotPagination.styles.cjs.map +1 -1
- package/dist/cjs/components/DropDownMenu/DropDownMenu.cjs +23 -63
- package/dist/cjs/components/DropDownMenu/DropDownMenu.cjs.map +1 -1
- package/dist/cjs/components/DropDownMenu/DropDownMenu.styles.cjs +2 -4
- package/dist/cjs/components/DropDownMenu/DropDownMenu.styles.cjs.map +1 -1
- package/dist/cjs/components/Dropdown/Dropdown.cjs +21 -97
- package/dist/cjs/components/Dropdown/Dropdown.cjs.map +1 -1
- package/dist/cjs/components/Dropdown/Dropdown.styles.cjs +2 -4
- package/dist/cjs/components/Dropdown/Dropdown.styles.cjs.map +1 -1
- package/dist/cjs/components/Dropdown/List/List.cjs +27 -83
- package/dist/cjs/components/Dropdown/List/List.cjs.map +1 -1
- package/dist/cjs/components/Dropdown/List/List.styles.cjs +2 -4
- package/dist/cjs/components/Dropdown/List/List.styles.cjs.map +1 -1
- package/dist/cjs/components/EmptyState/EmptyState.cjs +10 -24
- package/dist/cjs/components/EmptyState/EmptyState.cjs.map +1 -1
- package/dist/cjs/components/FileUploader/DropZone/DropZone.cjs +52 -101
- package/dist/cjs/components/FileUploader/DropZone/DropZone.cjs.map +1 -1
- package/dist/cjs/components/FileUploader/File/File.cjs +21 -57
- package/dist/cjs/components/FileUploader/File/File.cjs.map +1 -1
- package/dist/cjs/components/FileUploader/FileList/FileList.cjs +4 -14
- package/dist/cjs/components/FileUploader/FileList/FileList.cjs.map +1 -1
- package/dist/cjs/components/FileUploader/FileUploader.cjs +4 -21
- package/dist/cjs/components/FileUploader/FileUploader.cjs.map +1 -1
- package/dist/cjs/components/FileUploader/Preview/Preview.cjs +8 -14
- package/dist/cjs/components/FileUploader/Preview/Preview.cjs.map +1 -1
- package/dist/cjs/components/Focus/Focus.cjs +10 -15
- package/dist/cjs/components/Focus/Focus.cjs.map +1 -1
- package/dist/cjs/components/Footer/Footer.cjs +9 -23
- package/dist/cjs/components/Footer/Footer.cjs.map +1 -1
- package/dist/cjs/components/Forms/Adornment/Adornment.cjs +2 -29
- package/dist/cjs/components/Forms/Adornment/Adornment.cjs.map +1 -1
- package/dist/cjs/components/Forms/CharCounter/CharCounter.cjs +5 -27
- package/dist/cjs/components/Forms/CharCounter/CharCounter.cjs.map +1 -1
- package/dist/cjs/components/Forms/FormElement/FormElement.cjs +2 -16
- package/dist/cjs/components/Forms/FormElement/FormElement.cjs.map +1 -1
- package/dist/cjs/components/Forms/InfoMessage/InfoMessage.cjs +2 -11
- package/dist/cjs/components/Forms/InfoMessage/InfoMessage.cjs.map +1 -1
- package/dist/cjs/components/Forms/Label/Label.cjs +8 -17
- package/dist/cjs/components/Forms/Label/Label.cjs.map +1 -1
- package/dist/cjs/components/Forms/Suggestions/Suggestions.cjs +5 -26
- package/dist/cjs/components/Forms/Suggestions/Suggestions.cjs.map +1 -1
- package/dist/cjs/components/Forms/WarningText/WarningText.cjs +6 -20
- package/dist/cjs/components/Forms/WarningText/WarningText.cjs.map +1 -1
- package/dist/cjs/components/GlobalActions/GlobalActions.cjs +7 -25
- package/dist/cjs/components/GlobalActions/GlobalActions.cjs.map +1 -1
- package/dist/cjs/components/Grid/Grid.cjs +5 -9
- package/dist/cjs/components/Grid/Grid.cjs.map +1 -1
- package/dist/cjs/components/Header/Actions/Actions.cjs +2 -6
- package/dist/cjs/components/Header/Actions/Actions.cjs.map +1 -1
- package/dist/cjs/components/Header/Brand/Brand.cjs +6 -11
- package/dist/cjs/components/Header/Brand/Brand.cjs.map +1 -1
- package/dist/cjs/components/Header/Header.cjs +2 -10
- package/dist/cjs/components/Header/Header.cjs.map +1 -1
- package/dist/cjs/components/Header/Navigation/MenuBar/MenuBar.cjs +3 -17
- package/dist/cjs/components/Header/Navigation/MenuBar/MenuBar.cjs.map +1 -1
- package/dist/cjs/components/Header/Navigation/MenuBar/MenuBar.styles.cjs +3 -7
- package/dist/cjs/components/Header/Navigation/MenuBar/MenuBar.styles.cjs.map +1 -1
- package/dist/cjs/components/Header/Navigation/MenuItem/MenuItem.cjs +6 -24
- package/dist/cjs/components/Header/Navigation/MenuItem/MenuItem.cjs.map +1 -1
- package/dist/cjs/components/Header/Navigation/Navigation.cjs +2 -15
- package/dist/cjs/components/Header/Navigation/Navigation.cjs.map +1 -1
- package/dist/cjs/components/Header/Navigation/utils/FocusContext.cjs +2 -5
- package/dist/cjs/components/Header/Navigation/utils/FocusContext.cjs.map +1 -1
- package/dist/cjs/components/Input/Input.cjs +42 -112
- package/dist/cjs/components/Input/Input.cjs.map +1 -1
- package/dist/cjs/components/Input/Input.styles.cjs +2 -4
- package/dist/cjs/components/Input/Input.styles.cjs.map +1 -1
- package/dist/cjs/components/Kpi/Kpi.cjs +16 -47
- package/dist/cjs/components/Kpi/Kpi.cjs.map +1 -1
- package/dist/cjs/components/Link/Link.cjs +2 -14
- package/dist/cjs/components/Link/Link.cjs.map +1 -1
- package/dist/cjs/components/List/List.cjs +32 -104
- package/dist/cjs/components/List/List.cjs.map +1 -1
- package/dist/cjs/components/List/List.styles.cjs +5 -13
- package/dist/cjs/components/List/List.styles.cjs.map +1 -1
- package/dist/cjs/components/ListContainer/ListContainer.cjs +2 -11
- package/dist/cjs/components/ListContainer/ListContainer.cjs.map +1 -1
- package/dist/cjs/components/ListContainer/ListItem/ListItem.cjs +12 -32
- package/dist/cjs/components/ListContainer/ListItem/ListItem.cjs.map +1 -1
- package/dist/cjs/components/Loading/Loading.cjs +5 -18
- package/dist/cjs/components/Loading/Loading.cjs.map +1 -1
- package/dist/cjs/components/Login/Login.cjs +4 -13
- package/dist/cjs/components/Login/Login.cjs.map +1 -1
- package/dist/cjs/components/MultiButton/MultiButton.cjs +14 -19
- package/dist/cjs/components/MultiButton/MultiButton.cjs.map +1 -1
- package/dist/cjs/components/MultiButton/MultiButton.styles.cjs +2 -5
- package/dist/cjs/components/MultiButton/MultiButton.styles.cjs.map +1 -1
- package/dist/cjs/components/OverflowTooltip/OverflowTooltip.cjs +3 -20
- package/dist/cjs/components/OverflowTooltip/OverflowTooltip.cjs.map +1 -1
- package/dist/cjs/components/OverflowTooltip/OverflowTooltip.styles.cjs +2 -4
- package/dist/cjs/components/OverflowTooltip/OverflowTooltip.styles.cjs.map +1 -1
- package/dist/cjs/components/Pagination/ButtonIconTooltip.cjs +1 -13
- package/dist/cjs/components/Pagination/ButtonIconTooltip.cjs.map +1 -1
- package/dist/cjs/components/Pagination/Pagination.cjs +27 -127
- package/dist/cjs/components/Pagination/Pagination.cjs.map +1 -1
- package/dist/cjs/components/Pagination/Select.cjs +8 -32
- package/dist/cjs/components/Pagination/Select.cjs.map +1 -1
- package/dist/cjs/components/Panel/Panel.cjs +2 -7
- package/dist/cjs/components/Panel/Panel.cjs.map +1 -1
- package/dist/cjs/components/ProgressBar/ProgressBar.cjs +9 -30
- package/dist/cjs/components/ProgressBar/ProgressBar.cjs.map +1 -1
- package/dist/cjs/components/Radio/Radio.cjs +16 -51
- package/dist/cjs/components/Radio/Radio.cjs.map +1 -1
- package/dist/cjs/components/RadioGroup/RadioGroup.cjs +7 -36
- package/dist/cjs/components/RadioGroup/RadioGroup.cjs.map +1 -1
- package/dist/cjs/components/SelectionList/SelectionList.cjs +7 -41
- package/dist/cjs/components/SelectionList/SelectionList.cjs.map +1 -1
- package/dist/cjs/components/SelectionList/SelectionList.styles.cjs +4 -10
- package/dist/cjs/components/SelectionList/SelectionList.styles.cjs.map +1 -1
- package/dist/cjs/components/SimpleGrid/SimpleGrid.cjs +2 -8
- package/dist/cjs/components/SimpleGrid/SimpleGrid.cjs.map +1 -1
- package/dist/cjs/components/Snackbar/Snackbar.cjs +14 -48
- package/dist/cjs/components/Snackbar/Snackbar.cjs.map +1 -1
- package/dist/cjs/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.cjs +9 -32
- package/dist/cjs/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.cjs.map +1 -1
- package/dist/cjs/components/Snackbar/SnackbarProvider/SnackbarProvider.cjs +4 -27
- package/dist/cjs/components/Snackbar/SnackbarProvider/SnackbarProvider.cjs.map +1 -1
- package/dist/cjs/components/Stack/Stack.cjs +8 -29
- package/dist/cjs/components/Stack/Stack.cjs.map +1 -1
- package/dist/cjs/components/Switch/Switch.cjs +13 -46
- package/dist/cjs/components/Switch/Switch.cjs.map +1 -1
- package/dist/cjs/components/Tab/Tab.cjs +17 -14
- package/dist/cjs/components/Tab/Tab.cjs.map +1 -1
- package/dist/cjs/components/Table/Table.cjs +2 -13
- package/dist/cjs/components/Table/Table.cjs.map +1 -1
- package/dist/cjs/components/Table/TableBody/TableBody.cjs +6 -25
- package/dist/cjs/components/Table/TableBody/TableBody.cjs.map +1 -1
- package/dist/cjs/components/Table/TableCell/TableCell.cjs +2 -23
- package/dist/cjs/components/Table/TableCell/TableCell.cjs.map +1 -1
- package/dist/cjs/components/Table/TableContainer/TableContainer.cjs +2 -6
- package/dist/cjs/components/Table/TableContainer/TableContainer.cjs.map +1 -1
- package/dist/cjs/components/Table/TableHead/TableHead.cjs +2 -11
- package/dist/cjs/components/Table/TableHead/TableHead.cjs.map +1 -1
- package/dist/cjs/components/Table/TableHeader/TableHeader.cjs +6 -49
- package/dist/cjs/components/Table/TableHeader/TableHeader.cjs.map +1 -1
- package/dist/cjs/components/Table/TableHeader/TableHeader.styles.cjs +8 -14
- package/dist/cjs/components/Table/TableHeader/TableHeader.styles.cjs.map +1 -1
- package/dist/cjs/components/Table/TableRow/TableRow.cjs +2 -15
- package/dist/cjs/components/Table/TableRow/TableRow.cjs.map +1 -1
- package/dist/cjs/components/Table/hooks/useRowExpand.cjs +5 -15
- package/dist/cjs/components/Table/hooks/useRowExpand.cjs.map +1 -1
- package/dist/cjs/components/Table/hooks/useRowSelection.cjs +2 -8
- package/dist/cjs/components/Table/hooks/useRowSelection.cjs.map +1 -1
- package/dist/cjs/components/Table/renderers/DateColumnCell/DateColumnCell.cjs +2 -4
- package/dist/cjs/components/Table/renderers/DateColumnCell/DateColumnCell.cjs.map +1 -1
- package/dist/cjs/components/Table/renderers/DropdownColumnCell/DropdownColumnCell.cjs +3 -10
- package/dist/cjs/components/Table/renderers/DropdownColumnCell/DropdownColumnCell.cjs.map +1 -1
- package/dist/cjs/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.cjs +2 -10
- package/dist/cjs/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.cjs.map +1 -1
- package/dist/cjs/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.cjs +6 -17
- package/dist/cjs/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.cjs.map +1 -1
- package/dist/cjs/components/Table/renderers/renderers.cjs +19 -60
- package/dist/cjs/components/Table/renderers/renderers.cjs.map +1 -1
- package/dist/cjs/components/Tabs/Tabs.cjs +9 -13
- package/dist/cjs/components/Tabs/Tabs.cjs.map +1 -1
- package/dist/cjs/components/Tag/Tag.cjs +25 -55
- package/dist/cjs/components/Tag/Tag.cjs.map +1 -1
- package/dist/cjs/components/TagsInput/TagsInput.cjs +45 -129
- package/dist/cjs/components/TagsInput/TagsInput.cjs.map +1 -1
- package/dist/cjs/components/TagsInput/TagsInput.styles.cjs +11 -31
- package/dist/cjs/components/TagsInput/TagsInput.styles.cjs.map +1 -1
- package/dist/cjs/components/TextArea/TextArea.cjs +22 -69
- package/dist/cjs/components/TextArea/TextArea.cjs.map +1 -1
- package/dist/cjs/components/TextArea/TextArea.styles.cjs +5 -13
- package/dist/cjs/components/TextArea/TextArea.styles.cjs.map +1 -1
- package/dist/cjs/components/ToggleButton/ToggleButton.cjs +2 -10
- package/dist/cjs/components/ToggleButton/ToggleButton.cjs.map +1 -1
- package/dist/cjs/components/Tooltip/Tooltip.cjs +8 -21
- package/dist/cjs/components/Tooltip/Tooltip.cjs.map +1 -1
- package/dist/cjs/components/Typography/Typography.cjs +2 -11
- package/dist/cjs/components/Typography/Typography.cjs.map +1 -1
- package/dist/cjs/hocs/withId.cjs +2 -5
- package/dist/cjs/hocs/withId.cjs.map +1 -1
- package/dist/cjs/hocs/withTooltip.cjs +5 -24
- package/dist/cjs/hocs/withTooltip.cjs.map +1 -1
- package/dist/cjs/providers/Provider.cjs +5 -10
- package/dist/cjs/providers/Provider.cjs.map +1 -1
- package/dist/cjs/providers/ThemeProvider.cjs +2 -8
- package/dist/cjs/providers/ThemeProvider.cjs.map +1 -1
- package/dist/cjs/utils/iconVariant.cjs +5 -16
- package/dist/cjs/utils/iconVariant.cjs.map +1 -1
- package/dist/esm/components/Accordion/Accordion.js +10 -37
- package/dist/esm/components/Accordion/Accordion.js.map +1 -1
- package/dist/esm/components/ActionBar/ActionBar.js +2 -7
- package/dist/esm/components/ActionBar/ActionBar.js.map +1 -1
- package/dist/esm/components/ActionsGeneric/ActionsGeneric.js +11 -39
- package/dist/esm/components/ActionsGeneric/ActionsGeneric.js.map +1 -1
- package/dist/esm/components/ActionsGeneric/ActionsGeneric.styles.js +2 -4
- package/dist/esm/components/ActionsGeneric/ActionsGeneric.styles.js.map +1 -1
- package/dist/esm/components/AppSwitcher/Action/Action.js +12 -54
- package/dist/esm/components/AppSwitcher/Action/Action.js.map +1 -1
- package/dist/esm/components/AppSwitcher/Action/Action.styles.js +2 -4
- package/dist/esm/components/AppSwitcher/Action/Action.styles.js.map +1 -1
- package/dist/esm/components/AppSwitcher/AppSwitcher.js +15 -37
- package/dist/esm/components/AppSwitcher/AppSwitcher.js.map +1 -1
- package/dist/esm/components/AppSwitcher/TitleWithTooltip.js +2 -16
- package/dist/esm/components/AppSwitcher/TitleWithTooltip.js.map +1 -1
- package/dist/esm/components/Avatar/Avatar.js +9 -38
- package/dist/esm/components/Avatar/Avatar.js.map +1 -1
- package/dist/esm/components/Badge/Badge.js +6 -23
- package/dist/esm/components/Badge/Badge.js.map +1 -1
- package/dist/esm/components/Banner/Banner.js +7 -33
- package/dist/esm/components/Banner/Banner.js.map +1 -1
- package/dist/esm/components/Banner/BannerContent/ActionContainer/ActionContainer.js +5 -27
- package/dist/esm/components/Banner/BannerContent/ActionContainer/ActionContainer.js.map +1 -1
- package/dist/esm/components/Banner/BannerContent/ActionContainer/ActionContainer.styles.js +2 -4
- package/dist/esm/components/Banner/BannerContent/ActionContainer/ActionContainer.styles.js.map +1 -1
- package/dist/esm/components/Banner/BannerContent/BannerContent.js +12 -34
- package/dist/esm/components/Banner/BannerContent/BannerContent.js.map +1 -1
- package/dist/esm/components/Banner/BannerContent/MessageContainer/MessageContainer.js +6 -20
- package/dist/esm/components/Banner/BannerContent/MessageContainer/MessageContainer.js.map +1 -1
- package/dist/esm/components/Banner/BannerContent/MessageContainer/MessageContainer.styles.js +2 -4
- package/dist/esm/components/Banner/BannerContent/MessageContainer/MessageContainer.styles.js.map +1 -1
- package/dist/esm/components/BaseCheckBox/BaseCheckBox.js +5 -36
- package/dist/esm/components/BaseCheckBox/BaseCheckBox.js.map +1 -1
- package/dist/esm/components/BaseDropdown/BaseDropdown.js +57 -93
- package/dist/esm/components/BaseDropdown/BaseDropdown.js.map +1 -1
- package/dist/esm/components/BaseInput/BaseInput.js +18 -47
- package/dist/esm/components/BaseInput/BaseInput.js.map +1 -1
- package/dist/esm/components/BaseRadio/BaseRadio.js +4 -30
- package/dist/esm/components/BaseRadio/BaseRadio.js.map +1 -1
- package/dist/esm/components/BaseSwitch/BaseSwitch.js +9 -30
- package/dist/esm/components/BaseSwitch/BaseSwitch.js.map +1 -1
- package/dist/esm/components/Box/Box.js +2 -7
- package/dist/esm/components/Box/Box.js.map +1 -1
- package/dist/esm/components/BreadCrumb/BreadCrumb.js +14 -35
- package/dist/esm/components/BreadCrumb/BreadCrumb.js.map +1 -1
- package/dist/esm/components/BreadCrumb/BreadCrumb.styles.js +2 -4
- package/dist/esm/components/BreadCrumb/BreadCrumb.styles.js.map +1 -1
- package/dist/esm/components/BreadCrumb/Page/Page.js +4 -19
- package/dist/esm/components/BreadCrumb/Page/Page.js.map +1 -1
- package/dist/esm/components/BreadCrumb/Page/Page.styles.js +3 -7
- package/dist/esm/components/BreadCrumb/Page/Page.styles.js.map +1 -1
- package/dist/esm/components/BreadCrumb/PathElement/PathElement.js +5 -8
- package/dist/esm/components/BreadCrumb/PathElement/PathElement.js.map +1 -1
- package/dist/esm/components/BreadCrumb/utils.js +2 -10
- package/dist/esm/components/BreadCrumb/utils.js.map +1 -1
- package/dist/esm/components/BulkActions/BulkActions.js +20 -54
- package/dist/esm/components/BulkActions/BulkActions.js.map +1 -1
- package/dist/esm/components/Button/Button.js +5 -25
- package/dist/esm/components/Button/Button.js.map +1 -1
- package/dist/esm/components/Card/Card.js +13 -20
- package/dist/esm/components/Card/Card.js.map +1 -1
- package/dist/esm/components/Card/Content/Content.js +2 -8
- package/dist/esm/components/Card/Content/Content.js.map +1 -1
- package/dist/esm/components/Card/Header/Header.js +14 -22
- package/dist/esm/components/Card/Header/Header.js.map +1 -1
- package/dist/esm/components/Card/Media/Media.js +5 -14
- package/dist/esm/components/Card/Media/Media.js.map +1 -1
- package/dist/esm/components/CheckBox/CheckBox.js +16 -55
- package/dist/esm/components/CheckBox/CheckBox.js.map +1 -1
- package/dist/esm/components/CheckBoxGroup/CheckBoxGroup.js +17 -56
- package/dist/esm/components/CheckBoxGroup/CheckBoxGroup.js.map +1 -1
- package/dist/esm/components/Container/Container.js +11 -19
- package/dist/esm/components/Container/Container.js.map +1 -1
- package/dist/esm/components/Controls/Controls.js +15 -32
- package/dist/esm/components/Controls/Controls.js.map +1 -1
- package/dist/esm/components/Controls/LeftControl/LeftControl.js +5 -13
- package/dist/esm/components/Controls/LeftControl/LeftControl.js.map +1 -1
- package/dist/esm/components/Controls/RightControl/RightControl.js +2 -14
- package/dist/esm/components/Controls/RightControl/RightControl.js.map +1 -1
- package/dist/esm/components/Controls/RightControl/RightControl.styles.js +2 -4
- package/dist/esm/components/Controls/RightControl/RightControl.styles.js.map +1 -1
- package/dist/esm/components/Dialog/Actions/Actions.js +5 -11
- package/dist/esm/components/Dialog/Actions/Actions.js.map +1 -1
- package/dist/esm/components/Dialog/Content/Content.js +2 -7
- package/dist/esm/components/Dialog/Content/Content.js.map +1 -1
- package/dist/esm/components/Dialog/Dialog.js +35 -68
- package/dist/esm/components/Dialog/Dialog.js.map +1 -1
- package/dist/esm/components/Dialog/Title/Title.js +8 -17
- package/dist/esm/components/Dialog/Title/Title.js.map +1 -1
- package/dist/esm/components/DotPagination/DotPagination.js +9 -29
- package/dist/esm/components/DotPagination/DotPagination.js.map +1 -1
- package/dist/esm/components/DotPagination/DotPagination.styles.js +3 -7
- package/dist/esm/components/DotPagination/DotPagination.styles.js.map +1 -1
- package/dist/esm/components/DropDownMenu/DropDownMenu.js +23 -63
- package/dist/esm/components/DropDownMenu/DropDownMenu.js.map +1 -1
- package/dist/esm/components/DropDownMenu/DropDownMenu.styles.js +2 -4
- package/dist/esm/components/DropDownMenu/DropDownMenu.styles.js.map +1 -1
- package/dist/esm/components/Dropdown/Dropdown.js +21 -97
- package/dist/esm/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/esm/components/Dropdown/Dropdown.styles.js +2 -4
- package/dist/esm/components/Dropdown/Dropdown.styles.js.map +1 -1
- package/dist/esm/components/Dropdown/List/List.js +27 -83
- package/dist/esm/components/Dropdown/List/List.js.map +1 -1
- package/dist/esm/components/Dropdown/List/List.styles.js +2 -4
- package/dist/esm/components/Dropdown/List/List.styles.js.map +1 -1
- package/dist/esm/components/EmptyState/EmptyState.js +10 -24
- package/dist/esm/components/EmptyState/EmptyState.js.map +1 -1
- package/dist/esm/components/FileUploader/DropZone/DropZone.js +52 -101
- package/dist/esm/components/FileUploader/DropZone/DropZone.js.map +1 -1
- package/dist/esm/components/FileUploader/File/File.js +21 -57
- package/dist/esm/components/FileUploader/File/File.js.map +1 -1
- package/dist/esm/components/FileUploader/FileList/FileList.js +4 -14
- package/dist/esm/components/FileUploader/FileList/FileList.js.map +1 -1
- package/dist/esm/components/FileUploader/FileUploader.js +4 -21
- package/dist/esm/components/FileUploader/FileUploader.js.map +1 -1
- package/dist/esm/components/FileUploader/Preview/Preview.js +8 -14
- package/dist/esm/components/FileUploader/Preview/Preview.js.map +1 -1
- package/dist/esm/components/Focus/Focus.js +10 -15
- package/dist/esm/components/Focus/Focus.js.map +1 -1
- package/dist/esm/components/Footer/Footer.js +9 -23
- package/dist/esm/components/Footer/Footer.js.map +1 -1
- package/dist/esm/components/Forms/Adornment/Adornment.js +2 -29
- package/dist/esm/components/Forms/Adornment/Adornment.js.map +1 -1
- package/dist/esm/components/Forms/CharCounter/CharCounter.js +5 -27
- package/dist/esm/components/Forms/CharCounter/CharCounter.js.map +1 -1
- package/dist/esm/components/Forms/FormElement/FormElement.js +2 -16
- package/dist/esm/components/Forms/FormElement/FormElement.js.map +1 -1
- package/dist/esm/components/Forms/InfoMessage/InfoMessage.js +2 -11
- package/dist/esm/components/Forms/InfoMessage/InfoMessage.js.map +1 -1
- package/dist/esm/components/Forms/Label/Label.js +8 -17
- package/dist/esm/components/Forms/Label/Label.js.map +1 -1
- package/dist/esm/components/Forms/Suggestions/Suggestions.js +5 -26
- package/dist/esm/components/Forms/Suggestions/Suggestions.js.map +1 -1
- package/dist/esm/components/Forms/WarningText/WarningText.js +6 -20
- package/dist/esm/components/Forms/WarningText/WarningText.js.map +1 -1
- package/dist/esm/components/GlobalActions/GlobalActions.js +7 -25
- package/dist/esm/components/GlobalActions/GlobalActions.js.map +1 -1
- package/dist/esm/components/Grid/Grid.js +5 -9
- package/dist/esm/components/Grid/Grid.js.map +1 -1
- package/dist/esm/components/Header/Actions/Actions.js +2 -6
- package/dist/esm/components/Header/Actions/Actions.js.map +1 -1
- package/dist/esm/components/Header/Brand/Brand.js +6 -11
- package/dist/esm/components/Header/Brand/Brand.js.map +1 -1
- package/dist/esm/components/Header/Header.js +2 -10
- package/dist/esm/components/Header/Header.js.map +1 -1
- package/dist/esm/components/Header/Navigation/MenuBar/MenuBar.js +3 -17
- package/dist/esm/components/Header/Navigation/MenuBar/MenuBar.js.map +1 -1
- package/dist/esm/components/Header/Navigation/MenuBar/MenuBar.styles.js +3 -7
- package/dist/esm/components/Header/Navigation/MenuBar/MenuBar.styles.js.map +1 -1
- package/dist/esm/components/Header/Navigation/MenuItem/MenuItem.js +6 -24
- package/dist/esm/components/Header/Navigation/MenuItem/MenuItem.js.map +1 -1
- package/dist/esm/components/Header/Navigation/Navigation.js +2 -15
- package/dist/esm/components/Header/Navigation/Navigation.js.map +1 -1
- package/dist/esm/components/Header/Navigation/utils/FocusContext.js +2 -5
- package/dist/esm/components/Header/Navigation/utils/FocusContext.js.map +1 -1
- package/dist/esm/components/Input/Input.js +42 -112
- package/dist/esm/components/Input/Input.js.map +1 -1
- package/dist/esm/components/Input/Input.styles.js +2 -4
- package/dist/esm/components/Input/Input.styles.js.map +1 -1
- package/dist/esm/components/Kpi/Kpi.js +16 -47
- package/dist/esm/components/Kpi/Kpi.js.map +1 -1
- package/dist/esm/components/Link/Link.js +2 -14
- package/dist/esm/components/Link/Link.js.map +1 -1
- package/dist/esm/components/List/List.js +32 -104
- package/dist/esm/components/List/List.js.map +1 -1
- package/dist/esm/components/List/List.styles.js +5 -13
- package/dist/esm/components/List/List.styles.js.map +1 -1
- package/dist/esm/components/ListContainer/ListContainer.js +2 -11
- package/dist/esm/components/ListContainer/ListContainer.js.map +1 -1
- package/dist/esm/components/ListContainer/ListItem/ListItem.js +12 -32
- package/dist/esm/components/ListContainer/ListItem/ListItem.js.map +1 -1
- package/dist/esm/components/Loading/Loading.js +5 -18
- package/dist/esm/components/Loading/Loading.js.map +1 -1
- package/dist/esm/components/Login/Login.js +4 -13
- package/dist/esm/components/Login/Login.js.map +1 -1
- package/dist/esm/components/MultiButton/MultiButton.js +14 -19
- package/dist/esm/components/MultiButton/MultiButton.js.map +1 -1
- package/dist/esm/components/MultiButton/MultiButton.styles.js +2 -5
- package/dist/esm/components/MultiButton/MultiButton.styles.js.map +1 -1
- package/dist/esm/components/OverflowTooltip/OverflowTooltip.js +3 -20
- package/dist/esm/components/OverflowTooltip/OverflowTooltip.js.map +1 -1
- package/dist/esm/components/OverflowTooltip/OverflowTooltip.styles.js +2 -4
- package/dist/esm/components/OverflowTooltip/OverflowTooltip.styles.js.map +1 -1
- package/dist/esm/components/Pagination/ButtonIconTooltip.js +1 -13
- package/dist/esm/components/Pagination/ButtonIconTooltip.js.map +1 -1
- package/dist/esm/components/Pagination/Pagination.js +27 -127
- package/dist/esm/components/Pagination/Pagination.js.map +1 -1
- package/dist/esm/components/Pagination/Select.js +8 -32
- package/dist/esm/components/Pagination/Select.js.map +1 -1
- package/dist/esm/components/Panel/Panel.js +2 -7
- package/dist/esm/components/Panel/Panel.js.map +1 -1
- package/dist/esm/components/ProgressBar/ProgressBar.js +9 -30
- package/dist/esm/components/ProgressBar/ProgressBar.js.map +1 -1
- package/dist/esm/components/Radio/Radio.js +16 -51
- package/dist/esm/components/Radio/Radio.js.map +1 -1
- package/dist/esm/components/RadioGroup/RadioGroup.js +7 -36
- package/dist/esm/components/RadioGroup/RadioGroup.js.map +1 -1
- package/dist/esm/components/SelectionList/SelectionList.js +7 -41
- package/dist/esm/components/SelectionList/SelectionList.js.map +1 -1
- package/dist/esm/components/SelectionList/SelectionList.styles.js +4 -10
- package/dist/esm/components/SelectionList/SelectionList.styles.js.map +1 -1
- package/dist/esm/components/SimpleGrid/SimpleGrid.js +2 -8
- package/dist/esm/components/SimpleGrid/SimpleGrid.js.map +1 -1
- package/dist/esm/components/Snackbar/Snackbar.js +14 -48
- package/dist/esm/components/Snackbar/Snackbar.js.map +1 -1
- package/dist/esm/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.js +9 -32
- package/dist/esm/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.js.map +1 -1
- package/dist/esm/components/Snackbar/SnackbarProvider/SnackbarProvider.js +4 -27
- package/dist/esm/components/Snackbar/SnackbarProvider/SnackbarProvider.js.map +1 -1
- package/dist/esm/components/Stack/Stack.js +8 -29
- package/dist/esm/components/Stack/Stack.js.map +1 -1
- package/dist/esm/components/Switch/Switch.js +13 -46
- package/dist/esm/components/Switch/Switch.js.map +1 -1
- package/dist/esm/components/Tab/Tab.js +17 -14
- package/dist/esm/components/Tab/Tab.js.map +1 -1
- package/dist/esm/components/Table/Table.js +2 -13
- package/dist/esm/components/Table/Table.js.map +1 -1
- package/dist/esm/components/Table/TableBody/TableBody.js +6 -25
- package/dist/esm/components/Table/TableBody/TableBody.js.map +1 -1
- package/dist/esm/components/Table/TableCell/TableCell.js +2 -23
- package/dist/esm/components/Table/TableCell/TableCell.js.map +1 -1
- package/dist/esm/components/Table/TableContainer/TableContainer.js +2 -6
- package/dist/esm/components/Table/TableContainer/TableContainer.js.map +1 -1
- package/dist/esm/components/Table/TableHead/TableHead.js +2 -11
- package/dist/esm/components/Table/TableHead/TableHead.js.map +1 -1
- package/dist/esm/components/Table/TableHeader/TableHeader.js +6 -49
- package/dist/esm/components/Table/TableHeader/TableHeader.js.map +1 -1
- package/dist/esm/components/Table/TableHeader/TableHeader.styles.js +8 -14
- package/dist/esm/components/Table/TableHeader/TableHeader.styles.js.map +1 -1
- package/dist/esm/components/Table/TableRow/TableRow.js +2 -15
- package/dist/esm/components/Table/TableRow/TableRow.js.map +1 -1
- package/dist/esm/components/Table/hooks/useRowExpand.js +5 -15
- package/dist/esm/components/Table/hooks/useRowExpand.js.map +1 -1
- package/dist/esm/components/Table/hooks/useRowSelection.js +2 -8
- package/dist/esm/components/Table/hooks/useRowSelection.js.map +1 -1
- package/dist/esm/components/Table/renderers/DateColumnCell/DateColumnCell.js +2 -4
- package/dist/esm/components/Table/renderers/DateColumnCell/DateColumnCell.js.map +1 -1
- package/dist/esm/components/Table/renderers/DropdownColumnCell/DropdownColumnCell.js +3 -10
- package/dist/esm/components/Table/renderers/DropdownColumnCell/DropdownColumnCell.js.map +1 -1
- package/dist/esm/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.js +2 -10
- package/dist/esm/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.js.map +1 -1
- package/dist/esm/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.js +6 -17
- package/dist/esm/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.js.map +1 -1
- package/dist/esm/components/Table/renderers/renderers.js +19 -60
- package/dist/esm/components/Table/renderers/renderers.js.map +1 -1
- package/dist/esm/components/Tabs/Tabs.js +9 -13
- package/dist/esm/components/Tabs/Tabs.js.map +1 -1
- package/dist/esm/components/Tag/Tag.js +25 -55
- package/dist/esm/components/Tag/Tag.js.map +1 -1
- package/dist/esm/components/TagsInput/TagsInput.js +45 -129
- package/dist/esm/components/TagsInput/TagsInput.js.map +1 -1
- package/dist/esm/components/TagsInput/TagsInput.styles.js +11 -31
- package/dist/esm/components/TagsInput/TagsInput.styles.js.map +1 -1
- package/dist/esm/components/TextArea/TextArea.js +22 -69
- package/dist/esm/components/TextArea/TextArea.js.map +1 -1
- package/dist/esm/components/TextArea/TextArea.styles.js +5 -13
- package/dist/esm/components/TextArea/TextArea.styles.js.map +1 -1
- package/dist/esm/components/ToggleButton/ToggleButton.js +2 -10
- package/dist/esm/components/ToggleButton/ToggleButton.js.map +1 -1
- package/dist/esm/components/Tooltip/Tooltip.js +8 -21
- package/dist/esm/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/esm/components/Typography/Typography.js +2 -11
- package/dist/esm/components/Typography/Typography.js.map +1 -1
- package/dist/esm/hocs/withId.js +2 -5
- package/dist/esm/hocs/withId.js.map +1 -1
- package/dist/esm/hocs/withTooltip.js +5 -24
- package/dist/esm/hocs/withTooltip.js.map +1 -1
- package/dist/esm/providers/Provider.js +5 -10
- package/dist/esm/providers/Provider.js.map +1 -1
- package/dist/esm/providers/ThemeProvider.js +2 -8
- package/dist/esm/providers/ThemeProvider.js.map +1 -1
- package/dist/esm/utils/iconVariant.js +5 -16
- package/dist/esm/utils/iconVariant.js.map +1 -1
- package/dist/types/components/Card/Card.d.ts +1 -1
- package/dist/types/components/Card/Card.d.ts.map +1 -1
- package/dist/types/components/Header/Navigation/MenuBar/MenuBar.styles.d.ts.map +1 -1
- package/dist/types/components/Table/hooks/index.d.ts.map +1 -1
- package/package.json +7 -8
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
+
const jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
3
4
|
const _styled = require("@emotion/styled/base");
|
|
4
5
|
const uikitStyles = require("@hitachivantara/uikit-styles");
|
|
5
6
|
const transientOptions = require("../../utils/transientOptions.cjs");
|
|
6
|
-
const jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
7
7
|
const FormElement = require("../Forms/FormElement/FormElement.cjs");
|
|
8
8
|
const Label = require("../Forms/Label/Label.cjs");
|
|
9
9
|
const InfoMessage = require("../Forms/InfoMessage/InfoMessage.cjs");
|
|
@@ -42,9 +42,7 @@ const StyledFormElement = /* @__PURE__ */ _styled__default.default(FormElement.H
|
|
|
42
42
|
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU2VsZWN0aW9uTGlzdC9TZWxlY3Rpb25MaXN0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV2lDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU2VsZWN0aW9uTGlzdC9TZWxlY3Rpb25MaXN0LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7XG4gIEh2TGlzdENvbnRhaW5lcixcbiAgSHZGb3JtRWxlbWVudCxcbiAgSHZMYWJlbCxcbiAgSHZJbmZvTWVzc2FnZSxcbiAgSHZXYXJuaW5nVGV4dCxcbn0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRm9ybUVsZW1lbnQgPSBzdHlsZWQoSHZGb3JtRWxlbWVudCkoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICBwYWRkaW5nOiAwLFxuICBtYXJnaW46IDAsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKChwcm9wcykgPT4gPEh2TGFiZWwgey4uLnByb3BzfSAvPikoe1xuICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnhzLFxuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEluZm9NZXNzYWdlID0gc3R5bGVkKChwcm9wcykgPT4gKFxuICA8SHZJbmZvTWVzc2FnZSB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGZsb2F0OiBcImxlZnRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRXJyb3IgPSBzdHlsZWQoKHByb3BzKSA9PiA8SHZXYXJuaW5nVGV4dCB7Li4ucHJvcHN9IC8+KSh7XG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgZmxvYXQ6IFwibGVmdFwiLFxuICBjbGVhcjogXCJib3RoXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3RDb250YWluZXIgPSBzdHlsZWQoXG4gIEh2TGlzdENvbnRhaW5lcixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkb3JpZW50YXRpb24sXG4gICAgJHZhbGlkYXRpb25TdGF0ZSxcbiAgfToge1xuICAgICRvcmllbnRhdGlvbjogc3RyaW5nO1xuICAgICR2YWxpZGF0aW9uU3RhdGU6IHN0cmluZztcbiAgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbG9hdDogXCJsZWZ0XCIsXG4gICAgY2xlYXI6IFwiYm90aFwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBwYWRkaW5nQm90dG9tOiB0aGVtZS5zcGFjZS54cyxcbiAgICAuLi4oJG9yaWVudGF0aW9uID09PSBcInZlcnRpY2FsXCIgJiYge1xuICAgICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcblxuICAgICAgLy8gUHJldmVudCB0aGUgZm9jdXMgcmluZyB0byBiZSBoaWRkZW4gYnkgc2libGluZyBob3ZlciBiYWNrZ3JvdW5kXG4gICAgICBcIiY+KlwiOiB7XG4gICAgICAgIHpJbmRleDogMCxcbiAgICAgIH0sXG4gICAgICBcIiY+Kjpmb2N1cy13aXRoaW5cIjoge1xuICAgICAgICB6SW5kZXg6IDEsXG4gICAgICB9LFxuICAgICAgLy8gSUUgZmFsbGJhY2sgY29kZSAodXNpbmcgZm9jdXMtd2l0aGluLXBvbHlmaWxsKVxuICAgICAgXCImPiouZm9jdXMtd2l0aGluXCI6IHtcbiAgICAgICAgekluZGV4OiAxLFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi4oJG9yaWVudGF0aW9uID09PSBcImhvcml6b250YWxcIiAmJiB7XG4gICAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgICAgZmxleFdyYXA6IFwid3JhcFwiLFxuICAgICAgbWFyZ2luTGVmdDogLXRoZW1lLnNwYWNlLnNtLFxuICAgICAgXCImPipcIjoge1xuICAgICAgICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjZS5zbSxcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKCR2YWxpZGF0aW9uU3RhdGUgPT09IFwiaW52YWxpZFwiICYmIHtcbiAgICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZW1hNH1gLFxuICAgIH0pLFxuICB9KVxuKTtcbiJdfQ== */",
|
|
43
43
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
44
44
|
});
|
|
45
|
-
const StyledLabel = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(Label.HvLabel, {
|
|
46
|
-
...props
|
|
47
|
-
}), process.env.NODE_ENV === "production" ? {
|
|
45
|
+
const StyledLabel = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(Label.HvLabel, { ...props }), process.env.NODE_ENV === "production" ? {
|
|
48
46
|
target: "e1l81ih63"
|
|
49
47
|
} : {
|
|
50
48
|
target: "e1l81ih63",
|
|
@@ -53,9 +51,7 @@ const StyledLabel = /* @__PURE__ */ _styled__default.default((props) => /* @__PU
|
|
|
53
51
|
marginBottom: uikitStyles.theme.space.xs,
|
|
54
52
|
float: "left"
|
|
55
53
|
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU2VsZWN0aW9uTGlzdC9TZWxlY3Rpb25MaXN0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUIyQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1NlbGVjdGlvbkxpc3QvU2VsZWN0aW9uTGlzdC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQge1xuICBIdkxpc3RDb250YWluZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2TGFiZWwsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKEh2Rm9ybUVsZW1lbnQpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgcGFkZGluZzogMCxcbiAgbWFyZ2luOiAwLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbCA9IHN0eWxlZCgocHJvcHMpID0+IDxIdkxhYmVsIHsuLi5wcm9wc30gLz4pKHtcbiAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjZS54cyxcbiAgZmxvYXQ6IFwibGVmdFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbmZvTWVzc2FnZSA9IHN0eWxlZCgocHJvcHMpID0+IChcbiAgPEh2SW5mb01lc3NhZ2Ugey4uLnByb3BzfSAvPlxuKSkoe1xuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEVycm9yID0gc3R5bGVkKChwcm9wcykgPT4gPEh2V2FybmluZ1RleHQgey4uLnByb3BzfSAvPikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgY2xlYXI6IFwiYm90aFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0Q29udGFpbmVyID0gc3R5bGVkKFxuICBIdkxpc3RDb250YWluZXIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJG9yaWVudGF0aW9uLFxuICAgICR2YWxpZGF0aW9uU3RhdGUsXG4gIH06IHtcbiAgICAkb3JpZW50YXRpb246IHN0cmluZztcbiAgICAkdmFsaWRhdGlvblN0YXRlOiBzdHJpbmc7XG4gIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxvYXQ6IFwibGVmdFwiLFxuICAgIGNsZWFyOiBcImJvdGhcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgcGFkZGluZ0JvdHRvbTogdGhlbWUuc3BhY2UueHMsXG4gICAgLi4uKCRvcmllbnRhdGlvbiA9PT0gXCJ2ZXJ0aWNhbFwiICYmIHtcbiAgICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG5cbiAgICAgIC8vIFByZXZlbnQgdGhlIGZvY3VzIHJpbmcgdG8gYmUgaGlkZGVuIGJ5IHNpYmxpbmcgaG92ZXIgYmFja2dyb3VuZFxuICAgICAgXCImPipcIjoge1xuICAgICAgICB6SW5kZXg6IDAsXG4gICAgICB9LFxuICAgICAgXCImPio6Zm9jdXMtd2l0aGluXCI6IHtcbiAgICAgICAgekluZGV4OiAxLFxuICAgICAgfSxcbiAgICAgIC8vIElFIGZhbGxiYWNrIGNvZGUgKHVzaW5nIGZvY3VzLXdpdGhpbi1wb2x5ZmlsbClcbiAgICAgIFwiJj4qLmZvY3VzLXdpdGhpblwiOiB7XG4gICAgICAgIHpJbmRleDogMSxcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKCRvcmllbnRhdGlvbiA9PT0gXCJob3Jpem9udGFsXCIgJiYge1xuICAgICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICAgIGZsZXhXcmFwOiBcIndyYXBcIixcbiAgICAgIG1hcmdpbkxlZnQ6IC10aGVtZS5zcGFjZS5zbSxcbiAgICAgIFwiJj4qXCI6IHtcbiAgICAgICAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2Uuc20sXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLigkdmFsaWRhdGlvblN0YXRlID09PSBcImludmFsaWRcIiAmJiB7XG4gICAgICBib3JkZXJCb3R0b206IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMuc2VtYTR9YCxcbiAgICB9KSxcbiAgfSlcbik7XG4iXX0= */");
|
|
56
|
-
const StyledInfoMessage = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(InfoMessage.HvInfoMessage, {
|
|
57
|
-
...props
|
|
58
|
-
}), process.env.NODE_ENV === "production" ? {
|
|
54
|
+
const StyledInfoMessage = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(InfoMessage.HvInfoMessage, { ...props }), process.env.NODE_ENV === "production" ? {
|
|
59
55
|
target: "e1l81ih62"
|
|
60
56
|
} : {
|
|
61
57
|
target: "e1l81ih62",
|
|
@@ -69,9 +65,7 @@ const StyledInfoMessage = /* @__PURE__ */ _styled__default.default((props) => /*
|
|
|
69
65
|
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU2VsZWN0aW9uTGlzdC9TZWxlY3Rpb25MaXN0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0JpQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1NlbGVjdGlvbkxpc3QvU2VsZWN0aW9uTGlzdC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQge1xuICBIdkxpc3RDb250YWluZXIsXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2TGFiZWwsXG4gIEh2SW5mb01lc3NhZ2UsXG4gIEh2V2FybmluZ1RleHQsXG59IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1FbGVtZW50ID0gc3R5bGVkKEh2Rm9ybUVsZW1lbnQpKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgcGFkZGluZzogMCxcbiAgbWFyZ2luOiAwLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbCA9IHN0eWxlZCgocHJvcHMpID0+IDxIdkxhYmVsIHsuLi5wcm9wc30gLz4pKHtcbiAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjZS54cyxcbiAgZmxvYXQ6IFwibGVmdFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbmZvTWVzc2FnZSA9IHN0eWxlZCgocHJvcHMpID0+IChcbiAgPEh2SW5mb01lc3NhZ2Ugey4uLnByb3BzfSAvPlxuKSkoe1xuICBmbG9hdDogXCJsZWZ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEVycm9yID0gc3R5bGVkKChwcm9wcykgPT4gPEh2V2FybmluZ1RleHQgey4uLnByb3BzfSAvPikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgY2xlYXI6IFwiYm90aFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0Q29udGFpbmVyID0gc3R5bGVkKFxuICBIdkxpc3RDb250YWluZXIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJG9yaWVudGF0aW9uLFxuICAgICR2YWxpZGF0aW9uU3RhdGUsXG4gIH06IHtcbiAgICAkb3JpZW50YXRpb246IHN0cmluZztcbiAgICAkdmFsaWRhdGlvblN0YXRlOiBzdHJpbmc7XG4gIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxvYXQ6IFwibGVmdFwiLFxuICAgIGNsZWFyOiBcImJvdGhcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgcGFkZGluZ0JvdHRvbTogdGhlbWUuc3BhY2UueHMsXG4gICAgLi4uKCRvcmllbnRhdGlvbiA9PT0gXCJ2ZXJ0aWNhbFwiICYmIHtcbiAgICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG5cbiAgICAgIC8vIFByZXZlbnQgdGhlIGZvY3VzIHJpbmcgdG8gYmUgaGlkZGVuIGJ5IHNpYmxpbmcgaG92ZXIgYmFja2dyb3VuZFxuICAgICAgXCImPipcIjoge1xuICAgICAgICB6SW5kZXg6IDAsXG4gICAgICB9LFxuICAgICAgXCImPio6Zm9jdXMtd2l0aGluXCI6IHtcbiAgICAgICAgekluZGV4OiAxLFxuICAgICAgfSxcbiAgICAgIC8vIElFIGZhbGxiYWNrIGNvZGUgKHVzaW5nIGZvY3VzLXdpdGhpbi1wb2x5ZmlsbClcbiAgICAgIFwiJj4qLmZvY3VzLXdpdGhpblwiOiB7XG4gICAgICAgIHpJbmRleDogMSxcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKCRvcmllbnRhdGlvbiA9PT0gXCJob3Jpem9udGFsXCIgJiYge1xuICAgICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICAgIGZsZXhXcmFwOiBcIndyYXBcIixcbiAgICAgIG1hcmdpbkxlZnQ6IC10aGVtZS5zcGFjZS5zbSxcbiAgICAgIFwiJj4qXCI6IHtcbiAgICAgICAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2Uuc20sXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLigkdmFsaWRhdGlvblN0YXRlID09PSBcImludmFsaWRcIiAmJiB7XG4gICAgICBib3JkZXJCb3R0b206IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMuc2VtYTR9YCxcbiAgICB9KSxcbiAgfSlcbik7XG4iXX0= */",
|
|
70
66
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
71
67
|
});
|
|
72
|
-
const StyledError = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(WarningText.HvWarningText, {
|
|
73
|
-
...props
|
|
74
|
-
}), process.env.NODE_ENV === "production" ? {
|
|
68
|
+
const StyledError = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(WarningText.HvWarningText, { ...props }), process.env.NODE_ENV === "production" ? {
|
|
75
69
|
target: "e1l81ih61"
|
|
76
70
|
} : {
|
|
77
71
|
target: "e1l81ih61",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectionList.styles.cjs","sources":["../../../../src/components/SelectionList/SelectionList.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport {\n HvListContainer,\n HvFormElement,\n HvLabel,\n HvInfoMessage,\n HvWarningText,\n} from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledFormElement = styled(HvFormElement)({\n display: \"inline-block\",\n padding: 0,\n margin: 0,\n});\n\nexport const StyledLabel = styled((props) => <HvLabel {...props} />)({\n marginBottom: theme.space.xs,\n float: \"left\",\n});\n\nexport const StyledInfoMessage = styled((props) => (\n <HvInfoMessage {...props} />\n))({\n float: \"left\",\n});\n\nexport const StyledError = styled((props) => <HvWarningText {...props} />)({\n width: \"100%\",\n float: \"left\",\n clear: \"both\",\n});\n\nexport const StyledListContainer = styled(\n HvListContainer,\n transientOptions\n)(\n ({\n $orientation,\n $validationState,\n }: {\n $orientation: string;\n $validationState: string;\n }) => ({\n display: \"flex\",\n float: \"left\",\n clear: \"both\",\n width: \"100%\",\n paddingBottom: theme.space.xs,\n ...($orientation === \"vertical\" && {\n flexDirection: \"column\",\n\n // Prevent the focus ring to be hidden by sibling hover background\n \"&>*\": {\n zIndex: 0,\n },\n \"&>*:focus-within\": {\n zIndex: 1,\n },\n // IE fallback code (using focus-within-polyfill)\n \"&>*.focus-within\": {\n zIndex: 1,\n },\n }),\n ...($orientation === \"horizontal\" && {\n flexDirection: \"row\",\n flexWrap: \"wrap\",\n marginLeft: -theme.space.sm,\n \"&>*\": {\n marginLeft: theme.space.sm,\n },\n }),\n ...($validationState === \"invalid\" && {\n borderBottom: `1px solid ${theme.colors.sema4}`,\n }),\n })\n);\n"],"names":["StyledFormElement","HvFormElement","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabel","
|
|
1
|
+
{"version":3,"file":"SelectionList.styles.cjs","sources":["../../../../src/components/SelectionList/SelectionList.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport {\n HvListContainer,\n HvFormElement,\n HvLabel,\n HvInfoMessage,\n HvWarningText,\n} from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledFormElement = styled(HvFormElement)({\n display: \"inline-block\",\n padding: 0,\n margin: 0,\n});\n\nexport const StyledLabel = styled((props) => <HvLabel {...props} />)({\n marginBottom: theme.space.xs,\n float: \"left\",\n});\n\nexport const StyledInfoMessage = styled((props) => (\n <HvInfoMessage {...props} />\n))({\n float: \"left\",\n});\n\nexport const StyledError = styled((props) => <HvWarningText {...props} />)({\n width: \"100%\",\n float: \"left\",\n clear: \"both\",\n});\n\nexport const StyledListContainer = styled(\n HvListContainer,\n transientOptions\n)(\n ({\n $orientation,\n $validationState,\n }: {\n $orientation: string;\n $validationState: string;\n }) => ({\n display: \"flex\",\n float: \"left\",\n clear: \"both\",\n width: \"100%\",\n paddingBottom: theme.space.xs,\n ...($orientation === \"vertical\" && {\n flexDirection: \"column\",\n\n // Prevent the focus ring to be hidden by sibling hover background\n \"&>*\": {\n zIndex: 0,\n },\n \"&>*:focus-within\": {\n zIndex: 1,\n },\n // IE fallback code (using focus-within-polyfill)\n \"&>*.focus-within\": {\n zIndex: 1,\n },\n }),\n ...($orientation === \"horizontal\" && {\n flexDirection: \"row\",\n flexWrap: \"wrap\",\n marginLeft: -theme.space.sm,\n \"&>*\": {\n marginLeft: theme.space.sm,\n },\n }),\n ...($validationState === \"invalid\" && {\n borderBottom: `1px solid ${theme.colors.sema4}`,\n }),\n })\n);\n"],"names":["StyledFormElement","HvFormElement","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabel","props","jsx","HvLabel","marginBottom","theme","space","xs","float","StyledInfoMessage","HvInfoMessage","StyledError","HvWarningText","StyledListContainer","HvListContainer","_extends","transientOptions","$orientation","$validationState","display","clear","width","paddingBottom","flexDirection","zIndex","flexWrap","marginLeft","sm","borderBottom","colors","sema4"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,MAAMA,oBAA2BC,iCAAAA,QAAAA,YAAAA,eAAaC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAIpD;AAEWC,MAAAA,cAAsBC,iCAAAA,QAAAA,CAAAA,UAAWC,2BAAAA,IAAAC,MAAAA,SAAA,EAAYF,GAAAA,MAAAA,CAAS,GAAAX,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACnEU,cAAcC,YAAAA,MAAMC,MAAMC;AAAAA,EAC1BC,OAAO;AACT,GAAClB,QAAAC,IAAAC,aAAC,eAAA,KAAA,66FAAA;AAEWiB,MAAAA,oBAA4BR,iCAAAA,QAAAA,CAAAA,UACtCC,2BAAAA,IAAAQ,YAAAA,eAAA,EAAkBT,GAAAA,MAAAA,CACpB,GAAAX,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAEA;AAEWY,MAAAA,cAAsBV,iCAAAA,QAAAA,CAAAA,UAAWC,2BAAAA,IAAAU,YAAAA,eAAA,EAAkBX,GAAAA,MAAAA,CAAS,GAAAX,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAIxE;AAEWc,MAAAA,+DACXC,cAAAA,iBAAexB,QAAAC,IAAAC,4BAAAuB,SAAA,IAAA;AAAA,EAAAtB,QAAA;AAAA,GACfuB,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAtB,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBsB,iBAAAA,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCC;AAAAA,EACAC;AAIF,OAAO;AAAA,EACLC,SAAS;AAAA,EACTX,OAAO;AAAA,EACPY,OAAO;AAAA,EACPC,OAAO;AAAA,EACPC,eAAejB,YAAAA,MAAMC,MAAMC;AAAAA,EAC3B,GAAIU,iBAAiB,cAAc;AAAA,IACjCM,eAAe;AAAA,IAGf,OAAO;AAAA,MACLC,QAAQ;AAAA,IACV;AAAA,IACA,oBAAoB;AAAA,MAClBA,QAAQ;AAAA,IACV;AAAA,IAEA,oBAAoB;AAAA,MAClBA,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACA,GAAIP,iBAAiB,gBAAgB;AAAA,IACnCM,eAAe;AAAA,IACfE,UAAU;AAAA,IACVC,YAAY,CAACrB,kBAAMC,MAAMqB;AAAAA,IACzB,OAAO;AAAA,MACLD,YAAYrB,YAAAA,MAAMC,MAAMqB;AAAAA,IAC1B;AAAA,EACF;AAAA,EACA,GAAIT,qBAAqB,aAAa;AAAA,IACpCU,cAAe,aAAYvB,YAAAA,MAAMwB,OAAOC;AAAAA,EAC1C;AACF,IAAExC,QAAAC,IAAAC,aACH,eAAA,KAAA,66FAAA;;;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const SimpleGrid_styles = require("./SimpleGrid.styles.cjs");
|
|
4
3
|
const jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
4
|
+
const SimpleGrid_styles = require("./SimpleGrid.styles.cjs");
|
|
5
5
|
const HvSimpleGrid = ({
|
|
6
6
|
children,
|
|
7
7
|
breakpoints,
|
|
@@ -9,13 +9,7 @@ const HvSimpleGrid = ({
|
|
|
9
9
|
cols,
|
|
10
10
|
...others
|
|
11
11
|
}) => {
|
|
12
|
-
return /* @__PURE__ */ jsxRuntime.jsx(SimpleGrid_styles.StyledContainer, {
|
|
13
|
-
spacing,
|
|
14
|
-
cols,
|
|
15
|
-
breakpoints,
|
|
16
|
-
...others,
|
|
17
|
-
children
|
|
18
|
-
});
|
|
12
|
+
return /* @__PURE__ */ jsxRuntime.jsx(SimpleGrid_styles.StyledContainer, { spacing, cols, breakpoints, ...others, children });
|
|
19
13
|
};
|
|
20
14
|
exports.HvSimpleGrid = HvSimpleGrid;
|
|
21
15
|
//# sourceMappingURL=SimpleGrid.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SimpleGrid.cjs","sources":["../../../../src/components/SimpleGrid/SimpleGrid.tsx"],"sourcesContent":["import { HvBaseProps } from \"index\";\nimport { StyledContainer } from \"./SimpleGrid.styles\";\n\nexport type Spacing = \"sm\" | \"md\" | \"lg\" | \"xl\";\n\nexport type Breakpoint = {\n cols?: number;\n maxWidth?: number;\n minWidth?: number;\n spacing?: Spacing;\n};\n\nexport type HvSimpleGridProps = HvBaseProps & {\n /**\n * -\n */\n children: JSX.Element | JSX.Element[];\n /**\n * Spacing with pre-defined values according the values defined in the theme\n */\n spacing?: Spacing;\n /**\n * Provide an array to define responsive behavior:\n *\n * maxWidth or minWidth: max-width or min-width at which media query will work\n *\n * cols: number of columns per row at given max-width\n *\n * spacing: optional spacing at given max-width, if not provided spacing from component prop will be used instead\n */\n breakpoints?: Breakpoint[];\n /**\n * Number of how many columns the content will be displayed\n */\n cols?: number;\n};\n\nexport const HvSimpleGrid = ({\n children,\n breakpoints,\n spacing = \"sm\",\n cols,\n ...others\n}: HvSimpleGridProps) => {\n return (\n <StyledContainer\n spacing={spacing}\n cols={cols}\n breakpoints={breakpoints}\n {...others}\n >\n {children}\n </StyledContainer>\n );\n};\n"],"names":["HvSimpleGrid","children","breakpoints","spacing","cols","others","StyledContainer"],"mappings":";;;;AAqCO,MAAMA,eAAeA,CAAC;AAAA,EAC3BC;AAAAA,EACAC;AAAAA,EACAC,UAAU;AAAA,EACVC;AAAAA,KACGC;AACc,MAAM;AACvB,wCACGC,
|
|
1
|
+
{"version":3,"file":"SimpleGrid.cjs","sources":["../../../../src/components/SimpleGrid/SimpleGrid.tsx"],"sourcesContent":["import { HvBaseProps } from \"index\";\nimport { StyledContainer } from \"./SimpleGrid.styles\";\n\nexport type Spacing = \"sm\" | \"md\" | \"lg\" | \"xl\";\n\nexport type Breakpoint = {\n cols?: number;\n maxWidth?: number;\n minWidth?: number;\n spacing?: Spacing;\n};\n\nexport type HvSimpleGridProps = HvBaseProps & {\n /**\n * -\n */\n children: JSX.Element | JSX.Element[];\n /**\n * Spacing with pre-defined values according the values defined in the theme\n */\n spacing?: Spacing;\n /**\n * Provide an array to define responsive behavior:\n *\n * maxWidth or minWidth: max-width or min-width at which media query will work\n *\n * cols: number of columns per row at given max-width\n *\n * spacing: optional spacing at given max-width, if not provided spacing from component prop will be used instead\n */\n breakpoints?: Breakpoint[];\n /**\n * Number of how many columns the content will be displayed\n */\n cols?: number;\n};\n\nexport const HvSimpleGrid = ({\n children,\n breakpoints,\n spacing = \"sm\",\n cols,\n ...others\n}: HvSimpleGridProps) => {\n return (\n <StyledContainer\n spacing={spacing}\n cols={cols}\n breakpoints={breakpoints}\n {...others}\n >\n {children}\n </StyledContainer>\n );\n};\n"],"names":["HvSimpleGrid","children","breakpoints","spacing","cols","others","StyledContainer"],"mappings":";;;;AAqCO,MAAMA,eAAeA,CAAC;AAAA,EAC3BC;AAAAA,EACAC;AAAAA,EACAC,UAAU;AAAA,EACVC;AAAAA,KACGC;AACc,MAAM;AACvB,wCACGC,mCACC,EAAA,SACA,MACA,aACID,GAAAA,QAEHJ,SACH,CAAA;AAEJ;;"}
|
|
@@ -1,32 +1,20 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
+
const jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
3
4
|
const Slide = require("@mui/material/Slide");
|
|
4
5
|
const Snackbar_styles = require("./Snackbar.styles.cjs");
|
|
5
6
|
const snackbarClasses = require("./snackbarClasses.cjs");
|
|
6
7
|
const lodash = require("lodash");
|
|
7
8
|
const clsx = require("clsx");
|
|
8
|
-
const jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
9
9
|
const SnackbarContentWrapper = require("./SnackbarContentWrapper/SnackbarContentWrapper.cjs");
|
|
10
10
|
const setId = require("../../utils/setId.cjs");
|
|
11
11
|
const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
|
|
12
12
|
const Slide__default = /* @__PURE__ */ _interopDefault(Slide);
|
|
13
13
|
const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
|
|
14
|
-
const transLeft = (props) => /* @__PURE__ */ jsxRuntime.jsx(Slide__default.default, {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
});
|
|
18
|
-
const transRight = (props) => /* @__PURE__ */ jsxRuntime.jsx(Slide__default.default, {
|
|
19
|
-
...props,
|
|
20
|
-
direction: "right"
|
|
21
|
-
});
|
|
22
|
-
const transUp = (props) => /* @__PURE__ */ jsxRuntime.jsx(Slide__default.default, {
|
|
23
|
-
...props,
|
|
24
|
-
direction: "up"
|
|
25
|
-
});
|
|
26
|
-
const transDown = (props) => /* @__PURE__ */ jsxRuntime.jsx(Slide__default.default, {
|
|
27
|
-
...props,
|
|
28
|
-
direction: "down"
|
|
29
|
-
});
|
|
14
|
+
const transLeft = (props) => /* @__PURE__ */ jsxRuntime.jsx(Slide__default.default, { ...props, direction: "left" });
|
|
15
|
+
const transRight = (props) => /* @__PURE__ */ jsxRuntime.jsx(Slide__default.default, { ...props, direction: "right" });
|
|
16
|
+
const transUp = (props) => /* @__PURE__ */ jsxRuntime.jsx(Slide__default.default, { ...props, direction: "up" });
|
|
17
|
+
const transDown = (props) => /* @__PURE__ */ jsxRuntime.jsx(Slide__default.default, { ...props, direction: "down" });
|
|
30
18
|
const snackBarDirComponent = (direction) => {
|
|
31
19
|
switch (direction) {
|
|
32
20
|
default:
|
|
@@ -71,37 +59,15 @@ const HvSnackbar = ({
|
|
|
71
59
|
bottom: `${offset}px`
|
|
72
60
|
}
|
|
73
61
|
};
|
|
74
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Snackbar_styles.StyledSnackbar, {
|
|
75
|
-
|
|
76
|
-
classes:
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
anchorOriginTopRight: clsx__default.default(classes == null ? void 0 : classes.anchorOriginTopRight, snackbarClasses.snackbarClasses.anchorOriginTopRight)
|
|
84
|
-
},
|
|
85
|
-
className,
|
|
86
|
-
id,
|
|
87
|
-
anchorOrigin,
|
|
88
|
-
open,
|
|
89
|
-
onClose,
|
|
90
|
-
autoHideDuration,
|
|
91
|
-
transitionDuration,
|
|
92
|
-
TransitionComponent: snackBarDirComponent(transitionDirection),
|
|
93
|
-
...others,
|
|
94
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(SnackbarContentWrapper.default, {
|
|
95
|
-
id: setId.setId(id, "content"),
|
|
96
|
-
label,
|
|
97
|
-
variant,
|
|
98
|
-
customIcon,
|
|
99
|
-
showIcon,
|
|
100
|
-
action,
|
|
101
|
-
actionCallback,
|
|
102
|
-
...snackbarContentProps
|
|
103
|
-
})
|
|
104
|
-
});
|
|
62
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Snackbar_styles.StyledSnackbar, { style: anchorOriginOffset[`anchorOrigin${lodash.capitalize(anchorOrigin.vertical)}`], classes: {
|
|
63
|
+
root: clsx__default.default(classes == null ? void 0 : classes.root, snackbarClasses.snackbarClasses.root),
|
|
64
|
+
anchorOriginBottomCenter: clsx__default.default(classes == null ? void 0 : classes.anchorOriginBottomCenter, snackbarClasses.snackbarClasses.anchorOriginBottomCenter),
|
|
65
|
+
anchorOriginBottomLeft: clsx__default.default(classes == null ? void 0 : classes.anchorOriginBottomLeft, snackbarClasses.snackbarClasses.anchorOriginBottomLeft),
|
|
66
|
+
anchorOriginBottomRight: clsx__default.default(classes == null ? void 0 : classes.anchorOriginBottomRight, snackbarClasses.snackbarClasses.anchorOriginBottomRight),
|
|
67
|
+
anchorOriginTopCenter: clsx__default.default(classes == null ? void 0 : classes.anchorOriginTopCenter, snackbarClasses.snackbarClasses.anchorOriginTopCenter),
|
|
68
|
+
anchorOriginTopLeft: clsx__default.default(classes == null ? void 0 : classes.anchorOriginTopLeft, snackbarClasses.snackbarClasses.anchorOriginTopLeft),
|
|
69
|
+
anchorOriginTopRight: clsx__default.default(classes == null ? void 0 : classes.anchorOriginTopRight, snackbarClasses.snackbarClasses.anchorOriginTopRight)
|
|
70
|
+
}, className, id, anchorOrigin, open, onClose, autoHideDuration, transitionDuration, TransitionComponent: snackBarDirComponent(transitionDirection), ...others, children: /* @__PURE__ */ jsxRuntime.jsx(SnackbarContentWrapper.default, { id: setId.setId(id, "content"), label, variant, customIcon, showIcon, action, actionCallback, ...snackbarContentProps }) });
|
|
105
71
|
};
|
|
106
72
|
exports.HvSnackbar = HvSnackbar;
|
|
107
73
|
//# sourceMappingURL=Snackbar.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Snackbar.cjs","sources":["../../../../src/components/Snackbar/Snackbar.tsx"],"sourcesContent":["import Slide from \"@mui/material/Slide\";\nimport {\n SnackbarCloseReason,\n SnackbarOrigin,\n SnackbarProps as MuiSnackbarProps,\n} from \"@mui/material/Snackbar\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledSnackbar } from \"./Snackbar.styles\";\nimport { HvSnackbarClasses, snackbarClasses } from \"./snackbarClasses\";\nimport { capitalize } from \"lodash\";\nimport { SyntheticEvent } from \"react\";\nimport HvSnackBarContentWrapper from \"./SnackbarContentWrapper\";\nimport { setId } from \"utils\";\nimport { HvActionGeneric } from \"components\";\nimport { HvSnackbarContentWrapperProps } from \"./SnackbarContentWrapper/SnackbarContentWrapper\";\nimport clsx from \"clsx\";\n\nexport type HvSnackbarVariant = \"default\" | \"success\" | \"warning\" | \"error\";\n\nexport type HvSnackbarProps = Omit<MuiSnackbarProps, \"action\" | \"classes\"> &\n HvBaseProps & {\n /** If true, Snackbar is open. */\n open?: boolean;\n /** Callback fired when the component requests to be closed. Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop. The reason parameter can optionally be used to control the response to onClose, for example ignoring clickaway. */\n onClose?:\n | ((\n event: Event | SyntheticEvent<any, Event>,\n reason: SnackbarCloseReason\n ) => void)\n | undefined;\n /** The message to display. */\n label?: React.ReactNode;\n /** The anchor of the Snackbar. vertical: \"top\", \"bottom\" | horizontal: \"left\",\"center\",\"right. It defines where the snackbar will end his animation */\n anchorOrigin?: SnackbarOrigin;\n /** The number of milliseconds to wait before automatically calling the onClose function. onClose should then set the state of the open prop to hide the Snackbar */\n autoHideDuration?: number;\n /** Variant of the snackbar. */\n variant?: HvSnackbarVariant;\n /** Custom icon to replace the variant default. */\n customIcon?: React.ReactNode;\n /** Controls if the associated icon to the variant should be shown. */\n showIcon?: boolean;\n /** Action to display. */\n action?: React.ReactNode | HvActionGeneric;\n /** The callback function ran when an action is triggered, receiving `action` as param */\n actionCallback?: (\n event: React.SyntheticEvent,\n id: string,\n action: HvActionGeneric\n ) => void;\n /** Duration of transition in milliseconds. */\n transitionDuration?: number;\n /** Direction of slide transition. */\n transitionDirection?: \"up\" | \"down\" | \"left\" | \"right\";\n /** Custom offset from top/bottom of the page, in px. */\n offset?: number;\n /** Others applied to the content of the snackbar. */\n snackbarContentProps?: HvSnackbarContentWrapperProps;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvSnackbarClasses;\n };\n\nconst transLeft = (props) => <Slide {...props} direction=\"left\" />;\nconst transRight = (props) => <Slide {...props} direction=\"right\" />;\nconst transUp = (props) => <Slide {...props} direction=\"up\" />;\nconst transDown = (props) => <Slide {...props} direction=\"down\" />;\n\nconst snackBarDirComponent = (direction) => {\n switch (direction) {\n default:\n case \"left\":\n return transLeft;\n case \"right\":\n return transRight;\n case \"up\":\n return transUp;\n case \"down\":\n return transDown;\n }\n};\n\n/**\n * A Snackbar provides brief messages about app processes.\n * It is dismissed automatically after a given interval.\n *\n * Snackbar can be built with two different components.\n * One is the HvSnackbar, which wraps all the positioning, transition, auto hide, etc.\n * The other is the HvSnackbarContent, which allows a finer control and customization of the content of the Snackbar.\n */\nexport const HvSnackbar = ({\n classes,\n className,\n id,\n open = false,\n onClose,\n label = \"\",\n anchorOrigin = { vertical: \"top\", horizontal: \"right\" },\n autoHideDuration = 5000,\n variant = \"default\",\n showIcon = false,\n customIcon = null,\n action = null,\n actionCallback,\n transitionDuration = 300,\n transitionDirection = \"left\",\n offset = 60,\n snackbarContentProps,\n ...others\n}: HvSnackbarProps) => {\n const anchorOriginOffset = {\n anchorOriginTop: {\n top: `${offset}px`,\n },\n anchorOriginBottom: {\n bottom: `${offset}px`,\n },\n };\n\n return (\n <StyledSnackbar\n style={\n anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin.vertical)}`]\n }\n classes={{\n root: clsx(classes?.root, snackbarClasses.root),\n anchorOriginBottomCenter: clsx(\n classes?.anchorOriginBottomCenter,\n snackbarClasses.anchorOriginBottomCenter\n ),\n anchorOriginBottomLeft: clsx(\n classes?.anchorOriginBottomLeft,\n snackbarClasses.anchorOriginBottomLeft\n ),\n anchorOriginBottomRight: clsx(\n classes?.anchorOriginBottomRight,\n snackbarClasses.anchorOriginBottomRight\n ),\n anchorOriginTopCenter: clsx(\n classes?.anchorOriginTopCenter,\n snackbarClasses.anchorOriginTopCenter\n ),\n anchorOriginTopLeft: clsx(\n classes?.anchorOriginTopLeft,\n snackbarClasses.anchorOriginTopLeft\n ),\n anchorOriginTopRight: clsx(\n classes?.anchorOriginTopRight,\n snackbarClasses.anchorOriginTopRight\n ),\n }}\n className={className}\n id={id}\n anchorOrigin={anchorOrigin}\n open={open}\n onClose={onClose}\n autoHideDuration={autoHideDuration}\n transitionDuration={transitionDuration}\n TransitionComponent={snackBarDirComponent(transitionDirection)}\n {...others}\n >\n <HvSnackBarContentWrapper\n id={setId(id, \"content\")}\n label={label}\n variant={variant}\n customIcon={customIcon}\n showIcon={showIcon}\n action={action}\n actionCallback={actionCallback}\n {...snackbarContentProps}\n />\n </StyledSnackbar>\n );\n};\n"],"names":["transLeft","props","
|
|
1
|
+
{"version":3,"file":"Snackbar.cjs","sources":["../../../../src/components/Snackbar/Snackbar.tsx"],"sourcesContent":["import Slide from \"@mui/material/Slide\";\nimport {\n SnackbarCloseReason,\n SnackbarOrigin,\n SnackbarProps as MuiSnackbarProps,\n} from \"@mui/material/Snackbar\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledSnackbar } from \"./Snackbar.styles\";\nimport { HvSnackbarClasses, snackbarClasses } from \"./snackbarClasses\";\nimport { capitalize } from \"lodash\";\nimport { SyntheticEvent } from \"react\";\nimport HvSnackBarContentWrapper from \"./SnackbarContentWrapper\";\nimport { setId } from \"utils\";\nimport { HvActionGeneric } from \"components\";\nimport { HvSnackbarContentWrapperProps } from \"./SnackbarContentWrapper/SnackbarContentWrapper\";\nimport clsx from \"clsx\";\n\nexport type HvSnackbarVariant = \"default\" | \"success\" | \"warning\" | \"error\";\n\nexport type HvSnackbarProps = Omit<MuiSnackbarProps, \"action\" | \"classes\"> &\n HvBaseProps & {\n /** If true, Snackbar is open. */\n open?: boolean;\n /** Callback fired when the component requests to be closed. Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop. The reason parameter can optionally be used to control the response to onClose, for example ignoring clickaway. */\n onClose?:\n | ((\n event: Event | SyntheticEvent<any, Event>,\n reason: SnackbarCloseReason\n ) => void)\n | undefined;\n /** The message to display. */\n label?: React.ReactNode;\n /** The anchor of the Snackbar. vertical: \"top\", \"bottom\" | horizontal: \"left\",\"center\",\"right. It defines where the snackbar will end his animation */\n anchorOrigin?: SnackbarOrigin;\n /** The number of milliseconds to wait before automatically calling the onClose function. onClose should then set the state of the open prop to hide the Snackbar */\n autoHideDuration?: number;\n /** Variant of the snackbar. */\n variant?: HvSnackbarVariant;\n /** Custom icon to replace the variant default. */\n customIcon?: React.ReactNode;\n /** Controls if the associated icon to the variant should be shown. */\n showIcon?: boolean;\n /** Action to display. */\n action?: React.ReactNode | HvActionGeneric;\n /** The callback function ran when an action is triggered, receiving `action` as param */\n actionCallback?: (\n event: React.SyntheticEvent,\n id: string,\n action: HvActionGeneric\n ) => void;\n /** Duration of transition in milliseconds. */\n transitionDuration?: number;\n /** Direction of slide transition. */\n transitionDirection?: \"up\" | \"down\" | \"left\" | \"right\";\n /** Custom offset from top/bottom of the page, in px. */\n offset?: number;\n /** Others applied to the content of the snackbar. */\n snackbarContentProps?: HvSnackbarContentWrapperProps;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvSnackbarClasses;\n };\n\nconst transLeft = (props) => <Slide {...props} direction=\"left\" />;\nconst transRight = (props) => <Slide {...props} direction=\"right\" />;\nconst transUp = (props) => <Slide {...props} direction=\"up\" />;\nconst transDown = (props) => <Slide {...props} direction=\"down\" />;\n\nconst snackBarDirComponent = (direction) => {\n switch (direction) {\n default:\n case \"left\":\n return transLeft;\n case \"right\":\n return transRight;\n case \"up\":\n return transUp;\n case \"down\":\n return transDown;\n }\n};\n\n/**\n * A Snackbar provides brief messages about app processes.\n * It is dismissed automatically after a given interval.\n *\n * Snackbar can be built with two different components.\n * One is the HvSnackbar, which wraps all the positioning, transition, auto hide, etc.\n * The other is the HvSnackbarContent, which allows a finer control and customization of the content of the Snackbar.\n */\nexport const HvSnackbar = ({\n classes,\n className,\n id,\n open = false,\n onClose,\n label = \"\",\n anchorOrigin = { vertical: \"top\", horizontal: \"right\" },\n autoHideDuration = 5000,\n variant = \"default\",\n showIcon = false,\n customIcon = null,\n action = null,\n actionCallback,\n transitionDuration = 300,\n transitionDirection = \"left\",\n offset = 60,\n snackbarContentProps,\n ...others\n}: HvSnackbarProps) => {\n const anchorOriginOffset = {\n anchorOriginTop: {\n top: `${offset}px`,\n },\n anchorOriginBottom: {\n bottom: `${offset}px`,\n },\n };\n\n return (\n <StyledSnackbar\n style={\n anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin.vertical)}`]\n }\n classes={{\n root: clsx(classes?.root, snackbarClasses.root),\n anchorOriginBottomCenter: clsx(\n classes?.anchorOriginBottomCenter,\n snackbarClasses.anchorOriginBottomCenter\n ),\n anchorOriginBottomLeft: clsx(\n classes?.anchorOriginBottomLeft,\n snackbarClasses.anchorOriginBottomLeft\n ),\n anchorOriginBottomRight: clsx(\n classes?.anchorOriginBottomRight,\n snackbarClasses.anchorOriginBottomRight\n ),\n anchorOriginTopCenter: clsx(\n classes?.anchorOriginTopCenter,\n snackbarClasses.anchorOriginTopCenter\n ),\n anchorOriginTopLeft: clsx(\n classes?.anchorOriginTopLeft,\n snackbarClasses.anchorOriginTopLeft\n ),\n anchorOriginTopRight: clsx(\n classes?.anchorOriginTopRight,\n snackbarClasses.anchorOriginTopRight\n ),\n }}\n className={className}\n id={id}\n anchorOrigin={anchorOrigin}\n open={open}\n onClose={onClose}\n autoHideDuration={autoHideDuration}\n transitionDuration={transitionDuration}\n TransitionComponent={snackBarDirComponent(transitionDirection)}\n {...others}\n >\n <HvSnackBarContentWrapper\n id={setId(id, \"content\")}\n label={label}\n variant={variant}\n customIcon={customIcon}\n showIcon={showIcon}\n action={action}\n actionCallback={actionCallback}\n {...snackbarContentProps}\n />\n </StyledSnackbar>\n );\n};\n"],"names":["transLeft","props","jsx","Slide","transRight","transUp","transDown","snackBarDirComponent","direction","HvSnackbar","classes","className","id","open","onClose","label","anchorOrigin","vertical","horizontal","autoHideDuration","variant","showIcon","customIcon","action","actionCallback","transitionDuration","transitionDirection","offset","snackbarContentProps","others","anchorOriginOffset","anchorOriginTop","top","anchorOriginBottom","bottom","StyledSnackbar","capitalize","root","clsx","snackbarClasses","anchorOriginBottomCenter","anchorOriginBottomLeft","anchorOriginBottomRight","anchorOriginTopCenter","anchorOriginTopLeft","anchorOriginTopRight","HvSnackBarContentWrapper","setId"],"mappings":";;;;;;;;;;;;;AA8DA,MAAMA,YAAaC,CAAU,UAAAC,2BAAAA,IAACC,0BAAUF,GAAAA,OAAO,WAAU,OAAS,CAAA;AAClE,MAAMG,aAAcH,CAAU,UAAAC,2BAAAA,IAACC,0BAAUF,GAAAA,OAAO,WAAU,QAAU,CAAA;AACpE,MAAMI,UAAWJ,CAAU,UAAAC,2BAAAA,IAACC,0BAAUF,GAAAA,OAAO,WAAU,KAAO,CAAA;AAC9D,MAAMK,YAAaL,CAAU,UAAAC,2BAAAA,IAACC,0BAAUF,GAAAA,OAAO,WAAU,OAAS,CAAA;AAElE,MAAMM,uBAAwBC,CAAc,cAAA;AAC1C,UAAQA,WAAS;AAAA,IACf;AAAA,IACA,KAAK;AACIR,aAAAA;AAAAA,IACT,KAAK;AACII,aAAAA;AAAAA,IACT,KAAK;AACIC,aAAAA;AAAAA,IACT,KAAK;AACIC,aAAAA;AAAAA,EAAU;AAEvB;AAUO,MAAMG,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,OAAO;AAAA,EACPC;AAAAA,EACAC,QAAQ;AAAA,EACRC,eAAe;AAAA,IAAEC,UAAU;AAAA,IAAOC,YAAY;AAAA,EAAQ;AAAA,EACtDC,mBAAmB;AAAA,EACnBC,UAAU;AAAA,EACVC,WAAW;AAAA,EACXC,aAAa;AAAA,EACbC,SAAS;AAAA,EACTC;AAAAA,EACAC,qBAAqB;AAAA,EACrBC,sBAAsB;AAAA,EACtBC,SAAS;AAAA,EACTC;AAAAA,KACGC;AACY,MAAM;AACrB,QAAMC,qBAAqB;AAAA,IACzBC,iBAAiB;AAAA,MACfC,KAAM,GAAEL;AAAAA,IACV;AAAA,IACAM,oBAAoB;AAAA,MAClBC,QAAS,GAAEP;AAAAA,IACb;AAAA,EAAA;AAIA,SAAAzB,2BAAA,IAACiC,kCACC,OACEL,mBAAoB,eAAcM,OAAWpB,WAAAA,aAAaC,QAAQ,MAEpE,SAAS;AAAA,IACPoB,MAAMC,cAAAA,QAAK5B,mCAAS2B,MAAME,gBAAAA,gBAAgBF,IAAI;AAAA,IAC9CG,0BAA0BF,cAAAA,QACxB5B,mCAAS8B,0BACTD,gBAAAA,gBAAgBC,wBAAwB;AAAA,IAE1CC,wBAAwBH,cAAAA,QACtB5B,mCAAS+B,wBACTF,gBAAAA,gBAAgBE,sBAAsB;AAAA,IAExCC,yBAAyBJ,cAAAA,QACvB5B,mCAASgC,yBACTH,gBAAAA,gBAAgBG,uBAAuB;AAAA,IAEzCC,uBAAuBL,cAAAA,QACrB5B,mCAASiC,uBACTJ,gBAAAA,gBAAgBI,qBAAqB;AAAA,IAEvCC,qBAAqBN,cAAAA,QACnB5B,mCAASkC,qBACTL,gBAAAA,gBAAgBK,mBAAmB;AAAA,IAErCC,sBAAsBP,cAAAA,QACpB5B,mCAASmC,sBACTN,gBAAAA,gBAAgBM,oBAAoB;AAAA,EAGxC,GAAA,WACA,IACA,cACA,MACA,SACA,kBACA,oBACA,qBAAqBtC,qBAAqBmB,mBAAmB,GACzDG,GAAAA,QAEJ,UAAC3B,2BAAA,IAAA4C,uBAAA,SAAA,EACC,IAAIC,MAAAA,MAAMnC,IAAI,SAAS,GACvB,OACA,SACA,YACA,UACA,QACA,gBACIgB,GAAAA,qBAAqB,CAAA,EAE7B,CAAA;AAEJ;;"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
+
const jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
3
4
|
const clsx = require("clsx");
|
|
4
5
|
const React = require("react");
|
|
5
6
|
const SnackbarContentWrapper_styles = require("./SnackbarContentWrapper.styles.cjs");
|
|
6
|
-
const jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
7
7
|
const iconVariant = require("../../../utils/iconVariant.cjs");
|
|
8
8
|
const snackbarContentWrapperClasses = require("./snackbarContentWrapperClasses.cjs");
|
|
9
9
|
const setId = require("../../../utils/setId.cjs");
|
|
@@ -24,37 +24,14 @@ const HvSnackbarContentWrapper = React.forwardRef(({
|
|
|
24
24
|
}, ref) => {
|
|
25
25
|
const icon = customIcon || showIcon && iconVariant.default(variant, "base2", void 0);
|
|
26
26
|
const innerAction = React.isValidElement(action) ? action : [action];
|
|
27
|
-
return /* @__PURE__ */ jsxRuntime.jsx(SnackbarContentWrapper_styles.StyledSnackbarContent, {
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
message: /* @__PURE__ */ jsxRuntime.jsxs(SnackbarContentWrapper_styles.StyledMessageSpan, {
|
|
36
|
-
id: setId.setId(id, "message"),
|
|
37
|
-
className: clsx__default.default(snackbarContentWrapperClasses.default.messageSpan, classes == null ? void 0 : classes.messageSpan),
|
|
38
|
-
children: [icon && /* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
39
|
-
className: clsx__default.default(snackbarContentWrapperClasses.default.iconVariant, classes == null ? void 0 : classes.iconVariant),
|
|
40
|
-
children: icon
|
|
41
|
-
}), /* @__PURE__ */ jsxRuntime.jsx(SnackbarContentWrapper_styles.StyledMessageText, {
|
|
42
|
-
className: clsx__default.default(snackbarContentWrapperClasses.default.messageText, classes == null ? void 0 : classes.messageText),
|
|
43
|
-
children: label
|
|
44
|
-
}), action && /* @__PURE__ */ jsxRuntime.jsx(SnackbarContentWrapper_styles.StyledAction, {
|
|
45
|
-
id: setId.setId(id, "action"),
|
|
46
|
-
className: clsx__default.default(snackbarContentWrapperClasses.default.action, classes == null ? void 0 : classes.action),
|
|
47
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(ActionsGeneric.HvActionsGeneric, {
|
|
48
|
-
id,
|
|
49
|
-
category: "secondaryGhost",
|
|
50
|
-
actions: innerAction,
|
|
51
|
-
actionsCallback: actionCallback
|
|
52
|
-
})
|
|
53
|
-
})]
|
|
54
|
-
}),
|
|
55
|
-
$variant: variant,
|
|
56
|
-
...others
|
|
57
|
-
});
|
|
27
|
+
return /* @__PURE__ */ jsxRuntime.jsx(SnackbarContentWrapper_styles.StyledSnackbarContent, { ref, id, classes: {
|
|
28
|
+
root: clsx__default.default(snackbarContentWrapperClasses.default.root, classes == null ? void 0 : classes.root),
|
|
29
|
+
message: clsx__default.default(snackbarContentWrapperClasses.default.message, classes == null ? void 0 : classes.message)
|
|
30
|
+
}, className: clsx__default.default(className, classes == null ? void 0 : classes[variant], snackbarContentWrapperClasses.default[variant]), message: /* @__PURE__ */ jsxRuntime.jsxs(SnackbarContentWrapper_styles.StyledMessageSpan, { id: setId.setId(id, "message"), className: clsx__default.default(snackbarContentWrapperClasses.default.messageSpan, classes == null ? void 0 : classes.messageSpan), children: [
|
|
31
|
+
icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx__default.default(snackbarContentWrapperClasses.default.iconVariant, classes == null ? void 0 : classes.iconVariant), children: icon }),
|
|
32
|
+
/* @__PURE__ */ jsxRuntime.jsx(SnackbarContentWrapper_styles.StyledMessageText, { className: clsx__default.default(snackbarContentWrapperClasses.default.messageText, classes == null ? void 0 : classes.messageText), children: label }),
|
|
33
|
+
action && /* @__PURE__ */ jsxRuntime.jsx(SnackbarContentWrapper_styles.StyledAction, { id: setId.setId(id, "action"), className: clsx__default.default(snackbarContentWrapperClasses.default.action, classes == null ? void 0 : classes.action), children: /* @__PURE__ */ jsxRuntime.jsx(ActionsGeneric.HvActionsGeneric, { id, category: "secondaryGhost", actions: innerAction, actionsCallback: actionCallback }) })
|
|
34
|
+
] }), $variant: variant, ...others });
|
|
58
35
|
});
|
|
59
36
|
const HvSnackBarContentWrapper = HvSnackbarContentWrapper;
|
|
60
37
|
exports.default = HvSnackBarContentWrapper;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SnackbarContentWrapper.cjs","sources":["../../../../../src/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { SnackbarContentProps as MuiSnackbarContentProps } from \"@mui/material/SnackbarContent\";\nimport { iconVariant, setId } from \"utils\";\nimport { forwardRef, isValidElement } from \"react\";\nimport { HvBaseProps } from \"../../../types\";\nimport { HvSnackbarVariant } from \"../Snackbar\";\nimport {\n StyledMessageSpan,\n StyledSnackbarContent,\n StyledMessageText,\n StyledAction,\n} from \"./SnackbarContentWrapper.styles\";\nimport {\n snackbarContentWrapperClasses,\n HvSnackbarContentWrapperClasses,\n} from \".\";\nimport { HvActionsGeneric, HvActionGeneric } from \"components\";\n\nexport type HvSnackbarContentWrapperProps = Omit<\n MuiSnackbarContentProps,\n \"variant\" | \"action\" | \"classes\"\n> &\n HvBaseProps & {\n /** The message to display. */\n label?: React.ReactNode;\n /** Variant of the snackbar. */\n variant: HvSnackbarVariant;\n /** Controls if the associated icon to the variant should be shown. */\n showIcon?: boolean;\n /** Custom icon to replace the variant default. */\n customIcon?: React.ReactNode;\n /** Action to display. */\n action?: React.ReactNode | HvActionGeneric;\n /** The callback function ran when an action is triggered, receiving `action` as param */\n actionCallback?: (\n event: React.SyntheticEvent,\n id: string,\n action: HvActionGeneric\n ) => void;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvSnackbarContentWrapperClasses;\n };\n\nconst HvSnackbarContentWrapper = forwardRef<\n HTMLDivElement,\n HvSnackbarContentWrapperProps\n>(\n (\n {\n className,\n id,\n classes,\n label,\n variant,\n showIcon,\n customIcon,\n action,\n actionCallback,\n ...others\n },\n ref\n ) => {\n const icon =\n customIcon || (showIcon && iconVariant(variant, \"base2\", undefined));\n const innerAction: any = isValidElement(action) ? action : [action];\n\n return (\n <StyledSnackbarContent\n ref={ref}\n id={id}\n classes={{\n root: clsx(snackbarContentWrapperClasses.root, classes?.root),\n message: clsx(\n snackbarContentWrapperClasses.message,\n classes?.message\n ),\n }}\n className={clsx(\n className,\n classes?.[variant],\n snackbarContentWrapperClasses[variant]\n )}\n message={\n <StyledMessageSpan\n id={setId(id, \"message\")}\n className={clsx(\n snackbarContentWrapperClasses.messageSpan,\n classes?.messageSpan\n )}\n >\n {icon && (\n <div\n className={clsx(\n snackbarContentWrapperClasses.iconVariant,\n classes?.iconVariant\n )}\n >\n {icon}\n </div>\n )}\n <StyledMessageText\n className={clsx(\n snackbarContentWrapperClasses.messageText,\n classes?.messageText\n )}\n >\n {label}\n </StyledMessageText>\n {action && (\n <StyledAction\n id={setId(id, \"action\")}\n className={clsx(\n snackbarContentWrapperClasses.action,\n classes?.action\n )}\n >\n <HvActionsGeneric\n id={id}\n category=\"secondaryGhost\"\n actions={innerAction}\n actionsCallback={actionCallback}\n />\n </StyledAction>\n )}\n </StyledMessageSpan>\n }\n $variant={variant}\n {...others}\n />\n );\n }\n);\n\nexport default HvSnackbarContentWrapper;\n"],"names":["HvSnackbarContentWrapper","forwardRef","className","id","classes","label","variant","showIcon","customIcon","action","actionCallback","others","ref","icon","iconVariant","undefined","innerAction","isValidElement","StyledSnackbarContent","root","clsx","snackbarContentWrapperClasses","message","StyledMessageSpan","setId","messageSpan","
|
|
1
|
+
{"version":3,"file":"SnackbarContentWrapper.cjs","sources":["../../../../../src/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { SnackbarContentProps as MuiSnackbarContentProps } from \"@mui/material/SnackbarContent\";\nimport { iconVariant, setId } from \"utils\";\nimport { forwardRef, isValidElement } from \"react\";\nimport { HvBaseProps } from \"../../../types\";\nimport { HvSnackbarVariant } from \"../Snackbar\";\nimport {\n StyledMessageSpan,\n StyledSnackbarContent,\n StyledMessageText,\n StyledAction,\n} from \"./SnackbarContentWrapper.styles\";\nimport {\n snackbarContentWrapperClasses,\n HvSnackbarContentWrapperClasses,\n} from \".\";\nimport { HvActionsGeneric, HvActionGeneric } from \"components\";\n\nexport type HvSnackbarContentWrapperProps = Omit<\n MuiSnackbarContentProps,\n \"variant\" | \"action\" | \"classes\"\n> &\n HvBaseProps & {\n /** The message to display. */\n label?: React.ReactNode;\n /** Variant of the snackbar. */\n variant: HvSnackbarVariant;\n /** Controls if the associated icon to the variant should be shown. */\n showIcon?: boolean;\n /** Custom icon to replace the variant default. */\n customIcon?: React.ReactNode;\n /** Action to display. */\n action?: React.ReactNode | HvActionGeneric;\n /** The callback function ran when an action is triggered, receiving `action` as param */\n actionCallback?: (\n event: React.SyntheticEvent,\n id: string,\n action: HvActionGeneric\n ) => void;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvSnackbarContentWrapperClasses;\n };\n\nconst HvSnackbarContentWrapper = forwardRef<\n HTMLDivElement,\n HvSnackbarContentWrapperProps\n>(\n (\n {\n className,\n id,\n classes,\n label,\n variant,\n showIcon,\n customIcon,\n action,\n actionCallback,\n ...others\n },\n ref\n ) => {\n const icon =\n customIcon || (showIcon && iconVariant(variant, \"base2\", undefined));\n const innerAction: any = isValidElement(action) ? action : [action];\n\n return (\n <StyledSnackbarContent\n ref={ref}\n id={id}\n classes={{\n root: clsx(snackbarContentWrapperClasses.root, classes?.root),\n message: clsx(\n snackbarContentWrapperClasses.message,\n classes?.message\n ),\n }}\n className={clsx(\n className,\n classes?.[variant],\n snackbarContentWrapperClasses[variant]\n )}\n message={\n <StyledMessageSpan\n id={setId(id, \"message\")}\n className={clsx(\n snackbarContentWrapperClasses.messageSpan,\n classes?.messageSpan\n )}\n >\n {icon && (\n <div\n className={clsx(\n snackbarContentWrapperClasses.iconVariant,\n classes?.iconVariant\n )}\n >\n {icon}\n </div>\n )}\n <StyledMessageText\n className={clsx(\n snackbarContentWrapperClasses.messageText,\n classes?.messageText\n )}\n >\n {label}\n </StyledMessageText>\n {action && (\n <StyledAction\n id={setId(id, \"action\")}\n className={clsx(\n snackbarContentWrapperClasses.action,\n classes?.action\n )}\n >\n <HvActionsGeneric\n id={id}\n category=\"secondaryGhost\"\n actions={innerAction}\n actionsCallback={actionCallback}\n />\n </StyledAction>\n )}\n </StyledMessageSpan>\n }\n $variant={variant}\n {...others}\n />\n );\n }\n);\n\nexport default HvSnackbarContentWrapper;\n"],"names":["HvSnackbarContentWrapper","forwardRef","className","id","classes","label","variant","showIcon","customIcon","action","actionCallback","others","ref","icon","iconVariant","undefined","innerAction","isValidElement","jsx","StyledSnackbarContent","root","clsx","snackbarContentWrapperClasses","message","jsxs","StyledMessageSpan","setId","messageSpan","StyledMessageText","messageText","StyledAction","HvActionsGeneric"],"mappings":";;;;;;;;;;;;AA2CA,MAAMA,2BAA2BC,iBAI/B,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,KACGC;AACL,GACAC,QACG;AACH,QAAMC,OACJL,cAAeD,YAAYO,YAAAA,QAAYR,SAAS,SAASS,MAAS;AACpE,QAAMC,cAAmBC,MAAAA,eAAeR,MAAM,IAAIA,SAAS,CAACA,MAAM;AAElE,SACGS,2BAAA,IAAAC,8BAAA,uBAAA,EACC,KACA,IACA,SAAS;AAAA,IACPC,MAAMC,cAAAA,QAAKC,8BAAAA,QAA8BF,MAAMhB,mCAASgB,IAAI;AAAA,IAC5DG,SAASF,cAAAA,QACPC,8BAAAA,QAA8BC,SAC9BnB,mCAASmB,OAAO;AAAA,EAEpB,GACA,WAAWF,cAAAA,QACTnB,WACAE,mCAAUE,UACVgB,8BAAAA,QAA8BhB,QAAQ,GAExC,SACEkB,2BAAA,KAACC,mDACC,IAAIC,YAAMvB,IAAI,SAAS,GACvB,WAAWkB,cAAAA,QACTC,8BAA8BK,QAAAA,aAC9BvB,mCAASuB,WAAW,GAGrBd,UAAAA;AAAAA,IACC,QAAAK,2BAAAA,IAAC,SACC,WAAWG,cAAAA,QACTC,8BAAAA,QAA8BR,aAC9BV,mCAASU,WAAW,GAGrBD,UACH,KAAA,CAAA;AAAA,IAEFK,2BAAAA,IAACU,mDACC,WAAWP,cAAAA,QACTC,sCAA8BO,aAC9BzB,mCAASyB,WAAW,GAGrBxB,UACH,MAAA,CAAA;AAAA,IACCI,UACES,2BAAAA,IAAAY,8BAAAA,cAAA,EACC,IAAIJ,MAAAA,MAAMvB,IAAI,QAAQ,GACtB,WAAWkB,cAAAA,QACTC,8BAA8Bb,QAAAA,QAC9BL,mCAASK,MAAM,GAGjB,UAACS,2BAAA,IAAAa,iCAAA,EACC,IACA,UAAS,kBACT,SAASf,aACT,iBAAiBN,eAAAA,CAAe,EAEpC,CAAA;AAAA,EAAA,EAAA,CAEJ,GAEF,UAAUJ,SACNK,GAAAA,OACJ,CAAA;AAEN,CAAC;AAGH,MAAA,2BAAeX;;"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
+
const jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
3
4
|
const _styled = require("@emotion/styled/base");
|
|
4
5
|
const React = require("react");
|
|
5
6
|
const notistack = require("notistack");
|
|
6
7
|
const clsx = require("clsx");
|
|
7
8
|
const transientOptions = require("../../../utils/transientOptions.cjs");
|
|
8
|
-
const jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
9
9
|
const SnackbarContentWrapper = require("../SnackbarContentWrapper/SnackbarContentWrapper.cjs");
|
|
10
10
|
const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
|
|
11
11
|
const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
|
|
@@ -33,16 +33,7 @@ const HvNotistackSnackMessage = React.forwardRef(({
|
|
|
33
33
|
variant = "success",
|
|
34
34
|
snackbarContentProps
|
|
35
35
|
}, ref) => {
|
|
36
|
-
return /* @__PURE__ */ jsxRuntime.jsx(notistack.SnackbarContent, {
|
|
37
|
-
ref,
|
|
38
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(SnackbarContentWrapper.default, {
|
|
39
|
-
id,
|
|
40
|
-
variant,
|
|
41
|
-
showIcon: true,
|
|
42
|
-
label: message,
|
|
43
|
-
...snackbarContentProps
|
|
44
|
-
})
|
|
45
|
-
});
|
|
36
|
+
return /* @__PURE__ */ jsxRuntime.jsx(notistack.SnackbarContent, { ref, children: /* @__PURE__ */ jsxRuntime.jsx(SnackbarContentWrapper.default, { id, variant, showIcon: true, label: message, ...snackbarContentProps }) });
|
|
46
37
|
});
|
|
47
38
|
const StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? _extends({}, {
|
|
48
39
|
target: "e1959n0j1"
|
|
@@ -88,12 +79,7 @@ const useHvSnackbar = () => {
|
|
|
88
79
|
className,
|
|
89
80
|
...otherOptions
|
|
90
81
|
} = options;
|
|
91
|
-
return enqueueNotistackSnackbar(/* @__PURE__ */ jsxRuntime.jsx(HvNotistackSnackMessage, {
|
|
92
|
-
id,
|
|
93
|
-
message,
|
|
94
|
-
variant,
|
|
95
|
-
snackbarContentProps
|
|
96
|
-
}), {
|
|
82
|
+
return enqueueNotistackSnackbar(/* @__PURE__ */ jsxRuntime.jsx(HvNotistackSnackMessage, { id, message, variant, snackbarContentProps }), {
|
|
97
83
|
...otherOptions,
|
|
98
84
|
className: clsx__default.default(className)
|
|
99
85
|
});
|
|
@@ -114,16 +100,7 @@ const HvSnackbarProvider = ({
|
|
|
114
100
|
},
|
|
115
101
|
...others
|
|
116
102
|
}) => {
|
|
117
|
-
return /* @__PURE__ */ jsxRuntime.jsx(StyledRoot, {
|
|
118
|
-
$notistackClassesOverride: notistackClassesOverride,
|
|
119
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(StyledSnackbarProvider, {
|
|
120
|
-
maxSnack,
|
|
121
|
-
autoHideDuration,
|
|
122
|
-
anchorOrigin,
|
|
123
|
-
...others,
|
|
124
|
-
children
|
|
125
|
-
})
|
|
126
|
-
});
|
|
103
|
+
return /* @__PURE__ */ jsxRuntime.jsx(StyledRoot, { $notistackClassesOverride: notistackClassesOverride, children: /* @__PURE__ */ jsxRuntime.jsx(StyledSnackbarProvider, { maxSnack, autoHideDuration, anchorOrigin, ...others, children }) });
|
|
127
104
|
};
|
|
128
105
|
const HvSnackbarProvider$1 = HvSnackbarProvider;
|
|
129
106
|
exports.default = HvSnackbarProvider$1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SnackbarProvider.cjs","sources":["../../../../../src/components/Snackbar/SnackbarProvider/SnackbarProvider.tsx"],"sourcesContent":["import { forwardRef, useCallback, useMemo } from \"react\";\nimport { SnackbarContent, SnackbarProvider, useSnackbar } from \"notistack\";\nimport clsx from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport HvSnackbarContentWrapper from \"../SnackbarContentWrapper\";\nimport { SnackbarOrigin } from \"@mui/material/Snackbar\";\nimport { HvSnackbarVariant } from \"../Snackbar\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { HvSnackbarContentWrapperProps } from \"../SnackbarContentWrapper/SnackbarContentWrapper\";\n\nexport type HvSnackbarProviderProps = {\n /** Your component tree. */\n children: React.ReactNode;\n /** Max visible snackbars. */\n maxSnack?: number;\n /** How much time the snackbar remains visible in milliseconds. */\n autoHideDuration?: number;\n /** Where is the snackbar placed. */\n anchorOrigin?: SnackbarOrigin;\n /** Class object used to override notistack classes. */\n notistackClassesOverride?: object;\n};\n\nexport type HvNotistackSnackMessageProps = {\n /** Id to be applied to the root node. */\n id?: string;\n /** Classname to apply on the root node */\n className?: string;\n /** Your component tree. */\n message?: string;\n /** Variant of the snackbar. */\n variant?: HvSnackbarVariant;\n /** Extra values to pass to the snackbar. */\n snackbarContentProps?: HvSnackbarContentWrapperProps;\n};\n\nconst HvNotistackSnackMessage = forwardRef<\n HTMLDivElement,\n HvNotistackSnackMessageProps\n>(({ id, message, variant = \"success\", snackbarContentProps }, ref) => {\n return (\n <SnackbarContent ref={ref}>\n <HvSnackbarContentWrapper\n id={id}\n variant={variant}\n showIcon\n label={message}\n {...snackbarContentProps}\n />\n </SnackbarContent>\n );\n});\n\nconst StyledRoot = styled(\n \"div\",\n transientOptions\n)(({ $notistackClassesOverride }: { $notistackClassesOverride: object }) => ({\n \"& .SnackbarContainer-root\": {\n pointerEvents: \"all\",\n \"& > div > div\": {\n // Overrides notistack extra padding\n padding: \"0 !important\",\n transition: \"all 0s ease 0s !important\",\n },\n },\n ...$notistackClassesOverride,\n}));\n\nconst StyledSnackbarProvider = styled(SnackbarProvider)({\n backgroundColor: \"transparent !important\",\n boxShadow: \"none !important\",\n \"&&\": {\n color: \"inherit\",\n padding: \"0\",\n fontSize: \"inherit\",\n boxShadow: \"none\",\n alignItems: \"center\",\n fontFamily: \"inherit\",\n fontWeight: \"inherit\",\n lineHeight: \"inherit\",\n borderRadius: \"0\",\n letterSpacing: \"inherit\",\n backgroundColor: \"inherit\",\n },\n});\n\n// We override notistack hook to be able to customize the snackbar that should be called.\nconst useHvSnackbar = () => {\n const { enqueueSnackbar: enqueueNotistackSnackbar, closeSnackbar } =\n useSnackbar();\n const enqueueSnackbar = useCallback(\n (message, options = {}) => {\n const {\n id,\n variant = \"success\",\n snackbarContentProps,\n className,\n ...otherOptions\n }: HvNotistackSnackMessageProps = options;\n\n return enqueueNotistackSnackbar(\n <HvNotistackSnackMessage\n id={id}\n message={message}\n variant={variant}\n snackbarContentProps={snackbarContentProps}\n />,\n { ...otherOptions, className: clsx(className) }\n );\n },\n [enqueueNotistackSnackbar]\n );\n return useMemo(\n () => ({\n enqueueSnackbar,\n closeSnackbar,\n }),\n [enqueueSnackbar, closeSnackbar]\n );\n};\n\nconst HvSnackbarProvider = ({\n children,\n notistackClassesOverride = {},\n maxSnack = 5,\n autoHideDuration = 5000,\n anchorOrigin = {\n vertical: \"top\",\n horizontal: \"right\",\n },\n ...others\n}) => {\n return (\n <StyledRoot $notistackClassesOverride={notistackClassesOverride}>\n <StyledSnackbarProvider\n maxSnack={maxSnack}\n autoHideDuration={autoHideDuration}\n anchorOrigin={anchorOrigin as SnackbarOrigin}\n {...others}\n >\n {children}\n </StyledSnackbarProvider>\n </StyledRoot>\n );\n};\n\nexport default HvSnackbarProvider;\nexport { useHvSnackbar };\n"],"names":["HvNotistackSnackMessage","forwardRef","id","message","variant","snackbarContentProps","ref","
|
|
1
|
+
{"version":3,"file":"SnackbarProvider.cjs","sources":["../../../../../src/components/Snackbar/SnackbarProvider/SnackbarProvider.tsx"],"sourcesContent":["import { forwardRef, useCallback, useMemo } from \"react\";\nimport { SnackbarContent, SnackbarProvider, useSnackbar } from \"notistack\";\nimport clsx from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport HvSnackbarContentWrapper from \"../SnackbarContentWrapper\";\nimport { SnackbarOrigin } from \"@mui/material/Snackbar\";\nimport { HvSnackbarVariant } from \"../Snackbar\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { HvSnackbarContentWrapperProps } from \"../SnackbarContentWrapper/SnackbarContentWrapper\";\n\nexport type HvSnackbarProviderProps = {\n /** Your component tree. */\n children: React.ReactNode;\n /** Max visible snackbars. */\n maxSnack?: number;\n /** How much time the snackbar remains visible in milliseconds. */\n autoHideDuration?: number;\n /** Where is the snackbar placed. */\n anchorOrigin?: SnackbarOrigin;\n /** Class object used to override notistack classes. */\n notistackClassesOverride?: object;\n};\n\nexport type HvNotistackSnackMessageProps = {\n /** Id to be applied to the root node. */\n id?: string;\n /** Classname to apply on the root node */\n className?: string;\n /** Your component tree. */\n message?: string;\n /** Variant of the snackbar. */\n variant?: HvSnackbarVariant;\n /** Extra values to pass to the snackbar. */\n snackbarContentProps?: HvSnackbarContentWrapperProps;\n};\n\nconst HvNotistackSnackMessage = forwardRef<\n HTMLDivElement,\n HvNotistackSnackMessageProps\n>(({ id, message, variant = \"success\", snackbarContentProps }, ref) => {\n return (\n <SnackbarContent ref={ref}>\n <HvSnackbarContentWrapper\n id={id}\n variant={variant}\n showIcon\n label={message}\n {...snackbarContentProps}\n />\n </SnackbarContent>\n );\n});\n\nconst StyledRoot = styled(\n \"div\",\n transientOptions\n)(({ $notistackClassesOverride }: { $notistackClassesOverride: object }) => ({\n \"& .SnackbarContainer-root\": {\n pointerEvents: \"all\",\n \"& > div > div\": {\n // Overrides notistack extra padding\n padding: \"0 !important\",\n transition: \"all 0s ease 0s !important\",\n },\n },\n ...$notistackClassesOverride,\n}));\n\nconst StyledSnackbarProvider = styled(SnackbarProvider)({\n backgroundColor: \"transparent !important\",\n boxShadow: \"none !important\",\n \"&&\": {\n color: \"inherit\",\n padding: \"0\",\n fontSize: \"inherit\",\n boxShadow: \"none\",\n alignItems: \"center\",\n fontFamily: \"inherit\",\n fontWeight: \"inherit\",\n lineHeight: \"inherit\",\n borderRadius: \"0\",\n letterSpacing: \"inherit\",\n backgroundColor: \"inherit\",\n },\n});\n\n// We override notistack hook to be able to customize the snackbar that should be called.\nconst useHvSnackbar = () => {\n const { enqueueSnackbar: enqueueNotistackSnackbar, closeSnackbar } =\n useSnackbar();\n const enqueueSnackbar = useCallback(\n (message, options = {}) => {\n const {\n id,\n variant = \"success\",\n snackbarContentProps,\n className,\n ...otherOptions\n }: HvNotistackSnackMessageProps = options;\n\n return enqueueNotistackSnackbar(\n <HvNotistackSnackMessage\n id={id}\n message={message}\n variant={variant}\n snackbarContentProps={snackbarContentProps}\n />,\n { ...otherOptions, className: clsx(className) }\n );\n },\n [enqueueNotistackSnackbar]\n );\n return useMemo(\n () => ({\n enqueueSnackbar,\n closeSnackbar,\n }),\n [enqueueSnackbar, closeSnackbar]\n );\n};\n\nconst HvSnackbarProvider = ({\n children,\n notistackClassesOverride = {},\n maxSnack = 5,\n autoHideDuration = 5000,\n anchorOrigin = {\n vertical: \"top\",\n horizontal: \"right\",\n },\n ...others\n}) => {\n return (\n <StyledRoot $notistackClassesOverride={notistackClassesOverride}>\n <StyledSnackbarProvider\n maxSnack={maxSnack}\n autoHideDuration={autoHideDuration}\n anchorOrigin={anchorOrigin as SnackbarOrigin}\n {...others}\n >\n {children}\n </StyledSnackbarProvider>\n </StyledRoot>\n );\n};\n\nexport default HvSnackbarProvider;\nexport { useHvSnackbar };\n"],"names":["HvNotistackSnackMessage","forwardRef","id","message","variant","snackbarContentProps","ref","jsx","SnackbarContent","HvSnackbarContentWrapper","StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$notistackClassesOverride","pointerEvents","padding","transition","StyledSnackbarProvider","SnackbarProvider","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","useHvSnackbar","enqueueSnackbar","enqueueNotistackSnackbar","closeSnackbar","useSnackbar","useCallback","options","className","otherOptions","clsx","useMemo","HvSnackbarProvider","children","notistackClassesOverride","maxSnack","autoHideDuration","anchorOrigin","vertical","horizontal","others"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,MAAMA,0BAA0BC,iBAG9B,CAAC;AAAA,EAAEC;AAAAA,EAAIC;AAAAA,EAASC,UAAU;AAAA,EAAWC;AAAqB,GAAGC,QAAQ;AACrE,SACGC,2BAAAA,IAAAC,UAAAA,iBAAA,EAAgB,KACf,UAAAD,2BAAAA,IAACE,uBAAAA,SACC,EAAA,IACA,SACA,UAAQ,MACR,OAAON,SACHE,GAAAA,sBAAqB,EAE7B,CAAA;AAEJ,CAAC;AAED,MAAMK,sDACJ,OAAKC,QAAAC,IAAAC,aAAA,eAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAAiE,OAAO;AAAA,EAC3E,6BAA6B;AAAA,IAC3BC,eAAe;AAAA,IACf,iBAAiB;AAAA,MAEfC,SAAS;AAAA,MACTC,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACA,GAAGH;AACL,IAAEP,QAAAC,IAAAC,aAAC,eAAA,KAAA,ymMAAA;AAEH,MAAMS,yBAAgCC,iCAAAA,QAAAA,UAAAA,kBAAgBZ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAW,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAgBrD;AAGF,MAAMC,gBAAgBA,MAAM;AACpB,QAAA;AAAA,IAAEC,iBAAiBC;AAAAA,IAA0BC;AAAAA,MACjDC,UAAa,YAAA;AACf,QAAMH,kBAAkBI,MACtB,YAAA,CAAC/B,SAASgC,UAAU,CAAA,MAAO;AACnB,UAAA;AAAA,MACJjC;AAAAA,MACAE,UAAU;AAAA,MACVC;AAAAA,MACA+B;AAAAA,SACGC;AAAAA,IAC6BF,IAAAA;AAElC,WAAOJ,yBACJxB,2BAAA,IAAA,yBAAA,EACC,IACA,SACA,SACA,yBAEF;AAAA,MAAE,GAAG8B;AAAAA,MAAcD,WAAWE,sBAAKF,SAAS;AAAA,IAAA,CAAG;AAAA,EAAA,GAGnD,CAACL,wBAAwB,CAAC;AAE5B,SAAOQ,cACL,OAAO;AAAA,IACLT;AAAAA,IACAE;AAAAA,EAEF,IAAA,CAACF,iBAAiBE,aAAa,CAAC;AAEpC;AAEA,MAAMQ,qBAAqBA,CAAC;AAAA,EAC1BC;AAAAA,EACAC,2BAA2B,CAAC;AAAA,EAC5BC,WAAW;AAAA,EACXC,mBAAmB;AAAA,EACnBC,eAAe;AAAA,IACbC,UAAU;AAAA,IACVC,YAAY;AAAA,EACd;AAAA,KACGC;AACL,MAAM;AACJ,SACGzC,2BAAAA,IAAA,YAAA,EAAW,2BAA2BmC,0BACrC,UAACnC,+BAAA,wBAAA,EACC,UACA,kBACA,cACIyC,GAAAA,QAEHP,SAAAA,CACH,EACF,CAAA;AAEJ;AAEA,MAAA,uBAAeD;;;"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
+
const jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
3
4
|
const React = require("react");
|
|
4
5
|
const styles = require("@mui/material/styles");
|
|
5
6
|
const MuiDivider = require("@mui/material/Divider");
|
|
@@ -9,7 +10,6 @@ const isBoolean = require("lodash/isBoolean");
|
|
|
9
10
|
const Stack_styles = require("./Stack.styles.cjs");
|
|
10
11
|
require("@hitachivantara/uikit-styles");
|
|
11
12
|
const stackClasses = require("./stackClasses.cjs");
|
|
12
|
-
const jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
13
13
|
const useWidth = require("../../hooks/useWidth.cjs");
|
|
14
14
|
const Focus = require("../Focus/Focus.cjs");
|
|
15
15
|
const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
|
|
@@ -47,37 +47,16 @@ const HvStack = ({
|
|
|
47
47
|
const processedDirection = React.useMemo(() => getDirection(direction, width, breakpoints.keys), [direction, width, breakpoints]);
|
|
48
48
|
const getDividerComponent = React.useCallback(() => {
|
|
49
49
|
if (isBoolean__default.default(divider) && divider) {
|
|
50
|
-
return /* @__PURE__ */ jsxRuntime.jsx(MuiDivider__default.default, {
|
|
51
|
-
orientation: processedDirection === "column" ? "horizontal" : "vertical",
|
|
52
|
-
flexItem: processedDirection === "row",
|
|
53
|
-
role: "separator",
|
|
54
|
-
...dividerProps
|
|
55
|
-
});
|
|
50
|
+
return /* @__PURE__ */ jsxRuntime.jsx(MuiDivider__default.default, { orientation: processedDirection === "column" ? "horizontal" : "vertical", flexItem: processedDirection === "row", role: "separator", ...dividerProps });
|
|
56
51
|
}
|
|
57
52
|
return divider;
|
|
58
53
|
}, [divider, dividerProps, processedDirection]);
|
|
59
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Stack_styles.StyledRoot, {
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
children: React__default.default.Children.map(children, (child, i) => {
|
|
66
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
67
|
-
children: [divider && i !== 0 && getDividerComponent(), withNavigation ? /* @__PURE__ */ jsxRuntime.jsx(Focus.HvFocus, {
|
|
68
|
-
rootRef: containerRef,
|
|
69
|
-
focusDisabled: false,
|
|
70
|
-
strategy: "grid",
|
|
71
|
-
navigationJump: processedDirection === "column" ? 1 : React__default.default.Children.count(children) || 0,
|
|
72
|
-
filterClass: "child",
|
|
73
|
-
children: /* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
74
|
-
className: "child",
|
|
75
|
-
children: child
|
|
76
|
-
})
|
|
77
|
-
}) : child]
|
|
78
|
-
});
|
|
79
|
-
})
|
|
80
|
-
});
|
|
54
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Stack_styles.StyledRoot, { ref: containerRef, className: clsx__default.default(className, stackClasses.default.root, classes == null ? void 0 : classes.root), $direction: processedDirection, $breakpoint: spacing, ...others, children: React__default.default.Children.map(children, (child, i) => {
|
|
55
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
56
|
+
divider && i !== 0 && getDividerComponent(),
|
|
57
|
+
withNavigation ? /* @__PURE__ */ jsxRuntime.jsx(Focus.HvFocus, { rootRef: containerRef, focusDisabled: false, strategy: "grid", navigationJump: processedDirection === "column" ? 1 : React__default.default.Children.count(children) || 0, filterClass: "child", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "child", children: child }) }) : child
|
|
58
|
+
] });
|
|
59
|
+
}) });
|
|
81
60
|
};
|
|
82
61
|
exports.HvStack = HvStack;
|
|
83
62
|
//# sourceMappingURL=Stack.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stack.cjs","sources":["../../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import React, { useMemo, useRef, useCallback } from \"react\";\nimport { useTheme } from \"@mui/material/styles\";\nimport MuiDivider, {\n DividerProps as MuiDividerProps,\n} from \"@mui/material/Divider\";\nimport clsx from \"clsx\";\nimport isString from \"lodash/isString\";\nimport isBoolean from \"lodash/isBoolean\";\nimport { useWidth } from \"hooks\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledRoot } from \"./Stack.styles\";\nimport { HvFocus } from \"index\";\nimport { HvBreakpoints } from \"types/tokens\";\nimport stackClasses, { HvStackClasses } from \"./stackClasses\";\n\nexport type HvStackDirection = \"column\" | \"row\";\nexport type HvStackBreakpoints = Record<HvBreakpoints, string>;\n\nexport type HvStackProps = HvBaseProps & {\n /** The direction of the stack. Can be either a string or an object that states the direction for each breakpoint. */\n direction?: HvStackDirection | Partial<HvStackBreakpoints>;\n /** The spacing between elements of the stack. */\n spacing?: HvBreakpoints;\n /** The divider component to be used between the stack elements.\n * - If `true` the Material-UI Divider component will be used.\n * - If a React node is passed then the custom divider will be used.\n */\n divider?: boolean | React.ReactNode;\n /** The properties to pass on to the Material-UI component. */\n dividerProps?: MuiDividerProps;\n /** Sets whether or not there should be arrow navigation between the stack elements. */\n withNavigation?: boolean;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvStackClasses;\n};\n\n/**\n * @returns {string} - Returns a direction for the stack: column or row. If the\n * `direction` property is a string and a valid direction then we\n * use it. If it's an object with multiple directions by breakpoint\n * we use the appropriate one or search for the nearest breakpoint\n * smaller than the current one to use.\n */\nconst getDirection = (direction, width, breakpoints) => {\n if (isString(direction)) return direction;\n\n for (let i = breakpoints.indexOf(width); i >= 0; i -= 1) {\n if (direction[breakpoints[i]] !== undefined) {\n return direction[breakpoints[i]];\n }\n }\n return \"column\";\n};\n\n/**\n * A Stack component allows the organization of its children in a vertical or horizontal layout.\n *\n * It also allows the specification of the spacing between the stack elements and the addition of a divider between the elements.\n */\nexport const HvStack = ({\n classes,\n className,\n children,\n direction = \"column\",\n spacing = \"sm\",\n divider = false,\n withNavigation = false,\n dividerProps = {},\n ...others\n}: HvStackProps) => {\n const width = useWidth();\n const containerRef = useRef(null);\n const { breakpoints } = useTheme();\n\n const processedDirection = useMemo(\n () => getDirection(direction, width, breakpoints.keys),\n [direction, width, breakpoints]\n );\n\n /**\n * @returns {node} - The divider component to use. If the property `divider` is\n * set to `true` then the Material-UI divider is used, otherwise\n * we use the custom divider the user passed.\n */\n const getDividerComponent = useCallback(() => {\n if (isBoolean(divider) && divider) {\n return (\n <MuiDivider\n orientation={\n processedDirection === \"column\" ? \"horizontal\" : \"vertical\"\n }\n flexItem={processedDirection === \"row\"}\n role=\"separator\"\n {...dividerProps}\n />\n );\n }\n return divider;\n }, [divider, dividerProps, processedDirection]);\n\n return (\n <StyledRoot\n ref={containerRef}\n className={clsx(className, stackClasses.root, classes?.root)}\n $direction={processedDirection}\n $breakpoint={spacing}\n {...others}\n >\n {React.Children.map(children, (child, i) => {\n return (\n <>\n {divider && i !== 0 && getDividerComponent()}\n {withNavigation ? (\n <HvFocus\n rootRef={containerRef}\n focusDisabled={false}\n strategy=\"grid\"\n navigationJump={\n processedDirection === \"column\"\n ? 1\n : React.Children.count(children) || 0\n }\n filterClass=\"child\"\n >\n <div className=\"child\">{child}</div>\n </HvFocus>\n ) : (\n child\n )}\n </>\n );\n })}\n </StyledRoot>\n );\n};\n"],"names":["getDirection","direction","width","breakpoints","isString","i","indexOf","undefined","HvStack","classes","className","children","spacing","divider","withNavigation","dividerProps","others","useWidth","containerRef","useRef","useTheme","processedDirection","useMemo","keys","getDividerComponent","useCallback","isBoolean","
|
|
1
|
+
{"version":3,"file":"Stack.cjs","sources":["../../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import React, { useMemo, useRef, useCallback } from \"react\";\nimport { useTheme } from \"@mui/material/styles\";\nimport MuiDivider, {\n DividerProps as MuiDividerProps,\n} from \"@mui/material/Divider\";\nimport clsx from \"clsx\";\nimport isString from \"lodash/isString\";\nimport isBoolean from \"lodash/isBoolean\";\nimport { useWidth } from \"hooks\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledRoot } from \"./Stack.styles\";\nimport { HvFocus } from \"index\";\nimport { HvBreakpoints } from \"types/tokens\";\nimport stackClasses, { HvStackClasses } from \"./stackClasses\";\n\nexport type HvStackDirection = \"column\" | \"row\";\nexport type HvStackBreakpoints = Record<HvBreakpoints, string>;\n\nexport type HvStackProps = HvBaseProps & {\n /** The direction of the stack. Can be either a string or an object that states the direction for each breakpoint. */\n direction?: HvStackDirection | Partial<HvStackBreakpoints>;\n /** The spacing between elements of the stack. */\n spacing?: HvBreakpoints;\n /** The divider component to be used between the stack elements.\n * - If `true` the Material-UI Divider component will be used.\n * - If a React node is passed then the custom divider will be used.\n */\n divider?: boolean | React.ReactNode;\n /** The properties to pass on to the Material-UI component. */\n dividerProps?: MuiDividerProps;\n /** Sets whether or not there should be arrow navigation between the stack elements. */\n withNavigation?: boolean;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvStackClasses;\n};\n\n/**\n * @returns {string} - Returns a direction for the stack: column or row. If the\n * `direction` property is a string and a valid direction then we\n * use it. If it's an object with multiple directions by breakpoint\n * we use the appropriate one or search for the nearest breakpoint\n * smaller than the current one to use.\n */\nconst getDirection = (direction, width, breakpoints) => {\n if (isString(direction)) return direction;\n\n for (let i = breakpoints.indexOf(width); i >= 0; i -= 1) {\n if (direction[breakpoints[i]] !== undefined) {\n return direction[breakpoints[i]];\n }\n }\n return \"column\";\n};\n\n/**\n * A Stack component allows the organization of its children in a vertical or horizontal layout.\n *\n * It also allows the specification of the spacing between the stack elements and the addition of a divider between the elements.\n */\nexport const HvStack = ({\n classes,\n className,\n children,\n direction = \"column\",\n spacing = \"sm\",\n divider = false,\n withNavigation = false,\n dividerProps = {},\n ...others\n}: HvStackProps) => {\n const width = useWidth();\n const containerRef = useRef(null);\n const { breakpoints } = useTheme();\n\n const processedDirection = useMemo(\n () => getDirection(direction, width, breakpoints.keys),\n [direction, width, breakpoints]\n );\n\n /**\n * @returns {node} - The divider component to use. If the property `divider` is\n * set to `true` then the Material-UI divider is used, otherwise\n * we use the custom divider the user passed.\n */\n const getDividerComponent = useCallback(() => {\n if (isBoolean(divider) && divider) {\n return (\n <MuiDivider\n orientation={\n processedDirection === \"column\" ? \"horizontal\" : \"vertical\"\n }\n flexItem={processedDirection === \"row\"}\n role=\"separator\"\n {...dividerProps}\n />\n );\n }\n return divider;\n }, [divider, dividerProps, processedDirection]);\n\n return (\n <StyledRoot\n ref={containerRef}\n className={clsx(className, stackClasses.root, classes?.root)}\n $direction={processedDirection}\n $breakpoint={spacing}\n {...others}\n >\n {React.Children.map(children, (child, i) => {\n return (\n <>\n {divider && i !== 0 && getDividerComponent()}\n {withNavigation ? (\n <HvFocus\n rootRef={containerRef}\n focusDisabled={false}\n strategy=\"grid\"\n navigationJump={\n processedDirection === \"column\"\n ? 1\n : React.Children.count(children) || 0\n }\n filterClass=\"child\"\n >\n <div className=\"child\">{child}</div>\n </HvFocus>\n ) : (\n child\n )}\n </>\n );\n })}\n </StyledRoot>\n );\n};\n"],"names":["getDirection","direction","width","breakpoints","isString","i","indexOf","undefined","HvStack","classes","className","children","spacing","divider","withNavigation","dividerProps","others","useWidth","containerRef","useRef","useTheme","processedDirection","useMemo","keys","getDividerComponent","useCallback","isBoolean","jsx","MuiDivider","StyledRoot","clsx","stackClasses","root","React","Children","map","child","HvFocus","count"],"mappings":";;;;;;;;;;;;;;;;;;;;AA2CA,MAAMA,eAAeA,CAACC,WAAWC,OAAOC,gBAAgB;AACtD,MAAIC,kBAAAA,QAASH,SAAS;AAAUA,WAAAA;AAEvBI,WAAAA,IAAIF,YAAYG,QAAQJ,KAAK,GAAGG,KAAK,GAAGA,KAAK,GAAG;AACnDJ,QAAAA,UAAUE,YAAYE,QAAQE,QAAW;AAC3C,aAAON,UAAUE,YAAYE;AAAAA,IAC/B;AAAA,EACF;AACO,SAAA;AACT;AAOO,MAAMG,UAAUA,CAAC;AAAA,EACtBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAV,YAAY;AAAA,EACZW,UAAU;AAAA,EACVC,UAAU;AAAA,EACVC,iBAAiB;AAAA,EACjBC,eAAe,CAAC;AAAA,KACbC;AACS,MAAM;AAClB,QAAMd,QAAQe,SAAAA;AACRC,QAAAA,eAAeC,aAAO,IAAI;AAC1B,QAAA;AAAA,IAAEhB;AAAAA,MAAgBiB,OAAU,SAAA;AAElC,QAAMC,qBAAqBC,MAAAA,QACzB,MAAMtB,aAAaC,WAAWC,OAAOC,YAAYoB,IAAI,GACrD,CAACtB,WAAWC,OAAOC,WAAW,CAAC;AAQ3BqB,QAAAA,sBAAsBC,MAAAA,YAAY,MAAM;AACxCC,QAAAA,mBAAAA,QAAUb,OAAO,KAAKA,SAAS;AACjC,aACGc,2BAAAA,IAAAC,oBAAAA,SAAA,EACC,aACEP,uBAAuB,WAAW,eAAe,YAEnD,UAAUA,uBAAuB,OACjC,MAAK,aACDN,GAAAA,aACJ,CAAA;AAAA,IAEN;AACOF,WAAAA;AAAAA,EACN,GAAA,CAACA,SAASE,cAAcM,kBAAkB,CAAC;AAG5C,SAAAM,+BAACE,aAAAA,YACC,EAAA,KAAKX,cACL,WAAWY,sBAAKpB,WAAWqB,aAAAA,QAAaC,MAAMvB,mCAASuB,IAAI,GAC3D,YAAYX,oBACZ,aAAaT,SACb,GAAII,QAEHiB,UAAAA,uBAAMC,SAASC,IAAIxB,UAAU,CAACyB,OAAO/B,MAAM;AAC1C,WAEKQ,2BAAAA,KAAAA,qBAAAA,EAAAA,UAAAA;AAAAA,MAAWR,WAAAA,MAAM,KAAKmB,oBAAqB;AAAA,MAC3CV,iBACEa,2BAAA,IAAAU,MAAA,SAAA,EACC,SAASnB,cACT,eAAe,OACf,UAAS,QACT,gBACEG,uBAAuB,WACnB,IACAY,eAAAA,QAAMC,SAASI,MAAM3B,QAAQ,KAAK,GAExC,aAAY,SAEZ,UAACgB,2BAAA,IAAA,OAAA,EAAI,WAAU,SAASS,UAAM,MAAA,CAAA,EAChC,CAAA,IAEAA;AAAAA,IAEJ,EAAA,CAAA;AAAA,EAEH,CAAA,EACH,CAAA;AAEJ;;"}
|