@hitachivantara/uikit-react-core 5.7.4 → 5.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/Accordion/Accordion.cjs.map +1 -1
- package/dist/cjs/components/ActionsGeneric/ActionsGeneric.cjs +1 -1
- package/dist/cjs/components/ActionsGeneric/ActionsGeneric.cjs.map +1 -1
- package/dist/cjs/components/ActionsGeneric/ActionsGeneric.styles.cjs +5 -5
- package/dist/cjs/components/ActionsGeneric/ActionsGeneric.styles.cjs.map +1 -1
- package/dist/cjs/components/AppSwitcher/Action/Action.cjs.map +1 -1
- package/dist/cjs/components/Badge/Badge.cjs +2 -2
- package/dist/cjs/components/Badge/Badge.cjs.map +1 -1
- package/dist/cjs/components/Banner/Banner.cjs +1 -1
- package/dist/cjs/components/Banner/Banner.cjs.map +1 -1
- package/dist/cjs/components/Banner/BannerContent/ActionContainer/ActionContainer.cjs +1 -1
- package/dist/cjs/components/Banner/BannerContent/ActionContainer/ActionContainer.cjs.map +1 -1
- package/dist/cjs/components/Banner/BannerContent/BannerContent.cjs +1 -1
- package/dist/cjs/components/Banner/BannerContent/BannerContent.cjs.map +1 -1
- package/dist/cjs/components/Banner/BannerContent/MessageContainer/MessageContainer.cjs +1 -1
- package/dist/cjs/components/Banner/BannerContent/MessageContainer/MessageContainer.cjs.map +1 -1
- package/dist/cjs/components/BaseDropdown/BaseDropdown.cjs +1 -1
- package/dist/cjs/components/BaseDropdown/BaseDropdown.cjs.map +1 -1
- package/dist/cjs/components/BaseInput/BaseInput.cjs +3 -3
- package/dist/cjs/components/BaseInput/BaseInput.cjs.map +1 -1
- package/dist/cjs/components/BaseInput/BaseInput.styles.cjs.map +1 -1
- package/dist/cjs/components/BaseSwitch/BaseSwitch.cjs.map +1 -1
- package/dist/cjs/components/BreadCrumb/BreadCrumb.cjs +18 -20
- package/dist/cjs/components/BreadCrumb/BreadCrumb.cjs.map +1 -1
- package/dist/cjs/components/BreadCrumb/Page/Page.cjs.map +1 -1
- package/dist/cjs/components/BulkActions/BulkActions.cjs +2 -2
- package/dist/cjs/components/BulkActions/BulkActions.cjs.map +1 -1
- package/dist/cjs/components/BulkActions/BulkActions.styles.cjs +5 -5
- package/dist/cjs/components/BulkActions/BulkActions.styles.cjs.map +1 -1
- package/dist/cjs/components/Calendar/CalendarHeader/CalendarHeader.cjs +2 -3
- package/dist/cjs/components/Calendar/CalendarHeader/CalendarHeader.cjs.map +1 -1
- package/dist/cjs/components/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.cjs +1 -1
- package/dist/cjs/components/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.cjs.map +1 -1
- package/dist/cjs/components/Calendar/CalendarNavigation/MonthSelector/MonthSelector.cjs +0 -1
- package/dist/cjs/components/Calendar/CalendarNavigation/MonthSelector/MonthSelector.cjs.map +1 -1
- package/dist/cjs/components/Calendar/CalendarNavigation/Navigation/Navigation.cjs +1 -1
- package/dist/cjs/components/Calendar/CalendarNavigation/Navigation/Navigation.cjs.map +1 -1
- package/dist/cjs/components/Calendar/CalendarWeekLabels/CalendarWeekLabels.cjs +1 -1
- package/dist/cjs/components/Calendar/CalendarWeekLabels/CalendarWeekLabels.cjs.map +1 -1
- package/dist/cjs/components/Calendar/SingleCalendar/CalendarCell.cjs +1 -1
- package/dist/cjs/components/Calendar/SingleCalendar/CalendarCell.cjs.map +1 -1
- package/dist/cjs/components/Card/Content/Content.cjs +2 -2
- package/dist/cjs/components/Card/Content/Content.cjs.map +1 -1
- package/dist/cjs/components/Card/Header/Header.cjs +1 -1
- package/dist/cjs/components/Card/Header/Header.cjs.map +1 -1
- package/dist/cjs/components/Card/Media/Media.cjs +2 -2
- package/dist/cjs/components/Card/Media/Media.cjs.map +1 -1
- package/dist/cjs/components/Carousel/Carousel.cjs +230 -0
- package/dist/cjs/components/Carousel/Carousel.cjs.map +1 -0
- package/dist/cjs/components/Carousel/Carousel.styles.cjs +177 -0
- package/dist/cjs/components/Carousel/Carousel.styles.cjs.map +1 -0
- package/dist/cjs/components/Carousel/CarouselSlide/CarouselSlide.cjs +43 -0
- package/dist/cjs/components/Carousel/CarouselSlide/CarouselSlide.cjs.map +1 -0
- package/dist/cjs/components/Carousel/CarouselSlide/CarouselSlide.styles.cjs +15 -0
- package/dist/cjs/components/Carousel/CarouselSlide/CarouselSlide.styles.cjs.map +1 -0
- package/dist/cjs/components/Carousel/utils.cjs +36 -0
- package/dist/cjs/components/Carousel/utils.cjs.map +1 -0
- package/dist/cjs/components/CheckBoxGroup/CheckBoxGroup.cjs +9 -11
- package/dist/cjs/components/CheckBoxGroup/CheckBoxGroup.cjs.map +1 -1
- package/dist/cjs/components/ColorPicker/ColorPicker.cjs.map +1 -1
- package/dist/cjs/components/ColorPicker/Picker/Picker.cjs.map +1 -1
- package/dist/cjs/components/ColorPicker/PresetColors/PresetColors.cjs +1 -1
- package/dist/cjs/components/ColorPicker/PresetColors/PresetColors.cjs.map +1 -1
- package/dist/cjs/components/ColorPicker/SavedColors/SavedColors.cjs +1 -1
- package/dist/cjs/components/ColorPicker/SavedColors/SavedColors.cjs.map +1 -1
- package/dist/cjs/components/Container/Container.cjs +1 -1
- package/dist/cjs/components/Container/Container.cjs.map +1 -1
- package/dist/cjs/components/Controls/Controls.cjs +3 -3
- package/dist/cjs/components/Controls/Controls.cjs.map +1 -1
- package/dist/cjs/components/Controls/LeftControl/LeftControl.cjs.map +1 -1
- package/dist/cjs/components/Dialog/Dialog.cjs +6 -53
- package/dist/cjs/components/Dialog/Dialog.cjs.map +1 -1
- package/dist/cjs/components/Dialog/Title/Title.cjs +1 -1
- package/dist/cjs/components/Dialog/Title/Title.cjs.map +1 -1
- package/dist/cjs/components/DotPagination/DotPagination.cjs +1 -1
- package/dist/cjs/components/DotPagination/DotPagination.cjs.map +1 -1
- package/dist/cjs/components/DotPagination/DotPagination.styles.cjs +5 -5
- package/dist/cjs/components/DotPagination/DotPagination.styles.cjs.map +1 -1
- package/dist/cjs/components/Dropdown/Dropdown.cjs.map +1 -1
- package/dist/cjs/components/EmptyState/EmptyState.cjs +2 -2
- package/dist/cjs/components/EmptyState/EmptyState.cjs.map +1 -1
- package/dist/cjs/components/FileUploader/DropZone/DropZone.cjs +3 -3
- package/dist/cjs/components/FileUploader/DropZone/DropZone.cjs.map +1 -1
- package/dist/cjs/components/FileUploader/File/File.cjs.map +1 -1
- package/dist/cjs/components/FileUploader/FileList/FileList.cjs +1 -1
- package/dist/cjs/components/FileUploader/FileList/FileList.cjs.map +1 -1
- package/dist/cjs/components/FileUploader/Preview/Preview.styles.cjs +4 -4
- package/dist/cjs/components/FileUploader/Preview/Preview.styles.cjs.map +1 -1
- package/dist/cjs/components/FilterGroup/Counter/Counter.cjs +1 -1
- package/dist/cjs/components/FilterGroup/Counter/Counter.cjs.map +1 -1
- package/dist/cjs/components/FilterGroup/FilterContent/FilterContent.cjs +3 -3
- package/dist/cjs/components/FilterGroup/FilterContent/FilterContent.cjs.map +1 -1
- package/dist/cjs/components/FilterGroup/FilterGroup.cjs +1 -1
- package/dist/cjs/components/FilterGroup/FilterGroup.cjs.map +1 -1
- package/dist/cjs/components/FilterGroup/LeftPanel/LeftPanel.cjs +1 -1
- package/dist/cjs/components/FilterGroup/LeftPanel/LeftPanel.cjs.map +1 -1
- package/dist/cjs/components/FilterGroup/RightPanel/RightPanel.cjs +1 -1
- package/dist/cjs/components/FilterGroup/RightPanel/RightPanel.cjs.map +1 -1
- package/dist/cjs/components/Focus/Focus.cjs +2 -2
- package/dist/cjs/components/Focus/Focus.cjs.map +1 -1
- package/dist/cjs/components/GlobalActions/GlobalActions.cjs +1 -1
- package/dist/cjs/components/GlobalActions/GlobalActions.cjs.map +1 -1
- package/dist/cjs/components/Header/Navigation/MenuItem/MenuItem.cjs +1 -1
- package/dist/cjs/components/Header/Navigation/MenuItem/MenuItem.cjs.map +1 -1
- package/dist/cjs/components/Header/Navigation/MenuItem/MenuItem.styles.cjs +6 -4
- package/dist/cjs/components/Header/Navigation/MenuItem/MenuItem.styles.cjs.map +1 -1
- package/dist/cjs/components/InlineEditor/InlineEditor.cjs +3 -3
- package/dist/cjs/components/InlineEditor/InlineEditor.cjs.map +1 -1
- package/dist/cjs/components/Input/Input.cjs +1 -1
- package/dist/cjs/components/Input/Input.cjs.map +1 -1
- package/dist/cjs/components/Input/Input.styles.cjs.map +1 -1
- package/dist/cjs/components/Kpi/Kpi.cjs.map +1 -1
- package/dist/cjs/components/Link/Link.cjs.map +1 -1
- package/dist/cjs/components/List/List.cjs.map +1 -1
- package/dist/cjs/components/ListContainer/ListContainer.cjs.map +1 -1
- package/dist/cjs/components/ListContainer/ListItem/ListItem.styles.cjs +2 -2
- package/dist/cjs/components/ListContainer/ListItem/ListItem.styles.cjs.map +1 -1
- package/dist/cjs/components/Loading/Loading.cjs.map +1 -1
- package/dist/cjs/components/MultiButton/MultiButton.styles.cjs +9 -6
- package/dist/cjs/components/MultiButton/MultiButton.styles.cjs.map +1 -1
- package/dist/cjs/components/Pagination/Pagination.cjs.map +1 -1
- package/dist/cjs/components/Pagination/Pagination.styles.cjs +9 -9
- package/dist/cjs/components/Pagination/Pagination.styles.cjs.map +1 -1
- package/dist/cjs/components/ProgressBar/ProgressBar.cjs.map +1 -1
- package/dist/cjs/components/QueryBuilder/QueryBuilder.cjs +1 -0
- package/dist/cjs/components/QueryBuilder/QueryBuilder.cjs.map +1 -1
- package/dist/cjs/components/QueryBuilder/Rule/Value/NumericValue/NumericValue.cjs +2 -2
- package/dist/cjs/components/QueryBuilder/Rule/Value/NumericValue/NumericValue.cjs.map +1 -1
- package/dist/cjs/components/QueryBuilder/Rule/Value/Value.cjs +6 -6
- package/dist/cjs/components/QueryBuilder/Rule/Value/Value.cjs.map +1 -1
- package/dist/cjs/components/QueryBuilder/RuleGroup/RuleGroup.cjs +1 -1
- package/dist/cjs/components/QueryBuilder/RuleGroup/RuleGroup.cjs.map +1 -1
- package/dist/cjs/components/Radio/Radio.cjs.map +1 -1
- package/dist/cjs/components/RadioGroup/RadioGroup.cjs +1 -1
- package/dist/cjs/components/RadioGroup/RadioGroup.cjs.map +1 -1
- package/dist/cjs/components/ScrollTo/Horizontal/HorizontalScrollListItem/HorizontalScrollListItem.cjs +1 -1
- package/dist/cjs/components/ScrollTo/Horizontal/HorizontalScrollListItem/HorizontalScrollListItem.cjs.map +1 -1
- package/dist/cjs/components/ScrollTo/Horizontal/ScrollToHorizontal.cjs +4 -4
- package/dist/cjs/components/ScrollTo/Horizontal/ScrollToHorizontal.cjs.map +1 -1
- package/dist/cjs/components/ScrollTo/Vertical/ScrollToVertical.cjs +3 -3
- package/dist/cjs/components/ScrollTo/Vertical/ScrollToVertical.cjs.map +1 -1
- package/dist/cjs/components/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.cjs +2 -2
- package/dist/cjs/components/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.cjs.map +1 -1
- package/dist/cjs/components/Slider/SliderInput/SliderInput.cjs.map +1 -1
- package/dist/cjs/components/Snackbar/Snackbar.cjs +5 -5
- package/dist/cjs/components/Snackbar/Snackbar.cjs.map +1 -1
- package/dist/cjs/components/Snackbar/SnackbarProvider/SnackbarProvider.cjs +2 -2
- package/dist/cjs/components/Snackbar/SnackbarProvider/SnackbarProvider.cjs.map +1 -1
- package/dist/cjs/components/Stack/Stack.cjs.map +1 -1
- package/dist/cjs/components/Switch/Switch.cjs.map +1 -1
- package/dist/cjs/components/Table/Table.cjs +3 -3
- package/dist/cjs/components/Table/Table.cjs.map +1 -1
- package/dist/cjs/components/Table/TableBody/TableBody.cjs +2 -2
- package/dist/cjs/components/Table/TableBody/TableBody.cjs.map +1 -1
- package/dist/cjs/components/Table/TableCell/TableCell.cjs +5 -5
- package/dist/cjs/components/Table/TableCell/TableCell.cjs.map +1 -1
- package/dist/cjs/components/Table/TableContainer/TableContainer.cjs +2 -2
- package/dist/cjs/components/Table/TableContainer/TableContainer.cjs.map +1 -1
- package/dist/cjs/components/Table/TableHead/TableHead.cjs +3 -3
- package/dist/cjs/components/Table/TableHead/TableHead.cjs.map +1 -1
- package/dist/cjs/components/Table/TableHeader/TableHeader.cjs +3 -3
- package/dist/cjs/components/Table/TableHeader/TableHeader.cjs.map +1 -1
- package/dist/cjs/components/Table/TableHeader/TableHeader.styles.cjs +5 -5
- package/dist/cjs/components/Table/TableHeader/TableHeader.styles.cjs.map +1 -1
- package/dist/cjs/components/Table/TableRow/TableRow.cjs +4 -4
- package/dist/cjs/components/Table/TableRow/TableRow.cjs.map +1 -1
- package/dist/cjs/components/Table/renderers/renderers.cjs +12 -6
- package/dist/cjs/components/Table/renderers/renderers.cjs.map +1 -1
- package/dist/cjs/components/Table/utils/utils.cjs +2 -1
- package/dist/cjs/components/Table/utils/utils.cjs.map +1 -1
- package/dist/cjs/components/Tabs/Tabs.cjs +1 -1
- package/dist/cjs/components/Tabs/Tabs.cjs.map +1 -1
- package/dist/cjs/components/Tag/Tag.cjs.map +1 -1
- package/dist/cjs/components/TextArea/TextArea.cjs +2 -2
- package/dist/cjs/components/TextArea/TextArea.cjs.map +1 -1
- package/dist/cjs/components/TimeAgo/TimeAgo.cjs.map +1 -1
- package/dist/cjs/components/ToggleButton/ToggleButton.cjs.map +1 -1
- package/dist/cjs/components/Tooltip/Tooltip.cjs +1 -1
- package/dist/cjs/components/Tooltip/Tooltip.cjs.map +1 -1
- package/dist/cjs/components/Typography/Typography.cjs +2 -2
- package/dist/cjs/components/Typography/Typography.cjs.map +1 -1
- package/dist/cjs/components/VerticalNavigation/Actions/Action.cjs.map +1 -1
- package/dist/cjs/components/VerticalNavigation/Actions/Actions.cjs +1 -1
- package/dist/cjs/components/VerticalNavigation/Actions/Actions.cjs.map +1 -1
- package/dist/cjs/components/VerticalNavigation/Header/Header.cjs +5 -3
- package/dist/cjs/components/VerticalNavigation/Header/Header.cjs.map +1 -1
- package/dist/cjs/components/VerticalNavigation/Header/Header.styles.cjs +3 -3
- package/dist/cjs/components/VerticalNavigation/Header/Header.styles.cjs.map +1 -1
- package/dist/cjs/components/VerticalNavigation/Navigation/Navigation.cjs +3 -2
- package/dist/cjs/components/VerticalNavigation/Navigation/Navigation.cjs.map +1 -1
- package/dist/cjs/components/VerticalNavigation/Navigation/navigationClasses.cjs +1 -1
- package/dist/cjs/components/VerticalNavigation/Navigation/navigationClasses.cjs.map +1 -1
- package/dist/cjs/components/VerticalNavigation/NavigationPopup/NavigationPopup.cjs +3 -1
- package/dist/cjs/components/VerticalNavigation/NavigationPopup/NavigationPopup.cjs.map +1 -1
- package/dist/cjs/components/VerticalNavigation/NavigationSlider/NavigationSlider.cjs +4 -4
- package/dist/cjs/components/VerticalNavigation/NavigationSlider/NavigationSlider.cjs.map +1 -1
- package/dist/cjs/components/VerticalNavigation/TreeView/TreeViewItem.cjs +9 -13
- package/dist/cjs/components/VerticalNavigation/TreeView/TreeViewItem.cjs.map +1 -1
- package/dist/cjs/components/VerticalNavigation/TreeView/TreeViewItem.styles.cjs +4 -4
- package/dist/cjs/components/VerticalNavigation/TreeView/TreeViewItem.styles.cjs.map +1 -1
- package/dist/cjs/components/VerticalNavigation/TreeView/descendants.cjs +4 -1
- package/dist/cjs/components/VerticalNavigation/TreeView/descendants.cjs.map +1 -1
- package/dist/cjs/components/VerticalNavigation/VerticalNavigation.cjs.map +1 -1
- package/dist/cjs/components/VerticalNavigation/VerticalNavigationContext.cjs.map +1 -1
- package/dist/cjs/hooks/useTheme.cjs.map +1 -1
- package/dist/cjs/index.cjs +8 -0
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/cjs/providers/Provider.cjs +2 -2
- package/dist/cjs/providers/Provider.cjs.map +1 -1
- package/dist/cjs/utils/iconVariant.cjs.map +1 -1
- package/dist/cjs/utils/theme.cjs +3 -4
- package/dist/cjs/utils/theme.cjs.map +1 -1
- package/dist/esm/components/Accordion/Accordion.js.map +1 -1
- package/dist/esm/components/ActionsGeneric/ActionsGeneric.js +1 -1
- package/dist/esm/components/ActionsGeneric/ActionsGeneric.js.map +1 -1
- package/dist/esm/components/ActionsGeneric/ActionsGeneric.styles.js +5 -5
- package/dist/esm/components/ActionsGeneric/ActionsGeneric.styles.js.map +1 -1
- package/dist/esm/components/AppSwitcher/Action/Action.js.map +1 -1
- package/dist/esm/components/Badge/Badge.js +2 -2
- package/dist/esm/components/Badge/Badge.js.map +1 -1
- package/dist/esm/components/Banner/Banner.js +1 -1
- package/dist/esm/components/Banner/Banner.js.map +1 -1
- package/dist/esm/components/Banner/BannerContent/ActionContainer/ActionContainer.js +1 -1
- package/dist/esm/components/Banner/BannerContent/ActionContainer/ActionContainer.js.map +1 -1
- package/dist/esm/components/Banner/BannerContent/BannerContent.js +1 -1
- package/dist/esm/components/Banner/BannerContent/BannerContent.js.map +1 -1
- package/dist/esm/components/Banner/BannerContent/MessageContainer/MessageContainer.js +1 -1
- package/dist/esm/components/Banner/BannerContent/MessageContainer/MessageContainer.js.map +1 -1
- package/dist/esm/components/BaseDropdown/BaseDropdown.js +1 -1
- package/dist/esm/components/BaseDropdown/BaseDropdown.js.map +1 -1
- package/dist/esm/components/BaseInput/BaseInput.js +3 -3
- package/dist/esm/components/BaseInput/BaseInput.js.map +1 -1
- package/dist/esm/components/BaseInput/BaseInput.styles.js.map +1 -1
- package/dist/esm/components/BaseSwitch/BaseSwitch.js.map +1 -1
- package/dist/esm/components/BreadCrumb/BreadCrumb.js +18 -20
- package/dist/esm/components/BreadCrumb/BreadCrumb.js.map +1 -1
- package/dist/esm/components/BreadCrumb/Page/Page.js.map +1 -1
- package/dist/esm/components/BulkActions/BulkActions.js +2 -2
- package/dist/esm/components/BulkActions/BulkActions.js.map +1 -1
- package/dist/esm/components/BulkActions/BulkActions.styles.js +5 -5
- package/dist/esm/components/BulkActions/BulkActions.styles.js.map +1 -1
- package/dist/esm/components/Calendar/CalendarHeader/CalendarHeader.js +2 -3
- package/dist/esm/components/Calendar/CalendarHeader/CalendarHeader.js.map +1 -1
- package/dist/esm/components/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.js +1 -1
- package/dist/esm/components/Calendar/CalendarNavigation/ComposedNavigation/ComposedNavigation.js.map +1 -1
- package/dist/esm/components/Calendar/CalendarNavigation/MonthSelector/MonthSelector.js +0 -1
- package/dist/esm/components/Calendar/CalendarNavigation/MonthSelector/MonthSelector.js.map +1 -1
- package/dist/esm/components/Calendar/CalendarNavigation/Navigation/Navigation.js +1 -1
- package/dist/esm/components/Calendar/CalendarNavigation/Navigation/Navigation.js.map +1 -1
- package/dist/esm/components/Calendar/CalendarWeekLabels/CalendarWeekLabels.js +1 -1
- package/dist/esm/components/Calendar/CalendarWeekLabels/CalendarWeekLabels.js.map +1 -1
- package/dist/esm/components/Calendar/SingleCalendar/CalendarCell.js +1 -1
- package/dist/esm/components/Calendar/SingleCalendar/CalendarCell.js.map +1 -1
- package/dist/esm/components/Card/Content/Content.js +2 -2
- package/dist/esm/components/Card/Content/Content.js.map +1 -1
- package/dist/esm/components/Card/Header/Header.js +1 -1
- package/dist/esm/components/Card/Header/Header.js.map +1 -1
- package/dist/esm/components/Card/Media/Media.js +2 -2
- package/dist/esm/components/Card/Media/Media.js.map +1 -1
- package/dist/esm/components/Carousel/Carousel.js +228 -0
- package/dist/esm/components/Carousel/Carousel.js.map +1 -0
- package/dist/esm/components/Carousel/Carousel.styles.js +177 -0
- package/dist/esm/components/Carousel/Carousel.styles.js.map +1 -0
- package/dist/esm/components/Carousel/CarouselSlide/CarouselSlide.js +43 -0
- package/dist/esm/components/Carousel/CarouselSlide/CarouselSlide.js.map +1 -0
- package/dist/esm/components/Carousel/CarouselSlide/CarouselSlide.styles.js +15 -0
- package/dist/esm/components/Carousel/CarouselSlide/CarouselSlide.styles.js.map +1 -0
- package/dist/esm/components/Carousel/utils.js +36 -0
- package/dist/esm/components/Carousel/utils.js.map +1 -0
- package/dist/esm/components/CheckBoxGroup/CheckBoxGroup.js +10 -12
- package/dist/esm/components/CheckBoxGroup/CheckBoxGroup.js.map +1 -1
- package/dist/esm/components/ColorPicker/ColorPicker.js.map +1 -1
- package/dist/esm/components/ColorPicker/Picker/Picker.js.map +1 -1
- package/dist/esm/components/ColorPicker/PresetColors/PresetColors.js +1 -1
- package/dist/esm/components/ColorPicker/PresetColors/PresetColors.js.map +1 -1
- package/dist/esm/components/ColorPicker/SavedColors/SavedColors.js +1 -1
- package/dist/esm/components/ColorPicker/SavedColors/SavedColors.js.map +1 -1
- package/dist/esm/components/Container/Container.js +1 -1
- package/dist/esm/components/Container/Container.js.map +1 -1
- package/dist/esm/components/Controls/Controls.js +3 -3
- package/dist/esm/components/Controls/Controls.js.map +1 -1
- package/dist/esm/components/Controls/LeftControl/LeftControl.js.map +1 -1
- package/dist/esm/components/Dialog/Dialog.js +7 -53
- package/dist/esm/components/Dialog/Dialog.js.map +1 -1
- package/dist/esm/components/Dialog/Title/Title.js +1 -1
- package/dist/esm/components/Dialog/Title/Title.js.map +1 -1
- package/dist/esm/components/DotPagination/DotPagination.js +1 -1
- package/dist/esm/components/DotPagination/DotPagination.js.map +1 -1
- package/dist/esm/components/DotPagination/DotPagination.styles.js +5 -5
- package/dist/esm/components/DotPagination/DotPagination.styles.js.map +1 -1
- package/dist/esm/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/esm/components/EmptyState/EmptyState.js +2 -2
- package/dist/esm/components/EmptyState/EmptyState.js.map +1 -1
- package/dist/esm/components/FileUploader/DropZone/DropZone.js +3 -3
- package/dist/esm/components/FileUploader/DropZone/DropZone.js.map +1 -1
- package/dist/esm/components/FileUploader/File/File.js.map +1 -1
- package/dist/esm/components/FileUploader/FileList/FileList.js +1 -1
- package/dist/esm/components/FileUploader/FileList/FileList.js.map +1 -1
- package/dist/esm/components/FileUploader/Preview/Preview.styles.js +4 -4
- package/dist/esm/components/FileUploader/Preview/Preview.styles.js.map +1 -1
- package/dist/esm/components/FilterGroup/Counter/Counter.js +1 -1
- package/dist/esm/components/FilterGroup/Counter/Counter.js.map +1 -1
- package/dist/esm/components/FilterGroup/FilterContent/FilterContent.js +3 -3
- package/dist/esm/components/FilterGroup/FilterContent/FilterContent.js.map +1 -1
- package/dist/esm/components/FilterGroup/FilterGroup.js +1 -1
- package/dist/esm/components/FilterGroup/FilterGroup.js.map +1 -1
- package/dist/esm/components/FilterGroup/LeftPanel/LeftPanel.js +1 -1
- package/dist/esm/components/FilterGroup/LeftPanel/LeftPanel.js.map +1 -1
- package/dist/esm/components/FilterGroup/RightPanel/RightPanel.js +1 -1
- package/dist/esm/components/FilterGroup/RightPanel/RightPanel.js.map +1 -1
- package/dist/esm/components/Focus/Focus.js +2 -2
- package/dist/esm/components/Focus/Focus.js.map +1 -1
- package/dist/esm/components/GlobalActions/GlobalActions.js +1 -1
- package/dist/esm/components/GlobalActions/GlobalActions.js.map +1 -1
- package/dist/esm/components/Header/Navigation/MenuItem/MenuItem.js +1 -1
- package/dist/esm/components/Header/Navigation/MenuItem/MenuItem.js.map +1 -1
- package/dist/esm/components/Header/Navigation/MenuItem/MenuItem.styles.js +6 -4
- package/dist/esm/components/Header/Navigation/MenuItem/MenuItem.styles.js.map +1 -1
- package/dist/esm/components/InlineEditor/InlineEditor.js +3 -3
- package/dist/esm/components/InlineEditor/InlineEditor.js.map +1 -1
- package/dist/esm/components/Input/Input.js +1 -1
- package/dist/esm/components/Input/Input.js.map +1 -1
- package/dist/esm/components/Input/Input.styles.js.map +1 -1
- package/dist/esm/components/Kpi/Kpi.js.map +1 -1
- package/dist/esm/components/Link/Link.js.map +1 -1
- package/dist/esm/components/List/List.js.map +1 -1
- package/dist/esm/components/ListContainer/ListContainer.js.map +1 -1
- package/dist/esm/components/ListContainer/ListItem/ListItem.styles.js +2 -2
- package/dist/esm/components/ListContainer/ListItem/ListItem.styles.js.map +1 -1
- package/dist/esm/components/Loading/Loading.js.map +1 -1
- package/dist/esm/components/MultiButton/MultiButton.styles.js +9 -6
- package/dist/esm/components/MultiButton/MultiButton.styles.js.map +1 -1
- package/dist/esm/components/Pagination/Pagination.js.map +1 -1
- package/dist/esm/components/Pagination/Pagination.styles.js +9 -9
- package/dist/esm/components/Pagination/Pagination.styles.js.map +1 -1
- package/dist/esm/components/ProgressBar/ProgressBar.js.map +1 -1
- package/dist/esm/components/QueryBuilder/QueryBuilder.js +1 -0
- package/dist/esm/components/QueryBuilder/QueryBuilder.js.map +1 -1
- package/dist/esm/components/QueryBuilder/Rule/Value/NumericValue/NumericValue.js +2 -2
- package/dist/esm/components/QueryBuilder/Rule/Value/NumericValue/NumericValue.js.map +1 -1
- package/dist/esm/components/QueryBuilder/Rule/Value/Value.js +6 -6
- package/dist/esm/components/QueryBuilder/Rule/Value/Value.js.map +1 -1
- package/dist/esm/components/QueryBuilder/RuleGroup/RuleGroup.js +1 -1
- package/dist/esm/components/QueryBuilder/RuleGroup/RuleGroup.js.map +1 -1
- package/dist/esm/components/Radio/Radio.js.map +1 -1
- package/dist/esm/components/RadioGroup/RadioGroup.js +1 -1
- package/dist/esm/components/RadioGroup/RadioGroup.js.map +1 -1
- package/dist/esm/components/ScrollTo/Horizontal/HorizontalScrollListItem/HorizontalScrollListItem.js +1 -1
- package/dist/esm/components/ScrollTo/Horizontal/HorizontalScrollListItem/HorizontalScrollListItem.js.map +1 -1
- package/dist/esm/components/ScrollTo/Horizontal/ScrollToHorizontal.js +4 -4
- package/dist/esm/components/ScrollTo/Horizontal/ScrollToHorizontal.js.map +1 -1
- package/dist/esm/components/ScrollTo/Vertical/ScrollToVertical.js +3 -3
- package/dist/esm/components/ScrollTo/Vertical/ScrollToVertical.js.map +1 -1
- package/dist/esm/components/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.js +2 -2
- package/dist/esm/components/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.js.map +1 -1
- package/dist/esm/components/Slider/SliderInput/SliderInput.js.map +1 -1
- package/dist/esm/components/Snackbar/Snackbar.js +5 -5
- package/dist/esm/components/Snackbar/Snackbar.js.map +1 -1
- package/dist/esm/components/Snackbar/SnackbarProvider/SnackbarProvider.js +2 -2
- package/dist/esm/components/Snackbar/SnackbarProvider/SnackbarProvider.js.map +1 -1
- package/dist/esm/components/Stack/Stack.js.map +1 -1
- package/dist/esm/components/Switch/Switch.js.map +1 -1
- package/dist/esm/components/Table/Table.js +3 -3
- package/dist/esm/components/Table/Table.js.map +1 -1
- package/dist/esm/components/Table/TableBody/TableBody.js +2 -2
- package/dist/esm/components/Table/TableBody/TableBody.js.map +1 -1
- package/dist/esm/components/Table/TableCell/TableCell.js +5 -5
- package/dist/esm/components/Table/TableCell/TableCell.js.map +1 -1
- package/dist/esm/components/Table/TableContainer/TableContainer.js +2 -2
- package/dist/esm/components/Table/TableContainer/TableContainer.js.map +1 -1
- package/dist/esm/components/Table/TableHead/TableHead.js +3 -3
- package/dist/esm/components/Table/TableHead/TableHead.js.map +1 -1
- package/dist/esm/components/Table/TableHeader/TableHeader.js +3 -3
- package/dist/esm/components/Table/TableHeader/TableHeader.js.map +1 -1
- package/dist/esm/components/Table/TableHeader/TableHeader.styles.js +5 -5
- package/dist/esm/components/Table/TableHeader/TableHeader.styles.js.map +1 -1
- package/dist/esm/components/Table/TableRow/TableRow.js +4 -4
- package/dist/esm/components/Table/TableRow/TableRow.js.map +1 -1
- package/dist/esm/components/Table/renderers/renderers.js +12 -6
- package/dist/esm/components/Table/renderers/renderers.js.map +1 -1
- package/dist/esm/components/Table/utils/utils.js +2 -1
- package/dist/esm/components/Table/utils/utils.js.map +1 -1
- package/dist/esm/components/Tabs/Tabs.js +1 -1
- package/dist/esm/components/Tabs/Tabs.js.map +1 -1
- package/dist/esm/components/Tag/Tag.js.map +1 -1
- package/dist/esm/components/TextArea/TextArea.js +2 -2
- package/dist/esm/components/TextArea/TextArea.js.map +1 -1
- package/dist/esm/components/TimeAgo/TimeAgo.js.map +1 -1
- package/dist/esm/components/ToggleButton/ToggleButton.js.map +1 -1
- package/dist/esm/components/Tooltip/Tooltip.js +1 -1
- package/dist/esm/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/esm/components/Typography/Typography.js +2 -2
- package/dist/esm/components/Typography/Typography.js.map +1 -1
- package/dist/esm/components/VerticalNavigation/Actions/Action.js.map +1 -1
- package/dist/esm/components/VerticalNavigation/Actions/Actions.js +1 -1
- package/dist/esm/components/VerticalNavigation/Actions/Actions.js.map +1 -1
- package/dist/esm/components/VerticalNavigation/Header/Header.js +6 -4
- package/dist/esm/components/VerticalNavigation/Header/Header.js.map +1 -1
- package/dist/esm/components/VerticalNavigation/Header/Header.styles.js +3 -3
- package/dist/esm/components/VerticalNavigation/Header/Header.styles.js.map +1 -1
- package/dist/esm/components/VerticalNavigation/Navigation/Navigation.js +3 -2
- package/dist/esm/components/VerticalNavigation/Navigation/Navigation.js.map +1 -1
- package/dist/esm/components/VerticalNavigation/Navigation/navigationClasses.js +1 -1
- package/dist/esm/components/VerticalNavigation/Navigation/navigationClasses.js.map +1 -1
- package/dist/esm/components/VerticalNavigation/NavigationPopup/NavigationPopup.js +3 -1
- package/dist/esm/components/VerticalNavigation/NavigationPopup/NavigationPopup.js.map +1 -1
- package/dist/esm/components/VerticalNavigation/NavigationSlider/NavigationSlider.js +4 -4
- package/dist/esm/components/VerticalNavigation/NavigationSlider/NavigationSlider.js.map +1 -1
- package/dist/esm/components/VerticalNavigation/TreeView/TreeViewItem.js +9 -13
- package/dist/esm/components/VerticalNavigation/TreeView/TreeViewItem.js.map +1 -1
- package/dist/esm/components/VerticalNavigation/TreeView/TreeViewItem.styles.js +4 -4
- package/dist/esm/components/VerticalNavigation/TreeView/TreeViewItem.styles.js.map +1 -1
- package/dist/esm/components/VerticalNavigation/TreeView/descendants.js +4 -1
- package/dist/esm/components/VerticalNavigation/TreeView/descendants.js.map +1 -1
- package/dist/esm/components/VerticalNavigation/VerticalNavigation.js.map +1 -1
- package/dist/esm/components/VerticalNavigation/VerticalNavigationContext.js.map +1 -1
- package/dist/esm/hooks/useTheme.js.map +1 -1
- package/dist/esm/index.js +8 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/providers/Provider.js +2 -2
- package/dist/esm/providers/Provider.js.map +1 -1
- package/dist/esm/utils/iconVariant.js.map +1 -1
- package/dist/esm/utils/theme.js +3 -4
- package/dist/esm/utils/theme.js.map +1 -1
- package/dist/types/index.d.ts +293 -43
- package/package.json +6 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollToHorizontal.cjs","sources":["../../../../../src/components/ScrollTo/Horizontal/ScrollToHorizontal.tsx"],"sourcesContent":["import { HvBaseProps } from \"@core/types\";\nimport scrollToHorizontalClasses, {\n HvScrollToHorizontalClasses,\n} from \"./scrollToHorizontalClasses\";\nimport { ClassNames } from \"@emotion/react\";\nimport { useTheme, useUniqueId } from \"@core/hooks\";\nimport { styles } from \"./ScrollToHorizontal.styles\";\nimport { useScrollTo } from \"../useScrollTo\";\nimport { HvHorizontalScrollListItem } from \"./HorizontalScrollListItem\";\nimport { isKeypress, keyboardCodes, setId } from \"@core/utils\";\nimport { useCallback, useMemo } from \"react\";\nimport { withTooltip } from \"../withTooltip\";\nimport { useTheme as useMuiTheme } from \"@mui/material/styles\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport fade from \"@core/utils/hexToRgbA\";\nimport { HvScrollToTooltipPositions } from \"../types\";\nimport { CurrentStep } from \"@hitachivantara/uikit-react-icons\";\nimport { useMediaQuery } from \"@mui/material\";\n\nconst { Enter } = keyboardCodes;\n\nexport interface HvScrollToHorizontalOption {\n key?: string;\n label: string;\n value: string;\n offset?: number;\n}\n\nexport type HvScrollToHorizontalPositions = \"sticky\" | \"fixed\" | \"relative\";\n\nexport interface HvScrollToHorizontalProps\n extends HvBaseProps<HTMLOListElement, \"onChange\" | \"onClick\"> {\n /** An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied */\n options: HvScrollToHorizontalOption[];\n /** True if the href location link should be applied. It will create an a element around every list item */\n href?: boolean;\n /** Default selected index passed from the parent. */\n defaultSelectedIndex?: number;\n /**\n * The Id of the scrollable container containing displayed elements.\n *\n * Defaults to `window` if unspecified.\n */\n scrollElementId?: string;\n /**\n * Defines the offset from the top of each element for getting an optimal viewing region in the container.\n * This allows to exclude regions of the container that are obscured by other content (such as fixed-positioned toolbars or titles)\n * or to put more breathing room between the targeted element and the edges of the container.\n *\n * Each element can also have a specific offset via the options property.\n */\n offset?: number;\n /** Position of the Horizontal scroll to. */\n position?: HvScrollToHorizontalPositions;\n /** Position of tooltip identifying the current item. */\n tooltipPosition?: HvScrollToTooltipPositions;\n /** A function called each time the selected index changes. */\n onChange?: (\n event:\n | Event\n | React.MouseEvent<HTMLDivElement>\n | React.KeyboardEvent<HTMLDivElement>,\n index: number\n ) => void;\n /** A function called each time an user clicks on a tab element. */\n onClick?: (event: React.MouseEvent<HTMLDivElement>, index: number) => void;\n /** A function called each time an user press enter on a tab element. */\n onEnter?: (event: React.KeyboardEvent<HTMLDivElement>, index: number) => void;\n /** A Jss Object used to override or extend the styles applied. */\n classes?: HvScrollToHorizontalClasses;\n}\n\n/**\n * The horizontal scroll to element can be used to quickly navigate in a page.\n */\nexport const HvScrollToHorizontal = ({\n id,\n defaultSelectedIndex = 0,\n scrollElementId,\n href = true,\n onChange,\n onClick,\n onEnter,\n className,\n classes,\n options,\n offset = 0,\n position = \"relative\",\n tooltipPosition = \"top\",\n ...others\n}: HvScrollToHorizontalProps) => {\n const muiTheme = useMuiTheme();\n\n const downSm = useMediaQuery(muiTheme.breakpoints.down(\"sm\"));\n const upMd = useMediaQuery(muiTheme.breakpoints.up(\"md\"));\n\n const { activeTheme, selectedMode } = useTheme();\n\n const elementId = useUniqueId(id, \"hvHorizontalScrollto\");\n\n const [selectedIndex, setScrollTo] = useScrollTo(\n defaultSelectedIndex,\n scrollElementId,\n href,\n offset,\n options,\n onChange\n );\n\n const handleSelection = (\n event:\n | React.MouseEvent<HTMLDivElement>\n | React.KeyboardEvent<HTMLDivElement>,\n value: string,\n index: number\n ) => {\n event.preventDefault();\n\n const wrappedOnChange = () => {\n onChange?.(event, index);\n };\n\n setScrollTo(event, value, index, wrappedOnChange);\n };\n\n const tooltipWrappers = useMemo(() => {\n return options.map((option) => {\n return withTooltip(option.label, \"div\", tooltipPosition);\n });\n }, [options, tooltipPosition]);\n\n const NotSelected = useCallback(() => {\n return (\n <ClassNames>\n {({ css, cx }) => (\n <div\n className={cx(\n scrollToHorizontalClasses.notSelectedRoot,\n css(styles.notSelectedRoot),\n classes?.notSelectedRoot\n )}\n >\n <div\n className={cx(\n scrollToHorizontalClasses.notSelected,\n css(styles.notSelected),\n classes?.notSelected\n )}\n />\n </div>\n )}\n </ClassNames>\n );\n }, [classes?.notSelectedRoot, classes?.notSelected]);\n\n const Selected = useCallback(() => {\n return (\n <ClassNames>\n {({ css, cx }) => (\n <CurrentStep\n height={activeTheme?.scrollTo.dotSelectedSize}\n width={activeTheme?.scrollTo.dotSelectedSize}\n className={cx(\n scrollToHorizontalClasses.selected,\n css(styles.selected),\n classes?.selected\n )}\n />\n )}\n </ClassNames>\n );\n }, [classes?.selected, activeTheme?.scrollTo.dotSelectedSize]);\n\n const tabs = options.map((option, index) => {\n const selected = selectedIndex === index;\n const tooltipWrapper = tooltipWrappers[index];\n\n return (\n <HvHorizontalScrollListItem\n id={setId(elementId, `item-${index}`)}\n onClick={(event) => {\n handleSelection(event, option.value, index);\n onClick?.(event, index);\n }}\n onKeyDown={(event) => {\n if (isKeypress(event, Enter) === true) {\n handleSelection(event, option.value, index);\n onEnter?.(event, index);\n }\n }}\n tooltipWrapper={tooltipWrapper}\n selected={selected}\n key={option.key || option.label}\n >\n <p>{option.label}</p>\n {selected ? <Selected /> : <NotSelected />}\n </HvHorizontalScrollListItem>\n );\n });\n\n return (\n <ClassNames>\n {({ css, cx }) => (\n <ol\n className={cx(\n scrollToHorizontalClasses.root,\n position === \"sticky\" && scrollToHorizontalClasses.positionSticky,\n position === \"fixed\" && scrollToHorizontalClasses.positionFixed,\n css(styles.root),\n css({\n width:\n position === \"fixed\" && (upMd || downSm)\n ? `calc(100% - 2*${theme.spacing(upMd ? 4 : 2)})`\n : \"100%\",\n marginTop: 0,\n marginBottom: 0,\n marginRight:\n position === \"fixed\" && (upMd || downSm)\n ? theme.spacing(upMd ? 4 : 2)\n : 0,\n marginLeft:\n position === \"fixed\" && (upMd || downSm)\n ? theme.spacing(upMd ? 4 : 2)\n : 0,\n backgroundColor: fade(\n activeTheme?.colors.modes[selectedMode].atmo2,\n activeTheme?.scrollTo.backgroundColorOpacity\n ),\n }),\n position === \"sticky\" && css(styles.positionSticky),\n position === \"fixed\" && css(styles.positionFixed),\n className,\n classes?.root,\n position === \"sticky\" && classes?.positionSticky,\n position === \"fixed\" && classes?.positionFixed\n )}\n id={elementId}\n {...others}\n >\n {tabs}\n </ol>\n )}\n </ClassNames>\n );\n};\n"],"names":["Enter","keyboardCodes","HvScrollToHorizontal","id","defaultSelectedIndex","scrollElementId","href","onChange","onClick","onEnter","className","classes","options","offset","position","tooltipPosition","others","muiTheme","useMuiTheme","downSm","useMediaQuery","breakpoints","down","upMd","up","activeTheme","selectedMode","useTheme","elementId","useUniqueId","selectedIndex","setScrollTo","useScrollTo","handleSelection","event","value","index","preventDefault","wrappedOnChange","tooltipWrappers","useMemo","map","option","withTooltip","label","NotSelected","useCallback","ClassNames","children","css","cx","scrollToHorizontalClasses","notSelectedRoot","styles","notSelected","Selected","CurrentStep","height","scrollTo","dotSelectedSize","width","selected","tabs","tooltipWrapper","HvHorizontalScrollListItem","setId","onKeyDown","isKeypress","_jsx","key","root","positionSticky","positionFixed","theme","spacing","marginTop","marginBottom","marginRight","marginLeft","backgroundColor","fade","colors","modes","atmo2","backgroundColorOpacity"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ScrollToHorizontal.cjs","sources":["../../../../../src/components/ScrollTo/Horizontal/ScrollToHorizontal.tsx"],"sourcesContent":["import { HvBaseProps } from \"@core/types\";\nimport { ClassNames } from \"@emotion/react\";\nimport { useTheme, useUniqueId } from \"@core/hooks\";\nimport { isKeypress, keyboardCodes, setId } from \"@core/utils\";\nimport { useCallback, useMemo } from \"react\";\nimport { useTheme as useMuiTheme } from \"@mui/material/styles\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport fade from \"@core/utils/hexToRgbA\";\nimport { CurrentStep } from \"@hitachivantara/uikit-react-icons\";\nimport { useMediaQuery } from \"@mui/material\";\nimport { HvScrollToTooltipPositions } from \"../types\";\nimport { withTooltip } from \"../withTooltip\";\nimport { HvHorizontalScrollListItem } from \"./HorizontalScrollListItem\";\nimport { useScrollTo } from \"../useScrollTo\";\nimport { styles } from \"./ScrollToHorizontal.styles\";\nimport scrollToHorizontalClasses, {\n HvScrollToHorizontalClasses,\n} from \"./scrollToHorizontalClasses\";\n\nconst { Enter } = keyboardCodes;\n\nexport interface HvScrollToHorizontalOption {\n key?: string;\n label: string;\n value: string;\n offset?: number;\n}\n\nexport type HvScrollToHorizontalPositions = \"sticky\" | \"fixed\" | \"relative\";\n\nexport interface HvScrollToHorizontalProps\n extends HvBaseProps<HTMLOListElement, \"onChange\" | \"onClick\"> {\n /** An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied */\n options: HvScrollToHorizontalOption[];\n /** True if the href location link should be applied. It will create an a element around every list item */\n href?: boolean;\n /** Default selected index passed from the parent. */\n defaultSelectedIndex?: number;\n /**\n * The Id of the scrollable container containing displayed elements.\n *\n * Defaults to `window` if unspecified.\n */\n scrollElementId?: string;\n /**\n * Defines the offset from the top of each element for getting an optimal viewing region in the container.\n * This allows to exclude regions of the container that are obscured by other content (such as fixed-positioned toolbars or titles)\n * or to put more breathing room between the targeted element and the edges of the container.\n *\n * Each element can also have a specific offset via the options property.\n */\n offset?: number;\n /** Position of the Horizontal scroll to. */\n position?: HvScrollToHorizontalPositions;\n /** Position of tooltip identifying the current item. */\n tooltipPosition?: HvScrollToTooltipPositions;\n /** A function called each time the selected index changes. */\n onChange?: (\n event:\n | Event\n | React.MouseEvent<HTMLDivElement>\n | React.KeyboardEvent<HTMLDivElement>,\n index: number\n ) => void;\n /** A function called each time an user clicks on a tab element. */\n onClick?: (event: React.MouseEvent<HTMLDivElement>, index: number) => void;\n /** A function called each time an user press enter on a tab element. */\n onEnter?: (event: React.KeyboardEvent<HTMLDivElement>, index: number) => void;\n /** A Jss Object used to override or extend the styles applied. */\n classes?: HvScrollToHorizontalClasses;\n}\n\n/**\n * The horizontal scroll to element can be used to quickly navigate in a page.\n */\nexport const HvScrollToHorizontal = ({\n id,\n defaultSelectedIndex = 0,\n scrollElementId,\n href = true,\n onChange,\n onClick,\n onEnter,\n className,\n classes,\n options,\n offset = 0,\n position = \"relative\",\n tooltipPosition = \"top\",\n ...others\n}: HvScrollToHorizontalProps) => {\n const muiTheme = useMuiTheme();\n\n const downSm = useMediaQuery(muiTheme.breakpoints.down(\"sm\"));\n const upMd = useMediaQuery(muiTheme.breakpoints.up(\"md\"));\n\n const { activeTheme, selectedMode } = useTheme();\n\n const elementId = useUniqueId(id, \"hvHorizontalScrollto\");\n\n const [selectedIndex, setScrollTo] = useScrollTo(\n defaultSelectedIndex,\n scrollElementId,\n href,\n offset,\n options,\n onChange\n );\n\n const handleSelection = (\n event:\n | React.MouseEvent<HTMLDivElement>\n | React.KeyboardEvent<HTMLDivElement>,\n value: string,\n index: number\n ) => {\n event.preventDefault();\n\n const wrappedOnChange = () => {\n onChange?.(event, index);\n };\n\n setScrollTo(event, value, index, wrappedOnChange);\n };\n\n const tooltipWrappers = useMemo(() => {\n return options.map((option) => {\n return withTooltip(option.label, \"div\", tooltipPosition);\n });\n }, [options, tooltipPosition]);\n\n const NotSelected = useCallback(() => {\n return (\n <ClassNames>\n {({ css, cx }) => (\n <div\n className={cx(\n scrollToHorizontalClasses.notSelectedRoot,\n css(styles.notSelectedRoot),\n classes?.notSelectedRoot\n )}\n >\n <div\n className={cx(\n scrollToHorizontalClasses.notSelected,\n css(styles.notSelected),\n classes?.notSelected\n )}\n />\n </div>\n )}\n </ClassNames>\n );\n }, [classes?.notSelectedRoot, classes?.notSelected]);\n\n const Selected = useCallback(() => {\n return (\n <ClassNames>\n {({ css, cx }) => (\n <CurrentStep\n height={activeTheme?.scrollTo.dotSelectedSize}\n width={activeTheme?.scrollTo.dotSelectedSize}\n className={cx(\n scrollToHorizontalClasses.selected,\n css(styles.selected),\n classes?.selected\n )}\n />\n )}\n </ClassNames>\n );\n }, [classes?.selected, activeTheme?.scrollTo.dotSelectedSize]);\n\n const tabs = options.map((option, index) => {\n const selected = selectedIndex === index;\n const tooltipWrapper = tooltipWrappers[index];\n\n return (\n <HvHorizontalScrollListItem\n id={setId(elementId, `item-${index}`)}\n onClick={(event) => {\n handleSelection(event, option.value, index);\n onClick?.(event, index);\n }}\n onKeyDown={(event) => {\n if (isKeypress(event, Enter) === true) {\n handleSelection(event, option.value, index);\n onEnter?.(event, index);\n }\n }}\n tooltipWrapper={tooltipWrapper}\n selected={selected}\n key={option.key || option.label}\n >\n <p>{option.label}</p>\n {selected ? <Selected /> : <NotSelected />}\n </HvHorizontalScrollListItem>\n );\n });\n\n return (\n <ClassNames>\n {({ css, cx }) => (\n <ol\n className={cx(\n scrollToHorizontalClasses.root,\n position === \"sticky\" && scrollToHorizontalClasses.positionSticky,\n position === \"fixed\" && scrollToHorizontalClasses.positionFixed,\n css(styles.root),\n css({\n width:\n position === \"fixed\" && (upMd || downSm)\n ? `calc(100% - 2*${theme.spacing(upMd ? 4 : 2)})`\n : \"100%\",\n marginTop: 0,\n marginBottom: 0,\n marginRight:\n position === \"fixed\" && (upMd || downSm)\n ? theme.spacing(upMd ? 4 : 2)\n : 0,\n marginLeft:\n position === \"fixed\" && (upMd || downSm)\n ? theme.spacing(upMd ? 4 : 2)\n : 0,\n backgroundColor: fade(\n activeTheme?.colors.modes[selectedMode].atmo2,\n activeTheme?.scrollTo.backgroundColorOpacity\n ),\n }),\n position === \"sticky\" && css(styles.positionSticky),\n position === \"fixed\" && css(styles.positionFixed),\n className,\n classes?.root,\n position === \"sticky\" && classes?.positionSticky,\n position === \"fixed\" && classes?.positionFixed\n )}\n id={elementId}\n {...others}\n >\n {tabs}\n </ol>\n )}\n </ClassNames>\n );\n};\n"],"names":["Enter","keyboardCodes","HvScrollToHorizontal","id","defaultSelectedIndex","scrollElementId","href","onChange","onClick","onEnter","className","classes","options","offset","position","tooltipPosition","others","muiTheme","useMuiTheme","downSm","useMediaQuery","breakpoints","down","upMd","up","activeTheme","selectedMode","useTheme","elementId","useUniqueId","selectedIndex","setScrollTo","useScrollTo","handleSelection","event","value","index","preventDefault","wrappedOnChange","tooltipWrappers","useMemo","map","option","withTooltip","label","NotSelected","useCallback","ClassNames","children","css","cx","scrollToHorizontalClasses","notSelectedRoot","styles","notSelected","Selected","CurrentStep","height","scrollTo","dotSelectedSize","width","selected","tabs","tooltipWrapper","HvHorizontalScrollListItem","setId","onKeyDown","isKeypress","_jsx","key","root","positionSticky","positionFixed","theme","spacing","marginTop","marginBottom","marginRight","marginLeft","backgroundColor","fade","colors","modes","atmo2","backgroundColorOpacity"],"mappings":"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"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const React = require("react");
|
|
4
|
+
const react = require("@emotion/react");
|
|
5
|
+
const hexToRgbA = require("../../../utils/hexToRgbA.cjs");
|
|
3
6
|
const scrollToVerticalClasses = require("./scrollToVerticalClasses.cjs");
|
|
4
7
|
const ScrollToVertical_styles = require("./ScrollToVertical.styles.cjs");
|
|
5
8
|
const useScrollTo = require("../useScrollTo.cjs");
|
|
6
|
-
const React = require("react");
|
|
7
9
|
const withTooltip = require("../withTooltip.cjs");
|
|
8
|
-
const react = require("@emotion/react");
|
|
9
|
-
const hexToRgbA = require("../../../utils/hexToRgbA.cjs");
|
|
10
10
|
const jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
11
11
|
const useUniqueId = require("../../../hooks/useUniqueId.cjs");
|
|
12
12
|
const VerticalScrollListItem = require("./VerticalScrollListItem/VerticalScrollListItem.cjs");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollToVertical.cjs","sources":["../../../../../src/components/ScrollTo/Vertical/ScrollToVertical.tsx"],"sourcesContent":["import { HvBaseProps } from \"@core/types\";\nimport
|
|
1
|
+
{"version":3,"file":"ScrollToVertical.cjs","sources":["../../../../../src/components/ScrollTo/Vertical/ScrollToVertical.tsx"],"sourcesContent":["import { HvBaseProps } from \"@core/types\";\nimport { useTheme, useUniqueId } from \"@core/hooks\";\nimport { isKeypress, keyboardCodes, setId } from \"@core/utils\";\nimport { useMemo } from \"react\";\nimport { ClassNames } from \"@emotion/react\";\nimport fade from \"@core/utils/hexToRgbA\";\nimport scrollToVerticalClasses, {\n HvScrollToVerticalClasses,\n} from \"./scrollToVerticalClasses\";\nimport { generateDynamicStyles, styles } from \"./ScrollToVertical.styles\";\nimport { HvVerticalScrollListItem } from \"./VerticalScrollListItem\";\nimport { useScrollTo } from \"../useScrollTo\";\nimport { withTooltip } from \"../withTooltip\";\nimport { HvScrollToTooltipPositions } from \"../types\";\n\nconst { Enter } = keyboardCodes;\n\nexport interface HvScrollToVerticalOption {\n key?: string;\n label: string;\n value: string;\n offset?: number;\n}\n\nexport type HvScrollToVerticalPositions = \"absolute\" | \"fixed\" | \"relative\";\n\nexport interface HvScrollToVerticalProps\n extends HvBaseProps<HTMLOListElement, \"onChange\" | \"onClick\"> {\n /** An Array of Objects with Label and Value. Label is the displayed Element and Value is the local navigation location applied */\n options: HvScrollToVerticalOption[];\n /** True if the href location link should be applied. It will create an a element around every list item */\n href?: boolean;\n /** Default selected index passed from the parent. */\n defaultSelectedIndex?: number;\n /**\n * The Id of the scrollable container containing displayed elements.\n *\n * Defaults to `window` if unspecified.\n */\n scrollElementId?: string;\n /**\n * Defines the offset from the top of each element for getting an optimal viewing region in the container.\n * This allows to exclude regions of the container that are obscured by other content (such as fixed-positioned toolbars or titles)\n * or to put more breathing room between the targeted element and the edges of the container.\n *\n * Each element can also have a specific offset via the options property.\n */\n offset?: number;\n /** Position of the Vertical scroll to. */\n position?: HvScrollToVerticalPositions;\n /** Position of tooltip identifying the current item. */\n tooltipPosition?: HvScrollToTooltipPositions;\n /** A function called each time the selected index changes. */\n onChange?: (\n event:\n | Event\n | React.MouseEvent<HTMLDivElement>\n | React.KeyboardEvent<HTMLDivElement>,\n index: number\n ) => void;\n /** A function called each time an user clicks on a tab element. */\n onClick?: (event: React.MouseEvent<HTMLDivElement>, index: number) => void;\n /** A function called each time an user press enter on a tab element. */\n onEnter?: (event: React.KeyboardEvent<HTMLDivElement>, index: number) => void;\n /** A Jss Object used to override or extend the styles applied. */\n classes?: HvScrollToVerticalClasses;\n}\n\n/**\n * The vertical scroll to element can be used to quickly navigate in a page.\n */\nexport const HvScrollToVertical = ({\n id,\n defaultSelectedIndex = 0,\n scrollElementId,\n href = true,\n onChange,\n onClick,\n onEnter,\n className,\n classes,\n options,\n offset = 0,\n position = \"relative\",\n tooltipPosition = \"left\",\n ...others\n}: HvScrollToVerticalProps) => {\n const { activeTheme, selectedMode } = useTheme();\n\n const elementId = useUniqueId(id, \"hvVerticalScrollto\");\n\n const [selectedIndex, setScrollTo] = useScrollTo(\n defaultSelectedIndex,\n scrollElementId,\n href,\n offset,\n options,\n onChange\n );\n\n const handleSelection = (\n event:\n | React.MouseEvent<HTMLDivElement>\n | React.KeyboardEvent<HTMLDivElement>,\n value: string,\n index: number\n ) => {\n event.preventDefault();\n\n const wrappedOnChange = () => {\n onChange?.(event, index);\n };\n\n setScrollTo(event, value, index, wrappedOnChange);\n };\n\n const tooltipWrappers = useMemo(() => {\n return options.map((option) => {\n return withTooltip(option.label, \"div\", tooltipPosition, false);\n });\n }, [options, tooltipPosition]);\n\n const tabs = options.map((option, index) => {\n const selected = selectedIndex === index;\n const tooltipWrapper = tooltipWrappers[index];\n\n return (\n <HvVerticalScrollListItem\n id={setId(elementId, `item-${index}`)}\n onClick={(event) => {\n handleSelection(event, option.value, index);\n onClick?.(event, index);\n }}\n onKeyDown={(event) => {\n if (isKeypress(event, Enter) === true) {\n handleSelection(event, option.value, index);\n onEnter?.(event, index);\n }\n }}\n tooltipWrapper={tooltipWrapper}\n selected={selected}\n key={option.key || option.label}\n aria-label={option.label}\n />\n );\n });\n\n const dynamicClasses = generateDynamicStyles(options.length);\n\n return (\n <ClassNames>\n {({ css, cx }) => (\n <ol\n className={cx(\n scrollToVerticalClasses.root,\n position === \"fixed\" && scrollToVerticalClasses.positionFixed,\n position === \"absolute\" && scrollToVerticalClasses.positionAbsolute,\n css(styles.root),\n css({\n backgroundColor: fade(\n activeTheme?.colors.modes[selectedMode].atmo2,\n activeTheme?.scrollTo.backgroundColorOpacity\n ),\n }),\n position === \"fixed\" && css(dynamicClasses.positionFixed),\n position === \"absolute\" && css(dynamicClasses.positionAbsolute),\n className,\n classes?.root,\n position === \"fixed\" && classes?.positionFixed,\n position === \"absolute\" && classes?.positionAbsolute\n )}\n id={elementId}\n {...others}\n >\n {tabs}\n </ol>\n )}\n </ClassNames>\n );\n};\n"],"names":["Enter","keyboardCodes","HvScrollToVertical","id","defaultSelectedIndex","scrollElementId","href","onChange","onClick","onEnter","className","classes","options","offset","position","tooltipPosition","others","activeTheme","selectedMode","useTheme","elementId","useUniqueId","selectedIndex","setScrollTo","useScrollTo","handleSelection","event","value","index","preventDefault","wrappedOnChange","tooltipWrappers","useMemo","map","option","withTooltip","label","tabs","selected","tooltipWrapper","HvVerticalScrollListItem","setId","onKeyDown","isKeypress","key","dynamicClasses","generateDynamicStyles","length","ClassNames","children","css","cx","scrollToVerticalClasses","root","positionFixed","positionAbsolute","styles","backgroundColor","fade","colors","modes","atmo2","scrollTo","backgroundColorOpacity"],"mappings":";;;;;;;;;;;;;;;;AAeA,MAAM;AAAA,EAAEA;AAAM,IAAIC;AAwDX,MAAMC,qBAAqBA,CAAC;AAAA,EACjCC;AAAAA,EACAC,uBAAuB;AAAA,EACvBC;AAAAA,EACAC,OAAO;AAAA,EACPC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,SAAS;AAAA,EACTC,WAAW;AAAA,EACXC,kBAAkB;AAAA,EAClB,GAAGC;AACoB,MAAM;AACvB,QAAA;AAAA,IAAEC;AAAAA,IAAaC;AAAAA,MAAiBC,SAAU,SAAA;AAE1CC,QAAAA,YAAYC,YAAAA,QAAYlB,IAAI,oBAAoB;AAEhD,QAAA,CAACmB,eAAeC,WAAW,IAAIC,wBACnCpB,sBACAC,iBACAC,MACAO,QACAD,SACAL,QAAQ;AAGV,QAAMkB,kBAAkBA,CACtBC,OAGAC,OACAC,UACG;AACHF,UAAMG,eAAgB;AAEtB,UAAMC,kBAAkBA,MAAM;AAC5BvB,2CAAWmB,OAAOE;AAAAA,IAAK;AAGbF,gBAAAA,OAAOC,OAAOC,OAAOE,eAAe;AAAA,EAAA;AAG5CC,QAAAA,kBAAkBC,MAAAA,QAAQ,MAAM;AAC7BpB,WAAAA,QAAQqB,IAAKC,CAAW,WAAA;AAC7B,aAAOC,YAAAA,YAAYD,OAAOE,OAAO,OAAOrB,iBAAiB,KAAK;AAAA,IAAA,CAC/D;AAAA,EAAA,GACA,CAACH,SAASG,eAAe,CAAC;AAE7B,QAAMsB,OAAOzB,QAAQqB,IAAI,CAACC,QAAQN,UAAU;AAC1C,UAAMU,WAAWhB,kBAAkBM;AAC7BW,UAAAA,iBAAiBR,gBAAgBH,KAAK;AAE5C,0CACGY,uBAAAA,0BAAwB;AAAA,MACvBrC,IAAIsC,MAAAA,MAAMrB,WAAY,QAAOQ,OAAO;AAAA,MACpCpB,SAAUkB,CAAU,UAAA;AACFA,wBAAAA,OAAOQ,OAAOP,OAAOC,KAAK;AAC1CpB,2CAAUkB,OAAOE;AAAAA,MACnB;AAAA,MACAc,WAAYhB,CAAU,UAAA;AACpB,YAAIiB,oBAAWjB,OAAO1B,KAAK,MAAM,MAAM;AACrB0B,0BAAAA,OAAOQ,OAAOP,OAAOC,KAAK;AAC1CnB,6CAAUiB,OAAOE;AAAAA,QACnB;AAAA,MACF;AAAA,MACAW;AAAAA,MACAD;AAAAA,MAEA,cAAYJ,OAAOE;AAAAA,IADdF,GAAAA,OAAOU,OAAOV,OAAOE,KAAK;AAAA,EAAA,CAIpC;AAEKS,QAAAA,iBAAiBC,wBAAAA,sBAAsBlC,QAAQmC,MAAM;AAE3D,wCACGC,MAAAA,YAAU;AAAA,IAAAC,UACRA,CAAC;AAAA,MAAEC;AAAAA,MAAKC;AAAAA,IAAAA,qCACP,MAAA;AAAA,MACEzC,WAAWyC,GACTC,gCAAwBC,MACxBvC,aAAa,WAAWsC,wBAAAA,QAAwBE,eAChDxC,aAAa,cAAcsC,gCAAwBG,kBACnDL,IAAIM,wBAAAA,OAAOH,IAAI,GACfH,IAAI;AAAA,QACFO,iBAAiBC,UACfzC,QAAAA,2CAAa0C,OAAOC,MAAM1C,cAAc2C,OACxC5C,2CAAa6C,SAASC,sBAAsB;AAAA,MAE/C,CAAA,GACDjD,aAAa,WAAWoC,IAAIL,eAAeS,aAAa,GACxDxC,aAAa,cAAcoC,IAAIL,eAAeU,gBAAgB,GAC9D7C,WACAC,mCAAS0C,MACTvC,aAAa,YAAWH,mCAAS2C,gBACjCxC,aAAa,eAAcH,mCAAS4C,iBAAgB;AAAA,MAEtDpD,IAAIiB;AAAAA,MAAU,GACVJ;AAAAA,MAAMiC,UAETZ;AAAAA,IAAAA,CAAI;AAAA,EAAA,CAGE;AAEjB;;"}
|
package/dist/cjs/components/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.cjs
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const verticalScrollListItemClasses = require("./verticalScrollListItemClasses.cjs");
|
|
4
3
|
const react = require("@emotion/react");
|
|
5
|
-
const VerticalScrollListItem_styles = require("./VerticalScrollListItem.styles.cjs");
|
|
6
4
|
const React = require("react");
|
|
7
5
|
const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
|
|
6
|
+
const VerticalScrollListItem_styles = require("./VerticalScrollListItem.styles.cjs");
|
|
7
|
+
const verticalScrollListItemClasses = require("./verticalScrollListItemClasses.cjs");
|
|
8
8
|
const jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
9
9
|
const useTheme = require("../../../../hooks/useTheme.cjs");
|
|
10
10
|
const setId = require("../../../../utils/setId.cjs");
|
package/dist/cjs/components/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VerticalScrollListItem.cjs","sources":["../../../../../../src/components/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.tsx"],"sourcesContent":["import { HvBaseProps } from \"@core/types\";\nimport
|
|
1
|
+
{"version":3,"file":"VerticalScrollListItem.cjs","sources":["../../../../../../src/components/ScrollTo/Vertical/VerticalScrollListItem/VerticalScrollListItem.tsx"],"sourcesContent":["import { HvBaseProps } from \"@core/types\";\nimport { ClassNames } from \"@emotion/react\";\nimport { HvTypographyProps } from \"@core/components\";\nimport { setId } from \"@core/utils\";\nimport { useCallback } from \"react\";\nimport { CurrentStep } from \"@hitachivantara/uikit-react-icons\";\nimport { useTheme } from \"@core/hooks\";\nimport { styles } from \"./VerticalScrollListItem.styles\";\nimport verticalScrollListItemClasses, {\n HvVerticalScrollListItemClasses,\n} from \"./verticalScrollListItemClasses\";\n\nexport interface HvVerticalScrollListItemProps extends HvBaseProps {\n /** A function component that renders a typography wrapped with a tooltip. */\n tooltipWrapper: React.FunctionComponent<{\n id?: string;\n className?: string;\n variant?: HvTypographyProps[\"variant\"];\n children?: React.ReactNode;\n }>;\n /** A Jss Object used to override or extend the styles applied. */\n classes?: HvVerticalScrollListItemClasses;\n /** Whether the element is selected. */\n selected?: boolean;\n /** The function to be executed when the element is clicked. */\n onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;\n /** The function to be executed when the element is clicked. */\n onKeyDown?: (event: React.KeyboardEvent<HTMLDivElement>) => void;\n}\n\n/**\n * HvVerticalScrollListItem a focusable item to be used as part of the vertical scroll\n */\nexport const HvVerticalScrollListItem = ({\n id,\n className,\n classes,\n selected,\n \"aria-label\": ariaLabel,\n onClick,\n onKeyDown,\n tooltipWrapper,\n ...others\n}: HvVerticalScrollListItemProps) => {\n const { activeTheme } = useTheme();\n\n const variant: HvTypographyProps[\"variant\"] = selected ? \"label\" : \"body\";\n\n const labelId = setId(id, \"label\");\n\n const buttonId = setId(id, \"button\");\n\n const Tooltip = tooltipWrapper;\n\n const NotSelected = useCallback(() => {\n return (\n <ClassNames>\n {({ css, cx }) => (\n <div\n className={cx(\n verticalScrollListItemClasses.notSelected,\n css(styles.notSelected),\n classes?.notSelected\n )}\n />\n )}\n </ClassNames>\n );\n }, [classes?.notSelected]);\n\n const icon = selected ? (\n <CurrentStep\n height={activeTheme?.scrollTo.dotSelectedSize}\n width={activeTheme?.scrollTo.dotSelectedSize}\n />\n ) : (\n <NotSelected />\n );\n\n return (\n <ClassNames>\n {({ css, cx }) => (\n <li\n id={id}\n className={cx(\n verticalScrollListItemClasses.root,\n css(styles.root),\n className,\n classes?.root\n )}\n aria-current={selected}\n >\n <div\n id={buttonId}\n role=\"button\"\n tabIndex={0}\n onClick={onClick}\n onKeyDown={onKeyDown}\n className={cx(\n verticalScrollListItemClasses.button,\n css(styles.button),\n classes?.button\n )}\n aria-label={ariaLabel}\n aria-labelledby={labelId}\n {...others}\n >\n <Tooltip\n id={labelId}\n className={cx(\n verticalScrollListItemClasses.text,\n css(styles.text),\n classes?.text\n )}\n variant={variant}\n >\n {icon}\n </Tooltip>\n </div>\n </li>\n )}\n </ClassNames>\n );\n};\n"],"names":["HvVerticalScrollListItem","id","className","classes","selected","ariaLabel","onClick","onKeyDown","tooltipWrapper","others","activeTheme","useTheme","variant","labelId","setId","buttonId","Tooltip","NotSelected","useCallback","ClassNames","children","css","cx","verticalScrollListItemClasses","notSelected","styles","icon","_jsx","CurrentStep","height","scrollTo","dotSelectedSize","width","root","role","tabIndex","button","text"],"mappings":";;;;;;;;;;AAiCO,MAAMA,2BAA2BA,CAAC;AAAA,EACvCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,cAAcC;AAAAA,EACdC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AAC0B,MAAM;AAC7B,QAAA;AAAA,IAAEC;AAAAA,MAAgBC,SAAU,SAAA;AAE5BC,QAAAA,UAAwCR,WAAW,UAAU;AAE7DS,QAAAA,UAAUC,MAAAA,MAAMb,IAAI,OAAO;AAE3Bc,QAAAA,WAAWD,MAAAA,MAAMb,IAAI,QAAQ;AAEnC,QAAMe,UAAUR;AAEVS,QAAAA,cAAcC,MAAAA,YAAY,MAAM;AACpC,0CACGC,MAAAA,YAAU;AAAA,MAAAC,UACRA,CAAC;AAAA,QAAEC;AAAAA,QAAKC;AAAAA,MAAAA,qCACP,OAAA;AAAA,QACEpB,WAAWoB,GACTC,8BAA8BC,QAAAA,aAC9BH,IAAII,8BAAAA,OAAOD,WAAW,GACtBrB,mCAASqB,WAAW;AAAA,MAAA,CACpB;AAAA,IAAA,CAGK;AAAA,EAAA,GAEd,CAACrB,mCAASqB,WAAW,CAAC;AAEnBE,QAAAA,OAAOtB,WACXuB,2BAAAA,IAACC,6BAAW;AAAA,IACVC,QAAQnB,2CAAaoB,SAASC;AAAAA,IAC9BC,OAAOtB,2CAAaoB,SAASC;AAAAA,EAAgB,CAAA,IAG9Cd,2BAAAA,IAAAA,aACF,CAAA,CAAA;AAED,wCACGE,MAAAA,YAAU;AAAA,IAAAC,UACRA,CAAC;AAAA,MAAEC;AAAAA,MAAKC;AAAAA,IAAAA,qCACP,MAAA;AAAA,MACErB;AAAAA,MACAC,WAAWoB,GACTC,sCAA8BU,MAC9BZ,IAAII,qCAAOQ,IAAI,GACf/B,WACAC,mCAAS8B,IAAI;AAAA,MAEf,gBAAc7B;AAAAA,MAASgB,yCAEvB,OAAA;AAAA,QACEnB,IAAIc;AAAAA,QACJmB,MAAK;AAAA,QACLC,UAAU;AAAA,QACV7B;AAAAA,QACAC;AAAAA,QACAL,WAAWoB,GACTC,8BAA8Ba,QAAAA,QAC9Bf,IAAII,8BAAAA,OAAOW,MAAM,GACjBjC,mCAASiC,MAAM;AAAA,QAEjB,cAAY/B;AAAAA,QACZ,mBAAiBQ;AAAAA,QAAQ,GACrBJ;AAAAA,QAAMW,yCAETJ,SAAO;AAAA,UACNf,IAAIY;AAAAA,UACJX,WAAWoB,GACTC,8BAA8Bc,QAAAA,MAC9BhB,IAAII,8BAAAA,OAAOY,IAAI,GACflC,mCAASkC,IAAI;AAAA,UAEfzB;AAAAA,UAAiBQ,UAEhBM;AAAAA,QAAAA,CAAI;AAAA,MAAA,CACG;AAAA,IAAA,CACN;AAAA,EAAA,CAGC;AAEjB;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SliderInput.cjs","sources":["../../../../../src/components/Slider/SliderInput/SliderInput.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { clsx } from \"clsx\";\nimport { Remove } from \"@hitachivantara/uikit-react-icons\";\nimport {
|
|
1
|
+
{"version":3,"file":"SliderInput.cjs","sources":["../../../../../src/components/Slider/SliderInput/SliderInput.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { clsx } from \"clsx\";\nimport { Remove } from \"@hitachivantara/uikit-react-icons\";\nimport { setId } from \"@core/utils\";\nimport { HvFormStatus, HvInputProps } from \"@core/components\";\nimport { HvBaseProps } from \"@core/types\";\nimport { knobsValuesToString, stringValuesToKnobs } from \"../utils\";\nimport {\n StyledInput,\n StyledInputContainer,\n StyledRoot,\n} from \"./SliderInput.styles\";\nimport sliderInputClasses, { HvSliderInputClasses } from \"./sliderInputClasses\";\n\nexport interface HvSliderInputProps\n extends HvBaseProps<HTMLDivElement, \"onChange\"> {\n /**\n * Used to generate the aria-label for the inputs.\n */\n label?: React.ReactNode;\n /**\n * Input status.\n */\n status?: HvFormStatus[];\n /**\n * The values array to apply to the component\n */\n values?: number[];\n /**\n * Callback function to be triggered when the selected date has changed.\n */\n onChange?: (values: number[], index: number) => void;\n /**\n * Attributes applied to the input element.\n */\n inputProps?: HvInputProps[];\n /**\n * Indicates that the form element is disabled.\n */\n disabled?: boolean;\n /**\n * Indicates that the form element is read only.\n */\n readOnly?: boolean;\n /**\n * Indicates how many decimals to use.\n */\n markDigits?: number;\n /**\n * Styles applied from the theme.\n */\n classes?: HvSliderInputClasses;\n}\n\nexport const HvSliderInput = ({\n classes,\n className,\n id,\n label,\n status,\n values: valuesProp = [],\n inputProps = [],\n readOnly = false,\n disabled = false,\n markDigits = 0,\n onChange,\n ...others\n}: HvSliderInputProps) => {\n const [inputValues, setInputValues] = useState<string[]>(\n knobsValuesToString(valuesProp, markDigits)\n );\n\n const handleChange = (index: number) => {\n if (disabled) return;\n\n onChange?.(stringValuesToKnobs(inputValues), index);\n };\n\n useEffect(() => {\n setInputValues(knobsValuesToString(valuesProp, markDigits));\n }, [markDigits, valuesProp]);\n\n return (\n <StyledRoot\n className={clsx(\n className,\n classes?.inputRoot,\n sliderInputClasses.inputRoot\n )}\n {...others}\n >\n {inputValues.map((value, index) => (\n <StyledInputContainer\n key={setId(id, index)}\n className={clsx(\n classes?.inputContainer,\n sliderInputClasses.inputContainer\n )}\n >\n {index !== 0 && <Remove color={disabled ? [\"atmo4\"] : undefined} />}\n <StyledInput\n id={setId(id, index)}\n aria-label={`${label}-${index}`}\n className={clsx(classes?.input, sliderInputClasses.input)}\n disabled={disabled}\n type=\"number\"\n value={Number.isNaN(value) || value == null ? \"\" : value.toString()}\n onEnter={() => handleChange(index)}\n onBlur={() => handleChange(index)}\n onChange={(_, inputValue) => {\n const newValues = [...inputValues];\n newValues[index] = inputValue;\n setInputValues(newValues);\n }}\n status={status?.[index] || \"standBy\"}\n readOnly={readOnly}\n disableClear\n {...inputProps[index]}\n />\n </StyledInputContainer>\n ))}\n </StyledRoot>\n );\n};\n"],"names":["HvSliderInput","classes","className","id","label","status","values","valuesProp","inputProps","readOnly","disabled","markDigits","onChange","others","inputValues","setInputValues","useState","knobsValuesToString","handleChange","index","stringValuesToKnobs","useEffect","StyledRoot","clsx","inputRoot","sliderInputClasses","children","map","value","StyledInputContainer","inputContainer","Remove","color","undefined","_jsx","StyledInput","setId","input","type","Number","isNaN","toString","onEnter","onBlur","_","inputValue","newValues","disableClear"],"mappings":";;;;;;;;;;AAsDO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,QAAQC,aAAa,CAAE;AAAA,EACvBC,aAAa,CAAE;AAAA,EACfC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC,aAAa;AAAA,EACbC;AAAAA,EACA,GAAGC;AACe,MAAM;AAClB,QAAA,CAACC,aAAaC,cAAc,IAAIC,MAAAA,SACpCC,MAAAA,oBAAoBV,YAAYI,UAAU,CAAC;AAGvCO,QAAAA,eAAeA,CAACC,UAAkB;AAClCT,QAAAA;AAAU;AAEHU,yCAAAA,MAAAA,oBAAoBN,WAAW,GAAGK;AAAAA,EAAK;AAGpDE,QAAAA,UAAU,MAAM;AACCJ,mBAAAA,MAAAA,oBAAoBV,YAAYI,UAAU,CAAC;AAAA,EAAA,GACzD,CAACA,YAAYJ,UAAU,CAAC;AAE3B,wCACGe,mBAAAA,YAAU;AAAA,IACTpB,WAAWqB,KACTrB,KAAAA,WACAD,mCAASuB,WACTC,2BAAmBD,SAAS;AAAA,IAC5B,GACEX;AAAAA,IAAMa,UAETZ,YAAYa,IAAI,CAACC,OAAOT,0CACtBU,yCAAoB;AAAA,MAEnB3B,WAAWqB,KAAAA,KACTtB,mCAAS6B,gBACTL,mBAAAA,QAAmBK,cAAc;AAAA,MACjCJ,WAEDP,UAAU,oCAAMY,gBAAAA,QAAM;AAAA,QAACC,OAAOtB,WAAW,CAAC,OAAO,IAAIuB;AAAAA,MAAAA,CAAa,GACnEC,2BAAAA,IAACC,gCAAW;AAAA,QACVhC,IAAIiC,MAAAA,MAAMjC,IAAIgB,KAAK;AAAA,QACnB,cAAa,GAAEf,SAASe;AAAAA,QACxBjB,WAAWqB,KAAAA,KAAKtB,mCAASoC,OAAOZ,mBAAAA,QAAmBY,KAAK;AAAA,QACxD3B;AAAAA,QACA4B,MAAK;AAAA,QACLV,OAAOW,OAAOC,MAAMZ,KAAK,KAAKA,SAAS,OAAO,KAAKA,MAAMa,SAAW;AAAA,QACpEC,SAASA,MAAMxB,aAAaC,KAAK;AAAA,QACjCwB,QAAQA,MAAMzB,aAAaC,KAAK;AAAA,QAChCP,UAAUA,CAACgC,GAAGC,eAAe;AACrBC,gBAAAA,YAAY,CAAC,GAAGhC,WAAW;AACjCgC,oBAAU3B,KAAK,IAAI0B;AACnB9B,yBAAe+B,SAAS;AAAA,QAC1B;AAAA,QACAzC,SAAQA,iCAASc,WAAU;AAAA,QAC3BV;AAAAA,QACAsC,cAAY;AAAA,QAAA,GACRvC,WAAWW,KAAK;AAAA,MAAA,CACpB,CAAA;AAAA,IAzBGiB,GAAAA,YAAMjC,IAAIgB,KAAK,CAAC,CA2BxB;AAAA,EAAA,CACU;AAEjB;;"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
3
|
const Slide = require("@mui/material/Slide");
|
|
4
|
-
const Snackbar_styles = require("./Snackbar.styles.cjs");
|
|
5
|
-
const snackbarClasses = require("./snackbarClasses.cjs");
|
|
6
4
|
const capitalize = require("lodash/capitalize");
|
|
7
5
|
const clsx = require("clsx");
|
|
6
|
+
const snackbarClasses = require("./snackbarClasses.cjs");
|
|
7
|
+
const Snackbar_styles = require("./Snackbar.styles.cjs");
|
|
8
8
|
const jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
9
9
|
const SnackbarContentWrapper = require("./SnackbarContentWrapper/SnackbarContentWrapper.cjs");
|
|
10
10
|
const setId = require("../../utils/setId.cjs");
|
|
@@ -29,15 +29,15 @@ const transDown = (props) => /* @__PURE__ */ jsxRuntime.jsx(Slide__default.defau
|
|
|
29
29
|
});
|
|
30
30
|
const snackBarDirComponent = (direction) => {
|
|
31
31
|
switch (direction) {
|
|
32
|
-
default:
|
|
33
|
-
case "left":
|
|
34
|
-
return transLeft;
|
|
35
32
|
case "right":
|
|
36
33
|
return transRight;
|
|
37
34
|
case "up":
|
|
38
35
|
return transUp;
|
|
39
36
|
case "down":
|
|
40
37
|
return transDown;
|
|
38
|
+
case "left":
|
|
39
|
+
default:
|
|
40
|
+
return transLeft;
|
|
41
41
|
}
|
|
42
42
|
};
|
|
43
43
|
const HvSnackbar = ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Snackbar.cjs","sources":["../../../../src/components/Snackbar/Snackbar.tsx"],"sourcesContent":["import Slide from \"@mui/material/Slide\";\nimport {\n SnackbarCloseReason,\n SnackbarOrigin,\n SnackbarProps as MuiSnackbarProps,\n} from \"@mui/material/Snackbar\";\nimport { HvBaseProps } from \"@core/types\";\nimport
|
|
1
|
+
{"version":3,"file":"Snackbar.cjs","sources":["../../../../src/components/Snackbar/Snackbar.tsx"],"sourcesContent":["import Slide from \"@mui/material/Slide\";\nimport {\n SnackbarCloseReason,\n SnackbarOrigin,\n SnackbarProps as MuiSnackbarProps,\n} from \"@mui/material/Snackbar\";\nimport { HvBaseProps } from \"@core/types\";\nimport capitalize from \"lodash/capitalize\";\nimport { SyntheticEvent } from \"react\";\nimport { setId } from \"@core/utils\";\nimport { HvActionGeneric } from \"@core/components\";\nimport { clsx } from \"clsx\";\nimport {\n HvSnackbarContentProps,\n HvSnackbarContent,\n} from \"./SnackbarContentWrapper\";\nimport snackbarClasses, { HvSnackbarClasses } from \"./snackbarClasses\";\nimport { StyledSnackbar } from \"./Snackbar.styles\";\n\nexport type HvSnackbarVariant = \"default\" | \"success\" | \"warning\" | \"error\";\n\nexport interface HvSnackbarProps\n extends Omit<MuiSnackbarProps, \"action\" | \"classes\">,\n Omit<HvBaseProps, \"children\"> {\n /** If true, Snackbar is open. */\n open?: boolean;\n /** Callback fired when the component requests to be closed. Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop. The reason parameter can optionally be used to control the response to onClose, for example ignoring clickaway. */\n onClose?:\n | ((\n event: Event | SyntheticEvent<any, Event>,\n reason: SnackbarCloseReason\n ) => void)\n | undefined;\n /** The message to display. */\n label?: React.ReactNode;\n /** The anchor of the Snackbar. vertical: \"top\", \"bottom\" | horizontal: \"left\",\"center\",\"right. It defines where the snackbar will end his animation */\n anchorOrigin?: SnackbarOrigin;\n /** The number of milliseconds to wait before automatically calling the onClose function. onClose should then set the state of the open prop to hide the Snackbar */\n autoHideDuration?: number;\n /** Variant of the snackbar. */\n variant?: HvSnackbarVariant;\n /** Custom icon to replace the variant default. */\n customIcon?: React.ReactNode;\n /** Controls if the associated icon to the variant should be shown. */\n showIcon?: boolean;\n /** Action to display. */\n action?: React.ReactNode | HvActionGeneric;\n /** The callback function ran when an action is triggered, receiving `action` as param */\n actionCallback?: (\n event: React.SyntheticEvent,\n id: string,\n action: HvActionGeneric\n ) => void;\n /** Duration of transition in milliseconds. */\n transitionDuration?: number;\n /** Direction of slide transition. */\n transitionDirection?: \"up\" | \"down\" | \"left\" | \"right\";\n /** Custom offset from top/bottom of the page, in px. */\n offset?: number;\n /** Others applied to the content of the snackbar. */\n snackbarContentProps?: HvSnackbarContentProps;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvSnackbarClasses;\n}\n\nconst transLeft = (props) => <Slide {...props} direction=\"left\" />;\nconst transRight = (props) => <Slide {...props} direction=\"right\" />;\nconst transUp = (props) => <Slide {...props} direction=\"up\" />;\nconst transDown = (props) => <Slide {...props} direction=\"down\" />;\n\nconst snackBarDirComponent = (direction) => {\n switch (direction) {\n case \"right\":\n return transRight;\n case \"up\":\n return transUp;\n case \"down\":\n return transDown;\n case \"left\":\n default:\n return transLeft;\n }\n};\n\n/**\n * A Snackbar provides brief messages about app processes.\n * It is dismissed automatically after a given interval.\n *\n * Snackbar can be built with two different components.\n * One is the HvSnackbar, which wraps all the positioning, transition, auto hide, etc.\n * The other is the HvSnackbarContent, which allows a finer control and customization of the content of the Snackbar.\n */\nexport const HvSnackbar = ({\n classes,\n className,\n id,\n open = false,\n onClose,\n label = \"\",\n anchorOrigin = { vertical: \"top\", horizontal: \"right\" },\n autoHideDuration = 5000,\n variant = \"default\",\n showIcon = false,\n customIcon = null,\n action = null,\n actionCallback,\n transitionDuration = 300,\n transitionDirection = \"left\",\n offset = 60,\n snackbarContentProps,\n ...others\n}: HvSnackbarProps) => {\n const anchorOriginOffset = {\n anchorOriginTop: {\n top: `${offset}px`,\n },\n anchorOriginBottom: {\n bottom: `${offset}px`,\n },\n };\n\n return (\n <StyledSnackbar\n style={\n anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin.vertical)}`]\n }\n classes={{\n root: clsx(classes?.root, snackbarClasses.root),\n anchorOriginBottomCenter: clsx(\n classes?.anchorOriginBottomCenter,\n snackbarClasses.anchorOriginBottomCenter\n ),\n anchorOriginBottomLeft: clsx(\n classes?.anchorOriginBottomLeft,\n snackbarClasses.anchorOriginBottomLeft\n ),\n anchorOriginBottomRight: clsx(\n classes?.anchorOriginBottomRight,\n snackbarClasses.anchorOriginBottomRight\n ),\n anchorOriginTopCenter: clsx(\n classes?.anchorOriginTopCenter,\n snackbarClasses.anchorOriginTopCenter\n ),\n anchorOriginTopLeft: clsx(\n classes?.anchorOriginTopLeft,\n snackbarClasses.anchorOriginTopLeft\n ),\n anchorOriginTopRight: clsx(\n classes?.anchorOriginTopRight,\n snackbarClasses.anchorOriginTopRight\n ),\n }}\n className={className}\n id={id}\n anchorOrigin={anchorOrigin}\n open={open}\n onClose={onClose}\n autoHideDuration={autoHideDuration}\n transitionDuration={transitionDuration}\n TransitionComponent={snackBarDirComponent(transitionDirection)}\n {...others}\n >\n <HvSnackbarContent\n id={setId(id, \"content\")}\n label={label}\n variant={variant}\n customIcon={customIcon}\n showIcon={showIcon}\n action={action}\n actionCallback={actionCallback}\n {...snackbarContentProps}\n />\n </StyledSnackbar>\n );\n};\n"],"names":["transLeft","props","_jsx","Slide","direction","transRight","transUp","transDown","snackBarDirComponent","HvSnackbar","classes","className","id","open","onClose","label","anchorOrigin","vertical","horizontal","autoHideDuration","variant","showIcon","customIcon","action","actionCallback","transitionDuration","transitionDirection","offset","snackbarContentProps","others","anchorOriginOffset","anchorOriginTop","top","anchorOriginBottom","bottom","StyledSnackbar","style","capitalize","root","clsx","snackbarClasses","anchorOriginBottomCenter","anchorOriginBottomLeft","anchorOriginBottomRight","anchorOriginTopCenter","anchorOriginTopLeft","anchorOriginTopRight","TransitionComponent","children","HvSnackbarContent","setId"],"mappings":";;;;;;;;;;;;;AAiEA,MAAMA,YAAaC,CAAUC,UAAAA,2BAAAA,IAACC,wBAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAM,CAAG;AAClE,MAAMC,aAAcJ,CAAUC,UAAAA,2BAAAA,IAACC,wBAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAO,CAAG;AACpE,MAAME,UAAWL,CAAUC,UAAAA,2BAAAA,IAACC,wBAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAI,CAAG;AAC9D,MAAMG,YAAaN,CAAUC,UAAAA,2BAAAA,IAACC,wBAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAM,CAAG;AAElE,MAAMI,uBAAwBJ,CAAc,cAAA;AAC1C,UAAQA,WAAS;AAAA,IACf,KAAK;AACIC,aAAAA;AAAAA,IACT,KAAK;AACIC,aAAAA;AAAAA,IACT,KAAK;AACIC,aAAAA;AAAAA,IACT,KAAK;AAAA,IACL;AACSP,aAAAA;AAAAA,EAAU;AAEvB;AAUO,MAAMS,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,OAAO;AAAA,EACPC;AAAAA,EACAC,QAAQ;AAAA,EACRC,eAAe;AAAA,IAAEC,UAAU;AAAA,IAAOC,YAAY;AAAA,EAAQ;AAAA,EACtDC,mBAAmB;AAAA,EACnBC,UAAU;AAAA,EACVC,WAAW;AAAA,EACXC,aAAa;AAAA,EACbC,SAAS;AAAA,EACTC;AAAAA,EACAC,qBAAqB;AAAA,EACrBC,sBAAsB;AAAA,EACtBC,SAAS;AAAA,EACTC;AAAAA,EACA,GAAGC;AACY,MAAM;AACrB,QAAMC,qBAAqB;AAAA,IACzBC,iBAAiB;AAAA,MACfC,KAAM,GAAEL;AAAAA,IACV;AAAA,IACAM,oBAAoB;AAAA,MAClBC,QAAS,GAAEP;AAAAA,IACb;AAAA,EAAA;AAGF,wCACGQ,gBAAAA,gBAAc;AAAA,IACbC,OACEN,mBAAoB,eAAcO,oBAAWrB,QAAAA,aAAaC,QAAQ,GAAG;AAAA,IAEvEP,SAAS;AAAA,MACP4B,MAAMC,KAAAA,KAAK7B,mCAAS4B,MAAME,gBAAAA,QAAgBF,IAAI;AAAA,MAC9CG,0BAA0BF,KAAAA,KACxB7B,mCAAS+B,0BACTD,gBAAAA,QAAgBC,wBAAwB;AAAA,MAE1CC,wBAAwBH,KAAAA,KACtB7B,mCAASgC,wBACTF,gBAAAA,QAAgBE,sBAAsB;AAAA,MAExCC,yBAAyBJ,KAAAA,KACvB7B,mCAASiC,yBACTH,gBAAAA,QAAgBG,uBAAuB;AAAA,MAEzCC,uBAAuBL,KAAAA,KACrB7B,mCAASkC,uBACTJ,gBAAAA,QAAgBI,qBAAqB;AAAA,MAEvCC,qBAAqBN,KAAAA,KACnB7B,mCAASmC,qBACTL,gBAAAA,QAAgBK,mBAAmB;AAAA,MAErCC,sBAAsBP,KAAAA,KACpB7B,mCAASoC,sBACTN,gBAAAA,QAAgBM,oBAAoB;AAAA,IAExC;AAAA,IACAnC;AAAAA,IACAC;AAAAA,IACAI;AAAAA,IACAH;AAAAA,IACAC;AAAAA,IACAK;AAAAA,IACAM;AAAAA,IACAsB,qBAAqBvC,qBAAqBkB,mBAAmB;AAAA,IAAE,GAC3DG;AAAAA,IAAMmB,yCAETC,gCAAiB;AAAA,MAChBrC,IAAIsC,MAAAA,MAAMtC,IAAI,SAAS;AAAA,MACvBG;AAAAA,MACAK;AAAAA,MACAE;AAAAA,MACAD;AAAAA,MACAE;AAAAA,MACAC;AAAAA,MAA+B,GAC3BI;AAAAA,IAAAA,CAAoB;AAAA,EAAA,CAEX;AAErB;;"}
|
|
@@ -60,7 +60,7 @@ const StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.N
|
|
|
60
60
|
}
|
|
61
61
|
},
|
|
62
62
|
...$notistackClassesOverride
|
|
63
|
-
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
63
|
+
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU25hY2tiYXIvU25hY2tiYXJQcm92aWRlci9TbmFja2JhclByb3ZpZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRG1CIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU25hY2tiYXIvU25hY2tiYXJQcm92aWRlci9TbmFja2JhclByb3ZpZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGZvcndhcmRSZWYsIHVzZUNhbGxiYWNrLCB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBTbmFja2JhckNvbnRlbnQsIFNuYWNrYmFyUHJvdmlkZXIsIHVzZVNuYWNrYmFyIH0gZnJvbSBcIm5vdGlzdGFja1wiO1xuaW1wb3J0IHsgY2xzeCB9IGZyb20gXCJjbHN4XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFNuYWNrYmFyT3JpZ2luIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWwvU25hY2tiYXJcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHsgSHZTbmFja2JhckNvbnRlbnQgfSBmcm9tIFwiLi4vU25hY2tiYXJDb250ZW50V3JhcHBlclwiO1xuaW1wb3J0IHsgSHZTbmFja2JhclZhcmlhbnQgfSBmcm9tIFwiLi4vU25hY2tiYXJcIjtcbmltcG9ydCB7IEh2U25hY2tiYXJDb250ZW50UHJvcHMgfSBmcm9tIFwiLi4vU25hY2tiYXJDb250ZW50V3JhcHBlci9TbmFja2JhckNvbnRlbnRXcmFwcGVyXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSHZTbmFja2JhclByb3ZpZGVyUHJvcHMge1xuICAvKiogWW91ciBjb21wb25lbnQgdHJlZS4gKi9cbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqIE1heCB2aXNpYmxlIHNuYWNrYmFycy4gKi9cbiAgbWF4U25hY2s/OiBudW1iZXI7XG4gIC8qKiBIb3cgbXVjaCB0aW1lIHRoZSBzbmFja2JhciByZW1haW5zIHZpc2libGUgaW4gbWlsbGlzZWNvbmRzLiAqL1xuICBhdXRvSGlkZUR1cmF0aW9uPzogbnVtYmVyO1xuICAvKiogV2hlcmUgaXMgdGhlIHNuYWNrYmFyIHBsYWNlZC4gKi9cbiAgYW5jaG9yT3JpZ2luPzogU25hY2tiYXJPcmlnaW47XG4gIC8qKiBDbGFzcyBvYmplY3QgdXNlZCB0byBvdmVycmlkZSBub3Rpc3RhY2sgY2xhc3Nlcy4gKi9cbiAgbm90aXN0YWNrQ2xhc3Nlc092ZXJyaWRlPzogb2JqZWN0O1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEh2Tm90aXN0YWNrU25hY2tNZXNzYWdlUHJvcHMge1xuICAvKiogSWQgdG8gYmUgYXBwbGllZCB0byB0aGUgcm9vdCBub2RlLiAqL1xuICBpZD86IHN0cmluZztcbiAgLyoqIENsYXNzbmFtZSB0byBhcHBseSBvbiB0aGUgcm9vdCBub2RlICovXG4gIGNsYXNzTmFtZT86IHN0cmluZztcbiAgLyoqIFlvdXIgY29tcG9uZW50IHRyZWUuICovXG4gIG1lc3NhZ2U/OiBzdHJpbmc7XG4gIC8qKiBWYXJpYW50IG9mIHRoZSBzbmFja2Jhci4gKi9cbiAgdmFyaWFudD86IEh2U25hY2tiYXJWYXJpYW50O1xuICAvKiogRXh0cmEgdmFsdWVzIHRvIHBhc3MgdG8gdGhlIHNuYWNrYmFyLiAqL1xuICBzbmFja2JhckNvbnRlbnRQcm9wcz86IEh2U25hY2tiYXJDb250ZW50UHJvcHM7XG59XG5cbmNvbnN0IEh2Tm90aXN0YWNrU25hY2tNZXNzYWdlID0gZm9yd2FyZFJlZjxcbiAgSFRNTERpdkVsZW1lbnQsXG4gIEh2Tm90aXN0YWNrU25hY2tNZXNzYWdlUHJvcHNcbj4oKHsgaWQsIG1lc3NhZ2UsIHZhcmlhbnQgPSBcInN1Y2Nlc3NcIiwgc25hY2tiYXJDb250ZW50UHJvcHMgfSwgcmVmKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFNuYWNrYmFyQ29udGVudCByZWY9e3JlZn0+XG4gICAgICA8SHZTbmFja2JhckNvbnRlbnRcbiAgICAgICAgaWQ9e2lkfVxuICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICBzaG93SWNvblxuICAgICAgICBsYWJlbD17bWVzc2FnZX1cbiAgICAgICAgey4uLnNuYWNrYmFyQ29udGVudFByb3BzfVxuICAgICAgLz5cbiAgICA8L1NuYWNrYmFyQ29udGVudD5cbiAgKTtcbn0pO1xuXG5jb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRub3Rpc3RhY2tDbGFzc2VzT3ZlcnJpZGUgfTogeyAkbm90aXN0YWNrQ2xhc3Nlc092ZXJyaWRlOiBvYmplY3QgfSkgPT4gKHtcbiAgXCImIC5TbmFja2JhckNvbnRhaW5lci1yb290XCI6IHtcbiAgICBwb2ludGVyRXZlbnRzOiBcImFsbFwiLFxuICAgIFwiJiA+IGRpdiA+IGRpdlwiOiB7XG4gICAgICAvLyBPdmVycmlkZXMgbm90aXN0YWNrIGV4dHJhIHBhZGRpbmdcbiAgICAgIHBhZGRpbmc6IFwiMCAhaW1wb3J0YW50XCIsXG4gICAgICB0cmFuc2l0aW9uOiBcImFsbCAwcyBlYXNlIDBzICFpbXBvcnRhbnRcIixcbiAgICB9LFxuICB9LFxuICAuLi4kbm90aXN0YWNrQ2xhc3Nlc092ZXJyaWRlLFxufSkpO1xuXG5jb25zdCBTdHlsZWRTbmFja2JhclByb3ZpZGVyID0gc3R5bGVkKFNuYWNrYmFyUHJvdmlkZXIpKHtcbiAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50ICFpbXBvcnRhbnRcIixcbiAgYm94U2hhZG93OiBcIm5vbmUgIWltcG9ydGFudFwiLFxuICBcIiYmXCI6IHtcbiAgICBjb2xvcjogXCJpbmhlcml0XCIsXG4gICAgcGFkZGluZzogXCIwXCIsXG4gICAgZm9udFNpemU6IFwiaW5oZXJpdFwiLFxuICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBmb250RmFtaWx5OiBcImluaGVyaXRcIixcbiAgICBmb250V2VpZ2h0OiBcImluaGVyaXRcIixcbiAgICBsaW5lSGVpZ2h0OiBcImluaGVyaXRcIixcbiAgICBib3JkZXJSYWRpdXM6IFwiMFwiLFxuICAgIGxldHRlclNwYWNpbmc6IFwiaW5oZXJpdFwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJpbmhlcml0XCIsXG4gIH0sXG59KTtcblxuLy8gV2Ugb3ZlcnJpZGUgbm90aXN0YWNrIGhvb2sgdG8gYmUgYWJsZSB0byBjdXN0b21pemUgdGhlIHNuYWNrYmFyIHRoYXQgc2hvdWxkIGJlIGNhbGxlZC5cbmNvbnN0IHVzZUh2U25hY2tiYXIgPSAoKSA9PiB7XG4gIGNvbnN0IHsgZW5xdWV1ZVNuYWNrYmFyOiBlbnF1ZXVlTm90aXN0YWNrU25hY2tiYXIsIGNsb3NlU25hY2tiYXIgfSA9XG4gICAgdXNlU25hY2tiYXIoKTtcbiAgY29uc3QgZW5xdWV1ZVNuYWNrYmFyID0gdXNlQ2FsbGJhY2soXG4gICAgKG1lc3NhZ2UsIG9wdGlvbnMgPSB7fSkgPT4ge1xuICAgICAgY29uc3Qge1xuICAgICAgICBpZCxcbiAgICAgICAgdmFyaWFudCA9IFwic3VjY2Vzc1wiLFxuICAgICAgICBzbmFja2JhckNvbnRlbnRQcm9wcyxcbiAgICAgICAgY2xhc3NOYW1lLFxuICAgICAgICAuLi5vdGhlck9wdGlvbnNcbiAgICAgIH06IEh2Tm90aXN0YWNrU25hY2tNZXNzYWdlUHJvcHMgPSBvcHRpb25zO1xuXG4gICAgICByZXR1cm4gZW5xdWV1ZU5vdGlzdGFja1NuYWNrYmFyKFxuICAgICAgICA8SHZOb3Rpc3RhY2tTbmFja01lc3NhZ2VcbiAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgbWVzc2FnZT17bWVzc2FnZX1cbiAgICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICAgIHNuYWNrYmFyQ29udGVudFByb3BzPXtzbmFja2JhckNvbnRlbnRQcm9wc31cbiAgICAgICAgLz4sXG4gICAgICAgIHsgLi4ub3RoZXJPcHRpb25zLCBjbGFzc05hbWU6IGNsc3goY2xhc3NOYW1lKSB9XG4gICAgICApO1xuICAgIH0sXG4gICAgW2VucXVldWVOb3Rpc3RhY2tTbmFja2Jhcl1cbiAgKTtcbiAgcmV0dXJuIHVzZU1lbW8oXG4gICAgKCkgPT4gKHtcbiAgICAgIGVucXVldWVTbmFja2JhcixcbiAgICAgIGNsb3NlU25hY2tiYXIsXG4gICAgfSksXG4gICAgW2VucXVldWVTbmFja2JhciwgY2xvc2VTbmFja2Jhcl1cbiAgKTtcbn07XG5cbmNvbnN0IEh2U25hY2tiYXJQcm92aWRlciA9ICh7XG4gIGNoaWxkcmVuLFxuICBub3Rpc3RhY2tDbGFzc2VzT3ZlcnJpZGUgPSB7fSxcbiAgbWF4U25hY2sgPSA1LFxuICBhdXRvSGlkZUR1cmF0aW9uID0gNTAwMCxcbiAgYW5jaG9yT3JpZ2luID0ge1xuICAgIHZlcnRpY2FsOiBcInRvcFwiLFxuICAgIGhvcml6b250YWw6IFwicmlnaHRcIixcbiAgfSxcbiAgLi4ub3RoZXJzXG59KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFJvb3QgJG5vdGlzdGFja0NsYXNzZXNPdmVycmlkZT17bm90aXN0YWNrQ2xhc3Nlc092ZXJyaWRlfT5cbiAgICAgIDxTdHlsZWRTbmFja2JhclByb3ZpZGVyXG4gICAgICAgIG1heFNuYWNrPXttYXhTbmFja31cbiAgICAgICAgYXV0b0hpZGVEdXJhdGlvbj17YXV0b0hpZGVEdXJhdGlvbn1cbiAgICAgICAgYW5jaG9yT3JpZ2luPXthbmNob3JPcmlnaW4gYXMgU25hY2tiYXJPcmlnaW59XG4gICAgICAgIHsuLi5vdGhlcnN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvU3R5bGVkU25hY2tiYXJQcm92aWRlcj5cbiAgICA8L1N0eWxlZFJvb3Q+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBIdlNuYWNrYmFyUHJvdmlkZXI7XG5leHBvcnQgeyB1c2VIdlNuYWNrYmFyIH07XG4iXX0= */");
|
|
64
64
|
const StyledSnackbarProvider = /* @__PURE__ */ _styled__default.default(notistack.SnackbarProvider, process.env.NODE_ENV === "production" ? {
|
|
65
65
|
target: "e1959n0j0"
|
|
66
66
|
} : {
|
|
@@ -72,7 +72,7 @@ const StyledSnackbarProvider = /* @__PURE__ */ _styled__default.default(notistac
|
|
|
72
72
|
} : {
|
|
73
73
|
name: "2s4j95",
|
|
74
74
|
styles: "background-color:transparent !important;box-shadow:none !important;&&{color:inherit;padding:0;font-size:inherit;box-shadow:none;align-items:center;font-family:inherit;font-weight:inherit;line-height:inherit;border-radius:0;letter-spacing:inherit;background-color:inherit;}",
|
|
75
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
75
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU25hY2tiYXIvU25hY2tiYXJQcm92aWRlci9TbmFja2JhclByb3ZpZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRStCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU25hY2tiYXIvU25hY2tiYXJQcm92aWRlci9TbmFja2JhclByb3ZpZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGZvcndhcmRSZWYsIHVzZUNhbGxiYWNrLCB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBTbmFja2JhckNvbnRlbnQsIFNuYWNrYmFyUHJvdmlkZXIsIHVzZVNuYWNrYmFyIH0gZnJvbSBcIm5vdGlzdGFja1wiO1xuaW1wb3J0IHsgY2xzeCB9IGZyb20gXCJjbHN4XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFNuYWNrYmFyT3JpZ2luIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWwvU25hY2tiYXJcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHsgSHZTbmFja2JhckNvbnRlbnQgfSBmcm9tIFwiLi4vU25hY2tiYXJDb250ZW50V3JhcHBlclwiO1xuaW1wb3J0IHsgSHZTbmFja2JhclZhcmlhbnQgfSBmcm9tIFwiLi4vU25hY2tiYXJcIjtcbmltcG9ydCB7IEh2U25hY2tiYXJDb250ZW50UHJvcHMgfSBmcm9tIFwiLi4vU25hY2tiYXJDb250ZW50V3JhcHBlci9TbmFja2JhckNvbnRlbnRXcmFwcGVyXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSHZTbmFja2JhclByb3ZpZGVyUHJvcHMge1xuICAvKiogWW91ciBjb21wb25lbnQgdHJlZS4gKi9cbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgLyoqIE1heCB2aXNpYmxlIHNuYWNrYmFycy4gKi9cbiAgbWF4U25hY2s/OiBudW1iZXI7XG4gIC8qKiBIb3cgbXVjaCB0aW1lIHRoZSBzbmFja2JhciByZW1haW5zIHZpc2libGUgaW4gbWlsbGlzZWNvbmRzLiAqL1xuICBhdXRvSGlkZUR1cmF0aW9uPzogbnVtYmVyO1xuICAvKiogV2hlcmUgaXMgdGhlIHNuYWNrYmFyIHBsYWNlZC4gKi9cbiAgYW5jaG9yT3JpZ2luPzogU25hY2tiYXJPcmlnaW47XG4gIC8qKiBDbGFzcyBvYmplY3QgdXNlZCB0byBvdmVycmlkZSBub3Rpc3RhY2sgY2xhc3Nlcy4gKi9cbiAgbm90aXN0YWNrQ2xhc3Nlc092ZXJyaWRlPzogb2JqZWN0O1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEh2Tm90aXN0YWNrU25hY2tNZXNzYWdlUHJvcHMge1xuICAvKiogSWQgdG8gYmUgYXBwbGllZCB0byB0aGUgcm9vdCBub2RlLiAqL1xuICBpZD86IHN0cmluZztcbiAgLyoqIENsYXNzbmFtZSB0byBhcHBseSBvbiB0aGUgcm9vdCBub2RlICovXG4gIGNsYXNzTmFtZT86IHN0cmluZztcbiAgLyoqIFlvdXIgY29tcG9uZW50IHRyZWUuICovXG4gIG1lc3NhZ2U/OiBzdHJpbmc7XG4gIC8qKiBWYXJpYW50IG9mIHRoZSBzbmFja2Jhci4gKi9cbiAgdmFyaWFudD86IEh2U25hY2tiYXJWYXJpYW50O1xuICAvKiogRXh0cmEgdmFsdWVzIHRvIHBhc3MgdG8gdGhlIHNuYWNrYmFyLiAqL1xuICBzbmFja2JhckNvbnRlbnRQcm9wcz86IEh2U25hY2tiYXJDb250ZW50UHJvcHM7XG59XG5cbmNvbnN0IEh2Tm90aXN0YWNrU25hY2tNZXNzYWdlID0gZm9yd2FyZFJlZjxcbiAgSFRNTERpdkVsZW1lbnQsXG4gIEh2Tm90aXN0YWNrU25hY2tNZXNzYWdlUHJvcHNcbj4oKHsgaWQsIG1lc3NhZ2UsIHZhcmlhbnQgPSBcInN1Y2Nlc3NcIiwgc25hY2tiYXJDb250ZW50UHJvcHMgfSwgcmVmKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFNuYWNrYmFyQ29udGVudCByZWY9e3JlZn0+XG4gICAgICA8SHZTbmFja2JhckNvbnRlbnRcbiAgICAgICAgaWQ9e2lkfVxuICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICBzaG93SWNvblxuICAgICAgICBsYWJlbD17bWVzc2FnZX1cbiAgICAgICAgey4uLnNuYWNrYmFyQ29udGVudFByb3BzfVxuICAgICAgLz5cbiAgICA8L1NuYWNrYmFyQ29udGVudD5cbiAgKTtcbn0pO1xuXG5jb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRub3Rpc3RhY2tDbGFzc2VzT3ZlcnJpZGUgfTogeyAkbm90aXN0YWNrQ2xhc3Nlc092ZXJyaWRlOiBvYmplY3QgfSkgPT4gKHtcbiAgXCImIC5TbmFja2JhckNvbnRhaW5lci1yb290XCI6IHtcbiAgICBwb2ludGVyRXZlbnRzOiBcImFsbFwiLFxuICAgIFwiJiA+IGRpdiA+IGRpdlwiOiB7XG4gICAgICAvLyBPdmVycmlkZXMgbm90aXN0YWNrIGV4dHJhIHBhZGRpbmdcbiAgICAgIHBhZGRpbmc6IFwiMCAhaW1wb3J0YW50XCIsXG4gICAgICB0cmFuc2l0aW9uOiBcImFsbCAwcyBlYXNlIDBzICFpbXBvcnRhbnRcIixcbiAgICB9LFxuICB9LFxuICAuLi4kbm90aXN0YWNrQ2xhc3Nlc092ZXJyaWRlLFxufSkpO1xuXG5jb25zdCBTdHlsZWRTbmFja2JhclByb3ZpZGVyID0gc3R5bGVkKFNuYWNrYmFyUHJvdmlkZXIpKHtcbiAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50ICFpbXBvcnRhbnRcIixcbiAgYm94U2hhZG93OiBcIm5vbmUgIWltcG9ydGFudFwiLFxuICBcIiYmXCI6IHtcbiAgICBjb2xvcjogXCJpbmhlcml0XCIsXG4gICAgcGFkZGluZzogXCIwXCIsXG4gICAgZm9udFNpemU6IFwiaW5oZXJpdFwiLFxuICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBmb250RmFtaWx5OiBcImluaGVyaXRcIixcbiAgICBmb250V2VpZ2h0OiBcImluaGVyaXRcIixcbiAgICBsaW5lSGVpZ2h0OiBcImluaGVyaXRcIixcbiAgICBib3JkZXJSYWRpdXM6IFwiMFwiLFxuICAgIGxldHRlclNwYWNpbmc6IFwiaW5oZXJpdFwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJpbmhlcml0XCIsXG4gIH0sXG59KTtcblxuLy8gV2Ugb3ZlcnJpZGUgbm90aXN0YWNrIGhvb2sgdG8gYmUgYWJsZSB0byBjdXN0b21pemUgdGhlIHNuYWNrYmFyIHRoYXQgc2hvdWxkIGJlIGNhbGxlZC5cbmNvbnN0IHVzZUh2U25hY2tiYXIgPSAoKSA9PiB7XG4gIGNvbnN0IHsgZW5xdWV1ZVNuYWNrYmFyOiBlbnF1ZXVlTm90aXN0YWNrU25hY2tiYXIsIGNsb3NlU25hY2tiYXIgfSA9XG4gICAgdXNlU25hY2tiYXIoKTtcbiAgY29uc3QgZW5xdWV1ZVNuYWNrYmFyID0gdXNlQ2FsbGJhY2soXG4gICAgKG1lc3NhZ2UsIG9wdGlvbnMgPSB7fSkgPT4ge1xuICAgICAgY29uc3Qge1xuICAgICAgICBpZCxcbiAgICAgICAgdmFyaWFudCA9IFwic3VjY2Vzc1wiLFxuICAgICAgICBzbmFja2JhckNvbnRlbnRQcm9wcyxcbiAgICAgICAgY2xhc3NOYW1lLFxuICAgICAgICAuLi5vdGhlck9wdGlvbnNcbiAgICAgIH06IEh2Tm90aXN0YWNrU25hY2tNZXNzYWdlUHJvcHMgPSBvcHRpb25zO1xuXG4gICAgICByZXR1cm4gZW5xdWV1ZU5vdGlzdGFja1NuYWNrYmFyKFxuICAgICAgICA8SHZOb3Rpc3RhY2tTbmFja01lc3NhZ2VcbiAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgbWVzc2FnZT17bWVzc2FnZX1cbiAgICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICAgIHNuYWNrYmFyQ29udGVudFByb3BzPXtzbmFja2JhckNvbnRlbnRQcm9wc31cbiAgICAgICAgLz4sXG4gICAgICAgIHsgLi4ub3RoZXJPcHRpb25zLCBjbGFzc05hbWU6IGNsc3goY2xhc3NOYW1lKSB9XG4gICAgICApO1xuICAgIH0sXG4gICAgW2VucXVldWVOb3Rpc3RhY2tTbmFja2Jhcl1cbiAgKTtcbiAgcmV0dXJuIHVzZU1lbW8oXG4gICAgKCkgPT4gKHtcbiAgICAgIGVucXVldWVTbmFja2JhcixcbiAgICAgIGNsb3NlU25hY2tiYXIsXG4gICAgfSksXG4gICAgW2VucXVldWVTbmFja2JhciwgY2xvc2VTbmFja2Jhcl1cbiAgKTtcbn07XG5cbmNvbnN0IEh2U25hY2tiYXJQcm92aWRlciA9ICh7XG4gIGNoaWxkcmVuLFxuICBub3Rpc3RhY2tDbGFzc2VzT3ZlcnJpZGUgPSB7fSxcbiAgbWF4U25hY2sgPSA1LFxuICBhdXRvSGlkZUR1cmF0aW9uID0gNTAwMCxcbiAgYW5jaG9yT3JpZ2luID0ge1xuICAgIHZlcnRpY2FsOiBcInRvcFwiLFxuICAgIGhvcml6b250YWw6IFwicmlnaHRcIixcbiAgfSxcbiAgLi4ub3RoZXJzXG59KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFJvb3QgJG5vdGlzdGFja0NsYXNzZXNPdmVycmlkZT17bm90aXN0YWNrQ2xhc3Nlc092ZXJyaWRlfT5cbiAgICAgIDxTdHlsZWRTbmFja2JhclByb3ZpZGVyXG4gICAgICAgIG1heFNuYWNrPXttYXhTbmFja31cbiAgICAgICAgYXV0b0hpZGVEdXJhdGlvbj17YXV0b0hpZGVEdXJhdGlvbn1cbiAgICAgICAgYW5jaG9yT3JpZ2luPXthbmNob3JPcmlnaW4gYXMgU25hY2tiYXJPcmlnaW59XG4gICAgICAgIHsuLi5vdGhlcnN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvU3R5bGVkU25hY2tiYXJQcm92aWRlcj5cbiAgICA8L1N0eWxlZFJvb3Q+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBIdlNuYWNrYmFyUHJvdmlkZXI7XG5leHBvcnQgeyB1c2VIdlNuYWNrYmFyIH07XG4iXX0= */",
|
|
76
76
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
77
77
|
});
|
|
78
78
|
const useHvSnackbar = () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SnackbarProvider.cjs","sources":["../../../../../src/components/Snackbar/SnackbarProvider/SnackbarProvider.tsx"],"sourcesContent":["import { forwardRef, useCallback, useMemo } from \"react\";\nimport { SnackbarContent, SnackbarProvider, useSnackbar } from \"notistack\";\nimport { clsx } from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport {
|
|
1
|
+
{"version":3,"file":"SnackbarProvider.cjs","sources":["../../../../../src/components/Snackbar/SnackbarProvider/SnackbarProvider.tsx"],"sourcesContent":["import { forwardRef, useCallback, useMemo } from \"react\";\nimport { SnackbarContent, SnackbarProvider, useSnackbar } from \"notistack\";\nimport { clsx } from \"clsx\";\nimport styled from \"@emotion/styled\";\nimport { SnackbarOrigin } from \"@mui/material/Snackbar\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { HvSnackbarContent } from \"../SnackbarContentWrapper\";\nimport { HvSnackbarVariant } from \"../Snackbar\";\nimport { HvSnackbarContentProps } from \"../SnackbarContentWrapper/SnackbarContentWrapper\";\n\nexport interface HvSnackbarProviderProps {\n /** Your component tree. */\n children: React.ReactNode;\n /** Max visible snackbars. */\n maxSnack?: number;\n /** How much time the snackbar remains visible in milliseconds. */\n autoHideDuration?: number;\n /** Where is the snackbar placed. */\n anchorOrigin?: SnackbarOrigin;\n /** Class object used to override notistack classes. */\n notistackClassesOverride?: object;\n}\n\nexport interface HvNotistackSnackMessageProps {\n /** Id to be applied to the root node. */\n id?: string;\n /** Classname to apply on the root node */\n className?: string;\n /** Your component tree. */\n message?: string;\n /** Variant of the snackbar. */\n variant?: HvSnackbarVariant;\n /** Extra values to pass to the snackbar. */\n snackbarContentProps?: HvSnackbarContentProps;\n}\n\nconst HvNotistackSnackMessage = forwardRef<\n HTMLDivElement,\n HvNotistackSnackMessageProps\n>(({ id, message, variant = \"success\", snackbarContentProps }, ref) => {\n return (\n <SnackbarContent ref={ref}>\n <HvSnackbarContent\n id={id}\n variant={variant}\n showIcon\n label={message}\n {...snackbarContentProps}\n />\n </SnackbarContent>\n );\n});\n\nconst StyledRoot = styled(\n \"div\",\n transientOptions\n)(({ $notistackClassesOverride }: { $notistackClassesOverride: object }) => ({\n \"& .SnackbarContainer-root\": {\n pointerEvents: \"all\",\n \"& > div > div\": {\n // Overrides notistack extra padding\n padding: \"0 !important\",\n transition: \"all 0s ease 0s !important\",\n },\n },\n ...$notistackClassesOverride,\n}));\n\nconst StyledSnackbarProvider = styled(SnackbarProvider)({\n backgroundColor: \"transparent !important\",\n boxShadow: \"none !important\",\n \"&&\": {\n color: \"inherit\",\n padding: \"0\",\n fontSize: \"inherit\",\n boxShadow: \"none\",\n alignItems: \"center\",\n fontFamily: \"inherit\",\n fontWeight: \"inherit\",\n lineHeight: \"inherit\",\n borderRadius: \"0\",\n letterSpacing: \"inherit\",\n backgroundColor: \"inherit\",\n },\n});\n\n// We override notistack hook to be able to customize the snackbar that should be called.\nconst useHvSnackbar = () => {\n const { enqueueSnackbar: enqueueNotistackSnackbar, closeSnackbar } =\n useSnackbar();\n const enqueueSnackbar = useCallback(\n (message, options = {}) => {\n const {\n id,\n variant = \"success\",\n snackbarContentProps,\n className,\n ...otherOptions\n }: HvNotistackSnackMessageProps = options;\n\n return enqueueNotistackSnackbar(\n <HvNotistackSnackMessage\n id={id}\n message={message}\n variant={variant}\n snackbarContentProps={snackbarContentProps}\n />,\n { ...otherOptions, className: clsx(className) }\n );\n },\n [enqueueNotistackSnackbar]\n );\n return useMemo(\n () => ({\n enqueueSnackbar,\n closeSnackbar,\n }),\n [enqueueSnackbar, closeSnackbar]\n );\n};\n\nconst HvSnackbarProvider = ({\n children,\n notistackClassesOverride = {},\n maxSnack = 5,\n autoHideDuration = 5000,\n anchorOrigin = {\n vertical: \"top\",\n horizontal: \"right\",\n },\n ...others\n}) => {\n return (\n <StyledRoot $notistackClassesOverride={notistackClassesOverride}>\n <StyledSnackbarProvider\n maxSnack={maxSnack}\n autoHideDuration={autoHideDuration}\n anchorOrigin={anchorOrigin as SnackbarOrigin}\n {...others}\n >\n {children}\n </StyledSnackbarProvider>\n </StyledRoot>\n );\n};\n\nexport default HvSnackbarProvider;\nexport { useHvSnackbar };\n"],"names":["HvNotistackSnackMessage","forwardRef","id","message","variant","snackbarContentProps","ref","SnackbarContent","children","HvSnackbarContent","showIcon","label","StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","$notistackClassesOverride","pointerEvents","padding","transition","StyledSnackbarProvider","SnackbarProvider","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","useHvSnackbar","enqueueSnackbar","enqueueNotistackSnackbar","closeSnackbar","useSnackbar","useCallback","options","className","otherOptions","clsx","useMemo","HvSnackbarProvider","notistackClassesOverride","maxSnack","autoHideDuration","anchorOrigin","vertical","horizontal","others"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,MAAMA,0BAA0BC,iBAG9B,CAAC;AAAA,EAAEC;AAAAA,EAAIC;AAAAA,EAASC,UAAU;AAAA,EAAWC;AAAqB,GAAGC,QAAQ;AACrE,wCACGC,UAAAA,iBAAe;AAAA,IAACD;AAAAA,IAASE,yCACvBC,gCAAiB;AAAA,MAChBP;AAAAA,MACAE;AAAAA,MACAM,UAAQ;AAAA,MACRC,OAAOR;AAAAA,MAAQ,GACXE;AAAAA,IAAAA,CAAoB;AAAA,EAAA,CAEV;AAEtB,CAAC;AAED,MAAMO,sDACJ,OAAKC,QAAAC,IAAAC,aAAA,eAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAN,OAAA;AAAA,GAAhBO,iBAAAA,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEC;AAAiE,OAAO;AAAA,EAC3E,6BAA6B;AAAA,IAC3BC,eAAe;AAAA,IACf,iBAAiB;AAAA;AAAA,MAEfC,SAAS;AAAA,MACTC,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACA,GAAGH;AACL,IAAEN,QAAAC,IAAAC,aAAC,eAAA,KAAA,6lMAAA;AAEH,MAAMQ,yBAAgCC,iCAAAA,QAAAA,UAAAA,kBAAgBX,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAN,OAAA;AAAA,CAAA,EAACE,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAU,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAgBrD;AAGF,MAAMC,gBAAgBA,MAAM;AACpB,QAAA;AAAA,IAAEC,iBAAiBC;AAAAA,IAA0BC;AAAAA,MACjDC,UAAa,YAAA;AACf,QAAMH,kBAAkBI,MACtB,YAAA,CAAChC,SAASiC,UAAU,CAAA,MAAO;AACnB,UAAA;AAAA,MACJlC;AAAAA,MACAE,UAAU;AAAA,MACVC;AAAAA,MACAgC;AAAAA,MACA,GAAGC;AAAAA,IAC6BF,IAAAA;AAE3BJ,WAAAA,wDACJhC,yBAAuB;AAAA,MACtBE;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MACAC;AAAAA,IAAAA,CAA2C,GAE7C;AAAA,MAAE,GAAGiC;AAAAA,MAAcD,WAAWE,UAAKF,SAAS;AAAA,IAAA,CAAG;AAAA,EAAA,GAGnD,CAACL,wBAAwB,CAAC;AAE5B,SAAOQ,cACL,OAAO;AAAA,IACLT;AAAAA,IACAE;AAAAA,EAEF,IAAA,CAACF,iBAAiBE,aAAa,CAAC;AAEpC;AAEA,MAAMQ,qBAAqBA,CAAC;AAAA,EAC1BjC;AAAAA,EACAkC,2BAA2B,CAAC;AAAA,EAC5BC,WAAW;AAAA,EACXC,mBAAmB;AAAA,EACnBC,eAAe;AAAA,IACbC,UAAU;AAAA,IACVC,YAAY;AAAA,EACd;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,wCACGpC,YAAU;AAAA,IAACO,2BAA2BuB;AAAAA,IAAyBlC,yCAC7De,wBAAsB;AAAA,MACrBoB;AAAAA,MACAC;AAAAA,MACAC;AAAAA,MAA6C,GACzCG;AAAAA,MAAMxC;AAAAA,IAAAA,CAED;AAAA,EAAA,CAEA;AAEjB;AAEA,MAAA,uBAAeiC;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stack.cjs","sources":["../../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import React, { useMemo, useRef, useCallback } from \"react\";\nimport { useTheme } from \"@mui/material/styles\";\nimport MuiDivider, {\n DividerProps as MuiDividerProps,\n} from \"@mui/material/Divider\";\nimport { clsx } from \"clsx\";\nimport isString from \"lodash/isString\";\nimport isBoolean from \"lodash/isBoolean\";\nimport { useWidth } from \"@core/hooks\";\nimport { HvBaseProps } from \"@core/types\";\nimport {
|
|
1
|
+
{"version":3,"file":"Stack.cjs","sources":["../../../../src/components/Stack/Stack.tsx"],"sourcesContent":["import React, { useMemo, useRef, useCallback } from \"react\";\nimport { useTheme } from \"@mui/material/styles\";\nimport MuiDivider, {\n DividerProps as MuiDividerProps,\n} from \"@mui/material/Divider\";\nimport { clsx } from \"clsx\";\nimport isString from \"lodash/isString\";\nimport isBoolean from \"lodash/isBoolean\";\nimport { useWidth } from \"@core/hooks\";\nimport { HvBaseProps } from \"@core/types\";\nimport { HvFocus } from \"@core/components\";\nimport { HvBreakpoints } from \"@core/types/tokens\";\nimport { StyledRoot } from \"./Stack.styles\";\nimport stackClasses, { HvStackClasses } from \"./stackClasses\";\n\nexport type HvStackDirection = \"column\" | \"row\" | Partial<HvStackBreakpoints>;\nexport interface HvStackBreakpoints extends Record<HvBreakpoints, string> {}\n\nexport interface HvStackProps extends HvBaseProps {\n /** The direction of the stack. Can be either a string or an object that states the direction for each breakpoint. */\n direction?: HvStackDirection;\n /** The spacing between elements of the stack. */\n spacing?: HvBreakpoints;\n /** The divider component to be used between the stack elements.\n * - If `true` the Material-UI Divider component will be used.\n * - If a React node is passed then the custom divider will be used.\n */\n divider?: boolean | React.ReactNode;\n /** The properties to pass on to the Material-UI component. */\n dividerProps?: MuiDividerProps;\n /** Sets whether or not there should be arrow navigation between the stack elements. */\n withNavigation?: boolean;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvStackClasses;\n}\n\n/**\n * @returns {string} - Returns a direction for the stack: column or row. If the\n * `direction` property is a string and a valid direction then we\n * use it. If it's an object with multiple directions by breakpoint\n * we use the appropriate one or search for the nearest breakpoint\n * smaller than the current one to use.\n */\nconst getDirection = (direction, width, breakpoints) => {\n if (isString(direction)) return direction;\n\n for (let i = breakpoints.indexOf(width); i >= 0; i -= 1) {\n if (direction[breakpoints[i]] !== undefined) {\n return direction[breakpoints[i]];\n }\n }\n return \"column\";\n};\n\n/**\n * A Stack component allows the organization of its children in a vertical or horizontal layout.\n *\n * It also allows the specification of the spacing between the stack elements and the addition of a divider between the elements.\n */\nexport const HvStack = ({\n classes,\n className,\n children,\n direction = \"column\",\n spacing = \"sm\",\n divider = false,\n withNavigation = false,\n dividerProps = {},\n ...others\n}: HvStackProps) => {\n const width = useWidth();\n const containerRef = useRef(null);\n const { breakpoints } = useTheme();\n\n const processedDirection = useMemo(\n () => getDirection(direction, width, breakpoints.keys),\n [direction, width, breakpoints]\n );\n\n /**\n * @returns {node} - The divider component to use. If the property `divider` is\n * set to `true` then the Material-UI divider is used, otherwise\n * we use the custom divider the user passed.\n */\n const getDividerComponent = useCallback(() => {\n if (isBoolean(divider) && divider) {\n return (\n <MuiDivider\n orientation={\n processedDirection === \"column\" ? \"horizontal\" : \"vertical\"\n }\n flexItem={processedDirection === \"row\"}\n role=\"separator\"\n {...dividerProps}\n />\n );\n }\n return divider;\n }, [divider, dividerProps, processedDirection]);\n\n return (\n <StyledRoot\n ref={containerRef}\n className={clsx(className, stackClasses.root, classes?.root)}\n $direction={processedDirection}\n $breakpoint={spacing}\n {...others}\n >\n {React.Children.map(children, (child, i) => {\n return (\n <>\n {divider && i !== 0 && getDividerComponent()}\n {withNavigation ? (\n <HvFocus\n rootRef={containerRef}\n focusDisabled={false}\n strategy=\"grid\"\n navigationJump={\n processedDirection === \"column\"\n ? 1\n : React.Children.count(children) || 0\n }\n filterClass=\"child\"\n >\n <div className=\"child\">{child}</div>\n </HvFocus>\n ) : (\n child\n )}\n </>\n );\n })}\n </StyledRoot>\n );\n};\n"],"names":["getDirection","direction","width","breakpoints","isString","i","indexOf","undefined","HvStack","classes","className","children","spacing","divider","withNavigation","dividerProps","others","useWidth","containerRef","useRef","useTheme","processedDirection","useMemo","keys","getDividerComponent","useCallback","isBoolean","MuiDivider","orientation","flexItem","role","StyledRoot","ref","clsx","stackClasses","root","$direction","$breakpoint","React","Children","map","child","_Fragment","_jsx","HvFocus","rootRef","focusDisabled","strategy","navigationJump","count","filterClass"],"mappings":";;;;;;;;;;;;;;;;;;AA2CA,MAAMA,eAAeA,CAACC,WAAWC,OAAOC,gBAAgB;AACtD,MAAIC,kBAAAA,QAASH,SAAS;AAAUA,WAAAA;AAEvBI,WAAAA,IAAIF,YAAYG,QAAQJ,KAAK,GAAGG,KAAK,GAAGA,KAAK,GAAG;AACvD,QAAIJ,UAAUE,YAAYE,CAAC,CAAC,MAAME,QAAW;AACpCN,aAAAA,UAAUE,YAAYE,CAAC,CAAC;AAAA,IACjC;AAAA,EACF;AACO,SAAA;AACT;AAOO,MAAMG,UAAUA,CAAC;AAAA,EACtBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAV,YAAY;AAAA,EACZW,UAAU;AAAA,EACVC,UAAU;AAAA,EACVC,iBAAiB;AAAA,EACjBC,eAAe,CAAC;AAAA,EAChB,GAAGC;AACS,MAAM;AAClB,QAAMd,QAAQe,SAAAA;AACRC,QAAAA,eAAeC,aAAO,IAAI;AAC1B,QAAA;AAAA,IAAEhB;AAAAA,MAAgBiB,OAAU,SAAA;AAElC,QAAMC,qBAAqBC,MAAAA,QACzB,MAAMtB,aAAaC,WAAWC,OAAOC,YAAYoB,IAAI,GACrD,CAACtB,WAAWC,OAAOC,WAAW,CAAC;AAQ3BqB,QAAAA,sBAAsBC,MAAAA,YAAY,MAAM;AACxCC,QAAAA,mBAAAA,QAAUb,OAAO,KAAKA,SAAS;AACjC,4CACGc,oBAAAA,SAAU;AAAA,QACTC,aACEP,uBAAuB,WAAW,eAAe;AAAA,QAEnDQ,UAAUR,uBAAuB;AAAA,QACjCS,MAAK;AAAA,QAAW,GACZf;AAAAA,MAAAA,CACJ;AAAA,IAEN;AACOF,WAAAA;AAAAA,EACN,GAAA,CAACA,SAASE,cAAcM,kBAAkB,CAAC;AAE9C,wCACGU,aAAAA,YAAU;AAAA,IACTC,KAAKd;AAAAA,IACLR,WAAWuB,KAAKvB,KAAAA,WAAWwB,aAAaC,QAAAA,MAAM1B,mCAAS0B,IAAI;AAAA,IAC3DC,YAAYf;AAAAA,IACZgB,aAAazB;AAAAA,IAAQ,GACjBI;AAAAA,IAAML,UAET2B,eAAMC,QAAAA,SAASC,IAAI7B,UAAU,CAAC8B,OAAOpC,MAAM;AAC1C,6CACEqC,WAAAA,UAAA;AAAA,QAAA/B,UACGE,CAAAA,WAAWR,MAAM,KAAKmB,uBACtBV,iBACC6B,2BAAAA,IAACC,eAAO;AAAA,UACNC,SAAS3B;AAAAA,UACT4B,eAAe;AAAA,UACfC,UAAS;AAAA,UACTC,gBACE3B,uBAAuB,WACnB,IACAiB,uBAAMC,SAASU,MAAMtC,QAAQ,KAAK;AAAA,UAExCuC,aAAY;AAAA,UAAOvC,yCAEnB,OAAA;AAAA,YAAKD,WAAU;AAAA,YAAOC,UAAE8B;AAAAA,UAAAA,CAAK;AAAA,QAAO,CAAA,IAGtCA,KACD;AAAA,MAAA,CACA;AAAA,IAAA,CAEN;AAAA,EAAA,CACU;AAEjB;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.cjs","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { clsx } from \"clsx\";\nimport { SwitchProps as MuiSwitchProps } from \"@mui/material\";\nimport { useControlled, useUniqueId } from \"@core/hooks\";\nimport { setId } from \"@core/utils\";\nimport {\n HvWarningText,\n HvBaseSwitch,\n HvLabelProps,\n HvFormStatus,\n} from \"@core/components\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport {\n StyledFormElement,\n StyledLabel,\n StyledSwitchContainer,\n} from \"./Switch.styles\";\nimport { HvBaseProps } from \"@core/types\";\nimport switchClasses, { HvSwitchClasses } from \"./switchClasses\";\n\nexport interface HvSwitchProps\n extends Omit<MuiSwitchProps, \"onChange\" | \"classes\">,\n HvBaseProps<HTMLButtonElement, \"onChange\" | \"color\"> {\n /**\n * Class names to be applied.\n */\n className?: string;\n /**\n * A Jss Object used to override or extend the styles applied to the switch.\n */\n classes?: HvSwitchClasses;\n /**\n * Id to be applied to the form element root node.\n */\n id?: string;\n /**\n * The form element name.\n */\n name?: 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 value?: any;\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?: React.ReactNode;\n /**\n * @ignore\n */\n \"aria-label\"?: string;\n /**\n * @ignore\n */\n \"aria-labelledby\"?: string;\n /**\n * @ignore\n */\n \"aria-describedby\"?: string;\n /**\n * Properties passed on to the label element.\n */\n labelProps?: HvLabelProps;\n /**\n * Indicates that the form element is disabled.\n */\n disabled?: boolean;\n /**\n * Indicates that the form element is not editable.\n */\n readOnly?: boolean;\n /**\n * Indicates that user input is required on the form element.\n */\n required?: boolean;\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?: boolean;\n /**\n * When uncontrolled, defines the initial checked state.\n */\n defaultChecked?: boolean;\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?: HvFormStatus;\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?: 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\"?: string;\n /**\n * The callback fired when the switch is pressed.\n */\n onChange?: (event: React.ChangeEvent, checked: boolean, value: any) => void;\n /**\n * Properties passed on to the input element.\n */\n inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n}\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 */\nexport const HvSwitch = (props: HvSwitchProps) => {\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(\n checked,\n Boolean(defaultChecked)\n );\n\n const [validationState, setValidationState] = useControlled(\n status,\n \"standBy\"\n );\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) ||\n (status === undefined && required));\n\n const isStateInvalid = isInvalid(validationState);\n\n let errorMessageId: string | undefined;\n if (isStateInvalid) {\n errorMessageId = canShowError\n ? setId(elementId, \"error\")\n : ariaErrorMessage;\n }\n\n return (\n <StyledFormElement\n id={id}\n name={name}\n status={validationState}\n disabled={disabled}\n required={required}\n readOnly={readOnly}\n className={clsx(className, switchClasses.root, classes?.root)}\n >\n {label && (\n <StyledLabel\n id={setId(elementId, \"label\")}\n htmlFor={setId(elementId, \"input\")}\n label={label}\n className={clsx(switchClasses.label, classes?.label)}\n {...labelProps}\n />\n )}\n <StyledSwitchContainer\n className={clsx(\n switchClasses.switchContainer,\n classes?.switchContainer,\n isStateInvalid &&\n clsx(switchClasses.invalidSwitch, classes?.invalidSwitch)\n )}\n $invalid={isStateInvalid}\n >\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 </StyledSwitchContainer>\n {canShowError && (\n <HvWarningText\n id={setId(elementId, \"error\")}\n className={clsx(switchClasses.error, classes?.error)}\n disableBorder\n disableAdornment\n hideText\n >\n {validationMessage}\n </HvWarningText>\n )}\n </StyledFormElement>\n );\n};\n"],"names":["HvSwitch","props","classes","className","id","name","value","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","ariaDescribedBy","labelProps","checked","defaultChecked","onChange","status","statusMessage","ariaErrorMessage","inputProps","others","elementId","useUniqueId","isChecked","setIsChecked","useControlled","Boolean","validationState","setValidationState","validationMessage","onLocalChange","useCallback","evt","newChecked","canShowError","undefined","isStateInvalid","isInvalid","errorMessageId","setId","StyledFormElement","clsx","switchClasses","root","children","_jsx","StyledLabel","htmlFor","StyledSwitchContainer","switchContainer","invalidSwitch","$invalid","HvBaseSwitch","HvWarningText","error","disableBorder","disableAdornment","hideText"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Switch.cjs","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { clsx } from \"clsx\";\nimport { SwitchProps as MuiSwitchProps } from \"@mui/material\";\nimport { useControlled, useUniqueId } from \"@core/hooks\";\nimport { setId } from \"@core/utils\";\nimport {\n HvWarningText,\n HvBaseSwitch,\n HvLabelProps,\n HvFormStatus,\n} from \"@core/components\";\nimport { HvBaseProps } from \"@core/types\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport {\n StyledFormElement,\n StyledLabel,\n StyledSwitchContainer,\n} from \"./Switch.styles\";\nimport switchClasses, { HvSwitchClasses } from \"./switchClasses\";\n\nexport interface HvSwitchProps\n extends Omit<MuiSwitchProps, \"onChange\" | \"classes\">,\n HvBaseProps<HTMLButtonElement, \"onChange\" | \"color\"> {\n /**\n * Class names to be applied.\n */\n className?: string;\n /**\n * A Jss Object used to override or extend the styles applied to the switch.\n */\n classes?: HvSwitchClasses;\n /**\n * Id to be applied to the form element root node.\n */\n id?: string;\n /**\n * The form element name.\n */\n name?: 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 value?: any;\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?: React.ReactNode;\n /**\n * @ignore\n */\n \"aria-label\"?: string;\n /**\n * @ignore\n */\n \"aria-labelledby\"?: string;\n /**\n * @ignore\n */\n \"aria-describedby\"?: string;\n /**\n * Properties passed on to the label element.\n */\n labelProps?: HvLabelProps;\n /**\n * Indicates that the form element is disabled.\n */\n disabled?: boolean;\n /**\n * Indicates that the form element is not editable.\n */\n readOnly?: boolean;\n /**\n * Indicates that user input is required on the form element.\n */\n required?: boolean;\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?: boolean;\n /**\n * When uncontrolled, defines the initial checked state.\n */\n defaultChecked?: boolean;\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?: HvFormStatus;\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?: 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\"?: string;\n /**\n * The callback fired when the switch is pressed.\n */\n onChange?: (event: React.ChangeEvent, checked: boolean, value: any) => void;\n /**\n * Properties passed on to the input element.\n */\n inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n}\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 */\nexport const HvSwitch = (props: HvSwitchProps) => {\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(\n checked,\n Boolean(defaultChecked)\n );\n\n const [validationState, setValidationState] = useControlled(\n status,\n \"standBy\"\n );\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) ||\n (status === undefined && required));\n\n const isStateInvalid = isInvalid(validationState);\n\n let errorMessageId: string | undefined;\n if (isStateInvalid) {\n errorMessageId = canShowError\n ? setId(elementId, \"error\")\n : ariaErrorMessage;\n }\n\n return (\n <StyledFormElement\n id={id}\n name={name}\n status={validationState}\n disabled={disabled}\n required={required}\n readOnly={readOnly}\n className={clsx(className, switchClasses.root, classes?.root)}\n >\n {label && (\n <StyledLabel\n id={setId(elementId, \"label\")}\n htmlFor={setId(elementId, \"input\")}\n label={label}\n className={clsx(switchClasses.label, classes?.label)}\n {...labelProps}\n />\n )}\n <StyledSwitchContainer\n className={clsx(\n switchClasses.switchContainer,\n classes?.switchContainer,\n isStateInvalid &&\n clsx(switchClasses.invalidSwitch, classes?.invalidSwitch)\n )}\n $invalid={isStateInvalid}\n >\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 </StyledSwitchContainer>\n {canShowError && (\n <HvWarningText\n id={setId(elementId, \"error\")}\n className={clsx(switchClasses.error, classes?.error)}\n disableBorder\n disableAdornment\n hideText\n >\n {validationMessage}\n </HvWarningText>\n )}\n </StyledFormElement>\n );\n};\n"],"names":["HvSwitch","props","classes","className","id","name","value","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","ariaDescribedBy","labelProps","checked","defaultChecked","onChange","status","statusMessage","ariaErrorMessage","inputProps","others","elementId","useUniqueId","isChecked","setIsChecked","useControlled","Boolean","validationState","setValidationState","validationMessage","onLocalChange","useCallback","evt","newChecked","canShowError","undefined","isStateInvalid","isInvalid","errorMessageId","setId","StyledFormElement","clsx","switchClasses","root","children","_jsx","StyledLabel","htmlFor","StyledSwitchContainer","switchContainer","invalidSwitch","$invalid","HvBaseSwitch","HvWarningText","error","disableBorder","disableAdornment","hideText"],"mappings":"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"}
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
3
|
const _styled = require("@emotion/styled/base");
|
|
4
4
|
const clsx = require("clsx");
|
|
5
|
-
const tableClasses = require("./tableClasses.cjs");
|
|
6
5
|
const React = require("react");
|
|
7
|
-
const TableContext = require("./TableContext.cjs");
|
|
8
6
|
const transientOptions = require("../../utils/transientOptions.cjs");
|
|
9
7
|
const uikitStyles = require("@hitachivantara/uikit-styles");
|
|
8
|
+
const TableContext = require("./TableContext.cjs");
|
|
9
|
+
const tableClasses = require("./tableClasses.cjs");
|
|
10
10
|
const jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
11
11
|
const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
|
|
12
12
|
const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
|
|
@@ -76,7 +76,7 @@ const StyledTable = (c) => /* @__PURE__ */ _styled__default.default(c, process.e
|
|
|
76
76
|
borderSpacing: `0 ${uikitStyles.theme.space.xs}`
|
|
77
77
|
}
|
|
78
78
|
}
|
|
79
|
-
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
79
|
+
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvVGFibGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBFRSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1RhYmxlL1RhYmxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNsc3ggfSBmcm9tIFwiY2xzeFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQge1xuICBDU1NQcm9wZXJ0aWVzLFxuICBmb3J3YXJkUmVmLFxuICBUYWJsZUhUTUxBdHRyaWJ1dGVzLFxuICB1c2VNZW1vLFxuICB1c2VSZWYsXG59IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgVGFibGVDb250ZXh0IGZyb20gXCIuL1RhYmxlQ29udGV4dFwiO1xuaW1wb3J0IHRhYmxlQ2xhc3NlcywgeyBIdlRhYmxlQ2xhc3NlcyB9IGZyb20gXCIuL3RhYmxlQ2xhc3Nlc1wiO1xuXG5leHBvcnQgdHlwZSBIdlRhYmxlVmFyaWFudCA9IFwibGlzdHJvd1wiIHwgXCJkZWZhdWx0XCI7XG5leHBvcnQgdHlwZSBIdlRhYmxlQ2VsbEFsaWduID1cbiAgfCBcImNlbnRlclwiXG4gIHwgXCJpbmhlcml0XCJcbiAgfCBcImp1c3RpZnlcIlxuICB8IFwibGVmdFwiXG4gIHwgXCJyaWdodFwiO1xuZXhwb3J0IHR5cGUgSHZUYWJsZUNlbGxUeXBlID0gXCJib2R5XCIgfCBcImZvb3RlclwiIHwgXCJoZWFkXCI7XG5leHBvcnQgdHlwZSBIdlRhYmxlQ2VsbFZhcmlhbnQgPVxuICB8IFwiY2hlY2tib3hcIlxuICB8IFwiZXhwYW5kXCJcbiAgfCBcImFjdGlvbnNcIlxuICB8IFwiZGVmYXVsdFwiXG4gIHwgXCJub25lXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSHZUYWJsZVByb3BzIGV4dGVuZHMgVGFibGVIVE1MQXR0cmlidXRlczxIVE1MVGFibGVFbGVtZW50PiB7XG4gIC8qKlxuICAgKiBUaGUgY29tcG9uZW50IHVzZWQgZm9yIHRoZSByb290IG5vZGUuIEVpdGhlciBhIHN0cmluZyB0byB1c2UgYSBIVE1MIGVsZW1lbnQgb3IgYSBjb21wb25lbnQuXG4gICAqIERlZmF1bHRzIHRvIGB0YWJsZWAuXG4gICAqXG4gICAqIFdoZW4gdXNpbmcgbm9uLXRhYmxlIGVsZW1lbnRzLCBsYXlvdXQgaXMgdXAgdG8gdGhlIGRldmVsb3BlciB1c2luZyB0aGUgY29tcG9uZW50LlxuICAgKi9cbiAgY29tcG9uZW50PzogUmVhY3QuRWxlbWVudFR5cGU7XG4gIC8qKiBDb250ZW50IHRvIGJlIHJlbmRlcmVkICovXG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIC8qKiBXaGV0aGVyIHRoZSBgSHZUYWJsZWAgaGFzIGEgc3RpY2t5IGhlYWRlciByb3cuICovXG4gIHN0aWNreUhlYWRlcj86IGJvb2xlYW47XG4gIC8qKiBXaGV0aGVyIHRoZSBgSHZUYWJsZWAgaGFzIHN0aWNreSBjb2x1bW5zLiAqL1xuICBzdGlja3lDb2x1bW5zPzogYm9vbGVhbjtcbiAgLyoqIFdoZXRoZXIgdGhlIGBIdlRhYmxlYCBoYXMgdGhlIGxpc3Qgcm93IHN0eWxlcyBvciB0aGUgZGVmYXVsdC4gKi9cbiAgdmFyaWFudD86IEh2VGFibGVWYXJpYW50O1xuICAvKiogQSBKc3MgT2JqZWN0IHVzZWQgdG8gb3ZlcnJpZGUgb3IgZXh0ZW5kIHRoZSBzdHlsZXMgYXBwbGllZCB0byB0aGUgY29tcG9uZW50LiAqL1xuICBjbGFzc2VzPzogSHZUYWJsZUNsYXNzZXM7XG59XG5cbmNvbnN0IGRlZmF1bHRDb21wb25lbnQgPSBcInRhYmxlXCI7XG5cbmNvbnN0IGNvbXB1dGVUYWJsZVBhcnRDb21wb25lbnRzID0gKHJvb3RDb21wb25lbnQpID0+IHtcbiAgaWYgKHJvb3RDb21wb25lbnQgPT09IFwidGFibGVcIikge1xuICAgIHJldHVybiB7XG4gICAgICBUYWJsZTogXCJ0YWJsZVwiLFxuICAgICAgVEhlYWQ6IFwidGhlYWRcIixcbiAgICAgIFRCb2R5OiBcInRib2R5XCIsXG4gICAgICBUcjogXCJ0clwiLFxuICAgICAgVGg6IFwidGhcIixcbiAgICAgIFRkOiBcInRkXCIsXG4gICAgfTtcbiAgfVxuXG4gIHJldHVybiB7XG4gICAgVGFibGU6IHJvb3RDb21wb25lbnQsXG4gICAgVEhlYWQ6IHJvb3RDb21wb25lbnQsXG4gICAgVEJvZHk6IHJvb3RDb21wb25lbnQsXG4gICAgVHI6IHJvb3RDb21wb25lbnQsXG4gICAgVGg6IHJvb3RDb21wb25lbnQsXG4gICAgVGQ6IHJvb3RDb21wb25lbnQsXG4gIH07XG59O1xuXG5jb25zdCBTdHlsZWRUYWJsZSA9IChjOiBhbnkpID0+XG4gIHN0eWxlZChcbiAgICBjLFxuICAgIHRyYW5zaWVudE9wdGlvbnNcbiAgKShcbiAgICAoe1xuICAgICAgJHN0aWNreUhlYWRlcixcbiAgICAgICRzdGlja3lDb2x1bW5zLFxuICAgICAgJGxpc3Ryb3csXG4gICAgfToge1xuICAgICAgJHN0aWNreUhlYWRlcjogYm9vbGVhbjtcbiAgICAgICRzdGlja3lDb2x1bW5zOiBib29sZWFuO1xuICAgICAgJGxpc3Ryb3c6IGJvb2xlYW47XG4gICAgfSkgPT4gKHtcbiAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICB3aWR0aDogXCIxMDAlXCIsXG5cbiAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG5cbiAgICAgIFwidGFibGUmXCI6IHtcbiAgICAgICAgYm9yZGVyU3BhY2luZzogMCxcbiAgICAgIH0sXG5cbiAgICAgIFwiJiBjYXB0aW9uXCI6IHtcbiAgICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuYm9keSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgICAgcGFkZGluZzogdGhlbWUuc3BhY2UueHMsXG4gICAgICAgIHRleHRBbGlnbjogXCJsZWZ0XCIsXG4gICAgICAgIGNhcHRpb25TaWRlOiBcImJvdHRvbVwiLFxuICAgICAgfSxcblxuICAgICAgLi4uKCRzdGlja3lIZWFkZXIgJiYge30pLFxuICAgICAgLi4uKCRzdGlja3lDb2x1bW5zICYmIHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzIsXG4gICAgICB9KSxcbiAgICAgIC4uLigkbGlzdHJvdyAmJiB7XG4gICAgICAgIFwidGFibGUmXCI6IHtcbiAgICAgICAgICBib3JkZXJTcGFjaW5nOiBgMCAke3RoZW1lLnNwYWNlLnhzfWAsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICB9KVxuICApO1xuXG4vKipcbiAqIEEgdGFibGUgZ2F0aGVycyByZWxhdGlvbmFsIGRhdGEuIEl0IGRpc3BsYXlzIHZhbHVlcyBhcnJhbmdlZCB0byBhbGxvdyBxdWljayBudW1lcmljYWwgYW5hbHlzaXMgbGlrZSBjb21wYXJpc29uIGFuZCBzb3J0aW5nLlxuICpcbiAqIFRoZSAqKkh2VGFibGUqKiBjb21wb25lbnQgb2ZmZXJzIGEgc2V0IG9mIEhUTUwtZXF1aXZhbGVudCBlbGVtZW50cywgKipzdHlsZWQgdG8gRGVzaWduIFN5c3RlbSdzIHNwZWNpZmljYXRpb24qKixcbiAqIGZvciBidWlsZGluZyB0YWJsZXMuXG4gKiBZb3UgY2FuIHJlbHkgb24gdGhlc2UgKiplbGVtZW50cyoqIHdoZW4geW91ciB0YWJsZSBkb2VzbuKAmXQgaGF2ZSBtYW55IGludGVyYWN0aW9ucyBvciB5b3UgbmVlZCBpdCB0byBiZSB2ZXJ5IGxpZ2h0d2VpZ2h0LlxuICpcbiAqIEZvciBiZXR0ZXIgZGF0YSBoYW5kbGluZyBhbmQgKiphZHZhbmNlZCBmZWF0dXJlcyoqIHdlIHJlY29tbWVuZCB0aGUgdXNlIG9mIHRoZSB1dGlsaXR5IGhvb2tzIGNvbGxlY3Rpb24uXG4gKiBTZWUgdGhlIDxhIGhyZWY9XCI/aWQ9Z3VpZGVzLXRhYmxlLXRhYmxlLWhvb2tzLS11c2UtaHYtaG9va3Mmdmlld01vZGU9ZG9jc1wiIHRhcmdldD1cIl9zZWxmXCI+VGFibGUgSG9va3MgZG9jdW1lbnRhdGlvbjwvYT4gZm9yIG1vcmUgZGV0YWlscy5cbiAqL1xuZXhwb3J0IGNvbnN0IEh2VGFibGUgPSBmb3J3YXJkUmVmPEhUTUxFbGVtZW50LCBIdlRhYmxlUHJvcHM+KFxuICAoXG4gICAge1xuICAgICAgY2xhc3NlcyxcbiAgICAgIGNsYXNzTmFtZSxcbiAgICAgIGNvbXBvbmVudCA9IGRlZmF1bHRDb21wb25lbnQsXG4gICAgICBzdGlja3lIZWFkZXIgPSBmYWxzZSxcbiAgICAgIHN0aWNreUNvbHVtbnMgPSBmYWxzZSxcbiAgICAgIHZhcmlhbnQgPSBcImRlZmF1bHRcIixcbiAgICAgIC4uLm90aGVyc1xuICAgIH0sXG4gICAgcmVmXG4gICkgPT4ge1xuICAgIGNvbnN0IGNvbnRhaW5lclJlZiA9IHVzZVJlZihyZWYpO1xuXG4gICAgY29uc3QgY29tcG9uZW50cyA9IHVzZU1lbW8oXG4gICAgICAoKSA9PiBjb21wdXRlVGFibGVQYXJ0Q29tcG9uZW50cyhjb21wb25lbnQpLFxuICAgICAgW2NvbXBvbmVudF1cbiAgICApO1xuXG4gICAgY29uc3QgdGFibGVDb250ZXh0ID0gdXNlTWVtbyhcbiAgICAgICgpID0+ICh7IGNvbXBvbmVudHMsIHZhcmlhbnQsIGNvbnRhaW5lclJlZiB9KSxcbiAgICAgIFtjb21wb25lbnRzLCB2YXJpYW50LCBjb250YWluZXJSZWZdXG4gICAgKTtcblxuICAgIGNvbnN0IFRhYmxlID0gdXNlTWVtbygoKSA9PiBTdHlsZWRUYWJsZShjb21wb25lbnRzLlRhYmxlKSwgW2NvbXBvbmVudHNdKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8VGFibGVDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXt0YWJsZUNvbnRleHR9PlxuICAgICAgICA8VGFibGVcbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICByb2xlPXtjb21wb25lbnQgPT09IGRlZmF1bHRDb21wb25lbnQgPyBudWxsIDogXCJ0YWJsZVwifVxuICAgICAgICAgIGNsYXNzTmFtZT17Y2xzeChcbiAgICAgICAgICAgIHRhYmxlQ2xhc3Nlcy5yb290LFxuICAgICAgICAgICAgY2xhc3Nlcz8ucm9vdCxcbiAgICAgICAgICAgIHN0aWNreUhlYWRlciAmJlxuICAgICAgICAgICAgICBjbHN4KHRhYmxlQ2xhc3Nlcy5zdGlja3lIZWFkZXIsIGNsYXNzZXM/LnN0aWNreUhlYWRlciksXG4gICAgICAgICAgICBzdGlja3lDb2x1bW5zICYmXG4gICAgICAgICAgICAgIGNsc3godGFibGVDbGFzc2VzLnN0aWNreUNvbHVtbnMsIGNsYXNzZXM/LnN0aWNreUNvbHVtbnMpLFxuICAgICAgICAgICAgdmFyaWFudCA9PT0gXCJsaXN0cm93XCIgJiZcbiAgICAgICAgICAgICAgY2xzeCh0YWJsZUNsYXNzZXMubGlzdFJvdywgY2xhc3Nlcz8ubGlzdFJvdyksXG4gICAgICAgICAgICBjbGFzc05hbWVcbiAgICAgICAgICApfVxuICAgICAgICAgICRzdGlja3lDb2x1bW5zPXtzdGlja3lDb2x1bW5zfVxuICAgICAgICAgICRzdGlja3lIZWFkZXI9e3N0aWNreUhlYWRlcn1cbiAgICAgICAgICAkbGlzdHJvdz17dmFyaWFudCA9PT0gXCJsaXN0cm93XCJ9XG4gICAgICAgICAgey4uLm90aGVyc31cbiAgICAgICAgLz5cbiAgICAgIDwvVGFibGVDb250ZXh0LlByb3ZpZGVyPlxuICAgICk7XG4gIH1cbik7XG4iXX0= */");
|
|
80
80
|
const HvTable = React.forwardRef(({
|
|
81
81
|
classes,
|
|
82
82
|
className,
|