@sima-land/ui-nucleons 45.0.0-alpha.1 → 45.0.0-alpha.10
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.d.ts +3 -3
- package/_internal/custom-scrollbar/index.js +18 -14
- package/_internal/custom-scrollbar/index.js.map +1 -0
- package/_internal/dropdown-loading/index.d.ts +1 -1
- 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.d.ts +5 -2
- 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.d.ts +1 -2
- 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 +4 -4
- package/alert/index.js +6 -31
- package/alert/index.js.map +1 -0
- package/arrow-button/arrow-button.module.scss +5 -5
- package/arrow-button/index.d.ts +1 -1
- package/arrow-button/index.js +20 -32
- package/arrow-button/index.js.map +1 -0
- package/autocomplete/autocomplete.d.ts +1 -2
- package/autocomplete/autocomplete.js +57 -94
- package/autocomplete/autocomplete.js.map +1 -0
- package/autocomplete/index.js +1 -0
- package/autocomplete/index.js.map +1 -0
- package/autocomplete/types.d.ts +2 -3
- package/autocomplete/types.js +1 -0
- package/autocomplete/types.js.map +1 -0
- package/autocomplete-deprecated/index.d.ts +2 -2
- package/autocomplete-deprecated/index.js +45 -80
- package/autocomplete-deprecated/index.js.map +1 -0
- package/avatar/avatar.d.ts +7 -0
- package/avatar/avatar.js +26 -0
- package/avatar/avatar.js.map +1 -0
- package/avatar/avatar.module.scss +19 -39
- package/avatar/index.d.ts +3 -30
- package/avatar/index.js +9 -63
- package/avatar/index.js.map +1 -0
- package/avatar/types.d.ts +19 -0
- package/avatar/types.js +3 -0
- package/avatar/types.js.map +1 -0
- package/avatar/utils.d.ts +28 -4
- package/avatar/utils.js +81 -15
- package/avatar/utils.js.map +1 -0
- package/avatar/utils.module.scss +9 -0
- package/base-input/base-input.d.ts +1 -2
- 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 +2 -2
- package/bordered-layout/index.js +3 -3
- package/bordered-layout/index.js.map +1 -0
- package/bottom-bar/bottom-bar.d.ts +2 -3
- package/bottom-bar/bottom-bar.js +4 -16
- package/bottom-bar/bottom-bar.js.map +1 -0
- package/bottom-bar/index.d.ts +1 -1
- 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 +3 -2
- package/box/index.js +4 -2
- package/box/index.js.map +1 -0
- package/button/button-util.scss +46 -0
- package/button/button.module.scss +17 -26
- package/button/index.d.ts +13 -3
- package/button/index.js +9 -46
- 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 +4 -4
- 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 +4 -3
- package/carousel/draggable.js +23 -40
- 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 +4 -4
- 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/chip/chip-util.scss +53 -0
- package/chip/chip.d.ts +14 -0
- package/chip/chip.js +39 -0
- package/chip/chip.js.map +1 -0
- package/chip/chip.module.scss +148 -0
- package/chip/index.d.ts +3 -0
- package/chip/index.js +9 -0
- package/chip/index.js.map +1 -0
- package/chip/types.d.ts +53 -0
- package/chip/types.js +3 -0
- package/chip/types.js.map +1 -0
- package/chip/utils.d.ts +9 -0
- package/chip/utils.js +23 -0
- package/chip/utils.js.map +1 -0
- package/chips/chips-item.d.ts +16 -0
- package/chips/chips-item.js +22 -0
- package/chips/chips-item.js.map +1 -0
- package/chips/chips-item.module.scss +67 -0
- package/chips/chips.d.ts +18 -0
- package/chips/chips.js +26 -0
- package/chips/chips.js.map +1 -0
- package/chips/chips.module.scss +1 -69
- package/chips/index.d.ts +2 -16
- package/chips/index.js +6 -54
- package/chips/index.js.map +1 -0
- package/clean-buttons/index.d.ts +3 -2
- 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.d.ts +6 -4
- package/colors/index.js +7 -3
- package/colors/index.js.map +1 -0
- package/colors.scss +2 -0
- package/context/viewport.js +1 -0
- package/context/viewport.js.map +1 -0
- package/dot-nav/index.d.ts +1 -2
- 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.d.ts +3 -3
- package/dropdown/utils.js +3 -2
- package/dropdown/utils.js.map +1 -0
- package/dropdown-item/index.d.ts +2 -2
- package/dropdown-item/index.js +7 -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/expandable-group.module.scss +1 -5
- package/expandable/index.d.ts +4 -33
- package/expandable/index.js +83 -54
- package/expandable/index.js.map +1 -0
- package/expandable/types.d.ts +39 -0
- package/expandable/types.js +3 -0
- package/expandable/types.js.map +1 -0
- package/expandable/utils.d.ts +22 -23
- package/expandable/utils.js +66 -80
- package/expandable/utils.js.map +1 -0
- package/field-block/index.d.ts +1 -1
- 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/file-icon.module.scss +42 -0
- package/file-icon/index.d.ts +10 -3
- package/file-icon/index.js +9 -31
- package/file-icon/index.js.map +1 -0
- package/group-overflow/group-overflow.module.scss +24 -0
- package/group-overflow/index.d.ts +16 -0
- package/group-overflow/index.js +28 -0
- package/group-overflow/index.js.map +1 -0
- package/group-overflow/utils.d.ts +20 -0
- package/group-overflow/utils.js +75 -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 +3 -5
- 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.d.ts +1 -0
- package/helpers/format-number.js +2 -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 +2 -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.d.ts +1 -0
- package/helpers/with-prevent.js +2 -0
- package/helpers/with-prevent.js.map +1 -0
- package/hint/hint-view.d.ts +2 -2
- package/hint/hint-view.js +6 -18
- package/hint/hint-view.js.map +1 -0
- package/hint/hint.d.ts +1 -1
- 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.d.ts +10 -6
- package/hint/utils.js +29 -9
- 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.d.ts +1 -1
- 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 +4 -1
- 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 +3 -5
- 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.d.ts +1 -1
- package/info-text/index.js +16 -42
- package/info-text/index.js.map +1 -0
- package/input/index.d.ts +1 -1
- 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.d.ts +1 -1
- 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 +7 -4
- package/link/index.js +5 -38
- package/link/index.js.map +1 -0
- package/loading-overlay/index.d.ts +2 -2
- 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.d.ts +1 -2
- 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 +5 -3
- package/modal/index.js +5 -11
- package/modal/index.js.map +1 -0
- package/modal/modal.module.scss +1 -1
- package/modal/slots.d.ts +4 -4
- 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.d.ts +1 -1
- package/modal-overlay/index.js +8 -39
- package/modal-overlay/index.js.map +1 -0
- package/modal-overlay/modal-overlay.module.scss +5 -2
- package/modal-overlay/utils.d.ts +2 -2
- 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 -3
- package/no-index-mark/index.js +8 -6
- package/no-index-mark/index.js.map +1 -0
- package/package.json +29 -39
- 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 +7 -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 +7 -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 +8 -3
- 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.d.ts +2 -2
- 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.d.ts +1 -2
- 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 +2 -2
- 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.d.ts +1 -1
- package/popup/popup-view.js +5 -19
- package/popup/popup-view.js.map +1 -0
- package/popup/popup.d.ts +1 -2
- package/popup/popup.js +11 -42
- package/popup/popup.js.map +1 -0
- package/popup/utils.d.ts +3 -3
- package/popup/utils.js +9 -4
- 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.d.ts +1 -2
- package/price/index.js +3 -2
- package/price/index.js.map +1 -0
- package/price/utils.js +2 -0
- package/price/utils.js.map +1 -0
- package/radio-button/index.d.ts +1 -1
- package/radio-button/index.js +4 -17
- package/radio-button/index.js.map +1 -0
- package/range/index.d.ts +2 -2
- package/range/index.js +28 -53
- package/range/index.js.map +1 -0
- package/rating/index.d.ts +2 -2
- 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 +9 -7
- package/screen/index.js +12 -37
- package/screen/index.js.map +1 -0
- package/screen/slots.d.ts +7 -5
- 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.d.ts +1 -2
- package/select/parts/block.js +20 -32
- package/select/parts/block.js.map +1 -0
- package/select/parts/button.d.ts +1 -2
- package/select/parts/button.js +9 -42
- package/select/parts/button.js.map +1 -0
- package/select/parts/menu.d.ts +1 -2
- package/select/parts/menu.js +14 -46
- package/select/parts/menu.js.map +1 -0
- package/select/select.d.ts +1 -2
- 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 +3 -3
- package/select-deprecated/index.js +34 -69
- package/select-deprecated/index.js.map +1 -0
- package/side-page/index.d.ts +1 -1
- package/side-page/index.js +12 -45
- package/side-page/index.js.map +1 -0
- package/side-page/slots.d.ts +3 -3
- package/side-page/slots.js +7 -19
- package/side-page/slots.js.map +1 -0
- package/spinner/index.d.ts +3 -3
- 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 +4 -4
- package/stroked-svg/index.js +4 -41
- package/stroked-svg/index.js.map +1 -0
- package/styling/borders.d.ts +1 -0
- package/styling/borders.js +2 -0
- package/styling/borders.js.map +1 -0
- package/styling/colors.d.ts +10 -5
- package/styling/colors.js +6 -0
- package/styling/colors.js.map +1 -0
- package/styling/fonts.d.ts +3 -0
- package/styling/fonts.js +4 -0
- package/styling/fonts.js.map +1 -0
- package/styling/shadows.d.ts +1 -0
- package/styling/shadows.js +2 -0
- package/styling/shadows.js.map +1 -0
- package/styling/shapes.d.ts +2 -0
- package/styling/shapes.js +3 -0
- package/styling/shapes.js.map +1 -0
- package/styling/sizes.d.ts +10 -0
- package/styling/sizes.js +11 -0
- package/styling/sizes.js.map +1 -0
- package/styling/sizes.module.scss +3 -1
- package/styling/utils.d.ts +1 -0
- package/styling/utils.js +2 -0
- package/styling/utils.js.map +1 -0
- package/super-ellipse-clip-path/index.d.ts +1 -2
- package/super-ellipse-clip-path/index.js +3 -8
- package/super-ellipse-clip-path/index.js.map +1 -0
- package/switcher-row/index.d.ts +3 -3
- package/switcher-row/index.js +8 -11
- package/switcher-row/index.js.map +1 -0
- package/switcher-row/switcher-row.module.scss +1 -1
- package/tabs/index.d.ts +24 -10
- package/tabs/index.js +10 -27
- package/tabs/index.js.map +1 -0
- package/text/index.d.ts +3 -2
- package/text/index.js +5 -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-button/text-button.module.scss +1 -1
- 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.d.ts +1 -1
- package/textarea/index.js +24 -48
- package/textarea/index.js.map +1 -0
- package/timer/index.d.ts +2 -2
- 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/toggle/toggle.module.scss +9 -3
- package/tooltip/index.d.ts +2 -2
- package/tooltip/index.js +5 -28
- package/tooltip/index.js.map +1 -0
- package/top-bar/index.d.ts +1 -1
- package/top-bar/index.js +4 -1
- package/top-bar/index.js.map +1 -0
- package/top-bar/top-bar.d.ts +1 -2
- package/top-bar/top-bar.js +11 -58
- package/top-bar/top-bar.js.map +1 -0
- package/top-bar/top-bar.module.scss +1 -1
- package/top-bar/types.d.ts +3 -3
- 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 +2 -2
- 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.d.ts +2 -1
- package/upload-area/index.js +4 -1
- package/upload-area/index.js.map +1 -0
- package/upload-area/types.d.ts +10 -8
- package/upload-area/types.js +1 -0
- package/upload-area/types.js.map +1 -0
- package/upload-area/upload-area-util.scss +2 -0
- package/upload-area/upload-area.d.ts +1 -2
- package/upload-area/upload-area.js +12 -54
- package/upload-area/upload-area.js.map +1 -0
- package/upload-area/upload-area.module.scss +4 -1
- package/upload-area/utils.d.ts +7 -0
- package/upload-area/utils.js +21 -1
- package/upload-area/utils.js.map +1 -0
- package/utils.scss +8 -1
- package/with-hint/index.d.ts +2 -2
- package/with-hint/index.js +4 -28
- package/with-hint/index.js.map +1 -0
- package/with-hint/positioning-hint.d.ts +2 -2
- 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 +2 -2
- package/with-tooltip/index.js +7 -31
- package/with-tooltip/index.js.map +1 -0
- package/with-tooltip/positioning-tooltip.d.ts +2 -2
- 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/avatar/user.d.ts +0 -10
- package/avatar/user.js +0 -61
- package/chips/item.d.ts +0 -15
- package/chips/item.js +0 -20
- 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
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { CSSProperties, ReactNode, Ref } from 'react';
|
|
1
|
+
import { CSSProperties, ReactNode, Ref, UIEvent as ReactUIEvent } from 'react';
|
|
2
2
|
import { OverlayScrollbarsComponent, OverlayScrollbarsComponentProps } from 'overlayscrollbars-react';
|
|
3
3
|
import 'overlayscrollbars/css/OverlayScrollbars.css';
|
|
4
4
|
type Options = NonNullable<OverlayScrollbarsComponentProps['options']>;
|
|
@@ -25,14 +25,14 @@ export interface CustomScrollbarProps {
|
|
|
25
25
|
* @param props Свойства.
|
|
26
26
|
* @return Элемент.
|
|
27
27
|
*/
|
|
28
|
-
export declare function CustomScrollbar({ osComponentRef, style, className, children, overflow, inFlexBox, onFullScroll, fullScrollThreshold, }: CustomScrollbarProps): JSX.Element;
|
|
28
|
+
export declare function CustomScrollbar({ osComponentRef, style, className, children, overflow, inFlexBox, onFullScroll, fullScrollThreshold, }: CustomScrollbarProps): import("react/jsx-runtime").JSX.Element;
|
|
29
29
|
/**
|
|
30
30
|
* Возвращает обработчик прокрутки, который вызовет callback при полной прокрутке.
|
|
31
31
|
* @param callback Callback.
|
|
32
32
|
* @param threshold Запас.
|
|
33
33
|
* @return Обработчик.
|
|
34
34
|
*/
|
|
35
|
-
export declare function
|
|
35
|
+
export declare function useFullScroll(callback: VoidFunction | undefined, threshold?: number): (event: UIEvent | ReactUIEvent | undefined) => void;
|
|
36
36
|
/**
|
|
37
37
|
* Получив OverlayScrollbarsComponent вернет элемент-viewport или null.
|
|
38
38
|
* @param component Экземпляр OverlayScrollbarsComponent.
|
|
@@ -3,11 +3,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.getViewport = exports.
|
|
7
|
-
const
|
|
6
|
+
exports.getViewport = exports.useFullScroll = exports.CustomScrollbar = void 0;
|
|
7
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
+
const react_1 = require("react");
|
|
8
9
|
const overlayscrollbars_react_1 = require("overlayscrollbars-react");
|
|
9
10
|
const bind_1 = __importDefault(require("classnames/bind"));
|
|
10
11
|
const custom_scrollbar_module_scss_1 = __importDefault(require("./custom-scrollbar.module.scss"));
|
|
12
|
+
const identity_1 = require("../../hooks/identity");
|
|
11
13
|
require("overlayscrollbars/css/OverlayScrollbars.css");
|
|
12
14
|
const cx = bind_1.default.bind(custom_scrollbar_module_scss_1.default);
|
|
13
15
|
/**
|
|
@@ -16,14 +18,11 @@ const cx = bind_1.default.bind(custom_scrollbar_module_scss_1.default);
|
|
|
16
18
|
* @return Элемент.
|
|
17
19
|
*/
|
|
18
20
|
function CustomScrollbar({ osComponentRef, style, className, children, overflow, inFlexBox = false, onFullScroll, fullScrollThreshold, }) {
|
|
19
|
-
|
|
21
|
+
const onScrollStop = useFullScroll(onFullScroll, fullScrollThreshold);
|
|
22
|
+
return ((0, jsx_runtime_1.jsx)(overlayscrollbars_react_1.OverlayScrollbarsComponent, { ref: osComponentRef, style: style, className: cx('custom-scrollbar', className, { 'os-host-flexbox': inFlexBox }), options: {
|
|
20
23
|
overflowBehavior: overflow,
|
|
21
|
-
callbacks:
|
|
22
|
-
|
|
23
|
-
onScrollStop: HandleFullScroll(onFullScroll, fullScrollThreshold),
|
|
24
|
-
}
|
|
25
|
-
: undefined,
|
|
26
|
-
} }, children));
|
|
24
|
+
callbacks: { onScrollStop },
|
|
25
|
+
}, children: children }));
|
|
27
26
|
}
|
|
28
27
|
exports.CustomScrollbar = CustomScrollbar;
|
|
29
28
|
/**
|
|
@@ -32,15 +31,19 @@ exports.CustomScrollbar = CustomScrollbar;
|
|
|
32
31
|
* @param threshold Запас.
|
|
33
32
|
* @return Обработчик.
|
|
34
33
|
*/
|
|
35
|
-
function
|
|
36
|
-
|
|
34
|
+
function useFullScroll(callback, threshold = 16) {
|
|
35
|
+
const callbackRef = (0, identity_1.useIdentityRef)(callback);
|
|
36
|
+
// ВАЖНО: overlayscrollbars не реагирует на замену callback'а onScrollStop на undefined поэтому проверяем сами
|
|
37
|
+
const handleScrollStop = (0, react_1.useMemo)(() => (event) => {
|
|
38
|
+
var _a;
|
|
37
39
|
const el = event === null || event === void 0 ? void 0 : event.target;
|
|
38
40
|
el instanceof Element &&
|
|
39
41
|
el.scrollTop >= el.scrollHeight - el.clientHeight - threshold &&
|
|
40
|
-
|
|
41
|
-
};
|
|
42
|
+
((_a = callbackRef.current) === null || _a === void 0 ? void 0 : _a.call(callbackRef));
|
|
43
|
+
}, []);
|
|
44
|
+
return handleScrollStop;
|
|
42
45
|
}
|
|
43
|
-
exports.
|
|
46
|
+
exports.useFullScroll = useFullScroll;
|
|
44
47
|
/**
|
|
45
48
|
* Получив OverlayScrollbarsComponent вернет элемент-viewport или null.
|
|
46
49
|
* @param component Экземпляр OverlayScrollbarsComponent.
|
|
@@ -51,3 +54,4 @@ function getViewport(component) {
|
|
|
51
54
|
return ((_a = component === null || component === void 0 ? void 0 : component.osInstance()) === null || _a === void 0 ? void 0 : _a.getElements().viewport) || null;
|
|
52
55
|
}
|
|
53
56
|
exports.getViewport = getViewport;
|
|
57
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/_internal/custom-scrollbar/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAwF;AACxF,qEAGiC;AACjC,2DAAyC;AACzC,kGAAoD;AACpD,mDAAsD;AACtD,uDAAqD;AA8BrD,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,sCAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,eAAe,CAAC,EAC9B,cAAc,EACd,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,YAAY,EACZ,mBAAmB,GACE;IACrB,MAAM,YAAY,GAAG,aAAa,CAAC,YAAY,EAAE,mBAAmB,CAAC,CAAC;IAEtE,OAAO,CACL,uBAAC,oDAA0B,IACzB,GAAG,EAAE,cAAc,EACnB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,CAAC,EAC9E,OAAO,EAAE;YACP,gBAAgB,EAAE,QAAQ;YAC1B,SAAS,EAAE,EAAE,YAAY,EAAE;SAC5B,YAEA,QAAQ,GACkB,CAC9B,CAAC;AACJ,CAAC;AAzBD,0CAyBC;AAED;;;;;GAKG;AACH,SAAgB,aAAa,CAAC,QAAkC,EAAE,SAAS,GAAG,EAAE;IAC9E,MAAM,WAAW,GAAG,IAAA,yBAAc,EAAC,QAAQ,CAAC,CAAC;IAE7C,8GAA8G;IAC9G,MAAM,gBAAgB,GAAG,IAAA,eAAO,EAC9B,GAAG,EAAE,CAAC,CAAC,KAAyC,EAAE,EAAE;;QAClD,MAAM,EAAE,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAC;QAEzB,EAAE,YAAY,OAAO;YACnB,EAAE,CAAC,SAAS,IAAI,EAAE,CAAC,YAAY,GAAG,EAAE,CAAC,YAAY,GAAG,SAAS;aAC7D,MAAA,WAAW,CAAC,OAAO,2DAAI,CAAA,CAAC;IAC5B,CAAC,EACD,EAAE,CACH,CAAC;IAEF,OAAO,gBAAgB,CAAC;AAC1B,CAAC;AAhBD,sCAgBC;AAED;;;;GAIG;AACH,SAAgB,WAAW,CACzB,SAAwD;;IAExD,OAAO,CAAA,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,UAAU,EAAE,0CAAE,WAAW,GAAG,QAAQ,KAAI,IAAI,CAAC;AACjE,CAAC;AAJD,kCAIC"}
|
|
@@ -5,5 +5,5 @@ type DropdownLoadingProps = Omit<HTMLAttributes<HTMLDivElement>, 'className' | '
|
|
|
5
5
|
* @param props Свойства.
|
|
6
6
|
* @return Элемент.
|
|
7
7
|
*/
|
|
8
|
-
export declare function DropdownLoading(props: DropdownLoadingProps): JSX.Element;
|
|
8
|
+
export declare function DropdownLoading(props: DropdownLoadingProps): import("react/jsx-runtime").JSX.Element;
|
|
9
9
|
export {};
|
|
@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.DropdownLoading = void 0;
|
|
7
|
-
const
|
|
7
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
8
|
const spinner_1 = require("../../spinner");
|
|
9
9
|
const index_module_scss_1 = __importDefault(require("./index.module.scss"));
|
|
10
10
|
/**
|
|
@@ -13,7 +13,7 @@ const index_module_scss_1 = __importDefault(require("./index.module.scss"));
|
|
|
13
13
|
* @return Элемент.
|
|
14
14
|
*/
|
|
15
15
|
function DropdownLoading(props) {
|
|
16
|
-
return (
|
|
17
|
-
react_1.default.createElement(spinner_1.SpinnerSVG, { size: 's' })));
|
|
16
|
+
return ((0, jsx_runtime_1.jsx)("div", { ...props, className: index_module_scss_1.default.root, children: (0, jsx_runtime_1.jsx)(spinner_1.SpinnerSVG, { size: 's' }) }));
|
|
18
17
|
}
|
|
19
18
|
exports.DropdownLoading = DropdownLoading;
|
|
19
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/_internal/dropdown-loading/index.tsx"],"names":[],"mappings":";;;;;;;AACA,2CAA2C;AAC3C,4EAAyC;AAIzC;;;;GAIG;AACH,SAAgB,eAAe,CAAC,KAA2B;IACzD,OAAO,CACL,mCAAS,KAAK,EAAE,SAAS,EAAE,2BAAM,CAAC,IAAI,YACpC,uBAAC,oBAAU,IAAC,IAAI,EAAC,GAAG,GAAG,GACnB,CACP,CAAC;AACJ,CAAC;AAND,0CAMC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { PageScrollLockAdapter } from '../types';
|
|
2
|
-
import { BodyScrollOptions } from 'body-scroll-lock';
|
|
2
|
+
import { disableBodyScroll, enableBodyScroll, BodyScrollOptions } from 'body-scroll-lock';
|
|
3
3
|
/**
|
|
4
4
|
* Имя атрибута, устанавливаемого на элемент, имеющий прокрутку.
|
|
5
5
|
* Атрибут устанавливается на элемент в случае, если
|
|
@@ -10,7 +10,10 @@ export declare const BSL_IGNORE_ATTR = "data-bsl-ignore";
|
|
|
10
10
|
export declare class PageScrollLock implements PageScrollLockAdapter {
|
|
11
11
|
private element;
|
|
12
12
|
private options?;
|
|
13
|
-
|
|
13
|
+
lib: {
|
|
14
|
+
disableBodyScroll: (...args: Parameters<typeof disableBodyScroll>) => void;
|
|
15
|
+
enableBodyScroll: (...args: Parameters<typeof enableBodyScroll>) => void;
|
|
16
|
+
};
|
|
14
17
|
/**
|
|
15
18
|
* Конструктор.
|
|
16
19
|
* @param element Целевой элемент для которого надо сохранить прокрутку.
|
|
@@ -33,7 +33,10 @@ class PageScrollLock {
|
|
|
33
33
|
}
|
|
34
34
|
/** @inheritdoc */
|
|
35
35
|
lock() {
|
|
36
|
-
this.lib.disableBodyScroll(this.element,
|
|
36
|
+
this.lib.disableBodyScroll(this.element, {
|
|
37
|
+
...this.options,
|
|
38
|
+
allowTouchMove: exports.allowTouchMove,
|
|
39
|
+
});
|
|
37
40
|
}
|
|
38
41
|
/** @inheritdoc */
|
|
39
42
|
unlock() {
|
|
@@ -60,3 +63,4 @@ const allowTouchMove = (startEl) => {
|
|
|
60
63
|
return false;
|
|
61
64
|
};
|
|
62
65
|
exports.allowTouchMove = allowTouchMove;
|
|
66
|
+
//# sourceMappingURL=body-scroll-lock.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"body-scroll-lock.js","sourceRoot":"","sources":["../../../../src/_internal/page-scroll-lock/adapters/body-scroll-lock.ts"],"names":[],"mappings":";;;AACA,uDAA0F;AAE1F;;;;GAIG;AACU,QAAA,eAAe,GAAG,iBAAiB,CAAC;AAEjD,qDAAqD;AACrD,MAAa,cAAc;IASzB;;;;OAIG;IACH,YAAY,OAAgB,EAAE,OAA2B;QACvD,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,GAAG,GAAG;YACT,iBAAiB,EAAjB,oCAAiB;YACjB,gBAAgB,EAAhB,mCAAgB;SACjB,CAAC;IACJ,CAAC;IAED;;;;OAIG;IACH,UAAU,CAAC,GAA0B;QACnC,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;IACjB,CAAC;IAED,kBAAkB;IAClB,IAAI;QACF,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,EAAE;YACvC,GAAG,IAAI,CAAC,OAAO;YACf,cAAc,EAAd,sBAAc;SACf,CAAC,CAAC;IACL,CAAC;IAED,kBAAkB;IAClB,MAAM;QACJ,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC1C,CAAC;CACF;AA5CD,wCA4CC;AAED;;;;;;;GAOG;AACI,MAAM,cAAc,GAAkD,CAAC,OAAO,EAAW,EAAE;IAChG,IAAI,EAAE,GAAiC,OAAO,CAAC;IAE/C,OAAO,EAAE,IAAI,EAAE,KAAK,QAAQ,CAAC,IAAI,EAAE;QACjC,IAAI,EAAE,CAAC,YAAY,CAAC,uBAAe,CAAC,KAAK,IAAI,EAAE;YAC7C,OAAO,IAAI,CAAC;SACb;QAED,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC;KACvB;IAED,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAZW,QAAA,cAAc,kBAYzB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ui-nucleons.js","sourceRoot":"","sources":["../../../../src/_internal/page-scroll-lock/adapters/ui-nucleons.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { PageScrollLockContextValue, PageScrollLockProviderProps } from './types';
|
|
3
2
|
/**
|
|
4
3
|
* Провайдер реализации блокировки прокрутки.
|
|
5
4
|
* @param props Свойства.
|
|
6
5
|
* @return Элемент.
|
|
7
6
|
*/
|
|
8
|
-
export declare function PageScrollProvider({ children, adapter }: PageScrollLockProviderProps): JSX.Element;
|
|
7
|
+
export declare function PageScrollProvider({ children, adapter }: PageScrollLockProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
9
8
|
/**
|
|
10
9
|
* Хук использования реализации блокировки прокрутки.
|
|
11
10
|
* @return Реализация.
|
|
@@ -1,30 +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
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
3
|
exports.usePageScrollContext = exports.PageScrollProvider = void 0;
|
|
27
|
-
const
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
28
6
|
const body_scroll_lock_1 = require("./adapters/body-scroll-lock");
|
|
29
7
|
const PageScrollContext = (0, react_1.createContext)(null);
|
|
30
8
|
const DEFAULTS = {
|
|
@@ -40,7 +18,7 @@ function PageScrollProvider({ children, adapter }) {
|
|
|
40
18
|
if (contextValue !== null) {
|
|
41
19
|
throw Error('PageScrollContext: only one provider allowed in jsx tree');
|
|
42
20
|
}
|
|
43
|
-
return
|
|
21
|
+
return (0, jsx_runtime_1.jsx)(PageScrollContext.Provider, { value: { adapter }, children: children });
|
|
44
22
|
}
|
|
45
23
|
exports.PageScrollProvider = PageScrollProvider;
|
|
46
24
|
/**
|
|
@@ -52,3 +30,4 @@ function usePageScrollContext() {
|
|
|
52
30
|
return context || DEFAULTS;
|
|
53
31
|
}
|
|
54
32
|
exports.usePageScrollContext = usePageScrollContext;
|
|
33
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/_internal/page-scroll-lock/context.tsx"],"names":[],"mappings":";;;;AAAA,iCAAkD;AAClD,kEAA6D;AAG7D,MAAM,iBAAiB,GAAG,IAAA,qBAAa,EAAoC,IAAI,CAAC,CAAC;AAEjF,MAAM,QAAQ,GAA+B;IAC3C,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,CAAC,IAAI,iCAAc,CAAC,OAAO,EAAE,OAAO,CAAC;CAC3D,CAAC;AAEX;;;;GAIG;AACH,SAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAA+B;IACnF,MAAM,YAAY,GAAG,IAAA,kBAAU,EAAC,iBAAiB,CAAC,CAAC;IAEnD,IAAI,YAAY,KAAK,IAAI,EAAE;QACzB,MAAM,KAAK,CAAC,0DAA0D,CAAC,CAAC;KACzE;IAED,OAAO,uBAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,YAAG,QAAQ,GAA8B,CAAC;AACjG,CAAC;AARD,gDAQC;AAED;;;GAGG;AACH,SAAgB,oBAAoB;IAClC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,iBAAiB,CAAC,CAAC;IAE9C,OAAO,OAAO,IAAI,QAAQ,CAAC;AAC7B,CAAC;AAJD,oDAIC"}
|
|
@@ -24,3 +24,4 @@ function usePageScrollLock(ref, options = DEFAULTS) {
|
|
|
24
24
|
}, [options === null || options === void 0 ? void 0 : options.lockEnabled, options === null || options === void 0 ? void 0 : options.reserveScrollBarGap]);
|
|
25
25
|
}
|
|
26
26
|
exports.usePageScrollLock = usePageScrollLock;
|
|
27
|
+
//# sourceMappingURL=hook.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"hook.js","sourceRoot":"","sources":["../../../src/_internal/page-scroll-lock/hook.ts"],"names":[],"mappings":";;;AAEA,uCAAwD;AACxD,uCAAiD;AAMjD,MAAM,QAAQ,GAAgB;IAC5B,WAAW,EAAE,IAAI;IACjB,mBAAmB,EAAE,IAAI;CACjB,CAAC;AAEX;;;;GAIG;AACH,SAAgB,iBAAiB,CAC/B,GAA2B,EAC3B,UAAuB,QAAQ;IAE/B,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,8BAAoB,GAAE,CAAC;IAE3C,IAAA,iCAAyB,EAAC,GAAG,EAAE;QAC7B,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAE5B,IAAI,OAAO,IAAI,OAAO,CAAC,WAAW,EAAE;YAClC,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;YAE7C,UAAU,CAAC,IAAI,EAAE,CAAC;YAElB,OAAO,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC;SAClC;IACH,CAAC,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,mBAAmB,CAAC,CAAC,CAAC;AAC3D,CAAC;AAjBD,8CAiBC"}
|
|
@@ -7,3 +7,4 @@ var hook_1 = require("./hook");
|
|
|
7
7
|
Object.defineProperty(exports, "usePageScrollLock", { enumerable: true, get: function () { return hook_1.usePageScrollLock; } });
|
|
8
8
|
var context_1 = require("./context");
|
|
9
9
|
Object.defineProperty(exports, "PageScrollProvider", { enumerable: true, get: function () { return context_1.PageScrollProvider; } });
|
|
10
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/_internal/page-scroll-lock/index.ts"],"names":[],"mappings":";;;AACA,gEAA8D;AAArD,mHAAA,eAAe,OAAA;AACxB,+BAA2C;AAAlC,yGAAA,iBAAiB,OAAA;AAC1B,qCAA+C;AAAtC,6GAAA,kBAAkB,OAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/_internal/page-scroll-lock/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../src/_internal/utils/dropdown.ts"],"names":[],"mappings":";;;AAAA,iDAAqD;AAErD;;;;;GAKG;AACI,MAAM,aAAa,GAAG,CAAC,OAA6B,qBAAQ,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IAC5E,KAAK,EAAE;QACL,GAAG,EAAE,GAAG,oBAAO,CAAC,IAAI,CAAC,IAAI;KAC1B;CACF,CAAC,CAAC;AAJU,QAAA,aAAa,iBAIvB"}
|
package/alert/index.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
2
|
import { WithPageScrollLock } from '../_internal/page-scroll-lock';
|
|
3
3
|
import { CardContentProps } from '../card/slots';
|
|
4
4
|
export interface AlertProps extends WithPageScrollLock {
|
|
5
5
|
/** Основное содержимое. */
|
|
6
|
-
children?:
|
|
6
|
+
children?: ReactNode;
|
|
7
7
|
/** Будет вызвана при закрытии окна нажатием на затемнение. */
|
|
8
8
|
onClose?: VoidFunction;
|
|
9
9
|
}
|
|
@@ -12,10 +12,10 @@ export interface AlertProps extends WithPageScrollLock {
|
|
|
12
12
|
* @param props Свойства.
|
|
13
13
|
* @return Элемент.
|
|
14
14
|
*/
|
|
15
|
-
export declare function Alert({ children, withScrollDisable, scrollDisableOptions, onClose, }: AlertProps): JSX.Element;
|
|
15
|
+
export declare function Alert({ children, withScrollDisable, scrollDisableOptions, onClose, }: AlertProps): import("react/jsx-runtime").JSX.Element;
|
|
16
16
|
/**
|
|
17
17
|
* Основной контент Alert.
|
|
18
18
|
* @param props Свойства.
|
|
19
19
|
* @return Элемент.
|
|
20
20
|
*/
|
|
21
|
-
export declare function AlertBody({ children }: CardContentProps): JSX.Element;
|
|
21
|
+
export declare function AlertBody({ children }: CardContentProps): import("react/jsx-runtime").JSX.Element;
|
package/alert/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.AlertBody = exports.Alert = void 0;
|
|
30
|
-
const
|
|
7
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
+
const react_1 = require("react");
|
|
31
9
|
const page_scroll_lock_1 = require("../_internal/page-scroll-lock");
|
|
32
10
|
const modal_overlay_1 = require("../modal-overlay");
|
|
33
11
|
const card_1 = require("../card");
|
|
@@ -45,7 +23,7 @@ const cx = bind_1.default.bind(alert_module_scss_1.default);
|
|
|
45
23
|
*/
|
|
46
24
|
function Alert({ children, withScrollDisable = false, scrollDisableOptions, onClose, }) {
|
|
47
25
|
const scrollableRef = (0, react_1.useRef)(null);
|
|
48
|
-
(0, page_scroll_lock_1.usePageScrollLock)(scrollableRef,
|
|
26
|
+
(0, page_scroll_lock_1.usePageScrollLock)(scrollableRef, { lockEnabled: withScrollDisable, ...scrollDisableOptions });
|
|
49
27
|
const { topBar, body, bottomBar } = (0, define_slots_1.defineSlots)(children, {
|
|
50
28
|
topBar: top_bar_1.TopBar,
|
|
51
29
|
body: AlertBody,
|
|
@@ -53,11 +31,7 @@ function Alert({ children, withScrollDisable = false, scrollDisableOptions, onCl
|
|
|
53
31
|
});
|
|
54
32
|
const overlayClickBind = (0, utils_1.useExactClick)(onClose);
|
|
55
33
|
(0, react_1.useImperativeHandle)(body === null || body === void 0 ? void 0 : body.props.scrollableRef, () => scrollableRef.current);
|
|
56
|
-
return (
|
|
57
|
-
react_1.default.createElement(card_1.Card, { shadow: 'z4', rounds: 'm', className: cx('alert'), "data-testid": 'alert' },
|
|
58
|
-
topBar && react_1.default.createElement(top_bar_1.TopBar, Object.assign({}, topBar.props, { size: 's' })),
|
|
59
|
-
body && (react_1.default.createElement(card_1.CardContent, Object.assign({}, body.props, { scrollableRef: scrollableRef }), body)),
|
|
60
|
-
bottomBar && react_1.default.createElement(bottom_bar_1.BottomBar, Object.assign({}, bottomBar.props, { size: 's' })))));
|
|
34
|
+
return ((0, jsx_runtime_1.jsx)(modal_overlay_1.ModalOverlay, { className: alert_module_scss_1.default.overlay, ...overlayClickBind, children: (0, jsx_runtime_1.jsxs)(card_1.Card, { shadow: 'z4', rounds: 'm', className: cx('alert'), "data-testid": 'alert', children: [topBar && (0, jsx_runtime_1.jsx)(top_bar_1.TopBar, { size: 's', ...topBar.props }), body && ((0, jsx_runtime_1.jsx)(card_1.CardContent, { ...body.props, scrollableRef: scrollableRef, children: body })), bottomBar && (0, jsx_runtime_1.jsx)(bottom_bar_1.BottomBar, { size: 's', ...bottomBar.props })] }) }));
|
|
61
35
|
}
|
|
62
36
|
exports.Alert = Alert;
|
|
63
37
|
/**
|
|
@@ -66,6 +40,7 @@ exports.Alert = Alert;
|
|
|
66
40
|
* @return Элемент.
|
|
67
41
|
*/
|
|
68
42
|
function AlertBody({ children }) {
|
|
69
|
-
return
|
|
43
|
+
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
|
|
70
44
|
}
|
|
71
45
|
exports.AlertBody = AlertBody;
|
|
46
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/alert/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAA+D;AAC/D,oEAAsF;AACtF,oDAAgD;AAChD,kCAA4C;AAC5C,wCAAoC;AACpC,8CAA0C;AAC1C,0DAAsD;AAEtD,kDAAuD;AACvD,2DAAyC;AACzC,4EAAyC;AAUzC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,2BAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,iBAAiB,GAAG,KAAK,EACzB,oBAAoB,EACpB,OAAO,GACI;IACX,MAAM,aAAa,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEnD,IAAA,oCAAiB,EAAC,aAAa,EAAE,EAAE,WAAW,EAAE,iBAAiB,EAAE,GAAG,oBAAoB,EAAE,CAAC,CAAC;IAE9F,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,IAAA,0BAAW,EAAC,QAAQ,EAAE;QACxD,MAAM,EAAE,gBAAM;QACd,IAAI,EAAE,SAAS;QACf,SAAS,EAAE,sBAAS;KACrB,CAAC,CAAC;IAEH,MAAM,gBAAgB,GAAG,IAAA,qBAAa,EAAC,OAAO,CAAC,CAAC;IAEhD,IAAA,2BAAmB,EACjB,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAC,aAAa,EACzB,GAAG,EAAE,CAAC,aAAa,CAAC,OAAO,CAC5B,CAAC;IAEF,OAAO,CACL,uBAAC,4BAAY,IAAC,SAAS,EAAE,2BAAM,CAAC,OAAO,KAAM,gBAAgB,YAC3D,wBAAC,WAAI,IAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAC,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,iBAAc,OAAO,aACrE,MAAM,IAAI,uBAAC,gBAAM,IAAC,IAAI,EAAC,GAAG,KAAK,MAAM,CAAC,KAAK,GAAI,EAC/C,IAAI,IAAI,CACP,uBAAC,kBAAW,OAAK,IAAI,CAAC,KAAK,EAAE,aAAa,EAAE,aAAa,YACtD,IAAI,GACO,CACf,EACA,SAAS,IAAI,uBAAC,sBAAS,IAAC,IAAI,EAAC,GAAG,KAAK,SAAS,CAAC,KAAK,GAAI,IACpD,GACM,CAChB,CAAC;AACJ,CAAC;AApCD,sBAoCC;AAED;;;;GAIG;AACH,SAAgB,SAAS,CAAC,EAAE,QAAQ,EAAoB;IACtD,OAAO,2DAAG,QAAQ,GAAI,CAAC;AACzB,CAAC;AAFD,8BAEC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@use '../colors';
|
|
2
2
|
@use '../utils';
|
|
3
|
-
@
|
|
3
|
+
@use '../shadows';
|
|
4
4
|
|
|
5
5
|
.arrow-button {
|
|
6
6
|
@include utils.focus-visible;
|
|
@@ -25,17 +25,17 @@
|
|
|
25
25
|
&.size-s {
|
|
26
26
|
width: 32px;
|
|
27
27
|
height: 32px;
|
|
28
|
-
@
|
|
28
|
+
@include shadows.box-shadow('z2');
|
|
29
29
|
&:not(:disabled):hover {
|
|
30
|
-
@
|
|
30
|
+
@include shadows.box-shadow('z3');
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
&.size-l {
|
|
34
34
|
width: 56px;
|
|
35
35
|
height: 56px;
|
|
36
|
-
@
|
|
36
|
+
@include shadows.box-shadow('z3');
|
|
37
37
|
&:not(:disabled):hover {
|
|
38
|
-
@
|
|
38
|
+
@include shadows.box-shadow('z4');
|
|
39
39
|
}
|
|
40
40
|
}
|
|
41
41
|
}
|
package/arrow-button/index.d.ts
CHANGED
|
@@ -14,4 +14,4 @@ export interface ArrowButtonProps extends Omit<JSX.IntrinsicElements['button'],
|
|
|
14
14
|
* @param props Свойства. Поддерживаются свойства элемента button.
|
|
15
15
|
* @return Элемент.
|
|
16
16
|
*/
|
|
17
|
-
export declare const ArrowButton: ({ size, direction, className, "data-testid": testId, ...buttonProps }: ArrowButtonProps) => JSX.Element;
|
|
17
|
+
export declare const ArrowButton: ({ size, direction, className, "data-testid": testId, ...buttonProps }: ArrowButtonProps) => import("react/jsx-runtime").JSX.Element;
|
package/arrow-button/index.js
CHANGED
|
@@ -1,44 +1,33 @@
|
|
|
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.ArrowButton = 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 arrow_button_module_scss_1 = __importDefault(require("./arrow-button.module.scss"));
|
|
21
|
-
const
|
|
22
|
-
const
|
|
23
|
-
const
|
|
24
|
-
const
|
|
25
|
-
const
|
|
26
|
-
const
|
|
27
|
-
const
|
|
28
|
-
const
|
|
10
|
+
const ArrowUp_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/ArrowUp"));
|
|
11
|
+
const ArrowRight_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/ArrowRight"));
|
|
12
|
+
const ArrowDown_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/ArrowDown"));
|
|
13
|
+
const ArrowLeft_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/ArrowLeft"));
|
|
14
|
+
const ArrowUp_2 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/ArrowUp"));
|
|
15
|
+
const ArrowRight_2 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/ArrowRight"));
|
|
16
|
+
const ArrowDown_2 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/ArrowDown"));
|
|
17
|
+
const ArrowLeft_2 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/ArrowLeft"));
|
|
29
18
|
const cx = bind_1.default.bind(arrow_button_module_scss_1.default);
|
|
30
19
|
const ICONS = {
|
|
31
20
|
s: {
|
|
32
|
-
up:
|
|
33
|
-
right:
|
|
34
|
-
down:
|
|
35
|
-
left:
|
|
21
|
+
up: ArrowUp_2.default,
|
|
22
|
+
right: ArrowRight_2.default,
|
|
23
|
+
down: ArrowDown_2.default,
|
|
24
|
+
left: ArrowLeft_2.default,
|
|
36
25
|
},
|
|
37
26
|
l: {
|
|
38
|
-
up:
|
|
39
|
-
right:
|
|
40
|
-
down:
|
|
41
|
-
left:
|
|
27
|
+
up: ArrowUp_1.default,
|
|
28
|
+
right: ArrowRight_1.default,
|
|
29
|
+
down: ArrowDown_1.default,
|
|
30
|
+
left: ArrowLeft_1.default,
|
|
42
31
|
},
|
|
43
32
|
};
|
|
44
33
|
/**
|
|
@@ -46,10 +35,9 @@ const ICONS = {
|
|
|
46
35
|
* @param props Свойства. Поддерживаются свойства элемента button.
|
|
47
36
|
* @return Элемент.
|
|
48
37
|
*/
|
|
49
|
-
const ArrowButton = (
|
|
50
|
-
var { size = 'l', direction = 'right', className, 'data-testid': testId = 'arrow-button' } = _a, buttonProps = __rest(_a, ["size", "direction", "className", 'data-testid']);
|
|
38
|
+
const ArrowButton = ({ size = 'l', direction = 'right', className, 'data-testid': testId = 'arrow-button', ...buttonProps }) => {
|
|
51
39
|
const Icon = ICONS[size][direction];
|
|
52
|
-
return (
|
|
53
|
-
react_1.default.createElement(Icon, { "aria-hidden": true, fill: 'currentColor' })));
|
|
40
|
+
return ((0, jsx_runtime_1.jsx)("button", { type: 'button', ...buttonProps, className: cx('arrow-button', `size-${size}`, className), "data-testid": testId, children: (0, jsx_runtime_1.jsx)(Icon, { "aria-hidden": true, fill: 'currentColor' }) }));
|
|
54
41
|
};
|
|
55
42
|
exports.ArrowButton = ArrowButton;
|
|
43
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/arrow-button/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,2DAAyC;AACzC,0FAAiD;AACjD,+FAAqE;AACrE,qGAA2E;AAC3E,mGAAyE;AACzE,mGAAyE;AACzE,+FAA0E;AAC1E,qGAAgF;AAChF,mGAA8E;AAC9E,mGAA8E;AAsB9E,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,kCAAO,CAAC,CAAC;AAEpC,MAAM,KAAK,GAA+C;IACxD,CAAC,EAAE;QACD,EAAE,EAAE,iBAAU;QACd,KAAK,EAAE,oBAAa;QACpB,IAAI,EAAE,mBAAY;QAClB,IAAI,EAAE,mBAAY;KACnB;IACD,CAAC,EAAE;QACD,EAAE,EAAE,iBAAK;QACT,KAAK,EAAE,oBAAQ;QACf,IAAI,EAAE,mBAAO;QACb,IAAI,EAAE,mBAAO;KACd;CACF,CAAC;AAEF;;;;GAIG;AACI,MAAM,WAAW,GAAG,CAAC,EAC1B,IAAI,GAAG,GAAG,EACV,SAAS,GAAG,OAAO,EACnB,SAAS,EACT,aAAa,EAAE,MAAM,GAAG,cAAc,EACtC,GAAG,WAAW,EACG,EAAE,EAAE;IACrB,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC;IAEpC,OAAO,CACL,mCACE,IAAI,EAAC,QAAQ,KACT,WAAW,EACf,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,QAAQ,IAAI,EAAE,EAAE,SAAS,CAAC,iBAC3C,MAAM,YAEnB,uBAAC,IAAI,yBAAa,IAAI,EAAC,cAAc,GAAG,GACjC,CACV,CAAC;AACJ,CAAC,CAAC;AAnBW,QAAA,WAAW,eAmBtB"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { AutocompleteProps } from './types';
|
|
3
2
|
/**
|
|
4
3
|
* Поле ввода с подсказками.
|
|
5
4
|
* @param props Свойства.
|
|
6
5
|
* @return Элемент.
|
|
7
6
|
*/
|
|
8
|
-
export declare function Autocomplete({ children, loading, filterOption, dropdownProps, autoComplete, autoFocus, defaultValue, disabled, id, name, onBlur, onChange, onFocus, onInput, placeholder, readOnly, required, type, value, adornmentEnd, baseInputProps, ...restProps }: AutocompleteProps): JSX.Element;
|
|
7
|
+
export declare function Autocomplete({ children, loading, filterOption, dropdownProps, autoComplete, autoFocus, defaultValue, disabled, id, name, onBlur, onChange, onFocus, onInput, placeholder, readOnly, required, type, value, adornmentEnd, baseInputProps, ...restProps }: AutocompleteProps): import("react/jsx-runtime").JSX.Element;
|