@itcase/ui 1.1.6 → 1.1.7
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/Accordion-JS45IVx7.js +204 -0
- package/dist/Breadcrumbs-KOoMbWmP.js +619 -0
- package/dist/ContextMenuItem-CF5L8xev.js +204 -0
- package/dist/DropdownItem-C0gYXEq6.js +644 -0
- package/dist/FlexItem-DHynUt6v.js +118 -0
- package/dist/GridRow-Buc4dsHd.js +1691 -0
- package/dist/Group-DhYXDvAJ.js +119 -0
- package/dist/ListItem-DYbK4_8c.js +479 -0
- package/dist/ModalLoader-DJVKhIZR.js +374 -0
- package/dist/NotificationList-KbxjrO3o.js +245 -0
- package/dist/SearchResult-DNPmzvp8.js +530 -0
- package/dist/SelectField-uEsQcoxF.js +571 -0
- package/dist/SiteMenuButton-DE_hCJUV.js +181 -0
- package/dist/TabGroup-CCR5jORT.js +1071 -0
- package/dist/Text-DffpwlYq.js +81 -0
- package/dist/cjs/Accordion-BDTE-Lkj.js +213 -0
- package/dist/cjs/Breadcrumbs-BV5q8aPJ.js +629 -0
- package/dist/cjs/ContextMenuItem-C8eg828K.js +213 -0
- package/dist/cjs/DropdownItem-DT8iQfVh.js +653 -0
- package/dist/cjs/FlexItem-CYXxJtYX.js +125 -0
- package/dist/cjs/GridRow-6wilpUeo.js +1701 -0
- package/dist/cjs/Group-DbzIk8kt.js +126 -0
- package/dist/cjs/ListItem-CTDoiG0C.js +488 -0
- package/dist/cjs/ModalLoader-4mmV5G4E.js +384 -0
- package/dist/cjs/NotificationList-B6QbYA9H.js +255 -0
- package/dist/cjs/SearchResult-CdsV7oDb.js +540 -0
- package/dist/cjs/SelectField-DVCsVz6q.js +583 -0
- package/dist/cjs/SiteMenuButton-CVdX1ouh.js +190 -0
- package/dist/cjs/TabGroup-B1LUF9Hg.js +1081 -0
- package/dist/cjs/Text-CfBPhwqK.js +88 -0
- package/dist/cjs/components/Accordion/Accordion.d.ts +8 -0
- package/dist/cjs/components/Accordion/Accordion.interface.d.ts +68 -0
- package/dist/cjs/components/Accordion/AccordionItem.d.ts +8 -0
- package/dist/cjs/components/Accordion/index.d.ts +3 -0
- package/dist/cjs/components/Accordion.js +45 -0
- package/dist/cjs/components/Avatar.js +270 -0
- package/dist/cjs/components/Badge.js +206 -0
- package/dist/cjs/components/Breadcrumbs.js +48 -0
- package/dist/cjs/components/Button.js +563 -0
- package/dist/cjs/components/Caption.js +197 -0
- package/dist/cjs/components/Card.js +279 -0
- package/dist/cjs/components/Cell.js +426 -0
- package/dist/cjs/components/Checkbox.js +166 -0
- package/dist/cjs/components/Chips.js +393 -0
- package/dist/cjs/components/Choice.js +351 -0
- package/dist/cjs/components/Code.js +437 -0
- package/dist/cjs/components/ContextMenu.js +48 -0
- package/dist/cjs/components/CookiesWarning.js +186 -0
- package/dist/cjs/components/DadataHintField.js +1193 -0
- package/dist/cjs/components/DatePicker.js +14102 -0
- package/dist/{components/Background.js → cjs/components/Divider.js} +75 -83
- package/dist/cjs/components/Dot.js +226 -0
- package/dist/cjs/components/Drawer.js +274 -0
- package/dist/cjs/components/Dropdown.js +36 -0
- package/dist/cjs/components/Flex/Flex.d.ts +8 -0
- package/dist/cjs/components/Flex/Flex.interface.d.ts +116 -0
- package/dist/cjs/components/Flex/FlexItem.d.ts +8 -0
- package/dist/cjs/components/Flex/index.d.ts +3 -0
- package/dist/cjs/components/Flex.js +22 -0
- package/dist/cjs/components/FormField.js +59 -0
- package/dist/cjs/components/Grid.js +30 -0
- package/dist/cjs/components/Group/Group.d.ts +9 -0
- package/dist/cjs/components/Group/Group.interface.d.ts +49 -0
- package/dist/cjs/components/Group/index.d.ts +1 -0
- package/dist/cjs/components/Group.js +22 -0
- package/dist/cjs/components/Icon.js +641 -0
- package/dist/cjs/components/Image.js +480 -0
- package/dist/cjs/components/Input.js +233 -0
- package/dist/cjs/components/InputMask.js +233 -0
- package/dist/cjs/components/InputPassword.js +260 -0
- package/dist/cjs/components/Label.js +643 -0
- package/dist/cjs/components/LanguageSelector.js +130 -0
- package/dist/cjs/components/Link.js +505 -0
- package/dist/cjs/components/List.js +31 -0
- package/dist/cjs/components/Loader.js +156 -0
- package/dist/cjs/components/Logo.js +182 -0
- package/dist/cjs/components/Menu.js +192 -0
- package/dist/cjs/components/MenuItem.js +680 -0
- package/dist/cjs/components/Modal.js +28 -0
- package/dist/cjs/components/Notification.js +37 -0
- package/dist/cjs/components/Overlay.js +197 -0
- package/dist/cjs/components/Page.js +422 -0
- package/dist/cjs/components/Pagination.js +372 -0
- package/dist/cjs/components/Radio.js +267 -0
- package/dist/cjs/components/RangeSlider.js +296 -0
- package/dist/cjs/components/Response.js +248 -0
- package/dist/cjs/components/ScrollOnDrag.js +214 -0
- package/dist/cjs/components/Scrollbar.js +71 -0
- package/dist/cjs/components/Search.js +48 -0
- package/dist/cjs/components/Segmented.js +235 -0
- package/dist/cjs/components/Select.js +8538 -0
- package/dist/cjs/components/SiteMenu.js +45 -0
- package/dist/cjs/components/Swiper.js +5655 -0
- package/dist/cjs/components/Switch.js +105 -0
- package/dist/cjs/components/Tab.js +42 -0
- package/dist/cjs/components/Text/Text.d.ts +9 -0
- package/dist/cjs/components/Text/Text.interface.d.ts +51 -0
- package/dist/cjs/components/Text/index.d.ts +1 -0
- package/dist/cjs/components/Text.js +22 -0
- package/dist/cjs/components/Textarea.js +212 -0
- package/dist/cjs/components/Tile.js +571 -0
- package/dist/cjs/components/Title.js +400 -0
- package/dist/cjs/components/Tooltip.js +451 -0
- package/dist/cjs/components/Video.js +175 -0
- package/dist/cjs/components/Wrapper.js +438 -0
- package/dist/cjs/components/index.d.ts +58 -0
- package/dist/cjs/components.js +241 -0
- package/dist/cjs/constants/componentProps/align.js +7 -0
- package/dist/cjs/constants/componentProps/alignDirection.js +7 -0
- package/dist/cjs/constants/componentProps/alignment.js +7 -0
- package/dist/cjs/constants/componentProps/borderColor.js +7 -0
- package/dist/cjs/constants/componentProps/borderColorHover.js +7 -0
- package/dist/cjs/constants/componentProps/borderType.js +7 -0
- package/dist/cjs/constants/componentProps/borderWidth.js +9 -0
- package/dist/cjs/constants/componentProps/captionPosition.js +7 -0
- package/dist/cjs/constants/componentProps/direction.js +7 -0
- package/dist/cjs/constants/componentProps/emojiSize.js +9 -0
- package/dist/cjs/constants/componentProps/fill.js +7 -0
- package/dist/cjs/constants/componentProps/fillGradient.js +7 -0
- package/dist/cjs/constants/componentProps/fillHover.js +7 -0
- package/dist/cjs/constants/componentProps/fillType.js +7 -0
- package/dist/cjs/constants/componentProps/flexAlign.js +7 -0
- package/dist/cjs/constants/componentProps/flexJustifyContent.js +7 -0
- package/dist/cjs/constants/componentProps/flexWrap.js +7 -0
- package/dist/cjs/constants/componentProps/gridAlign.js +7 -0
- package/dist/cjs/constants/componentProps/gridAlignSelf.js +7 -0
- package/dist/cjs/constants/componentProps/gridJustifyItems.js +7 -0
- package/dist/cjs/constants/componentProps/gridJustifySelf.js +7 -0
- package/dist/cjs/constants/componentProps/height.js +7 -0
- package/dist/cjs/constants/componentProps/horizontalContentAlign.js +7 -0
- package/dist/cjs/constants/componentProps/horizontalResizeMode.js +7 -0
- package/dist/cjs/constants/componentProps/iconFillSize.js +9 -0
- package/dist/cjs/constants/componentProps/iconSize.js +9 -0
- package/dist/cjs/constants/componentProps/itemColor.js +7 -0
- package/dist/cjs/constants/componentProps/position.js +7 -0
- package/dist/cjs/constants/componentProps/resizeMode.js +7 -0
- package/dist/cjs/constants/componentProps/shape.js +7 -0
- package/dist/cjs/constants/componentProps/size.js +7 -0
- package/dist/cjs/constants/componentProps/sizeInterface.js +7 -0
- package/dist/cjs/constants/componentProps/sizePX.js +9 -0
- package/dist/cjs/constants/componentProps/stacking.js +7 -0
- package/dist/cjs/constants/componentProps/state.js +7 -0
- package/dist/cjs/constants/componentProps/strokeColor.js +7 -0
- package/dist/cjs/constants/componentProps/textAlign.js +7 -0
- package/dist/cjs/constants/componentProps/textColor.js +7 -0
- package/dist/cjs/constants/componentProps/textColorActive.js +7 -0
- package/dist/cjs/constants/componentProps/textColorHover.js +7 -0
- package/dist/cjs/constants/componentProps/textGradient.js +7 -0
- package/dist/cjs/constants/componentProps/textSize.js +7 -0
- package/dist/cjs/constants/componentProps/textStyle.js +7 -0
- package/dist/cjs/constants/componentProps/textTag.js +7 -0
- package/dist/cjs/constants/componentProps/textWeight.js +9 -0
- package/dist/cjs/constants/componentProps/textWrap.js +7 -0
- package/dist/cjs/constants/componentProps/titleSize.js +7 -0
- package/dist/cjs/constants/componentProps/type.js +7 -0
- package/dist/cjs/constants/componentProps/underline.js +7 -0
- package/dist/cjs/constants/componentProps/verticalContentAlign.js +7 -0
- package/dist/cjs/constants/componentProps/verticalResizeMode.js +7 -0
- package/dist/cjs/constants/componentProps/width.js +7 -0
- package/dist/cjs/constants/componentProps/wrap.js +7 -0
- package/dist/cjs/constants-ts/componentProps/align.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/alignDirection.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/alignment.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/borderColor.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/borderColorHover.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/borderType.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/borderWidth.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/captionPosition.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/direction.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/elevation.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/emojiSize.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/fill.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/fillGradient.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/fillHover.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/fillType.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/flexAlign.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/flexGrow.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/flexJustifyContent.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/flexWrap.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/gridAlign.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/gridAlignSelf.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/gridJustifyItems.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/gridJustifySelf.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/height.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/horizontalContentAlign.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/horizontalResizeMode.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/iconFillSize.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/iconSize.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/itemColor.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/justifyContent.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/position.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/resizeMode.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/shape.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/size.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/sizeInterface.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/sizePX.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/stacking.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/state.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/strokeColor.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/textAlign.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/textColor.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/textColorActive.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/textColorHover.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/textGradient.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/textSize.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/textStyle.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/textTag.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/textWeight.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/textWrap.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/titleSize.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/type.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/underline.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/verticalContentAlign.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/verticalResizeMode.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/width.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/wrap.d.ts +1 -0
- package/dist/cjs/constants-ts/index.d.ts +56 -0
- package/dist/cjs/constants.js +111 -0
- package/dist/cjs/context/Notifications.js +122 -0
- package/dist/cjs/context/UIContext.js +56 -0
- package/dist/cjs/context/index.d.ts +2 -0
- package/dist/cjs/hooks/index.d.ts +3 -0
- package/dist/cjs/hooks/styleAttributes.interface.d.ts +145 -0
- package/dist/cjs/hooks/styleAttributes.js +39 -0
- package/dist/cjs/hooks/useDeviceTargetClass.js +61 -0
- package/dist/cjs/hooks/useMediaQueries.js +139 -0
- package/dist/cjs/hooks/useStyles.js +135 -0
- package/dist/cjs/index.d.ts +4 -0
- package/dist/cjs/jsx-runtime-BCmQOGxJ.js +1363 -0
- package/dist/components/Accordion/Accordion.d.ts +8 -0
- package/dist/components/Accordion/Accordion.interface.d.ts +68 -0
- package/dist/components/Accordion/AccordionItem.d.ts +8 -0
- package/dist/components/Accordion/index.d.ts +3 -0
- package/dist/components/Accordion.js +38 -697
- package/dist/components/Avatar.js +75 -70
- package/dist/components/Badge.js +41 -56
- package/dist/components/Breadcrumbs.js +41 -656
- package/dist/components/Button.js +115 -107
- package/dist/components/Caption.js +37 -45
- package/dist/components/Card.js +47 -60
- package/dist/components/Cell.js +87 -96
- package/dist/components/Checkbox.js +41 -56
- package/dist/components/Chips.js +64 -78
- package/dist/components/Choice.js +81 -91
- package/dist/components/Code.js +40 -48
- package/dist/components/ContextMenu.js +41 -246
- package/dist/components/CookiesWarning.js +61 -73
- package/dist/components/DadataHintField.js +55 -64
- package/dist/components/DatePicker.js +301 -327
- package/dist/components/Divider.js +47 -55
- package/dist/components/Dot.js +37 -45
- package/dist/components/Drawer.js +26 -34
- package/dist/components/Dropdown.js +29 -657
- package/dist/components/Flex/Flex.d.ts +8 -0
- package/dist/components/Flex/Flex.interface.d.ts +116 -0
- package/dist/components/Flex/FlexItem.d.ts +8 -0
- package/dist/components/Flex/index.d.ts +3 -0
- package/dist/components/Flex.js +15 -1186
- package/dist/components/FormField.js +49 -617
- package/dist/components/Grid.js +22 -1709
- package/dist/components/Group/Group.d.ts +9 -0
- package/dist/components/Group/Group.interface.d.ts +49 -0
- package/dist/components/Group/index.d.ts +1 -0
- package/dist/components/Group.js +15 -315
- package/dist/components/Icon.js +113 -124
- package/dist/components/Image.js +78 -86
- package/dist/components/Input.js +40 -49
- package/dist/components/InputMask.js +39 -48
- package/dist/components/InputPassword.js +66 -76
- package/dist/components/Label.js +104 -114
- package/dist/components/LanguageSelector.js +53 -62
- package/dist/components/Link.js +74 -84
- package/dist/components/List.js +24 -498
- package/dist/components/Loader.js +41 -56
- package/dist/components/Logo.js +47 -55
- package/dist/components/Menu.js +51 -58
- package/dist/components/MenuItem.js +102 -110
- package/dist/components/Modal.js +21 -402
- package/dist/components/Notification.js +29 -281
- package/dist/components/Overlay.js +37 -45
- package/dist/components/Page.js +66 -74
- package/dist/components/Pagination.js +223 -54
- package/dist/components/Radio.js +55 -70
- package/dist/components/RangeSlider.js +53 -62
- package/dist/components/Response.js +107 -120
- package/dist/components/ScrollOnDrag.js +71 -172
- package/dist/components/Scrollbar.js +15 -18
- package/dist/components/Search.js +40 -571
- package/dist/components/Segmented.js +54 -69
- package/dist/components/Select.js +281 -324
- package/dist/components/SiteMenu.js +38 -221
- package/dist/components/Swiper.js +140 -148
- package/dist/components/Switch.js +17 -25
- package/dist/components/Tab.js +34 -1089
- package/dist/components/Text/Text.d.ts +9 -0
- package/dist/components/Text/Text.interface.d.ts +51 -0
- package/dist/components/Text/index.d.ts +1 -0
- package/dist/components/Text.js +15 -362
- package/dist/components/Textarea.js +37 -46
- package/dist/components/Tile.js +103 -112
- package/dist/components/Title.js +66 -75
- package/dist/components/Tooltip.js +83 -93
- package/dist/components/Video.js +32 -40
- package/dist/components/Wrapper.js +67 -75
- package/dist/components/index.d.ts +58 -0
- package/dist/components.js +124 -0
- package/dist/constants/componentProps/align.js +1 -3
- package/dist/constants/componentProps/alignDirection.js +1 -3
- package/dist/constants/componentProps/alignment.js +1 -3
- package/dist/constants/componentProps/borderColor.js +1 -3
- package/dist/constants/componentProps/borderColorHover.js +1 -3
- package/dist/constants/componentProps/borderType.js +1 -3
- package/dist/constants/componentProps/borderWidth.js +1 -3
- package/dist/constants/componentProps/captionPosition.js +1 -3
- package/dist/constants/componentProps/direction.js +1 -3
- package/dist/constants/componentProps/emojiSize.js +1 -3
- package/dist/constants/componentProps/fill.js +1 -3
- package/dist/constants/componentProps/fillGradient.js +1 -3
- package/dist/constants/componentProps/fillHover.js +1 -3
- package/dist/constants/componentProps/fillType.js +1 -3
- package/dist/constants/componentProps/flexAlign.js +1 -3
- package/dist/constants/componentProps/flexJustifyContent.js +1 -3
- package/dist/constants/componentProps/flexWrap.js +1 -3
- package/dist/constants/componentProps/gridAlign.js +1 -3
- package/dist/constants/componentProps/gridAlignSelf.js +1 -3
- package/dist/constants/componentProps/gridJustifyItems.js +1 -3
- package/dist/constants/componentProps/gridJustifySelf.js +1 -3
- package/dist/constants/componentProps/height.js +1 -3
- package/dist/constants/componentProps/horizontalContentAlign.js +1 -3
- package/dist/constants/componentProps/horizontalResizeMode.js +1 -3
- package/dist/constants/componentProps/iconFillSize.js +1 -3
- package/dist/constants/componentProps/iconSize.js +1 -3
- package/dist/constants/componentProps/itemColor.js +1 -3
- package/dist/constants/componentProps/position.js +1 -3
- package/dist/constants/componentProps/resizeMode.js +1 -3
- package/dist/constants/componentProps/shape.js +1 -3
- package/dist/constants/componentProps/size.js +1 -3
- package/dist/constants/componentProps/sizeInterface.js +1 -3
- package/dist/constants/componentProps/sizePX.js +1 -3
- package/dist/constants/componentProps/stacking.js +1 -3
- package/dist/constants/componentProps/state.js +1 -3
- package/dist/constants/componentProps/strokeColor.js +1 -3
- package/dist/constants/componentProps/textAlign.js +1 -3
- package/dist/constants/componentProps/textColor.js +1 -3
- package/dist/constants/componentProps/textColorActive.js +1 -3
- package/dist/constants/componentProps/textColorHover.js +1 -3
- package/dist/constants/componentProps/textGradient.js +1 -3
- package/dist/constants/componentProps/textSize.js +1 -3
- package/dist/constants/componentProps/textStyle.js +1 -3
- package/dist/constants/componentProps/textTag.js +1 -3
- package/dist/constants/componentProps/textWeight.js +1 -3
- package/dist/constants/componentProps/textWrap.js +1 -3
- package/dist/constants/componentProps/titleSize.js +1 -3
- package/dist/constants/componentProps/type.js +1 -3
- package/dist/constants/componentProps/underline.js +1 -3
- package/dist/constants/componentProps/verticalContentAlign.js +1 -3
- package/dist/constants/componentProps/verticalResizeMode.js +1 -3
- package/dist/constants/componentProps/width.js +1 -3
- package/dist/constants/componentProps/wrap.js +1 -3
- package/dist/constants-ts/componentProps/align.d.ts +1 -0
- package/dist/constants-ts/componentProps/alignDirection.d.ts +1 -0
- package/dist/constants-ts/componentProps/alignment.d.ts +1 -0
- package/dist/constants-ts/componentProps/borderColor.d.ts +1 -0
- package/dist/constants-ts/componentProps/borderColorHover.d.ts +1 -0
- package/dist/constants-ts/componentProps/borderType.d.ts +1 -0
- package/dist/constants-ts/componentProps/borderWidth.d.ts +1 -0
- package/dist/constants-ts/componentProps/captionPosition.d.ts +1 -0
- package/dist/constants-ts/componentProps/direction.d.ts +1 -0
- package/dist/constants-ts/componentProps/elevation.d.ts +1 -0
- package/dist/constants-ts/componentProps/emojiSize.d.ts +1 -0
- package/dist/constants-ts/componentProps/fill.d.ts +1 -0
- package/dist/constants-ts/componentProps/fillGradient.d.ts +1 -0
- package/dist/constants-ts/componentProps/fillHover.d.ts +1 -0
- package/dist/constants-ts/componentProps/fillType.d.ts +1 -0
- package/dist/constants-ts/componentProps/flexAlign.d.ts +1 -0
- package/dist/constants-ts/componentProps/flexGrow.d.ts +1 -0
- package/dist/constants-ts/componentProps/flexJustifyContent.d.ts +1 -0
- package/dist/constants-ts/componentProps/flexWrap.d.ts +1 -0
- package/dist/constants-ts/componentProps/gridAlign.d.ts +1 -0
- package/dist/constants-ts/componentProps/gridAlignSelf.d.ts +1 -0
- package/dist/constants-ts/componentProps/gridJustifyItems.d.ts +1 -0
- package/dist/constants-ts/componentProps/gridJustifySelf.d.ts +1 -0
- package/dist/constants-ts/componentProps/height.d.ts +1 -0
- package/dist/constants-ts/componentProps/horizontalContentAlign.d.ts +1 -0
- package/dist/constants-ts/componentProps/horizontalResizeMode.d.ts +1 -0
- package/dist/constants-ts/componentProps/iconFillSize.d.ts +1 -0
- package/dist/constants-ts/componentProps/iconSize.d.ts +1 -0
- package/dist/constants-ts/componentProps/itemColor.d.ts +1 -0
- package/dist/constants-ts/componentProps/justifyContent.d.ts +1 -0
- package/dist/constants-ts/componentProps/position.d.ts +1 -0
- package/dist/constants-ts/componentProps/resizeMode.d.ts +1 -0
- package/dist/constants-ts/componentProps/shape.d.ts +1 -0
- package/dist/constants-ts/componentProps/size.d.ts +1 -0
- package/dist/constants-ts/componentProps/sizeInterface.d.ts +1 -0
- package/dist/constants-ts/componentProps/sizePX.d.ts +1 -0
- package/dist/constants-ts/componentProps/stacking.d.ts +1 -0
- package/dist/constants-ts/componentProps/state.d.ts +1 -0
- package/dist/constants-ts/componentProps/strokeColor.d.ts +1 -0
- package/dist/constants-ts/componentProps/textAlign.d.ts +1 -0
- package/dist/constants-ts/componentProps/textColor.d.ts +1 -0
- package/dist/constants-ts/componentProps/textColorActive.d.ts +1 -0
- package/dist/constants-ts/componentProps/textColorHover.d.ts +1 -0
- package/dist/constants-ts/componentProps/textGradient.d.ts +1 -0
- package/dist/constants-ts/componentProps/textSize.d.ts +1 -0
- package/dist/constants-ts/componentProps/textStyle.d.ts +1 -0
- package/dist/constants-ts/componentProps/textTag.d.ts +1 -0
- package/dist/constants-ts/componentProps/textWeight.d.ts +1 -0
- package/dist/constants-ts/componentProps/textWrap.d.ts +1 -0
- package/dist/constants-ts/componentProps/titleSize.d.ts +1 -0
- package/dist/constants-ts/componentProps/type.d.ts +1 -0
- package/dist/constants-ts/componentProps/underline.d.ts +1 -0
- package/dist/constants-ts/componentProps/verticalContentAlign.d.ts +1 -0
- package/dist/constants-ts/componentProps/verticalResizeMode.d.ts +1 -0
- package/dist/constants-ts/componentProps/width.d.ts +1 -0
- package/dist/constants-ts/componentProps/wrap.d.ts +1 -0
- package/dist/constants-ts/index.d.ts +56 -0
- package/dist/constants.js +53 -111
- package/dist/context/Notifications.js +16 -25
- package/dist/context/UIContext.js +20 -29
- package/dist/context/index.d.ts +2 -0
- package/dist/css/components/Avatar/Avatar.css +10 -0
- package/dist/css/components/Button/Button.css +1 -1
- package/dist/css/components/Dropdown/Dropdown.css +41 -15
- package/dist/css/components/Pagination/Pagination.css +55 -32
- package/dist/css/components/Pagination/css/__item/pagination__item.css +27 -25
- package/dist/css/components/ScrollOnDrag/ScrollOnDrag.css +28 -13
- package/dist/css/components/Scrollbar/Scrollbar.css +56 -0
- package/dist/css/components/Select/Select.css +8 -0
- package/dist/css/components/Swiper/Swiper.css +2 -2
- package/dist/css/styles/text-color/text-color_active.css +4 -2
- package/dist/floating-ui.dom-BQ7wiYTi.js +1374 -0
- package/dist/hooks/index.d.ts +3 -0
- package/dist/hooks/styleAttributes.interface.d.ts +145 -0
- package/dist/hooks/styleAttributes.js +2 -4
- package/dist/hooks/useDeviceTargetClass.js +13 -20
- package/dist/hooks/useMediaQueries.js +16 -10
- package/dist/hooks/useStyles.js +22 -30
- package/dist/index.d.ts +4 -0
- package/dist/jsx-runtime-ClDdVO4Q.js +1357 -0
- package/package.json +80 -29
- package/dist/css/components/Background/Background.css +0 -11
- /package/dist/{floating-ui.dom-C34fOuI9.js → cjs/floating-ui.dom-C34fOuI9.js} +0 -0
|
@@ -1,35 +1,27 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
require('lodash/upperFirst');
|
|
26
|
-
require('../hooks/styleAttributes.js');
|
|
27
|
-
|
|
28
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
29
|
-
|
|
30
|
-
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
31
|
-
var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
|
|
32
|
-
var clsx__default = /*#__PURE__*/_interopDefault(clsx);
|
|
1
|
+
import React__default, { forwardRef, useState, useRef, useEffect, useLayoutEffect, createContext, useImperativeHandle, useCallback } from 'react';
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
import clsx from 'clsx';
|
|
4
|
+
import fillProps from '../constants/componentProps/fill.js';
|
|
5
|
+
import shapeProps from '../constants/componentProps/shape.js';
|
|
6
|
+
import { Title } from './Title.js';
|
|
7
|
+
import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
|
|
8
|
+
import { useStyles } from '../hooks/useStyles.js';
|
|
9
|
+
import '../constants/componentProps/textAlign.js';
|
|
10
|
+
import '../constants/componentProps/textColor.js';
|
|
11
|
+
import '../constants/componentProps/textGradient.js';
|
|
12
|
+
import '../constants/componentProps/textStyle.js';
|
|
13
|
+
import '../constants/componentProps/textWeight.js';
|
|
14
|
+
import '../constants/componentProps/titleSize.js';
|
|
15
|
+
import '../constants/componentProps/type.js';
|
|
16
|
+
import '../constants/componentProps/wrap.js';
|
|
17
|
+
import '../context/UIContext.js';
|
|
18
|
+
import '../hooks/useMediaQueries.js';
|
|
19
|
+
import 'react-responsive';
|
|
20
|
+
import 'lodash/castArray';
|
|
21
|
+
import 'lodash/camelCase';
|
|
22
|
+
import 'lodash/maxBy';
|
|
23
|
+
import 'lodash/upperFirst';
|
|
24
|
+
import '../hooks/styleAttributes.js';
|
|
33
25
|
|
|
34
26
|
/**
|
|
35
27
|
* SSR Window 4.0.2
|
|
@@ -2794,7 +2786,7 @@ function onTouchMove(event) {
|
|
|
2794
2786
|
data.startMoving = true;
|
|
2795
2787
|
}
|
|
2796
2788
|
}
|
|
2797
|
-
if (data.isScrolling) {
|
|
2789
|
+
if (data.isScrolling || e.type === 'touchmove' && data.preventTouchMoveFromPointerMove) {
|
|
2798
2790
|
data.isTouched = false;
|
|
2799
2791
|
return;
|
|
2800
2792
|
}
|
|
@@ -4681,7 +4673,7 @@ const updateOnVirtualData = swiper => {
|
|
|
4681
4673
|
};
|
|
4682
4674
|
|
|
4683
4675
|
/**
|
|
4684
|
-
* Swiper React 11.1.
|
|
4676
|
+
* Swiper React 11.1.1
|
|
4685
4677
|
* Most modern mobile touch slider and framework with hardware accelerated transitions
|
|
4686
4678
|
* https://swiperjs.com
|
|
4687
4679
|
*
|
|
@@ -4689,7 +4681,7 @@ const updateOnVirtualData = swiper => {
|
|
|
4689
4681
|
*
|
|
4690
4682
|
* Released under the MIT License
|
|
4691
4683
|
*
|
|
4692
|
-
* Released on:
|
|
4684
|
+
* Released on: April 9, 2024
|
|
4693
4685
|
*/
|
|
4694
4686
|
|
|
4695
4687
|
|
|
@@ -4713,7 +4705,7 @@ function isChildSwiperSlide(child) {
|
|
|
4713
4705
|
}
|
|
4714
4706
|
function processChildren(c) {
|
|
4715
4707
|
const slides = [];
|
|
4716
|
-
React__default.
|
|
4708
|
+
React__default.Children.toArray(c).forEach(child => {
|
|
4717
4709
|
if (isChildSwiperSlide(child)) {
|
|
4718
4710
|
slides.push(child);
|
|
4719
4711
|
} else if (child.props && child.props.children) {
|
|
@@ -4730,7 +4722,7 @@ function getChildren(c) {
|
|
|
4730
4722
|
'wrapper-start': [],
|
|
4731
4723
|
'wrapper-end': []
|
|
4732
4724
|
};
|
|
4733
|
-
React__default.
|
|
4725
|
+
React__default.Children.toArray(c).forEach(child => {
|
|
4734
4726
|
if (isChildSwiperSlide(child)) {
|
|
4735
4727
|
slides.push(child);
|
|
4736
4728
|
} else if (child.props && child.props.slot && slots[child.props.slot]) {
|
|
@@ -4782,7 +4774,7 @@ function renderVirtual(swiper, slides, virtualData) {
|
|
|
4782
4774
|
}
|
|
4783
4775
|
}
|
|
4784
4776
|
return slidesToRender.map((child, index) => {
|
|
4785
|
-
return /*#__PURE__*/React__default.
|
|
4777
|
+
return /*#__PURE__*/React__default.cloneElement(child, {
|
|
4786
4778
|
swiper,
|
|
4787
4779
|
style,
|
|
4788
4780
|
key: child.props.virtualIndex || child.key || `slide-${index}`
|
|
@@ -4792,14 +4784,14 @@ function renderVirtual(swiper, slides, virtualData) {
|
|
|
4792
4784
|
|
|
4793
4785
|
function useIsomorphicLayoutEffect(callback, deps) {
|
|
4794
4786
|
// eslint-disable-next-line
|
|
4795
|
-
if (typeof window === 'undefined') return
|
|
4796
|
-
return
|
|
4787
|
+
if (typeof window === 'undefined') return useEffect(callback, deps);
|
|
4788
|
+
return useLayoutEffect(callback, deps);
|
|
4797
4789
|
}
|
|
4798
4790
|
|
|
4799
|
-
const SwiperSlideContext = /*#__PURE__*/
|
|
4800
|
-
const SwiperContext = /*#__PURE__*/
|
|
4791
|
+
const SwiperSlideContext = /*#__PURE__*/createContext(null);
|
|
4792
|
+
const SwiperContext = /*#__PURE__*/createContext(null);
|
|
4801
4793
|
|
|
4802
|
-
const Swiper$1 = /*#__PURE__*/
|
|
4794
|
+
const Swiper$1 = /*#__PURE__*/forwardRef(function (_temp, externalElRef) {
|
|
4803
4795
|
let {
|
|
4804
4796
|
className,
|
|
4805
4797
|
tag: Tag = 'div',
|
|
@@ -4809,18 +4801,18 @@ const Swiper$1 = /*#__PURE__*/React.forwardRef(function (_temp, externalElRef) {
|
|
|
4809
4801
|
...rest
|
|
4810
4802
|
} = _temp === void 0 ? {} : _temp;
|
|
4811
4803
|
let eventsAssigned = false;
|
|
4812
|
-
const [containerClasses, setContainerClasses] =
|
|
4813
|
-
const [virtualData, setVirtualData] =
|
|
4814
|
-
const [breakpointChanged, setBreakpointChanged] =
|
|
4815
|
-
const initializedRef =
|
|
4816
|
-
const swiperElRef =
|
|
4817
|
-
const swiperRef =
|
|
4818
|
-
const oldPassedParamsRef =
|
|
4819
|
-
const oldSlides =
|
|
4820
|
-
const nextElRef =
|
|
4821
|
-
const prevElRef =
|
|
4822
|
-
const paginationElRef =
|
|
4823
|
-
const scrollbarElRef =
|
|
4804
|
+
const [containerClasses, setContainerClasses] = useState('swiper');
|
|
4805
|
+
const [virtualData, setVirtualData] = useState(null);
|
|
4806
|
+
const [breakpointChanged, setBreakpointChanged] = useState(false);
|
|
4807
|
+
const initializedRef = useRef(false);
|
|
4808
|
+
const swiperElRef = useRef(null);
|
|
4809
|
+
const swiperRef = useRef(null);
|
|
4810
|
+
const oldPassedParamsRef = useRef(null);
|
|
4811
|
+
const oldSlides = useRef(null);
|
|
4812
|
+
const nextElRef = useRef(null);
|
|
4813
|
+
const prevElRef = useRef(null);
|
|
4814
|
+
const paginationElRef = useRef(null);
|
|
4815
|
+
const scrollbarElRef = useRef(null);
|
|
4824
4816
|
const {
|
|
4825
4817
|
params: swiperParams,
|
|
4826
4818
|
passedParams,
|
|
@@ -4880,14 +4872,14 @@ const Swiper$1 = /*#__PURE__*/React.forwardRef(function (_temp, externalElRef) {
|
|
|
4880
4872
|
swiperRef.current.off(eventName, events[eventName]);
|
|
4881
4873
|
});
|
|
4882
4874
|
};
|
|
4883
|
-
|
|
4875
|
+
useEffect(() => {
|
|
4884
4876
|
return () => {
|
|
4885
4877
|
if (swiperRef.current) swiperRef.current.off('_beforeBreakpoint', onBeforeBreakpoint);
|
|
4886
4878
|
};
|
|
4887
4879
|
});
|
|
4888
4880
|
|
|
4889
4881
|
// set initialized flag
|
|
4890
|
-
|
|
4882
|
+
useEffect(() => {
|
|
4891
4883
|
if (!initializedRef.current && swiperRef.current) {
|
|
4892
4884
|
swiperRef.current.emitSlidesClasses();
|
|
4893
4885
|
initializedRef.current = true;
|
|
@@ -4954,36 +4946,36 @@ const Swiper$1 = /*#__PURE__*/React.forwardRef(function (_temp, externalElRef) {
|
|
|
4954
4946
|
return renderVirtual(swiperRef.current, slides, virtualData);
|
|
4955
4947
|
}
|
|
4956
4948
|
return slides.map((child, index) => {
|
|
4957
|
-
return /*#__PURE__*/React__default.
|
|
4949
|
+
return /*#__PURE__*/React__default.cloneElement(child, {
|
|
4958
4950
|
swiper: swiperRef.current,
|
|
4959
4951
|
swiperSlideIndex: index
|
|
4960
4952
|
});
|
|
4961
4953
|
});
|
|
4962
4954
|
}
|
|
4963
|
-
return /*#__PURE__*/React__default.
|
|
4955
|
+
return /*#__PURE__*/React__default.createElement(Tag, _extends({
|
|
4964
4956
|
ref: swiperElRef,
|
|
4965
4957
|
className: uniqueClasses(`${containerClasses}${className ? ` ${className}` : ''}`)
|
|
4966
|
-
}, restProps), /*#__PURE__*/React__default.
|
|
4958
|
+
}, restProps), /*#__PURE__*/React__default.createElement(SwiperContext.Provider, {
|
|
4967
4959
|
value: swiperRef.current
|
|
4968
|
-
}, slots['container-start'], /*#__PURE__*/React__default.
|
|
4960
|
+
}, slots['container-start'], /*#__PURE__*/React__default.createElement(WrapperTag, {
|
|
4969
4961
|
className: wrapperClass(swiperParams.wrapperClass)
|
|
4970
|
-
}, slots['wrapper-start'], renderSlides(), slots['wrapper-end']), needsNavigation(swiperParams) && /*#__PURE__*/React__default.
|
|
4962
|
+
}, slots['wrapper-start'], renderSlides(), slots['wrapper-end']), needsNavigation(swiperParams) && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
4971
4963
|
ref: prevElRef,
|
|
4972
4964
|
className: "swiper-button-prev"
|
|
4973
|
-
}), /*#__PURE__*/React__default.
|
|
4965
|
+
}), /*#__PURE__*/React__default.createElement("div", {
|
|
4974
4966
|
ref: nextElRef,
|
|
4975
4967
|
className: "swiper-button-next"
|
|
4976
|
-
})), needsScrollbar(swiperParams) && /*#__PURE__*/React__default.
|
|
4968
|
+
})), needsScrollbar(swiperParams) && /*#__PURE__*/React__default.createElement("div", {
|
|
4977
4969
|
ref: scrollbarElRef,
|
|
4978
4970
|
className: "swiper-scrollbar"
|
|
4979
|
-
}), needsPagination(swiperParams) && /*#__PURE__*/React__default.
|
|
4971
|
+
}), needsPagination(swiperParams) && /*#__PURE__*/React__default.createElement("div", {
|
|
4980
4972
|
ref: paginationElRef,
|
|
4981
4973
|
className: "swiper-pagination"
|
|
4982
4974
|
}), slots['container-end']));
|
|
4983
4975
|
});
|
|
4984
4976
|
Swiper$1.displayName = 'Swiper';
|
|
4985
4977
|
|
|
4986
|
-
const SwiperSlide = /*#__PURE__*/
|
|
4978
|
+
const SwiperSlide = /*#__PURE__*/forwardRef(function (_temp, externalRef) {
|
|
4987
4979
|
let {
|
|
4988
4980
|
tag: Tag = 'div',
|
|
4989
4981
|
children,
|
|
@@ -4995,9 +4987,9 @@ const SwiperSlide = /*#__PURE__*/React.forwardRef(function (_temp, externalRef)
|
|
|
4995
4987
|
swiperSlideIndex,
|
|
4996
4988
|
...rest
|
|
4997
4989
|
} = _temp === void 0 ? {} : _temp;
|
|
4998
|
-
const slideElRef =
|
|
4999
|
-
const [slideClasses, setSlideClasses] =
|
|
5000
|
-
const [lazyLoaded, setLazyLoaded] =
|
|
4990
|
+
const slideElRef = useRef(null);
|
|
4991
|
+
const [slideClasses, setSlideClasses] = useState('swiper-slide');
|
|
4992
|
+
const [lazyLoaded, setLazyLoaded] = useState(false);
|
|
5001
4993
|
function updateClasses(_s, el, classNames) {
|
|
5002
4994
|
if (el === slideElRef.current) {
|
|
5003
4995
|
setSlideClasses(classNames);
|
|
@@ -5043,21 +5035,21 @@ const SwiperSlide = /*#__PURE__*/React.forwardRef(function (_temp, externalRef)
|
|
|
5043
5035
|
const onLoad = () => {
|
|
5044
5036
|
setLazyLoaded(true);
|
|
5045
5037
|
};
|
|
5046
|
-
return /*#__PURE__*/React__default.
|
|
5038
|
+
return /*#__PURE__*/React__default.createElement(Tag, _extends({
|
|
5047
5039
|
ref: slideElRef,
|
|
5048
5040
|
className: uniqueClasses(`${slideClasses}${className ? ` ${className}` : ''}`),
|
|
5049
5041
|
"data-swiper-slide-index": virtualIndex,
|
|
5050
5042
|
onLoad: onLoad
|
|
5051
|
-
}, rest), zoom && /*#__PURE__*/React__default.
|
|
5043
|
+
}, rest), zoom && /*#__PURE__*/React__default.createElement(SwiperSlideContext.Provider, {
|
|
5052
5044
|
value: slideData
|
|
5053
|
-
}, /*#__PURE__*/React__default.
|
|
5045
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
5054
5046
|
className: "swiper-zoom-container",
|
|
5055
5047
|
"data-swiper-zoom": typeof zoom === 'number' ? zoom : undefined
|
|
5056
|
-
}, renderChildren(), lazy && !lazyLoaded && /*#__PURE__*/React__default.
|
|
5048
|
+
}, renderChildren(), lazy && !lazyLoaded && /*#__PURE__*/React__default.createElement("div", {
|
|
5057
5049
|
className: "swiper-lazy-preloader"
|
|
5058
|
-
}))), !zoom && /*#__PURE__*/React__default.
|
|
5050
|
+
}))), !zoom && /*#__PURE__*/React__default.createElement(SwiperSlideContext.Provider, {
|
|
5059
5051
|
value: slideData
|
|
5060
|
-
}, renderChildren(), lazy && !lazyLoaded && /*#__PURE__*/React__default.
|
|
5052
|
+
}, renderChildren(), lazy && !lazyLoaded && /*#__PURE__*/React__default.createElement("div", {
|
|
5061
5053
|
className: "swiper-lazy-preloader"
|
|
5062
5054
|
})));
|
|
5063
5055
|
});
|
|
@@ -5110,12 +5102,12 @@ function Swiper(props) {
|
|
|
5110
5102
|
onSwiper,
|
|
5111
5103
|
onUpdate
|
|
5112
5104
|
} = props;
|
|
5113
|
-
const swiperRef =
|
|
5105
|
+
const swiperRef = useRef();
|
|
5114
5106
|
const [nextEl, nextRef] = useSwiperRef();
|
|
5115
5107
|
const [prevEl, prevRef] = useSwiperRef();
|
|
5116
5108
|
const isLoop = loop ?? true;
|
|
5117
|
-
|
|
5118
|
-
const onInitSwiper =
|
|
5109
|
+
useImperativeHandle(forwardedRef, () => swiperRef.current, []);
|
|
5110
|
+
const onInitSwiper = useCallback(swiper => {
|
|
5119
5111
|
// swiper.touchEventsData.formElements = 'undefined'
|
|
5120
5112
|
// Set "disabled" state to navigation buttons on init
|
|
5121
5113
|
if (!isLoop && setPrevBtnDisabled && setNextBtnDisabled) {
|
|
@@ -5123,68 +5115,68 @@ function Swiper(props) {
|
|
|
5123
5115
|
setNextBtnDisabled(swiper.isEnd);
|
|
5124
5116
|
}
|
|
5125
5117
|
}, [isLoop, setPrevBtnDisabled, setNextBtnDisabled]);
|
|
5126
|
-
const onSlideChange =
|
|
5118
|
+
const onSlideChange = useCallback(swiper => {
|
|
5127
5119
|
// Some things with clickedIndex
|
|
5128
5120
|
if (isChangeOnClickSlide) {
|
|
5129
5121
|
swiper.activeIndex = swiper.clickedIndex || activeSlideIndex;
|
|
5130
5122
|
}
|
|
5131
5123
|
}, [isChangeOnClickSlide, activeSlideIndex]);
|
|
5132
|
-
const onTransitionStart =
|
|
5124
|
+
const onTransitionStart = useCallback(swiper => {
|
|
5133
5125
|
// Set "disabled" state to navigation buttons, when slider move
|
|
5134
5126
|
if (!isLoop && setPrevBtnDisabled && setNextBtnDisabled) {
|
|
5135
5127
|
setPrevBtnDisabled(swiper.isBeginning);
|
|
5136
5128
|
setNextBtnDisabled(swiper.isEnd);
|
|
5137
5129
|
}
|
|
5138
5130
|
}, [isLoop, setPrevBtnDisabled, setNextBtnDisabled]);
|
|
5139
|
-
|
|
5131
|
+
useEffect(() => {
|
|
5140
5132
|
const swiperInstance = swiperRef.current?.swiper;
|
|
5141
5133
|
swiperInstance?.updateActiveIndex(activeSlideIndex);
|
|
5142
5134
|
swiperInstance?.updateSlidesClasses();
|
|
5143
5135
|
}, [activeSlideIndex]);
|
|
5144
|
-
const fillClass = useDeviceTargetClass
|
|
5136
|
+
const fillClass = useDeviceTargetClass(props, {
|
|
5145
5137
|
prefix: 'fill_',
|
|
5146
5138
|
propsKey: 'fill'
|
|
5147
5139
|
});
|
|
5148
|
-
const shapeClass = useDeviceTargetClass
|
|
5140
|
+
const shapeClass = useDeviceTargetClass(props, {
|
|
5149
5141
|
prefix: 'swiper_shape_',
|
|
5150
5142
|
propsKey: 'shape'
|
|
5151
5143
|
});
|
|
5152
|
-
const alignDirectionClass = useDeviceTargetClass
|
|
5144
|
+
const alignDirectionClass = useDeviceTargetClass(props, {
|
|
5153
5145
|
prefix: 'align_',
|
|
5154
5146
|
propsKey: 'alignDirection'
|
|
5155
5147
|
});
|
|
5156
|
-
const alignClass = useDeviceTargetClass
|
|
5148
|
+
const alignClass = useDeviceTargetClass(props, {
|
|
5157
5149
|
prefix: 'align_',
|
|
5158
5150
|
propsKey: 'align'
|
|
5159
5151
|
});
|
|
5160
5152
|
const {
|
|
5161
5153
|
styles: style
|
|
5162
|
-
} = useStyles
|
|
5163
|
-
return /*#__PURE__*/React__default.
|
|
5164
|
-
className:
|
|
5154
|
+
} = useStyles(props);
|
|
5155
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
5156
|
+
className: clsx('swiper-block', slidesPerView === 'auto' && 'swiper-block_type_auto', fillClass, shapeClass, className, set && `swiper-block_set_${set}`),
|
|
5165
5157
|
style: style,
|
|
5166
5158
|
id: id
|
|
5167
|
-
}, (title || prevButton && nextButton) && /*#__PURE__*/React__default.
|
|
5159
|
+
}, (title || prevButton && nextButton) && /*#__PURE__*/React__default.createElement("div", {
|
|
5168
5160
|
className: "swiper-block__wrapper"
|
|
5169
|
-
}, title && /*#__PURE__*/React__default.
|
|
5161
|
+
}, title && /*#__PURE__*/React__default.createElement(Title, {
|
|
5170
5162
|
className: "swiper-block__title",
|
|
5171
5163
|
size: titleSize,
|
|
5172
5164
|
textColor: titleTextColor,
|
|
5173
5165
|
textWeight: titleWeight
|
|
5174
|
-
}, title), titleAfter, prevButton && nextButton && /*#__PURE__*/React__default.
|
|
5166
|
+
}, title), titleAfter, prevButton && nextButton && /*#__PURE__*/React__default.createElement("div", {
|
|
5175
5167
|
className: "swiper-block__navigation"
|
|
5176
|
-
}, /*#__PURE__*/React__default.
|
|
5168
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
5177
5169
|
className: "swiper-block__prev swiper-button",
|
|
5178
5170
|
ref: prevRef
|
|
5179
|
-
}, prevButton), /*#__PURE__*/React__default.
|
|
5171
|
+
}, prevButton), /*#__PURE__*/React__default.createElement("div", {
|
|
5180
5172
|
className: "swiper-block__next swiper-button",
|
|
5181
5173
|
ref: nextRef
|
|
5182
|
-
}, nextButton))), /*#__PURE__*/React__default.
|
|
5174
|
+
}, nextButton))), /*#__PURE__*/React__default.createElement(Swiper$1, {
|
|
5183
5175
|
autoHeight: autoHeight ?? false,
|
|
5184
5176
|
breakpoints: breakpoints,
|
|
5185
5177
|
allowTouchMove: allowTouchMove,
|
|
5186
5178
|
centeredSlides: true,
|
|
5187
|
-
className:
|
|
5179
|
+
className: clsx('swiper-block__swiper', swiperClass),
|
|
5188
5180
|
direction: direction,
|
|
5189
5181
|
freeMode: freeMode,
|
|
5190
5182
|
init: isInit ?? true,
|
|
@@ -5213,59 +5205,59 @@ function Swiper(props) {
|
|
|
5213
5205
|
slidesPerView: slidesPerView,
|
|
5214
5206
|
spaceBetween: spaceBetween,
|
|
5215
5207
|
speed: speed ?? 500
|
|
5216
|
-
}, children || items?.map((item, i) => /*#__PURE__*/React__default.
|
|
5217
|
-
className:
|
|
5208
|
+
}, children || items?.map((item, i) => /*#__PURE__*/React__default.createElement(SwiperSlide, {
|
|
5209
|
+
className: clsx('swiper-block__item', swiperSlideClass, alignDirectionClass, alignClass),
|
|
5218
5210
|
key: `swiper-slide_${i}`
|
|
5219
5211
|
}, item))));
|
|
5220
5212
|
}
|
|
5221
5213
|
Swiper.propTypes = {
|
|
5222
|
-
activeSlideIndex:
|
|
5223
|
-
allowTouchMove:
|
|
5224
|
-
autoHeight:
|
|
5225
|
-
breakpoints:
|
|
5226
|
-
children:
|
|
5227
|
-
className:
|
|
5228
|
-
direction:
|
|
5229
|
-
disabledButtonClass:
|
|
5230
|
-
fill:
|
|
5231
|
-
fillDesktop:
|
|
5232
|
-
fillMobile:
|
|
5233
|
-
fillTablet:
|
|
5234
|
-
forwardedRef:
|
|
5235
|
-
freeMode:
|
|
5236
|
-
id:
|
|
5237
|
-
isChangeOnClickSlide:
|
|
5238
|
-
isInit:
|
|
5239
|
-
isNavigation:
|
|
5240
|
-
pagination:
|
|
5241
|
-
isScrollbar:
|
|
5242
|
-
items:
|
|
5243
|
-
keyboard:
|
|
5244
|
-
loop:
|
|
5245
|
-
modules:
|
|
5246
|
-
mousewheel:
|
|
5247
|
-
nextButton:
|
|
5248
|
-
normalizeSlideIndex:
|
|
5249
|
-
prevButton:
|
|
5250
|
-
set:
|
|
5251
|
-
setNextBtnDisabled:
|
|
5252
|
-
setPrevBtnDisabled:
|
|
5253
|
-
shape:
|
|
5254
|
-
shapeDesktop:
|
|
5255
|
-
shapeMobile:
|
|
5256
|
-
shapeTablet:
|
|
5257
|
-
slidesPerView:
|
|
5258
|
-
spaceBetween:
|
|
5259
|
-
speed:
|
|
5260
|
-
swiperClass:
|
|
5261
|
-
title:
|
|
5262
|
-
titleSize:
|
|
5263
|
-
titleTextColor:
|
|
5264
|
-
titleWeight:
|
|
5265
|
-
onSlideNextTransitionEnd:
|
|
5266
|
-
onSlidePrevTransitionEnd:
|
|
5267
|
-
onSwiper:
|
|
5268
|
-
onUpdate:
|
|
5214
|
+
activeSlideIndex: PropTypes.number,
|
|
5215
|
+
allowTouchMove: PropTypes.bool,
|
|
5216
|
+
autoHeight: PropTypes.bool,
|
|
5217
|
+
breakpoints: PropTypes.object,
|
|
5218
|
+
children: PropTypes.any,
|
|
5219
|
+
className: PropTypes.string,
|
|
5220
|
+
direction: PropTypes.string,
|
|
5221
|
+
disabledButtonClass: PropTypes.string,
|
|
5222
|
+
fill: PropTypes.oneOf(fillProps),
|
|
5223
|
+
fillDesktop: PropTypes.oneOf(fillProps),
|
|
5224
|
+
fillMobile: PropTypes.oneOf(fillProps),
|
|
5225
|
+
fillTablet: PropTypes.oneOf(fillProps),
|
|
5226
|
+
forwardedRef: PropTypes.any,
|
|
5227
|
+
freeMode: PropTypes.bool,
|
|
5228
|
+
id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
5229
|
+
isChangeOnClickSlide: PropTypes.bool,
|
|
5230
|
+
isInit: PropTypes.bool,
|
|
5231
|
+
isNavigation: PropTypes.bool,
|
|
5232
|
+
pagination: PropTypes.any,
|
|
5233
|
+
isScrollbar: PropTypes.bool,
|
|
5234
|
+
items: PropTypes.array,
|
|
5235
|
+
keyboard: PropTypes.any,
|
|
5236
|
+
loop: PropTypes.bool,
|
|
5237
|
+
modules: PropTypes.arrayOf(PropTypes.func),
|
|
5238
|
+
mousewheel: PropTypes.bool,
|
|
5239
|
+
nextButton: PropTypes.any,
|
|
5240
|
+
normalizeSlideIndex: PropTypes.bool,
|
|
5241
|
+
prevButton: PropTypes.any,
|
|
5242
|
+
set: PropTypes.string,
|
|
5243
|
+
setNextBtnDisabled: PropTypes.func,
|
|
5244
|
+
setPrevBtnDisabled: PropTypes.func,
|
|
5245
|
+
shape: PropTypes.oneOf(shapeProps),
|
|
5246
|
+
shapeDesktop: PropTypes.oneOf(shapeProps),
|
|
5247
|
+
shapeMobile: PropTypes.oneOf(shapeProps),
|
|
5248
|
+
shapeTablet: PropTypes.oneOf(shapeProps),
|
|
5249
|
+
slidesPerView: PropTypes.number,
|
|
5250
|
+
spaceBetween: PropTypes.number,
|
|
5251
|
+
speed: PropTypes.number,
|
|
5252
|
+
swiperClass: PropTypes.string,
|
|
5253
|
+
title: PropTypes.string,
|
|
5254
|
+
titleSize: PropTypes.string,
|
|
5255
|
+
titleTextColor: PropTypes.string,
|
|
5256
|
+
titleWeight: PropTypes.string,
|
|
5257
|
+
onSlideNextTransitionEnd: PropTypes.func,
|
|
5258
|
+
onSlidePrevTransitionEnd: PropTypes.func,
|
|
5259
|
+
onSwiper: PropTypes.func,
|
|
5260
|
+
onUpdate: PropTypes.func
|
|
5269
5261
|
};
|
|
5270
5262
|
Swiper.defaultProps = {
|
|
5271
5263
|
activeSlideIndex: 0,
|
|
@@ -5274,9 +5266,9 @@ Swiper.defaultProps = {
|
|
|
5274
5266
|
|
|
5275
5267
|
// https://github.com/nolimits4web/swiper/issues/3855#issuecomment-1050694342
|
|
5276
5268
|
const useSwiperRef = () => {
|
|
5277
|
-
const [wrapper, setWrapper] =
|
|
5278
|
-
const ref =
|
|
5279
|
-
|
|
5269
|
+
const [wrapper, setWrapper] = useState(null);
|
|
5270
|
+
const ref = useRef(null);
|
|
5271
|
+
useEffect(() => {
|
|
5280
5272
|
if (ref.current) {
|
|
5281
5273
|
setWrapper(ref.current);
|
|
5282
5274
|
}
|
|
@@ -5652,4 +5644,4 @@ Swiper.__docgenInfo = {
|
|
|
5652
5644
|
}
|
|
5653
5645
|
};
|
|
5654
5646
|
|
|
5655
|
-
|
|
5647
|
+
export { Swiper };
|
|
@@ -1,16 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
import clsx from 'clsx';
|
|
2
4
|
|
|
3
|
-
|
|
4
|
-
var PropTypes = require('prop-types');
|
|
5
|
-
var clsx = require('clsx');
|
|
6
|
-
|
|
7
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
8
|
-
|
|
9
|
-
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
10
|
-
var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
|
|
11
|
-
var clsx__default = /*#__PURE__*/_interopDefault(clsx);
|
|
12
|
-
|
|
13
|
-
const Switch = /*#__PURE__*/React__default.default.forwardRef(function Switch(props, ref) {
|
|
5
|
+
const Switch = /*#__PURE__*/React__default.forwardRef(function Switch(props, ref) {
|
|
14
6
|
const {
|
|
15
7
|
className,
|
|
16
8
|
set,
|
|
@@ -20,9 +12,9 @@ const Switch = /*#__PURE__*/React__default.default.forwardRef(function Switch(pr
|
|
|
20
12
|
disabled,
|
|
21
13
|
onChange
|
|
22
14
|
} = props;
|
|
23
|
-
return /*#__PURE__*/React__default.
|
|
24
|
-
className:
|
|
25
|
-
}, /*#__PURE__*/React__default.
|
|
15
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
16
|
+
className: clsx('switch', className, size && `switch_size_${size}`, set && `switch_set_${set}`)
|
|
17
|
+
}, /*#__PURE__*/React__default.createElement("input", {
|
|
26
18
|
checked: checked,
|
|
27
19
|
className: "switch__checkbox",
|
|
28
20
|
disabled: disabled,
|
|
@@ -30,20 +22,20 @@ const Switch = /*#__PURE__*/React__default.default.forwardRef(function Switch(pr
|
|
|
30
22
|
ref: ref,
|
|
31
23
|
type: "checkbox",
|
|
32
24
|
onChange: onChange
|
|
33
|
-
}), /*#__PURE__*/React__default.
|
|
25
|
+
}), /*#__PURE__*/React__default.createElement("div", {
|
|
34
26
|
className: "switch__bg"
|
|
35
|
-
}, "\xA0"), /*#__PURE__*/React__default.
|
|
27
|
+
}, "\xA0"), /*#__PURE__*/React__default.createElement("div", {
|
|
36
28
|
className: "switch__toggle"
|
|
37
29
|
}, "\xA0"));
|
|
38
30
|
});
|
|
39
31
|
Switch.propTypes = {
|
|
40
|
-
checked:
|
|
41
|
-
className:
|
|
42
|
-
disabled:
|
|
43
|
-
id:
|
|
44
|
-
set:
|
|
45
|
-
size:
|
|
46
|
-
onChange:
|
|
32
|
+
checked: PropTypes.bool,
|
|
33
|
+
className: PropTypes.string,
|
|
34
|
+
disabled: PropTypes.bool,
|
|
35
|
+
id: PropTypes.string,
|
|
36
|
+
set: PropTypes.string,
|
|
37
|
+
size: PropTypes.string,
|
|
38
|
+
onChange: PropTypes.func
|
|
47
39
|
};
|
|
48
40
|
Switch.__docgenInfo = {
|
|
49
41
|
"description": "",
|
|
@@ -102,4 +94,4 @@ Switch.__docgenInfo = {
|
|
|
102
94
|
}
|
|
103
95
|
};
|
|
104
96
|
|
|
105
|
-
|
|
97
|
+
export { Switch };
|