@sima-land/ui-nucleons 45.0.0-alpha.4 → 45.0.0-alpha.6
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/_internal/custom-scrollbar/index.js +6 -27
- package/_internal/custom-scrollbar/index.js.map +1 -0
- package/_internal/dropdown-loading/index.js +3 -3
- package/_internal/dropdown-loading/index.js.map +1 -0
- package/_internal/page-scroll-lock/adapters/body-scroll-lock.js +5 -1
- package/_internal/page-scroll-lock/adapters/body-scroll-lock.js.map +1 -0
- package/_internal/page-scroll-lock/adapters/ui-nucleons.js +1 -0
- package/_internal/page-scroll-lock/adapters/ui-nucleons.js.map +1 -0
- package/_internal/page-scroll-lock/context.js +4 -25
- package/_internal/page-scroll-lock/context.js.map +1 -0
- package/_internal/page-scroll-lock/hook.js +1 -0
- package/_internal/page-scroll-lock/hook.js.map +1 -0
- package/_internal/page-scroll-lock/index.js +1 -0
- package/_internal/page-scroll-lock/index.js.map +1 -0
- package/_internal/page-scroll-lock/types.js +1 -0
- package/_internal/page-scroll-lock/types.js.map +1 -0
- package/_internal/utils/dropdown.js +1 -0
- package/_internal/utils/dropdown.js.map +1 -0
- package/alert/index.d.ts +2 -2
- package/alert/index.js +6 -31
- package/alert/index.js.map +1 -0
- package/arrow-button/index.js +20 -32
- package/arrow-button/index.js.map +1 -0
- package/autocomplete/autocomplete.js +60 -95
- package/autocomplete/autocomplete.js.map +1 -0
- package/autocomplete/index.js +1 -0
- package/autocomplete/index.js.map +1 -0
- package/autocomplete/types.js +1 -0
- package/autocomplete/types.js.map +1 -0
- package/autocomplete-deprecated/index.d.ts +1 -1
- package/autocomplete-deprecated/index.js +45 -80
- package/autocomplete-deprecated/index.js.map +1 -0
- package/avatar/avatar.module.scss +3 -1
- package/avatar/index.d.ts +1 -1
- package/avatar/index.js +12 -33
- package/avatar/index.js.map +1 -0
- package/avatar/user.d.ts +1 -1
- package/avatar/user.js +9 -29
- package/avatar/user.js.map +1 -0
- package/avatar/utils.js +1 -0
- package/avatar/utils.js.map +1 -0
- package/base-input/base-input.js +11 -48
- package/base-input/base-input.js.map +1 -0
- package/base-input/index.js +1 -0
- package/base-input/index.js.map +1 -0
- package/base-input/types.js +1 -0
- package/base-input/types.js.map +1 -0
- package/base-input/utils.js +2 -1
- package/base-input/utils.js.map +1 -0
- package/base-input-deprecated/index.d.ts +2 -2
- package/base-input-deprecated/index.js +11 -48
- package/base-input-deprecated/index.js.map +1 -0
- package/bordered-layout/index.d.ts +1 -1
- package/bordered-layout/index.js +3 -3
- package/bordered-layout/index.js.map +1 -0
- package/bottom-bar/bottom-bar.js +4 -16
- package/bottom-bar/bottom-bar.js.map +1 -0
- package/bottom-bar/index.js +1 -0
- package/bottom-bar/index.js.map +1 -0
- package/bottom-bar/types.js +1 -0
- package/bottom-bar/types.js.map +1 -0
- package/box/index.d.ts +1 -1
- package/box/index.js +3 -2
- package/box/index.js.map +1 -0
- package/button/index.d.ts +2 -2
- package/button/index.js +8 -45
- package/button/index.js.map +1 -0
- package/card/index.js +4 -21
- package/card/index.js.map +1 -0
- package/card/slots.d.ts +1 -1
- package/card/slots.js +12 -46
- package/card/slots.js.map +1 -0
- package/card/utils.js +1 -0
- package/card/utils.js.map +1 -0
- package/carousel/draggable.d.ts +1 -1
- package/carousel/draggable.js +6 -28
- package/carousel/draggable.js.map +1 -0
- package/carousel/helpers/draggable-event.js +1 -0
- package/carousel/helpers/draggable-event.js.map +1 -0
- package/carousel/index.d.ts +1 -1
- package/carousel/index.js +22 -43
- package/carousel/index.js.map +1 -0
- package/checkbox/index.d.ts +2 -2
- package/checkbox/index.js +6 -45
- package/checkbox/index.js.map +1 -0
- package/checkbox-field/index.d.ts +3 -2
- package/checkbox-field/index.js +8 -47
- package/checkbox-field/index.js.map +1 -0
- package/chips/index.d.ts +1 -1
- package/chips/index.js +4 -39
- package/chips/index.js.map +1 -0
- package/chips/item.d.ts +1 -1
- package/chips/item.js +4 -5
- package/chips/item.js.map +1 -0
- package/clean-buttons/index.d.ts +1 -0
- package/clean-buttons/index.js +8 -41
- package/clean-buttons/index.js.map +1 -0
- package/clean-buttons/types.js +1 -0
- package/clean-buttons/types.js.map +1 -0
- package/clean-buttons/utils.js +1 -0
- package/clean-buttons/utils.js.map +1 -0
- package/colors/index.js +1 -0
- package/colors/index.js.map +1 -0
- package/context/viewport.js +1 -0
- package/context/viewport.js.map +1 -0
- package/dot-nav/index.d.ts +1 -1
- package/dot-nav/index.js +13 -34
- package/dot-nav/index.js.map +1 -0
- package/dropdown/index.d.ts +2 -2
- package/dropdown/index.js +5 -39
- package/dropdown/index.js.map +1 -0
- package/dropdown/utils.js +1 -0
- package/dropdown/utils.js.map +1 -0
- package/dropdown-item/index.d.ts +1 -1
- package/dropdown-item/index.js +6 -22
- package/dropdown-item/index.js.map +1 -0
- package/dropdown-item/types.js +1 -0
- package/dropdown-item/types.js.map +1 -0
- package/dropdown-item/utils.js +1 -0
- package/dropdown-item/utils.js.map +1 -0
- package/expandable/index.d.ts +2 -2
- package/expandable/index.js +15 -36
- package/expandable/index.js.map +1 -0
- package/expandable/utils.js +1 -0
- package/expandable/utils.js.map +1 -0
- package/field-block/index.js +3 -9
- package/field-block/index.js.map +1 -0
- package/field-grid/index.d.ts +7 -1
- package/field-grid/index.js +50 -66
- package/field-grid/index.js.map +1 -0
- package/file-icon/index.d.ts +1 -1
- package/file-icon/index.js +7 -23
- package/file-icon/index.js.map +1 -0
- package/group-overflow/index.js +9 -44
- package/group-overflow/index.js.map +1 -0
- package/group-overflow/utils.js +1 -0
- package/group-overflow/utils.js.map +1 -0
- package/helpers/bounds-of.js +1 -0
- package/helpers/bounds-of.js.map +1 -0
- package/helpers/center-of.js +1 -0
- package/helpers/center-of.js.map +1 -0
- package/helpers/create-container.js +1 -0
- package/helpers/create-container.js.map +1 -0
- package/helpers/define-slots.d.ts +1 -1
- package/helpers/define-slots.js +1 -0
- package/helpers/define-slots.js.map +1 -0
- package/helpers/events.d.ts +1 -1
- package/helpers/events.js +1 -0
- package/helpers/events.js.map +1 -0
- package/helpers/find-child-element.js +1 -0
- package/helpers/find-child-element.js.map +1 -0
- package/helpers/find-offset-parent.js +1 -0
- package/helpers/find-offset-parent.js.map +1 -0
- package/helpers/find-sibling-index.js +1 -0
- package/helpers/find-sibling-index.js.map +1 -0
- package/helpers/fit-element-height.js +1 -0
- package/helpers/fit-element-height.js.map +1 -0
- package/helpers/format-date.js +1 -0
- package/helpers/format-date.js.map +1 -0
- package/helpers/format-number.js +1 -0
- package/helpers/format-number.js.map +1 -0
- package/helpers/get-date-interval-data.js +1 -0
- package/helpers/get-date-interval-data.js.map +1 -0
- package/helpers/get-declination.js +1 -0
- package/helpers/get-declination.js.map +1 -0
- package/helpers/get-fraction-depth.js +1 -0
- package/helpers/get-fraction-depth.js.map +1 -0
- package/helpers/get-no-index.js +1 -0
- package/helpers/get-no-index.js.map +1 -0
- package/helpers/get-relative-pos.js +1 -0
- package/helpers/get-relative-pos.js.map +1 -0
- package/helpers/get-scroll-parent.js +1 -0
- package/helpers/get-scroll-parent.js.map +1 -0
- package/helpers/is-browser.js +1 -0
- package/helpers/is-browser.js.map +1 -0
- package/helpers/is-fully-scrolled.js +1 -0
- package/helpers/is-fully-scrolled.js.map +1 -0
- package/helpers/is-touch-device.js +1 -0
- package/helpers/is-touch-device.js.map +1 -0
- package/helpers/layer.js +1 -0
- package/helpers/layer.js.map +1 -0
- package/helpers/max-index-of.js +1 -0
- package/helpers/max-index-of.js.map +1 -0
- package/helpers/media-query-list.js +1 -0
- package/helpers/media-query-list.js.map +1 -0
- package/helpers/on.d.ts +1 -1
- package/helpers/on.js +1 -0
- package/helpers/on.js.map +1 -0
- package/helpers/point.js +1 -0
- package/helpers/point.js.map +1 -0
- package/helpers/rename.js +1 -0
- package/helpers/rename.js.map +1 -0
- package/helpers/scroll-to-child.js +1 -0
- package/helpers/scroll-to-child.js.map +1 -0
- package/helpers/styles.js +1 -0
- package/helpers/styles.js.map +1 -0
- package/helpers/with-prevent.js +1 -0
- package/helpers/with-prevent.js.map +1 -0
- package/hint/hint-view.js +6 -18
- package/hint/hint-view.js.map +1 -0
- package/hint/hint.js +6 -23
- package/hint/hint.js.map +1 -0
- package/hint/index.js +1 -0
- package/hint/index.js.map +1 -0
- package/hint/utils.js +23 -4
- package/hint/utils.js.map +1 -0
- package/hint-deprecated/index.d.ts +2 -2
- package/hint-deprecated/index.js +4 -40
- package/hint-deprecated/index.js.map +1 -0
- package/hooks/breakpoint/index.js +4 -25
- package/hooks/breakpoint/index.js.map +1 -0
- package/hooks/breakpoint/types.js +1 -0
- package/hooks/breakpoint/types.js.map +1 -0
- package/hooks/breakpoint/utils.js +1 -0
- package/hooks/breakpoint/utils.js.map +1 -0
- package/hooks/identity.js +1 -0
- package/hooks/identity.js.map +1 -0
- package/hooks/index.js +1 -0
- package/hooks/index.js.map +1 -0
- package/hooks/intersection/index.js +1 -0
- package/hooks/intersection/index.js.map +1 -0
- package/hooks/intersection/test-utils.js +6 -2
- package/hooks/intersection/test-utils.js.map +1 -0
- package/hooks/keydown.js +1 -0
- package/hooks/keydown.js.map +1 -0
- package/hooks/media.js +1 -0
- package/hooks/media.js.map +1 -0
- package/hooks/styles.js +1 -0
- package/hooks/styles.js.map +1 -0
- package/info-text/index.js +16 -42
- package/info-text/index.js.map +1 -0
- package/input/index.js +34 -58
- package/input/index.js.map +1 -0
- package/input/utils.js +1 -0
- package/input/utils.js.map +1 -0
- package/layout/index.js +1 -0
- package/layout/index.js.map +1 -0
- package/layout/layout.js +4 -15
- package/layout/layout.js.map +1 -0
- package/layout/legacy.d.ts +5 -5
- package/layout/legacy.js +4 -39
- package/layout/legacy.js.map +1 -0
- package/layout/types.js +1 -0
- package/layout/types.js.map +1 -0
- package/link/index.d.ts +6 -3
- package/link/index.js +5 -38
- package/link/index.js.map +1 -0
- package/loading-overlay/index.d.ts +1 -1
- package/loading-overlay/index.js +3 -3
- package/loading-overlay/index.js.map +1 -0
- package/masked-field/index.d.ts +2 -2
- package/masked-field/index.js +11 -40
- package/masked-field/index.js.map +1 -0
- package/masked-input/hook.js +1 -0
- package/masked-input/hook.js.map +1 -0
- package/masked-input/index.js +1 -0
- package/masked-input/index.js.map +1 -0
- package/masked-input/masked-input.js +11 -41
- package/masked-input/masked-input.js.map +1 -0
- package/masked-input/types.js +1 -0
- package/masked-input/types.js.map +1 -0
- package/masked-input/utils.js +1 -0
- package/masked-input/utils.js.map +1 -0
- package/modal/index.d.ts +1 -1
- package/modal/index.js +4 -10
- package/modal/index.js.map +1 -0
- package/modal/slots.js +10 -45
- package/modal/slots.js.map +1 -0
- package/modal/utils.js +1 -0
- package/modal/utils.js.map +1 -0
- package/modal-overlay/index.js +8 -39
- package/modal-overlay/index.js.map +1 -0
- package/modal-overlay/utils.js +1 -0
- package/modal-overlay/utils.js.map +1 -0
- package/no-index/index.d.ts +3 -3
- package/no-index/index.js +5 -8
- package/no-index/index.js.map +1 -0
- package/no-index-mark/index.d.ts +2 -2
- package/no-index-mark/index.js +8 -6
- package/no-index-mark/index.js.map +1 -0
- package/package.json +7 -14
- package/pagination/index.d.ts +4 -20
- package/pagination/index.js +10 -15
- package/pagination/index.js.map +1 -0
- package/pagination/pagination-item.d.ts +8 -0
- package/pagination/pagination-item.js +20 -0
- package/pagination/pagination-item.js.map +1 -0
- package/pagination/pagination-item.module.scss +49 -0
- package/pagination/pagination.d.ts +8 -0
- package/pagination/pagination.js +98 -0
- package/pagination/pagination.js.map +1 -0
- package/pagination/pagination.module.scss +15 -70
- package/pagination/types.d.ts +28 -0
- package/pagination/types.js +3 -0
- package/pagination/types.js.map +1 -0
- package/pagination/utils.d.ts +25 -41
- package/pagination/utils.js +51 -85
- package/pagination/utils.js.map +1 -0
- package/{pagination → pagination-deprecated}/base-pagination.d.ts +6 -1
- package/{pagination → pagination-deprecated}/base-pagination.js +34 -47
- package/pagination-deprecated/base-pagination.js.map +1 -0
- package/pagination-deprecated/index.d.ts +22 -0
- package/pagination-deprecated/index.js +16 -0
- package/pagination-deprecated/index.js.map +1 -0
- package/{pagination → pagination-deprecated}/page-button.d.ts +2 -1
- package/pagination-deprecated/page-button.js +17 -0
- package/pagination-deprecated/page-button.js.map +1 -0
- package/pagination-deprecated/pagination.module.scss +76 -0
- package/pagination-deprecated/utils.d.ts +58 -0
- package/pagination-deprecated/utils.js +125 -0
- package/pagination-deprecated/utils.js.map +1 -0
- package/panel/index.js +4 -6
- package/panel/index.js.map +1 -0
- package/phone-input/images/armenia.png +0 -0
- package/phone-input/images/azerbaijan.png +0 -0
- package/phone-input/images/belarus.png +0 -0
- package/phone-input/images/georgia.png +0 -0
- package/phone-input/images/kazakhstan.png +0 -0
- package/phone-input/images/kyrgyzstan.png +0 -0
- package/phone-input/images/moldova.png +0 -0
- package/phone-input/images/other.png +0 -0
- package/phone-input/images/russia.png +0 -0
- package/phone-input/images/tajikistan.png +0 -0
- package/phone-input/images/turkmenistan.png +0 -0
- package/phone-input/images/ukraine.png +0 -0
- package/phone-input/images/uzbekistan.png +0 -0
- package/phone-input/index.js +1 -0
- package/phone-input/index.js.map +1 -0
- package/phone-input/phone-input.js +27 -56
- package/phone-input/phone-input.js.map +1 -0
- package/phone-input/presets.js +4 -1
- package/phone-input/presets.js.map +1 -0
- package/phone-input/types.js +1 -0
- package/phone-input/types.js.map +1 -0
- package/phone-input/utils.js +1 -0
- package/phone-input/utils.js.map +1 -0
- package/phone-input-deprecated/index.d.ts +1 -1
- package/phone-input-deprecated/index.js +43 -71
- package/phone-input-deprecated/index.js.map +1 -0
- package/plate/index.d.ts +2 -2
- package/plate/index.js +5 -38
- package/plate/index.js.map +1 -0
- package/popup/index.js +1 -0
- package/popup/index.js.map +1 -0
- package/popup/popup-view.js +5 -19
- package/popup/popup-view.js.map +1 -0
- package/popup/popup.js +11 -42
- package/popup/popup.js.map +1 -0
- package/popup/utils.js +1 -0
- package/popup/utils.js.map +1 -0
- package/portal/index.d.ts +1 -1
- package/portal/index.js +1 -0
- package/portal/index.js.map +1 -0
- package/price/index.js +3 -2
- package/price/index.js.map +1 -0
- package/price/utils.js +1 -0
- package/price/utils.js.map +1 -0
- package/radio-button/index.js +4 -17
- package/radio-button/index.js.map +1 -0
- package/range/index.d.ts +1 -1
- package/range/index.js +7 -33
- package/range/index.js.map +1 -0
- package/rating/index.d.ts +1 -1
- package/rating/index.js +5 -23
- package/rating/index.js.map +1 -0
- package/rating/types.js +1 -0
- package/rating/types.js.map +1 -0
- package/rating/utils.js +1 -0
- package/rating/utils.js.map +1 -0
- package/screen/index.d.ts +5 -5
- package/screen/index.js +12 -37
- package/screen/index.js.map +1 -0
- package/screen/slots.d.ts +3 -3
- package/screen/slots.js +31 -62
- package/screen/slots.js.map +1 -0
- package/screen/utils.js +1 -0
- package/screen/utils.js.map +1 -0
- package/select/index.js +1 -0
- package/select/index.js.map +1 -0
- package/select/parts/block.js +20 -32
- package/select/parts/block.js.map +1 -0
- package/select/parts/button.js +9 -42
- package/select/parts/button.js.map +1 -0
- package/select/parts/menu.js +14 -46
- package/select/parts/menu.js.map +1 -0
- package/select/select.js +28 -47
- package/select/select.js.map +1 -0
- package/select/types.js +1 -0
- package/select/types.js.map +1 -0
- package/select/utils.js +1 -0
- package/select/utils.js.map +1 -0
- package/select-deprecated/index.d.ts +1 -1
- package/select-deprecated/index.js +34 -69
- package/select-deprecated/index.js.map +1 -0
- package/side-page/index.js +12 -45
- package/side-page/index.js.map +1 -0
- package/side-page/slots.js +7 -19
- package/side-page/slots.js.map +1 -0
- package/spinner/index.d.ts +1 -1
- package/spinner/index.js +4 -5
- package/spinner/index.js.map +1 -0
- package/spinner/spinner.module.scss +3 -1
- package/stepper/index.d.ts +2 -2
- package/stepper/index.js +14 -52
- package/stepper/index.js.map +1 -0
- package/stroked-svg/index.d.ts +2 -2
- package/stroked-svg/index.js +4 -41
- package/stroked-svg/index.js.map +1 -0
- package/styling/borders.js +1 -0
- package/styling/borders.js.map +1 -0
- package/styling/colors.js +1 -0
- package/styling/colors.js.map +1 -0
- package/styling/fonts.js +1 -0
- package/styling/fonts.js.map +1 -0
- package/styling/shadows.js +1 -0
- package/styling/shadows.js.map +1 -0
- package/styling/shapes.js +1 -0
- package/styling/shapes.js.map +1 -0
- package/styling/sizes.js +1 -0
- package/styling/sizes.js.map +1 -0
- package/styling/sizes.module.scss +3 -1
- package/styling/utils.js +1 -0
- package/styling/utils.js.map +1 -0
- package/super-ellipse-clip-path/index.js +3 -8
- package/super-ellipse-clip-path/index.js.map +1 -0
- package/switcher-row/index.js +6 -10
- package/switcher-row/index.js.map +1 -0
- package/tabs/index.d.ts +1 -1
- package/tabs/index.js +5 -26
- package/tabs/index.js.map +1 -0
- package/text/index.d.ts +2 -2
- package/text/index.js +4 -25
- package/text/index.js.map +1 -0
- package/text-button/index.d.ts +2 -2
- package/text-button/index.js +6 -20
- package/text-button/index.js.map +1 -0
- package/text-field/index.d.ts +2 -2
- package/text-field/index.js +26 -55
- package/text-field/index.js.map +1 -0
- package/textarea/index.js +24 -48
- package/textarea/index.js.map +1 -0
- package/timer/index.d.ts +1 -1
- package/timer/index.js +4 -25
- package/timer/index.js.map +1 -0
- package/timer/types.js +1 -0
- package/timer/types.js.map +1 -0
- package/timer/utils.js +1 -0
- package/timer/utils.js.map +1 -0
- package/toggle/index.d.ts +2 -2
- package/toggle/index.js +6 -43
- package/toggle/index.js.map +1 -0
- package/tooltip/index.d.ts +2 -2
- package/tooltip/index.js +5 -28
- package/tooltip/index.js.map +1 -0
- package/top-bar/index.js +1 -0
- package/top-bar/index.js.map +1 -0
- package/top-bar/top-bar.js +11 -58
- package/top-bar/top-bar.js.map +1 -0
- package/top-bar/types.js +1 -0
- package/top-bar/types.js.map +1 -0
- package/top-bar/utils.d.ts +2 -2
- package/top-bar/utils.js +22 -39
- package/top-bar/utils.js.map +1 -0
- package/touch-slider/index.d.ts +1 -1
- package/touch-slider/index.js +3 -4
- package/touch-slider/index.js.map +1 -0
- package/types.js +1 -0
- package/types.js.map +1 -0
- package/unknown-content/index.d.ts +1 -1
- package/unknown-content/index.js +4 -25
- package/unknown-content/index.js.map +1 -0
- package/unknown-content/utils.js +1 -0
- package/unknown-content/utils.js.map +1 -0
- package/upload-area/index.js +1 -0
- package/upload-area/index.js.map +1 -0
- package/upload-area/types.js +1 -0
- package/upload-area/types.js.map +1 -0
- package/upload-area/upload-area.js +9 -38
- package/upload-area/upload-area.js.map +1 -0
- package/upload-area/utils.js +1 -0
- package/upload-area/utils.js.map +1 -0
- package/with-hint/index.d.ts +1 -1
- package/with-hint/index.js +4 -28
- package/with-hint/index.js.map +1 -0
- package/with-hint/positioning-hint.d.ts +1 -1
- package/with-hint/positioning-hint.js +4 -25
- package/with-hint/positioning-hint.js.map +1 -0
- package/with-hint/utils.js +1 -0
- package/with-hint/utils.js.map +1 -0
- package/with-tooltip/index.d.ts +1 -1
- package/with-tooltip/index.js +7 -31
- package/with-tooltip/index.js.map +1 -0
- package/with-tooltip/positioning-tooltip.d.ts +1 -1
- package/with-tooltip/positioning-tooltip.js +5 -26
- package/with-tooltip/positioning-tooltip.js.map +1 -0
- package/with-tooltip/utils.js +1 -0
- package/with-tooltip/utils.js.map +1 -0
- package/file-icon/unknown.svg +0 -9
- package/pagination/page-button.js +0 -32
- package/rating/star.svg +0 -3
- package/readme.md +0 -183
- package/upload-area/upload.svg +0 -6
package/dot-nav/index.js
CHANGED
|
@@ -1,33 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
4
|
};
|
|
28
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
6
|
exports.DotNav = void 0;
|
|
30
|
-
const
|
|
7
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
+
const react_1 = require("react");
|
|
31
9
|
const lodash_1 = require("lodash");
|
|
32
10
|
const bind_1 = __importDefault(require("classnames/bind"));
|
|
33
11
|
const dot_nav_module_scss_1 = __importDefault(require("./dot-nav.module.scss"));
|
|
@@ -37,7 +15,7 @@ const cx = bind_1.default.bind(dot_nav_module_scss_1.default);
|
|
|
37
15
|
* @param props Свойства.
|
|
38
16
|
* @return Элемент.
|
|
39
17
|
*/
|
|
40
|
-
|
|
18
|
+
function DotNav({ size = 's', current = 0, total = 1, onSelect }) {
|
|
41
19
|
const withShift = total > 4;
|
|
42
20
|
const itemSize = 14;
|
|
43
21
|
const itemGutter = { s: 0, l: 6 }[size];
|
|
@@ -45,13 +23,13 @@ const DotNav = ({ size = 's', current = 0, total = 1, onSelect }) => {
|
|
|
45
23
|
const totalWidth = itemSize * total + itemGutter * (total - 1);
|
|
46
24
|
const shift = useShift(current, total);
|
|
47
25
|
const correction = withShift ? itemSize + itemGutter : (maxWidth - totalWidth) / 2;
|
|
48
|
-
return (
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
}
|
|
26
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: cx('root', `size-${size}`), style: { width: maxWidth, height: itemSize }, children: (0, lodash_1.times)(total).map(index => {
|
|
27
|
+
const position = index - shift + 1;
|
|
28
|
+
return ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
29
|
+
left: `${correction + (index - shift) * (itemSize + itemGutter)}px`,
|
|
30
|
+
}, onClick: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect(index), className: cx('item', index === current && 'active', withShift && (position <= 0 || position >= 4) && 'distant') }, index));
|
|
31
|
+
}) }));
|
|
32
|
+
}
|
|
55
33
|
exports.DotNav = DotNav;
|
|
56
34
|
/**
|
|
57
35
|
* Определяет необходимое для точек навигации смещение.
|
|
@@ -59,7 +37,7 @@ exports.DotNav = DotNav;
|
|
|
59
37
|
* @param total Количество точек.
|
|
60
38
|
* @return Смещение.
|
|
61
39
|
*/
|
|
62
|
-
|
|
40
|
+
function useShift(current, total) {
|
|
63
41
|
const shiftRef = (0, react_1.useRef)(0);
|
|
64
42
|
const prevCurrentRef = (0, react_1.useRef)(0);
|
|
65
43
|
if (total > 4) {
|
|
@@ -79,4 +57,5 @@ const useShift = (current, total) => {
|
|
|
79
57
|
}
|
|
80
58
|
prevCurrentRef.current = current;
|
|
81
59
|
return shiftRef.current;
|
|
82
|
-
}
|
|
60
|
+
}
|
|
61
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/dot-nav/index.tsx"],"names":[],"mappings":"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"}
|
package/dropdown/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
import { CustomScrollbarProps } from '../_internal/custom-scrollbar';
|
|
3
3
|
interface DropdownStyle extends React.CSSProperties {
|
|
4
4
|
'--dropdown-max-height'?: string;
|
|
@@ -14,5 +14,5 @@ export interface DropdownProps extends Omit<React.HTMLAttributes<HTMLDivElement>
|
|
|
14
14
|
/**
|
|
15
15
|
* Компонент выпадающего блока с контентом, например списком.
|
|
16
16
|
*/
|
|
17
|
-
export declare const Dropdown:
|
|
17
|
+
export declare const Dropdown: import("react").ForwardRefExoticComponent<DropdownProps & import("react").RefAttributes<HTMLDivElement | null>>;
|
|
18
18
|
export {};
|
package/dropdown/index.js
CHANGED
|
@@ -1,44 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
26
|
-
var t = {};
|
|
27
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
28
|
-
t[p] = s[p];
|
|
29
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
30
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
31
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
32
|
-
t[p[i]] = s[p[i]];
|
|
33
|
-
}
|
|
34
|
-
return t;
|
|
35
|
-
};
|
|
36
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
4
|
};
|
|
39
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
6
|
exports.Dropdown = void 0;
|
|
41
|
-
const
|
|
7
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
+
const react_1 = require("react");
|
|
42
9
|
const shadows_1 = require("../styling/shadows");
|
|
43
10
|
const shapes_1 = require("../styling/shapes");
|
|
44
11
|
const custom_scrollbar_1 = require("../_internal/custom-scrollbar");
|
|
@@ -48,8 +15,7 @@ const cx = bind_1.default.bind(dropdown_module_scss_1.default);
|
|
|
48
15
|
/**
|
|
49
16
|
* Компонент выпадающего блока с контентом, например списком.
|
|
50
17
|
*/
|
|
51
|
-
exports.Dropdown = (0, react_1.forwardRef)(function Dropdown(
|
|
52
|
-
|
|
53
|
-
return (react_1.default.createElement("div", Object.assign({ ref: ref, className: cx('root', className, shadows_1.BoxShadow.z4, shapes_1.MediumRounds.all) }, restProps, { "data-testid": testId }),
|
|
54
|
-
react_1.default.createElement(custom_scrollbar_1.CustomScrollbar, Object.assign({}, customScrollbarProps, { className: cx('inner'), overflow: { x: 'h', y: 's' } }), children)));
|
|
18
|
+
exports.Dropdown = (0, react_1.forwardRef)(function Dropdown({ className, children, 'data-testid': testId = 'dropdown', customScrollbarProps, ...restProps }, ref) {
|
|
19
|
+
return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: cx('root', className, shadows_1.BoxShadow.z4, shapes_1.MediumRounds.all), ...restProps, "data-testid": testId, children: (0, jsx_runtime_1.jsx)(custom_scrollbar_1.CustomScrollbar, { ...customScrollbarProps, className: cx('inner'), overflow: { x: 'h', y: 's' }, children: children }) }));
|
|
55
20
|
});
|
|
21
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/dropdown/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAmC;AACnC,gDAA+C;AAC/C,8CAAiD;AACjD,oEAAsF;AACtF,2DAAyC;AACzC,kFAA4C;AAiB5C,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,8BAAM,CAAC,CAAC;AAEnC;;GAEG;AACU,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAAuC,SAAS,QAAQ,CACxF,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,GAAG,UAAU,EAAE,oBAAoB,EAAE,GAAG,SAAS,EAAE,EAC/F,GAAG;IAEH,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,mBAAS,CAAC,EAAE,EAAE,qBAAY,CAAC,GAAG,CAAC,KAC5D,SAAS,iBACA,MAAM,YAEnB,uBAAC,kCAAe,OACV,oBAAoB,EACxB,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,EACtB,QAAQ,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,YAE3B,QAAQ,GACO,GACd,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
package/dropdown/utils.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/dropdown/utils.ts"],"names":[],"mappings":";;;AAAA,8CAAkG;AAClG,4CAA4C;AAE5C;;;GAGG;AACH,SAAgB,sBAAsB;IACpC,OAAO;QACL,oBAAoB,EAAE,kBAAU;QAChC,SAAS,EAAE,cAAc;QACzB,UAAU,EAAE;YACV,wEAAwE;YACxE,iFAAiF;YACjF,IAAA,YAAI,EAAC;gBACH,OAAO,EAAE,EAAE;aACZ,CAAC;YACF,IAAA,aAAK,EAAC;gBACJ,OAAO,EAAE,EAAE;aACZ,CAAC;SACH;KACF,CAAC;AACJ,CAAC;AAfD,wDAeC;AAED;;;;GAIG;AACH,SAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,CAAC,EACD,CAAC,EACD,IAAI,GACqD;IACzD,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEzB,MAAM,WAAW,GAAuB,IAAI,CAAC,SAAS,CAAC,OAAO;QAC5D,CAAC,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,KAAK,IAAI;QAC7D,CAAC,CAAC,SAAS,CAAC;IAEd,OAAO;QACL,QAAQ,EAAE,QAAQ;QAClB,GAAG,EAAE,CAAC,aAAD,CAAC,cAAD,CAAC,GAAI,CAAC;QACX,IAAI,EAAE,CAAC,aAAD,CAAC,cAAD,CAAC,GAAI,CAAC;QACZ,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,KAAK,GAAG,CAAC;QAEjB,6BAA6B;QAC7B,gBAAgB,EAAE,WAAW;KAC9B,CAAC;AACJ,CAAC;AAtBD,4DAsBC"}
|
package/dropdown-item/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { ComponentType, ReactNode, SVGAttributes } from 'react';
|
|
2
2
|
export type DropdownItemSize = 's' | 'm' | 'l' | 'xl';
|
|
3
3
|
export interface DropdownItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'size'> {
|
|
4
4
|
/** Отображать элемент как отмеченный (активный) или нет. */
|
package/dropdown-item/index.js
CHANGED
|
@@ -1,21 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
-
var t = {};
|
|
4
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
-
t[p] = s[p];
|
|
6
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
-
t[p[i]] = s[p[i]];
|
|
10
|
-
}
|
|
11
|
-
return t;
|
|
12
|
-
};
|
|
13
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
4
|
};
|
|
16
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
6
|
exports.DropdownItem = void 0;
|
|
18
|
-
const
|
|
7
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
8
|
const bind_1 = __importDefault(require("classnames/bind"));
|
|
20
9
|
const dropdown_item_module_scss_1 = __importDefault(require("./dropdown-item.module.scss"));
|
|
21
10
|
const cx = bind_1.default.bind(dropdown_item_module_scss_1.default);
|
|
@@ -24,16 +13,11 @@ const cx = bind_1.default.bind(dropdown_item_module_scss_1.default);
|
|
|
24
13
|
* @param props Свойства.
|
|
25
14
|
* @return Элемент.
|
|
26
15
|
*/
|
|
27
|
-
function DropdownItem(
|
|
28
|
-
|
|
29
|
-
const
|
|
30
|
-
const end = EndIcon ? react_1.default.createElement(EndIcon, { className: cx('icon') }) : endContent;
|
|
16
|
+
function DropdownItem({ size = 'm', children, className, selected, disabled, noHover, checked, startContent, startIcon: StartIcon, endContent, endIcon: EndIcon, comment, dangerouslySetInnerHTML, 'data-testid': testId = 'dropdown-item', ...restProps }) {
|
|
17
|
+
const start = StartIcon ? (0, jsx_runtime_1.jsx)(StartIcon, { className: cx('icon') }) : startContent;
|
|
18
|
+
const end = EndIcon ? (0, jsx_runtime_1.jsx)(EndIcon, { className: cx('icon') }) : endContent;
|
|
31
19
|
const hasChildren = [start, children, end].some(item => typeof item !== 'undefined');
|
|
32
|
-
return (
|
|
33
|
-
start && react_1.default.createElement("div", { className: cx('col', 'col-start') }, start),
|
|
34
|
-
react_1.default.createElement("div", { className: cx('col', 'col-center') },
|
|
35
|
-
react_1.default.createElement("div", { className: cx('row-main') }, children),
|
|
36
|
-
size === 'xl' && comment && react_1.default.createElement("div", { className: cx('row-comment') }, comment)),
|
|
37
|
-
end && react_1.default.createElement("div", { className: cx('col', 'col-end') }, end))) : undefined));
|
|
20
|
+
return ((0, jsx_runtime_1.jsx)("div", { ...restProps, className: cx('root', `size-${size}`, selected && 'selected', checked && 'checked', disabled && 'disabled', noHover && 'no-hover', className), dangerouslySetInnerHTML: dangerouslySetInnerHTML, "data-testid": testId, children: hasChildren ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [start && (0, jsx_runtime_1.jsx)("div", { className: cx('col', 'col-start'), children: start }), (0, jsx_runtime_1.jsxs)("div", { className: cx('col', 'col-center'), children: [(0, jsx_runtime_1.jsx)("div", { className: cx('row-main'), children: children }), size === 'xl' && comment && (0, jsx_runtime_1.jsx)("div", { className: cx('row-comment'), children: comment })] }), end && (0, jsx_runtime_1.jsx)("div", { className: cx('col', 'col-end'), children: end })] })) : undefined }));
|
|
38
21
|
}
|
|
39
22
|
exports.DropdownItem = DropdownItem;
|
|
23
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/dropdown-item/index.tsx"],"names":[],"mappings":";;;;;;;AACA,2DAAyC;AACzC,4FAAiD;AAEjD,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,mCAAM,CAAC,CAAC;AA0CnC;;;;GAIG;AACH,SAAgB,YAAY,CAAC,EAC3B,IAAI,GAAG,GAAG,EACV,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,OAAO,EACP,YAAY,EACZ,SAAS,EAAE,SAAS,EACpB,UAAU,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EACP,uBAAuB,EACvB,aAAa,EAAE,MAAM,GAAG,eAAe,EACvC,GAAG,SAAS,EACM;IAClB,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,uBAAC,SAAS,IAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,GAAI,CAAC,CAAC,CAAC,YAAY,CAAC;IAC9E,MAAM,GAAG,GAAG,OAAO,CAAC,CAAC,CAAC,uBAAC,OAAO,IAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,GAAI,CAAC,CAAC,CAAC,UAAU,CAAC;IAEtE,MAAM,WAAW,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,IAAI,KAAK,WAAW,CAAC,CAAC;IAErF,OAAO,CACL,mCACM,SAAS,EACb,SAAS,EAAE,EAAE,CACX,MAAM,EACN,QAAQ,IAAI,EAAE,EACd,QAAQ,IAAI,UAAU,EACtB,OAAO,IAAI,SAAS,EACpB,QAAQ,IAAI,UAAU,EACtB,OAAO,IAAI,UAAU,EACrB,SAAS,CACV,EACD,uBAAuB,EAAE,uBAAuB,iBACnC,MAAM,YAMlB,WAAW,CAAC,CAAC,CAAC,CACb,6DACG,KAAK,IAAI,gCAAK,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,YAAG,KAAK,GAAO,EAE/D,iCAAK,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,aACrC,gCAAK,SAAS,EAAE,EAAE,CAAC,UAAU,CAAC,YAAG,QAAQ,GAAO,EAC/C,IAAI,KAAK,IAAI,IAAI,OAAO,IAAI,gCAAK,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,YAAG,OAAO,GAAO,IAC3E,EAEL,GAAG,IAAI,gCAAK,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,YAAG,GAAG,GAAO,IACxD,CACJ,CAAC,CAAC,CAAC,SAAS,GACT,CACP,CAAC;AACJ,CAAC;AAvDD,oCAuDC"}
|
package/dropdown-item/types.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/dropdown-item/types.ts"],"names":[],"mappings":""}
|
package/dropdown-item/utils.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/dropdown-item/utils.ts"],"names":[],"mappings":";;;AAAA,iCAAuC;AACvC,wBAAiC;AAGjC,yCAAyC;AACzC,MAAa,iBAAiB;IAC5B;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,KAA2C;QACnD,OAAO,IAAA,sBAAc,EAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,eAAY,CAAC;IAC9D,CAAC;IAED;;;;OAIG;IACH,MAAM,CAAC,QAAQ,CAAC,QAA6B;QAC3C,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,QAAQ,CAAC,KAAK,CAAC;QAE3C,4FAA4F;QAC5F,OAAO,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC9D,CAAC;IAED;;;;;OAKG;IACH,MAAM,CAAC,gBAAgB,CACrB,SAAgC,EAChC,YAAoB;QAEpB,IAAI,eAAe,GAAG,CAAC,CAAC,CAAC;QAEzB,MAAM,gBAAgB,GAAkB,SAAS,CAAC,MAAM,CAAW,CAAC,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;YACtF,IAAI,KAAK,KAAK,YAAY,EAAE;gBAC1B,eAAe,GAAG,GAAG,CAAC,MAAM,CAAC;aAC9B;YAED,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;gBACxB,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aACjB;YAED,OAAO,GAAG,CAAC;QACb,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,OAAO,IAAI,cAAc,CAAS,gBAAgB,EAAE,eAAe,CAAC,CAAC;IACvE,CAAC;CACF;AAhDD,8CAgDC;AAED,0EAA0E;AAC1E,MAAa,cAAc;IAIzB;;;;OAIG;IACH,YAAY,MAAW,EAAE,aAAa,GAAG,CAAC;QACxC,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,QAAQ,GAAG,aAAa,CAAC;IAChC,CAAC;IAED;;;OAGG;IACH,IAAI;QACF,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;YAC5B,OAAO,SAAS,CAAC;SAClB;QAED,IAAI,SAAS,GAAG,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;QAElC,IAAI,SAAS,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE;YACnC,SAAS,GAAG,CAAC,CAAC;SACf;QAED,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC;QAE1B,OAAO,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IAChC,CAAC;IAED;;;OAGG;IACH,IAAI;QACF,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;YAC5B,OAAO,SAAS,CAAC;SAClB;QAED,IAAI,SAAS,GAAG,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;QAElC,IAAI,SAAS,GAAG,CAAC,EAAE;YACjB,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;SACpC;QAED,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC;QAE1B,OAAO,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IAChC,CAAC;CACF;AArDD,wCAqDC"}
|
package/expandable/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { ReactNode, MouseEventHandler, CSSProperties } from 'react';
|
|
2
2
|
export interface ExpandableGroupProps {
|
|
3
3
|
/** Расстояние между элементами группы в пикселях. */
|
|
4
4
|
gap?: number;
|
|
@@ -38,5 +38,5 @@ export interface GroupItemProps {
|
|
|
38
38
|
export declare function ExpandableGroup({ gap, itemHeight, lineLimit, defaultExpanded, children, onExpand, opener, className, style, expanded: expandedProp, openerWidth, }: ExpandableGroupProps): JSX.Element;
|
|
39
39
|
export declare const Expandable: {
|
|
40
40
|
readonly Group: typeof ExpandableGroup;
|
|
41
|
-
readonly Item:
|
|
41
|
+
readonly Item: import("react").ForwardRefExoticComponent<GroupItemProps & import("react").RefAttributes<HTMLLIElement>>;
|
|
42
42
|
};
|
package/expandable/index.js
CHANGED
|
@@ -1,33 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
4
|
};
|
|
28
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
6
|
exports.Expandable = exports.ExpandableGroup = void 0;
|
|
30
|
-
const
|
|
7
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
+
const react_1 = require("react");
|
|
31
9
|
const utils_1 = require("./utils");
|
|
32
10
|
const bind_1 = __importDefault(require("classnames/bind"));
|
|
33
11
|
const expandable_group_module_scss_1 = __importDefault(require("./expandable-group.module.scss"));
|
|
@@ -38,9 +16,7 @@ const ItemContext = (0, react_1.createContext)({});
|
|
|
38
16
|
* @param props Свойства.
|
|
39
17
|
* @return Элемент.
|
|
40
18
|
*/
|
|
41
|
-
function ExpandableGroup({ gap = 8, itemHeight = 32, lineLimit = 2, defaultExpanded = false, children, onExpand, opener = data =>
|
|
42
|
-
"\u0415\u0449\u0451 ",
|
|
43
|
-
data.hiddenCount), className, style, expanded: expandedProp, openerWidth = 72, }) {
|
|
19
|
+
function ExpandableGroup({ gap = 8, itemHeight = 32, lineLimit = 2, defaultExpanded = false, children, onExpand, opener = data => (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["\u0415\u0449\u0451 ", data.hiddenCount] }), className, style, expanded: expandedProp, openerWidth = 72, }) {
|
|
44
20
|
const wrapperRef = (0, react_1.useRef)(null);
|
|
45
21
|
const containerRef = (0, react_1.useRef)(null);
|
|
46
22
|
const openerRef = (0, react_1.useRef)(null);
|
|
@@ -65,21 +41,24 @@ function ExpandableGroup({ gap = 8, itemHeight = 32, lineLimit = 2, defaultExpan
|
|
|
65
41
|
openerRef,
|
|
66
42
|
gap,
|
|
67
43
|
});
|
|
68
|
-
return (
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
44
|
+
return ((0, jsx_runtime_1.jsx)("div", { ref: wrapperRef, className: cx('root', className), style: {
|
|
45
|
+
...style,
|
|
46
|
+
maxHeight: expanded ? undefined : `${itemHeight * lineLimit + gap * (lineLimit - 1)}px`,
|
|
47
|
+
'--expandable-item-height': `${itemHeight}px`,
|
|
48
|
+
'--expandable-opener-width': `${openerWidth}px`,
|
|
49
|
+
'--expandable-gap': `${gap}px`,
|
|
50
|
+
}, children: (0, jsx_runtime_1.jsxs)("ul", { ref: containerRef, className: expandable_group_module_scss_1.default.inner, children: [items, mounted && !expanded && ((0, jsx_runtime_1.jsx)(ItemContext.Provider, { value: { invisible: hiddenCount === 0, opener: true }, children: (0, jsx_runtime_1.jsx)(ExpandableItem, { ref: openerRef, onClick: () => {
|
|
51
|
+
setExpanded(true);
|
|
52
|
+
onExpand === null || onExpand === void 0 ? void 0 : onExpand();
|
|
53
|
+
}, "data-testid": 'expandable:opener', children: opener({ hiddenCount }) }) }))] }) }));
|
|
76
54
|
}
|
|
77
55
|
exports.ExpandableGroup = ExpandableGroup;
|
|
78
56
|
const ExpandableItem = (0, react_1.forwardRef)(({ children, onClick, 'data-testid': testId = 'expandable:item' }, ref) => {
|
|
79
57
|
const context = (0, react_1.useContext)(ItemContext);
|
|
80
|
-
return (
|
|
58
|
+
return ((0, jsx_runtime_1.jsx)("li", { ref: ref, className: cx('item', context), "data-testid": testId, onClick: onClick, children: children }));
|
|
81
59
|
});
|
|
82
60
|
exports.Expandable = {
|
|
83
61
|
Group: ExpandableGroup,
|
|
84
62
|
Item: ExpandableItem,
|
|
85
63
|
};
|
|
64
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/expandable/index.tsx"],"names":[],"mappings":"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"}
|
package/expandable/utils.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/expandable/utils.ts"],"names":[],"mappings":"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"}
|
package/field-block/index.js
CHANGED
|
@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.FieldBlock = exports.FIELD_BLOCK_DEFAULTS = exports.FIELD_BLOCK_HEIGHT = void 0;
|
|
7
|
-
const
|
|
7
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
8
|
const bind_1 = __importDefault(require("classnames/bind"));
|
|
9
9
|
const field_block_module_scss_1 = __importDefault(require("./field-block.module.scss"));
|
|
10
10
|
const cx = bind_1.default.bind(field_block_module_scss_1.default);
|
|
@@ -31,13 +31,7 @@ function FieldBlock({ size = exports.FIELD_BLOCK_DEFAULTS.size, main, mainProps,
|
|
|
31
31
|
'no-label': !needLabel,
|
|
32
32
|
}, rootProps === null || rootProps === void 0 ? void 0 : rootProps.className);
|
|
33
33
|
const blockClassName = cx('block', fixedHeight && 'fixed-height', blockProps === null || blockProps === void 0 ? void 0 : blockProps.className);
|
|
34
|
-
return (
|
|
35
|
-
react_1.default.createElement("div", Object.assign({}, blockProps, { ref: blockRef, className: blockClassName, "data-testid": 'field-block:block' }),
|
|
36
|
-
adornmentStart && (react_1.default.createElement("div", { className: cx('col', 'adornment-col', 'start'), "data-testid": 'field-block:adornment-start' }, adornmentStart)),
|
|
37
|
-
react_1.default.createElement("div", { className: cx('col', 'main-col') },
|
|
38
|
-
needLabel && (react_1.default.createElement("label", Object.assign({}, labelProps, { className: cx('label', labelProps === null || labelProps === void 0 ? void 0 : labelProps.className), "data-testid": 'field-block:label' }), label)),
|
|
39
|
-
react_1.default.createElement("div", Object.assign({}, mainProps, { className: cx('main', mainProps === null || mainProps === void 0 ? void 0 : mainProps.className), "data-testid": 'field-block:main' }), main)),
|
|
40
|
-
adornmentEnd && (react_1.default.createElement("div", { className: cx('col', 'adornment-col', 'end'), "data-testid": 'field-block:adornment-end' }, adornmentEnd))),
|
|
41
|
-
caption && (react_1.default.createElement("div", { className: cx('caption'), "data-testid": 'field-block:caption' }, caption))));
|
|
34
|
+
return ((0, jsx_runtime_1.jsxs)("div", { ...rootProps, ref: rootRef, className: rootClassName, "data-testid": testId, children: [(0, jsx_runtime_1.jsxs)("div", { ...blockProps, ref: blockRef, className: blockClassName, "data-testid": 'field-block:block', children: [adornmentStart && ((0, jsx_runtime_1.jsx)("div", { className: cx('col', 'adornment-col', 'start'), "data-testid": 'field-block:adornment-start', children: adornmentStart })), (0, jsx_runtime_1.jsxs)("div", { className: cx('col', 'main-col'), children: [needLabel && ((0, jsx_runtime_1.jsx)("label", { ...labelProps, className: cx('label', labelProps === null || labelProps === void 0 ? void 0 : labelProps.className), "data-testid": 'field-block:label', children: label })), (0, jsx_runtime_1.jsx)("div", { ...mainProps, className: cx('main', mainProps === null || mainProps === void 0 ? void 0 : mainProps.className), "data-testid": 'field-block:main', children: main })] }), adornmentEnd && ((0, jsx_runtime_1.jsx)("div", { className: cx('col', 'adornment-col', 'end'), "data-testid": 'field-block:adornment-end', children: adornmentEnd }))] }), caption && ((0, jsx_runtime_1.jsx)("div", { className: cx('caption'), "data-testid": 'field-block:caption', children: caption }))] }));
|
|
42
35
|
}
|
|
43
36
|
exports.FieldBlock = FieldBlock;
|
|
37
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/field-block/index.tsx"],"names":[],"mappings":";;;;;;;AACA,2DAAyC;AACzC,wFAA+C;AAuE/C,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,iCAAM,CAAC,CAAC;AAEtB,QAAA,kBAAkB,GAAmC;IAChE,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;CACG,CAAC;AAEE,QAAA,oBAAoB,GAAG;IAClC,IAAI,EAAE,GAAG;CACD,CAAC;AAEX;;;;GAIG;AACH,SAAgB,UAAU,CAAC,EACzB,IAAI,GAAG,4BAAoB,CAAC,IAAI,EAChC,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,MAAM,EACN,OAAO,EACP,KAAK,EACL,UAAU,EACV,kBAAkB,EAClB,WAAW,GAAG,IAAI,EAClB,OAAO,EACP,OAAO,EACP,SAAS,EACT,QAAQ,EACR,UAAU,EACV,cAAc,EACd,YAAY,EACZ,aAAa,EAAE,MAAM,GAAG,aAAa,GACrB;IAChB,MAAM,SAAS,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,GAAG,IAAI,kBAAkB,CAAC,CAAC;IAEzE,MAAM,aAAa,GAAG,EAAE,CACtB,MAAM,EACN,QAAQ,IAAI,EAAE,EACd;QACE,QAAQ;QACR,OAAO;QACP,MAAM;QACN,sBAAsB,EAAE,SAAS,IAAI,kBAAkB;QACvD,UAAU,EAAE,CAAC,SAAS;KACvB,EACD,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,CACrB,CAAC;IAEF,MAAM,cAAc,GAAG,EAAE,CAAC,OAAO,EAAE,WAAW,IAAI,cAAc,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,CAAC,CAAC;IAEzF,OAAO,CACL,oCAAS,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,iBAAe,MAAM,aAE7E,oCACM,UAAU,EACd,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,cAAc,iBACb,mBAAmB,aAE9B,cAAc,IAAI,CACjB,gCACE,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,eAAe,EAAE,OAAO,CAAC,iBAClC,6BAA6B,YAExC,cAAc,GACX,CACP,EAED,iCAAK,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,aAClC,SAAS,IAAI,CACZ,qCACM,UAAU,EACd,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,CAAC,iBACjC,mBAAmB,YAE9B,KAAK,GACA,CACT,EAGD,mCACM,SAAS,EACb,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,CAAC,iBAC/B,kBAAkB,YAE7B,IAAI,GACD,IACF,EAEL,YAAY,IAAI,CACf,gCACE,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,eAAe,EAAE,KAAK,CAAC,iBAChC,2BAA2B,YAEtC,YAAY,GACT,CACP,IACG,EAEL,OAAO,IAAI,CACV,gCAAK,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,iBAAc,qBAAqB,YAC7D,OAAO,GACJ,CACP,IACG,CACP,CAAC;AACJ,CAAC;AA7FD,gCA6FC"}
|
package/field-grid/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
import { TextFieldProps } from '../text-field';
|
|
3
3
|
type ItOrArray<T> = T[] | T;
|
|
4
4
|
type CellSize = 'full' | 'half' | 'third';
|
|
@@ -9,21 +9,25 @@ interface CommonCellProps {
|
|
|
9
9
|
type OnlyOneRequired<T, K extends keyof T = keyof T> = {
|
|
10
10
|
[key in K]?: Required<Pick<T, key>> & Partial<Record<Exclude<K, key>, undefined>>;
|
|
11
11
|
}[K];
|
|
12
|
+
/** @deprecated */
|
|
12
13
|
export type CellProps = CommonCellProps & OnlyOneRequired<{
|
|
13
14
|
field: React.ReactElement<Pick<TextFieldProps, 'rounds' | 'caption' | 'classes' | 'className'>>;
|
|
14
15
|
renderField: (props: Pick<TextFieldProps, 'rounds' | 'caption'>) => React.ReactNode;
|
|
15
16
|
}>;
|
|
17
|
+
/** @deprecated */
|
|
16
18
|
export interface RowProps {
|
|
17
19
|
isFirst?: boolean;
|
|
18
20
|
isLast?: boolean;
|
|
19
21
|
children: ItOrArray<React.ReactElement<CellProps, typeof Cell>>;
|
|
20
22
|
}
|
|
23
|
+
/** @deprecated */
|
|
21
24
|
export interface FieldGridProps {
|
|
22
25
|
/** Содержимое. */
|
|
23
26
|
children: ItOrArray<React.ReactElement<RowProps, typeof Row>>;
|
|
24
27
|
/** Свойства корневого элемента. */
|
|
25
28
|
rootProps?: React.HTMLAttributes<HTMLDivElement>;
|
|
26
29
|
}
|
|
30
|
+
/** @deprecated */
|
|
27
31
|
export interface FieldGridComponent extends React.FC<FieldGridProps> {
|
|
28
32
|
Row: typeof Row;
|
|
29
33
|
Cell: typeof Cell;
|
|
@@ -44,6 +48,7 @@ export declare const FieldGrid: FieldGridComponent;
|
|
|
44
48
|
* @param props.isFirst Является ли ряд первым (будет задан автоматически).
|
|
45
49
|
* @param props.isLast Является ли ряд последним (будет задан автоматически).
|
|
46
50
|
* @return Элемент.
|
|
51
|
+
* @deprecated
|
|
47
52
|
*/
|
|
48
53
|
declare const Row: React.FC<RowProps>;
|
|
49
54
|
/**
|
|
@@ -54,6 +59,7 @@ declare const Row: React.FC<RowProps>;
|
|
|
54
59
|
* @param props.field Поле.
|
|
55
60
|
* @param props.renderField Должна вернуть поле получив свойства для него.
|
|
56
61
|
* @return Элемент.
|
|
62
|
+
* @deprecated
|
|
57
63
|
*/
|
|
58
64
|
declare const Cell: React.FC<CellProps>;
|
|
59
65
|
export {};
|