@itcase/ui 1.9.64 → 1.9.66
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/context/Notifications.js +12 -186
- package/dist/context/UIContext.js +12 -70
- package/dist/context/UrlAssetPrefix.js +12 -12
- package/dist/hoc/urlWithAssetPrefix.js +12 -74
- package/dist/hooks/useActiveClasses/useActiveClasses.helpers.js +1 -0
- package/dist/hooks/useActiveClasses/useActiveClasses.interface.js +1 -0
- package/dist/hooks/useActiveClasses/useActiveClasses.js +3 -1
- package/dist/hooks/useAppearanceConfig/useAppearanceConfig.js +12 -25
- package/dist/hooks/useDevicePropsGenerator/useDevicePropsGenerator.interface.js +1 -1
- package/dist/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js +12 -121
- package/dist/hooks/useDeviceTargetClass.js +52 -37
- package/dist/hooks/useDropzoneFieldFiles.js +20540 -2
- package/dist/hooks/useHoldProgress.js +3 -1
- package/dist/hooks/useMediaQueries/useMediaQueries.js +12 -112
- package/dist/hooks/useStyles/styleAttributes.interface.js +1 -1
- package/dist/hooks/useStyles/styleAttributes.js +12 -167
- package/dist/hooks/useStyles/useStyles.js +12 -193
- package/dist/hooks/useViewportFix.js +2 -0
- package/dist/utils/mergeAppearanceKeys.js +12 -15
- package/dist/utils/setViewportProperty.js +12 -5
- package/package.json +2 -2
- package/dist/components/Accordion/Accordion.appearance.js +0 -9
- package/dist/components/Accordion/Accordion.interface.js +0 -1
- package/dist/components/Accordion/Accordion.js +0 -57
- package/dist/components/Accordion/AccordionItem.js +0 -36
- package/dist/components/Accordion/appearance/accordionSize.js +0 -52
- package/dist/components/Accordion/appearance/accordionStyle.js +0 -14
- package/dist/components/Accordion/appearance/accordionSurface.js +0 -36
- package/dist/components/Accordion/index.js +0 -4
- package/dist/components/Avatar/Avatar.appearance.js +0 -11
- package/dist/components/Avatar/Avatar.interface.js +0 -1
- package/dist/components/Avatar/Avatar.js +0 -29
- package/dist/components/Avatar/appearance/avatarDefault.js +0 -23
- package/dist/components/Avatar/appearance/avatarShape.js +0 -25
- package/dist/components/Avatar/appearance/avatarSize.js +0 -63
- package/dist/components/Avatar/appearance/avatarStyle.js +0 -16
- package/dist/components/Avatar/index.js +0 -2
- package/dist/components/AvatarStack/AvatarStack.appearance.js +0 -5
- package/dist/components/AvatarStack/AvatarStack.interface.js +0 -1
- package/dist/components/AvatarStack/AvatarStack.js +0 -25
- package/dist/components/AvatarStack/appearance/avatarStackSize.js +0 -21
- package/dist/components/AvatarStack/index.js +0 -2
- package/dist/components/Badge/Badge.appearance.js +0 -29
- package/dist/components/Badge/Badge.interface.js +0 -1
- package/dist/components/Badge/Badge.js +0 -35
- package/dist/components/Badge/appearance/badgeAccent.js +0 -31
- package/dist/components/Badge/appearance/badgeDanger.js +0 -10
- package/dist/components/Badge/appearance/badgeDisabled.js +0 -9
- package/dist/components/Badge/appearance/badgeError.js +0 -9
- package/dist/components/Badge/appearance/badgeExtra.js +0 -10
- package/dist/components/Badge/appearance/badgeInfo.js +0 -16
- package/dist/components/Badge/appearance/badgeShape.js +0 -25
- package/dist/components/Badge/appearance/badgeSize.js +0 -38
- package/dist/components/Badge/appearance/badgeSpecial.js +0 -10
- package/dist/components/Badge/appearance/badgeStyle.js +0 -14
- package/dist/components/Badge/appearance/badgeSuccess.js +0 -10
- package/dist/components/Badge/appearance/badgeSurface.js +0 -25
- package/dist/components/Badge/appearance/badgeWarning.js +0 -10
- package/dist/components/Badge/index.js +0 -2
- package/dist/components/Breadcrumbs/Breadcrumbs.appearance.js +0 -11
- package/dist/components/Breadcrumbs/Breadcrumbs.interface.js +0 -1
- package/dist/components/Breadcrumbs/Breadcrumbs.js +0 -23
- package/dist/components/Breadcrumbs/BreadcrumbsItem.js +0 -24
- package/dist/components/Breadcrumbs/appearance/breadcrumbsAccent.js +0 -9
- package/dist/components/Breadcrumbs/appearance/breadcrumbsSize.js +0 -39
- package/dist/components/Breadcrumbs/appearance/breadcrumbsStyle.js +0 -14
- package/dist/components/Breadcrumbs/appearance/breadcrumbsSurface.js +0 -27
- package/dist/components/Breadcrumbs/index.js +0 -4
- package/dist/components/Button/Button.appearance.js +0 -27
- package/dist/components/Button/Button.interface.js +0 -1
- package/dist/components/Button/Button.js +0 -46
- package/dist/components/Button/appearance/buttonAccent.js +0 -36
- package/dist/components/Button/appearance/buttonDanger.js +0 -24
- package/dist/components/Button/appearance/buttonError.js +0 -24
- package/dist/components/Button/appearance/buttonExtra.js +0 -22
- package/dist/components/Button/appearance/buttonInfo.js +0 -36
- package/dist/components/Button/appearance/buttonShape.js +0 -25
- package/dist/components/Button/appearance/buttonSize.js +0 -52
- package/dist/components/Button/appearance/buttonSpecial.js +0 -22
- package/dist/components/Button/appearance/buttonStyle.js +0 -14
- package/dist/components/Button/appearance/buttonSuccess.js +0 -24
- package/dist/components/Button/appearance/buttonSurface.js +0 -52
- package/dist/components/Button/appearance/buttonWarning.js +0 -24
- package/dist/components/Button/index.js +0 -2
- package/dist/components/Cell/Cell.appearance.js +0 -9
- package/dist/components/Cell/Cell.interface.js +0 -1
- package/dist/components/Cell/Cell.js +0 -36
- package/dist/components/Cell/appearance/cellSize.js +0 -59
- package/dist/components/Cell/appearance/cellStyle.js +0 -14
- package/dist/components/Cell/appearance/cellSurface.js +0 -51
- package/dist/components/Cell/index.js +0 -2
- package/dist/components/Checkbox/Checkbox.appearance.js +0 -19
- package/dist/components/Checkbox/Checkbox.interface.js +0 -1
- package/dist/components/Checkbox/Checkbox.js +0 -39
- package/dist/components/Checkbox/appearance/checkboxDefault.js +0 -16
- package/dist/components/Checkbox/appearance/checkboxDisabled.js +0 -16
- package/dist/components/Checkbox/appearance/checkboxError.js +0 -16
- package/dist/components/Checkbox/appearance/checkboxRequire.js +0 -16
- package/dist/components/Checkbox/appearance/checkboxShape.js +0 -10
- package/dist/components/Checkbox/appearance/checkboxSize.js +0 -23
- package/dist/components/Checkbox/appearance/checkboxStyle.js +0 -22
- package/dist/components/Checkbox/appearance/checkboxSuccess.js +0 -16
- package/dist/components/Checkbox/index.js +0 -2
- package/dist/components/Checkmark/Checkmark.appearance.js +0 -15
- package/dist/components/Checkmark/Checkmark.interface.js +0 -1
- package/dist/components/Checkmark/Checkmark.js +0 -33
- package/dist/components/Checkmark/appearance/checkmarkAccent.js +0 -10
- package/dist/components/Checkmark/appearance/checkmarkDisabled.js +0 -10
- package/dist/components/Checkmark/appearance/checkmarkError.js +0 -10
- package/dist/components/Checkmark/appearance/checkmarkSize.js +0 -32
- package/dist/components/Checkmark/appearance/checkmarkStyle.js +0 -14
- package/dist/components/Checkmark/appearance/checkmarkSurface.js +0 -21
- package/dist/components/Checkmark/index.js +0 -2
- package/dist/components/Chips/Chips.appearance.js +0 -29
- package/dist/components/Chips/Chips.interface.js +0 -1
- package/dist/components/Chips/Chips.js +0 -28
- package/dist/components/Chips/ChipsGroup.js +0 -19
- package/dist/components/Chips/appearance/chipsAccent.js +0 -24
- package/dist/components/Chips/appearance/chipsDanger.js +0 -17
- package/dist/components/Chips/appearance/chipsDisabled.js +0 -14
- package/dist/components/Chips/appearance/chipsError.js +0 -17
- package/dist/components/Chips/appearance/chipsExtra.js +0 -17
- package/dist/components/Chips/appearance/chipsInfo.js +0 -17
- package/dist/components/Chips/appearance/chipsShape.js +0 -25
- package/dist/components/Chips/appearance/chipsSize.js +0 -45
- package/dist/components/Chips/appearance/chipsSpecial.js +0 -17
- package/dist/components/Chips/appearance/chipsStyle.js +0 -14
- package/dist/components/Chips/appearance/chipsSuccess.js +0 -17
- package/dist/components/Chips/appearance/chipsSurface.js +0 -45
- package/dist/components/Chips/appearance/chipsWarning.js +0 -17
- package/dist/components/Chips/index.js +0 -3
- package/dist/components/Choice/Choice.appearance.js +0 -19
- package/dist/components/Choice/Choice.interface.js +0 -1
- package/dist/components/Choice/Choice.js +0 -57
- package/dist/components/Choice/appearance/choiceDefault.js +0 -37
- package/dist/components/Choice/appearance/choiceDisabled.js +0 -18
- package/dist/components/Choice/appearance/choiceError.js +0 -17
- package/dist/components/Choice/appearance/choiceRequire.js +0 -18
- package/dist/components/Choice/appearance/choiceShape.js +0 -25
- package/dist/components/Choice/appearance/choiceSize.js +0 -18
- package/dist/components/Choice/appearance/choiceStyle.js +0 -14
- package/dist/components/Choice/appearance/choiceSuccess.js +0 -18
- package/dist/components/Choice/index.js +0 -2
- package/dist/components/Code/Code.appearance.js +0 -19
- package/dist/components/Code/Code.interface.js +0 -1
- package/dist/components/Code/Code.js +0 -37
- package/dist/components/Code/appearance/codeDefault.js +0 -11
- package/dist/components/Code/appearance/codeDisabled.js +0 -12
- package/dist/components/Code/appearance/codeError.js +0 -12
- package/dist/components/Code/appearance/codeRequire.js +0 -12
- package/dist/components/Code/appearance/codeShape.js +0 -25
- package/dist/components/Code/appearance/codeSize.js +0 -13
- package/dist/components/Code/appearance/codeStyle.js +0 -16
- package/dist/components/Code/appearance/codeSuccess.js +0 -12
- package/dist/components/Code/index.js +0 -2
- package/dist/components/CookiesWarning/CookiesWarning.appearance.js +0 -5
- package/dist/components/CookiesWarning/CookiesWarning.interface.js +0 -1
- package/dist/components/CookiesWarning/CookiesWarning.js +0 -42
- package/dist/components/CookiesWarning/appearance/cookiesWarningDefault.js +0 -12
- package/dist/components/CookiesWarning/index.js +0 -3
- package/dist/components/Dadata/Dadata.interface.js +0 -1
- package/dist/components/Dadata/Dadata.js +0 -35
- package/dist/components/Dadata/index.js +0 -1
- package/dist/components/DatePeriod/DatePeriod.appearance.js +0 -9
- package/dist/components/DatePeriod/DatePeriod.interface.js +0 -1
- package/dist/components/DatePeriod/DatePeriod.js +0 -60
- package/dist/components/DatePeriod/appearance/datePeriodShape.js +0 -35
- package/dist/components/DatePeriod/appearance/datePeriodSize.js +0 -24
- package/dist/components/DatePeriod/appearance/datePeriodSurface.js +0 -17
- package/dist/components/DatePeriod/index.js +0 -2
- package/dist/components/DatePicker/DatePicker.appearance.js +0 -9
- package/dist/components/DatePicker/DatePicker.interface.js +0 -1
- package/dist/components/DatePicker/DatePicker.js +0 -110
- package/dist/components/DatePicker/DatePicker.utils.js +0 -12
- package/dist/components/DatePicker/appearance/datePickerSize.js +0 -31
- package/dist/components/DatePicker/appearance/datePickerStyle.js +0 -20
- package/dist/components/DatePicker/appearance/datePickerSurface.js +0 -14
- package/dist/components/DatePicker/index.js +0 -2
- package/dist/components/Divider/Divider.appearance.js +0 -19
- package/dist/components/Divider/Divider.interface.js +0 -1
- package/dist/components/Divider/Divider.js +0 -25
- package/dist/components/Divider/appearance/dividerAccent.js +0 -6
- package/dist/components/Divider/appearance/dividerError.js +0 -6
- package/dist/components/Divider/appearance/dividerExtra.js +0 -6
- package/dist/components/Divider/appearance/dividerSize.js +0 -12
- package/dist/components/Divider/appearance/dividerSpecial.js +0 -6
- package/dist/components/Divider/appearance/dividerSuccess.js +0 -6
- package/dist/components/Divider/appearance/dividerSurface.js +0 -15
- package/dist/components/Divider/appearance/dividerWarning.js +0 -6
- package/dist/components/Divider/index.js +0 -2
- package/dist/components/Dot/Dot.interface.js +0 -1
- package/dist/components/Dot/Dot.js +0 -12
- package/dist/components/Dot/index.js +0 -1
- package/dist/components/Drawer/Drawer.appearance.js +0 -7
- package/dist/components/Drawer/Drawer.constants.js +0 -16
- package/dist/components/Drawer/Drawer.interface.js +0 -1
- package/dist/components/Drawer/Drawer.js +0 -65
- package/dist/components/Drawer/appearance/drawerSize.js +0 -8
- package/dist/components/Drawer/appearance/drawerSurface.js +0 -10
- package/dist/components/Drawer/index.js +0 -2
- package/dist/components/Dropdown/Dropdown.appearance.js +0 -13
- package/dist/components/Dropdown/Dropdown.interface.js +0 -1
- package/dist/components/Dropdown/Dropdown.js +0 -56
- package/dist/components/Dropdown/DropdownItem.appearance.js +0 -13
- package/dist/components/Dropdown/DropdownItem.js +0 -31
- package/dist/components/Dropdown/appearance/dropdownAccent.js +0 -24
- package/dist/components/Dropdown/appearance/dropdownShape.js +0 -25
- package/dist/components/Dropdown/appearance/dropdownSize.js +0 -39
- package/dist/components/Dropdown/appearance/dropdownStyle.js +0 -14
- package/dist/components/Dropdown/appearance/dropdownSurface.js +0 -32
- package/dist/components/Dropdown/index.js +0 -4
- package/dist/components/Dropzone/Dropzone.appearance.js +0 -15
- package/dist/components/Dropzone/Dropzone.interface.js +0 -1
- package/dist/components/Dropzone/Dropzone.js +0 -131
- package/dist/components/Dropzone/appearance/dropzoneDefault.js +0 -17
- package/dist/components/Dropzone/appearance/dropzoneDisabled.js +0 -17
- package/dist/components/Dropzone/appearance/dropzoneError.js +0 -17
- package/dist/components/Dropzone/appearance/dropzoneRequire.js +0 -17
- package/dist/components/Dropzone/appearance/dropzoneShape.js +0 -25
- package/dist/components/Dropzone/appearance/dropzoneSuccess.js +0 -17
- package/dist/components/Dropzone/index.js +0 -1
- package/dist/components/Flex/Flex.interface.js +0 -1
- package/dist/components/Flex/Flex.js +0 -12
- package/dist/components/Flex/FlexItem.js +0 -13
- package/dist/components/Flex/index.js +0 -3
- package/dist/components/Grid/Grid.interface.js +0 -1
- package/dist/components/Grid/Grid.js +0 -12
- package/dist/components/Grid/GridItem.js +0 -12
- package/dist/components/Grid/GridRow.js +0 -12
- package/dist/components/Grid/index.js +0 -4
- package/dist/components/Group/Group.appearance.js +0 -2
- package/dist/components/Group/Group.interface.js +0 -1
- package/dist/components/Group/Group.js +0 -43
- package/dist/components/Group/index.js +0 -2
- package/dist/components/HTMLContent/HTMLContent.interface.js +0 -1
- package/dist/components/HTMLContent/HTMLContent.js +0 -12
- package/dist/components/HTMLContent/index.js +0 -1
- package/dist/components/HeroTitle/HeroTitle.appearance.js +0 -5
- package/dist/components/HeroTitle/HeroTitle.interface.js +0 -1
- package/dist/components/HeroTitle/HeroTitle.js +0 -30
- package/dist/components/HeroTitle/appearance/heroTitleSize.js +0 -21
- package/dist/components/HeroTitle/index.js +0 -2
- package/dist/components/Icon/Icon.appearance.js +0 -29
- package/dist/components/Icon/Icon.interface.js +0 -1
- package/dist/components/Icon/Icon.js +0 -69
- package/dist/components/Icon/appearance/iconAccent.js +0 -16
- package/dist/components/Icon/appearance/iconDanger.js +0 -10
- package/dist/components/Icon/appearance/iconDisabled.js +0 -9
- package/dist/components/Icon/appearance/iconError.js +0 -10
- package/dist/components/Icon/appearance/iconExtra.js +0 -10
- package/dist/components/Icon/appearance/iconInfo.js +0 -15
- package/dist/components/Icon/appearance/iconShape.js +0 -25
- package/dist/components/Icon/appearance/iconSize.js +0 -171
- package/dist/components/Icon/appearance/iconSpecial.js +0 -10
- package/dist/components/Icon/appearance/iconStyle.js +0 -14
- package/dist/components/Icon/appearance/iconSuccess.js +0 -10
- package/dist/components/Icon/appearance/iconSurface.js +0 -28
- package/dist/components/Icon/appearance/iconWarning.js +0 -10
- package/dist/components/Icon/index.js +0 -2
- package/dist/components/Image/Image.interface.js +0 -1
- package/dist/components/Image/Image.js +0 -33
- package/dist/components/Image/index.js +0 -1
- package/dist/components/Input/Input.appearance.js +0 -19
- package/dist/components/Input/Input.interface.js +0 -1
- package/dist/components/Input/Input.js +0 -22
- package/dist/components/Input/appearance/inputDefault.js +0 -21
- package/dist/components/Input/appearance/inputDisabled.js +0 -17
- package/dist/components/Input/appearance/inputError.js +0 -18
- package/dist/components/Input/appearance/inputRequire.js +0 -19
- package/dist/components/Input/appearance/inputShape.js +0 -25
- package/dist/components/Input/appearance/inputSize.js +0 -31
- package/dist/components/Input/appearance/inputStyle.js +0 -16
- package/dist/components/Input/appearance/inputSuccess.js +0 -18
- package/dist/components/Input/index.js +0 -2
- package/dist/components/InputNumber/InputNumber.appearance.js +0 -11
- package/dist/components/InputNumber/InputNumber.interfaces.js +0 -1
- package/dist/components/InputNumber/InputNumber.js +0 -44
- package/dist/components/InputNumber/appearance/InputNumberShape.js +0 -25
- package/dist/components/InputNumber/appearance/inputNumberSize.js +0 -28
- package/dist/components/InputNumber/appearance/inputNumberStyle.js +0 -16
- package/dist/components/InputNumber/appearance/inputNumberSurface.js +0 -16
- package/dist/components/InputNumber/index.js +0 -2
- package/dist/components/InputPassword/InputPassword.appearance.js +0 -19
- package/dist/components/InputPassword/InputPassword.interface.js +0 -1
- package/dist/components/InputPassword/InputPassword.js +0 -31
- package/dist/components/InputPassword/appearance/inputPasswordDefault.js +0 -24
- package/dist/components/InputPassword/appearance/inputPasswordDisabled.js +0 -21
- package/dist/components/InputPassword/appearance/inputPasswordError.js +0 -21
- package/dist/components/InputPassword/appearance/inputPasswordRequire.js +0 -21
- package/dist/components/InputPassword/appearance/inputPasswordShape.js +0 -25
- package/dist/components/InputPassword/appearance/inputPasswordSize.js +0 -38
- package/dist/components/InputPassword/appearance/inputPasswordStyle.js +0 -16
- package/dist/components/InputPassword/appearance/inputPasswordSuccess.js +0 -21
- package/dist/components/InputPassword/index.js +0 -2
- package/dist/components/Label/Label.appearance.js +0 -31
- package/dist/components/Label/Label.interface.js +0 -1
- package/dist/components/Label/Label.js +0 -32
- package/dist/components/Label/appearance/labelAccent.js +0 -21
- package/dist/components/Label/appearance/labelDanger.js +0 -17
- package/dist/components/Label/appearance/labelDisabled.js +0 -10
- package/dist/components/Label/appearance/labelError.js +0 -17
- package/dist/components/Label/appearance/labelExtra.js +0 -17
- package/dist/components/Label/appearance/labelGradient.js +0 -10
- package/dist/components/Label/appearance/labelInfo.js +0 -17
- package/dist/components/Label/appearance/labelShape.js +0 -25
- package/dist/components/Label/appearance/labelSize.js +0 -59
- package/dist/components/Label/appearance/labelSpecial.js +0 -17
- package/dist/components/Label/appearance/labelStyle.js +0 -14
- package/dist/components/Label/appearance/labelSuccess.js +0 -17
- package/dist/components/Label/appearance/labelSurface.js +0 -25
- package/dist/components/Label/appearance/labelWarning.js +0 -17
- package/dist/components/Label/index.js +0 -2
- package/dist/components/Link/Link.appearance.js +0 -29
- package/dist/components/Link/Link.interface.js +0 -1
- package/dist/components/Link/Link.js +0 -50
- package/dist/components/Link/appearance/linkAccent.js +0 -15
- package/dist/components/Link/appearance/linkDanger.js +0 -7
- package/dist/components/Link/appearance/linkDisabled.js +0 -13
- package/dist/components/Link/appearance/linkError.js +0 -9
- package/dist/components/Link/appearance/linkExtra.js +0 -8
- package/dist/components/Link/appearance/linkInfo.js +0 -17
- package/dist/components/Link/appearance/linkRequire.js +0 -12
- package/dist/components/Link/appearance/linkSize.js +0 -59
- package/dist/components/Link/appearance/linkSpecial.js +0 -8
- package/dist/components/Link/appearance/linkStyle.js +0 -16
- package/dist/components/Link/appearance/linkSuccess.js +0 -9
- package/dist/components/Link/appearance/linkSurface.js +0 -23
- package/dist/components/Link/appearance/linkWarning.js +0 -9
- package/dist/components/Link/index.js +0 -2
- package/dist/components/List/List.appearance.js +0 -25
- package/dist/components/List/List.interface.js +0 -1
- package/dist/components/List/List.js +0 -22
- package/dist/components/List/ListItem.js +0 -16
- package/dist/components/List/appearance/listAccent.js +0 -8
- package/dist/components/List/appearance/listDanger.js +0 -7
- package/dist/components/List/appearance/listError.js +0 -7
- package/dist/components/List/appearance/listExtra.js +0 -7
- package/dist/components/List/appearance/listInfo.js +0 -13
- package/dist/components/List/appearance/listSize.js +0 -24
- package/dist/components/List/appearance/listSpecial.js +0 -7
- package/dist/components/List/appearance/listStyle.js +0 -16
- package/dist/components/List/appearance/listSuccess.js +0 -7
- package/dist/components/List/appearance/listSurface.js +0 -19
- package/dist/components/List/appearance/listWarning.js +0 -7
- package/dist/components/List/index.js +0 -3
- package/dist/components/Loader/Loader.appearance.js +0 -25
- package/dist/components/Loader/Loader.interface.js +0 -1
- package/dist/components/Loader/Loader.js +0 -22
- package/dist/components/Loader/appearance/loaderAccent.js +0 -13
- package/dist/components/Loader/appearance/loaderDanger.js +0 -8
- package/dist/components/Loader/appearance/loaderError.js +0 -8
- package/dist/components/Loader/appearance/loaderExtra.js +0 -8
- package/dist/components/Loader/appearance/loaderInfo.js +0 -8
- package/dist/components/Loader/appearance/loaderSize.js +0 -15
- package/dist/components/Loader/appearance/loaderSpecial.js +0 -8
- package/dist/components/Loader/appearance/loaderStyle.js +0 -14
- package/dist/components/Loader/appearance/loaderSuccess.js +0 -8
- package/dist/components/Loader/appearance/loaderSurface.js +0 -18
- package/dist/components/Loader/appearance/loaderWarning.js +0 -8
- package/dist/components/Loader/index.js +0 -2
- package/dist/components/Logo/Logo.interface.js +0 -1
- package/dist/components/Logo/Logo.js +0 -23
- package/dist/components/Logo/index.js +0 -1
- package/dist/components/MenuItem/MenuItem.appearance.js +0 -15
- package/dist/components/MenuItem/MenuItem.interface.js +0 -1
- package/dist/components/MenuItem/MenuItem.js +0 -47
- package/dist/components/MenuItem/appearance/menuItemAccent.js +0 -27
- package/dist/components/MenuItem/appearance/menuItemError.js +0 -19
- package/dist/components/MenuItem/appearance/menuItemShape.js +0 -25
- package/dist/components/MenuItem/appearance/menuItemSize.js +0 -47
- package/dist/components/MenuItem/appearance/menuItemStyle.js +0 -14
- package/dist/components/MenuItem/appearance/menuItemSurface.js +0 -45
- package/dist/components/MenuItem/index.js +0 -2
- package/dist/components/Modal/Modal.appearance.js +0 -11
- package/dist/components/Modal/Modal.interface.js +0 -1
- package/dist/components/Modal/Modal.js +0 -139
- package/dist/components/Modal/ModalLoader.js +0 -6
- package/dist/components/Modal/appearance/modalShape.js +0 -25
- package/dist/components/Modal/appearance/modalSize.js +0 -28
- package/dist/components/Modal/appearance/modalStyle.js +0 -14
- package/dist/components/Modal/appearance/modalSurface.js +0 -8
- package/dist/components/Modal/index.js +0 -4
- package/dist/components/ModalSheetBottom/ModalSheetBottom.appearance.js +0 -5
- package/dist/components/ModalSheetBottom/ModalSheetBottom.interface.js +0 -1
- package/dist/components/ModalSheetBottom/ModalSheetBottom.js +0 -38
- package/dist/components/ModalSheetBottom/appearance/modalSheetBottomSize.js +0 -9
- package/dist/components/ModalSheetBottom/index.js +0 -2
- package/dist/components/Notification/Notification.appearance.js +0 -19
- package/dist/components/Notification/Notification.interface.js +0 -1
- package/dist/components/Notification/Notification.js +0 -26
- package/dist/components/Notification/NotificationWrapper.js +0 -11
- package/dist/components/Notification/appearance/notificationDefault.js +0 -16
- package/dist/components/Notification/appearance/notificationError.js +0 -16
- package/dist/components/Notification/appearance/notificationInfo.js +0 -16
- package/dist/components/Notification/appearance/notificationShape.js +0 -25
- package/dist/components/Notification/appearance/notificationSize.js +0 -17
- package/dist/components/Notification/appearance/notificationStyle.js +0 -14
- package/dist/components/Notification/appearance/notificationSuccess.js +0 -16
- package/dist/components/Notification/appearance/notificationWarning.js +0 -16
- package/dist/components/Notification/index.js +0 -4
- package/dist/components/Overlay/Overlay.appearance.js +0 -5
- package/dist/components/Overlay/Overlay.interface.js +0 -1
- package/dist/components/Overlay/Overlay.js +0 -21
- package/dist/components/Overlay/appearance/overlayDefault.js +0 -11
- package/dist/components/Overlay/index.js +0 -2
- package/dist/components/Pagination/Pagination.appearance.js +0 -13
- package/dist/components/Pagination/Pagination.interface.js +0 -1
- package/dist/components/Pagination/Pagination.js +0 -117
- package/dist/components/Pagination/appearance/paginationAccent.js +0 -38
- package/dist/components/Pagination/appearance/paginationShape.js +0 -34
- package/dist/components/Pagination/appearance/paginationSize.js +0 -63
- package/dist/components/Pagination/appearance/paginationStyle.js +0 -14
- package/dist/components/Pagination/appearance/paginationSurface.js +0 -35
- package/dist/components/Pagination/index.js +0 -2
- package/dist/components/Radio/Radio.appearance.js +0 -19
- package/dist/components/Radio/Radio.interface.js +0 -1
- package/dist/components/Radio/Radio.js +0 -33
- package/dist/components/Radio/appearance/radioDefault.js +0 -17
- package/dist/components/Radio/appearance/radioDisabled.js +0 -14
- package/dist/components/Radio/appearance/radioError.js +0 -14
- package/dist/components/Radio/appearance/radioRequire.js +0 -14
- package/dist/components/Radio/appearance/radioShape.js +0 -25
- package/dist/components/Radio/appearance/radioSize.js +0 -18
- package/dist/components/Radio/appearance/radioStyle.js +0 -24
- package/dist/components/Radio/appearance/radioSuccess.js +0 -14
- package/dist/components/Radio/index.js +0 -2
- package/dist/components/RangeSlider/RangeSlider.interface.js +0 -1
- package/dist/components/RangeSlider/RangeSlider.js +0 -16
- package/dist/components/RangeSlider/index.js +0 -1
- package/dist/components/Response/Response.appearance.js +0 -25
- package/dist/components/Response/Response.constant.js +0 -68
- package/dist/components/Response/Response.interface.js +0 -1
- package/dist/components/Response/Response.js +0 -49
- package/dist/components/Response/appearance/responseConfirm.js +0 -15
- package/dist/components/Response/appearance/responseDanger.js +0 -15
- package/dist/components/Response/appearance/responseEmpty.js +0 -15
- package/dist/components/Response/appearance/responseError.js +0 -15
- package/dist/components/Response/appearance/responseFail.js +0 -15
- package/dist/components/Response/appearance/responseNothingFound.js +0 -15
- package/dist/components/Response/appearance/responseRefresh.js +0 -15
- package/dist/components/Response/appearance/responseStyle.js +0 -14
- package/dist/components/Response/appearance/responseSuccess.js +0 -15
- package/dist/components/Response/appearance/responseUnableLoadData.js +0 -15
- package/dist/components/Response/appearance/responseWarning.js +0 -15
- package/dist/components/Response/img/index.js +0 -25
- package/dist/components/Response/index.js +0 -5
- package/dist/components/SVGContent/SVGContent.interface.js +0 -1
- package/dist/components/SVGContent/SVGContent.js +0 -15
- package/dist/components/SVGContent/index.js +0 -1
- package/dist/components/ScrollOnDrag/ScrollOnDrag.interface.js +0 -1
- package/dist/components/ScrollOnDrag/ScrollOnDrag.js +0 -18
- package/dist/components/ScrollOnDrag/index.js +0 -1
- package/dist/components/ScrollToView/ScrollToView.interface.js +0 -1
- package/dist/components/ScrollToView/ScrollToView.js +0 -15
- package/dist/components/ScrollToView/index.js +0 -1
- package/dist/components/Scrollbar/Scrollbar.interface.js +0 -1
- package/dist/components/Scrollbar/Scrollbar.js +0 -22
- package/dist/components/Scrollbar/index.js +0 -1
- package/dist/components/Search/Search.appearance.js +0 -19
- package/dist/components/Search/Search.interface.js +0 -1
- package/dist/components/Search/SearchInput.js +0 -42
- package/dist/components/Search/SearchResult.js +0 -12
- package/dist/components/Search/appearance/searchDefault.js +0 -23
- package/dist/components/Search/appearance/searchDisabled.js +0 -13
- package/dist/components/Search/appearance/searchError.js +0 -13
- package/dist/components/Search/appearance/searchRequire.js +0 -13
- package/dist/components/Search/appearance/searchShape.js +0 -25
- package/dist/components/Search/appearance/searchSize.js +0 -46
- package/dist/components/Search/appearance/searchStyle.js +0 -17
- package/dist/components/Search/appearance/searchSuccess.js +0 -12
- package/dist/components/Search/index.js +0 -4
- package/dist/components/Segmented/Segmented.appearance.js +0 -21
- package/dist/components/Segmented/Segmented.interface.js +0 -1
- package/dist/components/Segmented/Segmented.js +0 -53
- package/dist/components/Segmented/appearance/segmentedDefault.js +0 -29
- package/dist/components/Segmented/appearance/segmentedDisabled.js +0 -12
- package/dist/components/Segmented/appearance/segmentedError.js +0 -14
- package/dist/components/Segmented/appearance/segmentedRequire.js +0 -15
- package/dist/components/Segmented/appearance/segmentedShape.js +0 -25
- package/dist/components/Segmented/appearance/segmentedSize.js +0 -28
- package/dist/components/Segmented/appearance/segmentedStyle.js +0 -16
- package/dist/components/Segmented/appearance/segmentedSuccess.js +0 -13
- package/dist/components/Segmented/appearance/segmentedWarning.js +0 -14
- package/dist/components/Segmented/index.js +0 -2
- package/dist/components/Select/Select.appearance.js +0 -19
- package/dist/components/Select/Select.interface.js +0 -1
- package/dist/components/Select/SelectClearIndicator.js +0 -9
- package/dist/components/Select/SelectContainer.js +0 -100
- package/dist/components/Select/SelectControl.js +0 -9
- package/dist/components/Select/SelectDropdownIndicator.js +0 -9
- package/dist/components/Select/SelectGroupHeading.js +0 -9
- package/dist/components/Select/SelectIndicatorsContainer.js +0 -13
- package/dist/components/Select/SelectInput.js +0 -8
- package/dist/components/Select/SelectLoadingIndicator.js +0 -7
- package/dist/components/Select/SelectLoadingMessage.js +0 -8
- package/dist/components/Select/SelectMenu.js +0 -9
- package/dist/components/Select/SelectMultiValue.js +0 -18
- package/dist/components/Select/SelectMultiValueContainer.js +0 -9
- package/dist/components/Select/SelectMultiValueLabel.js +0 -8
- package/dist/components/Select/SelectMultiValueRemove.js +0 -8
- package/dist/components/Select/SelectNoOptions.js +0 -12
- package/dist/components/Select/SelectOption.js +0 -26
- package/dist/components/Select/SelectOverflowBadge.js +0 -9
- package/dist/components/Select/SelectPlaceholder.js +0 -8
- package/dist/components/Select/SelectSingleValue.js +0 -11
- package/dist/components/Select/SelectValueContainer.js +0 -7
- package/dist/components/Select/appearance/selectDefault.js +0 -37
- package/dist/components/Select/appearance/selectDisabled.js +0 -28
- package/dist/components/Select/appearance/selectError.js +0 -37
- package/dist/components/Select/appearance/selectRequire.js +0 -37
- package/dist/components/Select/appearance/selectShape.js +0 -27
- package/dist/components/Select/appearance/selectSize.js +0 -116
- package/dist/components/Select/appearance/selectStyle.js +0 -17
- package/dist/components/Select/appearance/selectSuccess.js +0 -37
- package/dist/components/Select/index.js +0 -16
- package/dist/components/Swiper/Swiper.interface.js +0 -1
- package/dist/components/Swiper/Swiper.js +0 -73
- package/dist/components/Swiper/index.js +0 -1
- package/dist/components/Switch/Switch.appearance.js +0 -17
- package/dist/components/Switch/Switch.interface.js +0 -1
- package/dist/components/Switch/Switch.js +0 -31
- package/dist/components/Switch/appearance/switchDefault.js +0 -11
- package/dist/components/Switch/appearance/switchDisabled.js +0 -11
- package/dist/components/Switch/appearance/switchError.js +0 -11
- package/dist/components/Switch/appearance/switchRequire.js +0 -11
- package/dist/components/Switch/appearance/switchSize.js +0 -18
- package/dist/components/Switch/appearance/switchStyle.js +0 -16
- package/dist/components/Switch/appearance/switchSuccess.js +0 -11
- package/dist/components/Switch/index.js +0 -2
- package/dist/components/Tab/Tab.appearance.js +0 -15
- package/dist/components/Tab/Tab.interface.js +0 -1
- package/dist/components/Tab/Tab.js +0 -34
- package/dist/components/Tab/TabGroup.js +0 -14
- package/dist/components/Tab/appearance/tabError.js +0 -13
- package/dist/components/Tab/appearance/tabSize.js +0 -44
- package/dist/components/Tab/appearance/tabStyle.js +0 -16
- package/dist/components/Tab/appearance/tabSuccess.js +0 -13
- package/dist/components/Tab/appearance/tabSurface.js +0 -64
- package/dist/components/Tab/appearance/tabWarning.js +0 -12
- package/dist/components/Tab/index.js +0 -3
- package/dist/components/Text/Text.appearance.js +0 -5
- package/dist/components/Text/Text.interface.js +0 -1
- package/dist/components/Text/Text.js +0 -35
- package/dist/components/Text/appearance/textSize.js +0 -24
- package/dist/components/Text/index.js +0 -2
- package/dist/components/Textarea/Textarea.appearance.js +0 -19
- package/dist/components/Textarea/Textarea.interface.js +0 -1
- package/dist/components/Textarea/Textarea.js +0 -20
- package/dist/components/Textarea/appearance/textareaDefault.js +0 -33
- package/dist/components/Textarea/appearance/textareaDisabled.js +0 -18
- package/dist/components/Textarea/appearance/textareaError.js +0 -18
- package/dist/components/Textarea/appearance/textareaRequire.js +0 -18
- package/dist/components/Textarea/appearance/textareaShape.js +0 -25
- package/dist/components/Textarea/appearance/textareaSize.js +0 -31
- package/dist/components/Textarea/appearance/textareaStyle.js +0 -16
- package/dist/components/Textarea/appearance/textareaSuccess.js +0 -19
- package/dist/components/Textarea/index.js +0 -2
- package/dist/components/Tile/Tile.appearance.js +0 -11
- package/dist/components/Tile/Tile.interface.js +0 -1
- package/dist/components/Tile/Tile.js +0 -26
- package/dist/components/Tile/appearance/tileShape.js +0 -25
- package/dist/components/Tile/appearance/tileSize.js +0 -51
- package/dist/components/Tile/appearance/tileStyle.js +0 -14
- package/dist/components/Tile/appearance/tileSurface.js +0 -35
- package/dist/components/Tile/index.js +0 -2
- package/dist/components/Title/Title.appearance.js +0 -29
- package/dist/components/Title/Title.interface.js +0 -1
- package/dist/components/Title/Title.js +0 -43
- package/dist/components/Title/appearance/titleAccent.js +0 -11
- package/dist/components/Title/appearance/titleDanger.js +0 -7
- package/dist/components/Title/appearance/titleDisabled.js +0 -16
- package/dist/components/Title/appearance/titleError.js +0 -9
- package/dist/components/Title/appearance/titleExtra.js +0 -8
- package/dist/components/Title/appearance/titleInfo.js +0 -11
- package/dist/components/Title/appearance/titleRequire.js +0 -16
- package/dist/components/Title/appearance/titleSize.js +0 -45
- package/dist/components/Title/appearance/titleSpecial.js +0 -7
- package/dist/components/Title/appearance/titleStyle.js +0 -11
- package/dist/components/Title/appearance/titleSuccess.js +0 -7
- package/dist/components/Title/appearance/titleSurface.js +0 -19
- package/dist/components/Title/appearance/titleWarning.js +0 -9
- package/dist/components/Title/index.js +0 -2
- package/dist/components/Tooltip/Tooltip.appearance.js +0 -19
- package/dist/components/Tooltip/Tooltip.interface.js +0 -1
- package/dist/components/Tooltip/Tooltip.js +0 -68
- package/dist/components/Tooltip/appearance/tooltipDefault.js +0 -10
- package/dist/components/Tooltip/appearance/tooltipDisabled.js +0 -9
- package/dist/components/Tooltip/appearance/tooltipError.js +0 -10
- package/dist/components/Tooltip/appearance/tooltipRequire.js +0 -10
- package/dist/components/Tooltip/appearance/tooltipShape.js +0 -25
- package/dist/components/Tooltip/appearance/tooltipSize.js +0 -18
- package/dist/components/Tooltip/appearance/tooltipStyle.js +0 -14
- package/dist/components/Tooltip/appearance/tooltipSuccess.js +0 -10
- package/dist/components/Tooltip/index.js +0 -2
- package/dist/components/Video/Video.interface.js +0 -1
- package/dist/components/Video/Video.js +0 -9
- package/dist/components/Video/index.js +0 -1
- package/dist/components/Warning/Warning.appearance.js +0 -17
- package/dist/components/Warning/Warning.interface.js +0 -1
- package/dist/components/Warning/Warning.js +0 -25
- package/dist/components/Warning/appearance/warningAccent.js +0 -24
- package/dist/components/Warning/appearance/warningError.js +0 -24
- package/dist/components/Warning/appearance/warningInfo.js +0 -24
- package/dist/components/Warning/appearance/warningShape.js +0 -25
- package/dist/components/Warning/appearance/warningSize.js +0 -11
- package/dist/components/Warning/appearance/warningStyle.js +0 -14
- package/dist/components/Warning/appearance/warningWarning.js +0 -24
- package/dist/components/Warning/index.js +0 -2
- package/dist/config/forms/datepicker.js +0 -18
- package/dist/config/forms/index.js +0 -3
- package/dist/config/forms/input.js +0 -17
- package/dist/context/Notifications.interface.js +0 -1
- package/dist/context/index.js +0 -2
- package/dist/hooks/index.helpers.js +0 -6
- package/dist/hooks/useActiveClasses/index.js +0 -2
- package/dist/hooks/useAppearanceConfig/index.js +0 -1
- package/dist/hooks/useDevicePropsGenerator/index.js +0 -1
- package/dist/hooks/useMediaQueries/index.js +0 -1
- package/dist/hooks/useMediaQueries/mediaQueries.json +0 -19
- package/dist/hooks/useStyles/index.js +0 -1
- package/dist/types/index.js +0 -1
- package/dist/types/utils.js +0 -1
- package/dist/utils/index.js +0 -3
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import clsx from 'clsx';
|
|
3
|
-
import { components } from 'react-select';
|
|
4
|
-
import { Group } from 'src/components/Group';
|
|
5
|
-
import { Text } from 'src/components/Text';
|
|
6
|
-
const SelectNoOptions = (props) => {
|
|
7
|
-
const { inputValue, noOptionsSearchText, noOptionsText, noOptionsTextColor, noOptionsTextSize, optionFill, } = props.selectProps;
|
|
8
|
-
return (_jsx(components.NoOptionsMessage, { ...props, className: clsx(optionFill && `fill_${optionFill}`), children: _jsx(Group, { textAlign: "center", children: _jsx(Text, { size: noOptionsTextSize, textColor: noOptionsTextColor, children: inputValue && noOptionsSearchText
|
|
9
|
-
? noOptionsSearchText
|
|
10
|
-
: noOptionsText }) }) }));
|
|
11
|
-
};
|
|
12
|
-
export { SelectNoOptions };
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import clsx from 'clsx';
|
|
3
|
-
import { components } from 'react-select';
|
|
4
|
-
import { Divider } from 'src/components/Divider';
|
|
5
|
-
import { Icon } from 'src/components/Icon';
|
|
6
|
-
import { Text } from 'src/components/Text';
|
|
7
|
-
const SelectOption = (props) => {
|
|
8
|
-
const { label, isSelected } = props;
|
|
9
|
-
const { dividerDirection, dividerFill, dividerSize, menuItemSize, optionAfter, optionBefore, optionBorder, optionBorderType, optionFill, optionFillActive, optionFillActiveDisabled, optionFillActiveHover, optionFillDisabled, optionFillHover, optionSelectedIcon, optionSelectedIconFillIcon, optionSelectedIconSize, optionSelectedIconSrc, optionShape, optionShapeStrength, optionTextColor, optionTextColorActive, optionTextColorDisabled, optionTextSize, showDivider, } = props.selectProps;
|
|
10
|
-
return (_jsxs(components.Option, { ...props, className: clsx('select__menu-list-item', isSelected || props.isSelected
|
|
11
|
-
? !props.isDisabled
|
|
12
|
-
? optionFillActive && `fill_active_${optionFillActive}`
|
|
13
|
-
: optionFillActiveDisabled &&
|
|
14
|
-
`fill_active_disabled_${optionFillActiveDisabled}`
|
|
15
|
-
: !props.isDisabled
|
|
16
|
-
? optionFill && `fill_${optionFill}`
|
|
17
|
-
: optionFillDisabled && `fill_${optionFillDisabled}`, (isSelected || props.isSelected) &&
|
|
18
|
-
!props.isDisabled &&
|
|
19
|
-
optionFillActiveHover &&
|
|
20
|
-
`fill_active_hover_${optionFillActiveHover}`, !isSelected &&
|
|
21
|
-
!props.isSelected &&
|
|
22
|
-
!props.isDisabled &&
|
|
23
|
-
optionFillHover &&
|
|
24
|
-
`fill_hover_${optionFillHover}`, isSelected && 'select__menu-list-item_state_selected', menuItemSize && `select__menu-list-item_size_${menuItemSize}`, optionBorder && `border-color_${optionBorder}`, optionBorderType && `border_type_${optionBorderType}`, optionShape && `shape_${optionShape}`, optionShapeStrength && `shape-strength_${optionShapeStrength}`), children: [optionBefore, _jsx(Text, { className: "select__menu-list-item_option", size: optionTextSize, textColor: optionTextColor, textColorActive: optionTextColorActive, textColorDisabled: optionTextColorDisabled, isActive: props.isSelected || isSelected, isDisabled: props.isDisabled, children: label }), (isSelected || props.isSelected) && (_jsx("div", { className: "select__menu-list-item_selected", children: _jsx(Icon, { iconFill: optionSelectedIconFillIcon, iconSize: optionSelectedIconSize, imageSrc: optionSelectedIconSrc, SvgImage: optionSelectedIcon }) })), optionAfter, showDivider && (_jsx(Divider, { width: "fill", direction: dividerDirection, size: dividerSize, fill: dividerFill }))] }));
|
|
25
|
-
};
|
|
26
|
-
export { SelectOption };
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { Badge } from 'src/components/Badge';
|
|
3
|
-
import { mergeAppearanceKeys } from 'src/utils';
|
|
4
|
-
const SelectOverflowBadge = (props) => {
|
|
5
|
-
const { badgeAppearance, badgeAppearanceSize, overflowItemsList } = props;
|
|
6
|
-
const label = `+${overflowItemsList.length}`;
|
|
7
|
-
return (_jsx(Badge, { appearance: mergeAppearanceKeys(badgeAppearance, badgeAppearanceSize), className: "select__multi-value-badge", value: label }));
|
|
8
|
-
};
|
|
9
|
-
export { SelectOverflowBadge };
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { components } from 'react-select';
|
|
3
|
-
import { Text } from 'src/components/Text';
|
|
4
|
-
const SelectPlaceholder = (props) => {
|
|
5
|
-
const { placeholderTextColor, placeholderTextSize } = props.selectProps;
|
|
6
|
-
return (_jsx(components.Placeholder, { ...props, children: _jsx(Text, { size: placeholderTextSize, textColor: placeholderTextColor, children: props.children }) }));
|
|
7
|
-
};
|
|
8
|
-
export { SelectPlaceholder };
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { components } from 'react-select';
|
|
3
|
-
import { Text } from 'src/components/Text';
|
|
4
|
-
const SelectSingleValue = (props) => {
|
|
5
|
-
const { data, children } = props;
|
|
6
|
-
const { inputTextColor, inputTextSize } = props.selectProps;
|
|
7
|
-
const optionBefore = data.optionBefore;
|
|
8
|
-
const optionAfter = data.optionBefore;
|
|
9
|
-
return (_jsxs(components.SingleValue, { ...props, children: [data && optionBefore, _jsx(Text, { size: inputTextSize, textColor: inputTextColor, textTruncate: true, children: children }), data && optionAfter] }));
|
|
10
|
-
};
|
|
11
|
-
export { SelectSingleValue };
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { components } from 'react-select';
|
|
3
|
-
const SelectValueContainer = (props) => {
|
|
4
|
-
const { inputAfter, inputBefore } = props.selectProps;
|
|
5
|
-
return (_jsxs(components.ValueContainer, { ...props, children: [inputBefore, props.children, inputAfter] }));
|
|
6
|
-
};
|
|
7
|
-
export { SelectValueContainer };
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
const selectAppearanceDefault = {
|
|
2
|
-
defaultPrimary: {
|
|
3
|
-
fill: 'surfaceSecondary',
|
|
4
|
-
fillHover: 'surfaceTertiary',
|
|
5
|
-
borderColor: 'surfaceBorderTertiary',
|
|
6
|
-
borderColorHover: 'surfaceBorderQuaternary',
|
|
7
|
-
elevation: 8,
|
|
8
|
-
badgeAppearance: 'accentPrimary solid circular',
|
|
9
|
-
clearIconFill: 'surfaceItemQuaternary',
|
|
10
|
-
dropdownIconFill: 'surfaceItemQuaternary',
|
|
11
|
-
groupFill: 'surfaceSecondary',
|
|
12
|
-
groupTextColor: 'surfaceTextPrimary',
|
|
13
|
-
groupTextWeight: '600',
|
|
14
|
-
inputCaretColor: 'accentPrimary',
|
|
15
|
-
inputTextColor: 'surfaceTextPrimary',
|
|
16
|
-
loaderAppearance: 'accentPrimary sizeS ghost',
|
|
17
|
-
loadingMessageTextColor: 'surfaceTextPrimary',
|
|
18
|
-
menuFill: 'surfacePrimary',
|
|
19
|
-
multipleItemFill: 'accentPrimary',
|
|
20
|
-
multipleItemFillHover: 'accentSecondary',
|
|
21
|
-
multipleItemIconFill: 'accentItemPrimary',
|
|
22
|
-
multipleItemTextColor: 'accentTextPrimary',
|
|
23
|
-
noOptionsTextColor: 'surfaceTextPrimary',
|
|
24
|
-
optionBorder: 'none',
|
|
25
|
-
optionFill: 'surfacePrimary',
|
|
26
|
-
optionFillActive: 'accentPrimary',
|
|
27
|
-
optionFillActiveHover: 'accentSecondary',
|
|
28
|
-
optionFillDisabled: 'surfaceSecondary',
|
|
29
|
-
optionFillHover: 'surfaceSecondary',
|
|
30
|
-
optionSelectedIconFillIcon: 'successItemPrimary',
|
|
31
|
-
optionTextColor: 'surfaceTextPrimary',
|
|
32
|
-
optionTextColorActive: 'accentTextPrimary',
|
|
33
|
-
optionTextColorDisabled: 'surfaceTextQuaternary',
|
|
34
|
-
placeholderTextColor: 'surfaceTextQuaternary',
|
|
35
|
-
},
|
|
36
|
-
};
|
|
37
|
-
export { selectAppearanceDefault };
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
const selectAppearanceDisabled = {
|
|
2
|
-
disabledPrimary: {
|
|
3
|
-
elevation: 8,
|
|
4
|
-
badgeAppearance: 'accentPrimary solid circular',
|
|
5
|
-
clearIconFill: 'surfaceItemQuaternary',
|
|
6
|
-
dropdownIconFill: 'surfaceItemQuaternary',
|
|
7
|
-
headingFill: 'surfaceSecondary',
|
|
8
|
-
headingTextColor: 'surfaceTextPrimary',
|
|
9
|
-
inputBorderColor: 'surfaceBorderTertiary',
|
|
10
|
-
inputBorderColorHover: 'surfaceBorderQuaternary',
|
|
11
|
-
inputCaretColor: 'extraPrimary',
|
|
12
|
-
inputFill: 'surfaceDisabled',
|
|
13
|
-
inputShape: 'rounded',
|
|
14
|
-
inputTextColor: 'surfaceTextPrimary',
|
|
15
|
-
multipleItemFill: 'accentPrimary',
|
|
16
|
-
multipleItemFillHover: 'surfaceHoverPrimary',
|
|
17
|
-
multipleItemIconFill: 'accentItemPrimary',
|
|
18
|
-
multipleItemTextColor: 'accentTextPrimary',
|
|
19
|
-
noOptionsTextColor: 'surfaceTextPrimary',
|
|
20
|
-
optionBorder: 'none',
|
|
21
|
-
optionFill: 'surfacePrimary',
|
|
22
|
-
optionFillHover: 'surfaceSecondary',
|
|
23
|
-
optionShape: 'rounded',
|
|
24
|
-
optionTextColor: 'surfaceTextPrimary',
|
|
25
|
-
placeholderTextColor: 'surfaceTextQuaternary',
|
|
26
|
-
},
|
|
27
|
-
};
|
|
28
|
-
export { selectAppearanceDisabled };
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
const selectAppearanceError = {
|
|
2
|
-
errorPrimary: {
|
|
3
|
-
fill: 'errorTertiary',
|
|
4
|
-
fillHover: 'errorTertiary',
|
|
5
|
-
borderColor: 'surfaceBorderTertiary',
|
|
6
|
-
borderColorHover: 'surfaceBorderQuaternary',
|
|
7
|
-
elevation: 8,
|
|
8
|
-
badgeAppearance: 'accentPrimary solid circular',
|
|
9
|
-
clearIconFill: 'surfaceItemQuaternary',
|
|
10
|
-
dropdownIconFill: 'surfaceItemQuaternary',
|
|
11
|
-
groupFill: 'surfaceSecondary',
|
|
12
|
-
groupTextColor: 'surfaceTextPrimary',
|
|
13
|
-
groupTextWeight: '600',
|
|
14
|
-
inputCaretColor: 'accentPrimary',
|
|
15
|
-
inputTextColor: 'surfaceTextPrimary',
|
|
16
|
-
loaderAppearance: 'accentPrimary sizeS ghost',
|
|
17
|
-
loadingMessageTextColor: 'surfaceTextPrimary',
|
|
18
|
-
menuFill: 'surfacePrimary',
|
|
19
|
-
multipleItemFill: 'accentPrimary',
|
|
20
|
-
multipleItemFillHover: 'accentSecondary',
|
|
21
|
-
multipleItemIconFill: 'accentItemPrimary',
|
|
22
|
-
multipleItemTextColor: 'accentTextPrimary',
|
|
23
|
-
noOptionsTextColor: 'surfaceTextPrimary',
|
|
24
|
-
optionBorder: 'none',
|
|
25
|
-
optionFill: 'surfacePrimary',
|
|
26
|
-
optionFillActive: 'accentPrimary',
|
|
27
|
-
optionFillActiveHover: 'accentSecondary',
|
|
28
|
-
optionFillDisabled: 'surfaceSecondary',
|
|
29
|
-
optionFillHover: 'surfaceSecondary',
|
|
30
|
-
optionSelectedIconFillIcon: 'successItemPrimary',
|
|
31
|
-
optionTextColor: 'surfaceTextPrimary',
|
|
32
|
-
optionTextColorActive: 'accentTextPrimary',
|
|
33
|
-
optionTextColorDisabled: 'surfaceTextQuaternary',
|
|
34
|
-
placeholderTextColor: 'surfaceTextQuaternary',
|
|
35
|
-
},
|
|
36
|
-
};
|
|
37
|
-
export { selectAppearanceError };
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
const selectAppearanceRequire = {
|
|
2
|
-
requirePrimary: {
|
|
3
|
-
fill: 'warningTertiary',
|
|
4
|
-
fillHover: 'warningTertiary',
|
|
5
|
-
borderColor: 'surfaceBorderTertiary',
|
|
6
|
-
borderColorHover: 'surfaceBorderQuaternary',
|
|
7
|
-
elevation: 8,
|
|
8
|
-
badgeAppearance: 'accentPrimary solid circular',
|
|
9
|
-
clearIconFill: 'surfaceItemQuaternary',
|
|
10
|
-
dropdownIconFill: 'surfaceItemQuaternary',
|
|
11
|
-
groupFill: 'surfaceSecondary',
|
|
12
|
-
groupTextColor: 'surfaceTextPrimary',
|
|
13
|
-
groupTextWeight: '600',
|
|
14
|
-
inputCaretColor: 'accentPrimary',
|
|
15
|
-
inputTextColor: 'surfaceTextPrimary',
|
|
16
|
-
loaderAppearance: 'accentPrimary sizeS ghost',
|
|
17
|
-
loadingMessageTextColor: 'surfaceTextPrimary',
|
|
18
|
-
menuFill: 'surfacePrimary',
|
|
19
|
-
multipleItemFill: 'accentPrimary',
|
|
20
|
-
multipleItemFillHover: 'accentSecondary',
|
|
21
|
-
multipleItemIconFill: 'accentItemPrimary',
|
|
22
|
-
multipleItemTextColor: 'accentTextPrimary',
|
|
23
|
-
noOptionsTextColor: 'surfaceTextPrimary',
|
|
24
|
-
optionBorder: 'none',
|
|
25
|
-
optionFill: 'surfacePrimary',
|
|
26
|
-
optionFillActive: 'accentPrimary',
|
|
27
|
-
optionFillActiveHover: 'accentSecondary',
|
|
28
|
-
optionFillDisabled: 'surfaceSecondary',
|
|
29
|
-
optionFillHover: 'surfaceSecondary',
|
|
30
|
-
optionSelectedIconFillIcon: 'successItemPrimary',
|
|
31
|
-
optionTextColor: 'surfaceTextPrimary',
|
|
32
|
-
optionTextColorActive: 'accentTextPrimary',
|
|
33
|
-
optionTextColorDisabled: 'surfaceTextQuaternary',
|
|
34
|
-
placeholderTextColor: 'surfaceTextQuaternary',
|
|
35
|
-
},
|
|
36
|
-
};
|
|
37
|
-
export { selectAppearanceRequire };
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
const selectAppearanceShape = {
|
|
2
|
-
rounded: {
|
|
3
|
-
multipleItemShapeRadius: '1m',
|
|
4
|
-
shape: 'rounded',
|
|
5
|
-
},
|
|
6
|
-
roundedXL: {
|
|
7
|
-
multipleItemShapeRadius: '1m',
|
|
8
|
-
shape: 'rounded',
|
|
9
|
-
shapeStrength: '2m',
|
|
10
|
-
},
|
|
11
|
-
roundedL: {
|
|
12
|
-
multipleItemShapeRadius: '1m',
|
|
13
|
-
shape: 'rounded',
|
|
14
|
-
shapeStrength: '1_5m',
|
|
15
|
-
},
|
|
16
|
-
roundedM: {
|
|
17
|
-
multipleItemShapeRadius: '1m',
|
|
18
|
-
shape: 'rounded',
|
|
19
|
-
shapeStrength: '1m',
|
|
20
|
-
},
|
|
21
|
-
roundedS: {
|
|
22
|
-
multipleItemShapeRadius: '1m',
|
|
23
|
-
shape: 'rounded',
|
|
24
|
-
shapeStrength: '0_5m',
|
|
25
|
-
},
|
|
26
|
-
};
|
|
27
|
-
export { selectAppearanceShape };
|
|
@@ -1,116 +0,0 @@
|
|
|
1
|
-
import { icons12, icons14, icons16, icons24 } from '@itcase/icons/default';
|
|
2
|
-
const selectAppearanceSize = {
|
|
3
|
-
sizeXL: {
|
|
4
|
-
size: 'xl',
|
|
5
|
-
badgeAppearanceSize: 'sizeM',
|
|
6
|
-
badgeSize: 'm',
|
|
7
|
-
badgeTextSize: 'm',
|
|
8
|
-
clearIcon: icons24.Action.Clear,
|
|
9
|
-
dividerSize: 'xxs',
|
|
10
|
-
dropdownIcon: icons24.Arrow.ChevronDownSmall,
|
|
11
|
-
groupTextSize: 'm',
|
|
12
|
-
headingTextWeight: '600',
|
|
13
|
-
inputTextSize: 'm',
|
|
14
|
-
menuItemSize: 'l',
|
|
15
|
-
multipleItemIcon: icons16.Action.Close,
|
|
16
|
-
multipleItemTextSize: 's',
|
|
17
|
-
noOptionsTextSize: 's',
|
|
18
|
-
optionSelectedIcon: icons16.Form.Check,
|
|
19
|
-
optionTextSize: 'm',
|
|
20
|
-
placeholderTextSize: 'm',
|
|
21
|
-
},
|
|
22
|
-
sizeL: {
|
|
23
|
-
size: 'l',
|
|
24
|
-
badgeAppearanceSize: 'sizeM',
|
|
25
|
-
badgeSize: 'm',
|
|
26
|
-
badgeTextSize: 'm',
|
|
27
|
-
clearIcon: icons24.Action.Clear,
|
|
28
|
-
dividerSize: 'xxs',
|
|
29
|
-
dropdownIcon: icons24.Arrow.ChevronDownSmall,
|
|
30
|
-
groupTextSize: 'm',
|
|
31
|
-
headingTextWeight: '600',
|
|
32
|
-
inputTextSize: 'm',
|
|
33
|
-
menuItemSize: 'l',
|
|
34
|
-
multipleItemIcon: icons16.Action.Close,
|
|
35
|
-
multipleItemTextSize: 's',
|
|
36
|
-
noOptionsTextSize: 'm',
|
|
37
|
-
optionSelectedIcon: icons16.Form.Check,
|
|
38
|
-
optionTextSize: 'm',
|
|
39
|
-
placeholderTextSize: 'm',
|
|
40
|
-
},
|
|
41
|
-
sizeM: {
|
|
42
|
-
size: 'm',
|
|
43
|
-
badgeAppearanceSize: 'sizeM',
|
|
44
|
-
badgeSize: 'm',
|
|
45
|
-
badgeTextSize: 'm',
|
|
46
|
-
clearIcon: icons24.Action.Clear,
|
|
47
|
-
dividerSize: 'xxs',
|
|
48
|
-
dropdownIcon: icons24.Arrow.ChevronDownSmall,
|
|
49
|
-
groupTextSize: 'm',
|
|
50
|
-
inputTextSize: 'm',
|
|
51
|
-
loadingMessageTextSize: 'm',
|
|
52
|
-
menuItemSize: 'l',
|
|
53
|
-
multipleItemIcon: icons14.Action.Close,
|
|
54
|
-
multipleItemTextSize: 'xs',
|
|
55
|
-
noOptionsTextSize: 'm',
|
|
56
|
-
optionSelectedIcon: icons14.Form.Check,
|
|
57
|
-
optionTextSize: 'm',
|
|
58
|
-
placeholderTextSize: 'm',
|
|
59
|
-
},
|
|
60
|
-
sizeS: {
|
|
61
|
-
size: 's',
|
|
62
|
-
badgeAppearanceSize: 'sizeM',
|
|
63
|
-
badgeSize: 'm',
|
|
64
|
-
badgeTextSize: 'm',
|
|
65
|
-
clearIcon: icons24.Action.Clear,
|
|
66
|
-
dividerSize: 'xxs',
|
|
67
|
-
dropdownIcon: icons24.Arrow.ChevronDownSmall,
|
|
68
|
-
groupTextSize: 'm',
|
|
69
|
-
headingTextWeight: '600',
|
|
70
|
-
inputTextSize: 's',
|
|
71
|
-
menuItemSize: 'l',
|
|
72
|
-
multipleItemIcon: icons14.Action.Close,
|
|
73
|
-
multipleItemTextSize: 'xs',
|
|
74
|
-
noOptionsTextSize: 's',
|
|
75
|
-
optionSelectedIcon: icons14.Form.Check,
|
|
76
|
-
optionTextSize: 's',
|
|
77
|
-
placeholderTextSize: 's',
|
|
78
|
-
},
|
|
79
|
-
sizeXS: {
|
|
80
|
-
size: 'xs',
|
|
81
|
-
badgeAppearanceSize: 'sizeM',
|
|
82
|
-
badgeSize: 'm',
|
|
83
|
-
badgeTextSize: 'm',
|
|
84
|
-
clearIcon: icons16.Action.Clear,
|
|
85
|
-
dividerSize: 'xxs',
|
|
86
|
-
dropdownIcon: icons16.Arrow.ChevronDownSmall,
|
|
87
|
-
groupTextSize: 'm',
|
|
88
|
-
headingTextWeight: '600',
|
|
89
|
-
inputTextSize: 'xs',
|
|
90
|
-
menuItemSize: 'l',
|
|
91
|
-
multipleItemIcon: icons12.Action.Close,
|
|
92
|
-
multipleItemTextSize: 'xxs',
|
|
93
|
-
noOptionsTextSize: 'xs',
|
|
94
|
-
optionTextSize: 'xs',
|
|
95
|
-
placeholderTextSize: 'xs',
|
|
96
|
-
},
|
|
97
|
-
sizeXXS: {
|
|
98
|
-
size: 'xxs',
|
|
99
|
-
badgeAppearanceSize: 'sizeM',
|
|
100
|
-
badgeSize: 'm',
|
|
101
|
-
badgeTextSize: 'm',
|
|
102
|
-
clearIcon: icons16.Action.Clear,
|
|
103
|
-
dividerSize: 'xxs',
|
|
104
|
-
dropdownIcon: icons16.Arrow.ChevronDownSmall,
|
|
105
|
-
groupTextSize: 'm',
|
|
106
|
-
headingTextWeight: '600',
|
|
107
|
-
inputTextSize: 'xs',
|
|
108
|
-
menuItemSize: 'l',
|
|
109
|
-
multipleItemIcon: icons12.Action.Close,
|
|
110
|
-
multipleItemTextSize: 'xxs',
|
|
111
|
-
noOptionsTextSize: 'xs',
|
|
112
|
-
optionTextSize: 'xs',
|
|
113
|
-
placeholderTextSize: 'xs',
|
|
114
|
-
},
|
|
115
|
-
};
|
|
116
|
-
export { selectAppearanceSize };
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
const selectAppearanceStyle = {
|
|
2
|
-
solid: {
|
|
3
|
-
borderColor: 'none',
|
|
4
|
-
borderColorHover: 'none',
|
|
5
|
-
},
|
|
6
|
-
outlined: {
|
|
7
|
-
fill: 'none',
|
|
8
|
-
fillHover: 'none',
|
|
9
|
-
},
|
|
10
|
-
full: {},
|
|
11
|
-
ghost: {
|
|
12
|
-
fill: 'none',
|
|
13
|
-
borderColor: 'none',
|
|
14
|
-
borderColorHover: 'none',
|
|
15
|
-
},
|
|
16
|
-
};
|
|
17
|
-
export { selectAppearanceStyle };
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
const selectAppearanceSuccess = {
|
|
2
|
-
successPrimary: {
|
|
3
|
-
fill: 'successTertiary',
|
|
4
|
-
fillHover: 'successTertiary',
|
|
5
|
-
borderColor: 'surfaceBorderTertiary',
|
|
6
|
-
borderColorHover: 'surfaceBorderQuaternary',
|
|
7
|
-
elevation: 8,
|
|
8
|
-
badgeAppearance: 'accentPrimary solid circular',
|
|
9
|
-
clearIconFill: 'surfaceItemQuaternary',
|
|
10
|
-
dropdownIconFill: 'surfaceItemQuaternary',
|
|
11
|
-
groupFill: 'surfaceSecondary',
|
|
12
|
-
groupTextColor: 'surfaceTextPrimary',
|
|
13
|
-
groupTextWeight: '600',
|
|
14
|
-
inputCaretColor: 'accentPrimary',
|
|
15
|
-
inputTextColor: 'surfaceTextPrimary',
|
|
16
|
-
loaderAppearance: 'accentPrimary sizeS ghost',
|
|
17
|
-
loadingMessageTextColor: 'surfaceTextPrimary',
|
|
18
|
-
menuFill: 'surfacePrimary',
|
|
19
|
-
multipleItemFill: 'accentPrimary',
|
|
20
|
-
multipleItemFillHover: 'accentSecondary',
|
|
21
|
-
multipleItemIconFill: 'accentItemPrimary',
|
|
22
|
-
multipleItemTextColor: 'accentTextPrimary',
|
|
23
|
-
noOptionsTextColor: 'surfaceTextPrimary',
|
|
24
|
-
optionBorder: 'none',
|
|
25
|
-
optionFill: 'surfacePrimary',
|
|
26
|
-
optionFillActive: 'accentPrimary',
|
|
27
|
-
optionFillActiveHover: 'accentSecondary',
|
|
28
|
-
optionFillDisabled: 'surfaceSecondary',
|
|
29
|
-
optionFillHover: 'surfaceSecondary',
|
|
30
|
-
optionSelectedIconFillIcon: 'successItemPrimary',
|
|
31
|
-
optionTextColor: 'surfaceTextPrimary',
|
|
32
|
-
optionTextColorActive: 'accentTextPrimary',
|
|
33
|
-
optionTextColorDisabled: 'surfaceTextQuaternary',
|
|
34
|
-
placeholderTextColor: 'surfaceTextQuaternary',
|
|
35
|
-
},
|
|
36
|
-
};
|
|
37
|
-
export { selectAppearanceSuccess };
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { SelectClearIndicator } from './SelectClearIndicator';
|
|
2
|
-
import { selectConfig, SelectContainer } from './SelectContainer';
|
|
3
|
-
import { SelectControl } from './SelectControl';
|
|
4
|
-
import { SelectDropdownIndicator } from './SelectDropdownIndicator';
|
|
5
|
-
import { SelectGroupHeading } from './SelectGroupHeading';
|
|
6
|
-
import { SelectIndicatorsContainer } from './SelectIndicatorsContainer';
|
|
7
|
-
import { SelectInput } from './SelectInput';
|
|
8
|
-
import { SelectMenu } from './SelectMenu';
|
|
9
|
-
import { SelectMultiValueContainer } from './SelectMultiValueContainer';
|
|
10
|
-
import { SelectMultiValueLabel } from './SelectMultiValueLabel';
|
|
11
|
-
import { SelectMultiValueRemove } from './SelectMultiValueRemove';
|
|
12
|
-
import { SelectOption } from './SelectOption';
|
|
13
|
-
import { SelectPlaceholder } from './SelectPlaceholder';
|
|
14
|
-
import { SelectSingleValue } from './SelectSingleValue';
|
|
15
|
-
import { SelectValueContainer } from './SelectValueContainer';
|
|
16
|
-
export { SelectContainer as Select, SelectClearIndicator, selectConfig, SelectControl, SelectDropdownIndicator, SelectGroupHeading, SelectIndicatorsContainer, SelectInput, SelectMenu, SelectMultiValueContainer, SelectMultiValueLabel, SelectMultiValueRemove, SelectOption, SelectPlaceholder, SelectSingleValue, SelectValueContainer, };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import React, { useCallback, useEffect, useImperativeHandle, useRef, useState, } from 'react';
|
|
3
|
-
import clsx from 'clsx';
|
|
4
|
-
import { Swiper as SwiperJS, SwiperSlide, } from 'swiper/react';
|
|
5
|
-
import { Group } from 'src/components/Group';
|
|
6
|
-
import { Text } from 'src/components/Text';
|
|
7
|
-
import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
|
|
8
|
-
import { useStyles } from 'src/hooks/useStyles';
|
|
9
|
-
import { Title } from 'src/components/Title';
|
|
10
|
-
function Swiper(props) {
|
|
11
|
-
const { id, className, dataTestId, dataTour, direction, minZoom = 1, maxZoom = 5, title, titleAfter, titleSize, titleTextColor, titleWeight, activeSlideIndex = 0, allowTouchMove, autoHeight, breakpoints, forwardedRef, freeMode, items, keyboard, loop, modules, mousewheel, nextButton, normalizeSlideIndex, pagination, prevButton, preventClicks, preventClicksPropagation, simulateTouch, slidesPerView, spaceBetween, speed, swiperClass, swiperSlideClass, isChangeOnClickSlide, isInit, isNavigation = false, isScrollbar, isShowOriginalLink = false, isZoomEnabled = false, setNextBtnDisabled, setPrevBtnDisabled, onSlideNextTransitionEnd, onSlidePrevTransitionEnd, onSwiper, onUpdate, children, } = props;
|
|
12
|
-
const swiperRef = useRef(null);
|
|
13
|
-
const isMountedRef = useRef(false);
|
|
14
|
-
const [nextEl, nextRef] = useSwiperRef();
|
|
15
|
-
const [prevEl, prevRef] = useSwiperRef();
|
|
16
|
-
const isLoop = loop ?? true;
|
|
17
|
-
const onInitSwiper = useCallback((swiper) => {
|
|
18
|
-
if (!isLoop && setPrevBtnDisabled && setNextBtnDisabled) {
|
|
19
|
-
setPrevBtnDisabled(swiper.isBeginning);
|
|
20
|
-
setNextBtnDisabled(swiper.isEnd);
|
|
21
|
-
}
|
|
22
|
-
}, [isLoop, setPrevBtnDisabled, setNextBtnDisabled]);
|
|
23
|
-
const onSlideChange = useCallback((swiper) => {
|
|
24
|
-
if (isChangeOnClickSlide) {
|
|
25
|
-
swiper.activeIndex = activeSlideIndex || swiper.clickedIndex;
|
|
26
|
-
}
|
|
27
|
-
}, [isChangeOnClickSlide, activeSlideIndex]);
|
|
28
|
-
const onTransitionStart = useCallback((swiper) => {
|
|
29
|
-
if (!isLoop && setPrevBtnDisabled && setNextBtnDisabled) {
|
|
30
|
-
setPrevBtnDisabled(swiper.isBeginning);
|
|
31
|
-
setNextBtnDisabled(swiper.isEnd);
|
|
32
|
-
}
|
|
33
|
-
}, [isLoop, setPrevBtnDisabled, setNextBtnDisabled]);
|
|
34
|
-
const onClickShowOriginalButton = useCallback(() => {
|
|
35
|
-
const swiperInstance = swiperRef.current?.swiper;
|
|
36
|
-
const imgElement = swiperInstance?.slides[swiperInstance.activeIndex]?.querySelector('img');
|
|
37
|
-
if (imgElement?.src) {
|
|
38
|
-
window.open(imgElement.src, '_blank');
|
|
39
|
-
}
|
|
40
|
-
}, [swiperRef]);
|
|
41
|
-
useImperativeHandle(forwardedRef, () => swiperRef.current, []);
|
|
42
|
-
useEffect(() => {
|
|
43
|
-
if (isMountedRef.current) {
|
|
44
|
-
const swiperInstance = swiperRef.current?.swiper;
|
|
45
|
-
// @ts-expect-error
|
|
46
|
-
swiperInstance?.updateActiveIndex(activeSlideIndex);
|
|
47
|
-
swiperInstance?.updateSlidesClasses();
|
|
48
|
-
}
|
|
49
|
-
else {
|
|
50
|
-
isMountedRef.current = true;
|
|
51
|
-
}
|
|
52
|
-
}, [activeSlideIndex]);
|
|
53
|
-
const propsGenerator = useDevicePropsGenerator(props);
|
|
54
|
-
const { alignClass, alignDirectionClass, fillClass, shapeClass } = propsGenerator;
|
|
55
|
-
const { styles: style } = useStyles(props);
|
|
56
|
-
return (_jsxs("div", { id: id, className: clsx('swiper-block', slidesPerView === 'auto' && 'swiper-block_type_auto', fillClass && `fill_${fillClass}`, shapeClass && `swiper_shape_${shapeClass}`, className), "data-testid": dataTestId, "data-tour": dataTour, style: style, children: [title && (_jsxs("div", { className: "swiper-block__wrapper", children: [title && (_jsx(Title, { className: "swiper-block__title", size: titleSize, textColor: titleTextColor, textWeight: titleWeight, children: title })), titleAfter] })), prevButton && nextButton && (_jsxs(React.Fragment, { children: [_jsx("div", { className: "swiper-block__prev swiper-button", ref: prevRef, children: prevButton }), _jsx("div", { className: "swiper-block__next swiper-button", ref: nextRef, children: nextButton })] })), _jsx(SwiperJS, { className: clsx('swiper-block__swiper', swiperClass), ref: swiperRef, direction: direction, allowTouchMove: allowTouchMove, autoHeight: autoHeight ?? false, breakpoints: breakpoints, centeredSlides: true, freeMode: freeMode, init: isInit ?? true, keyboard: keyboard, loop: isLoop, modules: modules, mousewheel: mousewheel, navigation: isNavigation ? { nextEl, prevEl } : false, normalizeSlideIndex: normalizeSlideIndex, pagination: pagination, preventClicks: preventClicks, preventClicksPropagation: preventClicksPropagation, scrollbar: isScrollbar, simulateTouch: simulateTouch, slidesPerView: slidesPerView, spaceBetween: spaceBetween, speed: speed ?? 500, zoom: {
|
|
57
|
-
minRatio: minZoom,
|
|
58
|
-
maxRatio: maxZoom,
|
|
59
|
-
toggle: true,
|
|
60
|
-
}, onInit: onInitSwiper, onSlideChange: onSlideChange, onSlideNextTransitionEnd: onSlideNextTransitionEnd, onSlidePrevTransitionEnd: onSlidePrevTransitionEnd, onSwiper: onSwiper, onTransitionStart: onTransitionStart, onUpdate: onUpdate, children: children ||
|
|
61
|
-
items?.map((item, i) => (_jsx(SwiperSlide, { className: clsx('swiper-block__item', isZoomEnabled && 'swiper-block__item_zooming', swiperSlideClass, alignDirectionClass && `align_${alignDirectionClass}`, alignClass && `align_${alignClass}`), children: isZoomEnabled ? (_jsx("div", { className: "swiper-zoom-container", children: item })) : (item) }, `swiper-slide_${i}`))) }), isShowOriginalLink && (_jsx(Group, { width: "fill", fill: "surfacePrimary", padding: "1m 0", children: _jsx(Text, { size: "s", textColor: "surfaceTextPrimary", textColorHover: "surfaceTextQuaternary", onClick: onClickShowOriginalButton, children: "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u043E\u0440\u0438\u0433\u0438\u043D\u0430\u043B" }) }))] }));
|
|
62
|
-
}
|
|
63
|
-
const useSwiperRef = () => {
|
|
64
|
-
const [wrapper, setWrapper] = useState(null);
|
|
65
|
-
const ref = useRef(null);
|
|
66
|
-
useEffect(() => {
|
|
67
|
-
if (ref.current) {
|
|
68
|
-
setWrapper(ref.current);
|
|
69
|
-
}
|
|
70
|
-
}, []);
|
|
71
|
-
return [wrapper, ref];
|
|
72
|
-
};
|
|
73
|
-
export { Swiper };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Swiper } from './Swiper';
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { switchAppearanceDefault } from './appearance/switchDefault';
|
|
2
|
-
import { switchAppearanceDisabled } from './appearance/switchDisabled';
|
|
3
|
-
import { switchAppearanceError } from './appearance/switchError';
|
|
4
|
-
import { switchAppearanceRequire } from './appearance/switchRequire';
|
|
5
|
-
import { switchAppearanceSize } from './appearance/switchSize';
|
|
6
|
-
import { switchAppearanceStyle } from './appearance/switchStyle';
|
|
7
|
-
import { switchAppearanceSuccess } from './appearance/switchSuccess';
|
|
8
|
-
const switchAppearance = {
|
|
9
|
-
...switchAppearanceSize,
|
|
10
|
-
...switchAppearanceDisabled,
|
|
11
|
-
...switchAppearanceRequire,
|
|
12
|
-
...switchAppearanceStyle,
|
|
13
|
-
...switchAppearanceError,
|
|
14
|
-
...switchAppearanceDefault,
|
|
15
|
-
...switchAppearanceSuccess,
|
|
16
|
-
};
|
|
17
|
-
export { switchAppearance };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import clsx from 'clsx';
|
|
4
|
-
import { useAppearanceConfig } from 'src/hooks/useAppearanceConfig';
|
|
5
|
-
import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
|
|
6
|
-
import { Text } from 'src/components/Text';
|
|
7
|
-
import { switchAppearance } from './Switch.appearance';
|
|
8
|
-
const switchConfig = {
|
|
9
|
-
appearance: switchAppearance,
|
|
10
|
-
setAppearance: (appearanceConfig) => {
|
|
11
|
-
switchConfig.appearance = appearanceConfig;
|
|
12
|
-
},
|
|
13
|
-
};
|
|
14
|
-
const Switch = React.forwardRef(function Switch(props, ref) {
|
|
15
|
-
const { id, appearance, className, dataTestId, dataTour, align = 'left', title, desc, isActive, isDisabled, onChange, } = props;
|
|
16
|
-
const appearanceConfig = useAppearanceConfig(appearance, switchConfig, isDisabled);
|
|
17
|
-
const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
|
|
18
|
-
const { size, fillActiveClass, fillActiveHoverClass, fillClass, fillHoverClass, fillToggleActiveClass, fillToggleActiveHoverClass, fillToggleClass, fillToggleHoverClass, titleTextColor, titleTextSize, descTextColor, descTextSize, widthClass, } = propsGenerator;
|
|
19
|
-
return (_jsxs("div", { className: clsx('switch', className, widthClass && `width_${widthClass}`, align && `switch_align_${align}`, size && `switch_size_${size}`), "data-testid": dataTestId, "data-tour": dataTour, children: [_jsxs("div", { className: "switch__wrapper", children: [title && (_jsx(Text, { className: clsx('switch__title'), size: titleTextSize, textColor: titleTextColor, children: title })), desc && (_jsx(Text, { className: clsx('switch__desc'), size: descTextSize, textColor: descTextColor, children: desc }))] }), _jsxs("div", { className: 'switch__item', children: [_jsx("input", { id: id, className: "switch__checkbox", type: "checkbox", ref: ref, checked: isActive, disabled: isDisabled, onChange: onChange }), _jsx("div", { className: clsx('switch__bg', !isActive
|
|
20
|
-
? fillClass && `fill_${fillClass}`
|
|
21
|
-
: fillActiveClass && `fill_active_${fillActiveClass}`, !isActive
|
|
22
|
-
? fillHoverClass && `fill_hover_${fillHoverClass}`
|
|
23
|
-
: fillActiveHoverClass &&
|
|
24
|
-
`fill_active_hover_${fillActiveHoverClass}`), children: "\u00A0" }), _jsx("div", { className: clsx('switch__toggle', !isActive
|
|
25
|
-
? fillToggleClass && `fill_${fillToggleClass}`
|
|
26
|
-
: fillToggleActiveClass && `fill_active_${fillToggleActiveClass}`, !isActive
|
|
27
|
-
? fillToggleHoverClass && `fill_hover_${fillToggleHoverClass}`
|
|
28
|
-
: fillToggleActiveHoverClass &&
|
|
29
|
-
`fill_active_hover_${fillToggleActiveHoverClass}`), children: "\u00A0" })] })] }));
|
|
30
|
-
});
|
|
31
|
-
export { Switch, switchConfig };
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
const switchAppearanceDefault = {
|
|
2
|
-
defaultPrimary: {
|
|
3
|
-
fill: 'surfaceTertiary',
|
|
4
|
-
fillActive: 'surfaceTertiary',
|
|
5
|
-
fillToggle: 'surfacePrimary',
|
|
6
|
-
fillToggleActive: 'surfacePrimary',
|
|
7
|
-
titleTextColor: 'surfaceTextPrimary',
|
|
8
|
-
descTextColor: 'surfaceTextPrimary',
|
|
9
|
-
},
|
|
10
|
-
};
|
|
11
|
-
export { switchAppearanceDefault };
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
const switchAppearanceDisabled = {
|
|
2
|
-
disabledPrimary: {
|
|
3
|
-
fill: 'surfaceDisabled',
|
|
4
|
-
fillActive: 'surfaceDisabled',
|
|
5
|
-
fillToggle: 'surfaceSecondary',
|
|
6
|
-
fillToggleActive: 'surfaceActiveSecondary',
|
|
7
|
-
titleTextColor: 'surfaceTextPrimary',
|
|
8
|
-
descTextColor: 'surfaceTextPrimary',
|
|
9
|
-
},
|
|
10
|
-
};
|
|
11
|
-
export { switchAppearanceDisabled };
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
const switchAppearanceError = {
|
|
2
|
-
errorPrimary: {
|
|
3
|
-
fill: 'surfaceTertiary',
|
|
4
|
-
fillActive: 'errorSecondary',
|
|
5
|
-
fillToggle: 'surfacePrimary',
|
|
6
|
-
fillToggleActive: 'surfacePrimary',
|
|
7
|
-
titleTextColor: 'surfaceTextPrimary',
|
|
8
|
-
descTextColor: 'surfaceTextPrimary',
|
|
9
|
-
},
|
|
10
|
-
};
|
|
11
|
-
export { switchAppearanceError };
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
const switchAppearanceRequire = {
|
|
2
|
-
requirePrimary: {
|
|
3
|
-
fill: 'surfaceTertiary',
|
|
4
|
-
fillActive: 'warningSecondary',
|
|
5
|
-
fillToggle: 'surfacePrimary',
|
|
6
|
-
fillToggleActive: 'surfacePrimary',
|
|
7
|
-
titleTextColor: 'surfaceTextPrimary',
|
|
8
|
-
descTextColor: 'surfaceTextPrimary',
|
|
9
|
-
},
|
|
10
|
-
};
|
|
11
|
-
export { switchAppearanceRequire };
|