@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
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"block.js","sourceRoot":"","sources":["../../../src/select/parts/block.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAA0E;AAC1E,oCAAyC;AACzC,mDAAgE;AAChE,yCAAsC;AACtC,4FAAuE;AACvE,gGAA2E;AAC3E,4EAAyC;AACzC,4DAAoC;AAEpC;;;;GAIG;AACH,SAAgB,gBAAgB,CAAC,KAAsB;;IACrD,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,qBAAa,CAAC,CAAC;IAC1C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IACvD,MAAM,QAAQ,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,YAAK,CAAC,CAAC,CAAC,cAAO,CAAC;IAElD,2DAA2D;IAE3D,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACzC,IAAA,2BAAmB,EAAC,OAAO,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,OAAsB,CAAC,CAAC;IACzE,IAAA,2BAAmB,EAAC,OAAO,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,OAAsB,CAAC,CAAC;IAEzE,OAAO,CACL,uBAAC,wBAAU,IACT,KAAK,EAAE,OAAO,CAAC,KAAK,EACpB,YAAY,EAAE,uBAAC,QAAQ,IAAC,IAAI,EAAE,eAAM,CAAC,GAAG,CAAC,cAAc,CAAC,GAAI,KACxD,KAAK,EACT,MAAM,EAAE,OAAO,CAAC,MAAM,EACtB,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,WAAW,QACX,QAAQ,EAAE,GAAG,EACb,UAAU,EAAE;YACV,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU;YACpB,OAAO,EAAE,KAAK,CAAC,EAAE;;gBACf,UAAU,CAAC,IAAI,CAAC,CAAC;gBACjB,MAAA,MAAA,KAAK,CAAC,UAAU,0CAAE,OAAO,mDAAG,KAAK,CAAC,CAAC;YACrC,CAAC;YACD,MAAM,EAAE,KAAK,CAAC,EAAE;;gBACd,UAAU,CAAC,KAAK,CAAC,CAAC;gBAClB,MAAA,MAAA,KAAK,CAAC,UAAU,0CAAE,MAAM,mDAAG,KAAK,CAAC,CAAC;YACpC,CAAC;YACD,SAAS,EAAE,KAAK,CAAC,EAAE;;gBACjB,MAAA,OAAO,CAAC,SAAS,wDAAG,KAAK,CAAC,CAAC;gBAC3B,MAAA,MAAA,KAAK,CAAC,UAAU,0CAAE,SAAS,mDAAG,KAAK,CAAC,CAAC;YACvC,CAAC;YACD,WAAW,EAAE,KAAK,CAAC,EAAE;;gBACnB,MAAA,OAAO,CAAC,WAAW,wDAAG,KAAK,CAAC,CAAC;gBAC7B,MAAA,MAAA,KAAK,CAAC,UAAU,0CAAE,WAAW,mDAAG,KAAK,CAAC,CAAC;YACzC,CAAC;YACD,IAAI,EAAE,UAAU;YAChB,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;YAC1C,SAAS,EAAE,IAAA,oBAAU,EAAC,2BAAM,CAAC,KAAK,EAAE,MAAA,KAAK,CAAC,UAAU,0CAAE,SAAS,CAAC;SACjE,EACD,OAAO,EAAE,OAAO,IAAI,OAAO,CAAC,MAAM,EAClC,kBAAkB,EAAE,CAAC,OAAO,CAAC,KAAK,EAClC,IAAI,EAAE,OAAO,CAAC,KAAK,EACnB,SAAS,EAAE,EAAE,SAAS,EAAE,2BAAM,CAAC,IAAI,EAAE,GACrC,CACH,CAAC;AACJ,CAAC;AAhDD,4CAgDC"}
|
package/select/parts/button.js
CHANGED
|
@@ -1,62 +1,28 @@
|
|
|
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.SelectTextButton = void 0;
|
|
41
|
-
const
|
|
7
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
+
const react_1 = require("react");
|
|
42
9
|
const text_button_1 = require("../../text-button");
|
|
43
10
|
const utils_1 = require("../utils");
|
|
44
|
-
const
|
|
45
|
-
const
|
|
11
|
+
const Up_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/Up"));
|
|
12
|
+
const Down_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/Down"));
|
|
46
13
|
/**
|
|
47
14
|
* Компонент открывашки в виде текстовой кнопки.
|
|
48
15
|
* @param props Свойства.
|
|
49
16
|
* @return Элемент.
|
|
50
17
|
*/
|
|
51
|
-
function SelectTextButton(
|
|
52
|
-
var { buttonRef: buttonRefProp, children, onKeyDown, onMouseDown } = _a, props = __rest(_a, ["buttonRef", "children", "onKeyDown", "onMouseDown"]);
|
|
18
|
+
function SelectTextButton({ buttonRef: buttonRefProp, children, onKeyDown, onMouseDown, ...props }) {
|
|
53
19
|
const buttonRef = (0, react_1.useRef)(null);
|
|
54
20
|
const binding = (0, react_1.useContext)(utils_1.SelectContext);
|
|
55
|
-
const ArrowSVG = binding.opened ?
|
|
21
|
+
const ArrowSVG = binding.opened ? Up_1.default : Down_1.default;
|
|
56
22
|
(0, react_1.useImperativeHandle)(buttonRefProp, () => buttonRef.current);
|
|
57
23
|
(0, react_1.useImperativeHandle)(binding.anchorRef, () => buttonRef.current);
|
|
58
24
|
(0, react_1.useImperativeHandle)(binding.openerRef, () => buttonRef.current);
|
|
59
|
-
return (
|
|
25
|
+
return ((0, jsx_runtime_1.jsx)(text_button_1.TextButton, { iconGutter: 4, endIcon: ArrowSVG, ...props, as: 'button', onMouseDown: event => {
|
|
60
26
|
var _a;
|
|
61
27
|
(_a = binding.onMouseDown) === null || _a === void 0 ? void 0 : _a.call(binding, event);
|
|
62
28
|
onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(event);
|
|
@@ -64,6 +30,7 @@ function SelectTextButton(_a) {
|
|
|
64
30
|
var _a;
|
|
65
31
|
(_a = binding.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(binding, event);
|
|
66
32
|
onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
|
|
67
|
-
}, disabled: binding.disabled, buttonRef: buttonRef, role: 'combobox'
|
|
33
|
+
}, disabled: binding.disabled, buttonRef: buttonRef, role: 'combobox', children: children !== null && children !== void 0 ? children : (binding.value || binding.label) }));
|
|
68
34
|
}
|
|
69
35
|
exports.SelectTextButton = SelectTextButton;
|
|
36
|
+
//# sourceMappingURL=button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/select/parts/button.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAgE;AAChE,mDAAwE;AACxE,oCAAyC;AACzC,4FAAuE;AACvE,gGAA2E;AAE3E;;;;GAIG;AACH,SAAgB,gBAAgB,CAAC,EAC/B,SAAS,EAAE,aAAa,EACxB,QAAQ,EACR,SAAS,EACT,WAAW,EACX,GAAG,KAAK,EACgB;IACxB,MAAM,SAAS,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,qBAAa,CAAC,CAAC;IAC1C,MAAM,QAAQ,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,YAAK,CAAC,CAAC,CAAC,cAAO,CAAC;IAElD,IAAA,2BAAmB,EAAC,aAAa,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,OAA4B,CAAC,CAAC;IACjF,IAAA,2BAAmB,EAAC,OAAO,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,OAAsB,CAAC,CAAC;IAC/E,IAAA,2BAAmB,EAAC,OAAO,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,OAAsB,CAAC,CAAC;IAE/E,OAAO,CACL,uBAAC,wBAAU,IACT,UAAU,EAAE,CAAC,EACb,OAAO,EAAE,QAAQ,KACb,KAAK,EACT,EAAE,EAAC,QAAQ,EACX,WAAW,EAAE,KAAK,CAAC,EAAE;;YACnB,MAAA,OAAO,CAAC,WAAW,wDAAG,KAAK,CAAC,CAAC;YAC7B,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,KAAK,CAAC,CAAC;QACvB,CAAC,EACD,SAAS,EAAE,KAAK,CAAC,EAAE;;YACjB,MAAA,OAAO,CAAC,SAAS,wDAAG,KAAK,CAAC,CAAC;YAC3B,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,KAAK,CAAC,CAAC;QACrB,CAAC,EACD,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,UAAU,YAEd,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CAAC,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,KAAK,CAAC,GAClC,CACd,CAAC;AACJ,CAAC;AApCD,4CAoCC"}
|
package/select/parts/menu.js
CHANGED
|
@@ -1,44 +1,12 @@
|
|
|
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.SelectMenu = void 0;
|
|
41
|
-
const react_1 =
|
|
7
|
+
const react_1 = require("react");
|
|
8
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
9
|
+
const react_2 = require("react");
|
|
42
10
|
const dropdown_1 = require("../../dropdown");
|
|
43
11
|
const dropdown_item_1 = require("../../dropdown-item");
|
|
44
12
|
const utils_1 = require("../../dropdown-item/utils");
|
|
@@ -54,15 +22,14 @@ const MenuItemAttr = {
|
|
|
54
22
|
* @param props Свойства.
|
|
55
23
|
* @return Элемент.
|
|
56
24
|
*/
|
|
57
|
-
function SelectMenu(
|
|
58
|
-
|
|
59
|
-
const
|
|
60
|
-
const
|
|
61
|
-
const
|
|
62
|
-
|
|
63
|
-
(0, react_1.useImperativeHandle)(menuRef, () => ref.current);
|
|
25
|
+
function SelectMenu({ loading, children, menuRef, value, onKeyDown, onItemSelect, ...restProps }) {
|
|
26
|
+
const ref = (0, react_2.useRef)(null);
|
|
27
|
+
const osComponentRef = (0, react_2.useRef)(null);
|
|
28
|
+
const [activeIndex, setActiveIndex] = (0, react_2.useState)(-1);
|
|
29
|
+
const items = react_2.Children.toArray(children).filter(utils_1.DropdownItemUtils.is);
|
|
30
|
+
(0, react_2.useImperativeHandle)(menuRef, () => ref.current);
|
|
64
31
|
// прокрутка до элемента списка
|
|
65
|
-
(0,
|
|
32
|
+
(0, react_2.useEffect)(() => {
|
|
66
33
|
var _a, _b;
|
|
67
34
|
const menu = ref.current;
|
|
68
35
|
const itemSelector = `[${MenuItemAttr.name}="${MenuItemAttr.value}"]`;
|
|
@@ -74,7 +41,7 @@ function SelectMenu(_a) {
|
|
|
74
41
|
});
|
|
75
42
|
}
|
|
76
43
|
}, [activeIndex]);
|
|
77
|
-
const handleMenuKeyDown = (0,
|
|
44
|
+
const handleMenuKeyDown = (0, react_2.useCallback)(event => {
|
|
78
45
|
onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
|
|
79
46
|
switch (event.code) {
|
|
80
47
|
case 'Enter': {
|
|
@@ -93,13 +60,14 @@ function SelectMenu(_a) {
|
|
|
93
60
|
break;
|
|
94
61
|
}
|
|
95
62
|
}, [items, activeIndex, onKeyDown]);
|
|
96
|
-
const handleItemClick = (0,
|
|
63
|
+
const handleItemClick = (0, react_2.useCallback)((item) => item.props.disabled
|
|
97
64
|
? undefined
|
|
98
65
|
: event => {
|
|
99
66
|
var _a, _b;
|
|
100
67
|
(_b = (_a = item.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, event);
|
|
101
68
|
onItemSelect === null || onItemSelect === void 0 ? void 0 : onItemSelect(item);
|
|
102
69
|
}, [onItemSelect]);
|
|
103
|
-
return (
|
|
70
|
+
return ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { ...restProps, ref: ref, tabIndex: 0, role: 'listbox', onKeyDown: handleMenuKeyDown, className: (0, classnames_1.default)(menu_module_scss_1.default.menu, restProps.className), customScrollbarProps: { osComponentRef }, children: loading ? ((0, jsx_runtime_1.jsx)(dropdown_loading_1.DropdownLoading, { "data-testid": 'select:loading-area' })) : (items.map((item, index) => ((0, react_1.createElement)(dropdown_item_1.DropdownItem, { checked: activeIndex === index, selected: value === utils_1.DropdownItemUtils.getValue(item), ...item.props, key: index, role: 'option', onClick: handleItemClick(item), ...{ [MenuItemAttr.name]: MenuItemAttr.value } })))) }));
|
|
104
71
|
}
|
|
105
72
|
exports.SelectMenu = SelectMenu;
|
|
73
|
+
//# sourceMappingURL=menu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/select/parts/menu.tsx"],"names":[],"mappings":";;;;;;;;AAAA,iCASe;AAEf,6CAA0C;AAC1C,uDAAmD;AAEnD,qDAA8D;AAC9D,uEAAmE;AAEnE,4DAAoC;AACpC,0EAAwC;AAExC,MAAM,YAAY,GAAG;IACnB,IAAI,EAAE,kBAAkB;IACxB,KAAK,EAAE,QAAQ;CACP,CAAC;AAEX;;;;GAIG;AACH,SAAgB,UAAU,CAAC,EACzB,OAAO,EACP,QAAQ,EACR,OAAO,EACP,KAAK,EACL,SAAS,EACT,YAAY,EACZ,GAAG,SAAS,EACI;IAChB,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,cAAc,GAAG,IAAA,cAAM,EAA6B,IAAI,CAAC,CAAC;IAChE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAS,CAAC,CAAC,CAAC,CAAC;IAC3D,MAAM,KAAK,GAAG,gBAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,yBAAiB,CAAC,EAAE,CAAC,CAAC;IAEtE,IAAA,2BAAmB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IAEhD,+BAA+B;IAC/B,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACb,MAAM,IAAI,GAAG,GAAG,CAAC,OAAO,CAAC;QACzB,MAAM,YAAY,GAAG,IAAI,YAAY,CAAC,IAAI,KAAK,YAAY,CAAC,KAAK,IAAI,CAAC;QACtE,MAAM,UAAU,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,gBAAgB,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;QAErE,IAAI,UAAU,YAAY,WAAW,EAAE;YACrC,MAAA,MAAA,cAAc,CAAC,OAAO,0CAAE,UAAU,EAAE,0CAAE,MAAM,CAAC;gBAC3C,EAAE,EAAE,UAAU;gBACd,MAAM,EAAE,EAAE,CAAC,EAAE,UAAU,EAAE;aAC1B,CAAC,CAAC;SACJ;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,iBAAiB,GAAG,IAAA,mBAAW,EACnC,KAAK,CAAC,EAAE;QACN,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,KAAK,CAAC,CAAC;QAEnB,QAAQ,KAAK,CAAC,IAAI,EAAE;YAClB,KAAK,OAAO,CAAC,CAAC;gBACZ,MAAM,IAAI,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;gBAEhC,IAAI,IAAI,EAAE;oBACR,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,IAAI,CAAC,CAAC;iBACtB;gBAED,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;gBACnB,MAAM;aACP;YACD,KAAK,SAAS;gBACZ,cAAc,CAAC,CAAC,CAAC,EAAE,WAAC,OAAA,MAAA,yBAAiB,CAAC,gBAAgB,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,mCAAI,CAAC,CAAC,CAAA,EAAA,CAAC,CAAC;gBAC/E,MAAM;YACR,KAAK,WAAW;gBACd,cAAc,CAAC,CAAC,CAAC,EAAE,WAAC,OAAA,MAAA,yBAAiB,CAAC,gBAAgB,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,mCAAI,CAAC,CAAC,CAAA,EAAA,CAAC,CAAC;gBAC/E,MAAM;SACT;IACH,CAAC,EACD,CAAC,KAAK,EAAE,WAAW,EAAE,SAAS,CAAC,CAChC,CAAC;IAEF,MAAM,eAAe,GAAG,IAAA,mBAAW,EACjC,CAAC,IAAyB,EAAiD,EAAE,CAC3E,IAAI,CAAC,KAAK,CAAC,QAAQ;QACjB,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,KAAK,CAAC,EAAE;;YACN,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,OAAO,mDAAG,KAAK,CAAC,CAAC;YAC5B,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,IAAI,CAAC,CAAC;QACvB,CAAC,EACP,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,OAAO,CACL,uBAAC,mBAAQ,OACH,SAAS,EACb,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,CAAC,EACX,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,iBAAiB,EAC5B,SAAS,EAAE,IAAA,oBAAU,EAAC,0BAAM,CAAC,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC,EACvD,oBAAoB,EAAE,EAAE,cAAc,EAAE,YAEvC,OAAO,CAAC,CAAC,CAAC,CACT,uBAAC,kCAAe,mBAAa,qBAAqB,GAAG,CACtD,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACzB,2BAAC,4BAAY,IACX,OAAO,EAAE,WAAW,KAAK,KAAK,EAC9B,QAAQ,EAAE,KAAK,KAAK,yBAAiB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAChD,IAAI,CAAC,KAAK,EACd,GAAG,EAAE,KAAK,EACV,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,eAAe,CAAC,IAAI,CAAC,KAC1B,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,YAAY,CAAC,KAAK,EAAE,GAC/C,CACH,CAAC,CACH,GACQ,CACZ,CAAC;AACJ,CAAC;AA9FD,gCA8FC"}
|
package/select/select.js
CHANGED
|
@@ -1,41 +1,8 @@
|
|
|
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
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
3
|
exports.Select = void 0;
|
|
38
|
-
const
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
39
6
|
const utils_1 = require("./utils");
|
|
40
7
|
const identity_1 = require("../hooks/identity");
|
|
41
8
|
const utils_2 = require("../dropdown-item/utils");
|
|
@@ -49,7 +16,7 @@ const utils_3 = require("../dropdown/utils");
|
|
|
49
16
|
* @param props Свойства.
|
|
50
17
|
* @return Элемент.
|
|
51
18
|
*/
|
|
52
|
-
function Select({ children, disabled, failed, loading, onValueChange, onMenuToggle, value, defaultValue, label, opener =
|
|
19
|
+
function Select({ children, disabled, failed, loading, onValueChange, onMenuToggle, value, defaultValue, label, opener = (0, jsx_runtime_1.jsx)(block_1.SelectFieldBlock, {}), renderValue = v => v, dropdownProps, }) {
|
|
53
20
|
// @todo по аналогии с <select /> надо проверять, есть ли значение в списке переданных
|
|
54
21
|
const [initialValue] = (0, react_1.useState)(() => { var _a; return (_a = value !== null && value !== void 0 ? value : defaultValue) !== null && _a !== void 0 ? _a : ''; });
|
|
55
22
|
const [currentValue, setCurrentValue] = (0, react_1.useState)(initialValue);
|
|
@@ -59,7 +26,10 @@ function Select({ children, disabled, failed, loading, onValueChange, onMenuTogg
|
|
|
59
26
|
const onMenuToggleRef = (0, identity_1.useIdentityRef)(onMenuToggle);
|
|
60
27
|
const openerRef = (0, react_1.useRef)(null);
|
|
61
28
|
const menuShown = needMenu && menuElement !== null;
|
|
62
|
-
const
|
|
29
|
+
const { refs, isPositioned, ...floating } = (0, react_2.useFloating)({
|
|
30
|
+
open: needMenu,
|
|
31
|
+
...(0, utils_3.dropdownFloatingConfig)(),
|
|
32
|
+
});
|
|
63
33
|
(0, react_1.useImperativeHandle)(refs.setFloating, () => menuElement, [menuElement]);
|
|
64
34
|
(0, react_1.useEffect)(() => {
|
|
65
35
|
if (typeof value !== 'undefined') {
|
|
@@ -105,14 +75,24 @@ function Select({ children, disabled, failed, loading, onValueChange, onMenuTogg
|
|
|
105
75
|
}
|
|
106
76
|
},
|
|
107
77
|
};
|
|
108
|
-
const floatingStyle = (0, utils_3.useDropdownFloatingStyle)(
|
|
109
|
-
const menuProps =
|
|
110
|
-
|
|
78
|
+
const floatingStyle = (0, utils_3.useDropdownFloatingStyle)({ refs, ...floating });
|
|
79
|
+
const menuProps = {
|
|
80
|
+
...dropdownProps,
|
|
81
|
+
style: {
|
|
82
|
+
...dropdownProps === null || dropdownProps === void 0 ? void 0 : dropdownProps.style,
|
|
83
|
+
...floatingStyle,
|
|
84
|
+
},
|
|
85
|
+
menuRef: setMenuElement,
|
|
86
|
+
value,
|
|
87
|
+
loading,
|
|
88
|
+
onFocus: () => {
|
|
111
89
|
setMenuFocused(true);
|
|
112
|
-
},
|
|
90
|
+
},
|
|
91
|
+
onBlur: () => {
|
|
113
92
|
setNeedMenu(false);
|
|
114
93
|
setMenuFocused(false);
|
|
115
|
-
},
|
|
94
|
+
},
|
|
95
|
+
onKeyDown: event => {
|
|
116
96
|
var _a, _b;
|
|
117
97
|
switch (event.code) {
|
|
118
98
|
case 'ArrowUp':
|
|
@@ -128,18 +108,19 @@ function Select({ children, disabled, failed, loading, onValueChange, onMenuTogg
|
|
|
128
108
|
(_b = openerRef.current) === null || _b === void 0 ? void 0 : _b.focus();
|
|
129
109
|
break;
|
|
130
110
|
}
|
|
131
|
-
},
|
|
111
|
+
},
|
|
112
|
+
onItemSelect: item => {
|
|
132
113
|
var _a;
|
|
133
114
|
const nextValue = utils_2.DropdownItemUtils.getValue(item);
|
|
134
115
|
setCurrentValue(nextValue);
|
|
135
116
|
onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(nextValue);
|
|
136
117
|
setNeedMenu(false);
|
|
137
118
|
(_a = openerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
138
|
-
}
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
react_1.default.createElement(react_2.FloatingPortal, { id: '' }, needMenu && react_1.default.createElement(menu_1.SelectMenu, Object.assign({}, menuProps), children))));
|
|
119
|
+
},
|
|
120
|
+
};
|
|
121
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(utils_1.SelectContext.Provider, { value: openerBinding, children: (0, react_1.isValidElement)(opener) && opener }), (0, jsx_runtime_1.jsx)(react_2.FloatingPortal, { id: '', children: needMenu && (0, jsx_runtime_1.jsx)(menu_1.SelectMenu, { ...menuProps, children: children }) })] }));
|
|
142
122
|
}
|
|
143
123
|
exports.Select = Select;
|
|
144
124
|
Select.FieldBlock = block_1.SelectFieldBlock;
|
|
145
125
|
Select.TextButton = button_1.SelectTextButton;
|
|
126
|
+
//# sourceMappingURL=select.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select.js","sourceRoot":"","sources":["../../src/select/select.tsx"],"names":[],"mappings":"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"}
|
package/select/types.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/select/types.ts"],"names":[],"mappings":""}
|
package/select/utils.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/select/utils.ts"],"names":[],"mappings":";;;AAAA,iCAAiD;AAGpC,QAAA,aAAa,GAAG,IAAA,qBAAa,EAAsB;IAC9D,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,KAAK;IACb,WAAW,EAAE,KAAK;IAClB,SAAS,EAAE,IAAA,iBAAS,GAAE;IACtB,SAAS,EAAE,IAAA,iBAAS,GAAE;IACtB,WAAW,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC;IACzB,SAAS,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC;CACxB,CAAC,CAAC"}
|
|
@@ -1,51 +1,18 @@
|
|
|
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.Select = exports.renderDefaultArrow = void 0;
|
|
41
|
-
const
|
|
7
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
+
const react_1 = require("react");
|
|
42
9
|
const dropdown_1 = require("../dropdown");
|
|
43
10
|
const dropdown_item_1 = require("../dropdown-item");
|
|
44
11
|
const text_field_1 = require("../text-field");
|
|
45
12
|
const dropdown_2 = require("../_internal/utils/dropdown");
|
|
46
13
|
const bind_1 = __importDefault(require("classnames/bind"));
|
|
47
|
-
const
|
|
48
|
-
const
|
|
14
|
+
const Down_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/Down"));
|
|
15
|
+
const Up_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/Up"));
|
|
49
16
|
const select_module_scss_1 = __importDefault(require("./select.module.scss"));
|
|
50
17
|
const colors_1 = require("../colors");
|
|
51
18
|
const dropdown_loading_1 = require("../_internal/dropdown-loading");
|
|
@@ -57,8 +24,8 @@ const cx = bind_1.default.bind(select_module_scss_1.default);
|
|
|
57
24
|
* @return Элемент.
|
|
58
25
|
*/
|
|
59
26
|
const renderDefaultArrow = (opened) => {
|
|
60
|
-
const ArrowSVG = opened ?
|
|
61
|
-
return
|
|
27
|
+
const ArrowSVG = opened ? Up_1.default : Down_1.default;
|
|
28
|
+
return (0, jsx_runtime_1.jsx)(ArrowSVG, { fill: colors_1.COLORS.get('basic-gray38') });
|
|
62
29
|
};
|
|
63
30
|
exports.renderDefaultArrow = renderDefaultArrow;
|
|
64
31
|
/**
|
|
@@ -67,8 +34,7 @@ exports.renderDefaultArrow = renderDefaultArrow;
|
|
|
67
34
|
* @param props Свойства.
|
|
68
35
|
* @return Элемент.
|
|
69
36
|
*/
|
|
70
|
-
const Select = (
|
|
71
|
-
var { options, optionSize, onSelect, style, className, label, onClick, value, loading, onMenuToggle, renderOption = String, 'data-testid': dataTestId, size, endAdornment = exports.renderDefaultArrow } = _a, restProps = __rest(_a, ["options", "optionSize", "onSelect", "style", "className", "label", "onClick", "value", "loading", "onMenuToggle", "renderOption", 'data-testid', "size", "endAdornment"]);
|
|
37
|
+
const Select = ({ options, optionSize, onSelect, style, className, label, onClick, value, loading, onMenuToggle, renderOption = String, 'data-testid': dataTestId, size, endAdornment = exports.renderDefaultArrow, ...restProps }) => {
|
|
72
38
|
const rootRef = (0, react_1.useRef)(null);
|
|
73
39
|
const fieldRef = (0, react_1.useRef)(null);
|
|
74
40
|
const menuRef = (0, react_1.useRef)(null);
|
|
@@ -78,35 +44,34 @@ const Select = (_a) => {
|
|
|
78
44
|
onMenuToggle && onMenuToggle(opened);
|
|
79
45
|
}, [opened]);
|
|
80
46
|
(0, hooks_1.useOutsideClick)(rootRef, toggleMenu.bind(null, false));
|
|
81
|
-
return (
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
},
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
tabIndex: -1,
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
47
|
+
return ((0, jsx_runtime_1.jsxs)("div", { ref: rootRef, style: style, className: cx('root', className), "data-testid": dataTestId, children: [(0, jsx_runtime_1.jsx)(text_field_1.TextField, { ...restProps, size: size, blockProps: {
|
|
48
|
+
ref: fieldRef,
|
|
49
|
+
tabIndex: 0,
|
|
50
|
+
onMouseDown: () => {
|
|
51
|
+
toggleMenu(a => !a);
|
|
52
|
+
},
|
|
53
|
+
onKeyDown: e => {
|
|
54
|
+
e.key === 'Enter' && toggleMenu(true);
|
|
55
|
+
},
|
|
56
|
+
}, onClick: e => {
|
|
57
|
+
e.preventDefault();
|
|
58
|
+
onClick && onClick(e);
|
|
59
|
+
}, className: select_module_scss_1.default.field, "data-testid": 'select:field', label: label, focused: opened, baseInputProps: {
|
|
60
|
+
// чтобы не ловить фокус на поле
|
|
61
|
+
style: { pointerEvents: 'none' },
|
|
62
|
+
tabIndex: -1,
|
|
63
|
+
}, value: value, multiline: false, variant: 'desktop', readOnly: true, endAdornment: typeof endAdornment === 'function' ? endAdornment(opened) : endAdornment }), opened && (loading || options.length > 0) && ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { ...(0, dropdown_2.placeDropdown)(size), ref: menuRef, "data-testid": 'select:menu', role: 'menu', tabIndex: -1, className: cx('menu'), onKeyDown: event => {
|
|
64
|
+
if (event.key === 'Enter') {
|
|
65
|
+
toggleMenu(false);
|
|
66
|
+
fieldRef.current && fieldRef.current.focus();
|
|
67
|
+
}
|
|
68
|
+
}, onBlur: () => {
|
|
101
69
|
toggleMenu(false);
|
|
102
70
|
fieldRef.current && fieldRef.current.focus();
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
} }), loading ? (react_1.default.createElement(dropdown_loading_1.DropdownLoading, { "data-testid": 'select:loading-area' })) : (options.map((option, index) => (react_1.default.createElement(dropdown_item_1.DropdownItem, { size: optionSize, key: index, role: 'menuitem', onClick: () => {
|
|
108
|
-
toggleMenu(false);
|
|
109
|
-
onSelect && onSelect(option);
|
|
110
|
-
} }, renderOption(option)))))))));
|
|
71
|
+
}, children: loading ? ((0, jsx_runtime_1.jsx)(dropdown_loading_1.DropdownLoading, { "data-testid": 'select:loading-area' })) : (options.map((option, index) => ((0, jsx_runtime_1.jsx)(dropdown_item_1.DropdownItem, { size: optionSize, role: 'menuitem', onClick: () => {
|
|
72
|
+
toggleMenu(false);
|
|
73
|
+
onSelect && onSelect(option);
|
|
74
|
+
}, children: renderOption(option) }, index)))) }))] }));
|
|
111
75
|
};
|
|
112
76
|
exports.Select = Select;
|
|
77
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/select-deprecated/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAoD;AACpD,0CAAuC;AACvC,oDAAgD;AAChD,8CAA0D;AAC1D,0DAA4D;AAC5D,2DAAyC;AACzC,gGAA2E;AAC3E,4FAAuE;AACvE,8EAA0C;AAC1C,sCAAmC;AACnC,oEAAgE;AAChE,oCAA2C;AA6B3C,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,4BAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACI,MAAM,kBAAkB,GAAG,CAAC,MAAe,EAAE,EAAE;IACpD,MAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC,YAAK,CAAC,CAAC,CAAC,cAAO,CAAC;IAC1C,OAAO,uBAAC,QAAQ,IAAC,IAAI,EAAE,eAAM,CAAC,GAAG,CAAC,cAAc,CAAC,GAAI,CAAC;AACxD,CAAC,CAAC;AAHW,QAAA,kBAAkB,sBAG7B;AAEF;;;;;GAKG;AACI,MAAM,MAAM,GAAG,CAAC,EACrB,OAAO,EACP,UAAU,EACV,QAAQ,EACR,KAAK,EACL,SAAS,EACT,KAAK,EACL,OAAO,EACP,KAAK,EACL,OAAO,EACP,YAAY,EACZ,YAAY,GAAG,MAAM,EACrB,aAAa,EAAE,UAAU,EACzB,IAAI,EACJ,YAAY,GAAG,0BAAkB,EACjC,GAAG,SAAS,EACA,EAAE,EAAE;IAChB,MAAM,OAAO,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC7C,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC9C,MAAM,OAAO,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC7C,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAEtD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,IAAI,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QACrD,YAAY,IAAI,YAAY,CAAC,MAAM,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,IAAA,uBAAe,EAAC,OAAO,EAAE,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;IAEvD,OAAO,CACL,iCAAK,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,iBAAe,UAAU,aACxF,uBAAC,sBAAS,OACJ,SAAS,EACb,IAAI,EAAE,IAAI,EACV,UAAU,EAAE;oBACV,GAAG,EAAE,QAAQ;oBACb,QAAQ,EAAE,CAAC;oBACX,WAAW,EAAE,GAAG,EAAE;wBAChB,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;oBACtB,CAAC;oBACD,SAAS,EAAE,CAAC,CAAC,EAAE;wBACb,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,UAAU,CAAC,IAAI,CAAC,CAAC;oBACxC,CAAC;iBACF,EACD,OAAO,EAAE,CAAC,CAAC,EAAE;oBACX,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;gBACxB,CAAC,EACD,SAAS,EAAE,4BAAM,CAAC,KAAK,iBACX,cAAc,EAC1B,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,MAAM,EACf,cAAc,EAAE;oBACd,gCAAgC;oBAChC,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE;oBAChC,QAAQ,EAAE,CAAC,CAAC;iBACb,EACD,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,KAAK,EAChB,OAAO,EAAC,SAAS,EACjB,QAAQ,QACR,YAAY,EAAE,OAAO,YAAY,KAAK,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,YAAY,GACtF,EAED,MAAM,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,CAC5C,uBAAC,mBAAQ,OACH,IAAA,wBAAa,EAAC,IAAI,CAAC,EACvB,GAAG,EAAE,OAAc,iBACP,aAAa,EACzB,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,CAAC,CAAC,EACZ,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,EACrB,SAAS,EAAE,KAAK,CAAC,EAAE;oBACjB,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;wBACzB,UAAU,CAAC,KAAK,CAAC,CAAC;wBAClB,QAAQ,CAAC,OAAO,IAAI,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;qBAC9C;gBACH,CAAC,EACD,MAAM,EAAE,GAAG,EAAE;oBACX,UAAU,CAAC,KAAK,CAAC,CAAC;oBAClB,QAAQ,CAAC,OAAO,IAAI,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;gBAC/C,CAAC,YAEA,OAAO,CAAC,CAAC,CAAC,CACT,uBAAC,kCAAe,mBAAa,qBAAqB,GAAG,CACtD,CAAC,CAAC,CAAC,CACF,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B,uBAAC,4BAAY,IACX,IAAI,EAAE,UAAU,EAEhB,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,GAAG,EAAE;wBACZ,UAAU,CAAC,KAAK,CAAC,CAAC;wBAClB,QAAQ,IAAI,QAAQ,CAAC,MAAM,CAAC,CAAC;oBAC/B,CAAC,YAEA,YAAY,CAAC,MAAM,CAAC,IAPhB,KAAK,CAQG,CAChB,CAAC,CACH,GACQ,CACZ,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAxGW,QAAA,MAAM,UAwGjB"}
|
package/side-page/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.SidePage = void 0;
|
|
41
|
-
const
|
|
7
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
+
const react_1 = require("react");
|
|
42
9
|
const define_slots_1 = require("../helpers/define-slots");
|
|
43
10
|
const page_scroll_lock_1 = require("../_internal/page-scroll-lock");
|
|
44
11
|
const slots_1 = require("./slots");
|
|
@@ -59,10 +26,9 @@ const transitionClasses = {
|
|
|
59
26
|
* @param props Свойства.
|
|
60
27
|
* @return Элемент.
|
|
61
28
|
*/
|
|
62
|
-
function SidePage(
|
|
63
|
-
var { shown, withTransitions, onEnter, onEntering, onEntered, onExit, onExiting, onExited } = _a, restProps = __rest(_a, ["shown", "withTransitions", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited"]);
|
|
29
|
+
function SidePage({ shown, withTransitions, onEnter, onEntering, onEntered, onExit, onExiting, onExited, ...restProps }) {
|
|
64
30
|
const transitionDuration = withTransitions ? 300 : 0;
|
|
65
|
-
return (
|
|
31
|
+
return ((0, jsx_runtime_1.jsx)(CSSTransition_1.default, { in: shown, timeout: transitionDuration, classNames: transitionClasses, unmountOnExit: true, onEntering: onEntering, onEnter: onEnter, onEntered: onEntered, onExit: onExit, onExiting: onExiting, onExited: onExited, children: transitionStatus => ((0, jsx_runtime_1.jsx)(SidePageInner, { ...restProps, ...{ transitionStatus, transitionDuration } })) }));
|
|
66
32
|
}
|
|
67
33
|
exports.SidePage = SidePage;
|
|
68
34
|
/**
|
|
@@ -73,19 +39,20 @@ exports.SidePage = SidePage;
|
|
|
73
39
|
function SidePageInner({ size = 'm', children, onClose, withScrollDisable = false, scrollDisableOptions, transitionStatus, transitionDuration, }) {
|
|
74
40
|
const overlayClickBind = (0, utils_1.useExactClick)(onClose);
|
|
75
41
|
const ref = (0, react_1.useRef)(null);
|
|
76
|
-
(0, page_scroll_lock_1.usePageScrollLock)(ref,
|
|
42
|
+
(0, page_scroll_lock_1.usePageScrollLock)(ref, { lockEnabled: withScrollDisable, ...scrollDisableOptions });
|
|
77
43
|
const { header, body, footer } = (0, define_slots_1.defineSlots)(children, {
|
|
78
44
|
header: SidePage.Header,
|
|
79
45
|
body: SidePage.Body,
|
|
80
46
|
footer: SidePage.Footer,
|
|
81
47
|
});
|
|
82
|
-
const overlayProps =
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
48
|
+
const overlayProps = {
|
|
49
|
+
style: { '--transition-duration': `${transitionDuration}ms` },
|
|
50
|
+
// условие нужно чтобы не было моментального закрытия на double click
|
|
51
|
+
...(transitionStatus !== 'entering' && overlayClickBind),
|
|
52
|
+
};
|
|
53
|
+
return ((0, jsx_runtime_1.jsx)(modal_overlay_1.ModalOverlay, { ...overlayProps, children: (0, jsx_runtime_1.jsxs)("div", { className: cx('side-page', `size-${size}`), children: [header, (0, jsx_runtime_1.jsx)("div", { ref: ref, className: cx('body'), children: body }), footer] }) }));
|
|
88
54
|
}
|
|
89
55
|
SidePage.Header = slots_1.SidePageHeader;
|
|
90
56
|
SidePage.Body = slots_1.SidePageBody;
|
|
91
57
|
SidePage.Footer = slots_1.SidePageFooter;
|
|
58
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/side-page/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAyD;AACzD,0DAAsD;AACtD,oEAAsF;AACtF,mCAAuE;AACvE,yFAAyF;AACzF,oDAAmE;AACnE,kDAAuD;AACvD,2DAAyC;AACzC,oFAA6C;AAqC7C,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,+BAAM,CAAC,CAAC;AAEnC,MAAM,iBAAiB,GAAG;IACxB,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC;IAClB,WAAW,EAAE,EAAE,CAAC,cAAc,CAAC;IAC/B,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC;IAChB,UAAU,EAAE,EAAE,CAAC,aAAa,CAAC;CACrB,CAAC;AAEX;;;;GAIG;AACH,SAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,eAAe,EACf,OAAO,EACP,UAAU,EACV,SAAS,EACT,MAAM,EACN,SAAS,EACT,QAAQ,EACR,GAAG,SAAS,EACE;IACd,MAAM,kBAAkB,GAAG,eAAe,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAErD,OAAO,CACL,uBAAC,uBAAa,IACZ,EAAE,EAAE,KAAK,EACT,OAAO,EAAE,kBAAkB,EAC3B,UAAU,EAAE,iBAAiB,EAC7B,aAAa,QACb,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,YAEjB,gBAAgB,CAAC,EAAE,CAAC,CACnB,uBAAC,aAAa,OAAK,SAAS,KAAM,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,GAAI,CAC/E,GACa,CACjB,CAAC;AACJ,CAAC;AA/BD,4BA+BC;AAED;;;;GAIG;AACH,SAAS,aAAa,CAAC,EACrB,IAAI,GAAG,GAAG,EACV,QAAQ,EACR,OAAO,EACP,iBAAiB,GAAG,KAAK,EACzB,oBAAoB,EACpB,gBAAgB,EAChB,kBAAkB,GAInB;IACC,MAAM,gBAAgB,GAAG,IAAA,qBAAa,EAAC,OAAO,CAAC,CAAC;IAEhD,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEzC,IAAA,oCAAiB,EAAC,GAAG,EAAE,EAAE,WAAW,EAAE,iBAAiB,EAAE,GAAG,oBAAoB,EAAE,CAAC,CAAC;IAEpF,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAAA,0BAAW,EAAC,QAAQ,EAAE;QACrD,MAAM,EAAE,QAAQ,CAAC,MAAM;QACvB,IAAI,EAAE,QAAQ,CAAC,IAAI;QACnB,MAAM,EAAE,QAAQ,CAAC,MAAM;KACxB,CAAC,CAAC;IAEH,MAAM,YAAY,GAAsB;QACtC,KAAK,EAAE,EAAE,uBAAuB,EAAE,GAAG,kBAAkB,IAAI,EAAmB;QAE9E,qEAAqE;QACrE,GAAG,CAAC,gBAAgB,KAAK,UAAU,IAAI,gBAAgB,CAAC;KACzD,CAAC;IAEF,OAAO,CACL,uBAAC,4BAAY,OAAK,YAAY,YAC5B,iCAAK,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,QAAQ,IAAI,EAAE,CAAC,aAC5C,MAAM,EACP,gCAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,YACjC,IAAI,GACD,EACL,MAAM,IACH,GACO,CAChB,CAAC;AACJ,CAAC;AAED,QAAQ,CAAC,MAAM,GAAG,sBAAc,CAAC;AACjC,QAAQ,CAAC,IAAI,GAAG,oBAAY,CAAC;AAC7B,QAAQ,CAAC,MAAM,GAAG,sBAAc,CAAC"}
|