@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
|
@@ -1,50 +1,17 @@
|
|
|
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.Autocomplete = 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
|
-
const
|
|
47
|
-
const
|
|
13
|
+
const Down_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/Down"));
|
|
14
|
+
const Up_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Arrows/Up"));
|
|
48
15
|
const dropdown_loading_1 = require("../_internal/dropdown-loading");
|
|
49
16
|
const bind_1 = __importDefault(require("classnames/bind"));
|
|
50
17
|
const autocomplete_module_scss_1 = __importDefault(require("./autocomplete.module.scss"));
|
|
@@ -55,8 +22,7 @@ const cx = bind_1.default.bind(autocomplete_module_scss_1.default);
|
|
|
55
22
|
* @param props Свойства.
|
|
56
23
|
* @return Элемент.
|
|
57
24
|
*/
|
|
58
|
-
const Autocomplete = (
|
|
59
|
-
var { items, itemSize, onSelect, onChange, onKeyDown, style, className, value, defaultValue, loading, renderItem = String, preset = 'default', 'data-testid': dataTestId } = _a, restProps = __rest(_a, ["items", "itemSize", "onSelect", "onChange", "onKeyDown", "style", "className", "value", "defaultValue", "loading", "renderItem", "preset", 'data-testid']);
|
|
25
|
+
const Autocomplete = ({ items, itemSize, onSelect, onChange, onKeyDown, style, className, value, defaultValue, loading, renderItem = String, preset = 'default', 'data-testid': dataTestId, ...restProps }) => {
|
|
60
26
|
const osComponentRef = (0, react_1.useRef)(null);
|
|
61
27
|
const fieldRef = (0, react_1.useRef)(null);
|
|
62
28
|
const menuRef = (0, react_1.useRef)(null);
|
|
@@ -64,7 +30,7 @@ const Autocomplete = (_a) => {
|
|
|
64
30
|
const [realValue, setRealValue] = (0, react_1.useState)(value || defaultValue);
|
|
65
31
|
const [activeIndex, setActiveIndex] = (0, react_1.useState)(null);
|
|
66
32
|
const needMenu = preset === 'filled-only-list' ? withMenu && realValue && realValue.length > 0 : withMenu;
|
|
67
|
-
const arrowIcon = needMenu ? (
|
|
33
|
+
const arrowIcon = needMenu ? ((0, jsx_runtime_1.jsx)(Up_1.default, { className: cx('arrow'), "data-testid": 'autocomplete:arrow-up' })) : ((0, jsx_runtime_1.jsx)(Down_1.default, { className: cx('arrow'), "data-testid": 'autocomplete:arrow-down' }));
|
|
68
34
|
const endAdornment = preset === 'default' ? arrowIcon : undefined;
|
|
69
35
|
(0, react_1.useEffect)(() => {
|
|
70
36
|
setRealValue(value);
|
|
@@ -85,46 +51,45 @@ const Autocomplete = (_a) => {
|
|
|
85
51
|
});
|
|
86
52
|
}
|
|
87
53
|
}, [activeIndex]);
|
|
88
|
-
return (
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
54
|
+
return ((0, jsx_runtime_1.jsxs)("div", { style: style, className: cx('root', className), "data-testid": dataTestId, children: [(0, jsx_runtime_1.jsx)(text_field_1.TextField, { ...restProps, ref: fieldRef, focused: withMenu, endAdornment: endAdornment, "data-testid": 'autocomplete:field', variant: 'desktop', value: realValue, multiline: false, className: cx('field'), onFocus: () => {
|
|
55
|
+
toggleMenu(true);
|
|
56
|
+
setActiveIndex(null);
|
|
57
|
+
}, onBlur: () => {
|
|
58
|
+
toggleMenu(false);
|
|
59
|
+
}, onChange: (event) => {
|
|
60
|
+
setRealValue(event.target.value);
|
|
61
|
+
setActiveIndex(0);
|
|
62
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(event);
|
|
63
|
+
}, onKeyDown: (event) => {
|
|
64
|
+
const size = (items === null || items === void 0 ? void 0 : items.length) || 0;
|
|
65
|
+
let nextIndex;
|
|
66
|
+
switch (event.key) {
|
|
67
|
+
case 'ArrowDown':
|
|
68
|
+
nextIndex = (activeIndex !== null ? size + activeIndex + 1 : 0) % size;
|
|
69
|
+
break;
|
|
70
|
+
case 'ArrowUp':
|
|
71
|
+
nextIndex = (size + Number(activeIndex) - 1) % size;
|
|
72
|
+
break;
|
|
73
|
+
case 'Enter':
|
|
74
|
+
if (items && activeIndex !== null && items.length > activeIndex) {
|
|
75
|
+
onSelect && onSelect(items[activeIndex]);
|
|
76
|
+
toggleMenu(false);
|
|
77
|
+
}
|
|
78
|
+
break;
|
|
79
|
+
}
|
|
80
|
+
if (typeof nextIndex === 'number') {
|
|
81
|
+
event.preventDefault(); // не даём каретке в поле перемещаться
|
|
82
|
+
setActiveIndex(nextIndex);
|
|
83
|
+
}
|
|
84
|
+
onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
|
|
85
|
+
} }), needMenu && ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { ...(0, dropdown_2.placeDropdown)(restProps.size), ref: menuRef, "data-testid": 'autocomplete:menu', className: cx('menu'), role: 'menu', customScrollbarProps: { osComponentRef }, children: loading ? ((0, jsx_runtime_1.jsx)(dropdown_loading_1.DropdownLoading, { "data-testid": 'autocomplete:loading-area' })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: items && items.length > 0 ? (items.map((item, index) => ((0, jsx_runtime_1.jsx)(dropdown_item_1.DropdownItem, { size: itemSize, role: 'menuitem', checked: index === activeIndex, onMouseDown: event => {
|
|
86
|
+
// чтобы при нажатии на опцию предотвратить blur на поле
|
|
87
|
+
event.preventDefault();
|
|
88
|
+
}, onClick: () => {
|
|
89
|
+
onSelect === null || onSelect === void 0 ? void 0 : onSelect(item);
|
|
90
|
+
setActiveIndex(null);
|
|
111
91
|
toggleMenu(false);
|
|
112
|
-
}
|
|
113
|
-
break;
|
|
114
|
-
}
|
|
115
|
-
if (typeof nextIndex === 'number') {
|
|
116
|
-
event.preventDefault(); // не даём каретке в поле перемещаться
|
|
117
|
-
setActiveIndex(nextIndex);
|
|
118
|
-
}
|
|
119
|
-
onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
|
|
120
|
-
} })),
|
|
121
|
-
needMenu && (react_1.default.createElement(dropdown_1.Dropdown, Object.assign({}, (0, dropdown_2.placeDropdown)(restProps.size), { ref: menuRef, "data-testid": 'autocomplete:menu', className: cx('menu'), role: 'menu', customScrollbarProps: { osComponentRef } }), loading ? (react_1.default.createElement(dropdown_loading_1.DropdownLoading, { "data-testid": 'autocomplete:loading-area' })) : (react_1.default.createElement(react_1.default.Fragment, null, items && items.length > 0 ? (items.map((item, index) => (react_1.default.createElement(dropdown_item_1.DropdownItem, { size: itemSize, key: index, role: 'menuitem', checked: index === activeIndex, onMouseDown: event => {
|
|
122
|
-
// чтобы при нажатии на опцию предотвратить blur на поле
|
|
123
|
-
event.preventDefault();
|
|
124
|
-
}, onClick: () => {
|
|
125
|
-
onSelect === null || onSelect === void 0 ? void 0 : onSelect(item);
|
|
126
|
-
setActiveIndex(null);
|
|
127
|
-
toggleMenu(false);
|
|
128
|
-
} }, renderItem(item))))) : (react_1.default.createElement(dropdown_item_1.DropdownItem, { size: 'm', noHover: true }, "\u041D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E"))))))));
|
|
92
|
+
}, children: renderItem(item) }, index)))) : ((0, jsx_runtime_1.jsx)(dropdown_item_1.DropdownItem, { size: 'm', noHover: true, children: "\u041D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E" })) })) }))] }));
|
|
129
93
|
};
|
|
130
94
|
exports.Autocomplete = Autocomplete;
|
|
95
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/autocomplete-deprecated/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
@use 'sass:map';
|
|
2
|
+
|
|
1
3
|
$sizes: 40, 48, 56, 64, 72, 80, 104;
|
|
2
4
|
|
|
3
5
|
$textSizes: (
|
|
@@ -41,7 +43,7 @@ $textSizes: (
|
|
|
41
43
|
width: #{$size}px;
|
|
42
44
|
height: #{$size}px;
|
|
43
45
|
.monogram {
|
|
44
|
-
font-size: #{map
|
|
46
|
+
font-size: #{map.get($textSizes, $size)}px;
|
|
45
47
|
}
|
|
46
48
|
}
|
|
47
49
|
}
|
package/avatar/index.d.ts
CHANGED
|
@@ -27,4 +27,4 @@ export interface AvatarProps {
|
|
|
27
27
|
* @param props Свойства компонента.
|
|
28
28
|
* @return Элемент.
|
|
29
29
|
*/
|
|
30
|
-
export declare
|
|
30
|
+
export declare function Avatar({ size: sizeProp, imageUrl, bgColor, bgOpacity, textColor, title, monogram, className, style, 'data-testid': testId, }: AvatarProps): JSX.Element;
|
package/avatar/index.js
CHANGED
|
@@ -1,37 +1,15 @@
|
|
|
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.Avatar = void 0;
|
|
30
|
-
const
|
|
7
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
+
const react_1 = require("react");
|
|
31
9
|
const colors_1 = require("../colors");
|
|
32
10
|
const utils_1 = require("./utils");
|
|
33
11
|
const colors_2 = require("../styling/colors");
|
|
34
|
-
const
|
|
12
|
+
const Person_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/Person"));
|
|
35
13
|
const bind_1 = __importDefault(require("classnames/bind"));
|
|
36
14
|
const avatar_module_scss_1 = __importDefault(require("./avatar.module.scss"));
|
|
37
15
|
const SIZES = [40, 48, 56, 64, 72, 80, 104];
|
|
@@ -50,16 +28,17 @@ const cx = bind_1.default.bind(avatar_module_scss_1.default);
|
|
|
50
28
|
* @param props Свойства компонента.
|
|
51
29
|
* @return Элемент.
|
|
52
30
|
*/
|
|
53
|
-
|
|
54
|
-
const [needImage, toggleImage] = (0, react_1.useState)(Boolean(imageUrl));
|
|
31
|
+
function Avatar({ size: sizeProp = 72, imageUrl, bgColor = 'basic-gray4', bgOpacity = 1, textColor = 'basic-gray87', title, monogram = (0, utils_1.getMonogram)(title), className, style, 'data-testid': testId = 'avatar', }) {
|
|
32
|
+
const [needImage, toggleImage] = (0, react_1.useState)(() => Boolean(imageUrl));
|
|
55
33
|
(0, react_1.useEffect)(() => {
|
|
56
34
|
toggleImage(Boolean(imageUrl));
|
|
57
35
|
}, [imageUrl]);
|
|
58
36
|
const size = SIZES.includes(sizeProp) ? sizeProp : 72;
|
|
59
|
-
return (
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
}
|
|
37
|
+
return ((0, jsx_runtime_1.jsxs)("div", { "data-testid": testId, className: cx('root', `size-${size}`, (0, colors_2.color)(textColor), className), style: {
|
|
38
|
+
...style,
|
|
39
|
+
'--avatar-color': !needImage ? colors_1.COLORS.get(bgColor) : undefined,
|
|
40
|
+
'--avatar-color-opacity': bgOpacity,
|
|
41
|
+
}, children: [!needImage && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: monogram ? ((0, jsx_runtime_1.jsx)("span", { className: cx('monogram'), children: monogram.slice(0, 2).toUpperCase() })) : ((0, jsx_runtime_1.jsx)(Person_1.default, { fill: colors_1.COLORS.get(textColor), width: ICON_SIZES[size], height: ICON_SIZES[size], className: cx('icon') })) })), needImage && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("img", { src: imageUrl, alt: '', className: cx('layer', 'image'), onError: () => toggleImage(false) }), (0, jsx_runtime_1.jsx)("div", { className: cx('layer', 'image-overlay') })] }))] }));
|
|
42
|
+
}
|
|
65
43
|
exports.Avatar = Avatar;
|
|
44
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/avatar/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAA2D;AAC3D,sCAA0C;AAC1C,mCAAsC;AACtC,8CAAwD;AACxD,6FAAwE;AACxE,2DAAyC;AACzC,8EAA0C;AAoC1C,MAAM,KAAK,GAA0B,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;AAEnE,MAAM,UAAU,GAAmC;IACjD,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,GAAG,EAAE,EAAE;CACR,CAAC;AAEF,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,4BAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,MAAM,CAAC,EACrB,IAAI,EAAE,QAAQ,GAAG,EAAE,EACnB,QAAQ,EACR,OAAO,GAAG,aAAa,EACvB,SAAS,GAAG,CAAC,EACb,SAAS,GAAG,cAAc,EAC1B,KAAK,EACL,QAAQ,GAAG,IAAA,mBAAW,EAAC,KAAK,CAAC,EAC7B,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,GAAG,QAAQ,GACpB;IACZ,MAAM,CAAC,SAAS,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEnE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,IAAI,GAAS,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAE,QAAiB,CAAC,CAAC,CAAC,EAAE,CAAC;IAEtE,OAAO,CACL,gDACe,MAAM,EACnB,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,QAAQ,IAAI,EAAE,EAAE,IAAA,cAAU,EAAC,SAAS,CAAC,EAAE,SAAS,CAAC,EACvE,KAAK,EACH;YACE,GAAG,KAAK;YACR,gBAAgB,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,eAAM,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS;YAC9D,wBAAwB,EAAE,SAAS;SACnB,aAInB,CAAC,SAAS,IAAI,CACb,2DACG,QAAQ,CAAC,CAAC,CAAC,CACV,iCAAM,SAAS,EAAE,EAAE,CAAC,UAAU,CAAC,YAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,GAAQ,CAC7E,CAAC,CAAC,CAAC,CACF,uBAAC,gBAAS,IACR,IAAI,EAAE,eAAM,CAAC,GAAG,CAAC,SAAS,CAAC,EAC3B,KAAK,EAAE,UAAU,CAAC,IAAI,CAAC,EACvB,MAAM,EAAE,UAAU,CAAC,IAAI,CAAC,EACxB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,GACrB,CACH,GACA,CACJ,EAGA,SAAS,IAAI,CACZ,6DACE,gCACE,GAAG,EAAE,QAAQ,EACb,GAAG,EAAC,EAAE,EACN,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,GACjC,EACF,gCAAK,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,eAAe,CAAC,GAAI,IAC/C,CACJ,IACG,CACP,CAAC;AACJ,CAAC;AA9DD,wBA8DC"}
|
package/avatar/user.d.ts
CHANGED
|
@@ -7,4 +7,4 @@ export declare const colorKey: unique symbol;
|
|
|
7
7
|
* @param props Свойства. Поддерживаются свойства Avatar.
|
|
8
8
|
* @return Элемент.
|
|
9
9
|
*/
|
|
10
|
-
export declare
|
|
10
|
+
export declare function UserAvatar(props: UserAvatarProps): JSX.Element;
|
package/avatar/user.js
CHANGED
|
@@ -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.UserAvatar = exports.colorKey = void 0;
|
|
27
|
-
const
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
28
6
|
const lodash_1 = require("lodash");
|
|
29
7
|
const _1 = require(".");
|
|
30
8
|
const COLORS = [
|
|
@@ -49,13 +27,15 @@ exports.colorKey = Symbol.for('user-avatar:color-key');
|
|
|
49
27
|
* @param props Свойства. Поддерживаются свойства Avatar.
|
|
50
28
|
* @return Элемент.
|
|
51
29
|
*/
|
|
52
|
-
|
|
30
|
+
function UserAvatar(props) {
|
|
53
31
|
const [color, setColor] = (0, react_1.useState)();
|
|
54
32
|
(0, react_1.useEffect)(() => {
|
|
33
|
+
const source = window;
|
|
55
34
|
// запоминаем цвет (пока только один для всех аватаров на странице)
|
|
56
|
-
|
|
57
|
-
setColor(
|
|
35
|
+
source[exports.colorKey] = source[exports.colorKey] || (0, lodash_1.sample)(COLORS);
|
|
36
|
+
setColor(source[exports.colorKey]);
|
|
58
37
|
}, []);
|
|
59
|
-
return
|
|
60
|
-
}
|
|
38
|
+
return (0, jsx_runtime_1.jsx)(_1.Avatar, { ...props, bgColor: color, bgOpacity: color ? 0.48 : 0, textColor: 'basic-white' });
|
|
39
|
+
}
|
|
61
40
|
exports.UserAvatar = UserAvatar;
|
|
41
|
+
//# sourceMappingURL=user.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"user.js","sourceRoot":"","sources":["../../src/avatar/user.tsx"],"names":[],"mappings":";;;;AAAA,iCAA4C;AAC5C,mCAAgC;AAChC,wBAAwC;AAKxC,MAAM,MAAM,GAAyB;IACnC,qBAAqB;IACrB,gBAAgB;IAChB,iBAAiB;IACjB,kBAAkB;IAClB,wBAAwB;IACxB,kBAAkB;IAClB,mBAAmB;IACnB,mBAAmB;IACnB,wBAAwB;IACxB,0BAA0B;IAC1B,uBAAuB;IACvB,iBAAiB;IACjB,sBAAsB;IACtB,wBAAwB;CACzB,CAAC;AAEW,QAAA,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC;AAE5D;;;;GAIG;AACH,SAAgB,UAAU,CAAC,KAAsB;IAC/C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,GAA2B,CAAC;IAE9D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAQ,MAAM,CAAC;QAE3B,mEAAmE;QACnE,MAAM,CAAC,gBAAQ,CAAC,GAAG,MAAM,CAAC,gBAAQ,CAAC,IAAI,IAAA,eAAM,EAAC,MAAM,CAAC,CAAC;QAEtD,QAAQ,CAAC,MAAM,CAAC,gBAAQ,CAAC,CAAC,CAAC;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,uBAAC,SAAM,OAAK,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,EAAC,aAAa,GAAG,CAAC;AACpG,CAAC;AAbD,gCAaC"}
|
package/avatar/utils.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/avatar/utils.ts"],"names":[],"mappings":";;;AAAA;;;;GAIG;AACH,SAAgB,WAAW,CAAC,KAAU;IACpC,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QAC7B,OAAO,KAAK;aACT,KAAK,CAAC,MAAM,CAAC;aACb,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;aACX,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;aACd,OAAO,EAAE;aACT,IAAI,CAAC,EAAE,CAAC;aACR,WAAW,EAAE,CAAC;KAClB;IAED,OAAO,EAAE,CAAC;AACZ,CAAC;AAZD,kCAYC"}
|
package/base-input/base-input.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.BaseInput = void 0;
|
|
41
|
-
const
|
|
7
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
+
const react_1 = require("react");
|
|
42
9
|
const fit_element_height_1 = require("../helpers/fit-element-height");
|
|
43
10
|
const hooks_1 = require("../hooks");
|
|
44
11
|
const utils_1 = require("./utils");
|
|
@@ -53,9 +20,8 @@ const cx = bind_1.default.bind(base_input_module_scss_1.default);
|
|
|
53
20
|
* @param props Свойства.
|
|
54
21
|
* @return Элемент.
|
|
55
22
|
*/
|
|
56
|
-
function BaseInput(
|
|
57
|
-
var
|
|
58
|
-
var { inputRef, textareaRef, style, className, restPlaceholder: restPlaceholderProp, 'data-testid': testId = 'base-input' } = _a, props = __rest(_a, ["inputRef", "textareaRef", "style", "className", "restPlaceholder", 'data-testid']);
|
|
23
|
+
function BaseInput({ inputRef, textareaRef, style, className, restPlaceholder: restPlaceholderProp, 'data-testid': testId = 'base-input', ...props }) {
|
|
24
|
+
var _a;
|
|
59
25
|
const textareaInnerRef = (0, react_1.useRef)(null);
|
|
60
26
|
const inputInnerRef = (0, react_1.useRef)(null);
|
|
61
27
|
(0, react_1.useImperativeHandle)(textareaRef, () => textareaInnerRef.current);
|
|
@@ -68,16 +34,16 @@ function BaseInput(_a) {
|
|
|
68
34
|
});
|
|
69
35
|
let field;
|
|
70
36
|
if (props.multiline) {
|
|
71
|
-
field = (
|
|
37
|
+
field = ((0, jsx_runtime_1.jsx)("textarea", { ...(0, utils_1.omitMultiline)(props), ref: textareaInnerRef, rows: (_a = props.rows) !== null && _a !== void 0 ? _a : 1, "data-testid": 'base-input:field' // ВАЖНО: не даем переопределить data-test-id
|
|
72
38
|
, className: cx('field', 'reset', 'multiline'), onInput: e => {
|
|
73
39
|
var _a;
|
|
74
40
|
(_a = props.onInput) === null || _a === void 0 ? void 0 : _a.call(props, e);
|
|
75
41
|
(0, fit_element_height_1.fitElementHeight)({ target: e.currentTarget });
|
|
76
|
-
} }))
|
|
42
|
+
} }));
|
|
77
43
|
}
|
|
78
44
|
else {
|
|
79
|
-
field = (
|
|
80
|
-
, className: cx('field', 'reset') }))
|
|
45
|
+
field = ((0, jsx_runtime_1.jsx)("input", { ...(0, utils_1.omitMultiline)(props), ref: inputInnerRef, "data-testid": 'base-input:field' // ВАЖНО: не даем переопределить data-test-id
|
|
46
|
+
, className: cx('field', 'reset') }));
|
|
81
47
|
}
|
|
82
48
|
let restPlaceholder = null;
|
|
83
49
|
// скрываем rest placeholder для неконтролируемых полей
|
|
@@ -85,12 +51,9 @@ function BaseInput(_a) {
|
|
|
85
51
|
restPlaceholder =
|
|
86
52
|
typeof restPlaceholderProp === 'string'
|
|
87
53
|
? { shiftValue: String(props.value), value: restPlaceholderProp }
|
|
88
|
-
:
|
|
54
|
+
: { shiftValue: String(props.value), value: '', ...restPlaceholderProp };
|
|
89
55
|
}
|
|
90
|
-
return (
|
|
91
|
-
!props.multiline && restPlaceholder && restPlaceholder.value && (react_1.default.createElement("span", { "aria-hidden": true, className: cx('rest-placeholder') },
|
|
92
|
-
react_1.default.createElement("span", { "data-testid": 'rest-placeholder-shift', className: cx('shift-part') }, restPlaceholder.shiftValue),
|
|
93
|
-
react_1.default.createElement("span", { "data-testid": 'rest-placeholder', className: cx('main-part') }, restPlaceholder.value))),
|
|
94
|
-
field));
|
|
56
|
+
return ((0, jsx_runtime_1.jsxs)("div", { style: style, className: cx('reset', 'root', className), "data-testid": testId, children: [!props.multiline && restPlaceholder && restPlaceholder.value && ((0, jsx_runtime_1.jsxs)("span", { "aria-hidden": true, className: cx('rest-placeholder'), children: [(0, jsx_runtime_1.jsx)("span", { "data-testid": 'rest-placeholder-shift', className: cx('shift-part'), children: restPlaceholder.shiftValue }), (0, jsx_runtime_1.jsx)("span", { "data-testid": 'rest-placeholder', className: cx('main-part'), children: restPlaceholder.value })] })), field] }));
|
|
95
57
|
}
|
|
96
58
|
exports.BaseInput = BaseInput;
|
|
59
|
+
//# sourceMappingURL=base-input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"base-input.js","sourceRoot":"","sources":["../../src/base-input/base-input.tsx"],"names":[],"mappings":"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"}
|
package/base-input/index.js
CHANGED
|
@@ -3,3 +3,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.BaseInput = void 0;
|
|
4
4
|
var base_input_1 = require("./base-input");
|
|
5
5
|
Object.defineProperty(exports, "BaseInput", { enumerable: true, get: function () { return base_input_1.BaseInput; } });
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/base-input/index.ts"],"names":[],"mappings":";;;AAOA,2CAAyC;AAAhC,uGAAA,SAAS,OAAA"}
|
package/base-input/types.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/base-input/types.ts"],"names":[],"mappings":""}
|
package/base-input/utils.js
CHANGED
|
@@ -7,8 +7,9 @@ exports.omitMultiline = void 0;
|
|
|
7
7
|
* @return Копия без свойства multiline.
|
|
8
8
|
*/
|
|
9
9
|
function omitMultiline(source) {
|
|
10
|
-
const next =
|
|
10
|
+
const next = { ...source };
|
|
11
11
|
delete next.multiline;
|
|
12
12
|
return next;
|
|
13
13
|
}
|
|
14
14
|
exports.omitMultiline = omitMultiline;
|
|
15
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/base-input/utils.ts"],"names":[],"mappings":";;;AAAA;;;;GAIG;AACH,SAAgB,aAAa,CAAgC,MAAS;IACpE,MAAM,IAAI,GAAG,EAAE,GAAG,MAAM,EAAE,CAAC;IAE3B,OAAO,IAAI,CAAC,SAAS,CAAC;IAEtB,OAAO,IAAI,CAAC;AACd,CAAC;AAND,sCAMC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
interface RestPlaceholder {
|
|
3
3
|
value: string;
|
|
4
4
|
shiftValue?: string;
|
|
@@ -20,5 +20,5 @@ export type BaseInputProps = CustomProps & React.TextareaHTMLAttributes<HTMLText
|
|
|
20
20
|
* @param props Свойства. Поддерживаются свойства элемента input.
|
|
21
21
|
* @return Элемент.
|
|
22
22
|
*/
|
|
23
|
-
export declare const BaseInput:
|
|
23
|
+
export declare const BaseInput: import("react").ForwardRefExoticComponent<CustomProps & import("react").TextareaHTMLAttributes<HTMLTextAreaElement> & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement | HTMLTextAreaElement | undefined>>;
|
|
24
24
|
export {};
|
|
@@ -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.BaseInput = void 0;
|
|
41
|
-
const
|
|
7
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
+
const react_1 = require("react");
|
|
42
9
|
const fit_element_height_1 = require("../helpers/fit-element-height");
|
|
43
10
|
const bind_1 = __importDefault(require("classnames/bind"));
|
|
44
11
|
const base_input_module_scss_1 = __importDefault(require("./base-input.module.scss"));
|
|
@@ -49,8 +16,7 @@ const cx = bind_1.default.bind(base_input_module_scss_1.default);
|
|
|
49
16
|
* @param props Свойства. Поддерживаются свойства элемента input.
|
|
50
17
|
* @return Элемент.
|
|
51
18
|
*/
|
|
52
|
-
exports.BaseInput = (0, react_1.forwardRef)(function BaseInput(
|
|
53
|
-
var { className, disabled, multiline, onInput, restPlaceholder: restPlaceholderProp, rows = 1, style, value } = _a, props = __rest(_a, ["className", "disabled", "multiline", "onInput", "restPlaceholder", "rows", "style", "value"]);
|
|
19
|
+
exports.BaseInput = (0, react_1.forwardRef)(function BaseInput({ className, disabled, multiline, onInput, restPlaceholder: restPlaceholderProp, rows = 1, style, value, ...props }, ref) {
|
|
54
20
|
const Element = multiline
|
|
55
21
|
? 'textarea'
|
|
56
22
|
: 'input';
|
|
@@ -66,15 +32,12 @@ exports.BaseInput = (0, react_1.forwardRef)(function BaseInput(_a, ref) {
|
|
|
66
32
|
});
|
|
67
33
|
const restPlaceholder = typeof restPlaceholderProp === 'string'
|
|
68
34
|
? { shiftValue: value, value: restPlaceholderProp }
|
|
69
|
-
:
|
|
70
|
-
return (
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
className: cx('field', 'reset', multiline && 'multiline'), value: value, onInput: (event) => {
|
|
77
|
-
multiline && (0, fit_element_height_1.fitElementHeight)(event);
|
|
78
|
-
onInput === null || onInput === void 0 ? void 0 : onInput(event);
|
|
79
|
-
} }))));
|
|
35
|
+
: { shiftValue: value, ...restPlaceholderProp };
|
|
36
|
+
return ((0, jsx_runtime_1.jsxs)("div", { "data-testid": 'base-input:root', style: style, className: cx('reset', 'root', disabled && 'disabled', className), children: [!multiline && Boolean(restPlaceholder.value) && ((0, jsx_runtime_1.jsxs)("span", { "aria-hidden": true, className: cx('fake-text'), children: [(0, jsx_runtime_1.jsx)("span", { className: cx('invisible-value'), children: restPlaceholder.shiftValue }), (0, jsx_runtime_1.jsx)("span", { className: cx('placeholder'), children: restPlaceholder.value })] })), (0, jsx_runtime_1.jsx)(Element, { "data-testid": 'base-input:field', ...props, rows: multiline ? rows : undefined, ref: inputRef, disabled: disabled,
|
|
37
|
+
// ВАЖНО: не даем возможности задать стили/классы именно для этого элемента
|
|
38
|
+
className: cx('field', 'reset', multiline && 'multiline'), value: value, onInput: (event) => {
|
|
39
|
+
multiline && (0, fit_element_height_1.fitElementHeight)(event);
|
|
40
|
+
onInput === null || onInput === void 0 ? void 0 : onInput(event);
|
|
41
|
+
} })] }));
|
|
80
42
|
});
|
|
43
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/base-input-deprecated/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAA2E;AAC3E,sEAAiE;AACjE,2DAAyC;AACzC,sFAA8C;AAE9C,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,gCAAM,CAAC,CAAC;AAyBnC;;;;;GAKG;AACU,QAAA,SAAS,GAAG,IAAA,kBAAU,EAGjC,SAAS,SAAS,CAClB,EACE,SAAS,EACT,QAAQ,EACR,SAAS,EACT,OAAO,EACP,eAAe,EAAE,mBAAmB,EACpC,IAAI,GAAG,CAAC,EACR,KAAK,EACL,KAAK,EACL,GAAG,KAAK,EACT,EACD,GAAG;IAEH,MAAM,OAAO,GAAG,SAAS;QACvB,CAAC,CAAC,UAAU;QACZ,CAAC,CAAE,OAAgE,CAAC;IACtE,MAAM,QAAQ,GAAG,IAAA,cAAM,GAA0C,CAAC;IAElE,IAAA,2BAAmB,EAAC,GAAG,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAEjD,0DAA0D;IAC1D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,SAAS;YACP,QAAQ,CAAC,OAAO;YAChB,IAAA,qCAAgB,EAAC;gBACf,MAAM,EAAE,QAAQ,CAAC,OAAO;aACzB,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,MAAM,eAAe,GACnB,OAAO,mBAAmB,KAAK,QAAQ;QACrC,CAAC,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,mBAAmB,EAAE;QACnD,CAAC,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,GAAI,mBAA2B,EAAE,CAAC;IAE7D,OAAO,CACL,gDACc,iBAAiB,EAC7B,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,IAAI,UAAU,EAAE,SAAS,CAAC,aAEhE,CAAC,SAAS,IAAI,OAAO,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAC/C,uDAAkB,SAAS,EAAE,EAAE,CAAC,WAAW,CAAC,aAC1C,iCAAM,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC,YAAG,eAAe,CAAC,UAAU,GAAQ,EAC3E,iCAAM,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,YAAG,eAAe,CAAC,KAAK,GAAQ,IAC7D,CACR,EACD,uBAAC,OAAO,mBACM,kBAAkB,KAC1B,KAAK,EACT,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAClC,GAAG,EAAE,QAAe,EACpB,QAAQ,EAAE,QAAQ;gBAClB,2EAA2E;gBAC3E,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,SAAS,IAAI,WAAW,CAAC,EACzD,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,CAAC,KAAU,EAAE,EAAE;oBACtB,SAAS,IAAI,IAAA,qCAAgB,EAAC,KAAK,CAAC,CAAC;oBACrC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAY,CAAC,CAAC;gBAC1B,CAAC,GACD,IACE,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
|