@hitachivantara/uikit-react-core 3.52.5 → 3.54.1
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/CHANGELOG.md +48 -0
- package/LICENSE.txt +201 -0
- package/dist/Accordion/Accordion.js +2 -2
- package/dist/Accordion/Accordion.js.map +1 -1
- package/dist/ActionBar/ActionBar.js +2 -2
- package/dist/ActionBar/ActionBar.js.map +1 -1
- package/dist/ActionsGeneric/ActionsGeneric.js +2 -2
- package/dist/ActionsGeneric/ActionsGeneric.js.map +1 -1
- package/dist/AssetInventory/AssetInventory.js +2 -2
- package/dist/AssetInventory/AssetInventory.js.map +1 -1
- package/dist/AssetInventory/CardView/CardView.js +3 -3
- package/dist/AssetInventory/CardView/CardView.js.map +1 -1
- package/dist/AssetInventory/ListView/ListView.js +2 -2
- package/dist/AssetInventory/ListView/ListView.js.map +1 -1
- package/dist/AssetInventory/ListView/ListViewCell/ListViewCell.js +2 -2
- package/dist/AssetInventory/ListView/ListViewCell/ListViewCell.js.map +1 -1
- package/dist/AssetInventory/ListView/ListViewHeaderRow/ListViewHeaderRow.js +6 -4
- package/dist/AssetInventory/ListView/ListViewHeaderRow/ListViewHeaderRow.js.map +1 -1
- package/dist/AssetInventory/ListView/ListViewRow/ListViewRow.js +2 -2
- package/dist/AssetInventory/ListView/ListViewRow/ListViewRow.js.map +1 -1
- package/dist/AssetInventory/Multibutton/Multibutton.js +2 -2
- package/dist/AssetInventory/Multibutton/Multibutton.js.map +1 -1
- package/dist/AssetInventory/Search/Search.js +2 -2
- package/dist/AssetInventory/Search/Search.js.map +1 -1
- package/dist/AssetInventory/Sort/Sort.js +2 -2
- package/dist/AssetInventory/Sort/Sort.js.map +1 -1
- package/dist/Avatar/Avatar.js +2 -2
- package/dist/Avatar/Avatar.js.map +1 -1
- package/dist/Badge/Badge.js +2 -2
- package/dist/Badge/Badge.js.map +1 -1
- package/dist/Banner/Banner.js +2 -2
- package/dist/Banner/Banner.js.map +1 -1
- package/dist/Banner/BannerWrapper/ActionContainer/ActionContainer.js +2 -2
- package/dist/Banner/BannerWrapper/ActionContainer/ActionContainer.js.map +1 -1
- package/dist/Banner/BannerWrapper/BannerContentWrapper.js +2 -2
- package/dist/Banner/BannerWrapper/BannerContentWrapper.js.map +1 -1
- package/dist/Banner/BannerWrapper/MessageContainer/MessageContainer.js +2 -2
- package/dist/Banner/BannerWrapper/MessageContainer/MessageContainer.js.map +1 -1
- package/dist/Barchart/Barchart.js +2 -2
- package/dist/Barchart/Barchart.js.map +1 -1
- package/dist/BaseCheckBox/BaseCheckBox.js +2 -2
- package/dist/BaseCheckBox/BaseCheckBox.js.map +1 -1
- package/dist/BaseDropdown/BaseDropdown.js +2 -2
- package/dist/BaseDropdown/BaseDropdown.js.map +1 -1
- package/dist/BaseInput/BaseInput.js +2 -2
- package/dist/BaseInput/BaseInput.js.map +1 -1
- package/dist/BaseRadio/BaseRadio.js +2 -2
- package/dist/BaseRadio/BaseRadio.js.map +1 -1
- package/dist/BaseSwitch/BaseSwitch.js +2 -2
- package/dist/BaseSwitch/BaseSwitch.js.map +1 -1
- package/dist/BreadCrumb/BreadCrumb.js +6 -6
- package/dist/BreadCrumb/BreadCrumb.js.map +1 -1
- package/dist/BreadCrumb/utils.js +4 -2
- package/dist/BreadCrumb/utils.js.map +1 -1
- package/dist/BulkActions/BulkActions.js +2 -2
- package/dist/BulkActions/BulkActions.js.map +1 -1
- package/dist/Button/Button.js +2 -2
- package/dist/Button/Button.js.map +1 -1
- package/dist/Calendar/Calendar.js +2 -2
- package/dist/Calendar/Calendar.js.map +1 -1
- package/dist/Calendar/CalendarHeader/CalendarHeader.js +6 -4
- package/dist/Calendar/CalendarHeader/CalendarHeader.js.map +1 -1
- package/dist/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.js +2 -2
- package/dist/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.js.map +1 -1
- package/dist/Calendar/CalendarNavigation/MonthSelector/MonthSelector.js +2 -2
- package/dist/Calendar/CalendarNavigation/MonthSelector/MonthSelector.js.map +1 -1
- package/dist/Calendar/CalendarNavigation/Navigation/Navigation.js +2 -2
- package/dist/Calendar/CalendarNavigation/Navigation/Navigation.js.map +1 -1
- package/dist/Calendar/CalendarWeekLabels/CalendarWeekLabels.js +2 -2
- package/dist/Calendar/CalendarWeekLabels/CalendarWeekLabels.js.map +1 -1
- package/dist/Calendar/SingleCalendar/CalendarCell.js +2 -2
- package/dist/Calendar/SingleCalendar/CalendarCell.js.map +1 -1
- package/dist/Calendar/SingleCalendar/SingleCalendar.js +2 -2
- package/dist/Calendar/SingleCalendar/SingleCalendar.js.map +1 -1
- package/dist/Card/Card.js +2 -2
- package/dist/Card/Card.js.map +1 -1
- package/dist/Card/Content/Content.js +2 -2
- package/dist/Card/Content/Content.js.map +1 -1
- package/dist/Card/Header/Header.js +2 -2
- package/dist/Card/Header/Header.js.map +1 -1
- package/dist/Card/Media/Media.js +2 -2
- package/dist/Card/Media/Media.js.map +1 -1
- package/dist/Chart/Chart.js +2 -2
- package/dist/Chart/Chart.js.map +1 -1
- package/dist/Chart/Plot/Plot.js +2 -2
- package/dist/Chart/Plot/Plot.js.map +1 -1
- package/dist/Chart/Tooltip/MultiTooltip/MultiTooltip.js +2 -2
- package/dist/Chart/Tooltip/MultiTooltip/MultiTooltip.js.map +1 -1
- package/dist/Chart/Tooltip/SingleTooltip/SingleTooltip.js +2 -2
- package/dist/Chart/Tooltip/SingleTooltip/SingleTooltip.js.map +1 -1
- package/dist/Chart/Tooltip/Tooltip.js +2 -2
- package/dist/Chart/Tooltip/Tooltip.js.map +1 -1
- package/dist/CheckBox/CheckBox.js +2 -2
- package/dist/CheckBox/CheckBox.js.map +1 -1
- package/dist/CheckBoxGroup/CheckBoxGroup.js +2 -2
- package/dist/CheckBoxGroup/CheckBoxGroup.js.map +1 -1
- package/dist/Container/Container.js +2 -2
- package/dist/Container/Container.js.map +1 -1
- package/dist/DatePicker/DatePicker.js +2 -2
- package/dist/DatePicker/DatePicker.js.map +1 -1
- package/dist/Dialog/Dialog.js +6 -4
- package/dist/Dialog/Dialog.js.map +1 -1
- package/dist/Dialog/DialogActions/DialogActions.js +2 -2
- package/dist/Dialog/DialogActions/DialogActions.js.map +1 -1
- package/dist/Dialog/DialogContent/DialogContent.js +2 -2
- package/dist/Dialog/DialogContent/DialogContent.js.map +1 -1
- package/dist/Dialog/DialogTitle/DialogTitle.js +2 -2
- package/dist/Dialog/DialogTitle/DialogTitle.js.map +1 -1
- package/dist/Donutchart/Donutchart.js +2 -2
- package/dist/Donutchart/Donutchart.js.map +1 -1
- package/dist/DropDownMenu/DropDownMenu.js +2 -2
- package/dist/DropDownMenu/DropDownMenu.js.map +1 -1
- package/dist/Dropdown/Dropdown.js +2 -2
- package/dist/Dropdown/Dropdown.js.map +1 -1
- package/dist/Dropdown/List/List.js +2 -2
- package/dist/Dropdown/List/List.js.map +1 -1
- package/dist/EmptyState/EmptyState.js +2 -2
- package/dist/EmptyState/EmptyState.js.map +1 -1
- package/dist/FileUploader/DropZone/DropZone.js +2 -2
- package/dist/FileUploader/DropZone/DropZone.js.map +1 -1
- package/dist/FileUploader/File/File.js +6 -4
- package/dist/FileUploader/File/File.js.map +1 -1
- package/dist/FileUploader/FileList/FileList.js +2 -2
- package/dist/FileUploader/FileList/FileList.js.map +1 -1
- package/dist/FileUploader/FileUploader.js +2 -2
- package/dist/FileUploader/FileUploader.js.map +1 -1
- package/dist/FileUploader/Preview/Preview.js +5 -3
- package/dist/FileUploader/Preview/Preview.js.map +1 -1
- package/dist/FilterGroup/Counter/Counter.js +2 -2
- package/dist/FilterGroup/Counter/Counter.js.map +1 -1
- package/dist/FilterGroup/FilterContent/FilterContent.js +9 -7
- package/dist/FilterGroup/FilterContent/FilterContent.js.map +1 -1
- package/dist/FilterGroup/FilterGroup.js +2 -2
- package/dist/FilterGroup/FilterGroup.js.map +1 -1
- package/dist/FilterGroup/FilterGroupContext.js +2 -2
- package/dist/FilterGroup/FilterGroupContext.js.map +1 -1
- package/dist/FilterGroup/LeftPanel/LeftPanel.js +2 -2
- package/dist/FilterGroup/LeftPanel/LeftPanel.js.map +1 -1
- package/dist/FilterGroup/RightPanel/RightPanel.js +2 -2
- package/dist/FilterGroup/RightPanel/RightPanel.js.map +1 -1
- package/dist/Focus/Focus.js +2 -2
- package/dist/Focus/Focus.js.map +1 -1
- package/dist/Footer/Footer.js +2 -2
- package/dist/Footer/Footer.js.map +1 -1
- package/dist/Forms/Adornment/Adornment.js +2 -2
- package/dist/Forms/Adornment/Adornment.js.map +1 -1
- package/dist/Forms/CharCounter/CharCounter.js +2 -2
- package/dist/Forms/CharCounter/CharCounter.js.map +1 -1
- package/dist/Forms/FormElement/FormElement.js +2 -2
- package/dist/Forms/FormElement/FormElement.js.map +1 -1
- package/dist/Forms/InfoMessage/InfoMessage.js +2 -2
- package/dist/Forms/InfoMessage/InfoMessage.js.map +1 -1
- package/dist/Forms/Label/Label.js +6 -4
- package/dist/Forms/Label/Label.js.map +1 -1
- package/dist/Forms/Suggestions/Suggestions.js +2 -2
- package/dist/Forms/Suggestions/Suggestions.js.map +1 -1
- package/dist/Forms/WarningText/WarningText.js +2 -2
- package/dist/Forms/WarningText/WarningText.js.map +1 -1
- package/dist/GlobalActions/GlobalActions.js +8 -4
- package/dist/GlobalActions/GlobalActions.js.map +1 -1
- package/dist/Grid/Grid.js +6 -4
- package/dist/Grid/Grid.js.map +1 -1
- package/dist/Header/Actions/Actions.js +2 -2
- package/dist/Header/Actions/Actions.js.map +1 -1
- package/dist/Header/Brand/Brand.js +2 -2
- package/dist/Header/Brand/Brand.js.map +1 -1
- package/dist/Header/Header.js +2 -2
- package/dist/Header/Header.js.map +1 -1
- package/dist/Header/Navigation/MenuBar/MenuBar.js +2 -2
- package/dist/Header/Navigation/MenuBar/MenuBar.js.map +1 -1
- package/dist/Header/Navigation/MenuItem/MenuItem.js +2 -2
- package/dist/Header/Navigation/MenuItem/MenuItem.js.map +1 -1
- package/dist/Header/Navigation/Navigation.js +2 -2
- package/dist/Header/Navigation/Navigation.js.map +1 -1
- package/dist/Header/Navigation/utils/FocusContext.js +2 -2
- package/dist/Header/Navigation/utils/FocusContext.js.map +1 -1
- package/dist/Input/Input.js +9 -7
- package/dist/Input/Input.js.map +1 -1
- package/dist/Kpi/Kpi.js +2 -2
- package/dist/Kpi/Kpi.js.map +1 -1
- package/dist/Linechart/Linechart.js +2 -2
- package/dist/Linechart/Linechart.js.map +1 -1
- package/dist/Link/Link.js +2 -2
- package/dist/Link/Link.js.map +1 -1
- package/dist/List/List.js +4 -4
- package/dist/List/List.js.map +1 -1
- package/dist/ListContainer/ListContainer.js +2 -2
- package/dist/ListContainer/ListContainer.js.map +1 -1
- package/dist/ListContainer/ListItem/ListItem.js +2 -2
- package/dist/ListContainer/ListItem/ListItem.js.map +1 -1
- package/dist/Loading/Loading.js +2 -2
- package/dist/Loading/Loading.js.map +1 -1
- package/dist/Login/Login.js +2 -2
- package/dist/Login/Login.js.map +1 -1
- package/dist/MultiButton/MultiButton.js +2 -2
- package/dist/MultiButton/MultiButton.js.map +1 -1
- package/dist/OverflowTooltip/OverflowTooltip.d.ts +29 -0
- package/dist/OverflowTooltip/OverflowTooltip.js +148 -0
- package/dist/OverflowTooltip/OverflowTooltip.js.map +1 -0
- package/dist/OverflowTooltip/index.d.ts +1 -0
- package/dist/OverflowTooltip/index.js +16 -0
- package/dist/OverflowTooltip/index.js.map +1 -0
- package/dist/Pagination/Pagination.js +2 -2
- package/dist/Pagination/Pagination.js.map +1 -1
- package/dist/Panel/Panel.js +2 -2
- package/dist/Panel/Panel.js.map +1 -1
- package/dist/Provider/Provider.js +5 -3
- package/dist/Provider/Provider.js.map +1 -1
- package/dist/Radio/Radio.js +2 -2
- package/dist/Radio/Radio.js.map +1 -1
- package/dist/RadioGroup/RadioGroup.js +2 -2
- package/dist/RadioGroup/RadioGroup.js.map +1 -1
- package/dist/ScrollTo/Horizontal/HorizontalScrollListItem/HorizontalScrollListItem.js +2 -2
- package/dist/ScrollTo/Horizontal/HorizontalScrollListItem/HorizontalScrollListItem.js.map +1 -1
- package/dist/ScrollTo/Horizontal/ScrollToHorizontal.js +2 -2
- package/dist/ScrollTo/Horizontal/ScrollToHorizontal.js.map +1 -1
- package/dist/ScrollTo/Vertical/ScrollToVertical.js +2 -2
- package/dist/ScrollTo/Vertical/ScrollToVertical.js.map +1 -1
- package/dist/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.js +6 -4
- package/dist/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.js.map +1 -1
- package/dist/SelectionList/SelectionList.js +2 -2
- package/dist/SelectionList/SelectionList.js.map +1 -1
- package/dist/Snackbar/Snackbar.js +2 -2
- package/dist/Snackbar/Snackbar.js.map +1 -1
- package/dist/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.js +2 -2
- package/dist/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.js.map +1 -1
- package/dist/Snackbar/SnackbarProvider/SnackbarProvider.d.ts +30 -0
- package/dist/Snackbar/SnackbarProvider/SnackbarProvider.js +207 -0
- package/dist/Snackbar/SnackbarProvider/SnackbarProvider.js.map +1 -0
- package/dist/Snackbar/SnackbarProvider/index.d.ts +2 -0
- package/dist/Snackbar/SnackbarProvider/index.js +49 -0
- package/dist/Snackbar/SnackbarProvider/index.js.map +1 -0
- package/dist/Snackbar/stories/SnackbarProvider.stories.mdx +51 -0
- package/dist/Switch/Switch.js +2 -2
- package/dist/Switch/Switch.js.map +1 -1
- package/dist/Tab/Tab.js +2 -2
- package/dist/Tab/Tab.js.map +1 -1
- package/dist/Table/Header/Header.js +3 -3
- package/dist/Table/Header/Header.js.map +1 -1
- package/dist/Table/NoData/index.js +3 -1
- package/dist/Table/NoData/index.js.map +1 -1
- package/dist/Table/Table.js +6 -4
- package/dist/Table/Table.js.map +1 -1
- package/dist/Tabs/Tabs.js +5 -3
- package/dist/Tabs/Tabs.js.map +1 -1
- package/dist/Tag/Tag.js +6 -4
- package/dist/Tag/Tag.js.map +1 -1
- package/dist/TagsInput/TagsInput.d.ts +33 -4
- package/dist/TagsInput/TagsInput.js +127 -21
- package/dist/TagsInput/TagsInput.js.map +1 -1
- package/dist/TagsInput/styles.js +12 -8
- package/dist/TagsInput/styles.js.map +1 -1
- package/dist/TextArea/TextArea.js +2 -2
- package/dist/TextArea/TextArea.js.map +1 -1
- package/dist/ToggleButton/ToggleButton.js +2 -2
- package/dist/ToggleButton/ToggleButton.js.map +1 -1
- package/dist/Tooltip/Tooltip.js +2 -2
- package/dist/Tooltip/Tooltip.js.map +1 -1
- package/dist/Typography/Typography.js +2 -2
- package/dist/Typography/Typography.js.map +1 -1
- package/dist/UserPreferences/Action/Action.js +2 -2
- package/dist/UserPreferences/Action/Action.js.map +1 -1
- package/dist/UserPreferences/Actions/Actions.js +2 -2
- package/dist/UserPreferences/Actions/Actions.js.map +1 -1
- package/dist/UserPreferences/Options/Group/Group.js +2 -2
- package/dist/UserPreferences/Options/Group/Group.js.map +1 -1
- package/dist/UserPreferences/Options/Label/Label.js +2 -2
- package/dist/UserPreferences/Options/Label/Label.js.map +1 -1
- package/dist/UserPreferences/Options/Option.js +2 -2
- package/dist/UserPreferences/Options/Option.js.map +1 -1
- package/dist/UserPreferences/Options/Options.js +2 -2
- package/dist/UserPreferences/Options/Options.js.map +1 -1
- package/dist/UserPreferences/UserPreferences.js +2 -2
- package/dist/UserPreferences/UserPreferences.js.map +1 -1
- package/dist/VerticalNavigation/Actions/Action.js +2 -2
- package/dist/VerticalNavigation/Actions/Action.js.map +1 -1
- package/dist/VerticalNavigation/Actions/Actions.js +2 -2
- package/dist/VerticalNavigation/Actions/Actions.js.map +1 -1
- package/dist/VerticalNavigation/Navigation/Navigation.js +2 -2
- package/dist/VerticalNavigation/Navigation/Navigation.js.map +1 -1
- package/dist/VerticalNavigation/TreeView/TreeView.js +2 -2
- package/dist/VerticalNavigation/TreeView/TreeView.js.map +1 -1
- package/dist/VerticalNavigation/TreeView/TreeViewItem.js +7 -5
- package/dist/VerticalNavigation/TreeView/TreeViewItem.js.map +1 -1
- package/dist/VerticalNavigation/TreeView/descendants.js +2 -2
- package/dist/VerticalNavigation/TreeView/descendants.js.map +1 -1
- package/dist/VerticalNavigation/VerticalContainer/VerticalContainer.js +5 -3
- package/dist/VerticalNavigation/VerticalContainer/VerticalContainer.js.map +1 -1
- package/dist/VerticalNavigation/VerticalNavigation.js +2 -2
- package/dist/VerticalNavigation/VerticalNavigation.js.map +1 -1
- package/dist/index.d.ts +5 -0
- package/dist/index.js +25 -0
- package/dist/index.js.map +1 -1
- package/dist/legacy/Accordion/Accordion.js +2 -2
- package/dist/legacy/Accordion/Accordion.js.map +1 -1
- package/dist/legacy/ActionBar/ActionBar.js +2 -2
- package/dist/legacy/ActionBar/ActionBar.js.map +1 -1
- package/dist/legacy/ActionsGeneric/ActionsGeneric.js +2 -2
- package/dist/legacy/ActionsGeneric/ActionsGeneric.js.map +1 -1
- package/dist/legacy/AssetInventory/AssetInventory.js +2 -2
- package/dist/legacy/AssetInventory/AssetInventory.js.map +1 -1
- package/dist/legacy/AssetInventory/CardView/CardView.js +3 -3
- package/dist/legacy/AssetInventory/CardView/CardView.js.map +1 -1
- package/dist/legacy/AssetInventory/ListView/ListView.js +2 -2
- package/dist/legacy/AssetInventory/ListView/ListView.js.map +1 -1
- package/dist/legacy/AssetInventory/ListView/ListViewCell/ListViewCell.js +2 -2
- package/dist/legacy/AssetInventory/ListView/ListViewCell/ListViewCell.js.map +1 -1
- package/dist/legacy/AssetInventory/ListView/ListViewHeaderRow/ListViewHeaderRow.js +7 -4
- package/dist/legacy/AssetInventory/ListView/ListViewHeaderRow/ListViewHeaderRow.js.map +1 -1
- package/dist/legacy/AssetInventory/ListView/ListViewRow/ListViewRow.js +2 -2
- package/dist/legacy/AssetInventory/ListView/ListViewRow/ListViewRow.js.map +1 -1
- package/dist/legacy/AssetInventory/Multibutton/Multibutton.js +2 -2
- package/dist/legacy/AssetInventory/Multibutton/Multibutton.js.map +1 -1
- package/dist/legacy/AssetInventory/Search/Search.js +2 -2
- package/dist/legacy/AssetInventory/Search/Search.js.map +1 -1
- package/dist/legacy/AssetInventory/Sort/Sort.js +2 -2
- package/dist/legacy/AssetInventory/Sort/Sort.js.map +1 -1
- package/dist/legacy/Avatar/Avatar.js +2 -2
- package/dist/legacy/Avatar/Avatar.js.map +1 -1
- package/dist/legacy/Badge/Badge.js +2 -2
- package/dist/legacy/Badge/Badge.js.map +1 -1
- package/dist/legacy/Banner/Banner.js +2 -2
- package/dist/legacy/Banner/Banner.js.map +1 -1
- package/dist/legacy/Banner/BannerWrapper/ActionContainer/ActionContainer.js +2 -2
- package/dist/legacy/Banner/BannerWrapper/ActionContainer/ActionContainer.js.map +1 -1
- package/dist/legacy/Banner/BannerWrapper/BannerContentWrapper.js +2 -2
- package/dist/legacy/Banner/BannerWrapper/BannerContentWrapper.js.map +1 -1
- package/dist/legacy/Banner/BannerWrapper/MessageContainer/MessageContainer.js +2 -2
- package/dist/legacy/Banner/BannerWrapper/MessageContainer/MessageContainer.js.map +1 -1
- package/dist/legacy/Barchart/Barchart.js +2 -2
- package/dist/legacy/Barchart/Barchart.js.map +1 -1
- package/dist/legacy/BaseCheckBox/BaseCheckBox.js +2 -2
- package/dist/legacy/BaseCheckBox/BaseCheckBox.js.map +1 -1
- package/dist/legacy/BaseDropdown/BaseDropdown.js +2 -2
- package/dist/legacy/BaseDropdown/BaseDropdown.js.map +1 -1
- package/dist/legacy/BaseInput/BaseInput.js +2 -2
- package/dist/legacy/BaseInput/BaseInput.js.map +1 -1
- package/dist/legacy/BaseRadio/BaseRadio.js +2 -2
- package/dist/legacy/BaseRadio/BaseRadio.js.map +1 -1
- package/dist/legacy/BaseSwitch/BaseSwitch.js +2 -2
- package/dist/legacy/BaseSwitch/BaseSwitch.js.map +1 -1
- package/dist/legacy/BreadCrumb/BreadCrumb.js +6 -6
- package/dist/legacy/BreadCrumb/BreadCrumb.js.map +1 -1
- package/dist/legacy/BreadCrumb/utils.js +5 -2
- package/dist/legacy/BreadCrumb/utils.js.map +1 -1
- package/dist/legacy/BulkActions/BulkActions.js +2 -2
- package/dist/legacy/BulkActions/BulkActions.js.map +1 -1
- package/dist/legacy/Button/Button.js +2 -2
- package/dist/legacy/Button/Button.js.map +1 -1
- package/dist/legacy/Calendar/Calendar.js +2 -2
- package/dist/legacy/Calendar/Calendar.js.map +1 -1
- package/dist/legacy/Calendar/CalendarHeader/CalendarHeader.js +7 -4
- package/dist/legacy/Calendar/CalendarHeader/CalendarHeader.js.map +1 -1
- package/dist/legacy/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.js +2 -2
- package/dist/legacy/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.js.map +1 -1
- package/dist/legacy/Calendar/CalendarNavigation/MonthSelector/MonthSelector.js +2 -2
- package/dist/legacy/Calendar/CalendarNavigation/MonthSelector/MonthSelector.js.map +1 -1
- package/dist/legacy/Calendar/CalendarNavigation/Navigation/Navigation.js +2 -2
- package/dist/legacy/Calendar/CalendarNavigation/Navigation/Navigation.js.map +1 -1
- package/dist/legacy/Calendar/CalendarWeekLabels/CalendarWeekLabels.js +2 -2
- package/dist/legacy/Calendar/CalendarWeekLabels/CalendarWeekLabels.js.map +1 -1
- package/dist/legacy/Calendar/SingleCalendar/CalendarCell.js +2 -2
- package/dist/legacy/Calendar/SingleCalendar/CalendarCell.js.map +1 -1
- package/dist/legacy/Calendar/SingleCalendar/SingleCalendar.js +2 -2
- package/dist/legacy/Calendar/SingleCalendar/SingleCalendar.js.map +1 -1
- package/dist/legacy/Card/Card.js +2 -2
- package/dist/legacy/Card/Card.js.map +1 -1
- package/dist/legacy/Card/Content/Content.js +2 -2
- package/dist/legacy/Card/Content/Content.js.map +1 -1
- package/dist/legacy/Card/Header/Header.js +2 -2
- package/dist/legacy/Card/Header/Header.js.map +1 -1
- package/dist/legacy/Card/Media/Media.js +2 -2
- package/dist/legacy/Card/Media/Media.js.map +1 -1
- package/dist/legacy/Chart/Chart.js +2 -2
- package/dist/legacy/Chart/Chart.js.map +1 -1
- package/dist/legacy/Chart/Plot/Plot.js +2 -2
- package/dist/legacy/Chart/Plot/Plot.js.map +1 -1
- package/dist/legacy/Chart/Tooltip/MultiTooltip/MultiTooltip.js +2 -2
- package/dist/legacy/Chart/Tooltip/MultiTooltip/MultiTooltip.js.map +1 -1
- package/dist/legacy/Chart/Tooltip/SingleTooltip/SingleTooltip.js +2 -2
- package/dist/legacy/Chart/Tooltip/SingleTooltip/SingleTooltip.js.map +1 -1
- package/dist/legacy/Chart/Tooltip/Tooltip.js +2 -2
- package/dist/legacy/Chart/Tooltip/Tooltip.js.map +1 -1
- package/dist/legacy/CheckBox/CheckBox.js +2 -2
- package/dist/legacy/CheckBox/CheckBox.js.map +1 -1
- package/dist/legacy/CheckBoxGroup/CheckBoxGroup.js +2 -2
- package/dist/legacy/CheckBoxGroup/CheckBoxGroup.js.map +1 -1
- package/dist/legacy/Container/Container.js +2 -2
- package/dist/legacy/Container/Container.js.map +1 -1
- package/dist/legacy/DatePicker/DatePicker.js +2 -2
- package/dist/legacy/DatePicker/DatePicker.js.map +1 -1
- package/dist/legacy/Dialog/Dialog.js +7 -4
- package/dist/legacy/Dialog/Dialog.js.map +1 -1
- package/dist/legacy/Dialog/DialogActions/DialogActions.js +2 -2
- package/dist/legacy/Dialog/DialogActions/DialogActions.js.map +1 -1
- package/dist/legacy/Dialog/DialogContent/DialogContent.js +2 -2
- package/dist/legacy/Dialog/DialogContent/DialogContent.js.map +1 -1
- package/dist/legacy/Dialog/DialogTitle/DialogTitle.js +2 -2
- package/dist/legacy/Dialog/DialogTitle/DialogTitle.js.map +1 -1
- package/dist/legacy/Donutchart/Donutchart.js +2 -2
- package/dist/legacy/Donutchart/Donutchart.js.map +1 -1
- package/dist/legacy/DropDownMenu/DropDownMenu.js +2 -2
- package/dist/legacy/DropDownMenu/DropDownMenu.js.map +1 -1
- package/dist/legacy/Dropdown/Dropdown.js +2 -2
- package/dist/legacy/Dropdown/Dropdown.js.map +1 -1
- package/dist/legacy/Dropdown/List/List.js +2 -2
- package/dist/legacy/Dropdown/List/List.js.map +1 -1
- package/dist/legacy/EmptyState/EmptyState.js +2 -2
- package/dist/legacy/EmptyState/EmptyState.js.map +1 -1
- package/dist/legacy/FileUploader/DropZone/DropZone.js +2 -2
- package/dist/legacy/FileUploader/DropZone/DropZone.js.map +1 -1
- package/dist/legacy/FileUploader/File/File.js +6 -4
- package/dist/legacy/FileUploader/File/File.js.map +1 -1
- package/dist/legacy/FileUploader/FileList/FileList.js +2 -2
- package/dist/legacy/FileUploader/FileList/FileList.js.map +1 -1
- package/dist/legacy/FileUploader/FileUploader.js +2 -2
- package/dist/legacy/FileUploader/FileUploader.js.map +1 -1
- package/dist/legacy/FileUploader/Preview/Preview.js +6 -3
- package/dist/legacy/FileUploader/Preview/Preview.js.map +1 -1
- package/dist/legacy/FilterGroup/Counter/Counter.js +2 -2
- package/dist/legacy/FilterGroup/Counter/Counter.js.map +1 -1
- package/dist/legacy/FilterGroup/FilterContent/FilterContent.js +7 -4
- package/dist/legacy/FilterGroup/FilterContent/FilterContent.js.map +1 -1
- package/dist/legacy/FilterGroup/FilterGroup.js +2 -2
- package/dist/legacy/FilterGroup/FilterGroup.js.map +1 -1
- package/dist/legacy/FilterGroup/FilterGroupContext.js +2 -2
- package/dist/legacy/FilterGroup/FilterGroupContext.js.map +1 -1
- package/dist/legacy/FilterGroup/LeftPanel/LeftPanel.js +2 -2
- package/dist/legacy/FilterGroup/LeftPanel/LeftPanel.js.map +1 -1
- package/dist/legacy/FilterGroup/RightPanel/RightPanel.js +2 -2
- package/dist/legacy/FilterGroup/RightPanel/RightPanel.js.map +1 -1
- package/dist/legacy/Focus/Focus.js +2 -2
- package/dist/legacy/Focus/Focus.js.map +1 -1
- package/dist/legacy/Footer/Footer.js +2 -2
- package/dist/legacy/Footer/Footer.js.map +1 -1
- package/dist/legacy/Forms/Adornment/Adornment.js +2 -2
- package/dist/legacy/Forms/Adornment/Adornment.js.map +1 -1
- package/dist/legacy/Forms/CharCounter/CharCounter.js +2 -2
- package/dist/legacy/Forms/CharCounter/CharCounter.js.map +1 -1
- package/dist/legacy/Forms/FormElement/FormElement.js +2 -2
- package/dist/legacy/Forms/FormElement/FormElement.js.map +1 -1
- package/dist/legacy/Forms/InfoMessage/InfoMessage.js +2 -2
- package/dist/legacy/Forms/InfoMessage/InfoMessage.js.map +1 -1
- package/dist/legacy/Forms/Label/Label.js +7 -4
- package/dist/legacy/Forms/Label/Label.js.map +1 -1
- package/dist/legacy/Forms/Suggestions/Suggestions.js +2 -2
- package/dist/legacy/Forms/Suggestions/Suggestions.js.map +1 -1
- package/dist/legacy/Forms/WarningText/WarningText.js +2 -2
- package/dist/legacy/Forms/WarningText/WarningText.js.map +1 -1
- package/dist/legacy/GlobalActions/GlobalActions.js +9 -4
- package/dist/legacy/GlobalActions/GlobalActions.js.map +1 -1
- package/dist/legacy/Grid/Grid.js +5 -4
- package/dist/legacy/Grid/Grid.js.map +1 -1
- package/dist/legacy/Header/Actions/Actions.js +2 -2
- package/dist/legacy/Header/Actions/Actions.js.map +1 -1
- package/dist/legacy/Header/Brand/Brand.js +2 -2
- package/dist/legacy/Header/Brand/Brand.js.map +1 -1
- package/dist/legacy/Header/Header.js +2 -2
- package/dist/legacy/Header/Header.js.map +1 -1
- package/dist/legacy/Header/Navigation/MenuBar/MenuBar.js +2 -2
- package/dist/legacy/Header/Navigation/MenuBar/MenuBar.js.map +1 -1
- package/dist/legacy/Header/Navigation/MenuItem/MenuItem.js +2 -2
- package/dist/legacy/Header/Navigation/MenuItem/MenuItem.js.map +1 -1
- package/dist/legacy/Header/Navigation/Navigation.js +2 -2
- package/dist/legacy/Header/Navigation/Navigation.js.map +1 -1
- package/dist/legacy/Header/Navigation/utils/FocusContext.js +2 -2
- package/dist/legacy/Header/Navigation/utils/FocusContext.js.map +1 -1
- package/dist/legacy/Input/Input.js +8 -5
- package/dist/legacy/Input/Input.js.map +1 -1
- package/dist/legacy/Kpi/Kpi.js +2 -2
- package/dist/legacy/Kpi/Kpi.js.map +1 -1
- package/dist/legacy/Linechart/Linechart.js +2 -2
- package/dist/legacy/Linechart/Linechart.js.map +1 -1
- package/dist/legacy/Link/Link.js +2 -2
- package/dist/legacy/Link/Link.js.map +1 -1
- package/dist/legacy/List/List.js +4 -4
- package/dist/legacy/List/List.js.map +1 -1
- package/dist/legacy/ListContainer/ListContainer.js +2 -2
- package/dist/legacy/ListContainer/ListContainer.js.map +1 -1
- package/dist/legacy/ListContainer/ListItem/ListItem.js +2 -2
- package/dist/legacy/ListContainer/ListItem/ListItem.js.map +1 -1
- package/dist/legacy/Loading/Loading.js +2 -2
- package/dist/legacy/Loading/Loading.js.map +1 -1
- package/dist/legacy/Login/Login.js +2 -2
- package/dist/legacy/Login/Login.js.map +1 -1
- package/dist/legacy/MultiButton/MultiButton.js +2 -2
- package/dist/legacy/MultiButton/MultiButton.js.map +1 -1
- package/dist/legacy/OverflowTooltip/OverflowTooltip.d.ts +29 -0
- package/dist/legacy/OverflowTooltip/OverflowTooltip.js +126 -0
- package/dist/legacy/OverflowTooltip/OverflowTooltip.js.map +1 -0
- package/dist/legacy/OverflowTooltip/index.d.ts +1 -0
- package/dist/legacy/OverflowTooltip/index.js +2 -0
- package/dist/legacy/OverflowTooltip/index.js.map +1 -0
- package/dist/legacy/Pagination/Pagination.js +2 -2
- package/dist/legacy/Pagination/Pagination.js.map +1 -1
- package/dist/legacy/Panel/Panel.js +2 -2
- package/dist/legacy/Panel/Panel.js.map +1 -1
- package/dist/legacy/Provider/Provider.js +5 -3
- package/dist/legacy/Provider/Provider.js.map +1 -1
- package/dist/legacy/Radio/Radio.js +2 -2
- package/dist/legacy/Radio/Radio.js.map +1 -1
- package/dist/legacy/RadioGroup/RadioGroup.js +2 -2
- package/dist/legacy/RadioGroup/RadioGroup.js.map +1 -1
- package/dist/legacy/ScrollTo/Horizontal/HorizontalScrollListItem/HorizontalScrollListItem.js +2 -2
- package/dist/legacy/ScrollTo/Horizontal/HorizontalScrollListItem/HorizontalScrollListItem.js.map +1 -1
- package/dist/legacy/ScrollTo/Horizontal/ScrollToHorizontal.js +2 -2
- package/dist/legacy/ScrollTo/Horizontal/ScrollToHorizontal.js.map +1 -1
- package/dist/legacy/ScrollTo/Vertical/ScrollToVertical.js +2 -2
- package/dist/legacy/ScrollTo/Vertical/ScrollToVertical.js.map +1 -1
- package/dist/legacy/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.js +7 -4
- package/dist/legacy/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.js.map +1 -1
- package/dist/legacy/SelectionList/SelectionList.js +2 -2
- package/dist/legacy/SelectionList/SelectionList.js.map +1 -1
- package/dist/legacy/Snackbar/Snackbar.js +2 -2
- package/dist/legacy/Snackbar/Snackbar.js.map +1 -1
- package/dist/legacy/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.js +2 -2
- package/dist/legacy/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.js.map +1 -1
- package/dist/legacy/Snackbar/SnackbarProvider/SnackbarProvider.d.ts +30 -0
- package/dist/legacy/Snackbar/SnackbarProvider/SnackbarProvider.js +169 -0
- package/dist/legacy/Snackbar/SnackbarProvider/SnackbarProvider.js.map +1 -0
- package/dist/legacy/Snackbar/SnackbarProvider/index.d.ts +2 -0
- package/dist/legacy/Snackbar/SnackbarProvider/index.js +3 -0
- package/dist/legacy/Snackbar/SnackbarProvider/index.js.map +1 -0
- package/dist/legacy/Snackbar/stories/SnackbarProvider.stories.mdx +51 -0
- package/dist/legacy/Switch/Switch.js +2 -2
- package/dist/legacy/Switch/Switch.js.map +1 -1
- package/dist/legacy/Tab/Tab.js +2 -2
- package/dist/legacy/Tab/Tab.js.map +1 -1
- package/dist/legacy/Table/Header/Header.js +4 -2
- package/dist/legacy/Table/Header/Header.js.map +1 -1
- package/dist/legacy/Table/NoData/index.js +3 -1
- package/dist/legacy/Table/NoData/index.js.map +1 -1
- package/dist/legacy/Table/Table.js +5 -3
- package/dist/legacy/Table/Table.js.map +1 -1
- package/dist/legacy/Tabs/Tabs.js +6 -3
- package/dist/legacy/Tabs/Tabs.js.map +1 -1
- package/dist/legacy/Tag/Tag.js +6 -4
- package/dist/legacy/Tag/Tag.js.map +1 -1
- package/dist/legacy/TagsInput/TagsInput.d.ts +33 -4
- package/dist/legacy/TagsInput/TagsInput.js +131 -27
- package/dist/legacy/TagsInput/TagsInput.js.map +1 -1
- package/dist/legacy/TagsInput/styles.js +12 -8
- package/dist/legacy/TagsInput/styles.js.map +1 -1
- package/dist/legacy/TextArea/TextArea.js +2 -2
- package/dist/legacy/TextArea/TextArea.js.map +1 -1
- package/dist/legacy/ToggleButton/ToggleButton.js +2 -2
- package/dist/legacy/ToggleButton/ToggleButton.js.map +1 -1
- package/dist/legacy/Tooltip/Tooltip.js +2 -2
- package/dist/legacy/Tooltip/Tooltip.js.map +1 -1
- package/dist/legacy/Typography/Typography.js +2 -2
- package/dist/legacy/Typography/Typography.js.map +1 -1
- package/dist/legacy/UserPreferences/Action/Action.js +2 -2
- package/dist/legacy/UserPreferences/Action/Action.js.map +1 -1
- package/dist/legacy/UserPreferences/Actions/Actions.js +2 -2
- package/dist/legacy/UserPreferences/Actions/Actions.js.map +1 -1
- package/dist/legacy/UserPreferences/Options/Group/Group.js +2 -2
- package/dist/legacy/UserPreferences/Options/Group/Group.js.map +1 -1
- package/dist/legacy/UserPreferences/Options/Label/Label.js +2 -2
- package/dist/legacy/UserPreferences/Options/Label/Label.js.map +1 -1
- package/dist/legacy/UserPreferences/Options/Option.js +2 -2
- package/dist/legacy/UserPreferences/Options/Option.js.map +1 -1
- package/dist/legacy/UserPreferences/Options/Options.js +2 -2
- package/dist/legacy/UserPreferences/Options/Options.js.map +1 -1
- package/dist/legacy/UserPreferences/UserPreferences.js +2 -2
- package/dist/legacy/UserPreferences/UserPreferences.js.map +1 -1
- package/dist/legacy/VerticalNavigation/Actions/Action.js +2 -2
- package/dist/legacy/VerticalNavigation/Actions/Action.js.map +1 -1
- package/dist/legacy/VerticalNavigation/Actions/Actions.js +2 -2
- package/dist/legacy/VerticalNavigation/Actions/Actions.js.map +1 -1
- package/dist/legacy/VerticalNavigation/Navigation/Navigation.js +2 -2
- package/dist/legacy/VerticalNavigation/Navigation/Navigation.js.map +1 -1
- package/dist/legacy/VerticalNavigation/TreeView/TreeView.js +2 -2
- package/dist/legacy/VerticalNavigation/TreeView/TreeView.js.map +1 -1
- package/dist/legacy/VerticalNavigation/TreeView/TreeViewItem.js +6 -3
- package/dist/legacy/VerticalNavigation/TreeView/TreeViewItem.js.map +1 -1
- package/dist/legacy/VerticalNavigation/TreeView/descendants.js +2 -2
- package/dist/legacy/VerticalNavigation/TreeView/descendants.js.map +1 -1
- package/dist/legacy/VerticalNavigation/VerticalContainer/VerticalContainer.js +6 -3
- package/dist/legacy/VerticalNavigation/VerticalContainer/VerticalContainer.js.map +1 -1
- package/dist/legacy/VerticalNavigation/VerticalNavigation.js +2 -2
- package/dist/legacy/VerticalNavigation/VerticalNavigation.js.map +1 -1
- package/dist/legacy/index.d.ts +5 -0
- package/dist/legacy/index.js +2 -0
- package/dist/legacy/index.js.map +1 -1
- package/dist/legacy/withId.js +2 -2
- package/dist/legacy/withId.js.map +1 -1
- package/dist/legacy/withTooltip.js +3 -1
- package/dist/legacy/withTooltip.js.map +1 -1
- package/dist/modern/Accordion/Accordion.js +2 -2
- package/dist/modern/Accordion/Accordion.js.map +1 -1
- package/dist/modern/ActionBar/ActionBar.js +2 -2
- package/dist/modern/ActionBar/ActionBar.js.map +1 -1
- package/dist/modern/ActionsGeneric/ActionsGeneric.js +2 -2
- package/dist/modern/ActionsGeneric/ActionsGeneric.js.map +1 -1
- package/dist/modern/AssetInventory/AssetInventory.js +2 -2
- package/dist/modern/AssetInventory/AssetInventory.js.map +1 -1
- package/dist/modern/AssetInventory/CardView/CardView.js +3 -3
- package/dist/modern/AssetInventory/CardView/CardView.js.map +1 -1
- package/dist/modern/AssetInventory/ListView/ListView.js +2 -2
- package/dist/modern/AssetInventory/ListView/ListView.js.map +1 -1
- package/dist/modern/AssetInventory/ListView/ListViewCell/ListViewCell.js +2 -2
- package/dist/modern/AssetInventory/ListView/ListViewCell/ListViewCell.js.map +1 -1
- package/dist/modern/AssetInventory/ListView/ListViewHeaderRow/ListViewHeaderRow.js +7 -4
- package/dist/modern/AssetInventory/ListView/ListViewHeaderRow/ListViewHeaderRow.js.map +1 -1
- package/dist/modern/AssetInventory/ListView/ListViewRow/ListViewRow.js +2 -2
- package/dist/modern/AssetInventory/ListView/ListViewRow/ListViewRow.js.map +1 -1
- package/dist/modern/AssetInventory/Multibutton/Multibutton.js +2 -2
- package/dist/modern/AssetInventory/Multibutton/Multibutton.js.map +1 -1
- package/dist/modern/AssetInventory/Search/Search.js +2 -2
- package/dist/modern/AssetInventory/Search/Search.js.map +1 -1
- package/dist/modern/AssetInventory/Sort/Sort.js +2 -2
- package/dist/modern/AssetInventory/Sort/Sort.js.map +1 -1
- package/dist/modern/Avatar/Avatar.js +2 -2
- package/dist/modern/Avatar/Avatar.js.map +1 -1
- package/dist/modern/Badge/Badge.js +2 -2
- package/dist/modern/Badge/Badge.js.map +1 -1
- package/dist/modern/Banner/Banner.js +2 -2
- package/dist/modern/Banner/Banner.js.map +1 -1
- package/dist/modern/Banner/BannerWrapper/ActionContainer/ActionContainer.js +2 -2
- package/dist/modern/Banner/BannerWrapper/ActionContainer/ActionContainer.js.map +1 -1
- package/dist/modern/Banner/BannerWrapper/BannerContentWrapper.js +2 -2
- package/dist/modern/Banner/BannerWrapper/BannerContentWrapper.js.map +1 -1
- package/dist/modern/Banner/BannerWrapper/MessageContainer/MessageContainer.js +2 -2
- package/dist/modern/Banner/BannerWrapper/MessageContainer/MessageContainer.js.map +1 -1
- package/dist/modern/Barchart/Barchart.js +2 -2
- package/dist/modern/Barchart/Barchart.js.map +1 -1
- package/dist/modern/BaseCheckBox/BaseCheckBox.js +2 -2
- package/dist/modern/BaseCheckBox/BaseCheckBox.js.map +1 -1
- package/dist/modern/BaseDropdown/BaseDropdown.js +2 -2
- package/dist/modern/BaseDropdown/BaseDropdown.js.map +1 -1
- package/dist/modern/BaseInput/BaseInput.js +2 -2
- package/dist/modern/BaseInput/BaseInput.js.map +1 -1
- package/dist/modern/BaseRadio/BaseRadio.js +2 -2
- package/dist/modern/BaseRadio/BaseRadio.js.map +1 -1
- package/dist/modern/BaseSwitch/BaseSwitch.js +2 -2
- package/dist/modern/BaseSwitch/BaseSwitch.js.map +1 -1
- package/dist/modern/BreadCrumb/BreadCrumb.js +6 -6
- package/dist/modern/BreadCrumb/BreadCrumb.js.map +1 -1
- package/dist/modern/BreadCrumb/utils.js +5 -2
- package/dist/modern/BreadCrumb/utils.js.map +1 -1
- package/dist/modern/BulkActions/BulkActions.js +2 -2
- package/dist/modern/BulkActions/BulkActions.js.map +1 -1
- package/dist/modern/Button/Button.js +2 -2
- package/dist/modern/Button/Button.js.map +1 -1
- package/dist/modern/Calendar/Calendar.js +2 -2
- package/dist/modern/Calendar/Calendar.js.map +1 -1
- package/dist/modern/Calendar/CalendarHeader/CalendarHeader.js +7 -4
- package/dist/modern/Calendar/CalendarHeader/CalendarHeader.js.map +1 -1
- package/dist/modern/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.js +2 -2
- package/dist/modern/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.js.map +1 -1
- package/dist/modern/Calendar/CalendarNavigation/MonthSelector/MonthSelector.js +2 -2
- package/dist/modern/Calendar/CalendarNavigation/MonthSelector/MonthSelector.js.map +1 -1
- package/dist/modern/Calendar/CalendarNavigation/Navigation/Navigation.js +2 -2
- package/dist/modern/Calendar/CalendarNavigation/Navigation/Navigation.js.map +1 -1
- package/dist/modern/Calendar/CalendarWeekLabels/CalendarWeekLabels.js +2 -2
- package/dist/modern/Calendar/CalendarWeekLabels/CalendarWeekLabels.js.map +1 -1
- package/dist/modern/Calendar/SingleCalendar/CalendarCell.js +2 -2
- package/dist/modern/Calendar/SingleCalendar/CalendarCell.js.map +1 -1
- package/dist/modern/Calendar/SingleCalendar/SingleCalendar.js +2 -2
- package/dist/modern/Calendar/SingleCalendar/SingleCalendar.js.map +1 -1
- package/dist/modern/Card/Card.js +2 -2
- package/dist/modern/Card/Card.js.map +1 -1
- package/dist/modern/Card/Content/Content.js +2 -2
- package/dist/modern/Card/Content/Content.js.map +1 -1
- package/dist/modern/Card/Header/Header.js +2 -2
- package/dist/modern/Card/Header/Header.js.map +1 -1
- package/dist/modern/Card/Media/Media.js +2 -2
- package/dist/modern/Card/Media/Media.js.map +1 -1
- package/dist/modern/Chart/Chart.js +2 -2
- package/dist/modern/Chart/Chart.js.map +1 -1
- package/dist/modern/Chart/Plot/Plot.js +2 -2
- package/dist/modern/Chart/Plot/Plot.js.map +1 -1
- package/dist/modern/Chart/Tooltip/MultiTooltip/MultiTooltip.js +2 -2
- package/dist/modern/Chart/Tooltip/MultiTooltip/MultiTooltip.js.map +1 -1
- package/dist/modern/Chart/Tooltip/SingleTooltip/SingleTooltip.js +2 -2
- package/dist/modern/Chart/Tooltip/SingleTooltip/SingleTooltip.js.map +1 -1
- package/dist/modern/Chart/Tooltip/Tooltip.js +2 -2
- package/dist/modern/Chart/Tooltip/Tooltip.js.map +1 -1
- package/dist/modern/CheckBox/CheckBox.js +2 -2
- package/dist/modern/CheckBox/CheckBox.js.map +1 -1
- package/dist/modern/CheckBoxGroup/CheckBoxGroup.js +2 -2
- package/dist/modern/CheckBoxGroup/CheckBoxGroup.js.map +1 -1
- package/dist/modern/Container/Container.js +2 -2
- package/dist/modern/Container/Container.js.map +1 -1
- package/dist/modern/DatePicker/DatePicker.js +2 -2
- package/dist/modern/DatePicker/DatePicker.js.map +1 -1
- package/dist/modern/Dialog/Dialog.js +7 -4
- package/dist/modern/Dialog/Dialog.js.map +1 -1
- package/dist/modern/Dialog/DialogActions/DialogActions.js +2 -2
- package/dist/modern/Dialog/DialogActions/DialogActions.js.map +1 -1
- package/dist/modern/Dialog/DialogContent/DialogContent.js +2 -2
- package/dist/modern/Dialog/DialogContent/DialogContent.js.map +1 -1
- package/dist/modern/Dialog/DialogTitle/DialogTitle.js +2 -2
- package/dist/modern/Dialog/DialogTitle/DialogTitle.js.map +1 -1
- package/dist/modern/Donutchart/Donutchart.js +2 -2
- package/dist/modern/Donutchart/Donutchart.js.map +1 -1
- package/dist/modern/DropDownMenu/DropDownMenu.js +2 -2
- package/dist/modern/DropDownMenu/DropDownMenu.js.map +1 -1
- package/dist/modern/Dropdown/Dropdown.js +2 -2
- package/dist/modern/Dropdown/Dropdown.js.map +1 -1
- package/dist/modern/Dropdown/List/List.js +2 -2
- package/dist/modern/Dropdown/List/List.js.map +1 -1
- package/dist/modern/EmptyState/EmptyState.js +2 -2
- package/dist/modern/EmptyState/EmptyState.js.map +1 -1
- package/dist/modern/FileUploader/DropZone/DropZone.js +2 -2
- package/dist/modern/FileUploader/DropZone/DropZone.js.map +1 -1
- package/dist/modern/FileUploader/File/File.js +6 -4
- package/dist/modern/FileUploader/File/File.js.map +1 -1
- package/dist/modern/FileUploader/FileList/FileList.js +2 -2
- package/dist/modern/FileUploader/FileList/FileList.js.map +1 -1
- package/dist/modern/FileUploader/FileUploader.js +2 -2
- package/dist/modern/FileUploader/FileUploader.js.map +1 -1
- package/dist/modern/FileUploader/Preview/Preview.js +6 -3
- package/dist/modern/FileUploader/Preview/Preview.js.map +1 -1
- package/dist/modern/FilterGroup/Counter/Counter.js +2 -2
- package/dist/modern/FilterGroup/Counter/Counter.js.map +1 -1
- package/dist/modern/FilterGroup/FilterContent/FilterContent.js +7 -4
- package/dist/modern/FilterGroup/FilterContent/FilterContent.js.map +1 -1
- package/dist/modern/FilterGroup/FilterGroup.js +2 -2
- package/dist/modern/FilterGroup/FilterGroup.js.map +1 -1
- package/dist/modern/FilterGroup/FilterGroupContext.js +2 -2
- package/dist/modern/FilterGroup/FilterGroupContext.js.map +1 -1
- package/dist/modern/FilterGroup/LeftPanel/LeftPanel.js +2 -2
- package/dist/modern/FilterGroup/LeftPanel/LeftPanel.js.map +1 -1
- package/dist/modern/FilterGroup/RightPanel/RightPanel.js +2 -2
- package/dist/modern/FilterGroup/RightPanel/RightPanel.js.map +1 -1
- package/dist/modern/Focus/Focus.js +2 -2
- package/dist/modern/Focus/Focus.js.map +1 -1
- package/dist/modern/Footer/Footer.js +2 -2
- package/dist/modern/Footer/Footer.js.map +1 -1
- package/dist/modern/Forms/Adornment/Adornment.js +2 -2
- package/dist/modern/Forms/Adornment/Adornment.js.map +1 -1
- package/dist/modern/Forms/CharCounter/CharCounter.js +2 -2
- package/dist/modern/Forms/CharCounter/CharCounter.js.map +1 -1
- package/dist/modern/Forms/FormElement/FormElement.js +2 -2
- package/dist/modern/Forms/FormElement/FormElement.js.map +1 -1
- package/dist/modern/Forms/InfoMessage/InfoMessage.js +2 -2
- package/dist/modern/Forms/InfoMessage/InfoMessage.js.map +1 -1
- package/dist/modern/Forms/Label/Label.js +7 -4
- package/dist/modern/Forms/Label/Label.js.map +1 -1
- package/dist/modern/Forms/Suggestions/Suggestions.js +2 -2
- package/dist/modern/Forms/Suggestions/Suggestions.js.map +1 -1
- package/dist/modern/Forms/WarningText/WarningText.js +2 -2
- package/dist/modern/Forms/WarningText/WarningText.js.map +1 -1
- package/dist/modern/GlobalActions/GlobalActions.js +9 -4
- package/dist/modern/GlobalActions/GlobalActions.js.map +1 -1
- package/dist/modern/Grid/Grid.js +3 -3
- package/dist/modern/Grid/Grid.js.map +1 -1
- package/dist/modern/Header/Actions/Actions.js +2 -2
- package/dist/modern/Header/Actions/Actions.js.map +1 -1
- package/dist/modern/Header/Brand/Brand.js +2 -2
- package/dist/modern/Header/Brand/Brand.js.map +1 -1
- package/dist/modern/Header/Header.js +2 -2
- package/dist/modern/Header/Header.js.map +1 -1
- package/dist/modern/Header/Navigation/MenuBar/MenuBar.js +2 -2
- package/dist/modern/Header/Navigation/MenuBar/MenuBar.js.map +1 -1
- package/dist/modern/Header/Navigation/MenuItem/MenuItem.js +2 -2
- package/dist/modern/Header/Navigation/MenuItem/MenuItem.js.map +1 -1
- package/dist/modern/Header/Navigation/Navigation.js +2 -2
- package/dist/modern/Header/Navigation/Navigation.js.map +1 -1
- package/dist/modern/Header/Navigation/utils/FocusContext.js +2 -2
- package/dist/modern/Header/Navigation/utils/FocusContext.js.map +1 -1
- package/dist/modern/Input/Input.js +8 -5
- package/dist/modern/Input/Input.js.map +1 -1
- package/dist/modern/Kpi/Kpi.js +2 -2
- package/dist/modern/Kpi/Kpi.js.map +1 -1
- package/dist/modern/Linechart/Linechart.js +2 -2
- package/dist/modern/Linechart/Linechart.js.map +1 -1
- package/dist/modern/Link/Link.js +2 -2
- package/dist/modern/Link/Link.js.map +1 -1
- package/dist/modern/List/List.js +4 -4
- package/dist/modern/List/List.js.map +1 -1
- package/dist/modern/ListContainer/ListContainer.js +2 -2
- package/dist/modern/ListContainer/ListContainer.js.map +1 -1
- package/dist/modern/ListContainer/ListItem/ListItem.js +2 -2
- package/dist/modern/ListContainer/ListItem/ListItem.js.map +1 -1
- package/dist/modern/Loading/Loading.js +2 -2
- package/dist/modern/Loading/Loading.js.map +1 -1
- package/dist/modern/Login/Login.js +2 -2
- package/dist/modern/Login/Login.js.map +1 -1
- package/dist/modern/MultiButton/MultiButton.js +2 -2
- package/dist/modern/MultiButton/MultiButton.js.map +1 -1
- package/dist/modern/OverflowTooltip/OverflowTooltip.d.ts +29 -0
- package/dist/modern/OverflowTooltip/OverflowTooltip.js +120 -0
- package/dist/modern/OverflowTooltip/OverflowTooltip.js.map +1 -0
- package/dist/modern/OverflowTooltip/index.d.ts +1 -0
- package/dist/modern/OverflowTooltip/index.js +2 -0
- package/dist/modern/OverflowTooltip/index.js.map +1 -0
- package/dist/modern/Pagination/Pagination.js +2 -2
- package/dist/modern/Pagination/Pagination.js.map +1 -1
- package/dist/modern/Panel/Panel.js +2 -2
- package/dist/modern/Panel/Panel.js.map +1 -1
- package/dist/modern/Provider/Provider.js +5 -3
- package/dist/modern/Provider/Provider.js.map +1 -1
- package/dist/modern/Radio/Radio.js +2 -2
- package/dist/modern/Radio/Radio.js.map +1 -1
- package/dist/modern/RadioGroup/RadioGroup.js +2 -2
- package/dist/modern/RadioGroup/RadioGroup.js.map +1 -1
- package/dist/modern/ScrollTo/Horizontal/HorizontalScrollListItem/HorizontalScrollListItem.js +2 -2
- package/dist/modern/ScrollTo/Horizontal/HorizontalScrollListItem/HorizontalScrollListItem.js.map +1 -1
- package/dist/modern/ScrollTo/Horizontal/ScrollToHorizontal.js +2 -2
- package/dist/modern/ScrollTo/Horizontal/ScrollToHorizontal.js.map +1 -1
- package/dist/modern/ScrollTo/Vertical/ScrollToVertical.js +2 -2
- package/dist/modern/ScrollTo/Vertical/ScrollToVertical.js.map +1 -1
- package/dist/modern/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.js +7 -4
- package/dist/modern/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.js.map +1 -1
- package/dist/modern/SelectionList/SelectionList.js +2 -2
- package/dist/modern/SelectionList/SelectionList.js.map +1 -1
- package/dist/modern/Snackbar/Snackbar.js +2 -2
- package/dist/modern/Snackbar/Snackbar.js.map +1 -1
- package/dist/modern/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.js +2 -2
- package/dist/modern/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.js.map +1 -1
- package/dist/modern/Snackbar/SnackbarProvider/SnackbarProvider.d.ts +30 -0
- package/dist/modern/Snackbar/SnackbarProvider/SnackbarProvider.js +155 -0
- package/dist/modern/Snackbar/SnackbarProvider/SnackbarProvider.js.map +1 -0
- package/dist/modern/Snackbar/SnackbarProvider/index.d.ts +2 -0
- package/dist/modern/Snackbar/SnackbarProvider/index.js +3 -0
- package/dist/modern/Snackbar/SnackbarProvider/index.js.map +1 -0
- package/dist/modern/Snackbar/stories/SnackbarProvider.stories.mdx +51 -0
- package/dist/modern/Switch/Switch.js +2 -2
- package/dist/modern/Switch/Switch.js.map +1 -1
- package/dist/modern/Tab/Tab.js +2 -2
- package/dist/modern/Tab/Tab.js.map +1 -1
- package/dist/modern/Table/Header/Header.js +4 -2
- package/dist/modern/Table/Header/Header.js.map +1 -1
- package/dist/modern/Table/NoData/index.js +3 -1
- package/dist/modern/Table/NoData/index.js.map +1 -1
- package/dist/modern/Table/Table.js +5 -3
- package/dist/modern/Table/Table.js.map +1 -1
- package/dist/modern/Tabs/Tabs.js +6 -3
- package/dist/modern/Tabs/Tabs.js.map +1 -1
- package/dist/modern/Tag/Tag.js +6 -4
- package/dist/modern/Tag/Tag.js.map +1 -1
- package/dist/modern/TagsInput/TagsInput.d.ts +33 -4
- package/dist/modern/TagsInput/TagsInput.js +110 -21
- package/dist/modern/TagsInput/TagsInput.js.map +1 -1
- package/dist/modern/TagsInput/styles.js +12 -8
- package/dist/modern/TagsInput/styles.js.map +1 -1
- package/dist/modern/TextArea/TextArea.js +2 -2
- package/dist/modern/TextArea/TextArea.js.map +1 -1
- package/dist/modern/ToggleButton/ToggleButton.js +2 -2
- package/dist/modern/ToggleButton/ToggleButton.js.map +1 -1
- package/dist/modern/Tooltip/Tooltip.js +2 -2
- package/dist/modern/Tooltip/Tooltip.js.map +1 -1
- package/dist/modern/Typography/Typography.js +2 -2
- package/dist/modern/Typography/Typography.js.map +1 -1
- package/dist/modern/UserPreferences/Action/Action.js +2 -2
- package/dist/modern/UserPreferences/Action/Action.js.map +1 -1
- package/dist/modern/UserPreferences/Actions/Actions.js +2 -2
- package/dist/modern/UserPreferences/Actions/Actions.js.map +1 -1
- package/dist/modern/UserPreferences/Options/Group/Group.js +2 -2
- package/dist/modern/UserPreferences/Options/Group/Group.js.map +1 -1
- package/dist/modern/UserPreferences/Options/Label/Label.js +2 -2
- package/dist/modern/UserPreferences/Options/Label/Label.js.map +1 -1
- package/dist/modern/UserPreferences/Options/Option.js +2 -2
- package/dist/modern/UserPreferences/Options/Option.js.map +1 -1
- package/dist/modern/UserPreferences/Options/Options.js +2 -2
- package/dist/modern/UserPreferences/Options/Options.js.map +1 -1
- package/dist/modern/UserPreferences/UserPreferences.js +2 -2
- package/dist/modern/UserPreferences/UserPreferences.js.map +1 -1
- package/dist/modern/VerticalNavigation/Actions/Action.js +2 -2
- package/dist/modern/VerticalNavigation/Actions/Action.js.map +1 -1
- package/dist/modern/VerticalNavigation/Actions/Actions.js +2 -2
- package/dist/modern/VerticalNavigation/Actions/Actions.js.map +1 -1
- package/dist/modern/VerticalNavigation/Navigation/Navigation.js +2 -2
- package/dist/modern/VerticalNavigation/Navigation/Navigation.js.map +1 -1
- package/dist/modern/VerticalNavigation/TreeView/TreeView.js +2 -2
- package/dist/modern/VerticalNavigation/TreeView/TreeView.js.map +1 -1
- package/dist/modern/VerticalNavigation/TreeView/TreeViewItem.js +6 -3
- package/dist/modern/VerticalNavigation/TreeView/TreeViewItem.js.map +1 -1
- package/dist/modern/VerticalNavigation/TreeView/descendants.js +2 -2
- package/dist/modern/VerticalNavigation/TreeView/descendants.js.map +1 -1
- package/dist/modern/VerticalNavigation/VerticalContainer/VerticalContainer.js +6 -3
- package/dist/modern/VerticalNavigation/VerticalContainer/VerticalContainer.js.map +1 -1
- package/dist/modern/VerticalNavigation/VerticalNavigation.js +2 -2
- package/dist/modern/VerticalNavigation/VerticalNavigation.js.map +1 -1
- package/dist/modern/index.d.ts +5 -0
- package/dist/modern/index.js +2 -0
- package/dist/modern/index.js.map +1 -1
- package/dist/modern/withId.js +2 -2
- package/dist/modern/withId.js.map +1 -1
- package/dist/modern/withTooltip.js +32 -27
- package/dist/modern/withTooltip.js.map +1 -1
- package/dist/withId.js +2 -2
- package/dist/withId.js.map +1 -1
- package/dist/withTooltip.js +4 -2
- package/dist/withTooltip.js.map +1 -1
- package/package.json +8 -7
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/SelectionList/SelectionList.js"],"names":["React","useCallback","useMemo","useRef","useEffect","PropTypes","clsx","withStyles","isKeypress","KeyboardCodes","HvFormElement","HvLabel","HvInfoMessage","HvWarningText","HvListContainer","useUniqueId","setId","useControlled","styles","multiSelectionEventHandler","getValueFromSelectedChildren","children","multiple","selectedValues","Children","toArray","map","child","childIsControlled","props","selected","undefined","childIsSelected","defaultSelected","value","filter","v","HvSelectionList","classes","className","id","name","valueProp","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","status","statusMessage","ariaErrorMessage","orientation","singleSelectionToggle","others","elementId","setValue","validationState","setValidationState","validationMessage","allValues","selectedState","childValues","childSelectedState","forEach","i","childValue","indexOf","selectionAnchor","listContainer","ArrowUp","ArrowDown","handleMeta","event","tempArray","shiftKey","current","contains","target","isSelected","push","window","addEventListener","removeEventListener","onChildChangeInterceptor","index","childOnClick","evt","newValue","length","modifiedChildren","cloneElement","role","onClick","canShowError","errorMessageId","root","join","trim","listbox","vertical","horizontal","invalid","error","propTypes","string","shape","isRequired","oneOfType","any","arrayOf","node","bool","oneOf","func"],"mappings":";;;;AAAA,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,OAA7B,EAAsCC,MAAtC,EAA8CC,SAA9C,QAA+D,OAA/D;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,IAAP,MAAiB,MAAjB;AAEA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,UAAT,EAAqBC,aAArB,QAA0C,wBAA1C;AAEA,SACEC,aADF,EAEEC,OAFF,EAGEC,aAHF,EAIEC,aAJF,EAKEC,eALF,EAMEC,WANF,QAOO,IAPP;AASA,SAASC,KAAT,EAAgBC,aAAhB,QAAqC,UAArC;AAEA,OAAOC,MAAP,MAAmB,UAAnB;AAEA,OAAOC,0BAAP,MAAuC,qCAAvC;;AAEA,MAAMC,4BAA4B,GAAG,CAACC,QAAD,EAAWC,QAAX,KAAwB;AAC3D,QAAMC,cAAc,GAAGvB,KAAK,CAACwB,QAAN,CAAeC,OAAf,CAAuBJ,QAAvB,EACpBK,GADoB,CACfC,KAAD,IAAW;AACd,UAAMC,iBAAiB,GAAGD,KAAK,CAACE,KAAN,CAAYC,QAAZ,KAAyBC,SAAnD;AACA,UAAMC,eAAe,GAAGJ,iBAAiB,GACrCD,KAAK,CAACE,KAAN,CAAYC,QADyB,GAErCH,KAAK,CAACE,KAAN,CAAYI,eAFhB;AAIA,WAAOD,eAAe,GAAGL,KAAK,CAACE,KAAN,CAAYK,KAAf,GAAuBH,SAA7C;AACD,GARoB,EASpBI,MAToB,CASZC,CAAD,IAAOA,CAAC,KAAKL,SATA,CAAvB;AAWA,SAAOT,QAAQ,GAAGC,cAAH,GAAoBA,cAApB,aAAoBA,cAApB,uBAAoBA,cAAc,CAAG,CAAH,CAAjD;AACD,CAbD;AAeA;AACA;AACA;AACA;AACA;AACA;;;AAEA,MAAMc,eAAe,GAAIR,KAAD,IAAW;AACjC,QAAM;AACJS,IAAAA,OADI;AAEJC,IAAAA,SAFI;AAIJC,IAAAA,EAJI;AAKJC,IAAAA,IALI;AAMJP,IAAAA,KAAK,EAAEQ,SANH;AAOJC,IAAAA,YAPI;AASJC,IAAAA,QAAQ,GAAG,KATP;AAUJC,IAAAA,QAAQ,GAAG,KAVP;AAWJC,IAAAA,QAAQ,GAAG,KAXP;AAaJC,IAAAA,KAbI;AAcJ,kBAAcC,SAdV;AAeJ,uBAAmBC,cAff;AAgBJC,IAAAA,WAhBI;AAiBJ,wBAAoBC,eAjBhB;AAmBJC,IAAAA,QAnBI;AAqBJC,IAAAA,MArBI;AAsBJC,IAAAA,aAtBI;AAuBJ,yBAAqBC,gBAvBjB;AAyBJC,IAAAA,WAAW,GAAG,UAzBV;AA2BJlC,IAAAA,QAAQ,GAAG,KA3BP;AA4BJmC,IAAAA,qBAAqB,GAAG,KA5BpB;AA8BJpC,IAAAA;AA9BI,MAgCFQ,KAhCJ;AAAA,QA+BK6B,MA/BL,4BAgCI7B,KAhCJ;;AAkCA,QAAM8B,SAAS,GAAG5C,WAAW,CAACyB,EAAD,EAAK,iBAAL,CAA7B;AAEA,QAAM,CAACN,KAAD,EAAQ0B,QAAR,IAAoB3C,aAAa,CACrCyB,SADqC,EAErCC,YAAY,KAAKZ,SAAjB,GACIY,YADJ,GAEI;AACA;AACA,QAAMvB,4BAA4B,CAACC,QAAD,EAAWC,QAAX,CAND,CAAvC;AASA,QAAM,CAACuC,eAAD,EAAkBC,kBAAlB,IAAwC7C,aAAa,CAACoC,MAAD,EAAS,SAAT,CAA3D;AAEA,QAAM,CAACU,iBAAD,IAAsB9C,aAAa,CAACqC,aAAD,EAAgB,UAAhB,CAAzC;AAEA,QAAM,CAACU,SAAD,EAAYC,aAAZ,IAA6B/D,OAAO,CAAC,MAAM;AAC/C,UAAMgE,WAAW,GAAG,EAApB;AACA,UAAMC,kBAAkB,GAAG,EAA3B;AAEAnE,IAAAA,KAAK,CAACwB,QAAN,CAAeC,OAAf,CAAuBJ,QAAvB,EAAiC+C,OAAjC,CAAyC,CAACzC,KAAD,EAAQ0C,CAAR,KAAc;AACrD,YAAMC,UAAU,GAAG3C,KAAK,CAACE,KAAN,CAAYK,KAA/B;AACA,YAAMF,eAAe,GAAGV,QAAQ,GAAGY,KAAK,CAACqC,OAAN,CAAcD,UAAd,MAA8B,CAAC,CAAlC,GAAsCpC,KAAK,KAAKoC,UAAhF;AAEAJ,MAAAA,WAAW,CAACG,CAAD,CAAX,GAAiBC,UAAjB;AACAH,MAAAA,kBAAkB,CAACE,CAAD,CAAlB,GAAwBrC,eAAxB;AACD,KAND;AAQA,WAAO,CAACkC,WAAD,EAAcC,kBAAd,CAAP;AACD,GAbyC,EAavC,CAAC9C,QAAD,EAAWC,QAAX,EAAqBY,KAArB,CAbuC,CAA1C;AAeA,QAAMsC,eAAe,GAAGrE,MAAM,CAAC4B,SAAD,CAA9B;AAEA,QAAM0C,aAAa,GAAGtE,MAAM,CAAC,IAAD,CAA5B;AAEA,QAAM;AAAEuE,IAAAA,OAAF;AAAWC,IAAAA;AAAX,MAAyBlE,aAA/B;AAEAL,EAAAA,SAAS,CAAC,MAAM;AACd,UAAMwE,UAAU,GAAIC,KAAD,IAAW;AAC5B,YAAMC,SAAS,GAAG,EAAlB;;AACA,UACGtE,UAAU,CAACqE,KAAD,EAAQH,OAAR,CAAV,IACCG,KAAK,CAACE,QADP,IAECN,aAAa,CAACO,OAAd,CAAsBC,QAAtB,CAA+BJ,KAAK,CAACK,MAArC,CAFF,IAGC1E,UAAU,CAACqE,KAAD,EAAQF,SAAR,CAAV,IACCE,KAAK,CAACE,QADP,IAECN,aAAa,CAACO,OAAd,CAAsBC,QAAtB,CAA+BJ,KAAK,CAACK,MAArC,CANJ,EAOE;AACAjB,QAAAA,aAAa,CAACG,OAAd,CAAsB,CAACe,UAAD,EAAad,CAAb,KAAmB;AACvC,cAAIA,CAAC,KAAKQ,KAAK,CAACK,MAAN,CAAahD,KAAb,GAAqB,CAA/B,EAAkC;AAChC,gBAAI,CAACiD,UAAL,EAAiB;AACfL,cAAAA,SAAS,CAACM,IAAV,CAAepB,SAAS,CAACK,CAAD,CAAxB;AACD;AACF,WAJD,MAIO,IAAIc,UAAJ,EAAgB;AACrBL,YAAAA,SAAS,CAACM,IAAV,CAAepB,SAAS,CAACK,CAAD,CAAxB;AACD;AACF,SARD;AASAT,QAAAA,QAAQ,CAACkB,SAAD,CAAR;AACD;AACF,KArBD;;AAsBAO,IAAAA,MAAM,CAACC,gBAAP,CAAwB,OAAxB,EAAiCV,UAAjC;AAEA,WAAO,MAAM;AACXS,MAAAA,MAAM,CAACE,mBAAP,CAA2B,OAA3B,EAAoCX,UAApC;AACD,KAFD;AAGD,GA5BQ,EA4BN,CAACZ,SAAD,EAAYC,aAAZ,EAA2BL,QAA3B,EAAqCc,OAArC,EAA8CC,SAA9C,CA5BM,CAAT;AA8BA,QAAMa,wBAAwB,GAAGvF,WAAW,CAC1C,CAACwF,KAAD,EAAQC,YAAR,EAAsBC,GAAtB,KAA8B;AAC5BD,IAAAA,YAAY,SAAZ,IAAAA,YAAY,WAAZ,YAAAA,YAAY,CAAGC,GAAH,CAAZ;;AACA,QAAI,CAAC9C,QAAD,IAAa,CAACC,QAAlB,EAA4B;AAC1B,UAAI8C,QAAJ;;AACA,UAAItE,QAAJ,EAAc;AACZsE,QAAAA,QAAQ,GAAGzE,0BAA0B,CACnCwE,GADmC,EAEnCF,KAFmC,EAGnCjB,eAHmC,EAInCR,SAJmC,EAKnCC,aALmC,CAArC;AAOD,OARD,MAQO;AACL2B,QAAAA,QAAQ,GAAGnC,qBAAqB,IAAIQ,aAAa,CAACwB,KAAD,CAAtC,GAAgD,IAAhD,GAAuDzB,SAAS,CAACyB,KAAD,CAA3E;AACD;;AAEDrC,MAAAA,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGuC,GAAH,EAAQC,QAAR,CAAR;AAEAhC,MAAAA,QAAQ,CAAC,MAAM;AACb;AAEA,YAAIhB,QAAQ,IAAIgD,QAAQ,CAACC,MAAT,KAAoB,CAApC,EAAuC;AACrC/B,UAAAA,kBAAkB,CAAC,SAAD,CAAlB;AACD,SAFD,MAEO;AACLA,UAAAA,kBAAkB,CAAC,OAAD,CAAlB;AACD;;AAED,eAAO8B,QAAP;AACD,OAVO,CAAR;AAWD;AACF,GA/ByC,EAgC1C,CACE5B,SADF,EAEElB,QAFF,EAGExB,QAHF,EAIE8B,QAJF,EAKEP,QALF,EAMED,QANF,EAOEqB,aAPF,EAQEH,kBARF,EASEF,QATF,EAUEH,qBAVF,EAWEe,eAXF,CAhC0C,CAA5C;AA+CA,QAAMsB,gBAAgB,GAAG5F,OAAO,CAAC,MAAM;AACrC,WAAOF,KAAK,CAACwB,QAAN,CAAeE,GAAf,CAAmBL,QAAnB,EAA6B,CAACM,KAAD,EAAQ0C,CAAR,KAAc;AAChD,YAAMrC,eAAe,GAAGiC,aAAa,CAACI,CAAD,CAArC;AAEA,0BAAOrE,KAAK,CAAC+F,YAAN,CAAmBpE,KAAnB,EAA0B;AAC/BqE,QAAAA,IAAI,EAAE,QADyB;AAE/BlE,QAAAA,QAAQ,EAAEE,eAFqB;AAG/BiE,QAAAA,OAAO,EAAGN,GAAD,IAASH,wBAAwB,CAACnB,CAAD,EAAI1C,KAAK,CAACE,KAAN,CAAYoE,OAAhB,EAAyBN,GAAzB,CAHX;AAI/B7C,QAAAA,QAAQ,EAAEA,QAAQ,IAAInB,KAAK,CAACE,KAAN,CAAYiB;AAJH,OAA1B,CAAP;AAMD,KATM,CAAP;AAUD,GAX+B,EAW7B,CAACzB,QAAD,EAAWyB,QAAX,EAAqB0C,wBAArB,EAA+CvB,aAA/C,CAX6B,CAAhC,CApJiC,CAiKjC;AACA;AACA;AACA;;AACA,QAAMiC,YAAY,GAChB3C,gBAAgB,IAAI,IAApB,KACEF,MAAM,KAAKtB,SAAX,IAAwBuB,aAAa,KAAKvB,SAA3C,IAA0DsB,MAAM,KAAKtB,SAAX,IAAwBa,QADnF,CADF;AAIA,QAAMuD,cAAc,GAAGD,YAAY,GAAGlF,KAAK,CAAC2C,SAAD,EAAY,OAAZ,CAAR,GAA+BJ,gBAAlE;AAEA,sBACE,oBAAC,aAAD;AACE,IAAA,EAAE,EAAEf,EADN;AAEE,IAAA,IAAI,EAAEC,IAFR;AAGE,IAAA,MAAM,EAAEoB,eAHV;AAIE,IAAA,QAAQ,EAAEf,QAJZ;AAKE,IAAA,QAAQ,EAAEF,QALZ;AAME,IAAA,QAAQ,EAAEC,QANZ;AAOE,IAAA,SAAS,EAAEvC,IAAI,CAACiC,SAAD,EAAYD,OAAO,CAAC8D,IAApB;AAPjB,KASGrD,KAAK,iBAAI,oBAAC,OAAD;AAAS,IAAA,EAAE,EAAE/B,KAAK,CAAC2C,SAAD,EAAY,OAAZ,CAAlB;AAAwC,IAAA,KAAK,EAAEZ,KAA/C;AAAsD,IAAA,SAAS,EAAET,OAAO,CAACS;AAAzE,IATZ,EAUGG,WAAW,iBACV,oBAAC,aAAD;AAAe,IAAA,EAAE,EAAElC,KAAK,CAAC2C,SAAD,EAAY,aAAZ,CAAxB;AAAoD,IAAA,SAAS,EAAErB,OAAO,CAACY;AAAvE,KACGA,WADH,CAXJ,eAgBE,oBAAC,eAAD;AACE,IAAA,EAAE,EAAEH,KAAK,IAAI/B,KAAK,CAAC2C,SAAD,EAAY,SAAZ,CADpB;AAEE,IAAA,WAAW,MAFb;AAGE,IAAA,SAAS,MAHX;AAIE,IAAA,IAAI,EAAC,SAJP;AAKE,4BAAsBrC,QAAQ,IAAIS,SALpC;AAME,kBAAYiB,SANd;AAOE,uBACE,CAACD,KAAK,IAAI/B,KAAK,CAAC2C,SAAD,EAAY,OAAZ,CAAf,EAAqCV,cAArC,EAAqDoD,IAArD,CAA0D,GAA1D,EAA+DC,IAA/D,MAAyEvE,SAR7E;AAUE,oBAAc8B,eAAe,KAAK,SAApB,GAAgC,IAAhC,GAAuC9B,SAVvD;AAWE,yBAAmB8B,eAAe,KAAK,SAApB,GAAgCsC,cAAhC,GAAiDpE,SAXtE;AAYE,wBACE,CAACmB,WAAW,IAAIlC,KAAK,CAAC2C,SAAD,EAAY,aAAZ,CAArB,EAAiDR,eAAjD,EAAkEkD,IAAlE,CAAuE,GAAvE,EAA4EC,IAA5E,MACAvE,SAdJ;AAgBE,IAAA,SAAS,EAAEzB,IAAI,CAACgC,OAAO,CAACiE,OAAT;AACuB,gBADvB,EACZjE,OAAO,CAACkE,QADI;AAEyB,kBAFzB,EAEZlE,OAAO,CAACmE;AAFI,MACOjD,WADP,GAGMK,eAAe,KAAK,SAH1B,IAGZvB,OAAO,CAACoE,OAHI,CAhBjB;AAqBE,IAAA,GAAG,EAAEjC;AArBP,KAsBMf,MAtBN,GAwBGoC,gBAxBH,CAhBF,EA2CGI,YAAY,iBACX,oBAAC,aAAD;AAAe,IAAA,EAAE,EAAElF,KAAK,CAAC2C,SAAD,EAAY,OAAZ,CAAxB;AAA8C,IAAA,aAAa,MAA3D;AAA4D,IAAA,SAAS,EAAErB,OAAO,CAACqE;AAA/E,KACG5C,iBADH,CA5CJ,CADF;AAmDD,CA9ND;;AAgOA1B,eAAe,CAACuE,SAAhB,GAA4B;AAC1B;AACF;AACA;AACErE,EAAAA,SAAS,EAAElC,SAAS,CAACwG,MAJK;;AAK1B;AACF;AACA;AACEvE,EAAAA,OAAO,EAAEjC,SAAS,CAACyG,KAAV,CAAgB;AACvB;AACJ;AACA;AACIV,IAAAA,IAAI,EAAE/F,SAAS,CAACwG,MAJO;;AAKvB;AACJ;AACA;AACI9D,IAAAA,KAAK,EAAE1C,SAAS,CAACwG,MARM;;AASvB;AACJ;AACA;AACI3D,IAAAA,WAAW,EAAE7C,SAAS,CAACwG,MAZA;;AAavB;AACJ;AACA;AACIN,IAAAA,OAAO,EAAElG,SAAS,CAACwG,MAhBI;;AAiBvB;AACJ;AACA;AACIL,IAAAA,QAAQ,EAAEnG,SAAS,CAACwG,MApBG;;AAqBvB;AACJ;AACA;AACIJ,IAAAA,UAAU,EAAEpG,SAAS,CAACwG,MAxBC;;AAyBvB;AACJ;AACA;AACIH,IAAAA,OAAO,EAAErG,SAAS,CAACwG,MA5BI;;AA6BvB;AACJ;AACA;AACIF,IAAAA,KAAK,EAAEtG,SAAS,CAACwG;AAhCM,GAAhB,EAiCNE,UAzCuB;;AA2C1B;AACF;AACA;AACEvE,EAAAA,EAAE,EAAEnC,SAAS,CAACwG,MA9CY;;AAgD1B;AACF;AACA;AACEpE,EAAAA,IAAI,EAAEpC,SAAS,CAACwG,MAnDU;;AAoD1B;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACE;AACA3E,EAAAA,KAAK,EAAE7B,SAAS,CAAC2G,SAAV,CAAoB,CAAC3G,SAAS,CAAC4G,GAAX,EAAgB5G,SAAS,CAAC6G,OAAV,CAAkB7G,SAAS,CAAC4G,GAA5B,CAAhB,CAApB,CA7DmB;;AA8D1B;AACF;AACA;AACE;AACAtE,EAAAA,YAAY,EAAEtC,SAAS,CAAC2G,SAAV,CAAoB,CAAC3G,SAAS,CAAC4G,GAAX,EAAgB5G,SAAS,CAAC6G,OAAV,CAAkB7G,SAAS,CAAC4G,GAA5B,CAAhB,CAApB,CAlEY;;AAoE1B;AACF;AACA;AACA;AACA;AACA;AACElE,EAAAA,KAAK,EAAE1C,SAAS,CAAC8G,IA1ES;;AA2E1B;AACF;AACA;AACE,gBAAc9G,SAAS,CAACwG,MA9EE;;AA+E1B;AACF;AACA;AACE,qBAAmBxG,SAAS,CAACwG,MAlFH;;AAmF1B;AACF;AACA;AACE3D,EAAAA,WAAW,EAAE7C,SAAS,CAAC8G,IAtFG;;AAuF1B;AACF;AACA;AACE,sBAAoB9G,SAAS,CAACwG,MA1FJ;;AA4F1B;AACF;AACA;AACA;AACE/D,EAAAA,QAAQ,EAAEzC,SAAS,CAAC+G,IAhGM;;AAiG1B;AACF;AACA;AACEvE,EAAAA,QAAQ,EAAExC,SAAS,CAAC+G,IApGM;;AAqG1B;AACF;AACA;AACExE,EAAAA,QAAQ,EAAEvC,SAAS,CAAC+G,IAxGM;;AA0G1B;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACE/D,EAAAA,MAAM,EAAEhD,SAAS,CAACgH,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,EAAqB,SAArB,CAAhB,CAlHkB;;AAmH1B;AACF;AACA;AACA;AACA;AACE/D,EAAAA,aAAa,EAAEjD,SAAS,CAACwG,MAxHC;;AAyH1B;AACF;AACA;AACA;AACA;AACE,uBAAqBxG,SAAS,CAACwG,MA9HL;;AAgI1B;AACF;AACA;AACEzD,EAAAA,QAAQ,EAAE/C,SAAS,CAACiH,IAnIM;;AAqI1B;AACF;AACA;AACEhG,EAAAA,QAAQ,EAAEjB,SAAS,CAAC+G,IAxIM;;AA0I1B;AACF;AACA;AACE3D,EAAAA,qBAAqB,EAAEpD,SAAS,CAAC+G,IA7IP;;AA+I1B;AACF;AACA;AACA;AACA;AACE5D,EAAAA,WAAW,EAAEnD,SAAS,CAACgH,KAAV,CAAgB,CAAC,UAAD,EAAa,YAAb,CAAhB,CApJa;;AAsJ1B;AACF;AACA;AACA;AACA;AACEhG,EAAAA,QAAQ,EAAEhB,SAAS,CAAC8G;AA3JM,CAA5B;AA8JA,eAAe5G,UAAU,CAACW,MAAD,EAAS;AAAEuB,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAAgDJ,eAAhD,CAAf","sourcesContent":["import React, { useCallback, useMemo, useRef, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\nimport { isKeypress, KeyboardCodes } from \"../utils/KeyboardUtils\";\n\nimport {\n HvFormElement,\n HvLabel,\n HvInfoMessage,\n HvWarningText,\n HvListContainer,\n useUniqueId,\n} from \"..\";\n\nimport { setId, useControlled } from \"../utils\";\n\nimport styles from \"./styles\";\n\nimport multiSelectionEventHandler from \"../utils/multiSelectionEventHandler\";\n\nconst getValueFromSelectedChildren = (children, multiple) => {\n const selectedValues = React.Children.toArray(children)\n .map((child) => {\n const childIsControlled = child.props.selected !== undefined;\n const childIsSelected = childIsControlled\n ? child.props.selected\n : child.props.defaultSelected;\n\n return childIsSelected ? child.props.value : undefined;\n })\n .filter((v) => v !== undefined);\n\n return multiple ? selectedValues : selectedValues?.[0];\n};\n\n/**\n * Allows the user to select one or more items from a list of choices.\n *\n * Although it supports multi-selection, DS recommends the use of a selection list\n * when it’s clear that the user can only select just one option from the range provided.\n */\n\nconst HvSelectionList = (props) => {\n const {\n classes,\n className,\n\n id,\n name,\n value: valueProp,\n defaultValue,\n\n required = false,\n readOnly = false,\n disabled = false,\n\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n\n onChange,\n\n status,\n statusMessage,\n \"aria-errormessage\": ariaErrorMessage,\n\n orientation = \"vertical\",\n\n multiple = false,\n singleSelectionToggle = false,\n\n children,\n ...others\n } = props;\n\n const elementId = useUniqueId(id, \"hvselectionlist\");\n\n const [value, setValue] = useControlled(\n valueProp,\n defaultValue !== undefined\n ? defaultValue\n : // when uncontrolled and no default value is given,\n // extract the initial selected values from the children own state\n () => getValueFromSelectedChildren(children, multiple)\n );\n\n const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n const [allValues, selectedState] = useMemo(() => {\n const childValues = [];\n const childSelectedState = [];\n\n React.Children.toArray(children).forEach((child, i) => {\n const childValue = child.props.value;\n const childIsSelected = multiple ? value.indexOf(childValue) !== -1 : value === childValue;\n\n childValues[i] = childValue;\n childSelectedState[i] = childIsSelected;\n });\n\n return [childValues, childSelectedState];\n }, [children, multiple, value]);\n\n const selectionAnchor = useRef(undefined);\n\n const listContainer = useRef(null);\n\n const { ArrowUp, ArrowDown } = KeyboardCodes;\n\n useEffect(() => {\n const handleMeta = (event) => {\n const tempArray = [];\n if (\n (isKeypress(event, ArrowUp) &&\n event.shiftKey &&\n listContainer.current.contains(event.target)) ||\n (isKeypress(event, ArrowDown) &&\n event.shiftKey &&\n listContainer.current.contains(event.target))\n ) {\n selectedState.forEach((isSelected, i) => {\n if (i === event.target.value - 1) {\n if (!isSelected) {\n tempArray.push(allValues[i]);\n }\n } else if (isSelected) {\n tempArray.push(allValues[i]);\n }\n });\n setValue(tempArray);\n }\n };\n window.addEventListener(\"keyup\", handleMeta);\n\n return () => {\n window.removeEventListener(\"keyup\", handleMeta);\n };\n }, [allValues, selectedState, setValue, ArrowUp, ArrowDown]);\n\n const onChildChangeInterceptor = useCallback(\n (index, childOnClick, evt) => {\n childOnClick?.(evt);\n if (!readOnly && !disabled) {\n let newValue;\n if (multiple) {\n newValue = multiSelectionEventHandler(\n evt,\n index,\n selectionAnchor,\n allValues,\n selectedState\n );\n } else {\n newValue = singleSelectionToggle && selectedState[index] ? null : allValues[index];\n }\n\n onChange?.(evt, newValue);\n\n setValue(() => {\n // this will only run if uncontrolled\n\n if (required && newValue.length === 0) {\n setValidationState(\"invalid\");\n } else {\n setValidationState(\"valid\");\n }\n\n return newValue;\n });\n }\n },\n [\n allValues,\n disabled,\n multiple,\n onChange,\n readOnly,\n required,\n selectedState,\n setValidationState,\n setValue,\n singleSelectionToggle,\n selectionAnchor,\n ]\n );\n\n const modifiedChildren = useMemo(() => {\n return React.Children.map(children, (child, i) => {\n const childIsSelected = selectedState[i];\n\n return React.cloneElement(child, {\n role: \"option\",\n selected: childIsSelected,\n onClick: (evt) => onChildChangeInterceptor(i, child.props.onClick, evt),\n disabled: disabled || child.props.disabled,\n });\n });\n }, [children, disabled, onChildChangeInterceptor, selectedState]);\n\n // the error message area will only be created if:\n // - an external element that provides an error message isn't identified via aria-errormessage AND\n // - both status and statusMessage properties are being controlled OR\n // - status is uncontrolled and required is true\n const canShowError =\n ariaErrorMessage == null &&\n ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n const errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n\n return (\n <HvFormElement\n id={id}\n name={name}\n status={validationState}\n disabled={disabled}\n required={required}\n readOnly={readOnly}\n className={clsx(className, classes.root)}\n >\n {label && <HvLabel id={setId(elementId, \"label\")} label={label} className={classes.label} />}\n {description && (\n <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n {description}\n </HvInfoMessage>\n )}\n\n <HvListContainer\n id={label && setId(elementId, \"listbox\")}\n interactive\n condensed\n role=\"listbox\"\n aria-multiselectable={multiple || undefined}\n aria-label={ariaLabel}\n aria-labelledby={\n [label && setId(elementId, \"label\"), ariaLabelledBy].join(\" \").trim() || undefined\n }\n aria-invalid={validationState === \"invalid\" ? true : undefined}\n aria-errormessage={validationState === \"invalid\" ? errorMessageId : undefined}\n aria-describedby={\n [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() ||\n undefined\n }\n className={clsx(classes.listbox, {\n [classes.vertical]: orientation === \"vertical\",\n [classes.horizontal]: orientation === \"horizontal\",\n [classes.invalid]: validationState === \"invalid\",\n })}\n ref={listContainer}\n {...others}\n >\n {modifiedChildren}\n </HvListContainer>\n\n {canShowError && (\n <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n {validationMessage}\n </HvWarningText>\n )}\n </HvFormElement>\n );\n};\n\nHvSelectionList.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the component styles applied.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component root class.\n */\n root: PropTypes.string,\n /**\n * Styles applied to the label.\n */\n label: PropTypes.string,\n /**\n * Styles applied to the description.\n */\n description: PropTypes.string,\n /**\n * Styles applied to the listbox.\n */\n listbox: PropTypes.string,\n /**\n * Styles applied to the listbox when orientation is vertical.\n */\n vertical: PropTypes.string,\n /**\n * Styles applied to the listbox when orientation is horizontal.\n */\n horizontal: PropTypes.string,\n /**\n * Styles applied to the listbox when validation status is invalid.\n */\n invalid: PropTypes.string,\n /**\n * Styles applied to the error area.\n */\n error: PropTypes.string,\n }).isRequired,\n\n /**\n * Id to be applied to the form element root node.\n */\n id: PropTypes.string,\n\n /**\n * The form element name.\n */\n name: PropTypes.string,\n /**\n * The value of the form element. It must be represented in the child list items.\n *\n * Can either be a single value (when multiple = false) or an\n * array of values (when multiple = true).\n *\n * When defined the selection list state becomes controlled.\n */\n // eslint-disable-next-line react/forbid-prop-types\n value: PropTypes.oneOfType([PropTypes.any, PropTypes.arrayOf(PropTypes.any)]),\n /**\n * When uncontrolled, defines the initial value.\n */\n // eslint-disable-next-line react/forbid-prop-types\n defaultValue: PropTypes.oneOfType([PropTypes.any, PropTypes.arrayOf(PropTypes.any)]),\n\n /**\n * The label of the form element.\n *\n * The form element must be labeled for accessibility reasons.\n * If not provided, an aria-label or aria-labelledby must be provided instead.\n */\n label: PropTypes.node,\n /**\n * @ignore\n */\n \"aria-label\": PropTypes.string,\n /**\n * @ignore\n */\n \"aria-labelledby\": PropTypes.string,\n /**\n * Provide additional descriptive text for the form element.\n */\n description: PropTypes.node,\n /**\n * @ignore\n */\n \"aria-describedby\": PropTypes.string,\n\n /**\n * Indicates that the form element is disabled.\n * If `true` the state is propagated to the children list items.\n */\n disabled: PropTypes.bool,\n /**\n * Indicates that the form element is not editable.\n */\n readOnly: PropTypes.bool,\n /**\n * Indicates that user input is required on the form element.\n */\n required: PropTypes.bool,\n\n /**\n * The status of the form element.\n *\n * Valid is correct, invalid is incorrect and standBy means no validations have run.\n *\n * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n * or \"invalid\" after any change to the state.\n */\n status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n /**\n * The error message to show when the validation status is \"invalid\".\n *\n * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n */\n statusMessage: PropTypes.string,\n /**\n * Identifies the element that provides an error message for the listbox.\n *\n * Will only be used when the validation status is invalid.\n */\n \"aria-errormessage\": PropTypes.string,\n\n /**\n * The callback fired when the value changes.\n */\n onChange: PropTypes.func,\n\n /**\n * Indicates that the user may select more than one item from the current selectable list items.\n */\n multiple: PropTypes.bool,\n\n /**\n * If `true`, selection can be toggled when single selection.\n */\n singleSelectionToggle: PropTypes.bool,\n\n /**\n * Indicates whether the list orientation is horizontal or vertical.\n *\n * Defaults to vertical.\n */\n orientation: PropTypes.oneOf([\"vertical\", \"horizontal\"]),\n\n /**\n * The list items.\n *\n * Their state will always be controlled by the selection list.\n */\n children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvSelectionList\" })(HvSelectionList);\n"],"file":"SelectionList.js"}
|
|
1
|
+
{"version":3,"sources":["../../../src/SelectionList/SelectionList.js"],"names":["React","useCallback","useMemo","useRef","useEffect","PropTypes","clsx","withStyles","isKeypress","KeyboardCodes","HvFormElement","HvLabel","HvInfoMessage","HvWarningText","HvListContainer","useUniqueId","setId","useControlled","styles","multiSelectionEventHandler","getValueFromSelectedChildren","children","multiple","selectedValues","Children","toArray","map","child","childIsControlled","props","selected","undefined","childIsSelected","defaultSelected","value","filter","v","HvSelectionList","classes","className","id","name","valueProp","defaultValue","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","status","statusMessage","ariaErrorMessage","orientation","singleSelectionToggle","others","elementId","setValue","validationState","setValidationState","validationMessage","allValues","selectedState","childValues","childSelectedState","forEach","i","childValue","indexOf","selectionAnchor","listContainer","ArrowUp","ArrowDown","handleMeta","event","tempArray","shiftKey","current","contains","target","isSelected","push","window","addEventListener","removeEventListener","onChildChangeInterceptor","index","childOnClick","evt","newValue","length","modifiedChildren","cloneElement","role","onClick","canShowError","errorMessageId","root","join","trim","listbox","vertical","horizontal","invalid","error","propTypes","string","shape","isRequired","oneOfType","any","arrayOf","node","bool","oneOf","func"],"mappings":"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","sourcesContent":["import React, { useCallback, useMemo, useRef, useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\nimport { isKeypress, KeyboardCodes } from \"../utils/KeyboardUtils\";\n\nimport {\n HvFormElement,\n HvLabel,\n HvInfoMessage,\n HvWarningText,\n HvListContainer,\n useUniqueId,\n} from \"..\";\n\nimport { setId, useControlled } from \"../utils\";\n\nimport styles from \"./styles\";\n\nimport multiSelectionEventHandler from \"../utils/multiSelectionEventHandler\";\n\nconst getValueFromSelectedChildren = (children, multiple) => {\n const selectedValues = React.Children.toArray(children)\n .map((child) => {\n const childIsControlled = child.props.selected !== undefined;\n const childIsSelected = childIsControlled\n ? child.props.selected\n : child.props.defaultSelected;\n\n return childIsSelected ? child.props.value : undefined;\n })\n .filter((v) => v !== undefined);\n\n return multiple ? selectedValues : selectedValues?.[0];\n};\n\n/**\n * Allows the user to select one or more items from a list of choices.\n *\n * Although it supports multi-selection, DS recommends the use of a selection list\n * when it’s clear that the user can only select just one option from the range provided.\n */\n\nconst HvSelectionList = (props) => {\n const {\n classes,\n className,\n\n id,\n name,\n value: valueProp,\n defaultValue,\n\n required = false,\n readOnly = false,\n disabled = false,\n\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n description,\n \"aria-describedby\": ariaDescribedBy,\n\n onChange,\n\n status,\n statusMessage,\n \"aria-errormessage\": ariaErrorMessage,\n\n orientation = \"vertical\",\n\n multiple = false,\n singleSelectionToggle = false,\n\n children,\n ...others\n } = props;\n\n const elementId = useUniqueId(id, \"hvselectionlist\");\n\n const [value, setValue] = useControlled(\n valueProp,\n defaultValue !== undefined\n ? defaultValue\n : // when uncontrolled and no default value is given,\n // extract the initial selected values from the children own state\n () => getValueFromSelectedChildren(children, multiple)\n );\n\n const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n const [allValues, selectedState] = useMemo(() => {\n const childValues = [];\n const childSelectedState = [];\n\n React.Children.toArray(children).forEach((child, i) => {\n const childValue = child.props.value;\n const childIsSelected = multiple ? value.indexOf(childValue) !== -1 : value === childValue;\n\n childValues[i] = childValue;\n childSelectedState[i] = childIsSelected;\n });\n\n return [childValues, childSelectedState];\n }, [children, multiple, value]);\n\n const selectionAnchor = useRef(undefined);\n\n const listContainer = useRef(null);\n\n const { ArrowUp, ArrowDown } = KeyboardCodes;\n\n useEffect(() => {\n const handleMeta = (event) => {\n const tempArray = [];\n if (\n (isKeypress(event, ArrowUp) &&\n event.shiftKey &&\n listContainer.current.contains(event.target)) ||\n (isKeypress(event, ArrowDown) &&\n event.shiftKey &&\n listContainer.current.contains(event.target))\n ) {\n selectedState.forEach((isSelected, i) => {\n if (i === event.target.value - 1) {\n if (!isSelected) {\n tempArray.push(allValues[i]);\n }\n } else if (isSelected) {\n tempArray.push(allValues[i]);\n }\n });\n setValue(tempArray);\n }\n };\n window.addEventListener(\"keyup\", handleMeta);\n\n return () => {\n window.removeEventListener(\"keyup\", handleMeta);\n };\n }, [allValues, selectedState, setValue, ArrowUp, ArrowDown]);\n\n const onChildChangeInterceptor = useCallback(\n (index, childOnClick, evt) => {\n childOnClick?.(evt);\n if (!readOnly && !disabled) {\n let newValue;\n if (multiple) {\n newValue = multiSelectionEventHandler(\n evt,\n index,\n selectionAnchor,\n allValues,\n selectedState\n );\n } else {\n newValue = singleSelectionToggle && selectedState[index] ? null : allValues[index];\n }\n\n onChange?.(evt, newValue);\n\n setValue(() => {\n // this will only run if uncontrolled\n\n if (required && newValue.length === 0) {\n setValidationState(\"invalid\");\n } else {\n setValidationState(\"valid\");\n }\n\n return newValue;\n });\n }\n },\n [\n allValues,\n disabled,\n multiple,\n onChange,\n readOnly,\n required,\n selectedState,\n setValidationState,\n setValue,\n singleSelectionToggle,\n selectionAnchor,\n ]\n );\n\n const modifiedChildren = useMemo(() => {\n return React.Children.map(children, (child, i) => {\n const childIsSelected = selectedState[i];\n\n return React.cloneElement(child, {\n role: \"option\",\n selected: childIsSelected,\n onClick: (evt) => onChildChangeInterceptor(i, child.props.onClick, evt),\n disabled: disabled || child.props.disabled,\n });\n });\n }, [children, disabled, onChildChangeInterceptor, selectedState]);\n\n // the error message area will only be created if:\n // - an external element that provides an error message isn't identified via aria-errormessage AND\n // - both status and statusMessage properties are being controlled OR\n // - status is uncontrolled and required is true\n const canShowError =\n ariaErrorMessage == null &&\n ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n const errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n\n return (\n <HvFormElement\n id={id}\n name={name}\n status={validationState}\n disabled={disabled}\n required={required}\n readOnly={readOnly}\n className={clsx(className, classes.root)}\n >\n {label && <HvLabel id={setId(elementId, \"label\")} label={label} className={classes.label} />}\n {description && (\n <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n {description}\n </HvInfoMessage>\n )}\n\n <HvListContainer\n id={label && setId(elementId, \"listbox\")}\n interactive\n condensed\n role=\"listbox\"\n aria-multiselectable={multiple || undefined}\n aria-label={ariaLabel}\n aria-labelledby={\n [label && setId(elementId, \"label\"), ariaLabelledBy].join(\" \").trim() || undefined\n }\n aria-invalid={validationState === \"invalid\" ? true : undefined}\n aria-errormessage={validationState === \"invalid\" ? errorMessageId : undefined}\n aria-describedby={\n [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() ||\n undefined\n }\n className={clsx(classes.listbox, {\n [classes.vertical]: orientation === \"vertical\",\n [classes.horizontal]: orientation === \"horizontal\",\n [classes.invalid]: validationState === \"invalid\",\n })}\n ref={listContainer}\n {...others}\n >\n {modifiedChildren}\n </HvListContainer>\n\n {canShowError && (\n <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n {validationMessage}\n </HvWarningText>\n )}\n </HvFormElement>\n );\n};\n\nHvSelectionList.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the component styles applied.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component root class.\n */\n root: PropTypes.string,\n /**\n * Styles applied to the label.\n */\n label: PropTypes.string,\n /**\n * Styles applied to the description.\n */\n description: PropTypes.string,\n /**\n * Styles applied to the listbox.\n */\n listbox: PropTypes.string,\n /**\n * Styles applied to the listbox when orientation is vertical.\n */\n vertical: PropTypes.string,\n /**\n * Styles applied to the listbox when orientation is horizontal.\n */\n horizontal: PropTypes.string,\n /**\n * Styles applied to the listbox when validation status is invalid.\n */\n invalid: PropTypes.string,\n /**\n * Styles applied to the error area.\n */\n error: PropTypes.string,\n }).isRequired,\n\n /**\n * Id to be applied to the form element root node.\n */\n id: PropTypes.string,\n\n /**\n * The form element name.\n */\n name: PropTypes.string,\n /**\n * The value of the form element. It must be represented in the child list items.\n *\n * Can either be a single value (when multiple = false) or an\n * array of values (when multiple = true).\n *\n * When defined the selection list state becomes controlled.\n */\n // eslint-disable-next-line react/forbid-prop-types\n value: PropTypes.oneOfType([PropTypes.any, PropTypes.arrayOf(PropTypes.any)]),\n /**\n * When uncontrolled, defines the initial value.\n */\n // eslint-disable-next-line react/forbid-prop-types\n defaultValue: PropTypes.oneOfType([PropTypes.any, PropTypes.arrayOf(PropTypes.any)]),\n\n /**\n * The label of the form element.\n *\n * The form element must be labeled for accessibility reasons.\n * If not provided, an aria-label or aria-labelledby must be provided instead.\n */\n label: PropTypes.node,\n /**\n * @ignore\n */\n \"aria-label\": PropTypes.string,\n /**\n * @ignore\n */\n \"aria-labelledby\": PropTypes.string,\n /**\n * Provide additional descriptive text for the form element.\n */\n description: PropTypes.node,\n /**\n * @ignore\n */\n \"aria-describedby\": PropTypes.string,\n\n /**\n * Indicates that the form element is disabled.\n * If `true` the state is propagated to the children list items.\n */\n disabled: PropTypes.bool,\n /**\n * Indicates that the form element is not editable.\n */\n readOnly: PropTypes.bool,\n /**\n * Indicates that user input is required on the form element.\n */\n required: PropTypes.bool,\n\n /**\n * The status of the form element.\n *\n * Valid is correct, invalid is incorrect and standBy means no validations have run.\n *\n * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n * or \"invalid\" after any change to the state.\n */\n status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n /**\n * The error message to show when the validation status is \"invalid\".\n *\n * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n */\n statusMessage: PropTypes.string,\n /**\n * Identifies the element that provides an error message for the listbox.\n *\n * Will only be used when the validation status is invalid.\n */\n \"aria-errormessage\": PropTypes.string,\n\n /**\n * The callback fired when the value changes.\n */\n onChange: PropTypes.func,\n\n /**\n * Indicates that the user may select more than one item from the current selectable list items.\n */\n multiple: PropTypes.bool,\n\n /**\n * If `true`, selection can be toggled when single selection.\n */\n singleSelectionToggle: PropTypes.bool,\n\n /**\n * Indicates whether the list orientation is horizontal or vertical.\n *\n * Defaults to vertical.\n */\n orientation: PropTypes.oneOf([\"vertical\", \"horizontal\"]),\n\n /**\n * The list items.\n *\n * Their state will always be controlled by the selection list.\n */\n children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvSelectionList\" })(HvSelectionList);\n"],"file":"SelectionList.js"}
|
|
@@ -106,7 +106,7 @@ const HvSnackbar = _ref => {
|
|
|
106
106
|
}, snackbarContentProps)));
|
|
107
107
|
};
|
|
108
108
|
|
|
109
|
-
HvSnackbar.propTypes = {
|
|
109
|
+
process.env.NODE_ENV !== "production" ? HvSnackbar.propTypes = {
|
|
110
110
|
/**
|
|
111
111
|
* Class names to be applied.
|
|
112
112
|
*/
|
|
@@ -229,7 +229,7 @@ HvSnackbar.propTypes = {
|
|
|
229
229
|
* Others applied to the content of the snackbar.
|
|
230
230
|
*/
|
|
231
231
|
snackbarContentProps: PropTypes.instanceOf(Object)
|
|
232
|
-
};
|
|
232
|
+
} : void 0;
|
|
233
233
|
export default withStyles(styles, {
|
|
234
234
|
name: "HvSnackbar"
|
|
235
235
|
})(HvSnackbar);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/Snackbar/Snackbar.js"],"names":["React","PropTypes","oneOfType","capitalize","Slide","Snackbar","withStyles","HvSnackBarContentWrapper","styles","setId","transLeft","props","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","propTypes","string","shape","anchorOriginTopRight","anchorOriginTopLeft","anchorOriginTopCenter","anchorOriginBottomCenter","anchorOriginBottomLeft","anchorOriginBottomRight","isRequired","bool","func","node","number","oneOf","icon","disabled","instanceOf","Object","name"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes, { oneOfType } from \"prop-types\";\nimport capitalize from \"lodash/capitalize\";\nimport { Slide, Snackbar, withStyles } from \"@material-ui/core\";\nimport HvSnackBarContentWrapper from \"./SnackbarContentWrapper\";\nimport styles from \"./styles\";\nimport { setId } from \"../utils\";\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 */\nconst 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}) => {\n const anchorOriginOffset = {\n anchorOriginTop: {\n top: `${offset}px`,\n },\n anchorOriginBottom: {\n bottom: `${offset}px`,\n },\n };\n\n return (\n <Snackbar\n style={anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin.vertical)}`]}\n classes={classes}\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 </Snackbar>\n );\n};\n\nHvSnackbar.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * Id to be applied to the root node.\n */\n id: PropTypes.string,\n /**\n * A Jss Object used to override or extend the component styles.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component when define as top right.\n */\n anchorOriginTopRight: PropTypes.string,\n /**\n * Styles applied to the component when define as top left.\n */\n anchorOriginTopLeft: PropTypes.string,\n /**\n * Styles applied to the component when define as top center.\n */\n anchorOriginTopCenter: PropTypes.string,\n /**\n * Styles applied to the component when define as bottom center.\n */\n anchorOriginBottomCenter: PropTypes.string,\n /**\n * Styles applied to the component when define as bottom left.\n */\n anchorOriginBottomLeft: PropTypes.string,\n /**\n * Styles applied to the component when define as bottom right.\n */\n anchorOriginBottomRight: PropTypes.string,\n }).isRequired,\n /**\n * If true, Snackbar is open.\n */\n open: PropTypes.bool,\n /**\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 */\n onClose: PropTypes.func,\n /**\n * The message to display.\n */\n label: PropTypes.node,\n /**\n * The anchor of the Snackbar. vertical: \"top\", \"bottom\" | horizontal: \"left\",\"center\",\"right. It defines where the snackbar will end his animation\n */\n anchorOrigin: PropTypes.shape({\n vertical: PropTypes.string,\n horizontal: PropTypes.string,\n }),\n /**\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 */\n autoHideDuration: PropTypes.number,\n /**\n * Variant of the snackbar.\n */\n variant: PropTypes.oneOf([\"default\", \"success\", \"error\"]),\n /**\n * Custom icon to replace the variant default.\n */\n customIcon: PropTypes.node,\n /**\n * Controls if the associated icon to the variant should be shown.\n */\n showIcon: PropTypes.bool,\n /**\n * Action to display.\n */\n action: oneOfType([\n PropTypes.node,\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n icon: PropTypes.func,\n disabled: PropTypes.bool,\n }),\n ]),\n /**\n * The callback function ran when an action is triggered, receiving `action` as param\n */\n actionCallback: PropTypes.func,\n /**\n * Duration of transition in milliseconds.\n */\n transitionDuration: PropTypes.number,\n /**\n * Direction of slide transition.\n */\n transitionDirection: PropTypes.oneOf([\"up\", \"down\", \"left\", \"right\"]),\n /**\n * Custom offset from top/bottom of the page, in px.\n */\n offset: PropTypes.number,\n /**\n * Others applied to the content of the snackbar.\n */\n snackbarContentProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvSnackbar\" })(HvSnackbar);\n"],"file":"Snackbar.js"}
|
|
1
|
+
{"version":3,"sources":["../../../src/Snackbar/Snackbar.js"],"names":["React","PropTypes","oneOfType","capitalize","Slide","Snackbar","withStyles","HvSnackBarContentWrapper","styles","setId","transLeft","props","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","propTypes","string","shape","anchorOriginTopRight","anchorOriginTopLeft","anchorOriginTopCenter","anchorOriginBottomCenter","anchorOriginBottomLeft","anchorOriginBottomRight","isRequired","bool","func","node","number","oneOf","icon","disabled","instanceOf","Object","name"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes, { oneOfType } from \"prop-types\";\nimport capitalize from \"lodash/capitalize\";\nimport { Slide, Snackbar, withStyles } from \"@material-ui/core\";\nimport HvSnackBarContentWrapper from \"./SnackbarContentWrapper\";\nimport styles from \"./styles\";\nimport { setId } from \"../utils\";\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 */\nconst 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}) => {\n const anchorOriginOffset = {\n anchorOriginTop: {\n top: `${offset}px`,\n },\n anchorOriginBottom: {\n bottom: `${offset}px`,\n },\n };\n\n return (\n <Snackbar\n style={anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin.vertical)}`]}\n classes={classes}\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 </Snackbar>\n );\n};\n\nHvSnackbar.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * Id to be applied to the root node.\n */\n id: PropTypes.string,\n /**\n * A Jss Object used to override or extend the component styles.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component when define as top right.\n */\n anchorOriginTopRight: PropTypes.string,\n /**\n * Styles applied to the component when define as top left.\n */\n anchorOriginTopLeft: PropTypes.string,\n /**\n * Styles applied to the component when define as top center.\n */\n anchorOriginTopCenter: PropTypes.string,\n /**\n * Styles applied to the component when define as bottom center.\n */\n anchorOriginBottomCenter: PropTypes.string,\n /**\n * Styles applied to the component when define as bottom left.\n */\n anchorOriginBottomLeft: PropTypes.string,\n /**\n * Styles applied to the component when define as bottom right.\n */\n anchorOriginBottomRight: PropTypes.string,\n }).isRequired,\n /**\n * If true, Snackbar is open.\n */\n open: PropTypes.bool,\n /**\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 */\n onClose: PropTypes.func,\n /**\n * The message to display.\n */\n label: PropTypes.node,\n /**\n * The anchor of the Snackbar. vertical: \"top\", \"bottom\" | horizontal: \"left\",\"center\",\"right. It defines where the snackbar will end his animation\n */\n anchorOrigin: PropTypes.shape({\n vertical: PropTypes.string,\n horizontal: PropTypes.string,\n }),\n /**\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 */\n autoHideDuration: PropTypes.number,\n /**\n * Variant of the snackbar.\n */\n variant: PropTypes.oneOf([\"default\", \"success\", \"error\"]),\n /**\n * Custom icon to replace the variant default.\n */\n customIcon: PropTypes.node,\n /**\n * Controls if the associated icon to the variant should be shown.\n */\n showIcon: PropTypes.bool,\n /**\n * Action to display.\n */\n action: oneOfType([\n PropTypes.node,\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n icon: PropTypes.func,\n disabled: PropTypes.bool,\n }),\n ]),\n /**\n * The callback function ran when an action is triggered, receiving `action` as param\n */\n actionCallback: PropTypes.func,\n /**\n * Duration of transition in milliseconds.\n */\n transitionDuration: PropTypes.number,\n /**\n * Direction of slide transition.\n */\n transitionDirection: PropTypes.oneOf([\"up\", \"down\", \"left\", \"right\"]),\n /**\n * Custom offset from top/bottom of the page, in px.\n */\n offset: PropTypes.number,\n /**\n * Others applied to the content of the snackbar.\n */\n snackbarContentProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvSnackbar\" })(HvSnackbar);\n"],"file":"Snackbar.js"}
|
|
@@ -49,7 +49,7 @@ const HvSnackbarContentWrapper = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
49
49
|
})))
|
|
50
50
|
}, others));
|
|
51
51
|
});
|
|
52
|
-
HvSnackbarContentWrapper.propTypes = {
|
|
52
|
+
process.env.NODE_ENV !== "production" ? HvSnackbarContentWrapper.propTypes = {
|
|
53
53
|
/**
|
|
54
54
|
* A Jss Object used to override or extend the styles applied to the HvSnackbarContent.
|
|
55
55
|
*/
|
|
@@ -94,7 +94,7 @@ HvSnackbarContentWrapper.propTypes = {
|
|
|
94
94
|
* The callback function ran when an action is triggered, receiving `action` as param
|
|
95
95
|
*/
|
|
96
96
|
actionCallback: PropTypes.func
|
|
97
|
-
};
|
|
97
|
+
} : void 0;
|
|
98
98
|
export default withStyles(styles, {
|
|
99
99
|
name: "HvSnackbarContentWrapper"
|
|
100
100
|
})(HvSnackbarContentWrapper);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.js"],"names":["React","PropTypes","oneOfType","SnackbarContent","withStyles","iconVariant","setId","ActionsGeneric","styles","HvSnackbarContentWrapper","forwardRef","props","ref","id","classes","label","showIcon","customIcon","variant","action","actionCallback","others","icon","innerAction","isValidElement","root","message","messageSpan","messageText","propTypes","instanceOf","Object","isRequired","string","node","oneOf","bool","shape","func","disabled","name"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,IAAoBC,SAApB,QAAqC,YAArC;AACA,SAASC,eAAT,EAA0BC,UAA1B,QAA4C,mBAA5C;AACA,OAAOC,WAAP,MAAwB,yBAAxB;AACA,SAASC,KAAT,QAAsB,aAAtB;AACA,OAAOC,cAAP,MAA2B,sBAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA,MAAMC,wBAAwB,gBAAGT,KAAK,CAACU,UAAN,CAAiB,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAChE,QAAM;AAAEC,IAAAA,EAAF;AAAMC,IAAAA,OAAN;AAAeC,IAAAA,KAAf;AAAsBC,IAAAA,QAAtB;AAAgCC,IAAAA,UAAhC;AAA4CC,IAAAA,OAA5C;AAAqDC,IAAAA,MAArD;AAA6DC,IAAAA;AAA7D,MACJT,KADF;AAAA,QAAsFU,MAAtF,4BACEV,KADF;;AAEA,QAAMW,IAAI,GAAGL,UAAU,IAAKD,QAAQ,IAAIX,WAAW,CAACa,OAAD,EAAU,OAAV,CAAnD;AACA,QAAMK,WAAW,GAAG,aAAAvB,KAAK,CAACwB,cAAN,CAAqBL,MAArB,IAA+BA,MAA/B,GAAwC,CAACA,MAAD,CAA5D;AAEA,sBACE,oBAAC,eAAD;AACE,IAAA,GAAG,EAAEP,GADP;AAEE,IAAA,EAAE,EAAEC,EAFN;AAGE,IAAA,OAAO,EAAE;AAAEY,MAAAA,IAAI,EAAEX,OAAO,CAACW,IAAhB;AAAsBC,MAAAA,OAAO,EAAEZ,OAAO,CAACY;AAAvC,KAHX;AAIE,IAAA,SAAS,EAAEZ,OAAO,CAACI,OAAD,CAJpB;AAKE,IAAA,OAAO,eACL;AAAK,MAAA,EAAE,EAAEZ,KAAK,CAACO,EAAD,EAAK,SAAL,CAAd;AAA+B,MAAA,SAAS,EAAEC,OAAO,CAACa;AAAlD,OACGL,IAAI,iBAAI;AAAK,MAAA,SAAS,EAAER,OAAO,CAACT;AAAxB,OAAsCiB,IAAtC,CADX,eAEE;AAAK,MAAA,SAAS,EAAER,OAAO,CAACc;AAAxB,OAAsCb,KAAtC,CAFF,EAGGI,MAAM,iBACL;AAAK,MAAA,EAAE,EAAEb,KAAK,CAACO,EAAD,EAAK,QAAL,CAAd;AAA8B,MAAA,SAAS,EAAEC,OAAO,CAACK;AAAjD,oBACE,oBAAC,cAAD;AACE,MAAA,EAAE,EAAEN,EADN;AAEE,MAAA,QAAQ,EAAC,UAFX;AAGE,MAAA,OAAO,EAAEU,WAHX;AAIE,MAAA,eAAe,EAAEH;AAJnB,MADF,CAJJ;AANJ,KAqBMC,MArBN,EADF;AAyBD,CA/BgC,CAAjC;
|
|
1
|
+
{"version":3,"sources":["../../../../src/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.js"],"names":["React","PropTypes","oneOfType","SnackbarContent","withStyles","iconVariant","setId","ActionsGeneric","styles","HvSnackbarContentWrapper","forwardRef","props","ref","id","classes","label","showIcon","customIcon","variant","action","actionCallback","others","icon","innerAction","isValidElement","root","message","messageSpan","messageText","propTypes","instanceOf","Object","isRequired","string","node","oneOf","bool","shape","func","disabled","name"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes, { oneOfType } from \"prop-types\";\nimport { SnackbarContent, withStyles } from \"@material-ui/core\";\nimport iconVariant from \"../../utils/iconVariant\";\nimport { setId } from \"../../utils\";\nimport ActionsGeneric from \"../../ActionsGeneric\";\nimport styles from \"./styles\";\n\nconst HvSnackbarContentWrapper = React.forwardRef((props, ref) => {\n const { id, classes, label, showIcon, customIcon, variant, action, actionCallback, ...others } =\n props;\n const icon = customIcon || (showIcon && iconVariant(variant, \"base2\"));\n const innerAction = React.isValidElement(action) ? action : [action];\n\n return (\n <SnackbarContent\n ref={ref}\n id={id}\n classes={{ root: classes.root, message: classes.message }}\n className={classes[variant]}\n message={\n <div id={setId(id, \"message\")} className={classes.messageSpan}>\n {icon && <div className={classes.iconVariant}>{icon}</div>}\n <div className={classes.messageText}>{label}</div>\n {action && (\n <div id={setId(id, \"action\")} className={classes.action}>\n <ActionsGeneric\n id={id}\n category=\"semantic\"\n actions={innerAction}\n actionsCallback={actionCallback}\n />\n </div>\n )}\n </div>\n }\n {...others}\n />\n );\n});\n\nHvSnackbarContentWrapper.propTypes = {\n /**\n * A Jss Object used to override or extend the styles applied to the HvSnackbarContent.\n */\n classes: PropTypes.instanceOf(Object).isRequired,\n /**\n * Id to be applied to the root node.\n */\n id: PropTypes.string,\n /**\n * The message to display.\n */\n label: PropTypes.node,\n /**\n * Variant of the snackbar.\n */\n variant: PropTypes.oneOf([\"default\", \"success\", \"error\"]).isRequired,\n /**\n * Controls if the associated icon to the variant should be shown.\n */\n showIcon: PropTypes.bool,\n /**\n * Custom icon to replace the variant default.\n */\n customIcon: PropTypes.node,\n /**\n * Action to display.\n */\n action: oneOfType([\n PropTypes.node,\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n icon: PropTypes.func,\n disabled: PropTypes.bool,\n }),\n ]),\n /**\n * The callback function ran when an action is triggered, receiving `action` as param\n */\n actionCallback: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvSnackbarContentWrapper\" })(HvSnackbarContentWrapper);\n"],"file":"SnackbarContentWrapper.js"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import {
|
|
2
|
+
OptionsObject,
|
|
3
|
+
ProviderContext,
|
|
4
|
+
SnackbarKey,
|
|
5
|
+
SnackbarMessage,
|
|
6
|
+
SnackbarProviderProps,
|
|
7
|
+
} from "notistack";
|
|
8
|
+
import { SemanticVariantTypes } from "../../Banner";
|
|
9
|
+
import { HvSnackbarContentProps } from "../SnackbarContentWrapper";
|
|
10
|
+
|
|
11
|
+
export interface HvSnackbarProviderProps extends SnackbarProviderProps {
|
|
12
|
+
/**
|
|
13
|
+
* Class object used to override notistack classes.
|
|
14
|
+
*/
|
|
15
|
+
notistackClassesOverride: Record<string, unknown>;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
interface HvEnqueueOptions extends OptionsObject {
|
|
19
|
+
id?: string;
|
|
20
|
+
variant?: SemanticVariantTypes;
|
|
21
|
+
snackbarContentProps?: HvSnackbarContentProps;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
interface HvSnackbarProviderContext extends ProviderContext {
|
|
25
|
+
enqueueSnackbar: (message: SnackbarMessage, options?: HvEnqueueOptions) => SnackbarKey;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
export function useHvSnackbar(): HvSnackbarProviderContext;
|
|
29
|
+
|
|
30
|
+
export default function HvSnackbarProvider(props: HvSnackbarProviderProps): JSX.Element | null;
|
|
@@ -0,0 +1,155 @@
|
|
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
2
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
3
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
4
|
+
const _excluded = ["id", "variant", "snackbarContentProps"],
|
|
5
|
+
_excluded2 = ["children", "notistackClassesOverride", "maxSnack", "autoHideDuration", "anchorOrigin"];
|
|
6
|
+
|
|
7
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
8
|
+
|
|
9
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
10
|
+
|
|
11
|
+
import React, { forwardRef, useCallback, useMemo } from "react";
|
|
12
|
+
import { makeStyles } from "@material-ui/core";
|
|
13
|
+
import PropTypes from "prop-types";
|
|
14
|
+
import { SnackbarProvider, SnackbarContent, useSnackbar } from "notistack";
|
|
15
|
+
import HvSnackbarContentWrapper from "../SnackbarContentWrapper";
|
|
16
|
+
const HvNotistackSnackMessage = /*#__PURE__*/forwardRef(({
|
|
17
|
+
id,
|
|
18
|
+
message,
|
|
19
|
+
variant = "success",
|
|
20
|
+
snackbarContentProps
|
|
21
|
+
}, ref) => {
|
|
22
|
+
return /*#__PURE__*/React.createElement(SnackbarContent, {
|
|
23
|
+
ref: ref
|
|
24
|
+
}, /*#__PURE__*/React.createElement(HvSnackbarContentWrapper, _extends({
|
|
25
|
+
id: id,
|
|
26
|
+
variant: variant,
|
|
27
|
+
showIcon: true,
|
|
28
|
+
label: message
|
|
29
|
+
}, snackbarContentProps)));
|
|
30
|
+
}); // We override notistack hook to be able to customize the snackbar that should be called.
|
|
31
|
+
|
|
32
|
+
const useHvSnackbar = () => {
|
|
33
|
+
const {
|
|
34
|
+
enqueueSnackbar: enqueueNotistackSnackbar,
|
|
35
|
+
closeSnackbar
|
|
36
|
+
} = useSnackbar();
|
|
37
|
+
const enqueueSnackbar = useCallback((message, options) => {
|
|
38
|
+
const {
|
|
39
|
+
id,
|
|
40
|
+
variant = "success",
|
|
41
|
+
snackbarContentProps
|
|
42
|
+
} = options,
|
|
43
|
+
otherOptions = _objectWithoutProperties(options, _excluded);
|
|
44
|
+
|
|
45
|
+
enqueueNotistackSnackbar( /*#__PURE__*/React.createElement(HvNotistackSnackMessage, {
|
|
46
|
+
id: id,
|
|
47
|
+
message: message,
|
|
48
|
+
variant: variant,
|
|
49
|
+
snackbarContentProps: snackbarContentProps
|
|
50
|
+
}), otherOptions);
|
|
51
|
+
}, [enqueueNotistackSnackbar]);
|
|
52
|
+
return useMemo(() => ({
|
|
53
|
+
enqueueSnackbar,
|
|
54
|
+
closeSnackbar
|
|
55
|
+
}), [enqueueSnackbar, closeSnackbar]);
|
|
56
|
+
};
|
|
57
|
+
|
|
58
|
+
const useStyles = notistackClassesOverride => makeStyles(() => _objectSpread({
|
|
59
|
+
containerRoot: {
|
|
60
|
+
"& > div > div": {
|
|
61
|
+
// Overrides notistack extra padding
|
|
62
|
+
padding: "0 !important",
|
|
63
|
+
transition: "all 0s ease 0s !important",
|
|
64
|
+
"& > div > div > div": {
|
|
65
|
+
color: "inherit",
|
|
66
|
+
padding: "0",
|
|
67
|
+
fontSize: "inherit",
|
|
68
|
+
boxShadow: "none",
|
|
69
|
+
alignItems: "center",
|
|
70
|
+
fontFamily: "inherit",
|
|
71
|
+
fontWeight: "inherit",
|
|
72
|
+
lineHeight: "inherit",
|
|
73
|
+
borderRadius: "0",
|
|
74
|
+
letterSpacing: "inherit",
|
|
75
|
+
backgroundColor: "inherit"
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
}, notistackClassesOverride))();
|
|
80
|
+
|
|
81
|
+
const HvSnackbarProvider = _ref => {
|
|
82
|
+
let {
|
|
83
|
+
children,
|
|
84
|
+
notistackClassesOverride = {},
|
|
85
|
+
maxSnack = 5,
|
|
86
|
+
autoHideDuration = 5000,
|
|
87
|
+
anchorOrigin = {
|
|
88
|
+
vertical: "top",
|
|
89
|
+
horizontal: "right"
|
|
90
|
+
}
|
|
91
|
+
} = _ref,
|
|
92
|
+
others = _objectWithoutProperties(_ref, _excluded2);
|
|
93
|
+
|
|
94
|
+
const classes = useStyles(notistackClassesOverride);
|
|
95
|
+
return /*#__PURE__*/React.createElement(SnackbarProvider, _extends({
|
|
96
|
+
classes: _objectSpread({}, classes),
|
|
97
|
+
maxSnack: maxSnack,
|
|
98
|
+
autoHideDuration: autoHideDuration,
|
|
99
|
+
anchorOrigin: anchorOrigin
|
|
100
|
+
}, others), children);
|
|
101
|
+
};
|
|
102
|
+
|
|
103
|
+
process.env.NODE_ENV !== "production" ? HvSnackbarProvider.propTypes = {
|
|
104
|
+
/**
|
|
105
|
+
* Your component tree.
|
|
106
|
+
*/
|
|
107
|
+
children: PropTypes.node.isRequired,
|
|
108
|
+
|
|
109
|
+
/**
|
|
110
|
+
* Max visible snackbars.
|
|
111
|
+
*/
|
|
112
|
+
maxSnack: PropTypes.number,
|
|
113
|
+
|
|
114
|
+
/**
|
|
115
|
+
* How much time the snackbar remains visible in milliseconds.
|
|
116
|
+
*/
|
|
117
|
+
autoHideDuration: PropTypes.number,
|
|
118
|
+
|
|
119
|
+
/**
|
|
120
|
+
* Where is the snackbar placed.
|
|
121
|
+
*/
|
|
122
|
+
anchorOrigin: PropTypes.shape({
|
|
123
|
+
vertical: PropTypes.oneOf(["top", "bottom"]),
|
|
124
|
+
horizontal: PropTypes.oneOf(["right", "left"])
|
|
125
|
+
}),
|
|
126
|
+
|
|
127
|
+
/**
|
|
128
|
+
* Class object used to override notistack classes.
|
|
129
|
+
*/
|
|
130
|
+
notistackClassesOverride: PropTypes.instanceOf(Object)
|
|
131
|
+
} : void 0;
|
|
132
|
+
process.env.NODE_ENV !== "production" ? HvNotistackSnackMessage.propTypes = {
|
|
133
|
+
/**
|
|
134
|
+
* Id to be applied to the root node.
|
|
135
|
+
*/
|
|
136
|
+
id: PropTypes.string,
|
|
137
|
+
|
|
138
|
+
/**
|
|
139
|
+
* Your component tree.
|
|
140
|
+
*/
|
|
141
|
+
message: PropTypes.string,
|
|
142
|
+
|
|
143
|
+
/**
|
|
144
|
+
* Variant of the snackbar.
|
|
145
|
+
*/
|
|
146
|
+
variant: PropTypes.oneOf(["default", "success", "error"]),
|
|
147
|
+
|
|
148
|
+
/**
|
|
149
|
+
* Extra values to pass to the snackbar.
|
|
150
|
+
*/
|
|
151
|
+
snackbarContentProps: PropTypes.instanceOf(Object)
|
|
152
|
+
} : void 0;
|
|
153
|
+
export default HvSnackbarProvider;
|
|
154
|
+
export { useHvSnackbar };
|
|
155
|
+
//# sourceMappingURL=SnackbarProvider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/Snackbar/SnackbarProvider/SnackbarProvider.js"],"names":["React","forwardRef","useCallback","useMemo","makeStyles","PropTypes","SnackbarProvider","SnackbarContent","useSnackbar","HvSnackbarContentWrapper","HvNotistackSnackMessage","id","message","variant","snackbarContentProps","ref","useHvSnackbar","enqueueSnackbar","enqueueNotistackSnackbar","closeSnackbar","options","otherOptions","useStyles","notistackClassesOverride","containerRoot","padding","transition","color","fontSize","boxShadow","alignItems","fontFamily","fontWeight","lineHeight","borderRadius","letterSpacing","backgroundColor","HvSnackbarProvider","children","maxSnack","autoHideDuration","anchorOrigin","vertical","horizontal","others","classes","propTypes","node","isRequired","number","shape","oneOf","instanceOf","Object","string"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,EAA4BC,WAA5B,EAAyCC,OAAzC,QAAwD,OAAxD;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,gBAAT,EAA2BC,eAA3B,EAA4CC,WAA5C,QAA+D,WAA/D;AAEA,OAAOC,wBAAP,MAAqC,2BAArC;AAEA,MAAMC,uBAAuB,gBAAGT,UAAU,CACxC,CAAC;AAAEU,EAAAA,EAAF;AAAMC,EAAAA,OAAN;AAAeC,EAAAA,OAAO,GAAG,SAAzB;AAAoCC,EAAAA;AAApC,CAAD,EAA6DC,GAA7D,KAAqE;AACnE,sBACE,oBAAC,eAAD;AAAiB,IAAA,GAAG,EAAEA;AAAtB,kBACE,oBAAC,wBAAD;AACE,IAAA,EAAE,EAAEJ,EADN;AAEE,IAAA,OAAO,EAAEE,OAFX;AAGE,IAAA,QAAQ,MAHV;AAIE,IAAA,KAAK,EAAED;AAJT,KAKME,oBALN,EADF,CADF;AAWD,CAbuC,CAA1C,C,CAgBA;;AACA,MAAME,aAAa,GAAG,MAAM;AAC1B,QAAM;AAAEC,IAAAA,eAAe,EAAEC,wBAAnB;AAA6CC,IAAAA;AAA7C,MAA+DX,WAAW,EAAhF;AACA,QAAMS,eAAe,GAAGf,WAAW,CACjC,CAACU,OAAD,EAAUQ,OAAV,KAAsB;AACpB,UAAM;AAAET,MAAAA,EAAF;AAAME,MAAAA,OAAO,GAAG,SAAhB;AAA2BC,MAAAA;AAA3B,QAAqEM,OAA3E;AAAA,UAA0DC,YAA1D,4BAA2ED,OAA3E;;AAEAF,IAAAA,wBAAwB,eACtB,oBAAC,uBAAD;AACE,MAAA,EAAE,EAAEP,EADN;AAEE,MAAA,OAAO,EAAEC,OAFX;AAGE,MAAA,OAAO,EAAEC,OAHX;AAIE,MAAA,oBAAoB,EAAEC;AAJxB,MADsB,EAOtBO,YAPsB,CAAxB;AASD,GAbgC,EAcjC,CAACH,wBAAD,CAdiC,CAAnC;AAgBA,SAAOf,OAAO,CACZ,OAAO;AACLc,IAAAA,eADK;AAELE,IAAAA;AAFK,GAAP,CADY,EAKZ,CAACF,eAAD,EAAkBE,aAAlB,CALY,CAAd;AAOD,CAzBD;;AA2BA,MAAMG,SAAS,GAAIC,wBAAD,IAChBnB,UAAU,CAAC;AACToB,EAAAA,aAAa,EAAE;AACb,qBAAiB;AACf;AACAC,MAAAA,OAAO,EAAE,cAFM;AAGfC,MAAAA,UAAU,EAAE,2BAHG;AAIf,6BAAuB;AACrBC,QAAAA,KAAK,EAAE,SADc;AAErBF,QAAAA,OAAO,EAAE,GAFY;AAGrBG,QAAAA,QAAQ,EAAE,SAHW;AAIrBC,QAAAA,SAAS,EAAE,MAJU;AAKrBC,QAAAA,UAAU,EAAE,QALS;AAMrBC,QAAAA,UAAU,EAAE,SANS;AAOrBC,QAAAA,UAAU,EAAE,SAPS;AAQrBC,QAAAA,UAAU,EAAE,SARS;AASrBC,QAAAA,YAAY,EAAE,GATO;AAUrBC,QAAAA,aAAa,EAAE,SAVM;AAWrBC,QAAAA,eAAe,EAAE;AAXI;AAJR;AADJ;AADN,GAqBNb,wBArBM,CAAD,CAAV,EADF;;AAyBA,MAAMc,kBAAkB,GAAG,QAUrB;AAAA,MAVsB;AAC1BC,IAAAA,QAD0B;AAE1Bf,IAAAA,wBAAwB,GAAG,EAFD;AAG1BgB,IAAAA,QAAQ,GAAG,CAHe;AAI1BC,IAAAA,gBAAgB,GAAG,IAJO;AAK1BC,IAAAA,YAAY,GAAG;AACbC,MAAAA,QAAQ,EAAE,KADG;AAEbC,MAAAA,UAAU,EAAE;AAFC;AALW,GAUtB;AAAA,MADDC,MACC;;AACJ,QAAMC,OAAO,GAAGvB,SAAS,CAACC,wBAAD,CAAzB;AAEA,sBACE,oBAAC,gBAAD;AACE,IAAA,OAAO,oBACFsB,OADE,CADT;AAIE,IAAA,QAAQ,EAAEN,QAJZ;AAKE,IAAA,gBAAgB,EAAEC,gBALpB;AAME,IAAA,YAAY,EAAEC;AANhB,KAOMG,MAPN,GASGN,QATH,CADF;AAaD,CA1BD;;AA4BA,wCAAAD,kBAAkB,CAACS,SAAnB,GAA+B;AAC7B;AACF;AACA;AACER,EAAAA,QAAQ,EAAEjC,SAAS,CAAC0C,IAAV,CAAeC,UAJI;;AAK7B;AACF;AACA;AACET,EAAAA,QAAQ,EAAElC,SAAS,CAAC4C,MARS;;AAS7B;AACF;AACA;AACET,EAAAA,gBAAgB,EAAEnC,SAAS,CAAC4C,MAZC;;AAa7B;AACF;AACA;AACER,EAAAA,YAAY,EAAEpC,SAAS,CAAC6C,KAAV,CAAgB;AAC5BR,IAAAA,QAAQ,EAAErC,SAAS,CAAC8C,KAAV,CAAgB,CAAC,KAAD,EAAQ,QAAR,CAAhB,CADkB;AAE5BR,IAAAA,UAAU,EAAEtC,SAAS,CAAC8C,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB;AAFgB,GAAhB,CAhBe;;AAoB7B;AACF;AACA;AACE5B,EAAAA,wBAAwB,EAAElB,SAAS,CAAC+C,UAAV,CAAqBC,MAArB;AAvBG,CAA/B;AA0BA,wCAAA3C,uBAAuB,CAACoC,SAAxB,GAAoC;AAClC;AACF;AACA;AACEnC,EAAAA,EAAE,EAAEN,SAAS,CAACiD,MAJoB;;AAKlC;AACF;AACA;AACE1C,EAAAA,OAAO,EAAEP,SAAS,CAACiD,MARe;;AASlC;AACF;AACA;AACEzC,EAAAA,OAAO,EAAER,SAAS,CAAC8C,KAAV,CAAgB,CAAC,SAAD,EAAY,SAAZ,EAAuB,OAAvB,CAAhB,CAZyB;;AAalC;AACF;AACA;AACErC,EAAAA,oBAAoB,EAAET,SAAS,CAAC+C,UAAV,CAAqBC,MAArB;AAhBY,CAApC;AAmBA,eAAehB,kBAAf;AACA,SAASrB,aAAT","sourcesContent":["import React, { forwardRef, useCallback, useMemo } from \"react\";\nimport { makeStyles } from \"@material-ui/core\";\nimport PropTypes from \"prop-types\";\nimport { SnackbarProvider, SnackbarContent, useSnackbar } from \"notistack\";\n\nimport HvSnackbarContentWrapper from \"../SnackbarContentWrapper\";\n\nconst HvNotistackSnackMessage = forwardRef(\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);\n\n// We override notistack hook to be able to customize the snackbar that should be called.\nconst useHvSnackbar = () => {\n const { enqueueSnackbar: enqueueNotistackSnackbar, closeSnackbar } = useSnackbar();\n const enqueueSnackbar = useCallback(\n (message, options) => {\n const { id, variant = \"success\", snackbarContentProps, ...otherOptions } = options;\n\n enqueueNotistackSnackbar(\n <HvNotistackSnackMessage\n id={id}\n message={message}\n variant={variant}\n snackbarContentProps={snackbarContentProps}\n />,\n otherOptions\n );\n },\n [enqueueNotistackSnackbar]\n );\n return useMemo(\n () => ({\n enqueueSnackbar,\n closeSnackbar,\n }),\n [enqueueSnackbar, closeSnackbar]\n );\n};\n\nconst useStyles = (notistackClassesOverride) =>\n makeStyles(() => ({\n containerRoot: {\n \"& > div > div\": {\n // Overrides notistack extra padding\n padding: \"0 !important\",\n transition: \"all 0s ease 0s !important\",\n \"& > div > div > div\": {\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 ...notistackClassesOverride,\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 const classes = useStyles(notistackClassesOverride);\n\n return (\n <SnackbarProvider\n classes={{\n ...classes,\n }}\n maxSnack={maxSnack}\n autoHideDuration={autoHideDuration}\n anchorOrigin={anchorOrigin}\n {...others}\n >\n {children}\n </SnackbarProvider>\n );\n};\n\nHvSnackbarProvider.propTypes = {\n /**\n * Your component tree.\n */\n children: PropTypes.node.isRequired,\n /**\n * Max visible snackbars.\n */\n maxSnack: PropTypes.number,\n /**\n * How much time the snackbar remains visible in milliseconds.\n */\n autoHideDuration: PropTypes.number,\n /**\n * Where is the snackbar placed.\n */\n anchorOrigin: PropTypes.shape({\n vertical: PropTypes.oneOf([\"top\", \"bottom\"]),\n horizontal: PropTypes.oneOf([\"right\", \"left\"]),\n }),\n /**\n * Class object used to override notistack classes.\n */\n notistackClassesOverride: PropTypes.instanceOf(Object),\n};\n\nHvNotistackSnackMessage.propTypes = {\n /**\n * Id to be applied to the root node.\n */\n id: PropTypes.string,\n /**\n * Your component tree.\n */\n message: PropTypes.string,\n /**\n * Variant of the snackbar.\n */\n variant: PropTypes.oneOf([\"default\", \"success\", \"error\"]),\n /**\n * Extra values to pass to the snackbar.\n */\n snackbarContentProps: PropTypes.instanceOf(Object),\n};\n\nexport default HvSnackbarProvider;\nexport { useHvSnackbar };\n"],"file":"SnackbarProvider.js"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/Snackbar/SnackbarProvider/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,oBAAxB;AACA,cAAc,oBAAd","sourcesContent":["export { default } from \"./SnackbarProvider\";\nexport * from \"./SnackbarProvider\";\n"],"file":"index.js"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { Meta, Story, Preview } from "@storybook/addon-docs";
|
|
2
|
+
|
|
3
|
+
import LinkTo from "@storybook/addon-links/react";
|
|
4
|
+
|
|
5
|
+
import { Usage } from "storybook-root/blocks/Usage";
|
|
6
|
+
|
|
7
|
+
import {
|
|
8
|
+
SnackbarProvider,
|
|
9
|
+
} from "./SnackbarProvider.stories.js";
|
|
10
|
+
|
|
11
|
+
<Meta title="Components/Snackbar/Provider" />
|
|
12
|
+
|
|
13
|
+
# Snackbar Provider
|
|
14
|
+
|
|
15
|
+
The UI Kit library provides a snackbar provider
|
|
16
|
+
to control the stacking of multiple snackbars in the app.
|
|
17
|
+
|
|
18
|
+
The providers is not meant to be 100% feature complete, but instead,
|
|
19
|
+
ease the majority of use-cases we have been encountering.
|
|
20
|
+
If you need any customization or extension to the behavior,
|
|
21
|
+
please feel free to copy and customize it.
|
|
22
|
+
|
|
23
|
+
This feature needs both the *HvSnackbarProvider* provider and the hook *useHvSnackbar*.
|
|
24
|
+
The provider and the hook are wrappers of the [Notistack](https://github.com/iamhosseindhv/notistack) API.
|
|
25
|
+
|
|
26
|
+
Ideally the `HvSnackbarProvider` should be at the top of the component tree of your application.
|
|
27
|
+
This will allow the snackbar to be triggered in any page.
|
|
28
|
+
For more information of the provider API check the [notistack documentation](https://iamhosseindhv.com/notistack/api).
|
|
29
|
+
|
|
30
|
+
<Usage>{'import { HvSnackbarProvider } from "@hitachivantara/uikit-react-core";'}</Usage>
|
|
31
|
+
|
|
32
|
+
After adding the provider at the root of your app, you can call the ```useHvSnackbar``` at any
|
|
33
|
+
component inside your app. This hook will allow you to request the rendering of a snackbar through the use
|
|
34
|
+
of the ```enqueueSnackbar``` function which follows the API bellow:
|
|
35
|
+
|
|
36
|
+
parameters:
|
|
37
|
+
- `message: string | React.node`: The message to render inside the snackbar.
|
|
38
|
+
- `options: HvEnqueueOptions`: The options to configure the snackbar.
|
|
39
|
+
- `HvEnqueueOptions`:
|
|
40
|
+
- `id?: string`: The id to pass to the snackbar
|
|
41
|
+
- `variant: success | default | warning`: The color of the snackbar
|
|
42
|
+
- `snackbarContentProps?: HvSnackbarContentProps`: Extra properties to be passed onto the snackbar
|
|
43
|
+
|
|
44
|
+
output:
|
|
45
|
+
- `SnackbarKey: string | number`: How many snackbars to render.
|
|
46
|
+
|
|
47
|
+
<Usage>{'import { useHvSnackbar } from "@hitachivantara/uikit-react-core";'}</Usage>
|
|
48
|
+
|
|
49
|
+
<Preview withToolbar>
|
|
50
|
+
<Story inline story={SnackbarProvider} />
|
|
51
|
+
</Preview>
|
|
@@ -118,7 +118,7 @@ const HvSwitch = props => {
|
|
|
118
118
|
}, validationMessage));
|
|
119
119
|
};
|
|
120
120
|
|
|
121
|
-
HvSwitch.propTypes = {
|
|
121
|
+
process.env.NODE_ENV !== "production" ? HvSwitch.propTypes = {
|
|
122
122
|
/**
|
|
123
123
|
* Class names to be applied.
|
|
124
124
|
*/
|
|
@@ -263,7 +263,7 @@ HvSwitch.propTypes = {
|
|
|
263
263
|
* Properties passed on to the input element.
|
|
264
264
|
*/
|
|
265
265
|
inputProps: PropTypes.instanceOf(Object)
|
|
266
|
-
};
|
|
266
|
+
} : void 0;
|
|
267
267
|
export default withStyles(styles, {
|
|
268
268
|
name: "HvSwitch"
|
|
269
269
|
})(HvSwitch);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/Switch/Switch.js"],"names":["React","useCallback","PropTypes","clsx","withStyles","HvFormElement","HvLabel","HvWarningText","useUniqueId","isInvalid","setId","useControlled","HvBaseSwitch","styles","HvSwitch","props","classes","className","id","name","value","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","ariaDescribedBy","labelProps","checked","defaultChecked","onChange","status","statusMessage","ariaErrorMessage","inputProps","others","elementId","isChecked","setIsChecked","Boolean","validationState","setValidationState","validationMessage","onLocalChange","evt","newChecked","canShowError","undefined","isStateInvalid","errorMessageId","root","switchContainer","invalidSwitch","error","propTypes","string","shape","isRequired","any","node","instanceOf","Object","bool","oneOf","func"],"mappings":"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","sourcesContent":["import React, { useCallback } from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport { HvFormElement, HvLabel, HvWarningText, useUniqueId } from \"..\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\n\nimport { setId, useControlled } from \"../utils\";\n\nimport HvBaseSwitch from \"../BaseSwitch\";\n\nimport styles from \"./styles\";\n\n/**\n * A Switch is <b>binary</b> and work as a digital on/off button.\n *\n * Use when two states are <b>opposite</b> and to trigger immediate\n * changes in the system.\n */\nconst HvSwitch = (props) => {\n const {\n classes,\n className,\n\n id,\n name,\n value = \"on\",\n required = false,\n readOnly = false,\n disabled = false,\n\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-describedby\": ariaDescribedBy,\n labelProps,\n\n checked,\n defaultChecked = false,\n\n onChange,\n\n status,\n statusMessage,\n \"aria-errormessage\": ariaErrorMessage,\n\n inputProps,\n\n ...others\n } = props;\n\n const elementId = useUniqueId(id, \"hvswitch\");\n\n const [isChecked, setIsChecked] = useControlled(checked, Boolean(defaultChecked));\n\n const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n const onLocalChange = useCallback(\n (evt, newChecked) => {\n setIsChecked(() => {\n // this will only run if uncontrolled\n if (required && !newChecked) {\n setValidationState(\"invalid\");\n } else {\n setValidationState(\"valid\");\n }\n\n return newChecked;\n });\n\n onChange?.(evt, newChecked, value);\n },\n [onChange, required, setIsChecked, setValidationState, value]\n );\n\n // the error message area will only be created if:\n // - an external element that provides an error message isn't identified via aria-errormessage AND\n // - both status and statusMessage properties are being controlled OR\n // - status is uncontrolled and required is true\n const canShowError =\n ariaErrorMessage == null &&\n ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n const isStateInvalid = isInvalid(validationState);\n\n let errorMessageId;\n if (isStateInvalid) {\n errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n }\n\n return (\n <HvFormElement\n id={id}\n name={name}\n status={validationState}\n disabled={disabled}\n required={required}\n readOnly={readOnly}\n className={clsx(className, classes.root)}\n >\n {label && (\n <HvLabel\n id={setId(elementId, \"label\")}\n htmlFor={setId(elementId, \"input\")}\n label={label}\n className={clsx(classes.label)}\n {...labelProps}\n />\n )}\n <div className={clsx(classes.switchContainer, { [classes.invalidSwitch]: isStateInvalid })}>\n <HvBaseSwitch\n id={label ? setId(elementId, \"input\") : setId(id, \"input\")}\n name={name}\n disabled={disabled}\n readOnly={readOnly}\n required={required}\n onChange={onLocalChange}\n value={value}\n checked={isChecked}\n inputProps={{\n \"aria-invalid\": isStateInvalid ? true : undefined,\n \"aria-errormessage\": errorMessageId,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-describedby\": ariaDescribedBy,\n ...inputProps,\n }}\n {...others}\n />\n </div>\n {canShowError && (\n <HvWarningText\n id={setId(elementId, \"error\")}\n className={clsx(classes.error)}\n disableBorder\n disableAdornment\n hideText\n >\n {validationMessage}\n </HvWarningText>\n )}\n </HvFormElement>\n );\n};\n\nHvSwitch.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the styles applied to the switch.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component.\n */\n root: PropTypes.string,\n /**\n * Styles applied to the label.\n */\n label: PropTypes.string,\n /**\n * Styles applied to the error area.\n */\n error: PropTypes.string,\n /**\n * Styles applied to the switch container.\n */\n switchContainer: PropTypes.string,\n /**\n * Styles applied to the switch container when the validations status is invalid.\n */\n invalidSwitch: PropTypes.string,\n }).isRequired,\n\n /**\n * Id to be applied to the form element root node.\n */\n id: PropTypes.string,\n\n /**\n * The form element name.\n */\n name: PropTypes.string,\n /**\n * The value of the form element.\n *\n * Is up to the application's logic when to consider the submission of this value.\n * Generally it should be used only when the switch is neither unchecked nor indeterminate.\n *\n * The default value is \"on\".\n */\n // eslint-disable-next-line react/forbid-prop-types\n value: PropTypes.any,\n\n /**\n * The label of the form element.\n *\n * The form element must be labeled for accessibility reasons.\n * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n */\n label: PropTypes.node,\n /**\n * @ignore\n */\n \"aria-label\": PropTypes.string,\n /**\n * @ignore\n */\n \"aria-labelledby\": PropTypes.string,\n /**\n * @ignore\n */\n \"aria-describedby\": PropTypes.string,\n /**\n * Properties passed on to the label element.\n */\n labelProps: PropTypes.instanceOf(Object),\n /**\n * Indicates that the form element is disabled.\n */\n disabled: PropTypes.bool,\n /**\n * Indicates that the form element is not editable.\n */\n readOnly: PropTypes.bool,\n /**\n * Indicates that user input is required on the form element.\n */\n required: PropTypes.bool,\n\n /**\n * If `true` the switch is selected, if set to `false` the switch is not selected.\n *\n * When defined the switch state becomes controlled.\n */\n checked: PropTypes.bool,\n /**\n * When uncontrolled, defines the initial checked state.\n */\n defaultChecked: PropTypes.bool,\n\n /**\n * The status of the form element.\n *\n * Valid is correct, invalid is incorrect and standBy means no validations have run.\n *\n * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n */\n status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n /**\n * The error message to show when the validation status is \"invalid\".\n *\n * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n */\n statusMessage: PropTypes.string,\n /**\n * Identifies the element that provides an error message for the switch.\n *\n * Will only be used when the validation status is invalid.\n */\n \"aria-errormessage\": PropTypes.string,\n\n /**\n * The callback fired when the switch is pressed.\n */\n onChange: PropTypes.func,\n\n /**\n * Properties passed on to the input element.\n */\n inputProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvSwitch\" })(HvSwitch);\n"],"file":"Switch.js"}
|
|
1
|
+
{"version":3,"sources":["../../../src/Switch/Switch.js"],"names":["React","useCallback","PropTypes","clsx","withStyles","HvFormElement","HvLabel","HvWarningText","useUniqueId","isInvalid","setId","useControlled","HvBaseSwitch","styles","HvSwitch","props","classes","className","id","name","value","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","ariaDescribedBy","labelProps","checked","defaultChecked","onChange","status","statusMessage","ariaErrorMessage","inputProps","others","elementId","isChecked","setIsChecked","Boolean","validationState","setValidationState","validationMessage","onLocalChange","evt","newChecked","canShowError","undefined","isStateInvalid","errorMessageId","root","switchContainer","invalidSwitch","error","propTypes","string","shape","isRequired","any","node","instanceOf","Object","bool","oneOf","func"],"mappings":"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","sourcesContent":["import React, { useCallback } from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport { HvFormElement, HvLabel, HvWarningText, useUniqueId } from \"..\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\n\nimport { setId, useControlled } from \"../utils\";\n\nimport HvBaseSwitch from \"../BaseSwitch\";\n\nimport styles from \"./styles\";\n\n/**\n * A Switch is <b>binary</b> and work as a digital on/off button.\n *\n * Use when two states are <b>opposite</b> and to trigger immediate\n * changes in the system.\n */\nconst HvSwitch = (props) => {\n const {\n classes,\n className,\n\n id,\n name,\n value = \"on\",\n required = false,\n readOnly = false,\n disabled = false,\n\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-describedby\": ariaDescribedBy,\n labelProps,\n\n checked,\n defaultChecked = false,\n\n onChange,\n\n status,\n statusMessage,\n \"aria-errormessage\": ariaErrorMessage,\n\n inputProps,\n\n ...others\n } = props;\n\n const elementId = useUniqueId(id, \"hvswitch\");\n\n const [isChecked, setIsChecked] = useControlled(checked, Boolean(defaultChecked));\n\n const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n const onLocalChange = useCallback(\n (evt, newChecked) => {\n setIsChecked(() => {\n // this will only run if uncontrolled\n if (required && !newChecked) {\n setValidationState(\"invalid\");\n } else {\n setValidationState(\"valid\");\n }\n\n return newChecked;\n });\n\n onChange?.(evt, newChecked, value);\n },\n [onChange, required, setIsChecked, setValidationState, value]\n );\n\n // the error message area will only be created if:\n // - an external element that provides an error message isn't identified via aria-errormessage AND\n // - both status and statusMessage properties are being controlled OR\n // - status is uncontrolled and required is true\n const canShowError =\n ariaErrorMessage == null &&\n ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n const isStateInvalid = isInvalid(validationState);\n\n let errorMessageId;\n if (isStateInvalid) {\n errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n }\n\n return (\n <HvFormElement\n id={id}\n name={name}\n status={validationState}\n disabled={disabled}\n required={required}\n readOnly={readOnly}\n className={clsx(className, classes.root)}\n >\n {label && (\n <HvLabel\n id={setId(elementId, \"label\")}\n htmlFor={setId(elementId, \"input\")}\n label={label}\n className={clsx(classes.label)}\n {...labelProps}\n />\n )}\n <div className={clsx(classes.switchContainer, { [classes.invalidSwitch]: isStateInvalid })}>\n <HvBaseSwitch\n id={label ? setId(elementId, \"input\") : setId(id, \"input\")}\n name={name}\n disabled={disabled}\n readOnly={readOnly}\n required={required}\n onChange={onLocalChange}\n value={value}\n checked={isChecked}\n inputProps={{\n \"aria-invalid\": isStateInvalid ? true : undefined,\n \"aria-errormessage\": errorMessageId,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n \"aria-describedby\": ariaDescribedBy,\n ...inputProps,\n }}\n {...others}\n />\n </div>\n {canShowError && (\n <HvWarningText\n id={setId(elementId, \"error\")}\n className={clsx(classes.error)}\n disableBorder\n disableAdornment\n hideText\n >\n {validationMessage}\n </HvWarningText>\n )}\n </HvFormElement>\n );\n};\n\nHvSwitch.propTypes = {\n /**\n * Class names to be applied.\n */\n className: PropTypes.string,\n /**\n * A Jss Object used to override or extend the styles applied to the switch.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the component.\n */\n root: PropTypes.string,\n /**\n * Styles applied to the label.\n */\n label: PropTypes.string,\n /**\n * Styles applied to the error area.\n */\n error: PropTypes.string,\n /**\n * Styles applied to the switch container.\n */\n switchContainer: PropTypes.string,\n /**\n * Styles applied to the switch container when the validations status is invalid.\n */\n invalidSwitch: PropTypes.string,\n }).isRequired,\n\n /**\n * Id to be applied to the form element root node.\n */\n id: PropTypes.string,\n\n /**\n * The form element name.\n */\n name: PropTypes.string,\n /**\n * The value of the form element.\n *\n * Is up to the application's logic when to consider the submission of this value.\n * Generally it should be used only when the switch is neither unchecked nor indeterminate.\n *\n * The default value is \"on\".\n */\n // eslint-disable-next-line react/forbid-prop-types\n value: PropTypes.any,\n\n /**\n * The label of the form element.\n *\n * The form element must be labeled for accessibility reasons.\n * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n */\n label: PropTypes.node,\n /**\n * @ignore\n */\n \"aria-label\": PropTypes.string,\n /**\n * @ignore\n */\n \"aria-labelledby\": PropTypes.string,\n /**\n * @ignore\n */\n \"aria-describedby\": PropTypes.string,\n /**\n * Properties passed on to the label element.\n */\n labelProps: PropTypes.instanceOf(Object),\n /**\n * Indicates that the form element is disabled.\n */\n disabled: PropTypes.bool,\n /**\n * Indicates that the form element is not editable.\n */\n readOnly: PropTypes.bool,\n /**\n * Indicates that user input is required on the form element.\n */\n required: PropTypes.bool,\n\n /**\n * If `true` the switch is selected, if set to `false` the switch is not selected.\n *\n * When defined the switch state becomes controlled.\n */\n checked: PropTypes.bool,\n /**\n * When uncontrolled, defines the initial checked state.\n */\n defaultChecked: PropTypes.bool,\n\n /**\n * The status of the form element.\n *\n * Valid is correct, invalid is incorrect and standBy means no validations have run.\n *\n * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n */\n status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n /**\n * The error message to show when the validation status is \"invalid\".\n *\n * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n */\n statusMessage: PropTypes.string,\n /**\n * Identifies the element that provides an error message for the switch.\n *\n * Will only be used when the validation status is invalid.\n */\n \"aria-errormessage\": PropTypes.string,\n\n /**\n * The callback fired when the switch is pressed.\n */\n onChange: PropTypes.func,\n\n /**\n * Properties passed on to the input element.\n */\n inputProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvSwitch\" })(HvSwitch);\n"],"file":"Switch.js"}
|