@finam/web-ui-kit-components 3.30.1 → 3.32.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/CHANGELOG.md +7 -0
- package/dist/AccordionBanner/AccordionBanner.js +100 -35
- package/dist/AccordionBanner/AccordionBanner.js.map +1 -1
- package/dist/AccordionBanner/AccordionBanner.styles.css +1 -1
- package/dist/AccordionBanner/AccordionBanner.styles.js +14 -13
- package/dist/AccordionBanner/AccordionBanner.styles.js.map +1 -1
- package/dist/AccordionBanner/index.js +2 -3
- package/dist/AccordionBanner/types.js +0 -2
- package/dist/AccordionBanner/utils.js +5 -3
- package/dist/AccordionBanner/utils.js.map +1 -1
- package/dist/Avatar/Avatar.js +46 -33
- package/dist/Avatar/Avatar.js.map +1 -1
- package/dist/Avatar/Icons/AvatarMale.js +141 -4
- package/dist/Avatar/Icons/AvatarMale.js.map +1 -1
- package/dist/Avatar/Icons/AvatarUnisex.js +143 -4
- package/dist/Avatar/Icons/AvatarUnisex.js.map +1 -1
- package/dist/Avatar/Icons/index.js +2 -3
- package/dist/Avatar/index.js +4 -2
- package/dist/Avatar/index.js.map +1 -1
- package/dist/Avatar/utils.js +4 -5
- package/dist/Avatar/utils.js.map +1 -1
- package/dist/Breadcrumbs/Breadcrumb/Breadcrumb.js +53 -27
- package/dist/Breadcrumbs/Breadcrumb/Breadcrumb.js.map +1 -1
- package/dist/Breadcrumbs/Breadcrumb/Breadcrumb.styles.js +2 -1
- package/dist/Breadcrumbs/Breadcrumb/Breadcrumb.styles.js.map +1 -1
- package/dist/Breadcrumbs/Breadcrumb/index.js +1 -2
- package/dist/Breadcrumbs/Breadcrumb/types.js +0 -2
- package/dist/Breadcrumbs/Breadcrumbs.js +50 -23
- package/dist/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/dist/Breadcrumbs/Breadcrumbs.styles.js +5 -4
- package/dist/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
- package/dist/Breadcrumbs/HiddenItemsButton/HiddenItemsButton.js +39 -14
- package/dist/Breadcrumbs/HiddenItemsButton/HiddenItemsButton.js.map +1 -1
- package/dist/Breadcrumbs/HiddenItemsButton/HiddenItemsButton.styles.js +3 -2
- package/dist/Breadcrumbs/HiddenItemsButton/HiddenItemsButton.styles.js.map +1 -1
- package/dist/Breadcrumbs/HiddenItemsButton/index.js +1 -2
- package/dist/Breadcrumbs/HiddenMenuItems/HiddenMenuItems.js +41 -36
- package/dist/Breadcrumbs/HiddenMenuItems/HiddenMenuItems.js.map +1 -1
- package/dist/Breadcrumbs/HiddenMenuItems/index.js +1 -2
- package/dist/Breadcrumbs/constants.js +28 -20
- package/dist/Breadcrumbs/constants.js.map +1 -1
- package/dist/Breadcrumbs/hooks/useBreadcrumbs.js +108 -123
- package/dist/Breadcrumbs/hooks/useBreadcrumbs.js.map +1 -1
- package/dist/Breadcrumbs/index.js +3 -4
- package/dist/Breadcrumbs/utils/getRenderOnPageItems.js +48 -45
- package/dist/Breadcrumbs/utils/getRenderOnPageItems.js.map +1 -1
- package/dist/Breadcrumbs/utils/handleKeyboardNavigation.js +24 -43
- package/dist/Breadcrumbs/utils/handleKeyboardNavigation.js.map +1 -1
- package/dist/Breadcrumbs/utils/index.js +2 -3
- package/dist/Breadcrumbs/utils/intersperseWithKeys.js +13 -7
- package/dist/Breadcrumbs/utils/intersperseWithKeys.js.map +1 -1
- package/dist/Breadcrumbs/utils/sizeClassName.js +3 -1
- package/dist/Breadcrumbs/utils/sizeClassName.js.map +1 -1
- package/dist/Button/Button.js +70 -24
- package/dist/Button/Button.js.map +1 -1
- package/dist/Button/index.js +1 -2
- package/dist/Button/types.js +0 -2
- package/dist/ButtonAsync/ButtonAsync.d.ts +9 -0
- package/dist/ButtonAsync/ButtonAsync.d.ts.map +1 -0
- package/dist/ButtonAsync/ButtonAsync.js +59 -0
- package/dist/ButtonAsync/ButtonAsync.js.map +1 -0
- package/dist/ButtonAsync/index.d.ts +2 -0
- package/dist/ButtonAsync/index.d.ts.map +1 -0
- package/dist/ButtonAsync/index.js +1 -0
- package/dist/Calendar/Calendar.js +249 -102
- package/dist/Calendar/Calendar.js.map +1 -1
- package/dist/Calendar/Calendar.styles.css +2 -2
- package/dist/Calendar/Calendar.styles.js +17 -16
- package/dist/Calendar/Calendar.styles.js.map +1 -1
- package/dist/Calendar/CalendarHeader/CalendarHeader.js +90 -22
- package/dist/Calendar/CalendarHeader/CalendarHeader.js.map +1 -1
- package/dist/Calendar/CalendarHeader/CalendarHeader.styles.js +8 -8
- package/dist/Calendar/CalendarHeader/CalendarHeader.styles.js.map +1 -1
- package/dist/Calendar/CalendarHeader/index.js +1 -2
- package/dist/Calendar/Day/Day.js +16 -9
- package/dist/Calendar/Day/Day.js.map +1 -1
- package/dist/Calendar/Day/Day.styles.js +6 -5
- package/dist/Calendar/Day/Day.styles.js.map +1 -1
- package/dist/Calendar/Day/index.js +4 -2
- package/dist/Calendar/Day/index.js.map +1 -1
- package/dist/Calendar/DayWrapper.js +25 -8
- package/dist/Calendar/DayWrapper.js.map +1 -1
- package/dist/Calendar/SelectMonthTable/SelectMonthTable.js +77 -35
- package/dist/Calendar/SelectMonthTable/SelectMonthTable.js.map +1 -1
- package/dist/Calendar/SelectMonthTable/SelectMonthTable.styles.js +12 -12
- package/dist/Calendar/SelectMonthTable/SelectMonthTable.styles.js.map +1 -1
- package/dist/Calendar/SelectMonthTable/index.js +1 -2
- package/dist/Calendar/SelectYearTable/SelectYearTable.js +75 -32
- package/dist/Calendar/SelectYearTable/SelectYearTable.js.map +1 -1
- package/dist/Calendar/SelectYearTable/SelectYearTable.styles.js +12 -12
- package/dist/Calendar/SelectYearTable/SelectYearTable.styles.js.map +1 -1
- package/dist/Calendar/SelectYearTable/index.js +1 -2
- package/dist/Calendar/SlideTransition/SlideTransition.js +27 -12
- package/dist/Calendar/SlideTransition/SlideTransition.js.map +1 -1
- package/dist/Calendar/SlideTransition/SlideTransition.styles.js +6 -5
- package/dist/Calendar/SlideTransition/SlideTransition.styles.js.map +1 -1
- package/dist/Calendar/SlideTransition/index.js +4 -2
- package/dist/Calendar/SlideTransition/index.js.map +1 -1
- package/dist/Calendar/SlideTransition/types.js +0 -2
- package/dist/Calendar/SlideTransition/utils.js +8 -6
- package/dist/Calendar/SlideTransition/utils.js.map +1 -1
- package/dist/Calendar/index.js +1 -2
- package/dist/Calendar/types.js +5 -3
- package/dist/Calendar/types.js.map +1 -1
- package/dist/Calendar/useCalendarFormatUtils.js +9 -4
- package/dist/Calendar/useCalendarFormatUtils.js.map +1 -1
- package/dist/Calendar/utils.js +35 -35
- package/dist/Calendar/utils.js.map +1 -1
- package/dist/Checkbox/Checkbox.js +43 -12
- package/dist/Checkbox/Checkbox.js.map +1 -1
- package/dist/Checkbox/Checkbox.styles.js +6 -5
- package/dist/Checkbox/Checkbox.styles.js.map +1 -1
- package/dist/Checkbox/IconOn.js +55 -14
- package/dist/Checkbox/IconOn.js.map +1 -1
- package/dist/Checkbox/index.js +1 -2
- package/dist/Checkbox/types.js +0 -2
- package/dist/Checkbox/utils.js +4 -2
- package/dist/Checkbox/utils.js.map +1 -1
- package/dist/CheckboxField/CheckboxField.js +50 -15
- package/dist/CheckboxField/CheckboxField.js.map +1 -1
- package/dist/CheckboxField/CheckboxField.styles.js +5 -4
- package/dist/CheckboxField/CheckboxField.styles.js.map +1 -1
- package/dist/CheckboxField/index.js +4 -2
- package/dist/CheckboxField/index.js.map +1 -1
- package/dist/CheckboxField/types.js +0 -2
- package/dist/CheckboxField/utils.js +4 -2
- package/dist/CheckboxField/utils.js.map +1 -1
- package/dist/Chip/Chip.js +47 -14
- package/dist/Chip/Chip.js.map +1 -1
- package/dist/Chip/Chip.styles.js +4 -3
- package/dist/Chip/Chip.styles.js.map +1 -1
- package/dist/Chip/index.js +4 -2
- package/dist/Chip/index.js.map +1 -1
- package/dist/ClickAwayListener/ClickAwayListener.js +50 -62
- package/dist/ClickAwayListener/ClickAwayListener.js.map +1 -1
- package/dist/ClickAwayListener/index.js +4 -2
- package/dist/ClickAwayListener/index.js.map +1 -1
- package/dist/CodeInput/CodeInput.js +105 -65
- package/dist/CodeInput/CodeInput.js.map +1 -1
- package/dist/CodeInput/CodeInput.styles.js +4 -3
- package/dist/CodeInput/CodeInput.styles.js.map +1 -1
- package/dist/CodeInput/index.js +1 -2
- package/dist/ContextMenu/ContextMenu.js +49 -17
- package/dist/ContextMenu/ContextMenu.js.map +1 -1
- package/dist/ContextMenu/ContextMenu.styles.js +3 -2
- package/dist/ContextMenu/ContextMenu.styles.js.map +1 -1
- package/dist/ContextMenu/index.js +2 -3
- package/dist/Counter/Counter.js +28 -11
- package/dist/Counter/Counter.js.map +1 -1
- package/dist/Counter/index.js +4 -2
- package/dist/Counter/index.js.map +1 -1
- package/dist/Counter/types.js +0 -2
- package/dist/DatePicker/DatePicker.js +190 -106
- package/dist/DatePicker/DatePicker.js.map +1 -1
- package/dist/DatePicker/DatePicker.styles.js +6 -5
- package/dist/DatePicker/DatePicker.styles.js.map +1 -1
- package/dist/DatePicker/index.js +1 -2
- package/dist/DatePicker/useDateFormatUtils.js +9 -4
- package/dist/DatePicker/useDateFormatUtils.js.map +1 -1
- package/dist/DateTimePeriod/DateTimePeriod.js +88 -17
- package/dist/DateTimePeriod/DateTimePeriod.js.map +1 -1
- package/dist/DateTimePeriod/DateTimePeriod.styles.js +12 -11
- package/dist/DateTimePeriod/DateTimePeriod.styles.js.map +1 -1
- package/dist/DateTimePeriod/index.js +4 -2
- package/dist/DateTimePeriod/index.js.map +1 -1
- package/dist/DateTimePeriod/types.js +0 -2
- package/dist/DateTimePicker/DateTimePicker.js +188 -133
- package/dist/DateTimePicker/DateTimePicker.js.map +1 -1
- package/dist/DateTimePicker/DateTimePicker.styles.js +15 -14
- package/dist/DateTimePicker/DateTimePicker.styles.js.map +1 -1
- package/dist/DateTimePicker/index.js +4 -2
- package/dist/DateTimePicker/index.js.map +1 -1
- package/dist/DateTimePicker/utils.js +10 -14
- package/dist/DateTimePicker/utils.js.map +1 -1
- package/dist/Dialog/Dialog.js +68 -21
- package/dist/Dialog/Dialog.js.map +1 -1
- package/dist/Dialog/Dialog.styles.js +7 -6
- package/dist/Dialog/Dialog.styles.js.map +1 -1
- package/dist/Dialog/index.js +2 -3
- package/dist/Dialog/types.js +0 -2
- package/dist/Dialog/utils.js +5 -3
- package/dist/Dialog/utils.js.map +1 -1
- package/dist/DialogActions/DialogActions.js +28 -12
- package/dist/DialogActions/DialogActions.js.map +1 -1
- package/dist/DialogActions/DialogActions.styles.js +3 -2
- package/dist/DialogActions/DialogActions.styles.js.map +1 -1
- package/dist/DialogActions/index.js +4 -2
- package/dist/DialogActions/index.js.map +1 -1
- package/dist/DialogActions/types.js +0 -2
- package/dist/DialogActions/utils.js +4 -2
- package/dist/DialogActions/utils.js.map +1 -1
- package/dist/DialogContent/DialogContent.js +66 -29
- package/dist/DialogContent/DialogContent.js.map +1 -1
- package/dist/DialogContent/DialogContent.styles.js +6 -5
- package/dist/DialogContent/DialogContent.styles.js.map +1 -1
- package/dist/DialogContent/index.js +4 -2
- package/dist/DialogContent/index.js.map +1 -1
- package/dist/DialogContent/types.js +0 -2
- package/dist/DialogTitle/DialogTitle.js +46 -17
- package/dist/DialogTitle/DialogTitle.js.map +1 -1
- package/dist/DialogTitle/DialogTitle.styles.css +1 -1
- package/dist/DialogTitle/DialogTitle.styles.js +8 -7
- package/dist/DialogTitle/DialogTitle.styles.js.map +1 -1
- package/dist/DialogTitle/index.js +4 -2
- package/dist/DialogTitle/index.js.map +1 -1
- package/dist/Divider/Divider.js +14 -7
- package/dist/Divider/Divider.js.map +1 -1
- package/dist/Divider/Divider.styles.js +4 -3
- package/dist/Divider/Divider.styles.js.map +1 -1
- package/dist/Divider/index.js +4 -2
- package/dist/Divider/index.js.map +1 -1
- package/dist/Divider/types.js +0 -2
- package/dist/Divider/utils.js +5 -3
- package/dist/Divider/utils.js.map +1 -1
- package/dist/DraggablePopover/DraggablePopover.js +149 -97
- package/dist/DraggablePopover/DraggablePopover.js.map +1 -1
- package/dist/DraggablePopover/DraggablePopover.styles.js +6 -5
- package/dist/DraggablePopover/DraggablePopover.styles.js.map +1 -1
- package/dist/DraggablePopover/index.js +2 -3
- package/dist/DraggablePopover/layersManager.js +25 -27
- package/dist/DraggablePopover/layersManager.js.map +1 -1
- package/dist/DraggablePopover/utils.js +9 -4
- package/dist/DraggablePopover/utils.js.map +1 -1
- package/dist/DropDownMenu/DropDownMenu.js +34 -17
- package/dist/DropDownMenu/DropDownMenu.js.map +1 -1
- package/dist/DropDownMenu/DropDownMenu.styles.js +2 -1
- package/dist/DropDownMenu/DropDownMenu.styles.js.map +1 -1
- package/dist/DropDownMenu/index.js +4 -2
- package/dist/DropDownMenu/index.js.map +1 -1
- package/dist/EmptyScreen/EmptyScreen.js +51 -16
- package/dist/EmptyScreen/EmptyScreen.js.map +1 -1
- package/dist/EmptyScreen/EmptyScreen.styles.js +9 -8
- package/dist/EmptyScreen/EmptyScreen.styles.js.map +1 -1
- package/dist/EmptyScreen/index.js +1 -2
- package/dist/FeatureCallout/Arrow.js +22 -9
- package/dist/FeatureCallout/Arrow.js.map +1 -1
- package/dist/FeatureCallout/FeatureCallout.js +50 -14
- package/dist/FeatureCallout/FeatureCallout.js.map +1 -1
- package/dist/FeatureCallout/FeatureCallout.styles.js +5 -4
- package/dist/FeatureCallout/FeatureCallout.styles.js.map +1 -1
- package/dist/FeatureCallout/FeatureCalloutActions/FeatureCalloutActions.js +29 -7
- package/dist/FeatureCallout/FeatureCalloutActions/FeatureCalloutActions.js.map +1 -1
- package/dist/FeatureCallout/FeatureCalloutActions/FeatureCalloutActions.styles.js +4 -3
- package/dist/FeatureCallout/FeatureCalloutActions/FeatureCalloutActions.styles.js.map +1 -1
- package/dist/FeatureCallout/FeatureCalloutActions/index.js +4 -2
- package/dist/FeatureCallout/FeatureCalloutActions/index.js.map +1 -1
- package/dist/FeatureCallout/FeatureCalloutText/FeatureCalloutText.js +12 -5
- package/dist/FeatureCallout/FeatureCalloutText/FeatureCalloutText.js.map +1 -1
- package/dist/FeatureCallout/FeatureCalloutText/index.js +4 -2
- package/dist/FeatureCallout/FeatureCalloutText/index.js.map +1 -1
- package/dist/FeatureCallout/FeatureCalloutTitle/FeatureCalloutTitle.js +15 -7
- package/dist/FeatureCallout/FeatureCalloutTitle/FeatureCalloutTitle.js.map +1 -1
- package/dist/FeatureCallout/FeatureCalloutTitle/FeatureCalloutTitle.styles.js +2 -1
- package/dist/FeatureCallout/FeatureCalloutTitle/FeatureCalloutTitle.styles.js.map +1 -1
- package/dist/FeatureCallout/FeatureCalloutTitle/index.js +4 -2
- package/dist/FeatureCallout/FeatureCalloutTitle/index.js.map +1 -1
- package/dist/FeatureCallout/constants.js +11 -9
- package/dist/FeatureCallout/constants.js.map +1 -1
- package/dist/FeatureCallout/index.js +8 -7
- package/dist/FeatureCallout/index.js.map +1 -1
- package/dist/FeatureCallout/utils.js +33 -31
- package/dist/FeatureCallout/utils.js.map +1 -1
- package/dist/FieldHint/FieldHint.js +89 -24
- package/dist/FieldHint/FieldHint.js.map +1 -1
- package/dist/FieldHint/FieldHint.styles.js +9 -8
- package/dist/FieldHint/FieldHint.styles.js.map +1 -1
- package/dist/FieldHint/index.js +4 -2
- package/dist/FieldHint/index.js.map +1 -1
- package/dist/FieldHint/utils.js +5 -3
- package/dist/FieldHint/utils.js.map +1 -1
- package/dist/FieldLabel/FieldLabel.js +51 -18
- package/dist/FieldLabel/FieldLabel.js.map +1 -1
- package/dist/FieldLabel/FieldLabel.styles.js +3 -2
- package/dist/FieldLabel/FieldLabel.styles.js.map +1 -1
- package/dist/FieldLabel/index.js +2 -3
- package/dist/FieldLabel/types.js +0 -2
- package/dist/FieldLabel/utils.js +4 -2
- package/dist/FieldLabel/utils.js.map +1 -1
- package/dist/FilterButton/FilterButton.js +100 -39
- package/dist/FilterButton/FilterButton.js.map +1 -1
- package/dist/FilterButton/index.js +1 -2
- package/dist/FilterButton/types.js +0 -2
- package/dist/FormGroup/FormGroup.js +41 -12
- package/dist/FormGroup/FormGroup.js.map +1 -1
- package/dist/FormGroup/FormGroup.styles.js +5 -4
- package/dist/FormGroup/FormGroup.styles.js.map +1 -1
- package/dist/FormGroup/index.js +4 -2
- package/dist/FormGroup/index.js.map +1 -1
- package/dist/IconButton/IconButton.js +33 -11
- package/dist/IconButton/IconButton.js.map +1 -1
- package/dist/IconButton/index.js +1 -2
- package/dist/IconButton/types.js +0 -2
- package/dist/InlineBanner/InlineBanner.js +93 -30
- package/dist/InlineBanner/InlineBanner.js.map +1 -1
- package/dist/InlineBanner/InlineBanner.styles.css +1 -1
- package/dist/InlineBanner/InlineBanner.styles.js +13 -12
- package/dist/InlineBanner/InlineBanner.styles.js.map +1 -1
- package/dist/InlineBanner/index.js +2 -3
- package/dist/InlineBanner/types.js +0 -2
- package/dist/InlineBanner/utils.js +6 -4
- package/dist/InlineBanner/utils.js.map +1 -1
- package/dist/Input/Input.js +176 -69
- package/dist/Input/Input.js.map +1 -1
- package/dist/Input/Input.styles.js +5 -4
- package/dist/Input/Input.styles.js.map +1 -1
- package/dist/Input/index.js +1 -2
- package/dist/Link/Link.js +36 -15
- package/dist/Link/Link.js.map +1 -1
- package/dist/Link/index.js +1 -2
- package/dist/Link/types.js +0 -2
- package/dist/Loader/Loader.js +45 -9
- package/dist/Loader/Loader.js.map +1 -1
- package/dist/Loader/Loader.styles.js +4 -3
- package/dist/Loader/Loader.styles.js.map +1 -1
- package/dist/Loader/index.js +4 -2
- package/dist/Loader/index.js.map +1 -1
- package/dist/LoaderBackdrop/LoaderBackdrop.js +23 -10
- package/dist/LoaderBackdrop/LoaderBackdrop.js.map +1 -1
- package/dist/LoaderBackdrop/LoaderBackdrop.styles.js +3 -2
- package/dist/LoaderBackdrop/LoaderBackdrop.styles.js.map +1 -1
- package/dist/LoaderBackdrop/index.js +4 -2
- package/dist/LoaderBackdrop/index.js.map +1 -1
- package/dist/LoaderDots/LoaderDots.js +62 -23
- package/dist/LoaderDots/LoaderDots.js.map +1 -1
- package/dist/LoaderDots/LoaderDots.styles.js +3 -2
- package/dist/LoaderDots/LoaderDots.styles.js.map +1 -1
- package/dist/LoaderDots/index.js +4 -2
- package/dist/LoaderDots/index.js.map +1 -1
- package/dist/MarketingButton/MarketingButton.js +56 -17
- package/dist/MarketingButton/MarketingButton.js.map +1 -1
- package/dist/MarketingButton/MarketingButton.styles.js +10 -9
- package/dist/MarketingButton/MarketingButton.styles.js.map +1 -1
- package/dist/MarketingButton/MarketingGlow.js +22 -10
- package/dist/MarketingButton/MarketingGlow.js.map +1 -1
- package/dist/MarketingButton/MarketingHighlight.js +15 -6
- package/dist/MarketingButton/MarketingHighlight.js.map +1 -1
- package/dist/MarketingButton/index.js +1 -2
- package/dist/MarketingButton/types.js +0 -2
- package/dist/MarketingButton/useMarketingAnimations.js +106 -78
- package/dist/MarketingButton/useMarketingAnimations.js.map +1 -1
- package/dist/MarketingButton/utils.js +14 -15
- package/dist/MarketingButton/utils.js.map +1 -1
- package/dist/MenuItem/MenuItem.js +79 -38
- package/dist/MenuItem/MenuItem.js.map +1 -1
- package/dist/MenuItem/MenuItem.styles.js +21 -19
- package/dist/MenuItem/MenuItem.styles.js.map +1 -1
- package/dist/MenuItem/MenuItemLeftGroup.js +18 -7
- package/dist/MenuItem/MenuItemLeftGroup.js.map +1 -1
- package/dist/MenuItem/index.js +5 -7
- package/dist/MenuItem/types.js +0 -2
- package/dist/MenuItem/utils.js +6 -4
- package/dist/MenuItem/utils.js.map +1 -1
- package/dist/MenuList/MenuList.js +38 -14
- package/dist/MenuList/MenuList.js.map +1 -1
- package/dist/MenuList/MenuList.styles.js +3 -2
- package/dist/MenuList/MenuList.styles.js.map +1 -1
- package/dist/MenuList/MenuListContext.js +8 -6
- package/dist/MenuList/MenuListContext.js.map +1 -1
- package/dist/MenuList/index.js +3 -4
- package/dist/MenuList/sharedMenuStyles.styles.js +3 -2
- package/dist/MenuList/sharedMenuStyles.styles.js.map +1 -1
- package/dist/MenuList/types.js +0 -2
- package/dist/MenuList/utils.js +4 -2
- package/dist/MenuList/utils.js.map +1 -1
- package/dist/MessageDialog/MessageDialog.d.ts +18 -0
- package/dist/MessageDialog/MessageDialog.d.ts.map +1 -0
- package/dist/MessageDialog/MessageDialog.js +76 -0
- package/dist/MessageDialog/MessageDialog.js.map +1 -0
- package/dist/MessageDialog/MessageDialog.styles.css +1 -0
- package/dist/MessageDialog/MessageDialog.styles.d.ts +4 -0
- package/dist/MessageDialog/MessageDialog.styles.d.ts.map +1 -0
- package/dist/MessageDialog/MessageDialog.styles.js +12 -0
- package/dist/MessageDialog/MessageDialog.styles.js.map +1 -0
- package/dist/MessageDialog/index.d.ts +4 -0
- package/dist/MessageDialog/index.d.ts.map +1 -0
- package/dist/MessageDialog/index.js +2 -0
- package/dist/MessageDialog/types.d.ts +38 -0
- package/dist/MessageDialog/types.d.ts.map +1 -0
- package/dist/MessageDialog/types.js +0 -0
- package/dist/MessageDialog/useMessageDialog.d.ts +18 -0
- package/dist/MessageDialog/useMessageDialog.d.ts.map +1 -0
- package/dist/MessageDialog/useMessageDialog.js +51 -0
- package/dist/MessageDialog/useMessageDialog.js.map +1 -0
- package/dist/Modal/Backdrop.js +30 -16
- package/dist/Modal/Backdrop.js.map +1 -1
- package/dist/Modal/Modal.js +153 -95
- package/dist/Modal/Modal.js.map +1 -1
- package/dist/Modal/Modal.styles.js +3 -2
- package/dist/Modal/Modal.styles.js.map +1 -1
- package/dist/Modal/ModalManager.js +8 -10
- package/dist/Modal/ModalManager.js.map +1 -1
- package/dist/Modal/Portal.js +17 -14
- package/dist/Modal/Portal.js.map +1 -1
- package/dist/Modal/index.js +2 -3
- package/dist/Modal/useModal.js +35 -27
- package/dist/Modal/useModal.js.map +1 -1
- package/dist/ModalsProvider/ModalsContext.js +4 -2
- package/dist/ModalsProvider/ModalsContext.js.map +1 -1
- package/dist/ModalsProvider/ModalsProvider.js +19 -9
- package/dist/ModalsProvider/ModalsProvider.js.map +1 -1
- package/dist/ModalsProvider/index.js +6 -4
- package/dist/ModalsProvider/index.js.map +1 -1
- package/dist/ModalsProvider/types.js +0 -2
- package/dist/ModalsProvider/useModalState.js +15 -12
- package/dist/ModalsProvider/useModalState.js.map +1 -1
- package/dist/MultiSelectField/MultiSelectField.js +420 -233
- package/dist/MultiSelectField/MultiSelectField.js.map +1 -1
- package/dist/MultiSelectField/MultiSelectField.styles.js +3 -2
- package/dist/MultiSelectField/MultiSelectField.styles.js.map +1 -1
- package/dist/MultiSelectField/index.js +4 -2
- package/dist/MultiSelectField/index.js.map +1 -1
- package/dist/NumberTextField/NumberTextField.js +236 -173
- package/dist/NumberTextField/NumberTextField.js.map +1 -1
- package/dist/NumberTextField/NumberTextField.styles.js +2 -1
- package/dist/NumberTextField/NumberTextField.styles.js.map +1 -1
- package/dist/NumberTextField/index.js +4 -2
- package/dist/NumberTextField/index.js.map +1 -1
- package/dist/NumberTextField/utils.js +13 -17
- package/dist/NumberTextField/utils.js.map +1 -1
- package/dist/PaginatorNumber/NavButton/NavButton.js +15 -6
- package/dist/PaginatorNumber/NavButton/NavButton.js.map +1 -1
- package/dist/PaginatorNumber/NavButton/index.js +4 -2
- package/dist/PaginatorNumber/NavButton/index.js.map +1 -1
- package/dist/PaginatorNumber/PageButton/PageButton.js +29 -9
- package/dist/PaginatorNumber/PageButton/PageButton.js.map +1 -1
- package/dist/PaginatorNumber/PageButton/PageButton.styles.js +4 -3
- package/dist/PaginatorNumber/PageButton/PageButton.styles.js.map +1 -1
- package/dist/PaginatorNumber/PageButton/index.js +4 -2
- package/dist/PaginatorNumber/PageButton/index.js.map +1 -1
- package/dist/PaginatorNumber/PaginatorNumber.js +51 -12
- package/dist/PaginatorNumber/PaginatorNumber.js.map +1 -1
- package/dist/PaginatorNumber/PaginatorNumber.styles.js +3 -2
- package/dist/PaginatorNumber/PaginatorNumber.styles.js.map +1 -1
- package/dist/PaginatorNumber/hooks/usePagination.js +71 -51
- package/dist/PaginatorNumber/hooks/usePagination.js.map +1 -1
- package/dist/PaginatorNumber/index.js +4 -2
- package/dist/PaginatorNumber/index.js.map +1 -1
- package/dist/PaginatorNumber/types.js +0 -2
- package/dist/PaginatorNumber/utils.js +3 -1
- package/dist/PaginatorNumber/utils.js.map +1 -1
- package/dist/PaginatorOverflow/NavButton/NavButton.js +12 -4
- package/dist/PaginatorOverflow/NavButton/NavButton.js.map +1 -1
- package/dist/PaginatorOverflow/NavButton/index.js +4 -2
- package/dist/PaginatorOverflow/NavButton/index.js.map +1 -1
- package/dist/PaginatorOverflow/PaginatorOverflow.js +93 -31
- package/dist/PaginatorOverflow/PaginatorOverflow.js.map +1 -1
- package/dist/PaginatorOverflow/PaginatorOverflow.styles.js +5 -4
- package/dist/PaginatorOverflow/PaginatorOverflow.styles.js.map +1 -1
- package/dist/PaginatorOverflow/index.js +4 -2
- package/dist/PaginatorOverflow/index.js.map +1 -1
- package/dist/PaginatorOverflow/types.js +0 -2
- package/dist/Paper/Paper.js +25 -11
- package/dist/Paper/Paper.js.map +1 -1
- package/dist/Paper/Paper.styles.css +1 -1
- package/dist/Paper/Paper.styles.js +11 -10
- package/dist/Paper/Paper.styles.js.map +1 -1
- package/dist/Paper/index.js +1 -2
- package/dist/Paper/types.js +0 -2
- package/dist/Paper/utils.js +9 -7
- package/dist/Paper/utils.js.map +1 -1
- package/dist/PickersUtilsProvider/PickersUtilsProvider.js +30 -17
- package/dist/PickersUtilsProvider/PickersUtilsProvider.js.map +1 -1
- package/dist/PickersUtilsProvider/defaultCalendarFormatUtils.js +5 -3
- package/dist/PickersUtilsProvider/defaultCalendarFormatUtils.js.map +1 -1
- package/dist/PickersUtilsProvider/defaultDateFormatUtils.js +21 -29
- package/dist/PickersUtilsProvider/defaultDateFormatUtils.js.map +1 -1
- package/dist/PickersUtilsProvider/defaultRollFormatUtils.js +5 -3
- package/dist/PickersUtilsProvider/defaultRollFormatUtils.js.map +1 -1
- package/dist/PickersUtilsProvider/defaultTimeFormatUtils.js +23 -40
- package/dist/PickersUtilsProvider/defaultTimeFormatUtils.js.map +1 -1
- package/dist/PickersUtilsProvider/index.js +7 -5
- package/dist/PickersUtilsProvider/index.js.map +1 -1
- package/dist/PickersUtilsProvider/utils.js +6 -2
- package/dist/PickersUtilsProvider/utils.js.map +1 -1
- package/dist/Popover/Popover.js +220 -167
- package/dist/Popover/Popover.js.map +1 -1
- package/dist/Popover/Popover.styles.js +5 -4
- package/dist/Popover/Popover.styles.js.map +1 -1
- package/dist/Popover/ResizeDetector.js +14 -14
- package/dist/Popover/ResizeDetector.js.map +1 -1
- package/dist/Popover/index.js +4 -2
- package/dist/Popover/index.js.map +1 -1
- package/dist/Popover/types.js +0 -2
- package/dist/Popover/utils.js +24 -40
- package/dist/Popover/utils.js.map +1 -1
- package/dist/Popper/Popper.js +52 -23
- package/dist/Popper/Popper.js.map +1 -1
- package/dist/Popper/PopperContext.js +7 -7
- package/dist/Popper/PopperContext.js.map +1 -1
- package/dist/Popper/index.js +5 -3
- package/dist/Popper/index.js.map +1 -1
- package/dist/Popper/utils.js +7 -7
- package/dist/Popper/utils.js.map +1 -1
- package/dist/PopperDropDown/PopperDropDown.js +89 -26
- package/dist/PopperDropDown/PopperDropDown.js.map +1 -1
- package/dist/PopperDropDown/PopperDropDown.styles.js +7 -6
- package/dist/PopperDropDown/PopperDropDown.styles.js.map +1 -1
- package/dist/PopperDropDown/index.js +4 -2
- package/dist/PopperDropDown/index.js.map +1 -1
- package/dist/ProductCard/ProductCard.js +120 -65
- package/dist/ProductCard/ProductCard.js.map +1 -1
- package/dist/ProductCard/ProductCard.styles.js +8 -9
- package/dist/ProductCard/ProductCard.styles.js.map +1 -1
- package/dist/ProductCard/ProductCardBadgesHeader/ProductCardBadgesHeader.js +81 -40
- package/dist/ProductCard/ProductCardBadgesHeader/ProductCardBadgesHeader.js.map +1 -1
- package/dist/ProductCard/ProductCardBadgesHeader/ProductCardBadgesHeader.styles.js +12 -13
- package/dist/ProductCard/ProductCardBadgesHeader/ProductCardBadgesHeader.styles.js.map +1 -1
- package/dist/ProductCard/ProductCardBadgesHeader/index.js +1 -2
- package/dist/ProductCard/ProductCardContent/ProductCardContent.js +11 -6
- package/dist/ProductCard/ProductCardContent/ProductCardContent.js.map +1 -1
- package/dist/ProductCard/ProductCardContent/ProductCardContent.styles.js +3 -2
- package/dist/ProductCard/ProductCardContent/ProductCardContent.styles.js.map +1 -1
- package/dist/ProductCard/ProductCardContent/index.js +1 -2
- package/dist/ProductCard/ProductCardContext.js +8 -6
- package/dist/ProductCard/ProductCardContext.js.map +1 -1
- package/dist/ProductCard/ProductCardFooter/ProductCardFooter.js +22 -11
- package/dist/ProductCard/ProductCardFooter/ProductCardFooter.js.map +1 -1
- package/dist/ProductCard/ProductCardFooter/ProductCardFooter.styles.js +3 -2
- package/dist/ProductCard/ProductCardFooter/ProductCardFooter.styles.js.map +1 -1
- package/dist/ProductCard/ProductCardFooter/index.js +1 -2
- package/dist/ProductCard/ProductCardHeader/ProductCardHeader.js +22 -11
- package/dist/ProductCard/ProductCardHeader/ProductCardHeader.js.map +1 -1
- package/dist/ProductCard/ProductCardHeader/ProductCardHeader.styles.js +3 -2
- package/dist/ProductCard/ProductCardHeader/ProductCardHeader.styles.js.map +1 -1
- package/dist/ProductCard/ProductCardHeader/index.js +1 -2
- package/dist/ProductCard/ProductCardTitle/ProductCardTitle.js +22 -11
- package/dist/ProductCard/ProductCardTitle/ProductCardTitle.js.map +1 -1
- package/dist/ProductCard/ProductCardTitle/ProductCardTitle.styles.js +3 -2
- package/dist/ProductCard/ProductCardTitle/ProductCardTitle.styles.js.map +1 -1
- package/dist/ProductCard/ProductCardTitle/index.js +1 -2
- package/dist/ProductCard/badges/ProductCardIpoRatingBadge/ProductCardIpoRatingBadge.js +41 -19
- package/dist/ProductCard/badges/ProductCardIpoRatingBadge/ProductCardIpoRatingBadge.js.map +1 -1
- package/dist/ProductCard/badges/ProductCardIpoRatingBadge/ProductCardIpoRatingBadge.styles.js +3 -4
- package/dist/ProductCard/badges/ProductCardIpoRatingBadge/ProductCardIpoRatingBadge.styles.js.map +1 -1
- package/dist/ProductCard/badges/ProductCardIpoRatingBadge/index.js +1 -2
- package/dist/ProductCard/badges/ProductCardRiskBadge/ProductCardRiskBadge.js +50 -24
- package/dist/ProductCard/badges/ProductCardRiskBadge/ProductCardRiskBadge.js.map +1 -1
- package/dist/ProductCard/badges/ProductCardRiskBadge/ProductCardRiskBadge.styles.js +4 -3
- package/dist/ProductCard/badges/ProductCardRiskBadge/ProductCardRiskBadge.styles.js.map +1 -1
- package/dist/ProductCard/badges/ProductCardRiskBadge/index.js +2 -4
- package/dist/ProductCard/badges/utils.js +11 -8
- package/dist/ProductCard/badges/utils.js.map +1 -1
- package/dist/ProductCard/index.js +16 -21
- package/dist/ProductCard/layoutConfig.js +20 -6
- package/dist/ProductCard/layoutConfig.js.map +1 -1
- package/dist/ProductCard/layouts/common/Content.js +53 -13
- package/dist/ProductCard/layouts/common/Content.js.map +1 -1
- package/dist/ProductCard/layouts/common/Content.styles.js +4 -3
- package/dist/ProductCard/layouts/common/Content.styles.js.map +1 -1
- package/dist/ProductCard/layouts/common/Footer.js +54 -11
- package/dist/ProductCard/layouts/common/Footer.js.map +1 -1
- package/dist/ProductCard/layouts/common/Footer.styles.js +6 -5
- package/dist/ProductCard/layouts/common/Footer.styles.js.map +1 -1
- package/dist/ProductCard/layouts/common/Title.js +21 -11
- package/dist/ProductCard/layouts/common/Title.js.map +1 -1
- package/dist/ProductCard/layouts/common/chartUtils.js +92 -55
- package/dist/ProductCard/layouts/common/chartUtils.js.map +1 -1
- package/dist/ProductCard/layouts/common/index.js +4 -5
- package/dist/ProductCard/layouts/iip/Background.js +13 -5
- package/dist/ProductCard/layouts/iip/Background.js.map +1 -1
- package/dist/ProductCard/layouts/iip/Background.styles.js +2 -1
- package/dist/ProductCard/layouts/iip/Background.styles.js.map +1 -1
- package/dist/ProductCard/layouts/iip/Footer.js +43 -18
- package/dist/ProductCard/layouts/iip/Footer.js.map +1 -1
- package/dist/ProductCard/layouts/iip/Footer.styles.js +6 -5
- package/dist/ProductCard/layouts/iip/Footer.styles.js.map +1 -1
- package/dist/ProductCard/layouts/iip/SecurityIcons/ProductCardIipSecurityIcons.js +35 -17
- package/dist/ProductCard/layouts/iip/SecurityIcons/ProductCardIipSecurityIcons.js.map +1 -1
- package/dist/ProductCard/layouts/iip/SecurityIcons/ProductCardIipSecurityIcons.styles.js +12 -11
- package/dist/ProductCard/layouts/iip/SecurityIcons/ProductCardIipSecurityIcons.styles.js.map +1 -1
- package/dist/ProductCard/layouts/iip/SecurityIcons/index.js +1 -2
- package/dist/ProductCard/layouts/iip/Title.js +18 -9
- package/dist/ProductCard/layouts/iip/Title.js.map +1 -1
- package/dist/ProductCard/layouts/iip/index.js +4 -5
- package/dist/ProductCard/layouts/ipo/Content.js +64 -16
- package/dist/ProductCard/layouts/ipo/Content.js.map +1 -1
- package/dist/ProductCard/layouts/ipo/Content.styles.js +8 -8
- package/dist/ProductCard/layouts/ipo/Content.styles.js.map +1 -1
- package/dist/ProductCard/layouts/ipo/Footer.js +23 -15
- package/dist/ProductCard/layouts/ipo/Footer.js.map +1 -1
- package/dist/ProductCard/layouts/ipo/FooterDesktop/FooterDesktop.js +36 -8
- package/dist/ProductCard/layouts/ipo/FooterDesktop/FooterDesktop.js.map +1 -1
- package/dist/ProductCard/layouts/ipo/FooterDesktop/FooterDesktop.styles.js +7 -6
- package/dist/ProductCard/layouts/ipo/FooterDesktop/FooterDesktop.styles.js.map +1 -1
- package/dist/ProductCard/layouts/ipo/FooterDesktop/index.js +1 -2
- package/dist/ProductCard/layouts/ipo/FooterMobile/FooterMobile.js +40 -11
- package/dist/ProductCard/layouts/ipo/FooterMobile/FooterMobile.js.map +1 -1
- package/dist/ProductCard/layouts/ipo/FooterMobile/FooterMobile.styles.js +6 -6
- package/dist/ProductCard/layouts/ipo/FooterMobile/FooterMobile.styles.js.map +1 -1
- package/dist/ProductCard/layouts/ipo/FooterMobile/index.js +1 -2
- package/dist/ProductCard/layouts/ipo/SecurityIcon/ProductCardIpoSecurityIcon.js +19 -9
- package/dist/ProductCard/layouts/ipo/SecurityIcon/ProductCardIpoSecurityIcon.js.map +1 -1
- package/dist/ProductCard/layouts/ipo/SecurityIcon/ProductCardIpoSecurityIcon.styles.css +1 -1
- package/dist/ProductCard/layouts/ipo/SecurityIcon/ProductCardIpoSecurityIcon.styles.js +4 -3
- package/dist/ProductCard/layouts/ipo/SecurityIcon/ProductCardIpoSecurityIcon.styles.js.map +1 -1
- package/dist/ProductCard/layouts/ipo/SecurityIcon/index.js +1 -2
- package/dist/ProductCard/layouts/ipo/Title.js +62 -14
- package/dist/ProductCard/layouts/ipo/Title.js.map +1 -1
- package/dist/ProductCard/layouts/ipo/Title.styles.js +10 -9
- package/dist/ProductCard/layouts/ipo/Title.styles.js.map +1 -1
- package/dist/ProductCard/layouts/ipo/contentUtils.js +10 -12
- package/dist/ProductCard/layouts/ipo/contentUtils.js.map +1 -1
- package/dist/ProductCard/layouts/ipo/index.js +4 -5
- package/dist/ProductCard/layouts/shared/MediaTitle.js +25 -13
- package/dist/ProductCard/layouts/shared/MediaTitle.js.map +1 -1
- package/dist/ProductCard/layouts/shared/MediaTitle.styles.js +5 -4
- package/dist/ProductCard/layouts/shared/MediaTitle.styles.js.map +1 -1
- package/dist/ProductCard/layouts/shared/index.js +1 -2
- package/dist/ProductCard/layouts/zhek/Background.js +14 -5
- package/dist/ProductCard/layouts/zhek/Background.js.map +1 -1
- package/dist/ProductCard/layouts/zhek/Background.styles.js +4 -3
- package/dist/ProductCard/layouts/zhek/Background.styles.js.map +1 -1
- package/dist/ProductCard/layouts/zhek/Footer.js +47 -11
- package/dist/ProductCard/layouts/zhek/Footer.js.map +1 -1
- package/dist/ProductCard/layouts/zhek/Footer.styles.js +6 -5
- package/dist/ProductCard/layouts/zhek/Footer.styles.js.map +1 -1
- package/dist/ProductCard/layouts/zhek/Title.js +11 -6
- package/dist/ProductCard/layouts/zhek/Title.js.map +1 -1
- package/dist/ProductCard/layouts/zhek/index.js +3 -4
- package/dist/ProductCard/shared/ProductCardBackgroundImage.js +47 -29
- package/dist/ProductCard/shared/ProductCardBackgroundImage.js.map +1 -1
- package/dist/ProductCard/shared/ProductCardBackgroundImage.styles.js +8 -7
- package/dist/ProductCard/shared/ProductCardBackgroundImage.styles.js.map +1 -1
- package/dist/ProductCard/skeleton/ProductCardSkeleton.js +26 -14
- package/dist/ProductCard/skeleton/ProductCardSkeleton.js.map +1 -1
- package/dist/ProductCard/skeleton/ProductCardSkeleton.styles.js +3 -2
- package/dist/ProductCard/skeleton/ProductCardSkeleton.styles.js.map +1 -1
- package/dist/ProductCard/skeleton/variants/common/ProductCardCommonChartSkeleton.js +104 -6
- package/dist/ProductCard/skeleton/variants/common/ProductCardCommonChartSkeleton.js.map +1 -1
- package/dist/ProductCard/skeleton/variants/common/ProductCardCommonSkeleton.js +28 -9
- package/dist/ProductCard/skeleton/variants/common/ProductCardCommonSkeleton.js.map +1 -1
- package/dist/ProductCard/skeleton/variants/common/ProductCardCommonSkeleton.styles.js +7 -6
- package/dist/ProductCard/skeleton/variants/common/ProductCardCommonSkeleton.styles.js.map +1 -1
- package/dist/ProductCard/skeleton/variants/iip/ProductCardIipSkeleton.js +26 -10
- package/dist/ProductCard/skeleton/variants/iip/ProductCardIipSkeleton.js.map +1 -1
- package/dist/ProductCard/skeleton/variants/iip/ProductCardIipSkeleton.styles.js +3 -2
- package/dist/ProductCard/skeleton/variants/iip/ProductCardIipSkeleton.styles.js.map +1 -1
- package/dist/ProductCard/skeleton/variants/ipo/ProductCardIpoSkeleton.js +95 -12
- package/dist/ProductCard/skeleton/variants/ipo/ProductCardIpoSkeleton.js.map +1 -1
- package/dist/ProductCard/skeleton/variants/ipo/ProductCardIpoSkeleton.styles.js +10 -9
- package/dist/ProductCard/skeleton/variants/ipo/ProductCardIpoSkeleton.styles.js.map +1 -1
- package/dist/ProductCard/skeleton/variants/zhek/ProductCardZhekSkeleton.js +26 -10
- package/dist/ProductCard/skeleton/variants/zhek/ProductCardZhekSkeleton.js.map +1 -1
- package/dist/ProductCard/skeleton/variants/zhek/ProductCardZhekSkeleton.styles.js +3 -2
- package/dist/ProductCard/skeleton/variants/zhek/ProductCardZhekSkeleton.styles.js.map +1 -1
- package/dist/ProductCard/types.js +15 -13
- package/dist/ProductCard/types.js.map +1 -1
- package/dist/ProductCard/utils.js +11 -13
- package/dist/ProductCard/utils.js.map +1 -1
- package/dist/Radio/Radio.js +52 -24
- package/dist/Radio/Radio.js.map +1 -1
- package/dist/Radio/Radio.styles.js +4 -3
- package/dist/Radio/Radio.styles.js.map +1 -1
- package/dist/Radio/index.js +1 -2
- package/dist/Radio/types.js +0 -2
- package/dist/Radio/utils.js +4 -2
- package/dist/Radio/utils.js.map +1 -1
- package/dist/RadioField/RadioField.js +46 -13
- package/dist/RadioField/RadioField.js.map +1 -1
- package/dist/RadioField/RadioField.styles.css +1 -1
- package/dist/RadioField/RadioField.styles.js +7 -6
- package/dist/RadioField/RadioField.styles.js.map +1 -1
- package/dist/RadioField/index.js +1 -2
- package/dist/RadioGroup/RadioGroup.js +48 -25
- package/dist/RadioGroup/RadioGroup.js.map +1 -1
- package/dist/RadioGroup/RadioGroupContext.js +5 -6
- package/dist/RadioGroup/RadioGroupContext.js.map +1 -1
- package/dist/RadioGroup/index.js +5 -3
- package/dist/RadioGroup/index.js.map +1 -1
- package/dist/RollPicker/PickerColumn/PickerColumn.js +94 -55
- package/dist/RollPicker/PickerColumn/PickerColumn.js.map +1 -1
- package/dist/RollPicker/PickerColumn/PickerColumn.styles.js +7 -6
- package/dist/RollPicker/PickerColumn/PickerColumn.styles.js.map +1 -1
- package/dist/RollPicker/PickerColumn/index.js +2 -3
- package/dist/RollPicker/RollPicker.js +92 -36
- package/dist/RollPicker/RollPicker.js.map +1 -1
- package/dist/RollPicker/RollPicker.styles.js +8 -7
- package/dist/RollPicker/RollPicker.styles.js.map +1 -1
- package/dist/RollPicker/index.js +1 -2
- package/dist/SecurityIcon/SecurityIcon.js +56 -21
- package/dist/SecurityIcon/SecurityIcon.js.map +1 -1
- package/dist/SecurityIcon/SecurityIcon.styles.js +5 -4
- package/dist/SecurityIcon/SecurityIcon.styles.js.map +1 -1
- package/dist/SecurityIcon/constants.js +12 -4
- package/dist/SecurityIcon/constants.js.map +1 -1
- package/dist/SecurityIcon/index.js +1 -2
- package/dist/SecurityIcon/types.js +0 -2
- package/dist/SecurityIcon/utils.js +11 -15
- package/dist/SecurityIcon/utils.js.map +1 -1
- package/dist/SecurityIndicator/OrderAndPositionIcons.js +49 -6
- package/dist/SecurityIndicator/OrderAndPositionIcons.js.map +1 -1
- package/dist/SecurityIndicator/SecurityIndicator.js +32 -11
- package/dist/SecurityIndicator/SecurityIndicator.js.map +1 -1
- package/dist/SecurityIndicator/SecurityIndicator.styles.js +7 -6
- package/dist/SecurityIndicator/SecurityIndicator.styles.js.map +1 -1
- package/dist/SecurityIndicator/index.js +1 -2
- package/dist/Select/SelectField.styles.js +36 -33
- package/dist/Select/SelectField.styles.js.map +1 -1
- package/dist/Select/utils.js +7 -5
- package/dist/Select/utils.js.map +1 -1
- package/dist/SelectField/SelectField.js +281 -125
- package/dist/SelectField/SelectField.js.map +1 -1
- package/dist/SelectField/index.js +4 -2
- package/dist/SelectField/index.js.map +1 -1
- package/dist/SelectField/utils.js +7 -5
- package/dist/SelectField/utils.js.map +1 -1
- package/dist/Skeleton/Skeleton.js +40 -14
- package/dist/Skeleton/Skeleton.js.map +1 -1
- package/dist/Skeleton/Skeleton.styles.js +8 -7
- package/dist/Skeleton/Skeleton.styles.js.map +1 -1
- package/dist/Skeleton/index.js +4 -2
- package/dist/Skeleton/index.js.map +1 -1
- package/dist/Skeleton/types.js +0 -2
- package/dist/Slider/Slider.js +251 -177
- package/dist/Slider/Slider.js.map +1 -1
- package/dist/Slider/Slider.styles.js +10 -9
- package/dist/Slider/Slider.styles.js.map +1 -1
- package/dist/Slider/index.js +1 -2
- package/dist/Slider/utils.js +27 -34
- package/dist/Slider/utils.js.map +1 -1
- package/dist/SliderIndicator/SliderIndicator.js +27 -14
- package/dist/SliderIndicator/SliderIndicator.js.map +1 -1
- package/dist/SliderIndicator/SliderIndicator.styles.js +4 -3
- package/dist/SliderIndicator/SliderIndicator.styles.js.map +1 -1
- package/dist/SliderIndicator/index.js +1 -2
- package/dist/SliderIndicator/types.js +0 -2
- package/dist/SliderIndicator/utils.js +5 -3
- package/dist/SliderIndicator/utils.js.map +1 -1
- package/dist/Snackbar/Snackbar.js +176 -105
- package/dist/Snackbar/Snackbar.js.map +1 -1
- package/dist/Snackbar/Snackbar.styles.js +7 -6
- package/dist/Snackbar/Snackbar.styles.js.map +1 -1
- package/dist/Snackbar/index.js +4 -2
- package/dist/Snackbar/index.js.map +1 -1
- package/dist/SnackbarContent/SnackbarContent.js +66 -16
- package/dist/SnackbarContent/SnackbarContent.js.map +1 -1
- package/dist/SnackbarContent/SnackbarContent.styles.css +1 -1
- package/dist/SnackbarContent/SnackbarContent.styles.js +13 -12
- package/dist/SnackbarContent/SnackbarContent.styles.js.map +1 -1
- package/dist/SnackbarContent/index.js +4 -2
- package/dist/SnackbarContent/index.js.map +1 -1
- package/dist/Stepper/Stepper.js +51 -13
- package/dist/Stepper/Stepper.js.map +1 -1
- package/dist/Stepper/Stepper.styles.css +1 -1
- package/dist/Stepper/Stepper.styles.js +8 -7
- package/dist/Stepper/Stepper.styles.js.map +1 -1
- package/dist/Stepper/index.js +4 -2
- package/dist/Stepper/index.js.map +1 -1
- package/dist/Stepper/types.js +0 -2
- package/dist/Stepper/utils.js +4 -2
- package/dist/Stepper/utils.js.map +1 -1
- package/dist/Switch/Switch.js +34 -11
- package/dist/Switch/Switch.js.map +1 -1
- package/dist/Switch/Switch.styles.js +5 -4
- package/dist/Switch/Switch.styles.js.map +1 -1
- package/dist/Switch/index.js +1 -2
- package/dist/SwitchBase/SwitchBase.js +70 -14
- package/dist/SwitchBase/SwitchBase.js.map +1 -1
- package/dist/SwitchBase/SwitchBase.styles.js +4 -3
- package/dist/SwitchBase/SwitchBase.styles.js.map +1 -1
- package/dist/SwitchBase/index.js +2 -3
- package/dist/SwitchBase/types.js +0 -2
- package/dist/SwitchBase/utils.js +4 -2
- package/dist/SwitchBase/utils.js.map +1 -1
- package/dist/SwitchField/SwitchField.js +40 -10
- package/dist/SwitchField/SwitchField.js.map +1 -1
- package/dist/SwitchField/index.js +1 -2
- package/dist/Tab/Tab.js +65 -20
- package/dist/Tab/Tab.js.map +1 -1
- package/dist/Tab/index.js +4 -2
- package/dist/Tab/index.js.map +1 -1
- package/dist/Tab/types.js +0 -2
- package/dist/Tabs/Tabs.js +101 -58
- package/dist/Tabs/Tabs.js.map +1 -1
- package/dist/Tabs/Tabs.styles.js +13 -7
- package/dist/Tabs/Tabs.styles.js.map +1 -1
- package/dist/Tabs/index.js +4 -2
- package/dist/Tabs/index.js.map +1 -1
- package/dist/Tabs/utils.js +4 -2
- package/dist/Tabs/utils.js.map +1 -1
- package/dist/Tag/Tag.js +65 -26
- package/dist/Tag/Tag.js.map +1 -1
- package/dist/Tag/Tag.styles.js +2 -1
- package/dist/Tag/Tag.styles.js.map +1 -1
- package/dist/Tag/index.js +1 -2
- package/dist/Tag/types.js +0 -2
- package/dist/TextArea/TextArea.js +55 -31
- package/dist/TextArea/TextArea.js.map +1 -1
- package/dist/TextArea/TextArea.styles.js +2 -1
- package/dist/TextArea/TextArea.styles.js.map +1 -1
- package/dist/TextArea/index.js +1 -2
- package/dist/TextField/TextField.js +178 -131
- package/dist/TextField/TextField.js.map +1 -1
- package/dist/TextField/TextField.styles.css +1 -1
- package/dist/TextField/TextField.styles.js +8 -7
- package/dist/TextField/TextField.styles.js.map +1 -1
- package/dist/TextField/index.js +4 -2
- package/dist/TextField/index.js.map +1 -1
- package/dist/TimePicker/TimePicker.js +219 -107
- package/dist/TimePicker/TimePicker.js.map +1 -1
- package/dist/TimePicker/TimePicker.styles.js +5 -4
- package/dist/TimePicker/TimePicker.styles.js.map +1 -1
- package/dist/TimePicker/index.js +4 -2
- package/dist/TimePicker/index.js.map +1 -1
- package/dist/TimePicker/useTimeFormatUtils.js +9 -4
- package/dist/TimePicker/useTimeFormatUtils.js.map +1 -1
- package/dist/ToggleButton/ToggleButton.js +43 -15
- package/dist/ToggleButton/ToggleButton.js.map +1 -1
- package/dist/ToggleButton/index.js +1 -2
- package/dist/ToggleButton/types.js +0 -2
- package/dist/Tooltip/Corner.js +18 -7
- package/dist/Tooltip/Corner.js.map +1 -1
- package/dist/Tooltip/Tooltip.js +193 -162
- package/dist/Tooltip/Tooltip.js.map +1 -1
- package/dist/Tooltip/Tooltip.styles.css +2 -2
- package/dist/Tooltip/Tooltip.styles.js +15 -14
- package/dist/Tooltip/Tooltip.styles.js.map +1 -1
- package/dist/Tooltip/constants.js +3 -1
- package/dist/Tooltip/constants.js.map +1 -1
- package/dist/Tooltip/index.js +4 -2
- package/dist/Tooltip/index.js.map +1 -1
- package/dist/TradeBadge/BackgroundFilled.js +33 -19
- package/dist/TradeBadge/BackgroundFilled.js.map +1 -1
- package/dist/TradeBadge/BackgroundInner.js +33 -19
- package/dist/TradeBadge/BackgroundInner.js.map +1 -1
- package/dist/TradeBadge/CondLessIcon.js +17 -4
- package/dist/TradeBadge/CondLessIcon.js.map +1 -1
- package/dist/TradeBadge/CondMoreIcon.js +24 -4
- package/dist/TradeBadge/CondMoreIcon.js.map +1 -1
- package/dist/TradeBadge/CondTimeIcon.js +24 -4
- package/dist/TradeBadge/CondTimeIcon.js.map +1 -1
- package/dist/TradeBadge/OrderSLIcon.js +20 -4
- package/dist/TradeBadge/OrderSLIcon.js.map +1 -1
- package/dist/TradeBadge/OrderTPIcon.js +20 -4
- package/dist/TradeBadge/OrderTPIcon.js.map +1 -1
- package/dist/TradeBadge/StackedArrow.js +27 -15
- package/dist/TradeBadge/StackedArrow.js.map +1 -1
- package/dist/TradeBadge/TradeBadge.js +83 -31
- package/dist/TradeBadge/TradeBadge.js.map +1 -1
- package/dist/TradeBadge/TradeBadge.styles.css +3 -3
- package/dist/TradeBadge/TradeBadge.styles.js +26 -25
- package/dist/TradeBadge/TradeBadge.styles.js.map +1 -1
- package/dist/TradeBadge/index.js +1 -2
- package/dist/Typography/Typography.js +40 -31
- package/dist/Typography/Typography.js.map +1 -1
- package/dist/Typography/Typography.styles.js +2 -1
- package/dist/Typography/Typography.styles.js.map +1 -1
- package/dist/Typography/index.js +1 -2
- package/dist/Typography/types.js +0 -2
- package/dist/index.d.ts +3 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +71 -68
- package/dist/index.js.map +1 -1
- package/dist/theme/ThemeProvider.js +6 -4
- package/dist/theme/ThemeProvider.js.map +1 -1
- package/dist/theme/index.js +1 -2
- package/dist/types.js +5 -4
- package/dist/types.js.map +1 -1
- package/dist/utils/className.js +3 -1
- package/dist/utils/className.js.map +1 -1
- package/dist/utils/dateFormatter.js +33 -36
- package/dist/utils/dateFormatter.js.map +1 -1
- package/dist/utils/dom.js +5 -3
- package/dist/utils/dom.js.map +1 -1
- package/dist/utils/event.js +11 -15
- package/dist/utils/event.js.map +1 -1
- package/dist/utils/transition.js +5 -5
- package/dist/utils/transition.js.map +1 -1
- package/dist/utils/useEventCallback.js +7 -8
- package/dist/utils/useEventCallback.js.map +1 -1
- package/dist/utils/useIsomorphicEffect.js +4 -3
- package/dist/utils/useIsomorphicEffect.js.map +1 -1
- package/dist/utils/useSubMenu.js +81 -64
- package/dist/utils/useSubMenu.js.map +1 -1
- package/dist/utils/withForwardedRef.js +21 -23
- package/dist/utils/withForwardedRef.js.map +1 -1
- package/package.json +5 -9
- package/dist/AccordionBanner/index.js.map +0 -1
- package/dist/AccordionBanner/types.js.map +0 -1
- package/dist/Avatar/Icons/index.js.map +0 -1
- package/dist/Breadcrumbs/Breadcrumb/index.js.map +0 -1
- package/dist/Breadcrumbs/Breadcrumb/types.js.map +0 -1
- package/dist/Breadcrumbs/HiddenItemsButton/index.js.map +0 -1
- package/dist/Breadcrumbs/HiddenMenuItems/index.js.map +0 -1
- package/dist/Breadcrumbs/index.js.map +0 -1
- package/dist/Breadcrumbs/utils/index.js.map +0 -1
- package/dist/Button/index.js.map +0 -1
- package/dist/Button/types.js.map +0 -1
- package/dist/Calendar/CalendarHeader/index.js.map +0 -1
- package/dist/Calendar/SelectMonthTable/index.js.map +0 -1
- package/dist/Calendar/SelectYearTable/index.js.map +0 -1
- package/dist/Calendar/SlideTransition/types.js.map +0 -1
- package/dist/Calendar/index.js.map +0 -1
- package/dist/Checkbox/index.js.map +0 -1
- package/dist/Checkbox/types.js.map +0 -1
- package/dist/CheckboxField/types.js.map +0 -1
- package/dist/CodeInput/index.js.map +0 -1
- package/dist/ContextMenu/index.js.map +0 -1
- package/dist/Counter/types.js.map +0 -1
- package/dist/DatePicker/index.js.map +0 -1
- package/dist/DateTimePeriod/types.js.map +0 -1
- package/dist/Dialog/index.js.map +0 -1
- package/dist/Dialog/types.js.map +0 -1
- package/dist/DialogActions/types.js.map +0 -1
- package/dist/DialogContent/types.js.map +0 -1
- package/dist/Divider/types.js.map +0 -1
- package/dist/DraggablePopover/index.js.map +0 -1
- package/dist/EmptyScreen/index.js.map +0 -1
- package/dist/FieldLabel/index.js.map +0 -1
- package/dist/FieldLabel/types.js.map +0 -1
- package/dist/FilterButton/index.js.map +0 -1
- package/dist/FilterButton/types.js.map +0 -1
- package/dist/IconButton/index.js.map +0 -1
- package/dist/IconButton/types.js.map +0 -1
- package/dist/InlineBanner/index.js.map +0 -1
- package/dist/InlineBanner/types.js.map +0 -1
- package/dist/Input/index.js.map +0 -1
- package/dist/Link/index.js.map +0 -1
- package/dist/Link/types.js.map +0 -1
- package/dist/MarketingButton/index.js.map +0 -1
- package/dist/MarketingButton/types.js.map +0 -1
- package/dist/MenuItem/index.js.map +0 -1
- package/dist/MenuItem/types.js.map +0 -1
- package/dist/MenuList/index.js.map +0 -1
- package/dist/MenuList/types.js.map +0 -1
- package/dist/Modal/index.js.map +0 -1
- package/dist/ModalsProvider/types.js.map +0 -1
- package/dist/PaginatorNumber/types.js.map +0 -1
- package/dist/PaginatorOverflow/types.js.map +0 -1
- package/dist/Paper/index.js.map +0 -1
- package/dist/Paper/types.js.map +0 -1
- package/dist/Popover/types.js.map +0 -1
- package/dist/ProductCard/ProductCardBadgesHeader/index.js.map +0 -1
- package/dist/ProductCard/ProductCardContent/index.js.map +0 -1
- package/dist/ProductCard/ProductCardFooter/index.js.map +0 -1
- package/dist/ProductCard/ProductCardHeader/index.js.map +0 -1
- package/dist/ProductCard/ProductCardTitle/index.js.map +0 -1
- package/dist/ProductCard/badges/ProductCardIpoRatingBadge/index.js.map +0 -1
- package/dist/ProductCard/badges/ProductCardRiskBadge/index.js.map +0 -1
- package/dist/ProductCard/index.js.map +0 -1
- package/dist/ProductCard/layouts/common/index.js.map +0 -1
- package/dist/ProductCard/layouts/iip/SecurityIcons/index.js.map +0 -1
- package/dist/ProductCard/layouts/iip/index.js.map +0 -1
- package/dist/ProductCard/layouts/ipo/FooterDesktop/index.js.map +0 -1
- package/dist/ProductCard/layouts/ipo/FooterMobile/index.js.map +0 -1
- package/dist/ProductCard/layouts/ipo/SecurityIcon/index.js.map +0 -1
- package/dist/ProductCard/layouts/ipo/index.js.map +0 -1
- package/dist/ProductCard/layouts/shared/index.js.map +0 -1
- package/dist/ProductCard/layouts/zhek/index.js.map +0 -1
- package/dist/Radio/index.js.map +0 -1
- package/dist/Radio/types.js.map +0 -1
- package/dist/RadioField/index.js.map +0 -1
- package/dist/RollPicker/PickerColumn/index.js.map +0 -1
- package/dist/RollPicker/index.js.map +0 -1
- package/dist/SecurityIcon/index.js.map +0 -1
- package/dist/SecurityIcon/types.js.map +0 -1
- package/dist/SecurityIndicator/index.js.map +0 -1
- package/dist/Skeleton/types.js.map +0 -1
- package/dist/Slider/index.js.map +0 -1
- package/dist/SliderIndicator/index.js.map +0 -1
- package/dist/SliderIndicator/types.js.map +0 -1
- package/dist/Stepper/types.js.map +0 -1
- package/dist/Switch/index.js.map +0 -1
- package/dist/SwitchBase/index.js.map +0 -1
- package/dist/SwitchBase/types.js.map +0 -1
- package/dist/SwitchField/index.js.map +0 -1
- package/dist/Tab/types.js.map +0 -1
- package/dist/Tag/index.js.map +0 -1
- package/dist/Tag/types.js.map +0 -1
- package/dist/TextArea/index.js.map +0 -1
- package/dist/ToggleButton/index.js.map +0 -1
- package/dist/ToggleButton/types.js.map +0 -1
- package/dist/TradeBadge/index.js.map +0 -1
- package/dist/Typography/index.js.map +0 -1
- package/dist/Typography/types.js.map +0 -1
- package/dist/theme/index.js.map +0 -1
|
@@ -1,133 +1,204 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import {
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import {
|
|
1
|
+
import { _ } from "@swc/helpers/_/_object_spread";
|
|
2
|
+
import { _ as _object_spread_props__ } from "@swc/helpers/_/_object_spread_props";
|
|
3
|
+
import { _ as _object_without_properties__ } from "@swc/helpers/_/_object_without_properties";
|
|
4
|
+
import { jsx } from "react/jsx-runtime";
|
|
5
|
+
import clsx from "clsx";
|
|
6
|
+
import { CSSTransition } from "react-transition-group";
|
|
7
|
+
import { transitionSlide, transitionSlideParent } from "@finam/web-ui-kit-core/styles/transition";
|
|
8
|
+
import ClickAwayListener from "../ClickAwayListener/index.js";
|
|
9
|
+
import SnackbarContent from "../SnackbarContent/index.js";
|
|
10
|
+
import { IN, OUT, Root, slide, transitionClassName } from "./Snackbar.styles.js";
|
|
11
|
+
import { transitionClassNames } from "../utils/transition.js";
|
|
12
|
+
import * as __rspack_external_react from "react";
|
|
11
13
|
const SWIPE_Y_DISTANCE = 20;
|
|
12
|
-
const Snackbar =
|
|
13
|
-
const { open, anchorOrigin: { vertical, horizontal } = {
|
|
14
|
-
|
|
14
|
+
const Snackbar = /*#__PURE__*/ __rspack_external_react.forwardRef((props, ref)=>{
|
|
15
|
+
const { open, anchorOrigin: { vertical, horizontal } = {
|
|
16
|
+
vertical: 'bottom',
|
|
17
|
+
horizontal: 'center'
|
|
18
|
+
}, autoHideDuration, resumeHideDuration, icon, action, message, withCopy = true, children, className, ClickAwayListenerProps: clickAwayListenerProps, ContentProps, disableWindowBlurListener = false, onClose, onMouseEnter, onMouseLeave, onTouchStart, onTouchEnd, TransitionProps, color } = props, other = _object_without_properties__(props, [
|
|
19
|
+
"open",
|
|
20
|
+
"anchorOrigin",
|
|
21
|
+
"autoHideDuration",
|
|
22
|
+
"resumeHideDuration",
|
|
23
|
+
"icon",
|
|
24
|
+
"action",
|
|
25
|
+
"message",
|
|
26
|
+
"withCopy",
|
|
27
|
+
"children",
|
|
28
|
+
"className",
|
|
29
|
+
"ClickAwayListenerProps",
|
|
30
|
+
"ContentProps",
|
|
31
|
+
"disableWindowBlurListener",
|
|
32
|
+
"onClose",
|
|
33
|
+
"onMouseEnter",
|
|
34
|
+
"onMouseLeave",
|
|
35
|
+
"onTouchStart",
|
|
36
|
+
"onTouchEnd",
|
|
37
|
+
"TransitionProps",
|
|
38
|
+
"color"
|
|
39
|
+
]);
|
|
40
|
+
const timeout = (null == TransitionProps ? void 0 : TransitionProps.timeout) || {
|
|
15
41
|
enter: IN,
|
|
16
|
-
exit: OUT
|
|
42
|
+
exit: OUT
|
|
17
43
|
};
|
|
18
|
-
const onEnter =
|
|
19
|
-
const onExited =
|
|
20
|
-
const contentRef =
|
|
21
|
-
const timerAutoHide =
|
|
22
|
-
const [exited, setExited] =
|
|
23
|
-
const [dragY, setDragY] =
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
if (!open || !onClose || autoHideDurationBefore == null) {
|
|
28
|
-
return;
|
|
29
|
-
}
|
|
44
|
+
const onEnter = null == TransitionProps ? void 0 : TransitionProps.onEnter;
|
|
45
|
+
const onExited = null == TransitionProps ? void 0 : TransitionProps.onExited;
|
|
46
|
+
const contentRef = __rspack_external_react.useRef(null);
|
|
47
|
+
const timerAutoHide = __rspack_external_react.useRef(void 0);
|
|
48
|
+
const [exited, setExited] = __rspack_external_react.useState(true);
|
|
49
|
+
const [dragY, setDragY] = __rspack_external_react.useState(0);
|
|
50
|
+
const setAutoHideTimer = __rspack_external_react.useCallback((autoHideDurationParam)=>{
|
|
51
|
+
const autoHideDurationBefore = null != autoHideDurationParam ? autoHideDurationParam : autoHideDuration;
|
|
52
|
+
if (!open || !onClose || null == autoHideDurationBefore) return;
|
|
30
53
|
clearTimeout(timerAutoHide.current);
|
|
31
|
-
timerAutoHide.current = setTimeout(()
|
|
32
|
-
const autoHideDurationAfter =
|
|
33
|
-
if (!onClose ||
|
|
34
|
-
return;
|
|
35
|
-
}
|
|
54
|
+
timerAutoHide.current = setTimeout(()=>{
|
|
55
|
+
const autoHideDurationAfter = null != autoHideDurationParam ? autoHideDurationParam : autoHideDuration;
|
|
56
|
+
if (!onClose || null == autoHideDurationAfter) return;
|
|
36
57
|
onClose(null, 'timeout');
|
|
37
58
|
}, autoHideDurationBefore);
|
|
38
|
-
}, [
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
59
|
+
}, [
|
|
60
|
+
autoHideDuration,
|
|
61
|
+
onClose,
|
|
62
|
+
open
|
|
63
|
+
]);
|
|
64
|
+
__rspack_external_react.useEffect(()=>{
|
|
65
|
+
if (open) setAutoHideTimer();
|
|
66
|
+
return ()=>{
|
|
44
67
|
clearTimeout(timerAutoHide.current);
|
|
45
68
|
};
|
|
46
|
-
}, [
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
69
|
+
}, [
|
|
70
|
+
open,
|
|
71
|
+
setAutoHideTimer
|
|
72
|
+
]);
|
|
73
|
+
const handlePause = __rspack_external_react.useCallback(()=>{
|
|
50
74
|
clearTimeout(timerAutoHide.current);
|
|
51
75
|
}, []);
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
if (resumeHideDuration != null) {
|
|
57
|
-
setAutoHideTimer(resumeHideDuration);
|
|
58
|
-
return;
|
|
59
|
-
}
|
|
60
|
-
setAutoHideTimer(autoHideDuration * 0.5);
|
|
76
|
+
const handleResume = __rspack_external_react.useCallback(()=>{
|
|
77
|
+
if (null != autoHideDuration) {
|
|
78
|
+
if (null != resumeHideDuration) return void setAutoHideTimer(resumeHideDuration);
|
|
79
|
+
setAutoHideTimer(0.5 * autoHideDuration);
|
|
61
80
|
}
|
|
62
|
-
}, [
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
81
|
+
}, [
|
|
82
|
+
autoHideDuration,
|
|
83
|
+
resumeHideDuration,
|
|
84
|
+
setAutoHideTimer
|
|
85
|
+
]);
|
|
86
|
+
const handlePointerEnter = __rspack_external_react.useCallback((event)=>{
|
|
87
|
+
if ('touch' !== event.pointerType) {
|
|
88
|
+
if (onMouseEnter) onMouseEnter(event);
|
|
68
89
|
handlePause();
|
|
69
90
|
}
|
|
70
|
-
}, [
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
91
|
+
}, [
|
|
92
|
+
onMouseEnter,
|
|
93
|
+
handlePause
|
|
94
|
+
]);
|
|
95
|
+
const handlePointerLeave = __rspack_external_react.useCallback((event)=>{
|
|
96
|
+
if ('touch' !== event.pointerType) {
|
|
97
|
+
if (onMouseLeave) onMouseLeave(event);
|
|
76
98
|
handleResume();
|
|
77
99
|
}
|
|
78
|
-
}, [
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
100
|
+
}, [
|
|
101
|
+
onMouseLeave,
|
|
102
|
+
handleResume
|
|
103
|
+
]);
|
|
104
|
+
const handleTouchStart = __rspack_external_react.useCallback((event)=>{
|
|
105
|
+
var _event_changedTouches;
|
|
106
|
+
if (onTouchStart) onTouchStart(event);
|
|
84
107
|
handlePause();
|
|
85
|
-
const startDragY = (
|
|
86
|
-
if (startDragY)
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
}
|
|
108
|
+
const startDragY = null == (_event_changedTouches = event.changedTouches) ? void 0 : _event_changedTouches[0].clientY;
|
|
109
|
+
if (startDragY) setDragY(startDragY);
|
|
110
|
+
}, [
|
|
111
|
+
onTouchStart,
|
|
112
|
+
handlePause
|
|
113
|
+
]);
|
|
114
|
+
const handleTouchEnd = __rspack_external_react.useCallback((event)=>{
|
|
115
|
+
var _event_changedTouches;
|
|
116
|
+
if (onTouchEnd) onTouchEnd(event);
|
|
95
117
|
handleResume();
|
|
96
|
-
const endDragY = (
|
|
97
|
-
if (endDragY && Math.abs(dragY - endDragY) > SWIPE_Y_DISTANCE)
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
118
|
+
const endDragY = null == (_event_changedTouches = event.changedTouches) ? void 0 : _event_changedTouches[0].clientY;
|
|
119
|
+
if (endDragY && Math.abs(dragY - endDragY) > SWIPE_Y_DISTANCE) null == onClose || onClose(event, 'swipe');
|
|
120
|
+
}, [
|
|
121
|
+
dragY,
|
|
122
|
+
onTouchEnd,
|
|
123
|
+
handleResume,
|
|
124
|
+
onClose
|
|
125
|
+
]);
|
|
126
|
+
const handleClickAway = __rspack_external_react.useCallback((event)=>{
|
|
127
|
+
if (onClose) onClose(event, 'clickaway');
|
|
128
|
+
}, [
|
|
129
|
+
onClose
|
|
130
|
+
]);
|
|
131
|
+
const handleEnter = __rspack_external_react.useCallback((node, isAppearing)=>{
|
|
107
132
|
setExited(false);
|
|
108
|
-
|
|
109
|
-
}, [
|
|
110
|
-
|
|
133
|
+
null == onEnter || onEnter(isAppearing);
|
|
134
|
+
}, [
|
|
135
|
+
onEnter
|
|
136
|
+
]);
|
|
137
|
+
const handleExited = __rspack_external_react.useCallback(()=>{
|
|
111
138
|
setExited(true);
|
|
112
|
-
|
|
113
|
-
}, [
|
|
114
|
-
|
|
139
|
+
null == onExited || onExited();
|
|
140
|
+
}, [
|
|
141
|
+
onExited
|
|
142
|
+
]);
|
|
143
|
+
__rspack_external_react.useEffect(()=>{
|
|
115
144
|
if (!disableWindowBlurListener && open) {
|
|
116
145
|
window.addEventListener('focus', handleResume);
|
|
117
146
|
window.addEventListener('blur', handlePause);
|
|
118
|
-
return ()
|
|
147
|
+
return ()=>{
|
|
119
148
|
window.removeEventListener('focus', handleResume);
|
|
120
149
|
window.removeEventListener('blur', handlePause);
|
|
121
150
|
};
|
|
122
151
|
}
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
152
|
+
}, [
|
|
153
|
+
disableWindowBlurListener,
|
|
154
|
+
handleResume,
|
|
155
|
+
handlePause,
|
|
156
|
+
open
|
|
157
|
+
]);
|
|
158
|
+
if (!open && exited) return null;
|
|
159
|
+
const rootClassName = clsx(`anchor-origin-${vertical}-${horizontal}`, className);
|
|
160
|
+
const contentClassName = clsx(transitionSlide({
|
|
161
|
+
marginThreshold: 'medium',
|
|
162
|
+
direction: 'top' === vertical ? 'down' : 'up'
|
|
163
|
+
}), slide, null == ContentProps ? void 0 : ContentProps.className);
|
|
164
|
+
return /*#__PURE__*/ jsx(ClickAwayListener, _object_spread_props__(_({
|
|
165
|
+
onClickAway: handleClickAway
|
|
166
|
+
}, clickAwayListenerProps), {
|
|
167
|
+
children: /*#__PURE__*/ jsx(Root, _object_spread_props__(_({
|
|
168
|
+
className: rootClassName,
|
|
169
|
+
onPointerEnter: handlePointerEnter,
|
|
170
|
+
onPointerLeave: handlePointerLeave,
|
|
171
|
+
onTouchStart: handleTouchStart,
|
|
172
|
+
onTouchEnd: handleTouchEnd,
|
|
173
|
+
ref: ref
|
|
174
|
+
}, other), {
|
|
175
|
+
children: /*#__PURE__*/ jsx(CSSTransition, _object_spread_props__(_({
|
|
176
|
+
appear: true,
|
|
177
|
+
in: open,
|
|
178
|
+
timeout: timeout,
|
|
179
|
+
classNames: transitionClassNames([
|
|
180
|
+
transitionSlideParent,
|
|
181
|
+
transitionClassName
|
|
182
|
+
])
|
|
183
|
+
}, TransitionProps), {
|
|
184
|
+
onEnter: handleEnter,
|
|
185
|
+
onExited: handleExited,
|
|
186
|
+
nodeRef: contentRef,
|
|
187
|
+
children: children || /*#__PURE__*/ jsx(SnackbarContent, _object_spread_props__(_({
|
|
188
|
+
ref: contentRef,
|
|
189
|
+
message: message,
|
|
190
|
+
icon: icon,
|
|
191
|
+
action: action,
|
|
192
|
+
withCopy: withCopy,
|
|
193
|
+
color: color
|
|
194
|
+
}, ContentProps), {
|
|
195
|
+
className: contentClassName
|
|
196
|
+
}))
|
|
197
|
+
}))
|
|
198
|
+
}))
|
|
199
|
+
}));
|
|
131
200
|
});
|
|
132
|
-
|
|
201
|
+
const Snackbar_Snackbar = /*#__PURE__*/ __rspack_external_react.memo(Snackbar);
|
|
202
|
+
export default Snackbar_Snackbar;
|
|
203
|
+
|
|
133
204
|
//# sourceMappingURL=Snackbar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Snackbar.js","sourceRoot":"","sources":["../../src/Snackbar/Snackbar.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Snackbar/Snackbar.js","sources":["../../src/Snackbar/Snackbar.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'clsx';\nimport { CSSTransition } from 'react-transition-group';\nimport { transitionSlideParent, transitionSlide } from '@finam/web-ui-kit-core/styles/transition';\nimport type { CSSTransitionProps } from '../types.js';\nimport ClickAwayListener, { ClickAwayListenerProps } from '../ClickAwayListener/index.js';\nimport SnackbarContent, { SnackbarContentProps } from '../SnackbarContent/index.js';\nimport { IN, OUT, Root, slide, transitionClassName } from './Snackbar.styles.js';\nimport { transitionClassNames } from '../utils/transition.js';\n\nexport interface Props extends React.ComponentPropsWithoutRef<typeof Root> {\n /** Управление видимостью всплывающего окна */\n open?: boolean;\n /** Объект управляющий позицией всплытия\n * - `horizontal`: \"left\", \"center\", \"right\".\n * - `vertical`: \"top\", \"bottom\".\n */\n anchorOrigin?: AnchorOrigin;\n /** Количество миллисекунд, через которое всплывающее окно будет автоматически скрыто */\n autoHideDuration?: number;\n /** Количество миллисекунд, через которое всплывающее окно будет автоматически скрыто\n * после восстановления активности (после паузы) */\n resumeHideDuration?: number;\n /** Иконка, отображаемая перед контентом всплывающего окна */\n icon?: React.ReactElement<any>;\n /** Элемент, предназначенный для выполнения действий при взаимодействии с пользователем */\n action?: React.ReactNode;\n /** Текст сообщения всплывающего окна */\n message?: React.ReactNode;\n /** Кастомный компонент, полностью заменяющий содержимое всплывающего окна */\n children?: React.ReactElement<any>;\n /** Флаг, включающий возможность копирования текста некастомного контента\n * всплывающего окна по клику */\n withCopy?: boolean;\n /** Кастомные классы передаваемые в корневой компонент */\n className?: string;\n /** Свойства передаваемые в компонент `ClickAwayListener` */\n ClickAwayListenerProps?: Partial<ClickAwayListenerProps<HTMLDivElement>>;\n /** Свойства передаваемые в компонент `SnackbarContent` */\n ContentProps?: Partial<SnackbarContentProps>;\n /** Флаг, отключающий автоматическое скрытие всплывающего окна при потере фокуса\n * активного `windows` */\n disableWindowBlurListener?: boolean;\n /** Функция обратного вызова, вызываемая при закрытии всплывающего окна */\n onClose?: (\n event:\n MouseEvent | React.MouseEvent<HTMLDivElement> |\n TouchEvent | React.TouchEvent<HTMLDivElement> |\n null,\n reason: 'timeout' | 'clickaway' | 'swipe'\n ) => void;\n /** Свойства передаваемые в компонент `CSSTransition` */\n TransitionProps?: Partial<CSSTransitionProps<HTMLElement>>;\n /** Вариант основного цвета всплывающего окна */\n color?: 'regular' | 'danger';\n}\n\nexport interface AnchorOrigin {\n horizontal: 'left' | 'center' | 'right';\n vertical: 'top' | 'bottom';\n}\n\nconst SWIPE_Y_DISTANCE = 20;\n\nconst Snackbar = React.forwardRef<HTMLDivElement, Props>((props, ref) => {\n const {\n open,\n anchorOrigin: { vertical, horizontal } = { vertical: 'bottom', horizontal: 'center' },\n autoHideDuration,\n resumeHideDuration,\n icon,\n action,\n message,\n withCopy = true,\n children,\n className,\n ClickAwayListenerProps: clickAwayListenerProps,\n ContentProps,\n disableWindowBlurListener = false,\n onClose,\n onMouseEnter,\n onMouseLeave,\n onTouchStart,\n onTouchEnd,\n TransitionProps,\n color,\n ...other\n } = props;\n\n const timeout = TransitionProps?.timeout || {\n enter: IN,\n exit: OUT,\n };\n const onEnter = TransitionProps?.onEnter;\n const onExited = TransitionProps?.onExited;\n\n const contentRef = React.useRef<HTMLDivElement>(null);\n const timerAutoHide = React.useRef<any | undefined>(undefined);\n const [exited, setExited] = React.useState(true);\n const [dragY, setDragY] = React.useState(0);\n\n // Timer that controls delay before snackbar auto hides\n const setAutoHideTimer = React.useCallback(\n (autoHideDurationParam?: number) => {\n const autoHideDurationBefore =\n autoHideDurationParam != null ? autoHideDurationParam : autoHideDuration;\n\n if (!open || !onClose || autoHideDurationBefore == null) {\n return;\n }\n\n clearTimeout(timerAutoHide.current);\n timerAutoHide.current = setTimeout(() => {\n const autoHideDurationAfter =\n autoHideDurationParam != null ? autoHideDurationParam : autoHideDuration;\n if (!onClose || autoHideDurationAfter == null) {\n return;\n }\n onClose(null, 'timeout');\n }, autoHideDurationBefore);\n },\n [autoHideDuration, onClose, open],\n );\n\n React.useEffect(() => {\n if (open) {\n setAutoHideTimer();\n }\n\n return () => {\n clearTimeout(timerAutoHide.current);\n };\n }, [open, setAutoHideTimer]);\n\n // Pause the timer when the user is interacting with the Snackbar\n // or when the user hide the window.\n const handlePause = React.useCallback(() => {\n clearTimeout(timerAutoHide.current);\n }, []);\n\n // Restart the timer when the user is no longer interacting with the Snackbar\n // or when the window is shown back.\n const handleResume = React.useCallback(() => {\n if (autoHideDuration != null) {\n if (resumeHideDuration != null) {\n setAutoHideTimer(resumeHideDuration);\n return;\n }\n setAutoHideTimer(autoHideDuration * 0.5);\n }\n }, [autoHideDuration, resumeHideDuration, setAutoHideTimer]);\n\n const handlePointerEnter = React.useCallback((event: React.PointerEvent<HTMLDivElement>) => {\n if (event.pointerType !== 'touch') {\n if (onMouseEnter) {\n onMouseEnter(event);\n }\n handlePause();\n }\n }, [onMouseEnter, handlePause]);\n\n const handlePointerLeave = React.useCallback((event: React.PointerEvent<HTMLDivElement>) => {\n if (event.pointerType !== 'touch') {\n if (onMouseLeave) {\n onMouseLeave(event);\n }\n handleResume();\n }\n }, [onMouseLeave, handleResume]);\n\n const handleTouchStart = React.useCallback((event: React.TouchEvent<HTMLDivElement>) => {\n if (onTouchStart) {\n onTouchStart(event);\n }\n handlePause();\n\n const startDragY = event.changedTouches?.[0].clientY;\n\n if (startDragY) {\n setDragY(startDragY);\n }\n }, [onTouchStart, handlePause]);\n\n const handleTouchEnd = React.useCallback((event: React.TouchEvent<HTMLDivElement>) => {\n if (onTouchEnd) {\n onTouchEnd(event);\n }\n handleResume();\n\n const endDragY = event.changedTouches?.[0].clientY;\n\n if (endDragY && Math.abs(dragY - endDragY) > SWIPE_Y_DISTANCE) {\n onClose?.(event, 'swipe');\n }\n }, [dragY, onTouchEnd, handleResume, onClose]);\n\n const handleClickAway = React.useCallback((event: MouseEvent | TouchEvent) => {\n if (onClose) {\n onClose(event, 'clickaway');\n }\n }, [onClose]);\n\n const handleEnter = React.useCallback((node: HTMLElement, isAppearing: boolean) => {\n setExited(false);\n onEnter?.(isAppearing);\n }, [onEnter]);\n\n const handleExited = React.useCallback(() => {\n setExited(true);\n onExited?.();\n }, [onExited]);\n\n React.useEffect(() => {\n if (!disableWindowBlurListener && open) {\n window.addEventListener('focus', handleResume);\n window.addEventListener('blur', handlePause);\n\n return () => {\n window.removeEventListener('focus', handleResume);\n window.removeEventListener('blur', handlePause);\n };\n }\n\n return undefined;\n }, [disableWindowBlurListener, handleResume, handlePause, open]);\n\n if (!open && exited) {\n return null;\n }\n\n const rootClassName = classnames(\n `anchor-origin-${vertical}-${horizontal}`,\n className,\n );\n const contentClassName = classnames(\n transitionSlide({ marginThreshold: 'medium', direction: vertical === 'top' ? 'down' : 'up' }),\n slide,\n ContentProps?.className,\n );\n\n return (\n <ClickAwayListener onClickAway={handleClickAway} {...clickAwayListenerProps}>\n <Root\n className={rootClassName}\n onPointerEnter={handlePointerEnter}\n onPointerLeave={handlePointerLeave}\n onTouchStart={handleTouchStart}\n onTouchEnd={handleTouchEnd}\n ref={ref}\n {...other}\n >\n <CSSTransition\n appear={true}\n in={open}\n timeout={timeout}\n classNames={transitionClassNames([transitionSlideParent, transitionClassName])}\n {...TransitionProps}\n onEnter={handleEnter as any}\n onExited={handleExited}\n nodeRef={contentRef}\n >\n {children || (\n <SnackbarContent\n ref={contentRef}\n message={message}\n icon={icon}\n action={action}\n withCopy={withCopy}\n color={color}\n {...ContentProps}\n className={contentClassName}\n />\n )}\n </CSSTransition>\n </Root>\n </ClickAwayListener>\n );\n});\n\nexport default React.memo(Snackbar);\n"],"names":["SWIPE_Y_DISTANCE","Snackbar","React","props","ref","open","vertical","horizontal","autoHideDuration","resumeHideDuration","icon","action","message","withCopy","children","className","clickAwayListenerProps","ContentProps","disableWindowBlurListener","onClose","onMouseEnter","onMouseLeave","onTouchStart","onTouchEnd","TransitionProps","color","other","timeout","IN","OUT","onEnter","onExited","contentRef","timerAutoHide","undefined","exited","setExited","dragY","setDragY","setAutoHideTimer","autoHideDurationParam","autoHideDurationBefore","clearTimeout","setTimeout","autoHideDurationAfter","handlePause","handleResume","handlePointerEnter","event","handlePointerLeave","handleTouchStart","_event_changedTouches","startDragY","handleTouchEnd","endDragY","Math","handleClickAway","handleEnter","node","isAppearing","handleExited","window","rootClassName","classnames","contentClassName","transitionSlide","slide","ClickAwayListener","Root","CSSTransition","transitionClassNames","transitionSlideParent","transitionClassName","SnackbarContent"],"mappings":";;;;;;;;;;;;AA8DA,MAAMA,mBAAmB;AAEzB,MAAMC,WAAW,WAAHA,GAAGC,wBAAAA,UAAgB,CAAwB,CAACC,OAAOC;IAC/D,MAAM,EACJC,IAAI,EACJ,cAAc,EAAEC,QAAQ,EAAEC,UAAU,EAAE,GAAG;QAAE,UAAU;QAAU,YAAY;IAAS,CAAC,EACrFC,gBAAgB,EAChBC,kBAAkB,EAClBC,IAAI,EACJC,MAAM,EACNC,OAAO,EACPC,WAAW,IAAI,EACfC,QAAQ,EACRC,SAAS,EACT,wBAAwBC,sBAAsB,EAC9CC,YAAY,EACZC,4BAA4B,KAAK,EACjCC,OAAO,EACPC,YAAY,EACZC,YAAY,EACZC,YAAY,EACZC,UAAU,EACVC,eAAe,EACfC,KAAK,EAEN,GAAGtB,OADCuB,QAAAA,6BACDvB,OAAAA;;;;;;;;;;;;;;;;;;;;;;IAEJ,MAAMwB,UAAUH,AAAAA,CAAAA,QAAAA,kBAAAA,KAAAA,IAAAA,gBAAiB,OAAO,AAAD,KAAK;QAC1C,OAAOI;QACP,MAAMC;IACR;IACA,MAAMC,UAAUN,QAAAA,kBAAAA,KAAAA,IAAAA,gBAAiB,OAAO;IACxC,MAAMO,WAAWP,QAAAA,kBAAAA,KAAAA,IAAAA,gBAAiB,QAAQ;IAE1C,MAAMQ,aAAa9B,wBAAAA,MAAY,CAAiB;IAChD,MAAM+B,gBAAgB/B,wBAAAA,MAAY,CAAkBgC;IACpD,MAAM,CAACC,QAAQC,UAAU,GAAGlC,wBAAAA,QAAc,CAAC;IAC3C,MAAM,CAACmC,OAAOC,SAAS,GAAGpC,wBAAAA,QAAc,CAAC;IAGzC,MAAMqC,mBAAmBrC,wBAAAA,WAAiB,CACxC,CAACsC;QACC,MAAMC,yBACJD,AAAyB,QAAzBA,wBAAgCA,wBAAwBhC;QAE1D,IAAI,CAACH,QAAQ,CAACc,WAAWsB,AAA0B,QAA1BA,wBACvB;QAGFC,aAAaT,cAAc,OAAO;QAClCA,cAAc,OAAO,GAAGU,WAAW;YACjC,MAAMC,wBACJJ,AAAyB,QAAzBA,wBAAgCA,wBAAwBhC;YAC1D,IAAI,CAACW,WAAWyB,AAAyB,QAAzBA,uBACd;YAEFzB,QAAQ,MAAM;QAChB,GAAGsB;IACL,GACA;QAACjC;QAAkBW;QAASd;KAAK;IAGnCH,wBAAAA,SAAe,CAAC;QACd,IAAIG,MACFkC;QAGF,OAAO;YACLG,aAAaT,cAAc,OAAO;QACpC;IACF,GAAG;QAAC5B;QAAMkC;KAAiB;IAI3B,MAAMM,cAAc3C,wBAAAA,WAAiB,CAAC;QACpCwC,aAAaT,cAAc,OAAO;IACpC,GAAG,EAAE;IAIL,MAAMa,eAAe5C,wBAAAA,WAAiB,CAAC;QACrC,IAAIM,AAAoB,QAApBA,kBAA0B;YAC5B,IAAIC,AAAsB,QAAtBA,oBAA4B,YAC9B8B,iBAAiB9B;YAGnB8B,iBAAiB/B,AAAmB,MAAnBA;QACnB;IACF,GAAG;QAACA;QAAkBC;QAAoB8B;KAAiB;IAE3D,MAAMQ,qBAAqB7C,wBAAAA,WAAiB,CAAC,CAAC8C;QAC5C,IAAIA,AAAsB,YAAtBA,MAAM,WAAW,EAAc;YACjC,IAAI5B,cACFA,aAAa4B;YAEfH;QACF;IACF,GAAG;QAACzB;QAAcyB;KAAY;IAE9B,MAAMI,qBAAqB/C,wBAAAA,WAAiB,CAAC,CAAC8C;QAC5C,IAAIA,AAAsB,YAAtBA,MAAM,WAAW,EAAc;YACjC,IAAI3B,cACFA,aAAa2B;YAEfF;QACF;IACF,GAAG;QAACzB;QAAcyB;KAAa;IAE/B,MAAMI,mBAAmBhD,wBAAAA,WAAiB,CAAC,CAAC8C;YAMvBG;QALnB,IAAI7B,cACFA,aAAa0B;QAEfH;QAEA,MAAMO,aAAa,QAAAD,CAAAA,wBAAAA,MAAM,cAAc,AAAD,IAAnBA,KAAAA,IAAAA,qBAAsB,CAAC,EAAE,CAAC,OAAO;QAEpD,IAAIC,YACFd,SAASc;IAEb,GAAG;QAAC9B;QAAcuB;KAAY;IAE9B,MAAMQ,iBAAiBnD,wBAAAA,WAAiB,CAAC,CAAC8C;YAMvBG;QALjB,IAAI5B,YACFA,WAAWyB;QAEbF;QAEA,MAAMQ,WAAW,QAAAH,CAAAA,wBAAAA,MAAM,cAAc,AAAD,IAAnBA,KAAAA,IAAAA,qBAAsB,CAAC,EAAE,CAAC,OAAO;QAElD,IAAIG,YAAYC,KAAK,GAAG,CAAClB,QAAQiB,YAAYtD,kBAC3CmB,QAAAA,WAAAA,QAAU6B,OAAO;IAErB,GAAG;QAACX;QAAOd;QAAYuB;QAAc3B;KAAQ;IAE7C,MAAMqC,kBAAkBtD,wBAAAA,WAAiB,CAAC,CAAC8C;QACzC,IAAI7B,SACFA,QAAQ6B,OAAO;IAEnB,GAAG;QAAC7B;KAAQ;IAEZ,MAAMsC,cAAcvD,wBAAAA,WAAiB,CAAC,CAACwD,MAAmBC;QACxDvB,UAAU;QACVN,QAAAA,WAAAA,QAAU6B;IACZ,GAAG;QAAC7B;KAAQ;IAEZ,MAAM8B,eAAe1D,wBAAAA,WAAiB,CAAC;QACrCkC,UAAU;QACVL,QAAAA,YAAAA;IACF,GAAG;QAACA;KAAS;IAEb7B,wBAAAA,SAAe,CAAC;QACd,IAAI,CAACgB,6BAA6Bb,MAAM;YACtCwD,OAAO,gBAAgB,CAAC,SAASf;YACjCe,OAAO,gBAAgB,CAAC,QAAQhB;YAEhC,OAAO;gBACLgB,OAAO,mBAAmB,CAAC,SAASf;gBACpCe,OAAO,mBAAmB,CAAC,QAAQhB;YACrC;QACF;IAGF,GAAG;QAAC3B;QAA2B4B;QAAcD;QAAaxC;KAAK;IAE/D,IAAI,CAACA,QAAQ8B,QACX,OAAO;IAGT,MAAM2B,gBAAgBC,KACpB,CAAC,cAAc,EAAEzD,SAAS,CAAC,EAAEC,YAAY,EACzCQ;IAEF,MAAMiD,mBAAmBD,KACvBE,gBAAgB;QAAE,iBAAiB;QAAU,WAAW3D,AAAa,UAAbA,WAAqB,SAAS;IAAK,IAC3F4D,OACAjD,QAAAA,eAAAA,KAAAA,IAAAA,aAAc,SAAS;IAGzB,OAAO,WAAP,GACE,IAACkD,mBAAiBA,uBAAAA,EAAAA;QAAC,aAAaX;OAAqBxC,yBAAAA;kBACnD,kBAACoD,MAAIA,uBAAAA,EAAAA;YACH,WAAWN;YACX,gBAAgBf;YAChB,gBAAgBE;YAChB,cAAcC;YACd,YAAYG;YACZ,KAAKjD;WACDsB,QAAAA;sBAEJ,kBAAC2C,eAAaA,uBAAAA,EAAAA;gBACZ,QAAQ;gBACR,IAAIhE;gBACJ,SAASsB;gBACT,YAAY2C,qBAAqB;oBAACC;oBAAuBC;iBAAoB;eACzEhD,kBAAAA;gBACJ,SAASiC;gBACT,UAAUG;gBACV,SAAS5B;0BAERlB,YAAY,WAAZA,GACC,IAAC2D,iBAAeA,uBAAAA,EAAAA;oBACd,KAAKzC;oBACL,SAASpB;oBACT,MAAMF;oBACN,QAAQC;oBACR,UAAUE;oBACV,OAAOY;mBACHR,eAAAA;oBACJ,WAAW+C;;;;;AAOzB;AAEA,wCAAe9D,wBAAAA,IAAU,CAACD"}
|
|
@@ -1,13 +1,14 @@
|
|
|
1
|
-
import { styled } from
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import { styled } from "@linaria/react";
|
|
2
|
+
const IN = 300;
|
|
3
|
+
const OUT = 200;
|
|
4
|
+
const Root = /*#__PURE__*/styled('div')({
|
|
5
5
|
name: "Root",
|
|
6
6
|
class: "ui_components_ryjti2t",
|
|
7
7
|
propsAsIs: false
|
|
8
8
|
});
|
|
9
|
-
|
|
10
|
-
|
|
9
|
+
const transitionClassName = "ui_components_twct0oe";
|
|
10
|
+
const slide = "ui_components_sece6hp";
|
|
11
|
+
export { IN, OUT, Root, slide, transitionClassName };
|
|
11
12
|
//# sourceMappingURL=Snackbar.styles.js.map
|
|
12
13
|
|
|
13
14
|
import "./Snackbar.styles.css";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Snackbar.styles.js","
|
|
1
|
+
{"version":3,"file":"Snackbar/Snackbar.styles.js","sources":["../../src/Snackbar/Snackbar.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { tokens } from '@finam/web-ui-kit-core/theme/contract';\nimport { css } from '@linaria/core';\n\nconst margin = 40;\nexport const IN = 300;\nexport const OUT = 200;\n\nexport const Root = styled.div`\n position: fixed;\n z-index: ${tokens.zIndex.snackbar};\n left: ${margin}px;\n right: ${margin}px;\n display: flex;\n justify-content: center;\n align-items: center;\n\n &.anchor-origin-top-center {\n top: ${margin}px;\n left: 50%;\n right: auto;\n transform: translateX(-50%);\n }\n\n &.anchor-origin-bottom-center {\n bottom: ${margin}px;\n left: 50%;\n right: auto;\n transform: translateX(-50%);\n }\n\n &.anchor-origin-top-right {\n left: auto;\n top: ${margin}px;\n right: ${margin}px;\n justify-content: flex-end;\n }\n\n &.anchor-origin-bottom-right {\n left: auto;\n bottom: ${margin}px;\n right: ${margin}px;\n justify-content: flex-end;\n }\n\n &.anchor-origin-top-left {\n right: auto;\n top: ${margin}px;\n left: ${margin}px;\n justify-content: flex-start;\n }\n\n &.anchor-origin-bottom-left {\n right: auto;\n bottom: ${margin}px;\n left: ${margin}px;\n justify-content: flex-start;\n }\n`;\n\nexport const transitionClassName = css``;\n\nexport const slide = css`\n &.${transitionClassName}-appear-active, &.${transitionClassName}-enter-active {\n transition: transform ${IN}ms cubic-bezier(0.16, 1, 0.3, 1) 0ms;\n }\n\n &.${transitionClassName}-exit-active {\n transition: transform ${OUT}ms ease-out;\n }\n`;\n"],"names":["margin","IN","OUT","Root","styled","tokens","transitionClassName","css","slide"],"mappings":";;;AAIA,MAAMA,SAAS;AACR,MAAMC,KAAK;AACX,MAAMC,MAAM;AAEZ,MAAMC,OAAOC,OAAO,GAAG,CAAC;;WAEpB,EAAEC,OAAO,MAAM,CAAC,QAAQ,CAAC;QAC5B,EAAEL,OAAO;SACR,EAAEA,OAAO;;;;;;SAMT,EAAEA,OAAO;;;;;;;YAON,EAAEA,OAAO;;;;;;;;SAQZ,EAAEA,OAAO;WACP,EAAEA,OAAO;;;;;;YAMR,EAAEA,OAAO;WACV,EAAEA,OAAO;;;;;;SAMX,EAAEA,OAAO;UACR,EAAEA,OAAO;;;;;;YAMP,EAAEA,OAAO;UACX,EAAEA,OAAO;;;AAGnB,CAAC;AAEM,MAAMM,sBAAsBC,GAAG,CAAC,CAAC;AAEjC,MAAMC,QAAQD,GAAG,CAAC;IACrB,EAAED,oBAAoB,kBAAkB,EAAEA,oBAAoB;0BACxC,EAAEL,GAAG;;;IAG3B,EAAEK,oBAAoB;0BACA,EAAEJ,IAAI;;AAEhC,CAAC"}
|
package/dist/Snackbar/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","
|
|
1
|
+
{"version":3,"file":"Snackbar/index.js","sources":["../../src/Snackbar/index.ts"],"sourcesContent":["import Snackbar, { Props, AnchorOrigin } from './Snackbar.js';\n\nexport type { Props as SnackbarProps, AnchorOrigin };\nexport default Snackbar;\n"],"names":["Snackbar"],"mappings":";AAGA,qBAAeA"}
|
|
@@ -1,24 +1,74 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
import { _ } from "@swc/helpers/_/_object_spread";
|
|
2
|
+
import { _ as _object_spread_props__ } from "@swc/helpers/_/_object_spread_props";
|
|
3
|
+
import { _ as _object_without_properties__ } from "@swc/helpers/_/_object_without_properties";
|
|
4
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
|
+
import { cloneElement, forwardRef, useCallback, useState } from "react";
|
|
6
|
+
import clsx from "clsx";
|
|
7
|
+
import Tooltip from "../Tooltip/index.js";
|
|
8
|
+
import { Action, Copy, Icon, Message, Root, Text } from "./SnackbarContent.styles.js";
|
|
9
|
+
const copyIcon = /*#__PURE__*/ jsx(Copy, {});
|
|
10
|
+
const SnackbarContent = /*#__PURE__*/ forwardRef((props, ref)=>{
|
|
11
|
+
const { action, icon, message, color = 'regular', role = 'alert', className, withCopy } = props, other = _object_without_properties__(props, [
|
|
12
|
+
"action",
|
|
13
|
+
"icon",
|
|
14
|
+
"message",
|
|
15
|
+
"color",
|
|
16
|
+
"role",
|
|
17
|
+
"className",
|
|
18
|
+
"withCopy"
|
|
19
|
+
]);
|
|
10
20
|
const [copied, setCopied] = useState(false);
|
|
11
|
-
const handleClick = useCallback((event)
|
|
21
|
+
const handleClick = useCallback((event)=>{
|
|
12
22
|
const { textContent } = event.currentTarget;
|
|
13
|
-
if (!withCopy || !textContent)
|
|
14
|
-
return;
|
|
23
|
+
if (!withCopy || !textContent) return;
|
|
15
24
|
window.navigator.clipboard.writeText(textContent);
|
|
16
25
|
setCopied(true);
|
|
17
|
-
}, [
|
|
18
|
-
|
|
26
|
+
}, [
|
|
27
|
+
withCopy
|
|
28
|
+
]);
|
|
29
|
+
const handleMouseLeave = useCallback(()=>{
|
|
19
30
|
setCopied(false);
|
|
20
31
|
}, []);
|
|
21
|
-
return (
|
|
32
|
+
return /*#__PURE__*/ jsx(Tooltip, {
|
|
33
|
+
title: copied ? copyIcon : void 0,
|
|
34
|
+
withCorner: false,
|
|
35
|
+
open: true,
|
|
36
|
+
placement: "left",
|
|
37
|
+
TransitionProps: {
|
|
38
|
+
onExited: handleMouseLeave
|
|
39
|
+
},
|
|
40
|
+
children: /*#__PURE__*/ jsxs(Root, _object_spread_props__(_({
|
|
41
|
+
role: role,
|
|
42
|
+
ref: ref,
|
|
43
|
+
className: clsx(className, color)
|
|
44
|
+
}, other), {
|
|
45
|
+
children: [
|
|
46
|
+
/*#__PURE__*/ jsxs(Message, {
|
|
47
|
+
children: [
|
|
48
|
+
icon ? /*#__PURE__*/ jsx(Icon, {
|
|
49
|
+
children: /*#__PURE__*/ cloneElement(icon, {
|
|
50
|
+
color: 'inherit'
|
|
51
|
+
})
|
|
52
|
+
}) : null,
|
|
53
|
+
/*#__PURE__*/ jsx(Text, {
|
|
54
|
+
className: clsx({
|
|
55
|
+
withCopy
|
|
56
|
+
}),
|
|
57
|
+
onClick: handleClick,
|
|
58
|
+
variant: "body14",
|
|
59
|
+
color: "inherit",
|
|
60
|
+
children: message
|
|
61
|
+
})
|
|
62
|
+
]
|
|
63
|
+
}),
|
|
64
|
+
action ? /*#__PURE__*/ jsx(Action, {
|
|
65
|
+
children: action
|
|
66
|
+
}) : null
|
|
67
|
+
]
|
|
68
|
+
}))
|
|
69
|
+
});
|
|
22
70
|
});
|
|
23
|
-
|
|
71
|
+
const SnackbarContent_SnackbarContent = SnackbarContent;
|
|
72
|
+
export default SnackbarContent_SnackbarContent;
|
|
73
|
+
|
|
24
74
|
//# sourceMappingURL=SnackbarContent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SnackbarContent.js","
|
|
1
|
+
{"version":3,"file":"SnackbarContent/SnackbarContent.js","sources":["../../src/SnackbarContent/SnackbarContent.tsx"],"sourcesContent":["import {\n ReactNode,\n ReactElement,\n forwardRef,\n useCallback,\n MouseEvent,\n useState,\n cloneElement,\n HTMLAttributes,\n} from 'react';\nimport classnames from 'clsx';\nimport Tooltip from '../Tooltip/index.js';\nimport { Root, Text, Action, Icon, Copy, Message } from './SnackbarContent.styles.js';\n\nexport interface Props extends HTMLAttributes<HTMLDivElement> {\n message: ReactNode;\n icon?: ReactElement<any>;\n action?: ReactNode;\n withCopy?: boolean;\n color?: 'regular' | 'danger';\n role?: 'alert' | 'alertdialog';\n}\n\nconst copyIcon = <Copy />;\n\nconst SnackbarContent = forwardRef<HTMLDivElement, Props>((props, ref) => {\n const { action, icon, message, color = 'regular', role = 'alert', className, withCopy, ...other } = props;\n const [copied, setCopied] = useState<boolean>(false);\n\n const handleClick = useCallback(\n (event: MouseEvent<HTMLParagraphElement>) => {\n const { textContent } = event.currentTarget;\n if (!withCopy || !textContent) return;\n window.navigator.clipboard.writeText(textContent);\n setCopied(true);\n },\n [withCopy],\n );\n\n const handleMouseLeave = useCallback(() => {\n setCopied(false);\n }, []);\n\n return (\n <Tooltip\n title={copied ? copyIcon : undefined}\n withCorner={false}\n open={true}\n placement=\"left\"\n TransitionProps={{ onExited: handleMouseLeave }}\n >\n <Root\n role={role}\n ref={ref}\n className={classnames(\n className,\n color,\n )}\n {...other}\n >\n <Message>\n {icon ? <Icon>{cloneElement(icon, { color: 'inherit' })}</Icon> : null}\n <Text className={classnames({ withCopy })} onClick={handleClick} variant=\"body14\" color=\"inherit\">\n {message}\n </Text>\n </Message>\n {action ? <Action>{action}</Action> : null}\n </Root>\n </Tooltip>\n );\n});\n\nexport default SnackbarContent;\n"],"names":["copyIcon","Copy","SnackbarContent","forwardRef","props","ref","action","icon","message","color","role","className","withCopy","other","copied","setCopied","useState","handleClick","useCallback","event","textContent","window","handleMouseLeave","Tooltip","undefined","Root","classnames","Message","Icon","cloneElement","Text","Action"],"mappings":";;;;;;;;AAuBA,MAAMA,WAAW,WAAHA,GAAG,IAACC,MAAIA,CAAAA;AAEtB,MAAMC,kBAAkB,WAAHA,GAAGC,WAAkC,CAACC,OAAOC;IAChE,MAAM,EAAEC,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAEC,QAAQ,SAAS,EAAEC,OAAO,OAAO,EAAEC,SAAS,EAAEC,QAAQ,EAAY,GAAGR,OAAVS,QAAAA,6BAAUT,OAAAA;;;;;;;;;IACpG,MAAM,CAACU,QAAQC,UAAU,GAAGC,SAAkB;IAE9C,MAAMC,cAAcC,YAClB,CAACC;QACC,MAAM,EAAEC,WAAW,EAAE,GAAGD,MAAM,aAAa;QAC3C,IAAI,CAACP,YAAY,CAACQ,aAAa;QAC/BC,OAAO,SAAS,CAAC,SAAS,CAAC,SAAS,CAACD;QACrCL,UAAU;IACZ,GACA;QAACH;KAAS;IAGZ,MAAMU,mBAAmBJ,YAAY;QACnCH,UAAU;IACZ,GAAG,EAAE;IAEL,OAAO,WAAP,GACE,IAACQ,SAAOA;QACN,OAAOT,SAASd,WAAWwB;QAC3B,YAAY;QACZ,MAAM;QACN,WAAU;QACV,iBAAiB;YAAE,UAAUF;QAAiB;kBAE9C,mBAACG,MAAIA,uBAAAA,EAAAA;YACH,MAAMf;YACN,KAAKL;YACL,WAAWqB,KACTf,WACAF;WAEEI,QAAAA;;8BAEJ,KAACc,SAAOA;;wBACLpB,OAAO,WAAPA,GAAO,IAACqB,MAAIA;sCAAEC,WAAAA,GAAAA,aAAatB,MAAM;gCAAE,OAAO;4BAAU;6BAAa;sCAClE,IAACuB,MAAIA;4BAAC,WAAWJ,KAAW;gCAAEd;4BAAS;4BAAI,SAASK;4BAAa,SAAQ;4BAAS,OAAM;sCACrFT;;;;gBAGJF,SAAS,WAATA,GAAS,IAACyB,QAAMA;8BAAEzB;qBAAmB;;;;AAI9C;AAEA,wCAAeJ"}
|
|
@@ -3,4 +3,4 @@
|
|
|
3
3
|
.ui_components_t1yx0308{flex:1 1;align-self:flex-start;max-height:64px;max-width:360px;padding:0 var(--ui-spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:pre-line;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}.ui_components_t1yx0308.withCopy{cursor:pointer;user-select:none;}
|
|
4
4
|
.ui_components_a1ajd4ov{flex:0 0;display:flex;display:inline-flex;margin-left:auto;color:inherit;padding:var(--ui-spacing-2xs);}.ui_components_a1ajd4ov>button{height:100%;padding-top:0;padding-bottom:0;}
|
|
5
5
|
.ui_components_i1ljzguw{flex:0 0;display:inline-flex;color:inherit;}.ui_components_i1ljzguw svg{width:var(--ui-spacing-l);height:var(--ui-spacing-l);}
|
|
6
|
-
.
|
|
6
|
+
.ui_components_shdglj9{color:var(--ui-colors-text-ondark);}
|
|
@@ -1,38 +1,39 @@
|
|
|
1
|
-
import { styled } from
|
|
2
|
-
import
|
|
3
|
-
import Typography from
|
|
4
|
-
|
|
1
|
+
import { styled } from "@linaria/react";
|
|
2
|
+
import Copy from "@finam/web-ui-kit-icons/Copy/Copy";
|
|
3
|
+
import Typography from "../Typography/index.js";
|
|
4
|
+
const Root = /*#__PURE__*/styled('div')({
|
|
5
5
|
name: "Root",
|
|
6
6
|
class: "ui_components_r1i3vsm9",
|
|
7
7
|
propsAsIs: false
|
|
8
8
|
});
|
|
9
|
-
|
|
9
|
+
const Message = /*#__PURE__*/styled('div')({
|
|
10
10
|
name: "Message",
|
|
11
11
|
class: "ui_components_m1qwxco2",
|
|
12
12
|
propsAsIs: false
|
|
13
13
|
});
|
|
14
14
|
const _exp9 = () => (Typography);
|
|
15
|
-
|
|
15
|
+
const Text = /*#__PURE__*/styled(_exp9())({
|
|
16
16
|
name: "Text",
|
|
17
17
|
class: "ui_components_t1yx0308",
|
|
18
18
|
propsAsIs: true
|
|
19
19
|
});
|
|
20
|
-
|
|
20
|
+
const Action = /*#__PURE__*/styled('div')({
|
|
21
21
|
name: "Action",
|
|
22
22
|
class: "ui_components_a1ajd4ov",
|
|
23
23
|
propsAsIs: false
|
|
24
24
|
});
|
|
25
|
-
|
|
25
|
+
const Icon = /*#__PURE__*/styled('div')({
|
|
26
26
|
name: "Icon",
|
|
27
27
|
class: "ui_components_i1ljzguw",
|
|
28
28
|
propsAsIs: false
|
|
29
29
|
});
|
|
30
|
-
const _exp14 = () => (
|
|
31
|
-
|
|
32
|
-
name: "
|
|
33
|
-
class: "
|
|
30
|
+
const _exp14 = () => (Copy);
|
|
31
|
+
const SnackbarContent_styles_Copy = /*#__PURE__*/styled(_exp14())({
|
|
32
|
+
name: "SnackbarContent_styles_Copy",
|
|
33
|
+
class: "ui_components_shdglj9",
|
|
34
34
|
propsAsIs: true
|
|
35
35
|
});
|
|
36
|
+
export { Action, Icon, Message, Root, SnackbarContent_styles_Copy as Copy, Text };
|
|
36
37
|
//# sourceMappingURL=SnackbarContent.styles.js.map
|
|
37
38
|
|
|
38
39
|
import "./SnackbarContent.styles.css";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SnackbarContent.styles.js","
|
|
1
|
+
{"version":3,"file":"SnackbarContent/SnackbarContent.styles.js","sources":["../../src/SnackbarContent/SnackbarContent.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { tokens } from '@finam/web-ui-kit-core/theme/contract';\nimport CopyBase from '@finam/web-ui-kit-icons/Copy/Copy';\nimport Typography from '../Typography/index.js';\n\nexport const Root = styled.div`\n box-sizing: border-box;\n display: flex;\n align-items: stretch;\n background-color: ${tokens.colors.bg.inverse.default.default};\n color: ${tokens.colors.text.inverse.default.default};\n border-radius: ${tokens.radius.l};\n\n &.danger {\n background-color: ${tokens.colors.bg.negative.default.default};\n color: ${tokens.colors.text.ondark.default.default};\n }\n`;\n\nexport const Message = styled.div`\n display: flex;\n justify-content: center;\n align-items: center;\n padding: ${tokens.spacing.s} ${tokens.spacing.s} ${tokens.spacing.s};\n`;\n\nexport const Text = styled(Typography)`\n flex: 1 1;\n align-self: flex-start;\n max-height: 64px;\n max-width: 360px;\n padding: 0 ${tokens.spacing.xs};\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: pre-line;\n overflow-wrap: break-word;\n /* stylelint-disable value-no-vendor-prefix, property-no-vendor-prefix */\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n\n /* stylelint-enable */\n\n &.withCopy {\n cursor: pointer;\n user-select: none;\n }\n`;\n\nexport const Action = styled.div`\n flex: 0 0;\n display: flex;\n display: inline-flex;\n margin-left: auto;\n color: inherit;\n padding: ${tokens.spacing['2xs']};\n\n & > button {\n height: 100%;\n padding-top: 0;\n padding-bottom: 0;\n }\n`;\n\nexport const Icon = styled.div`\n flex: 0 0;\n display: inline-flex;\n color: inherit;\n\n & svg {\n width: ${tokens.spacing.l};\n height: ${tokens.spacing.l};\n }\n`;\n\nexport const Copy = styled(CopyBase)`\n color: ${tokens.colors.text.ondark.default.default};\n`;\n"],"names":["Root","styled","tokens","Message","Text","Typography","Action","Icon","Copy","CopyBase"],"mappings":";;;;AAKO,MAAMA,OAAOC,OAAO,GAAG,CAAC;;;;oBAIX,EAAEC,OAAO,MAAM,CAAC,EAAE,CAAC,OAAO,CAAxBA,UAAAA,CAAAA,UAAwC,CAAC;SACtD,EAAEA,OAAO,MAAM,CAAC,IAAI,CAAC,OAAO,CAA1BA,UAAAA,CAAAA,UAA0C,CAAC;iBACrC,EAAEA,OAAO,MAAM,CAAC,CAAC,CAAC;;;sBAGb,EAAEA,OAAO,MAAM,CAAC,EAAE,CAAC,QAAQ,CAAzBA,UAAAA,CAAAA,UAAyC,CAAC;WACvD,EAAEA,OAAO,MAAM,CAAC,IAAI,CAAC,MAAM,CAAzBA,UAAAA,CAAAA,UAAyC,CAAC;;AAEvD,CAAC;AAEM,MAAMC,UAAUF,OAAO,GAAG,CAAC;;;;WAIvB,EAAEC,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC,EAAEA,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC,EAAEA,OAAO,OAAO,CAAC,CAAC,CAAC;AACtE,CAAC;AAEM,MAAME,OAAOH,OAAOI,WAAW,CAAC;;;;;aAK1B,EAAEH,OAAO,OAAO,CAAC,EAAE,CAAC;;;;;;;;;;;;;;;;AAgBjC,CAAC;AAEM,MAAMI,SAASL,OAAO,GAAG,CAAC;;;;;;WAMtB,EAAEC,OAAO,OAAO,CAAC,MAAM,CAAC;;;;;;;AAOnC,CAAC;AAEM,MAAMK,OAAON,OAAO,GAAG,CAAC;;;;;;WAMpB,EAAEC,OAAO,OAAO,CAAC,CAAC,CAAC;YAClB,EAAEA,OAAO,OAAO,CAAC,CAAC,CAAC;;AAE/B,CAAC;AAEM,MAAMM,8BAAOP,OAAOQ,KAAS,CAAC;SAC5B,EAAEP,OAAO,MAAM,CAAC,IAAI,CAAC,MAAM,CAAzBA,UAAAA,CAAAA,UAAyC,CAAC;AACrD,CAAC"}
|