draft-components 3.5.0 → 4.0.0
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/css/draft-components-variables.css +418 -230
- package/css/draft-components.css +2547 -1594
- package/dist/components/alert/alert.css +58 -59
- package/dist/components/alert/alert.d.ts +6 -6
- package/dist/components/alert/alert.js +5 -4
- package/dist/components/alert/alert.js.map +1 -0
- package/dist/components/alert/index.js +1 -0
- package/dist/components/alert/index.js.map +1 -0
- package/dist/components/avatar/avatar.css +29 -29
- package/dist/components/avatar/avatar.d.ts +6 -6
- package/dist/components/avatar/avatar.js +6 -5
- package/dist/components/avatar/avatar.js.map +1 -0
- package/dist/components/avatar/index.js +1 -0
- package/dist/components/avatar/index.js.map +1 -0
- package/dist/components/badge/badge.css +8 -8
- package/dist/components/badge/badge.d.ts +5 -5
- package/dist/components/badge/badge.js +2 -0
- package/dist/components/badge/badge.js.map +1 -0
- package/dist/components/badge/index.js +1 -0
- package/dist/components/badge/index.js.map +1 -0
- package/dist/components/breadcrumbs/breadcrumbs-context.d.ts +1 -1
- package/dist/components/breadcrumbs/breadcrumbs-context.js +1 -0
- package/dist/components/breadcrumbs/breadcrumbs-context.js.map +1 -0
- package/dist/components/breadcrumbs/breadcrumbs-item.d.ts +7 -6
- package/dist/components/breadcrumbs/breadcrumbs-item.js +2 -0
- package/dist/components/breadcrumbs/breadcrumbs-item.js.map +1 -0
- package/dist/components/breadcrumbs/breadcrumbs.css +9 -9
- package/dist/components/breadcrumbs/breadcrumbs.d.ts +5 -4
- package/dist/components/breadcrumbs/breadcrumbs.js +2 -0
- package/dist/components/breadcrumbs/breadcrumbs.js.map +1 -0
- package/dist/components/breadcrumbs/index.js +1 -0
- package/dist/components/breadcrumbs/index.js.map +1 -0
- package/dist/components/button/button.css +634 -108
- package/dist/components/button/button.d.ts +7 -6
- package/dist/components/button/button.js +17 -13
- package/dist/components/button/button.js.map +1 -0
- package/dist/components/button/icon-button.d.ts +2 -2
- package/dist/components/button/icon-button.js +4 -4
- package/dist/components/button/icon-button.js.map +1 -0
- package/dist/components/button/index.js +1 -0
- package/dist/components/button/index.js.map +1 -0
- package/dist/components/button-group/button-group.d.ts +4 -3
- package/dist/components/button-group/button-group.js +2 -0
- package/dist/components/button-group/button-group.js.map +1 -0
- package/dist/components/button-group/index.js +1 -0
- package/dist/components/button-group/index.js.map +1 -0
- package/dist/components/caption/caption.css +6 -6
- package/dist/components/caption/caption.d.ts +6 -6
- package/dist/components/caption/caption.js +6 -4
- package/dist/components/caption/caption.js.map +1 -0
- package/dist/components/caption/index.js +1 -0
- package/dist/components/caption/index.js.map +1 -0
- package/dist/components/checkbox/checkbox.css +24 -28
- package/dist/components/checkbox/checkbox.d.ts +5 -5
- package/dist/components/checkbox/checkbox.js +11 -6
- package/dist/components/checkbox/checkbox.js.map +1 -0
- package/dist/components/checkbox/index.js +1 -0
- package/dist/components/checkbox/index.js.map +1 -0
- package/dist/components/color-picker/color-picker-button.d.ts +1 -1
- package/dist/components/color-picker/color-picker-button.js +9 -3
- package/dist/components/color-picker/color-picker-button.js.map +1 -0
- package/dist/components/color-picker/color-picker.css +13 -13
- package/dist/components/color-picker/color-picker.d.ts +10 -6
- package/dist/components/color-picker/color-picker.js +2 -0
- package/dist/components/color-picker/color-picker.js.map +1 -0
- package/dist/components/color-picker/index.js +1 -0
- package/dist/components/color-picker/index.js.map +1 -0
- package/dist/components/date-picker/calendar-day.d.ts +5 -4
- package/dist/components/date-picker/calendar-day.js +2 -0
- package/dist/components/date-picker/calendar-day.js.map +1 -0
- package/dist/components/date-picker/calendar-grid-head.d.ts +1 -1
- package/dist/components/date-picker/calendar-grid-head.js +2 -0
- package/dist/components/date-picker/calendar-grid-head.js.map +1 -0
- package/dist/components/date-picker/calendar-grid.d.ts +1 -1
- package/dist/components/date-picker/calendar-grid.js +22 -16
- package/dist/components/date-picker/calendar-grid.js.map +1 -0
- package/dist/components/date-picker/calendar-header.js +3 -2
- package/dist/components/date-picker/calendar-header.js.map +1 -0
- package/dist/components/date-picker/calendar.d.ts +10 -7
- package/dist/components/date-picker/calendar.js +1 -0
- package/dist/components/date-picker/calendar.js.map +1 -0
- package/dist/components/date-picker/date-helpers.js +1 -0
- package/dist/components/date-picker/date-helpers.js.map +1 -0
- package/dist/components/date-picker/date-picker.css +44 -40
- package/dist/components/date-picker/date-picker.d.ts +9 -8
- package/dist/components/date-picker/date-picker.js +4 -2
- package/dist/components/date-picker/date-picker.js.map +1 -0
- package/dist/components/date-picker/date-range-picker.d.ts +10 -9
- package/dist/components/date-picker/date-range-picker.js +5 -4
- package/dist/components/date-picker/date-range-picker.js.map +1 -0
- package/dist/components/date-picker/date-range.d.ts +1 -1
- package/dist/components/date-picker/date-range.js +1 -0
- package/dist/components/date-picker/date-range.js.map +1 -0
- package/dist/components/date-picker/index.js +1 -0
- package/dist/components/date-picker/index.js.map +1 -0
- package/dist/components/date-picker/parse-min-max-props.d.ts +1 -1
- package/dist/components/date-picker/parse-min-max-props.js +1 -0
- package/dist/components/date-picker/parse-min-max-props.js.map +1 -0
- package/dist/components/date-picker-popover/date-picker-popover.d.ts +18 -10
- package/dist/components/date-picker-popover/date-picker-popover.js +18 -5
- package/dist/components/date-picker-popover/date-picker-popover.js.map +1 -0
- package/dist/components/date-picker-popover/index.js +1 -0
- package/dist/components/date-picker-popover/index.js.map +1 -0
- package/dist/components/date-range-picker-popover/date-range-picker-popover-footer.d.ts +1 -1
- package/dist/components/date-range-picker-popover/date-range-picker-popover-footer.js +3 -1
- package/dist/components/date-range-picker-popover/date-range-picker-popover-footer.js.map +1 -0
- package/dist/components/date-range-picker-popover/date-range-picker-popover-presets.d.ts +1 -1
- package/dist/components/date-range-picker-popover/date-range-picker-popover-presets.js +2 -0
- package/dist/components/date-range-picker-popover/date-range-picker-popover-presets.js.map +1 -0
- package/dist/components/date-range-picker-popover/date-range-picker-popover.d.ts +17 -14
- package/dist/components/date-range-picker-popover/date-range-picker-popover.js +20 -14
- package/dist/components/date-range-picker-popover/date-range-picker-popover.js.map +1 -0
- package/dist/components/date-range-picker-popover/helpers.d.ts +1 -1
- package/dist/components/date-range-picker-popover/helpers.js +2 -0
- package/dist/components/date-range-picker-popover/helpers.js.map +1 -0
- package/dist/components/date-range-picker-popover/index.js +1 -0
- package/dist/components/date-range-picker-popover/index.js.map +1 -0
- package/dist/components/date-range-picker-popover/types.d.ts +1 -1
- package/dist/components/date-range-picker-popover/types.js +2 -1
- package/dist/components/date-range-picker-popover/types.js.map +1 -0
- package/dist/components/date-range-picker-popover/use-is-compact-view.js +7 -1
- package/dist/components/date-range-picker-popover/use-is-compact-view.js.map +1 -0
- package/dist/components/dialog/dialog-body.d.ts +9 -4
- package/dist/components/dialog/dialog-body.js +26 -3
- package/dist/components/dialog/dialog-body.js.map +1 -0
- package/dist/components/dialog/dialog-context.d.ts +4 -4
- package/dist/components/dialog/dialog-context.js +10 -7
- package/dist/components/dialog/dialog-context.js.map +1 -0
- package/dist/components/dialog/dialog-footer.d.ts +4 -6
- package/dist/components/dialog/dialog-footer.js +8 -4
- package/dist/components/dialog/dialog-footer.js.map +1 -0
- package/dist/components/dialog/dialog-header.d.ts +8 -8
- package/dist/components/dialog/dialog-header.js +12 -10
- package/dist/components/dialog/dialog-header.js.map +1 -0
- package/dist/components/dialog/dialog.css +321 -100
- package/dist/components/dialog/dialog.d.ts +13 -18
- package/dist/components/dialog/dialog.js +84 -30
- package/dist/components/dialog/dialog.js.map +1 -0
- package/dist/components/dialog/index.js +1 -0
- package/dist/components/dialog/index.js.map +1 -0
- package/dist/components/empty-state/empty-state.css +9 -5
- package/dist/components/empty-state/empty-state.d.ts +7 -6
- package/dist/components/empty-state/empty-state.js +7 -2
- package/dist/components/empty-state/empty-state.js.map +1 -0
- package/dist/components/empty-state/index.js +1 -0
- package/dist/components/empty-state/index.js.map +1 -0
- package/dist/components/file-picker/file-picker.css +19 -16
- package/dist/components/file-picker/file-picker.d.ts +7 -7
- package/dist/components/file-picker/file-picker.js +25 -9
- package/dist/components/file-picker/file-picker.js.map +1 -0
- package/dist/components/file-picker/index.js +1 -0
- package/dist/components/file-picker/index.js.map +1 -0
- package/dist/components/filter-buttons/filter-button.d.ts +6 -5
- package/dist/components/filter-buttons/filter-button.js +4 -3
- package/dist/components/filter-buttons/filter-button.js.map +1 -0
- package/dist/components/filter-buttons/filter-buttons.css +37 -12
- package/dist/components/filter-buttons/filter-buttons.d.ts +2 -2
- package/dist/components/filter-buttons/filter-buttons.js +3 -2
- package/dist/components/filter-buttons/filter-buttons.js.map +1 -0
- package/dist/components/filter-buttons/index.js +1 -0
- package/dist/components/filter-buttons/index.js.map +1 -0
- package/dist/components/filtered-search/filter-item.css +1 -1
- package/dist/components/filtered-search/filter-item.d.ts +1 -1
- package/dist/components/filtered-search/filter-item.js +3 -1
- package/dist/components/filtered-search/filter-item.js.map +1 -0
- package/dist/components/filtered-search/filter-operator-select.js +2 -1
- package/dist/components/filtered-search/filter-operator-select.js.map +1 -0
- package/dist/components/filtered-search/filter-token.css +7 -7
- package/dist/components/filtered-search/filter-token.d.ts +6 -3
- package/dist/components/filtered-search/filter-token.js +5 -4
- package/dist/components/filtered-search/filter-token.js.map +1 -0
- package/dist/components/filtered-search/filter-value-list.css +1 -1
- package/dist/components/filtered-search/filter-value-list.js +3 -1
- package/dist/components/filtered-search/filter-value-list.js.map +1 -0
- package/dist/components/filtered-search/filtered-search.css +56 -52
- package/dist/components/filtered-search/filtered-search.d.ts +6 -5
- package/dist/components/filtered-search/filtered-search.js +12 -9
- package/dist/components/filtered-search/filtered-search.js.map +1 -0
- package/dist/components/filtered-search/index.d.ts +1 -1
- package/dist/components/filtered-search/index.js +3 -1
- package/dist/components/filtered-search/index.js.map +1 -0
- package/dist/components/filtered-search/model/abstract-filter.js +1 -0
- package/dist/components/filtered-search/model/abstract-filter.js.map +1 -0
- package/dist/components/filtered-search/model/string-filter.d.ts +1 -1
- package/dist/components/filtered-search/model/string-filter.js +2 -0
- package/dist/components/filtered-search/model/string-filter.js.map +1 -0
- package/dist/components/filtered-search/model/string-set-filter.js +1 -0
- package/dist/components/filtered-search/model/string-set-filter.js.map +1 -0
- package/dist/components/filtered-search/model/validation-result.js +1 -0
- package/dist/components/filtered-search/model/validation-result.js.map +1 -0
- package/dist/components/filtered-search/string-filter-input.js +2 -1
- package/dist/components/filtered-search/string-filter-input.js.map +1 -0
- package/dist/components/filtered-search/string-filter-item.d.ts +1 -1
- package/dist/components/filtered-search/string-filter-item.js +7 -3
- package/dist/components/filtered-search/string-filter-item.js.map +1 -0
- package/dist/components/filtered-search/string-set-filter-item.d.ts +1 -1
- package/dist/components/filtered-search/string-set-filter-item.js +7 -3
- package/dist/components/filtered-search/string-set-filter-item.js.map +1 -0
- package/dist/components/filtered-search/types.d.ts +2 -2
- package/dist/components/filtered-search/types.js +3 -1
- package/dist/components/filtered-search/types.js.map +1 -0
- package/dist/components/filtered-search/use-combobox-ids.js +1 -0
- package/dist/components/filtered-search/use-combobox-ids.js.map +1 -0
- package/dist/components/filtered-search/use-translations.d.ts +1 -1
- package/dist/components/filtered-search/use-translations.js +1 -0
- package/dist/components/filtered-search/use-translations.js.map +1 -0
- package/dist/components/form-field/form-field.d.ts +7 -10
- package/dist/components/form-field/form-field.js +1 -0
- package/dist/components/form-field/form-field.js.map +1 -0
- package/dist/components/form-field/index.js +1 -0
- package/dist/components/form-field/index.js.map +1 -0
- package/dist/components/hero-icons/24/outline/arrow-down-icon.d.ts +2 -0
- package/dist/components/hero-icons/24/outline/arrow-down-icon.js +6 -0
- package/dist/components/hero-icons/24/outline/arrow-down-icon.js.map +1 -0
- package/dist/components/hero-icons/24/outline/arrow-up-icon.d.ts +2 -0
- package/dist/components/hero-icons/24/outline/arrow-up-icon.js +6 -0
- package/dist/components/hero-icons/24/outline/arrow-up-icon.js.map +1 -0
- package/dist/components/hero-icons/24/outline/arrows-up-down-icon.d.ts +2 -3
- package/dist/components/hero-icons/24/outline/arrows-up-down-icon.js +5 -4
- package/dist/components/hero-icons/24/outline/arrows-up-down-icon.js.map +1 -0
- package/dist/components/hero-icons/24/outline/chevron-left-icon.d.ts +2 -3
- package/dist/components/hero-icons/24/outline/chevron-left-icon.js +5 -4
- package/dist/components/hero-icons/24/outline/chevron-left-icon.js.map +1 -0
- package/dist/components/hero-icons/24/outline/chevron-right-icon.d.ts +2 -3
- package/dist/components/hero-icons/24/outline/chevron-right-icon.js +5 -4
- package/dist/components/hero-icons/24/outline/chevron-right-icon.js.map +1 -0
- package/dist/components/hero-icons/24/outline/eye-icon.d.ts +2 -3
- package/dist/components/hero-icons/24/outline/eye-icon.js +5 -4
- package/dist/components/hero-icons/24/outline/eye-icon.js.map +1 -0
- package/dist/components/hero-icons/24/outline/eye-slash-icon.d.ts +2 -3
- package/dist/components/hero-icons/24/outline/eye-slash-icon.js +5 -4
- package/dist/components/hero-icons/24/outline/eye-slash-icon.js.map +1 -0
- package/dist/components/hero-icons/24/outline/magnifying-glass-icon.d.ts +2 -3
- package/dist/components/hero-icons/24/outline/magnifying-glass-icon.js +5 -4
- package/dist/components/hero-icons/24/outline/magnifying-glass-icon.js.map +1 -0
- package/dist/components/hero-icons/24/outline/trash-icon.d.ts +2 -3
- package/dist/components/hero-icons/24/outline/trash-icon.js +5 -4
- package/dist/components/hero-icons/24/outline/trash-icon.js.map +1 -0
- package/dist/components/hero-icons/24/outline/x-mark-icon.d.ts +2 -3
- package/dist/components/hero-icons/24/outline/x-mark-icon.js +5 -4
- package/dist/components/hero-icons/24/outline/x-mark-icon.js.map +1 -0
- package/dist/components/hero-icons/24/solid/exclamation-triangle-icon.d.ts +2 -3
- package/dist/components/hero-icons/24/solid/exclamation-triangle-icon.js +5 -4
- package/dist/components/hero-icons/24/solid/exclamation-triangle-icon.js.map +1 -0
- package/dist/components/index.d.ts +0 -2
- package/dist/components/index.js +1 -2
- package/dist/components/index.js.map +1 -0
- package/dist/components/label/index.js +1 -0
- package/dist/components/label/index.js.map +1 -0
- package/dist/components/label/label.css +5 -5
- package/dist/components/label/label.d.ts +6 -3
- package/dist/components/label/label.js +6 -4
- package/dist/components/label/label.js.map +1 -0
- package/dist/components/menu/index.js +1 -0
- package/dist/components/menu/index.js.map +1 -0
- package/dist/components/menu/menu-item.d.ts +6 -6
- package/dist/components/menu/menu-item.js +9 -14
- package/dist/components/menu/menu-item.js.map +1 -0
- package/dist/components/menu/menu-separator.d.ts +2 -5
- package/dist/components/menu/menu-separator.js +3 -1
- package/dist/components/menu/menu-separator.js.map +1 -0
- package/dist/components/menu/menu.css +25 -26
- package/dist/components/menu/menu.d.ts +22 -26
- package/dist/components/menu/menu.js +121 -116
- package/dist/components/menu/menu.js.map +1 -0
- package/dist/components/nav-list/index.js +1 -0
- package/dist/components/nav-list/index.js.map +1 -0
- package/dist/components/nav-list/nav-list-item.d.ts +7 -6
- package/dist/components/nav-list/nav-list-item.js +2 -0
- package/dist/components/nav-list/nav-list-item.js.map +1 -0
- package/dist/components/nav-list/nav-list-title.d.ts +5 -5
- package/dist/components/nav-list/nav-list-title.js +2 -0
- package/dist/components/nav-list/nav-list-title.js.map +1 -0
- package/dist/components/nav-list/nav-list.css +12 -12
- package/dist/components/nav-list/nav-list.d.ts +8 -2
- package/dist/components/nav-list/nav-list.js +6 -0
- package/dist/components/nav-list/nav-list.js.map +1 -0
- package/dist/components/password-input/index.js +1 -0
- package/dist/components/password-input/index.js.map +1 -0
- package/dist/components/password-input/password-input.css +3 -33
- package/dist/components/password-input/password-input.d.ts +7 -6
- package/dist/components/password-input/password-input.js +9 -7
- package/dist/components/password-input/password-input.js.map +1 -0
- package/dist/components/popover/index.js +1 -0
- package/dist/components/popover/index.js.map +1 -0
- package/dist/components/popover/popover.css +43 -70
- package/dist/components/popover/popover.d.ts +28 -49
- package/dist/components/popover/popover.js +101 -82
- package/dist/components/popover/popover.js.map +1 -0
- package/dist/components/portal/index.js +1 -0
- package/dist/components/portal/index.js.map +1 -0
- package/dist/components/portal/portal-context.d.ts +1 -1
- package/dist/components/portal/portal-context.js +1 -0
- package/dist/components/portal/portal-context.js.map +1 -0
- package/dist/components/portal/portal.d.ts +1 -1
- package/dist/components/portal/portal.js +2 -0
- package/dist/components/portal/portal.js.map +1 -0
- package/dist/components/radio/index.js +1 -0
- package/dist/components/radio/index.js.map +1 -0
- package/dist/components/radio/radio.css +24 -28
- package/dist/components/radio/radio.d.ts +5 -5
- package/dist/components/radio/radio.js +11 -6
- package/dist/components/radio/radio.js.map +1 -0
- package/dist/components/search-select/context.d.ts +1 -1
- package/dist/components/search-select/context.js +1 -0
- package/dist/components/search-select/context.js.map +1 -0
- package/dist/components/search-select/icons.d.ts +3 -3
- package/dist/components/search-select/icons.js +2 -0
- package/dist/components/search-select/icons.js.map +1 -0
- package/dist/components/search-select/index.js +1 -0
- package/dist/components/search-select/index.js.map +1 -0
- package/dist/components/search-select/search-select.css +67 -43
- package/dist/components/search-select/search-select.d.ts +9 -10
- package/dist/components/search-select/search-select.js +20 -15
- package/dist/components/search-select/search-select.js.map +1 -0
- package/dist/components/segmented-control/index.js +1 -0
- package/dist/components/segmented-control/index.js.map +1 -0
- package/dist/components/segmented-control/segmented-button.d.ts +1 -1
- package/dist/components/segmented-control/segmented-button.js +2 -0
- package/dist/components/segmented-control/segmented-button.js.map +1 -0
- package/dist/components/segmented-control/segmented-control.css +46 -41
- package/dist/components/segmented-control/segmented-control.d.ts +5 -4
- package/dist/components/segmented-control/segmented-control.js +2 -0
- package/dist/components/segmented-control/segmented-control.js.map +1 -0
- package/dist/components/select/index.js +1 -0
- package/dist/components/select/index.js.map +1 -0
- package/dist/components/select/select.css +37 -32
- package/dist/components/select/select.d.ts +6 -31
- package/dist/components/select/select.js +5 -4
- package/dist/components/select/select.js.map +1 -0
- package/dist/components/selection-control/index.js +1 -0
- package/dist/components/selection-control/index.js.map +1 -0
- package/dist/components/selection-control/selection-control.d.ts +8 -13
- package/dist/components/selection-control/selection-control.js +5 -4
- package/dist/components/selection-control/selection-control.js.map +1 -0
- package/dist/components/slider/calc-position.js +1 -0
- package/dist/components/slider/calc-position.js.map +1 -0
- package/dist/components/slider/get-offset-relative-to-thumb.js +4 -3
- package/dist/components/slider/get-offset-relative-to-thumb.js.map +1 -0
- package/dist/components/slider/index.js +2 -0
- package/dist/components/slider/index.js.map +1 -0
- package/dist/components/slider/range-slider.d.ts +2 -2
- package/dist/components/slider/range-slider.js +2 -1
- package/dist/components/slider/range-slider.js.map +1 -0
- package/dist/components/slider/slider-thumb.d.ts +1 -1
- package/dist/components/slider/slider-thumb.js +3 -1
- package/dist/components/slider/slider-thumb.js.map +1 -0
- package/dist/components/slider/slider-tick-marks.d.ts +1 -1
- package/dist/components/slider/slider-tick-marks.js +2 -0
- package/dist/components/slider/slider-tick-marks.js.map +1 -0
- package/dist/components/slider/slider-track.d.ts +1 -1
- package/dist/components/slider/slider-track.js +7 -5
- package/dist/components/slider/slider-track.js.map +1 -0
- package/dist/components/slider/slider.css +88 -93
- package/dist/components/slider/slider.d.ts +2 -2
- package/dist/components/slider/slider.js +2 -1
- package/dist/components/slider/slider.js.map +1 -0
- package/dist/components/spinner/index.js +1 -0
- package/dist/components/spinner/index.js.map +1 -0
- package/dist/components/spinner/spinner.d.ts +6 -5
- package/dist/components/spinner/spinner.js +5 -4
- package/dist/components/spinner/spinner.js.map +1 -0
- package/dist/components/switch/index.js +1 -0
- package/dist/components/switch/index.js.map +1 -0
- package/dist/components/switch/switch.css +34 -47
- package/dist/components/switch/switch.d.ts +5 -5
- package/dist/components/switch/switch.js +12 -6
- package/dist/components/switch/switch.js.map +1 -0
- package/dist/components/table/index.js +1 -0
- package/dist/components/table/index.js.map +1 -0
- package/dist/components/table/table-body.d.ts +5 -5
- package/dist/components/table/table-body.js +5 -4
- package/dist/components/table/table-body.js.map +1 -0
- package/dist/components/table/table-cell.d.ts +5 -5
- package/dist/components/table/table-cell.js +5 -4
- package/dist/components/table/table-cell.js.map +1 -0
- package/dist/components/table/table-container.d.ts +6 -5
- package/dist/components/table/table-container.js +5 -4
- package/dist/components/table/table-container.js.map +1 -0
- package/dist/components/table/table-head-cell.d.ts +6 -5
- package/dist/components/table/table-head-cell.js +14 -9
- package/dist/components/table/table-head-cell.js.map +1 -0
- package/dist/components/table/table-head.d.ts +6 -5
- package/dist/components/table/table-head.js +5 -4
- package/dist/components/table/table-head.js.map +1 -0
- package/dist/components/table/table-row.d.ts +6 -5
- package/dist/components/table/table-row.js +5 -4
- package/dist/components/table/table-row.js.map +1 -0
- package/dist/components/table/table.css +48 -54
- package/dist/components/table/table.d.ts +21 -6
- package/dist/components/table/table.js +18 -5
- package/dist/components/table/table.js.map +1 -0
- package/dist/components/tabs/index.js +1 -0
- package/dist/components/tabs/index.js.map +1 -0
- package/dist/components/tabs/tab-list.d.ts +4 -2
- package/dist/components/tabs/tab-list.js +20 -13
- package/dist/components/tabs/tab-list.js.map +1 -0
- package/dist/components/tabs/tab-panel.d.ts +7 -4
- package/dist/components/tabs/tab-panel.js +3 -0
- package/dist/components/tabs/tab-panel.js.map +1 -0
- package/dist/components/tabs/tab.d.ts +6 -3
- package/dist/components/tabs/tab.js +5 -1
- package/dist/components/tabs/tab.js.map +1 -0
- package/dist/components/tabs/tabs-context.d.ts +2 -2
- package/dist/components/tabs/tabs-context.js +2 -0
- package/dist/components/tabs/tabs-context.js.map +1 -0
- package/dist/components/tabs/tabs.css +15 -11
- package/dist/components/tabs/tabs.d.ts +7 -4
- package/dist/components/tabs/tabs.js +3 -0
- package/dist/components/tabs/tabs.js.map +1 -0
- package/dist/components/tabs/types.js +1 -0
- package/dist/components/tabs/types.js.map +1 -0
- package/dist/components/tag/index.js +1 -0
- package/dist/components/tag/index.js.map +1 -0
- package/dist/components/tag/tag.css +222 -183
- package/dist/components/tag/tag.d.ts +8 -7
- package/dist/components/tag/tag.js +5 -4
- package/dist/components/tag/tag.js.map +1 -0
- package/dist/components/text-input/index.js +1 -0
- package/dist/components/text-input/index.js.map +1 -0
- package/dist/components/text-input/text-input.css +59 -53
- package/dist/components/text-input/text-input.d.ts +5 -5
- package/dist/components/text-input/text-input.js +5 -4
- package/dist/components/text-input/text-input.js.map +1 -0
- package/dist/components/textarea/index.js +1 -0
- package/dist/components/textarea/index.js.map +1 -0
- package/dist/components/textarea/textarea.css +36 -31
- package/dist/components/textarea/textarea.d.ts +5 -4
- package/dist/components/textarea/textarea.js +5 -4
- package/dist/components/textarea/textarea.js.map +1 -0
- package/dist/components/toast/index.js +1 -0
- package/dist/components/toast/index.js.map +1 -0
- package/dist/components/toast/toast-button.d.ts +5 -5
- package/dist/components/toast/toast-button.js +5 -4
- package/dist/components/toast/toast-button.js.map +1 -0
- package/dist/components/toast/toast.css +35 -35
- package/dist/components/toast/toast.d.ts +5 -4
- package/dist/components/toast/toast.js +2 -0
- package/dist/components/toast/toast.js.map +1 -0
- package/dist/components/toaster/index.js +1 -0
- package/dist/components/toaster/index.js.map +1 -0
- package/dist/components/toaster/toaster.css +11 -11
- package/dist/components/toaster/toaster.d.ts +1 -1
- package/dist/components/toaster/toaster.js +28 -17
- package/dist/components/toaster/toaster.js.map +1 -0
- package/dist/components/tooltip/index.js +1 -0
- package/dist/components/tooltip/index.js.map +1 -0
- package/dist/components/tooltip/tooltip.css +79 -12
- package/dist/components/tooltip/tooltip.d.ts +26 -24
- package/dist/components/tooltip/tooltip.js +82 -64
- package/dist/components/tooltip/tooltip.js.map +1 -0
- package/dist/hooks/index.d.ts +4 -5
- package/dist/hooks/index.js +5 -5
- package/dist/hooks/index.js.map +1 -0
- package/dist/hooks/use-close-on-click-outside.d.ts +10 -0
- package/dist/hooks/use-close-on-click-outside.js +57 -0
- package/dist/hooks/use-close-on-click-outside.js.map +1 -0
- package/dist/hooks/use-close-on-esc.d.ts +5 -0
- package/dist/hooks/use-close-on-esc.js +34 -0
- package/dist/hooks/use-close-on-esc.js.map +1 -0
- package/dist/hooks/use-focus-trap.d.ts +5 -14
- package/dist/hooks/use-focus-trap.js +27 -40
- package/dist/hooks/use-focus-trap.js.map +1 -0
- package/dist/hooks/use-lock-body-scroll.d.ts +3 -0
- package/dist/hooks/use-lock-body-scroll.js +41 -0
- package/dist/hooks/use-lock-body-scroll.js.map +1 -0
- package/dist/hooks/use-preserve-props-when-closed.js +1 -0
- package/dist/hooks/use-preserve-props-when-closed.js.map +1 -0
- package/dist/hooks/{use-callback-ref.d.ts → use-ref-callback.d.ts} +1 -1
- package/dist/hooks/use-ref-callback.js +9 -0
- package/dist/hooks/use-ref-callback.js.map +1 -0
- package/dist/index.d.ts +2 -2
- package/dist/index.js +3 -2
- package/dist/index.js.map +1 -0
- package/dist/lib/calc-element-position.d.ts +10 -0
- package/dist/lib/calc-element-position.js +28 -0
- package/dist/lib/calc-element-position.js.map +1 -0
- package/dist/lib/calc-position.d.ts +27 -0
- package/dist/lib/calc-position.js +143 -0
- package/dist/lib/calc-position.js.map +1 -0
- package/dist/lib/get-element-bounding-rect.d.ts +9 -0
- package/dist/lib/get-element-bounding-rect.js +17 -0
- package/dist/lib/get-element-bounding-rect.js.map +1 -0
- package/dist/lib/helpers.d.ts +3 -6
- package/dist/lib/helpers.js +14 -20
- package/dist/lib/helpers.js.map +1 -0
- package/dist/lib/index.d.ts +1 -1
- package/dist/lib/index.js +2 -1
- package/dist/lib/index.js.map +1 -0
- package/dist/lib/keyboard-key.d.ts +15 -0
- package/dist/lib/keyboard-key.js +16 -0
- package/dist/lib/keyboard-key.js.map +1 -0
- package/dist/lib/observe-element-change.d.ts +3 -0
- package/dist/lib/observe-element-change.js +14 -0
- package/dist/lib/observe-element-change.js.map +1 -0
- package/dist/lib/observe-element-move.d.ts +6 -0
- package/dist/lib/observe-element-move.js +43 -0
- package/dist/lib/observe-element-move.js.map +1 -0
- package/dist/lib/react-helpers.d.ts +1 -9
- package/dist/lib/react-helpers.js +2 -26
- package/dist/lib/react-helpers.js.map +1 -0
- package/dist/storybook-blocks/color-palette/color-palette.d.ts +11 -0
- package/dist/storybook-blocks/color-palette/color-palette.js +22 -0
- package/dist/storybook-blocks/color-palette/color-palette.js.map +1 -0
- package/dist/storybook-blocks/color-palette/index.d.ts +1 -0
- package/dist/storybook-blocks/color-palette/index.js +2 -0
- package/dist/storybook-blocks/color-palette/index.js.map +1 -0
- package/package.json +47 -49
- package/css/draft-components-utilities.css +0 -1710
- package/dist/components/hero-icons/24/outline/arrow-small-down-icon.d.ts +0 -3
- package/dist/components/hero-icons/24/outline/arrow-small-down-icon.js +0 -5
- package/dist/components/hero-icons/24/outline/arrow-small-up-icon.d.ts +0 -3
- package/dist/components/hero-icons/24/outline/arrow-small-up-icon.js +0 -5
- package/dist/components/popover/use-page-click.d.ts +0 -16
- package/dist/components/popover/use-page-click.js +0 -46
- package/dist/components/positioner/calc-position.d.ts +0 -32
- package/dist/components/positioner/calc-position.js +0 -112
- package/dist/components/positioner/index.d.ts +0 -1
- package/dist/components/positioner/index.js +0 -1
- package/dist/components/positioner/positioner.d.ts +0 -20
- package/dist/components/positioner/positioner.js +0 -59
- package/dist/components/positioner/types.d.ts +0 -14
- package/dist/components/positioner/types.js +0 -1
- package/dist/components/slide-over/index.d.ts +0 -4
- package/dist/components/slide-over/index.js +0 -3
- package/dist/components/slide-over/slide-over-body.css +0 -7
- package/dist/components/slide-over/slide-over-body.d.ts +0 -3
- package/dist/components/slide-over/slide-over-body.js +0 -5
- package/dist/components/slide-over/slide-over-context.d.ts +0 -14
- package/dist/components/slide-over/slide-over-context.js +0 -18
- package/dist/components/slide-over/slide-over-header.css +0 -29
- package/dist/components/slide-over/slide-over-header.d.ts +0 -11
- package/dist/components/slide-over/slide-over-header.js +0 -17
- package/dist/components/slide-over/slide-over.css +0 -85
- package/dist/components/slide-over/slide-over.d.ts +0 -25
- package/dist/components/slide-over/slide-over.js +0 -106
- package/dist/components/slide-over/types.d.ts +0 -1
- package/dist/components/slide-over/types.js +0 -1
- package/dist/hooks/use-callback-ref.js +0 -8
- package/dist/hooks/use-disable-body-scroll.d.ts +0 -5
- package/dist/hooks/use-disable-body-scroll.js +0 -32
- package/dist/hooks/use-esc-key-down.d.ts +0 -17
- package/dist/hooks/use-esc-key-down.js +0 -51
- package/dist/hooks/use-mount-transition.d.ts +0 -35
- package/dist/hooks/use-mount-transition.js +0 -39
- package/dist/hooks/use-prefers-reduced-motion.d.ts +0 -1
- package/dist/hooks/use-prefers-reduced-motion.js +0 -15
- package/dist/hooks/use-show-transition.d.ts +0 -16
- package/dist/hooks/use-show-transition.js +0 -69
- package/dist/lib/keyboard-keys.d.ts +0 -15
- package/dist/lib/keyboard-keys.js +0 -15
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { KeyboardKey } from '../lib/keyboard-key.js';
|
|
2
|
+
import { useEffect } from 'react';
|
|
3
|
+
import { useRefCallback } from './use-ref-callback.js';
|
|
4
|
+
const handlerStack = [];
|
|
5
|
+
export function useCloseOnEsc(handler, opts = {}) {
|
|
6
|
+
const disabled = opts.disabled || false;
|
|
7
|
+
const onClose = useRefCallback(handler);
|
|
8
|
+
useEffect(() => {
|
|
9
|
+
if (disabled) {
|
|
10
|
+
return;
|
|
11
|
+
}
|
|
12
|
+
const handleKeyDown = (event) => {
|
|
13
|
+
const handler = handlerStack.at(-1);
|
|
14
|
+
if (handler && event.key === KeyboardKey.ESCAPE) {
|
|
15
|
+
event.preventDefault();
|
|
16
|
+
handler();
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
|
+
handlerStack.push(onClose);
|
|
20
|
+
if (handlerStack.length === 1) {
|
|
21
|
+
document.addEventListener('keydown', handleKeyDown);
|
|
22
|
+
}
|
|
23
|
+
return () => {
|
|
24
|
+
const index = handlerStack.indexOf(onClose);
|
|
25
|
+
if (index >= 0) {
|
|
26
|
+
handlerStack.splice(index, 1);
|
|
27
|
+
}
|
|
28
|
+
if (handlerStack.length === 0) {
|
|
29
|
+
document.removeEventListener('keydown', handleKeyDown);
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
}, [disabled, onClose]);
|
|
33
|
+
}
|
|
34
|
+
//# sourceMappingURL=use-close-on-esc.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-close-on-esc.js","sourceRoot":"","sources":["../../src/hooks/use-close-on-esc.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAIvD,MAAM,YAAY,GAAmB,EAAE,CAAC;AAExC,MAAM,UAAU,aAAa,CAAC,OAAqB,EAAE,OAEjD,EAAE;IACJ,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC;IACxC,MAAM,OAAO,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;IAExC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QAED,MAAM,aAAa,GAAG,CAAC,KAAoB,EAAE,EAAE;YAC7C,MAAM,OAAO,GAAG,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;YACpC,IAAI,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,CAAC,MAAM,EAAE,CAAC;gBAChD,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,OAAO,EAAE,CAAC;YACZ,CAAC;QACH,CAAC,CAAC;QAEF,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC3B,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC9B,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACtD,CAAC;QAED,OAAO,GAAG,EAAE;YACV,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAC5C,IAAI,KAAK,IAAI,CAAC,EAAE,CAAC;gBACf,YAAY,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YAChC,CAAC;YACD,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBAC9B,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;YACzD,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;AAC1B,CAAC"}
|
|
@@ -1,15 +1,6 @@
|
|
|
1
|
-
import { RefObject } from 'react';
|
|
2
|
-
type ModalRef = RefObject<HTMLElement>;
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
};
|
|
6
|
-
/**
|
|
7
|
-
* Prevents focus move outside a modal element.
|
|
8
|
-
*
|
|
9
|
-
* @param {ModalRef} modalRef - The modal element ref object.
|
|
10
|
-
* @param {Object} options - An object with hook options.
|
|
11
|
-
* @param {boolean} options.isEnabled - A flag that determines whether
|
|
12
|
-
* to trap focus or not.
|
|
13
|
-
*/
|
|
14
|
-
export declare function useFocusTrap(modalRef: ModalRef, options?: Options): void;
|
|
1
|
+
import { type RefObject } from 'react';
|
|
2
|
+
type ModalRef = RefObject<HTMLElement | null>;
|
|
3
|
+
export declare function useFocusTrap(modalRef: ModalRef, opts?: {
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
}): void;
|
|
15
6
|
export {};
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { useEffect } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
const modals = [];
|
|
2
|
+
import { tryToFocusElement } from '../lib/react-helpers.js';
|
|
3
|
+
const modalStack = [];
|
|
5
4
|
const focusableElementsSelector = [
|
|
6
5
|
'a[href]',
|
|
7
6
|
'area[href]',
|
|
@@ -15,70 +14,58 @@ const focusableElementsSelector = [
|
|
|
15
14
|
]
|
|
16
15
|
.map((selector) => `${selector}:not([tabindex='-1'])`)
|
|
17
16
|
.join(', ');
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
*
|
|
21
|
-
* @param {ModalRef} modalRef - The modal element ref object.
|
|
22
|
-
* @param {Object} options - An object with hook options.
|
|
23
|
-
* @param {boolean} options.isEnabled - A flag that determines whether
|
|
24
|
-
* to trap focus or not.
|
|
25
|
-
*/
|
|
26
|
-
export function useFocusTrap(modalRef, options = {
|
|
27
|
-
isEnabled: true,
|
|
28
|
-
}) {
|
|
29
|
-
const isEnabled = options.isEnabled;
|
|
17
|
+
export function useFocusTrap(modalRef, opts = {}) {
|
|
18
|
+
const disabled = opts.disabled || false;
|
|
30
19
|
useEffect(() => {
|
|
31
|
-
if (
|
|
20
|
+
if (disabled) {
|
|
32
21
|
return;
|
|
33
22
|
}
|
|
34
|
-
modals.push(modalRef);
|
|
35
23
|
const handleBodyKeyDown = (event) => {
|
|
36
|
-
if (event.key !==
|
|
24
|
+
if (event.key !== 'Tab') {
|
|
37
25
|
return;
|
|
38
26
|
}
|
|
39
|
-
const
|
|
40
|
-
if (
|
|
27
|
+
const topModalRef = modalStack.at(-1);
|
|
28
|
+
if (topModalRef == null) {
|
|
41
29
|
return;
|
|
42
30
|
}
|
|
43
|
-
const
|
|
44
|
-
if (
|
|
31
|
+
const topModal = topModalRef.current;
|
|
32
|
+
if (topModal == null) {
|
|
45
33
|
return;
|
|
46
34
|
}
|
|
47
|
-
const
|
|
48
|
-
if (
|
|
35
|
+
const focusableElementList = [...topModal.querySelectorAll(focusableElementsSelector)];
|
|
36
|
+
if (focusableElementList.length === 0) {
|
|
49
37
|
return;
|
|
50
38
|
}
|
|
51
|
-
const firstFocusableEl =
|
|
52
|
-
const lastFocusableEl =
|
|
53
|
-
if (!
|
|
39
|
+
const firstFocusableEl = focusableElementList.at(0);
|
|
40
|
+
const lastFocusableEl = focusableElementList.at(-1);
|
|
41
|
+
if (!topModal.contains(document.activeElement)) {
|
|
54
42
|
event.preventDefault();
|
|
55
|
-
|
|
43
|
+
tryToFocusElement(firstFocusableEl);
|
|
56
44
|
}
|
|
57
45
|
else if (event.shiftKey) {
|
|
58
46
|
if (document.activeElement === firstFocusableEl) {
|
|
59
47
|
event.preventDefault();
|
|
60
|
-
|
|
48
|
+
tryToFocusElement(lastFocusableEl);
|
|
61
49
|
}
|
|
62
50
|
}
|
|
63
51
|
else if (document.activeElement === lastFocusableEl) {
|
|
64
52
|
event.preventDefault();
|
|
65
|
-
|
|
53
|
+
tryToFocusElement(firstFocusableEl);
|
|
66
54
|
}
|
|
67
55
|
};
|
|
68
|
-
|
|
69
|
-
if (
|
|
70
|
-
document.body.addEventListener('keydown', handleBodyKeyDown);
|
|
56
|
+
modalStack.push(modalRef);
|
|
57
|
+
if (modalStack.length === 1) {
|
|
58
|
+
document.body.addEventListener('keydown', handleBodyKeyDown, { capture: true });
|
|
71
59
|
}
|
|
72
60
|
return () => {
|
|
73
|
-
const index =
|
|
61
|
+
const index = modalStack.indexOf(modalRef);
|
|
74
62
|
if (index >= 0) {
|
|
75
|
-
|
|
63
|
+
modalStack.splice(index, 1);
|
|
76
64
|
}
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
if (modals.length === 0) {
|
|
80
|
-
document.body.removeEventListener('keydown', handleBodyKeyDown);
|
|
65
|
+
if (modalStack.length === 0) {
|
|
66
|
+
document.body.removeEventListener('keydown', handleBodyKeyDown, { capture: true });
|
|
81
67
|
}
|
|
82
68
|
};
|
|
83
|
-
}, [
|
|
69
|
+
}, [disabled, modalRef]);
|
|
84
70
|
}
|
|
71
|
+
//# sourceMappingURL=use-focus-trap.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-focus-trap.js","sourceRoot":"","sources":["../../src/hooks/use-focus-trap.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { useEffect } from 'react';
|
|
2
|
+
let lockAttempts = 0;
|
|
3
|
+
let initialOverflow = '';
|
|
4
|
+
let initialPaddingRight = '';
|
|
5
|
+
export function useLockBodyScroll(opts = {}) {
|
|
6
|
+
const disabled = opts.disabled || false;
|
|
7
|
+
useEffect(() => {
|
|
8
|
+
if (!disabled) {
|
|
9
|
+
lockAttempts += 1;
|
|
10
|
+
if (lockAttempts === 1) {
|
|
11
|
+
const body = document.body;
|
|
12
|
+
initialOverflow = body.style.getPropertyValue('overflow');
|
|
13
|
+
initialPaddingRight = body.style.getPropertyValue('padding-right');
|
|
14
|
+
const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
|
|
15
|
+
const initialPaddingRightPx = parseInt(initialPaddingRight || '0px', 10);
|
|
16
|
+
const newPaddingRightPx = initialPaddingRightPx + scrollbarWidth;
|
|
17
|
+
body.style.setProperty('overflow', 'hidden');
|
|
18
|
+
body.style.setProperty('padding-right', `${newPaddingRightPx}px`);
|
|
19
|
+
}
|
|
20
|
+
return () => {
|
|
21
|
+
lockAttempts -= 1;
|
|
22
|
+
if (lockAttempts === 0) {
|
|
23
|
+
const body = document.body;
|
|
24
|
+
if (initialOverflow) {
|
|
25
|
+
body.style.setProperty('overflow', initialOverflow);
|
|
26
|
+
}
|
|
27
|
+
else {
|
|
28
|
+
body.style.removeProperty('overflow');
|
|
29
|
+
}
|
|
30
|
+
if (initialPaddingRight) {
|
|
31
|
+
body.style.setProperty('padding-right', initialPaddingRight);
|
|
32
|
+
}
|
|
33
|
+
else {
|
|
34
|
+
body.style.removeProperty('padding-right');
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
};
|
|
38
|
+
}
|
|
39
|
+
}, [disabled]);
|
|
40
|
+
}
|
|
41
|
+
//# sourceMappingURL=use-lock-body-scroll.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-lock-body-scroll.js","sourceRoot":"","sources":["../../src/hooks/use-lock-body-scroll.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,IAAI,YAAY,GAAG,CAAC,CAAC;AACrB,IAAI,eAAe,GAAG,EAAE,CAAC;AACzB,IAAI,mBAAmB,GAAG,EAAE,CAAC;AAE7B,MAAM,UAAU,iBAAiB,CAAC,OAA+B,EAAE;IACjE,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC;IAExC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,YAAY,IAAI,CAAC,CAAC;YAClB,IAAI,YAAY,KAAK,CAAC,EAAE,CAAC;gBACvB,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;gBAC3B,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC;gBAC1D,mBAAmB,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;gBAEnE,MAAM,cAAc,GAAG,MAAM,CAAC,UAAU,GAAG,QAAQ,CAAC,eAAe,CAAC,WAAW,CAAC;gBAChF,MAAM,qBAAqB,GAAG,QAAQ,CAAC,mBAAmB,IAAI,KAAK,EAAE,EAAE,CAAC,CAAC;gBACzE,MAAM,iBAAiB,GAAG,qBAAqB,GAAG,cAAc,CAAC;gBACjE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;gBAC7C,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,eAAe,EAAE,GAAG,iBAAiB,IAAI,CAAC,CAAC;YACpE,CAAC;YAED,OAAO,GAAG,EAAE;gBACV,YAAY,IAAI,CAAC,CAAC;gBAClB,IAAI,YAAY,KAAK,CAAC,EAAE,CAAC;oBACvB,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;oBAE3B,IAAI,eAAe,EAAE,CAAC;wBACpB,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,UAAU,EAAE,eAAe,CAAC,CAAC;oBACtD,CAAC;yBAAM,CAAC;wBACN,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;oBACxC,CAAC;oBAED,IAAI,mBAAmB,EAAE,CAAC;wBACxB,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,eAAe,EAAE,mBAAmB,CAAC,CAAC;oBAC/D,CAAC;yBAAM,CAAC;wBACN,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;oBAC7C,CAAC;gBACH,CAAC;YACH,CAAC,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;AACjB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-preserve-props-when-closed.js","sourceRoot":"","sources":["../../src/hooks/use-preserve-props-when-closed.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,MAAM,UAAU,0BAA0B,CACxC,KAAQ,EACR,QAAiB;IAEjB,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACjC,IAAI,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC;QACpB,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC;IAC7B,CAAC;SAAM,CAAC;QACN,UAAU,CAAC,OAAO,GAAG;YACnB,GAAG,UAAU,CAAC,OAAO;YACrB,CAAC,QAAQ,CAAC,EAAE,KAAK;SAClB,CAAC;IACJ,CAAC;IACD,OAAO,UAAU,CAAC,OAAO,CAAC;AAC5B,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { useCallback, useEffect, useRef } from 'react';
|
|
2
|
+
export function useRefCallback(callback) {
|
|
3
|
+
const ref = useRef(callback);
|
|
4
|
+
useEffect(() => {
|
|
5
|
+
ref.current = callback;
|
|
6
|
+
}, [callback]);
|
|
7
|
+
return useCallback(((...args) => ref.current(...args)), []);
|
|
8
|
+
}
|
|
9
|
+
//# sourceMappingURL=use-ref-callback.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-ref-callback.js","sourceRoot":"","sources":["../../src/hooks/use-ref-callback.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAKvD,MAAM,UAAU,cAAc,CAAqB,QAAW;IAC5D,MAAM,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IAE7B,SAAS,CAAC,GAAG,EAAE;QACb,GAAG,CAAC,OAAO,GAAG,QAAQ,CAAC;IACzB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,WAAW,CAAC,CAAC,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC;AACnE,CAAC"}
|
package/dist/index.d.ts
CHANGED
package/dist/index.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type Alignment, type Placement, type PositionCalcResult } from './calc-position.js';
|
|
2
|
+
type AlignmentWithoutCenter = Exclude<Alignment, 'center'>;
|
|
3
|
+
export type ElementPlacement = Placement | `${Placement}-${AlignmentWithoutCenter}`;
|
|
4
|
+
export type ElementPositionCalcParams = {
|
|
5
|
+
placement?: ElementPlacement;
|
|
6
|
+
anchorPadding?: number;
|
|
7
|
+
viewportPadding?: number;
|
|
8
|
+
};
|
|
9
|
+
export declare function calcElementPosition(anchor: HTMLElement | SVGElement, element: HTMLElement | SVGElement, params?: ElementPositionCalcParams): PositionCalcResult;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { calcPosition } from './calc-position.js';
|
|
2
|
+
import { getElementBoundingRect } from './get-element-bounding-rect.js';
|
|
3
|
+
export function calcElementPosition(anchor, element, params = {}) {
|
|
4
|
+
let placement = 'bottom';
|
|
5
|
+
let alignment = 'center';
|
|
6
|
+
const parts = (params.placement || '').split('-');
|
|
7
|
+
if (parts[0] === 'top' || parts[0] === 'right' || parts[0] === 'bottom' || parts[0] === 'left') {
|
|
8
|
+
placement = parts[0];
|
|
9
|
+
}
|
|
10
|
+
if (parts[1] === 'start' || parts[1] === 'end') {
|
|
11
|
+
alignment = parts[1];
|
|
12
|
+
}
|
|
13
|
+
const root = anchor.ownerDocument || window.document;
|
|
14
|
+
const isPopoverFixed = window.getComputedStyle(element).position === 'fixed';
|
|
15
|
+
return calcPosition({
|
|
16
|
+
anchorRect: getElementBoundingRect(anchor),
|
|
17
|
+
elementRect: getElementBoundingRect(element),
|
|
18
|
+
placement,
|
|
19
|
+
alignment,
|
|
20
|
+
anchorPadding: params.anchorPadding || 4,
|
|
21
|
+
viewportPadding: params.viewportPadding || 4,
|
|
22
|
+
viewportWidth: root.documentElement.clientWidth,
|
|
23
|
+
viewportHeight: root.documentElement.clientHeight,
|
|
24
|
+
scrollX: isPopoverFixed ? 0 : Math.round(window.scrollX),
|
|
25
|
+
scrollY: isPopoverFixed ? 0 : Math.round(window.scrollY),
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
//# sourceMappingURL=calc-element-position.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"calc-element-position.js","sourceRoot":"","sources":["../../src/lib/calc-element-position.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAA2D,MAAM,oBAAoB,CAAC;AAC3G,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAYxE,MAAM,UAAU,mBAAmB,CACjC,MAAgC,EAChC,OAAiC,EACjC,SAAoC,EAAE;IAEtC,IAAI,SAAS,GAAc,QAAQ,CAAC;IACpC,IAAI,SAAS,GAAc,QAAQ,CAAC;IACpC,MAAM,KAAK,GAAG,CAAC,MAAM,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAClD,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,OAAO,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,QAAQ,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,MAAM,EAAE,CAAC;QAC/F,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;IACvB,CAAC;IACD,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,OAAO,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,KAAK,EAAE,CAAC;QAC/C,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;IACvB,CAAC;IAED,MAAM,IAAI,GAAG,MAAM,CAAC,aAAa,IAAI,MAAM,CAAC,QAAQ,CAAC;IACrD,MAAM,cAAc,GAAG,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,QAAQ,KAAK,OAAO,CAAC;IAE7E,OAAO,YAAY,CAAC;QAClB,UAAU,EAAE,sBAAsB,CAAC,MAAM,CAAC;QAC1C,WAAW,EAAE,sBAAsB,CAAC,OAAO,CAAC;QAC5C,SAAS;QACT,SAAS;QACT,aAAa,EAAE,MAAM,CAAC,aAAa,IAAI,CAAC;QACxC,eAAe,EAAE,MAAM,CAAC,eAAe,IAAI,CAAC;QAC5C,aAAa,EAAE,IAAI,CAAC,eAAe,CAAC,WAAW;QAC/C,cAAc,EAAE,IAAI,CAAC,eAAe,CAAC,YAAY;QACjD,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;QACxD,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;KACzD,CAAC,CAAC;AACL,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { type BoundingRect } from './get-element-bounding-rect.js';
|
|
2
|
+
export { type BoundingRect };
|
|
3
|
+
export type Placement = 'top' | 'right' | 'bottom' | 'left';
|
|
4
|
+
export type Alignment = 'start' | 'center' | 'end';
|
|
5
|
+
export type Coordinates = {
|
|
6
|
+
x: number;
|
|
7
|
+
y: number;
|
|
8
|
+
};
|
|
9
|
+
export type PositionCalcParams = {
|
|
10
|
+
anchorRect: BoundingRect;
|
|
11
|
+
elementRect: BoundingRect;
|
|
12
|
+
placement: Placement;
|
|
13
|
+
alignment: Alignment;
|
|
14
|
+
anchorPadding: number;
|
|
15
|
+
viewportPadding: number;
|
|
16
|
+
viewportWidth: number;
|
|
17
|
+
viewportHeight: number;
|
|
18
|
+
scrollX: number;
|
|
19
|
+
scrollY: number;
|
|
20
|
+
};
|
|
21
|
+
export type PositionCalcResult = Coordinates & {
|
|
22
|
+
placement: Placement;
|
|
23
|
+
alignment: Alignment;
|
|
24
|
+
maxWidth: number;
|
|
25
|
+
maxHeight: number;
|
|
26
|
+
};
|
|
27
|
+
export declare function calcPosition({ anchorRect, elementRect, placement, alignment, anchorPadding, viewportPadding, viewportWidth, viewportHeight, scrollX, scrollY, }: PositionCalcParams): PositionCalcResult;
|
|
@@ -0,0 +1,143 @@
|
|
|
1
|
+
import {} from './get-element-bounding-rect.js';
|
|
2
|
+
import { roundNumber } from './helpers.js';
|
|
3
|
+
export {};
|
|
4
|
+
export function calcPosition({ anchorRect, elementRect, placement, alignment, anchorPadding, viewportPadding, viewportWidth, viewportHeight, scrollX, scrollY, }) {
|
|
5
|
+
const maxLeftSpace = anchorRect.left - anchorPadding - viewportPadding;
|
|
6
|
+
const maxRightSpace = viewportWidth - anchorRect.right - anchorPadding - viewportPadding;
|
|
7
|
+
const maxInlineWidth = viewportWidth - (2 * viewportPadding);
|
|
8
|
+
const maxInlinePadding = Math.max(maxLeftSpace, maxRightSpace);
|
|
9
|
+
if (elementRect.width >= maxInlinePadding && (placement === 'left' || placement === 'right')) {
|
|
10
|
+
placement = 'bottom';
|
|
11
|
+
}
|
|
12
|
+
let x;
|
|
13
|
+
let y;
|
|
14
|
+
if (elementRect.width >= maxInlineWidth) {
|
|
15
|
+
x = scrollX + viewportPadding;
|
|
16
|
+
const result = calcMainAxisOffset({
|
|
17
|
+
placement,
|
|
18
|
+
anchorOffset: anchorRect.top,
|
|
19
|
+
anchorSize: anchorRect.height,
|
|
20
|
+
anchorPadding,
|
|
21
|
+
viewportSize: viewportHeight,
|
|
22
|
+
elementSize: elementRect.height,
|
|
23
|
+
scrollSize: scrollY,
|
|
24
|
+
});
|
|
25
|
+
y = result.offset;
|
|
26
|
+
placement = result.placement;
|
|
27
|
+
}
|
|
28
|
+
else if (placement === 'left' || placement === 'right') {
|
|
29
|
+
const result = calcMainAxisOffset({
|
|
30
|
+
placement,
|
|
31
|
+
anchorOffset: anchorRect.left,
|
|
32
|
+
anchorSize: anchorRect.width,
|
|
33
|
+
anchorPadding,
|
|
34
|
+
elementSize: elementRect.width,
|
|
35
|
+
viewportSize: viewportWidth,
|
|
36
|
+
scrollSize: scrollX,
|
|
37
|
+
});
|
|
38
|
+
x = result.offset;
|
|
39
|
+
placement = result.placement;
|
|
40
|
+
y = calcCrossAxisOffset({
|
|
41
|
+
alignment,
|
|
42
|
+
anchorOffset: anchorRect.top,
|
|
43
|
+
anchorSize: anchorRect.height,
|
|
44
|
+
elementSize: elementRect.height,
|
|
45
|
+
viewportSize: viewportHeight,
|
|
46
|
+
viewportPadding,
|
|
47
|
+
scrollSize: scrollY,
|
|
48
|
+
});
|
|
49
|
+
}
|
|
50
|
+
else {
|
|
51
|
+
x = calcCrossAxisOffset({
|
|
52
|
+
alignment,
|
|
53
|
+
anchorOffset: anchorRect.left,
|
|
54
|
+
anchorSize: anchorRect.width,
|
|
55
|
+
viewportSize: viewportWidth,
|
|
56
|
+
viewportPadding,
|
|
57
|
+
elementSize: elementRect.width,
|
|
58
|
+
scrollSize: scrollX,
|
|
59
|
+
});
|
|
60
|
+
const result = calcMainAxisOffset({
|
|
61
|
+
placement,
|
|
62
|
+
anchorOffset: anchorRect.top,
|
|
63
|
+
anchorSize: anchorRect.height,
|
|
64
|
+
anchorPadding,
|
|
65
|
+
elementSize: elementRect.height,
|
|
66
|
+
viewportSize: viewportHeight,
|
|
67
|
+
scrollSize: scrollY,
|
|
68
|
+
});
|
|
69
|
+
y = result.offset;
|
|
70
|
+
placement = result.placement;
|
|
71
|
+
}
|
|
72
|
+
let maxWidth = elementRect.width;
|
|
73
|
+
let maxHeight = elementRect.height;
|
|
74
|
+
if (placement === 'top' || placement === 'bottom') {
|
|
75
|
+
maxWidth = Math.min(maxWidth, maxInlineWidth);
|
|
76
|
+
if (placement === 'top') {
|
|
77
|
+
const maxTopSpace = anchorRect.top - anchorPadding - viewportPadding;
|
|
78
|
+
maxHeight = Math.min(maxHeight, maxTopSpace);
|
|
79
|
+
}
|
|
80
|
+
else {
|
|
81
|
+
const maxBottomSpace = viewportHeight - viewportPadding - anchorRect.bottom - anchorPadding;
|
|
82
|
+
maxHeight = Math.min(maxHeight, maxBottomSpace);
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
else {
|
|
86
|
+
maxHeight = Math.min(maxHeight, viewportHeight - 2 * viewportPadding);
|
|
87
|
+
if (placement === 'left') {
|
|
88
|
+
maxWidth = Math.min(maxWidth, maxLeftSpace);
|
|
89
|
+
}
|
|
90
|
+
else {
|
|
91
|
+
maxWidth = Math.min(maxWidth, maxRightSpace);
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
return {
|
|
95
|
+
x: roundNumber(x),
|
|
96
|
+
y: roundNumber(y),
|
|
97
|
+
placement,
|
|
98
|
+
alignment,
|
|
99
|
+
maxWidth: roundNumber(maxWidth),
|
|
100
|
+
maxHeight: roundNumber(maxHeight),
|
|
101
|
+
};
|
|
102
|
+
}
|
|
103
|
+
function calcMainAxisOffset({ placement, anchorOffset, anchorSize, anchorPadding, elementSize, viewportSize, scrollSize, }) {
|
|
104
|
+
const anchorBottom = viewportSize - anchorOffset + anchorSize;
|
|
105
|
+
const top = scrollSize + anchorOffset - anchorPadding - elementSize;
|
|
106
|
+
const bottom = scrollSize + anchorOffset + anchorSize + anchorPadding;
|
|
107
|
+
let offset;
|
|
108
|
+
if (placement === 'top' || placement === 'left') {
|
|
109
|
+
offset = top;
|
|
110
|
+
if (offset < scrollSize && anchorOffset < anchorBottom) {
|
|
111
|
+
offset = bottom;
|
|
112
|
+
placement = placement === 'top' ? 'bottom' : 'right';
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
else {
|
|
116
|
+
offset = bottom;
|
|
117
|
+
if (anchorOffset > anchorBottom && offset + elementSize > scrollSize + viewportSize) {
|
|
118
|
+
offset = top;
|
|
119
|
+
placement = placement === 'bottom' ? 'top' : 'left';
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
return { offset, placement };
|
|
123
|
+
}
|
|
124
|
+
function calcCrossAxisOffset({ alignment, anchorSize, anchorOffset, elementSize, viewportSize, viewportPadding, scrollSize, }) {
|
|
125
|
+
let offset;
|
|
126
|
+
if (alignment === 'start') {
|
|
127
|
+
offset = scrollSize + anchorOffset;
|
|
128
|
+
}
|
|
129
|
+
else if (alignment === 'end') {
|
|
130
|
+
offset = scrollSize + anchorOffset + anchorSize - elementSize;
|
|
131
|
+
}
|
|
132
|
+
else {
|
|
133
|
+
offset = scrollSize + anchorOffset + (anchorSize / 2) - (elementSize / 2);
|
|
134
|
+
}
|
|
135
|
+
if (offset < scrollSize) {
|
|
136
|
+
offset = scrollSize + viewportPadding;
|
|
137
|
+
}
|
|
138
|
+
else if (offset + elementSize > scrollSize + viewportSize) {
|
|
139
|
+
offset = scrollSize + viewportSize - viewportPadding - elementSize;
|
|
140
|
+
}
|
|
141
|
+
return offset;
|
|
142
|
+
}
|
|
143
|
+
//# sourceMappingURL=calc-position.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"calc-position.js","sourceRoot":"","sources":["../../src/lib/calc-position.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,OAAO,EAAqB,CAAC;AA+B7B,MAAM,UAAU,YAAY,CAAC,EAC3B,UAAU,EACV,WAAW,EACX,SAAS,EACT,SAAS,EACT,aAAa,EACb,eAAe,EACf,aAAa,EACb,cAAc,EACd,OAAO,EACP,OAAO,GACY;IACnB,MAAM,YAAY,GAAG,UAAU,CAAC,IAAI,GAAG,aAAa,GAAG,eAAe,CAAC;IACvE,MAAM,aAAa,GAAG,aAAa,GAAG,UAAU,CAAC,KAAK,GAAG,aAAa,GAAG,eAAe,CAAC;IACzF,MAAM,cAAc,GAAG,aAAa,GAAG,CAAC,CAAC,GAAG,eAAe,CAAC,CAAC;IAC7D,MAAM,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC;IAE/D,IAAI,WAAW,CAAC,KAAK,IAAI,gBAAgB,IAAI,CAAC,SAAS,KAAK,MAAM,IAAI,SAAS,KAAK,OAAO,CAAC,EAAE,CAAC;QAC7F,SAAS,GAAG,QAAQ,CAAC;IACvB,CAAC;IAED,IAAI,CAAS,CAAC;IACd,IAAI,CAAS,CAAC;IACd,IAAI,WAAW,CAAC,KAAK,IAAI,cAAc,EAAE,CAAC;QACxC,CAAC,GAAG,OAAO,GAAG,eAAe,CAAC;QAC9B,MAAM,MAAM,GAAG,kBAAkB,CAAC;YAChC,SAAS;YACT,YAAY,EAAE,UAAU,CAAC,GAAG;YAC5B,UAAU,EAAE,UAAU,CAAC,MAAM;YAC7B,aAAa;YACb,YAAY,EAAE,cAAc;YAC5B,WAAW,EAAE,WAAW,CAAC,MAAM;YAC/B,UAAU,EAAE,OAAO;SACpB,CAAC,CAAC;QACH,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC;QAClB,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;IAC/B,CAAC;SAAM,IAAI,SAAS,KAAK,MAAM,IAAI,SAAS,KAAK,OAAO,EAAE,CAAC;QACzD,MAAM,MAAM,GAAG,kBAAkB,CAAC;YAChC,SAAS;YACT,YAAY,EAAE,UAAU,CAAC,IAAI;YAC7B,UAAU,EAAE,UAAU,CAAC,KAAK;YAC5B,aAAa;YACb,WAAW,EAAE,WAAW,CAAC,KAAK;YAC9B,YAAY,EAAE,aAAa;YAC3B,UAAU,EAAE,OAAO;SACpB,CAAC,CAAC;QACH,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC;QAClB,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;QAE7B,CAAC,GAAG,mBAAmB,CAAC;YACtB,SAAS;YACT,YAAY,EAAE,UAAU,CAAC,GAAG;YAC5B,UAAU,EAAE,UAAU,CAAC,MAAM;YAC7B,WAAW,EAAE,WAAW,CAAC,MAAM;YAC/B,YAAY,EAAE,cAAc;YAC5B,eAAe;YACf,UAAU,EAAE,OAAO;SACpB,CAAC,CAAC;IACL,CAAC;SAAM,CAAC;QACN,CAAC,GAAG,mBAAmB,CAAC;YACtB,SAAS;YACT,YAAY,EAAE,UAAU,CAAC,IAAI;YAC7B,UAAU,EAAE,UAAU,CAAC,KAAK;YAC5B,YAAY,EAAE,aAAa;YAC3B,eAAe;YACf,WAAW,EAAE,WAAW,CAAC,KAAK;YAC9B,UAAU,EAAE,OAAO;SACpB,CAAC,CAAC;QAEH,MAAM,MAAM,GAAG,kBAAkB,CAAC;YAChC,SAAS;YACT,YAAY,EAAE,UAAU,CAAC,GAAG;YAC5B,UAAU,EAAE,UAAU,CAAC,MAAM;YAC7B,aAAa;YACb,WAAW,EAAE,WAAW,CAAC,MAAM;YAC/B,YAAY,EAAE,cAAc;YAC5B,UAAU,EAAE,OAAO;SACpB,CAAC,CAAC;QACH,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC;QAClB,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;IAC/B,CAAC;IAED,IAAI,QAAQ,GAAG,WAAW,CAAC,KAAK,CAAC;IACjC,IAAI,SAAS,GAAG,WAAW,CAAC,MAAM,CAAC;IACnC,IAAI,SAAS,KAAK,KAAK,IAAI,SAAS,KAAK,QAAQ,EAAE,CAAC;QAClD,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QAC9C,IAAI,SAAS,KAAK,KAAK,EAAE,CAAC;YACxB,MAAM,WAAW,GAAG,UAAU,CAAC,GAAG,GAAG,aAAa,GAAG,eAAe,CAAC;YACrE,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;QAC/C,CAAC;aAAM,CAAC;YACN,MAAM,cAAc,GAAG,cAAc,GAAG,eAAe,GAAG,UAAU,CAAC,MAAM,GAAG,aAAa,CAAC;YAC5F,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC;QAClD,CAAC;IACH,CAAC;SAAM,CAAC;QACN,SAAS,GAAG,IAAI,CAAC,GAAG,CAClB,SAAS,EACT,cAAc,GAAG,CAAC,GAAG,eAAe,CACrC,CAAC;QACF,IAAI,SAAS,KAAK,MAAM,EAAE,CAAC;YACzB,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAC9C,CAAC;aAAM,CAAC;YACN,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;QAC/C,CAAC;IACH,CAAC;IAED,OAAO;QACL,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC;QACjB,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC;QACjB,SAAS;QACT,SAAS;QACT,QAAQ,EAAE,WAAW,CAAC,QAAQ,CAAC;QAC/B,SAAS,EAAE,WAAW,CAAC,SAAS,CAAC;KAClC,CAAC;AACJ,CAAC;AAED,SAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,YAAY,EACZ,UAAU,EACV,aAAa,EACb,WAAW,EACX,YAAY,EACZ,UAAU,GASX;IACC,MAAM,YAAY,GAAG,YAAY,GAAG,YAAY,GAAG,UAAU,CAAC;IAC9D,MAAM,GAAG,GAAG,UAAU,GAAG,YAAY,GAAG,aAAa,GAAG,WAAW,CAAC;IACpE,MAAM,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,UAAU,GAAG,aAAa,CAAC;IAEtE,IAAI,MAAM,CAAC;IACX,IAAI,SAAS,KAAK,KAAK,IAAI,SAAS,KAAK,MAAM,EAAE,CAAC;QAChD,MAAM,GAAG,GAAG,CAAC;QACb,IAAI,MAAM,GAAG,UAAU,IAAI,YAAY,GAAG,YAAY,EAAE,CAAC;YACvD,MAAM,GAAG,MAAM,CAAC;YAChB,SAAS,GAAG,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC;QACvD,CAAC;IACH,CAAC;SAAM,CAAC;QACN,MAAM,GAAG,MAAM,CAAC;QAChB,IAAI,YAAY,GAAG,YAAY,IAAI,MAAM,GAAG,WAAW,GAAG,UAAU,GAAG,YAAY,EAAE,CAAC;YACpF,MAAM,GAAG,GAAG,CAAC;YACb,SAAS,GAAG,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;QACtD,CAAC;IACH,CAAC;IAED,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;AAC/B,CAAC;AAED,SAAS,mBAAmB,CAAC,EAC3B,SAAS,EACT,UAAU,EACV,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,eAAe,EACf,UAAU,GASX;IACC,IAAI,MAAM,CAAC;IACX,IAAI,SAAS,KAAK,OAAO,EAAE,CAAC;QAC1B,MAAM,GAAG,UAAU,GAAG,YAAY,CAAC;IACrC,CAAC;SAAM,IAAI,SAAS,KAAK,KAAK,EAAE,CAAC;QAC/B,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,UAAU,GAAG,WAAW,CAAC;IAChE,CAAC;SAAM,CAAC;QACN,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,CAAC,UAAU,GAAG,CAAC,CAAC,GAAG,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC;IAC5E,CAAC;IAED,IAAI,MAAM,GAAG,UAAU,EAAE,CAAC;QACxB,MAAM,GAAG,UAAU,GAAG,eAAe,CAAC;IACxC,CAAC;SAAM,IAAI,MAAM,GAAG,WAAW,GAAG,UAAU,GAAG,YAAY,EAAE,CAAC;QAC5D,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,eAAe,GAAG,WAAW,CAAC;IACrE,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { roundNumber } from './helpers.js';
|
|
2
|
+
export function getElementBoundingRect(element) {
|
|
3
|
+
const domRect = element.getBoundingClientRect();
|
|
4
|
+
const top = roundNumber(domRect.top);
|
|
5
|
+
const left = roundNumber(domRect.left);
|
|
6
|
+
const width = roundNumber(domRect.width);
|
|
7
|
+
const height = roundNumber(domRect.height);
|
|
8
|
+
return {
|
|
9
|
+
width,
|
|
10
|
+
height,
|
|
11
|
+
top,
|
|
12
|
+
left,
|
|
13
|
+
right: left + width,
|
|
14
|
+
bottom: top + height,
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=get-element-bounding-rect.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"get-element-bounding-rect.js","sourceRoot":"","sources":["../../src/lib/get-element-bounding-rect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAW3C,MAAM,UAAU,sBAAsB,CAAC,OAAgB;IACrD,MAAM,OAAO,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;IAChD,MAAM,GAAG,GAAG,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IACrC,MAAM,IAAI,GAAG,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,KAAK,GAAG,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACzC,MAAM,MAAM,GAAG,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAC3C,OAAO;QACL,KAAK;QACL,MAAM;QACN,GAAG;QACH,IAAI;QACJ,KAAK,EAAE,IAAI,GAAG,KAAK;QACnB,MAAM,EAAE,GAAG,GAAG,MAAM;KACrB,CAAC;AACJ,CAAC"}
|
package/dist/lib/helpers.d.ts
CHANGED
|
@@ -1,8 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
export declare function once<T extends AnyFunction>(fn: T): (...args: Parameters<T>) => ReturnType<T>;
|
|
3
|
-
export declare function assertIfNullable<T>(value: T, message?: string): asserts value is NonNullable<T>;
|
|
1
|
+
export declare function assertNullOrUndefined<T>(value: T, message?: string): asserts value is NonNullable<T>;
|
|
4
2
|
export declare function exhaustiveCheck(value: never, message?: string): never;
|
|
5
|
-
export declare function
|
|
6
|
-
export declare function formatNumber(num: number, fractionDigits?: number): number;
|
|
3
|
+
export declare function roundNumber(num: number, precision?: number): number;
|
|
7
4
|
export declare function formatPercent(percent: number, fractionDigits?: number): string;
|
|
8
|
-
export
|
|
5
|
+
export declare function deleteKeys<T extends object, K extends keyof T>(obj: T, ...keys: K[]): Omit<T, K>;
|
package/dist/lib/helpers.js
CHANGED
|
@@ -1,28 +1,22 @@
|
|
|
1
|
-
export function
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
return (...args) => {
|
|
5
|
-
if (!called) {
|
|
6
|
-
called = true;
|
|
7
|
-
result = fn(...args);
|
|
8
|
-
}
|
|
9
|
-
return result;
|
|
10
|
-
};
|
|
11
|
-
}
|
|
12
|
-
export function assertIfNullable(value, message = 'assertIfNullable: value is null or undefined.') {
|
|
13
|
-
if (value == null) {
|
|
14
|
-
throw Error(message);
|
|
1
|
+
export function assertNullOrUndefined(value, message = 'Value can not be null or undefined.') {
|
|
2
|
+
if (value === null || value === undefined) {
|
|
3
|
+
throw TypeError(message);
|
|
15
4
|
}
|
|
16
5
|
}
|
|
17
6
|
export function exhaustiveCheck(value, message) {
|
|
18
7
|
throw new Error(message);
|
|
19
8
|
}
|
|
20
|
-
export function
|
|
21
|
-
return
|
|
22
|
-
}
|
|
23
|
-
export function formatNumber(num, fractionDigits = 5) {
|
|
24
|
-
return Number(num.toFixed(fractionDigits));
|
|
9
|
+
export function roundNumber(num, precision = 2) {
|
|
10
|
+
return Number(num.toFixed(precision));
|
|
25
11
|
}
|
|
26
12
|
export function formatPercent(percent, fractionDigits = 2) {
|
|
27
|
-
return `${
|
|
13
|
+
return `${roundNumber(percent * 100, fractionDigits)}%`;
|
|
14
|
+
}
|
|
15
|
+
export function deleteKeys(obj, ...keys) {
|
|
16
|
+
const result = { ...obj };
|
|
17
|
+
for (const key of keys) {
|
|
18
|
+
delete result[key];
|
|
19
|
+
}
|
|
20
|
+
return result;
|
|
28
21
|
}
|
|
22
|
+
//# sourceMappingURL=helpers.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../src/lib/helpers.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,qBAAqB,CACnC,KAAQ,EACR,OAAO,GAAG,qCAAqC;IAE/C,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QAC1C,MAAM,SAAS,CAAC,OAAO,CAAC,CAAC;IAC3B,CAAC;AACH,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,KAAY,EAAE,OAAgB;IAC5D,MAAM,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC;AAC3B,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,GAAW,EAAE,SAAS,GAAG,CAAC;IACpD,OAAO,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;AACxC,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,OAAe,EAAE,cAAc,GAAG,CAAC;IAC/D,OAAO,GAAG,WAAW,CAAC,OAAO,GAAG,GAAG,EAAE,cAAc,CAAC,GAAG,CAAC;AAC1D,CAAC;AAED,MAAM,UAAU,UAAU,CAAsC,GAAM,EAAE,GAAG,IAAS;IAClF,MAAM,MAAM,GAAG,EAAE,GAAG,GAAG,EAAE,CAAC;IAC1B,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;QACvB,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC;IACrB,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC"}
|
package/dist/lib/index.d.ts
CHANGED
package/dist/lib/index.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export declare const KeyboardKey: {
|
|
2
|
+
ARROW_UP: string;
|
|
3
|
+
ARROW_RIGHT: string;
|
|
4
|
+
ARROW_DOWN: string;
|
|
5
|
+
ARROW_LEFT: string;
|
|
6
|
+
TAB: string;
|
|
7
|
+
HOME: string;
|
|
8
|
+
END: string;
|
|
9
|
+
PAGE_UP: string;
|
|
10
|
+
PAGE_DOWN: string;
|
|
11
|
+
ENTER: string;
|
|
12
|
+
ESCAPE: string;
|
|
13
|
+
BACKSPACE: string;
|
|
14
|
+
SPACE: string;
|
|
15
|
+
};
|