baseui 12.0.0 → 12.1.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/accordion/accordion.js +4 -2
- package/accordion/accordion.js.flow +1 -1
- package/accordion/panel.js +3 -2
- package/accordion/stateful-panel-container.js +1 -0
- package/accordion/styled-components.js +8 -1
- package/accordion/types.d.ts +2 -2
- package/app-nav-bar/app-nav-bar.js +4 -2
- package/app-nav-bar/mobile-menu.js +2 -1
- package/app-nav-bar/styled-components.js +19 -1
- package/app-nav-bar/types.d.ts +2 -2
- package/app-nav-bar/user-menu.js +1 -1
- package/aspect-ratio-box/aspect-ratio-box-body.d.ts +1 -1
- package/aspect-ratio-box/aspect-ratio-box.js +3 -1
- package/aspect-ratio-box/types.d.ts +1 -1
- package/avatar/styled-components.js +4 -1
- package/badge/styled-components.js +16 -11
- package/badge/styled-components.js.flow +4 -4
- package/badge/types.d.ts +2 -2
- package/banner/index.d.ts +1 -1
- package/banner/styled-components.js +25 -12
- package/banner/types.d.ts +15 -15
- package/banner/types.js.flow +13 -11
- package/block/block.js +3 -1
- package/block/styled-components.js +2 -1
- package/block/types.d.ts +3 -4
- package/breadcrumbs/styled-components.js +5 -1
- package/button/styled-components.js +7 -0
- package/button/styled-components.js.flow +2 -0
- package/button/types.d.ts +4 -5
- package/button-group/stateful-button-group.js +1 -0
- package/button-group/stateful-container.js +3 -1
- package/button-group/styled-components.js +2 -1
- package/button-group/types.d.ts +4 -5
- package/card/styled-components.js +11 -4
- package/checkbox/styled-components.js +10 -4
- package/checkbox/styled-components.js.flow +1 -1
- package/checkbox/types.d.ts +36 -37
- package/combobox/combobox.js +78 -71
- package/combobox/styled-components.js +5 -1
- package/combobox/types.d.ts +4 -5
- package/data-table/column-anchor.js +3 -0
- package/data-table/column-datetime.js +10 -4
- package/data-table/column-numerical.js +4 -4
- package/data-table/column-string.js +3 -0
- package/data-table/column.js +6 -1
- package/data-table/data-table.js +6 -3
- package/data-table/filter-menu.js +2 -1
- package/data-table/header-cell.js +43 -34
- package/data-table/locale.d.ts +4 -0
- package/data-table/locale.js +3 -1
- package/data-table/locale.js.flow +5 -0
- package/data-table/measure-column-widths.js +5 -4
- package/data-table/stateful-container.js +2 -1
- package/data-table/stateful-data-table.js +4 -4
- package/data-table/types.d.ts +4 -5
- package/datepicker/calendar-header.js +1 -0
- package/datepicker/calendar.js +2 -0
- package/datepicker/datepicker.js +2 -0
- package/datepicker/day.js +2 -1
- package/datepicker/index.d.ts +1 -1
- package/datepicker/index.js +7 -0
- package/datepicker/index.js.flow +1 -1
- package/datepicker/stateful-calendar.js +7 -3
- package/datepicker/stateful-container.js +2 -0
- package/datepicker/stateful-datepicker.js +9 -4
- package/datepicker/styled-components.js +27 -4
- package/datepicker/types.d.ts +2 -2
- package/datepicker/utils/date-helpers.js +2 -1
- package/datepicker/utils/index.js +2 -1
- package/divider/styled-components.js +4 -3
- package/divider/types.d.ts +1 -1
- package/dnd-list/stateful-list-container.js +1 -0
- package/dnd-list/styled-components.js +7 -0
- package/dnd-list/types.d.ts +2 -2
- package/drawer/constants.js +1 -0
- package/drawer/drawer.js +2 -3
- package/drawer/drawer.js.flow +1 -3
- package/drawer/styled-components.js +9 -2
- package/drawer/types.d.ts +2 -2
- package/es/accordion/accordion.js +3 -3
- package/es/accordion/panel.js +3 -2
- package/es/accordion/stateful-panel-container.js +1 -0
- package/es/accordion/styled-components.js +8 -1
- package/es/app-nav-bar/app-nav-bar.js +6 -2
- package/es/app-nav-bar/mobile-menu.js +4 -2
- package/es/app-nav-bar/styled-components.js +19 -1
- package/es/app-nav-bar/user-menu.js +1 -1
- package/es/aspect-ratio-box/aspect-ratio-box.js +3 -1
- package/es/avatar/styled-components.js +4 -1
- package/es/badge/styled-components.js +11 -6
- package/es/banner/styled-components.js +16 -3
- package/es/block/block.js +3 -1
- package/es/block/styled-components.js +2 -1
- package/es/breadcrumbs/styled-components.js +5 -1
- package/es/button/button.js +8 -0
- package/es/button/styled-components.js +7 -0
- package/es/button-group/stateful-button-group.js +1 -0
- package/es/button-group/stateful-container.js +3 -1
- package/es/button-group/styled-components.js +2 -1
- package/es/card/index.js +2 -1
- package/es/card/styled-components.js +12 -4
- package/es/checkbox/index.js +1 -0
- package/es/checkbox/stateful-checkbox-container.js +3 -0
- package/es/checkbox/styled-components.js +10 -4
- package/es/combobox/combobox.js +76 -69
- package/es/combobox/styled-components.js +5 -1
- package/es/data-table/column-anchor.js +3 -0
- package/es/data-table/column-datetime.js +12 -5
- package/es/data-table/column-numerical.js +5 -4
- package/es/data-table/column-string.js +3 -0
- package/es/data-table/column.js +4 -1
- package/es/data-table/data-table.js +6 -3
- package/es/data-table/filter-menu.js +2 -1
- package/es/data-table/header-cell.js +41 -34
- package/es/data-table/locale.js +3 -1
- package/es/data-table/measure-column-widths.js +5 -4
- package/es/data-table/stateful-container.js +2 -1
- package/es/data-table/stateful-data-table.js +4 -4
- package/es/datepicker/calendar-header.js +1 -0
- package/es/datepicker/calendar.js +2 -0
- package/es/datepicker/datepicker.js +3 -1
- package/es/datepicker/day.js +2 -1
- package/es/datepicker/index.js +1 -1
- package/es/datepicker/stateful-calendar.js +4 -1
- package/es/datepicker/stateful-container.js +2 -0
- package/es/datepicker/stateful-datepicker.js +5 -1
- package/es/datepicker/styled-components.js +26 -3
- package/es/datepicker/utils/date-helpers.js +2 -1
- package/es/datepicker/utils/index.js +2 -1
- package/es/divider/styled-components.js +3 -2
- package/es/dnd-list/stateful-list-container.js +1 -0
- package/es/dnd-list/styled-components.js +7 -0
- package/es/drawer/constants.js +1 -0
- package/es/drawer/drawer.js +2 -5
- package/es/drawer/styled-components.js +9 -2
- package/es/file-uploader/styled-components.js +6 -1
- package/es/flex-grid/flex-grid-item.js +5 -6
- package/es/flex-grid/flex-grid.js +4 -1
- package/es/form-control/styled-components.js +6 -1
- package/es/header-navigation/styled-components.js +4 -1
- package/es/helper/styled-components.js +3 -1
- package/es/helpers/overrides.js +9 -5
- package/es/icon/build-icons.js +0 -2
- package/es/icon/index.js +1 -1
- package/es/icon/omit-dollar-prefixed-keys.js +1 -0
- package/es/icon/styled-components.js +2 -1
- package/es/input/base-input.js +1 -0
- package/es/input/masked-input.js +9 -2
- package/es/input/stateful-container.js +1 -0
- package/es/input/styled-components.js +18 -7
- package/es/input/utils.js +2 -0
- package/es/layer/layer.js +24 -0
- package/es/layer/layers-manager.js +91 -1
- package/es/layout-grid/styled-components.js +3 -0
- package/es/link/index.js +2 -1
- package/es/link/styled-components.js +2 -1
- package/es/list/list-heading.js +21 -17
- package/es/list/list-item.js +2 -1
- package/es/list/styled-components.js +17 -1
- package/es/locale/es_AR.js +3 -1
- package/es/locale/index.js +2 -1
- package/es/locale/tr_TR.js +3 -1
- package/es/map-marker/constants.js +14 -0
- package/es/map-marker/fixed-marker.js +1 -0
- package/es/map-marker/index.js +2 -1
- package/es/map-marker/location-puck.js +142 -0
- package/es/map-marker/pin-head.js +1 -0
- package/es/map-marker/styled-components.js +86 -2
- package/es/menu/index.js +1 -1
- package/es/menu/menu.js +14 -4
- package/es/menu/option-profile.js +1 -0
- package/es/menu/stateful-container.js +10 -0
- package/es/menu/styled-components.js +32 -2
- package/es/message-card/constants.js +19 -0
- package/es/message-card/index.js +10 -0
- package/es/message-card/message-card.js +114 -0
- package/es/message-card/styled-components.js +108 -0
- package/es/message-card/types.js +1 -0
- package/es/message-card/utils.js +27 -0
- package/es/modal/modal.js +4 -6
- package/es/modal/styled-components.js +8 -1
- package/es/pagination/stateful-container.js +1 -0
- package/es/pagination/stateful-pagination.js +1 -0
- package/es/pagination/styled-components.js +4 -1
- package/es/payment-card/styled-components.js +2 -1
- package/es/phone-input/base-country-picker.js +3 -1
- package/es/phone-input/country-select-dropdown.js +1 -0
- package/es/phone-input/styled-components.js +15 -4
- package/es/pin-code/styled-components.js +4 -1
- package/es/popover/popover.js +9 -12
- package/es/popover/styled-components.js +9 -4
- package/es/progress-bar/progressbar-rounded.js +1 -0
- package/es/progress-bar/styled-components.js +14 -2
- package/es/progress-steps/progress-steps.js +2 -1
- package/es/progress-steps/styled-components.js +20 -12
- package/es/radio/stateful-radiogroup-container.js +3 -0
- package/es/radio/styled-components.js +10 -3
- package/es/rating/emoticon-rating.js +2 -1
- package/es/rating/star-rating.js +2 -1
- package/es/rating/styled-components.js +5 -1
- package/es/select/autosize-input.js +2 -3
- package/es/select/default-props.js +1 -1
- package/es/select/dropdown.js +2 -1
- package/es/select/multi-value.js +2 -1
- package/es/select/select-component.js +10 -10
- package/es/select/single-select.js +2 -2
- package/es/select/stateful-select-container.js +2 -0
- package/es/select/styled-components.js +33 -6
- package/es/select/value.js +3 -4
- package/es/side-navigation/index.js +2 -1
- package/es/side-navigation/nav-item.js +1 -0
- package/es/side-navigation/nav.js +1 -1
- package/es/side-navigation/stateful-container.js +1 -0
- package/es/side-navigation/styled-components.js +8 -2
- package/es/skeleton/styled-components.js +3 -1
- package/es/slider/slider.js +4 -2
- package/es/slider/stateful-slider-container.js +2 -0
- package/es/slider/styled-components.js +9 -0
- package/es/snackbar/snackbar-element.js +1 -0
- package/es/snackbar/styled-components.js +9 -1
- package/es/spinner/styled-components.js +2 -1
- package/es/styles/__mocks__/styled.js +8 -5
- package/es/styles/styled.js +7 -6
- package/es/table/index.js +2 -1
- package/es/table/styled-components.js +13 -1
- package/es/table-grid/styled-components.js +4 -1
- package/es/table-semantic/styled-components.js +20 -3
- package/es/tabs/stateful-tabs.js +1 -0
- package/es/tabs/styled-components.js +5 -1
- package/es/tabs/tabs.js +4 -2
- package/es/tabs-motion/styled-components.js +32 -2
- package/es/tabs-motion/tab.js +1 -0
- package/es/tabs-motion/tabs.js +31 -6
- package/es/tag/styled-components.js +32 -1
- package/es/tag/tag.js +6 -2
- package/es/textarea/styled-components.js +20 -12
- package/es/textarea/textarea.js +4 -2
- package/es/themes/move-theme/typography.js +36 -0
- package/es/themes/shared/borders.js +8 -3
- package/es/themes/shared/typography.js +10 -10
- package/es/timezonepicker/timezone-picker.js +5 -1
- package/es/timezonepicker/tzdata.js +1 -1
- package/es/toast/styled-components.js +5 -1
- package/es/toast/toaster.js +0 -2
- package/es/tokens/colors.js +24 -0
- package/es/tooltip/styled-components.js +4 -1
- package/es/tree-view/index.js +2 -1
- package/es/tree-view/styled-components.js +7 -1
- package/es/tree-view/tree-view.js +3 -1
- package/es/types/globals.d.js +12 -0
- package/es/utils/deep-merge.js +0 -5
- package/es/utils/deprecated-component.js +1 -0
- package/es/utils/focusVisible.js +4 -2
- package/esm/accordion/accordion.js +4 -4
- package/esm/accordion/panel.js +3 -2
- package/esm/accordion/stateful-panel-container.js +1 -0
- package/esm/accordion/styled-components.js +8 -1
- package/esm/app-nav-bar/app-nav-bar.js +4 -2
- package/esm/app-nav-bar/mobile-menu.js +4 -2
- package/esm/app-nav-bar/styled-components.js +19 -1
- package/esm/app-nav-bar/user-menu.js +1 -1
- package/esm/aspect-ratio-box/aspect-ratio-box.js +3 -1
- package/esm/avatar/styled-components.js +4 -1
- package/esm/badge/styled-components.js +11 -6
- package/esm/banner/styled-components.js +16 -3
- package/esm/block/block.js +3 -1
- package/esm/block/styled-components.js +2 -1
- package/esm/breadcrumbs/styled-components.js +5 -1
- package/esm/button/styled-components.js +7 -0
- package/esm/button-group/stateful-button-group.js +1 -0
- package/esm/button-group/stateful-container.js +3 -1
- package/esm/button-group/styled-components.js +2 -1
- package/esm/card/index.js +2 -1
- package/esm/card/styled-components.js +12 -4
- package/esm/checkbox/index.js +1 -0
- package/esm/checkbox/styled-components.js +10 -4
- package/esm/combobox/combobox.js +78 -71
- package/esm/combobox/styled-components.js +5 -1
- package/esm/data-table/column-anchor.js +3 -0
- package/esm/data-table/column-datetime.js +12 -5
- package/esm/data-table/column-numerical.js +4 -4
- package/esm/data-table/column-string.js +3 -0
- package/esm/data-table/column.js +5 -1
- package/esm/data-table/data-table.js +6 -3
- package/esm/data-table/filter-menu.js +2 -1
- package/esm/data-table/header-cell.js +42 -34
- package/esm/data-table/locale.js +3 -1
- package/esm/data-table/measure-column-widths.js +5 -4
- package/esm/data-table/stateful-container.js +2 -1
- package/esm/data-table/stateful-data-table.js +4 -4
- package/esm/datepicker/calendar-header.js +1 -0
- package/esm/datepicker/calendar.js +2 -0
- package/esm/datepicker/datepicker.js +3 -1
- package/esm/datepicker/day.js +2 -1
- package/esm/datepicker/index.js +1 -1
- package/esm/datepicker/stateful-calendar.js +7 -3
- package/esm/datepicker/stateful-container.js +2 -0
- package/esm/datepicker/stateful-datepicker.js +9 -4
- package/esm/datepicker/styled-components.js +26 -3
- package/esm/datepicker/utils/date-helpers.js +2 -1
- package/esm/datepicker/utils/index.js +2 -1
- package/esm/divider/styled-components.js +3 -2
- package/esm/dnd-list/stateful-list-container.js +1 -0
- package/esm/dnd-list/styled-components.js +7 -0
- package/esm/drawer/constants.js +1 -0
- package/esm/drawer/drawer.js +2 -5
- package/esm/drawer/styled-components.js +9 -2
- package/esm/file-uploader/styled-components.js +6 -1
- package/esm/flex-grid/flex-grid-item.js +4 -5
- package/esm/flex-grid/flex-grid.js +7 -3
- package/esm/form-control/styled-components.js +6 -1
- package/esm/header-navigation/styled-components.js +4 -1
- package/esm/helper/styled-components.js +3 -1
- package/esm/helpers/overrides.js +9 -5
- package/esm/icon/build-icons.js +0 -2
- package/esm/icon/index.js +1 -1
- package/esm/icon/omit-dollar-prefixed-keys.js +1 -0
- package/esm/icon/styled-components.js +2 -1
- package/esm/input/base-input.js +1 -0
- package/esm/input/masked-input.js +5 -2
- package/esm/input/stateful-container.js +1 -0
- package/esm/input/styled-components.js +18 -7
- package/esm/input/utils.js +2 -0
- package/esm/layer/layer.js +24 -0
- package/esm/layer/layers-manager.js +97 -1
- package/esm/layout-grid/styled-components.js +3 -0
- package/esm/link/index.js +2 -1
- package/esm/link/styled-components.js +2 -1
- package/esm/list/list-heading.js +21 -17
- package/esm/list/list-item.js +2 -1
- package/esm/list/styled-components.js +17 -1
- package/esm/locale/es_AR.js +3 -1
- package/esm/locale/index.js +4 -1
- package/esm/locale/tr_TR.js +3 -1
- package/esm/map-marker/constants.js +12 -2
- package/esm/map-marker/index.js +2 -1
- package/esm/map-marker/location-puck.js +199 -0
- package/esm/map-marker/styled-components.js +82 -2
- package/esm/menu/index.js +1 -1
- package/esm/menu/menu.js +16 -4
- package/esm/menu/option-profile.js +1 -0
- package/esm/menu/stateful-container.js +1 -0
- package/esm/menu/styled-components.js +38 -6
- package/esm/message-card/constants.js +20 -0
- package/esm/message-card/index.js +10 -0
- package/esm/message-card/message-card.js +168 -0
- package/esm/message-card/styled-components.js +116 -0
- package/esm/message-card/types.js +1 -0
- package/esm/message-card/utils.js +26 -0
- package/esm/modal/modal.js +4 -6
- package/esm/modal/styled-components.js +8 -1
- package/esm/pagination/stateful-container.js +1 -0
- package/esm/pagination/stateful-pagination.js +1 -0
- package/esm/pagination/styled-components.js +4 -1
- package/esm/payment-card/styled-components.js +2 -1
- package/esm/phone-input/base-country-picker.js +3 -1
- package/esm/phone-input/country-select-dropdown.js +1 -0
- package/esm/phone-input/styled-components.js +20 -8
- package/esm/pin-code/styled-components.js +4 -1
- package/esm/popover/popover.js +9 -12
- package/esm/popover/styled-components.js +9 -4
- package/esm/progress-bar/progressbar-rounded.js +1 -0
- package/esm/progress-bar/styled-components.js +14 -2
- package/esm/progress-steps/progress-steps.js +2 -1
- package/esm/progress-steps/styled-components.js +28 -19
- package/esm/radio/styled-components.js +10 -3
- package/esm/rating/emoticon-rating.js +2 -1
- package/esm/rating/star-rating.js +2 -1
- package/esm/rating/styled-components.js +5 -1
- package/esm/select/autosize-input.js +2 -3
- package/esm/select/default-props.js +1 -1
- package/esm/select/dropdown.js +2 -1
- package/esm/select/multi-value.js +2 -1
- package/esm/select/select-component.js +10 -10
- package/esm/select/single-select.js +2 -2
- package/esm/select/styled-components.js +33 -6
- package/esm/select/value.js +3 -4
- package/esm/side-navigation/index.js +2 -1
- package/esm/side-navigation/nav-item.js +1 -0
- package/esm/side-navigation/nav.js +1 -1
- package/esm/side-navigation/stateful-container.js +1 -0
- package/esm/side-navigation/styled-components.js +13 -6
- package/esm/skeleton/styled-components.js +3 -1
- package/esm/slider/slider.js +4 -2
- package/esm/slider/styled-components.js +9 -0
- package/esm/snackbar/snackbar-element.js +1 -0
- package/esm/snackbar/styled-components.js +9 -1
- package/esm/spinner/styled-components.js +2 -1
- package/esm/styles/__mocks__/styled.js +8 -5
- package/esm/styles/styled.js +7 -6
- package/esm/table/index.js +2 -1
- package/esm/table/styled-components.js +13 -1
- package/esm/table-grid/styled-components.js +4 -1
- package/esm/table-semantic/styled-components.js +20 -3
- package/esm/tabs/stateful-tabs.js +1 -0
- package/esm/tabs/styled-components.js +5 -1
- package/esm/tabs/tabs.js +4 -2
- package/esm/tabs-motion/styled-components.js +68 -40
- package/esm/tabs-motion/tab.js +1 -0
- package/esm/tabs-motion/tabs.js +87 -58
- package/esm/tag/styled-components.js +5 -1
- package/esm/tag/tag.js +4 -2
- package/esm/textarea/styled-components.js +11 -6
- package/esm/textarea/textarea.js +4 -2
- package/esm/themes/move-theme/typography.js +36 -0
- package/esm/themes/shared/borders.js +8 -3
- package/esm/themes/shared/typography.js +10 -10
- package/esm/timezonepicker/timezone-picker.js +6 -2
- package/esm/timezonepicker/tzdata.js +1 -1
- package/esm/toast/styled-components.js +5 -1
- package/esm/toast/toaster.js +0 -2
- package/esm/tokens/colors.js +24 -0
- package/esm/tooltip/styled-components.js +4 -1
- package/esm/tree-view/index.js +2 -1
- package/esm/tree-view/styled-components.js +7 -1
- package/esm/tree-view/tree-view.js +3 -1
- package/esm/types/globals.d.js +12 -0
- package/esm/utils/deep-merge.js +0 -5
- package/esm/utils/deprecated-component.js +1 -0
- package/esm/utils/focusVisible.js +4 -2
- package/file-uploader/styled-components.js +6 -1
- package/flex-grid/flex-grid-item.d.ts +1 -1
- package/flex-grid/flex-grid-item.js +6 -8
- package/flex-grid/flex-grid.js +7 -3
- package/flex-grid/types.d.ts +1 -1
- package/form-control/styled-components.js +6 -1
- package/form-control/types.d.ts +1 -1
- package/header-navigation/styled-components.js +4 -1
- package/heading/types.d.ts +1 -1
- package/helper/styled-components.js +3 -1
- package/helpers/overrides.js +8 -3
- package/helpers/overrides.js.flow +1 -1
- package/helpers/types.d.ts +1 -1
- package/icon/build-icons.js +0 -2
- package/icon/build-icons.js.flow +0 -1
- package/icon/index.d.ts +1 -1
- package/icon/index.js +8 -1
- package/icon/index.js.flow +1 -1
- package/icon/omit-dollar-prefixed-keys.js +1 -0
- package/icon/styled-components.js +2 -1
- package/icon/types.d.ts +1 -1
- package/input/masked-input.js +5 -2
- package/input/stateful-container.js +1 -0
- package/input/styled-components.js +18 -7
- package/input/styled-components.js.flow +9 -2
- package/input/types.d.ts +16 -14
- package/input/types.js.flow +3 -0
- package/input/utils.js +2 -0
- package/layer/layer.js +24 -0
- package/layer/layer.js.flow +25 -0
- package/layer/layers-manager.d.ts +8 -0
- package/layer/layers-manager.js +97 -1
- package/layer/layers-manager.js.flow +84 -1
- package/layer/types.d.ts +23 -2
- package/layer/types.js.flow +22 -1
- package/layout-grid/styled-components.js +3 -0
- package/layout-grid/types.d.ts +2 -2
- package/link/index.js +2 -1
- package/link/styled-components.js +2 -1
- package/list/list-heading.js +21 -17
- package/list/list-item.js +2 -1
- package/list/styled-components.js +17 -1
- package/list/types.d.ts +2 -2
- package/locale/en_US.d.ts +1 -1
- package/locale/es_AR.d.ts +1 -1
- package/locale/es_AR.js +3 -1
- package/locale/index.js +4 -1
- package/locale/tr_TR.d.ts +1 -1
- package/locale/tr_TR.js +3 -1
- package/map-marker/constants.d.ts +14 -0
- package/map-marker/constants.js +16 -3
- package/map-marker/constants.js.flow +17 -0
- package/map-marker/index.d.ts +2 -1
- package/map-marker/index.js +24 -1
- package/map-marker/index.js.flow +5 -3
- package/map-marker/location-puck.d.ts +4 -0
- package/map-marker/location-puck.js +211 -0
- package/map-marker/location-puck.js.flow +18 -0
- package/map-marker/styled-components.d.ts +17 -1
- package/map-marker/styled-components.js +88 -2
- package/map-marker/styled-components.js.flow +58 -0
- package/map-marker/types.d.ts +33 -5
- package/map-marker/types.js.flow +37 -3
- package/menu/index.d.ts +2 -3
- package/menu/index.js +8 -1
- package/menu/index.js.flow +1 -0
- package/menu/menu.js +15 -3
- package/menu/menu.js.flow +11 -1
- package/menu/option-profile.js +1 -0
- package/menu/stateful-container.js +1 -0
- package/menu/styled-components.d.ts +1 -0
- package/menu/styled-components.js +40 -7
- package/menu/styled-components.js.flow +13 -0
- package/menu/types.d.ts +13 -13
- package/menu/types.js.flow +1 -0
- package/message-card/constants.d.ts +12 -0
- package/message-card/constants.js +25 -0
- package/message-card/index.d.ts +4 -0
- package/message-card/index.js +60 -0
- package/message-card/index.js.flow +72 -0
- package/message-card/message-card.d.ts +4 -0
- package/message-card/message-card.js +184 -0
- package/message-card/package.json +4 -0
- package/message-card/styled-components.d.ts +14 -0
- package/message-card/styled-components.js +124 -0
- package/message-card/types.d.ts +27 -0
- package/message-card/types.js +5 -0
- package/message-card/utils.d.ts +1 -0
- package/message-card/utils.js +36 -0
- package/modal/modal.js +4 -4
- package/modal/modal.js.flow +1 -3
- package/modal/styled-components.js +8 -1
- package/modal/types.d.ts +2 -2
- package/package.json +9 -11
- package/pagination/stateful-container.js +1 -0
- package/pagination/stateful-pagination.js +1 -0
- package/pagination/styled-components.js +4 -1
- package/pagination/types.d.ts +2 -2
- package/payment-card/styled-components.js +2 -1
- package/phone-input/base-country-picker.js +3 -1
- package/phone-input/country-select-dropdown.js +1 -0
- package/phone-input/styled-components.js +21 -9
- package/phone-input/types.d.ts +5 -6
- package/pin-code/styled-components.js +4 -1
- package/pin-code/types.d.ts +2 -2
- package/popover/popover.js +9 -12
- package/popover/popover.js.flow +2 -12
- package/popover/styled-components.js +12 -9
- package/popover/types.d.ts +2 -2
- package/progress-bar/progressbar-rounded.js +1 -0
- package/progress-bar/styled-components.js +14 -2
- package/progress-bar/types.d.ts +2 -2
- package/progress-steps/progress-steps.js +2 -1
- package/progress-steps/styled-components.js +28 -19
- package/radio/styled-components.js +10 -3
- package/radio/types.d.ts +19 -20
- package/rating/emoticon-rating.js +2 -1
- package/rating/star-rating.js +2 -1
- package/rating/styled-components.js +5 -1
- package/select/autosize-input.js +2 -1
- package/select/autosize-input.js.flow +1 -1
- package/select/default-props.js +1 -1
- package/select/dropdown.js +2 -1
- package/select/multi-value.js +1 -0
- package/select/select-component.d.ts +1 -1
- package/select/select-component.js +9 -7
- package/select/select-component.js.flow +1 -1
- package/select/single-select.d.ts +2 -2
- package/select/single-select.js +2 -2
- package/select/styled-components.js +33 -6
- package/select/styled-components.js.flow +25 -5
- package/select/types.d.ts +5 -6
- package/select/value.js +2 -3
- package/side-navigation/nav-item.js +1 -0
- package/side-navigation/nav.js +1 -1
- package/side-navigation/stateful-container.js +1 -0
- package/side-navigation/styled-components.js +13 -6
- package/side-navigation/types.d.ts +1 -1
- package/skeleton/styled-components.js +3 -1
- package/slider/slider.js +4 -2
- package/slider/styled-components.js +9 -0
- package/slider/types.d.ts +1 -1
- package/snackbar/snackbar-element.js +1 -0
- package/snackbar/styled-components.js +9 -1
- package/snackbar/types.d.ts +3 -4
- package/spinner/styled-components.js +2 -1
- package/spinner/types.d.ts +1 -1
- package/styles/__mocks__/styled.js +8 -3
- package/styles/styled.d.ts +1 -1
- package/styles/styled.js +7 -6
- package/table/styled-components.js +13 -1
- package/table/types.d.ts +2 -2
- package/table-grid/styled-components.js +4 -1
- package/table-semantic/styled-components.js +20 -3
- package/table-semantic/types.d.ts +2 -2
- package/tabs/stateful-tabs.js +1 -0
- package/tabs/styled-components.js +5 -1
- package/tabs/tabs.js +4 -2
- package/tabs/types.d.ts +2 -2
- package/tabs-motion/styled-components.d.ts +5 -0
- package/tabs-motion/styled-components.js +71 -41
- package/tabs-motion/styled-components.js.flow +21 -0
- package/tabs-motion/tab.js +1 -0
- package/tabs-motion/tabs.d.ts +1 -1
- package/tabs-motion/tabs.js +87 -57
- package/tabs-motion/tabs.js.flow +69 -38
- package/tabs-motion/types.d.ts +5 -2
- package/tabs-motion/types.js.flow +3 -0
- package/tabs-motion/utils.d.ts +1 -1
- package/tag/styled-components.js +5 -1
- package/tag/tag.js +4 -2
- package/tag/types.d.ts +4 -5
- package/textarea/styled-components.js +11 -6
- package/textarea/textarea.js +4 -2
- package/textarea/types.d.ts +6 -5
- package/textarea/types.js.flow +3 -1
- package/themes/move-theme/typography.d.ts +36 -0
- package/themes/move-theme/typography.js +36 -0
- package/themes/move-theme/typography.js.flow +12 -0
- package/themes/shared/borders.js +8 -3
- package/themes/shared/borders.js.flow +7 -3
- package/themes/shared/typography.js +10 -10
- package/themes/shared/typography.js.flow +10 -10
- package/themes/types.d.ts +3 -0
- package/themes/types.js.flow +3 -0
- package/timezonepicker/timezone-picker.js +6 -2
- package/timezonepicker/types.d.ts +1 -0
- package/timezonepicker/types.js.flow +1 -0
- package/timezonepicker/tzdata.js +1 -1
- package/toast/styled-components.js +5 -1
- package/toast/toaster.js.flow +1 -1
- package/toast/types.d.ts +2 -2
- package/tokens/colors.js +24 -0
- package/tokens/colors.js.flow +27 -0
- package/tokens/types.d.ts +24 -0
- package/tokens/types.js.flow +27 -0
- package/tooltip/styled-components.js +4 -1
- package/tree-view/styled-components.js +7 -1
- package/tree-view/tree-view.js +3 -1
- package/tree-view/types.d.ts +3 -4
- package/types/globals.d.js +14 -1
- package/utils/deep-merge.js +0 -6
- package/utils/deprecated-component.js +1 -0
- package/utils/focusVisible.d.ts +1 -1
- package/utils/focusVisible.js +4 -2
- package/card/images.d.ts +0 -2
- package/card/images.js +0 -17
- package/card/images.js.flow +0 -18
- package/es/card/images.js +0 -8
- package/esm/card/images.js +0 -8
package/esm/link/index.js
CHANGED
package/esm/list/list-heading.js
CHANGED
|
@@ -104,23 +104,27 @@ var ListHeading = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
104
104
|
}
|
|
105
105
|
}
|
|
106
106
|
|
|
107
|
-
return
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
107
|
+
return (
|
|
108
|
+
/*#__PURE__*/
|
|
109
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
110
|
+
React.createElement(Root, _extends({
|
|
111
|
+
ref: ref
|
|
112
|
+
}, rootProps), /*#__PURE__*/React.createElement(Content, contentProps, /*#__PURE__*/React.createElement(StyledHeadingContentRow, null, /*#__PURE__*/React.createElement(HeadingContainer, _extends({
|
|
113
|
+
$maxLines: isMaxLinesValid(maxLines) ? maxLines : 1
|
|
114
|
+
}, headingContainerProps), /*#__PURE__*/React.createElement(RenderNode, {
|
|
115
|
+
component: props.heading
|
|
116
|
+
})), EndEnhancer && /*#__PURE__*/React.createElement(EndEnhancerContainer, _extends({
|
|
117
|
+
$isText: isEndEnhancerString
|
|
118
|
+
}, endEnhancerContainerProps), /*#__PURE__*/React.createElement(RenderNode, {
|
|
119
|
+
component: EndEnhancer
|
|
120
|
+
}))), (Boolean(SubHeading) || EndEnhancerDescription) && /*#__PURE__*/React.createElement(StyledHeadingContentRow, null, /*#__PURE__*/React.createElement(SubHeadingContainer, _extends({
|
|
121
|
+
$maxLines: isMaxLinesValid(maxLines) ? maxLines : 1
|
|
122
|
+
}, subHeadingContainerProps), /*#__PURE__*/React.createElement(RenderNode, {
|
|
123
|
+
component: SubHeading
|
|
124
|
+
})), Boolean(EndEnhancerDescription) && isEndEnhancerString && /*#__PURE__*/React.createElement(EndEnhancerDescriptionContainer, endEnhancerDescriptionContainerProps, /*#__PURE__*/React.createElement(RenderNode, {
|
|
125
|
+
component: EndEnhancerDescription
|
|
126
|
+
})))))
|
|
127
|
+
);
|
|
124
128
|
});
|
|
125
129
|
ListHeading.displayName = 'ListHeading';
|
|
126
130
|
export default ListHeading;
|
package/esm/list/list-item.js
CHANGED
|
@@ -66,7 +66,8 @@ var ListItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
66
66
|
return props.artworkSize || ARTWORK_SIZES.MEDIUM;
|
|
67
67
|
}
|
|
68
68
|
}, [props.artworkSize, props.sublist]);
|
|
69
|
-
return /*#__PURE__*/React.createElement(Root
|
|
69
|
+
return /*#__PURE__*/React.createElement(Root // eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
70
|
+
, _extends({
|
|
70
71
|
ref: ref,
|
|
71
72
|
$shape: props.shape || SHAPE.DEFAULT,
|
|
72
73
|
"aria-label": props['aria-label'],
|
|
@@ -30,6 +30,7 @@ export var StyledRoot = styled('li', function (_ref) {
|
|
|
30
30
|
};
|
|
31
31
|
});
|
|
32
32
|
StyledRoot.displayName = "StyledRoot";
|
|
33
|
+
StyledRoot.displayName = 'StyledRoot';
|
|
33
34
|
export var StyledContent = styled('div', function (_ref2) {
|
|
34
35
|
var $mLeft = _ref2.$mLeft,
|
|
35
36
|
$sublist = _ref2.$sublist,
|
|
@@ -52,11 +53,13 @@ export var StyledContent = styled('div', function (_ref2) {
|
|
|
52
53
|
});
|
|
53
54
|
});
|
|
54
55
|
StyledContent.displayName = "StyledContent";
|
|
56
|
+
StyledContent.displayName = 'StyledContent';
|
|
55
57
|
export var StyledEndEnhancerContainer = styled('div', {
|
|
56
58
|
alignItems: 'center',
|
|
57
59
|
display: 'flex'
|
|
58
60
|
});
|
|
59
61
|
StyledEndEnhancerContainer.displayName = "StyledEndEnhancerContainer";
|
|
62
|
+
StyledEndEnhancerContainer.displayName = 'StyledEndEnhancerContainer';
|
|
60
63
|
export var StyledArtworkContainer = styled('div', function (_ref3) {
|
|
61
64
|
var $artworkSize = _ref3.$artworkSize,
|
|
62
65
|
$sublist = _ref3.$sublist,
|
|
@@ -67,6 +70,7 @@ export var StyledArtworkContainer = styled('div', function (_ref3) {
|
|
|
67
70
|
return {
|
|
68
71
|
alignItems: 'center',
|
|
69
72
|
display: 'flex',
|
|
73
|
+
flexShrink: 0,
|
|
70
74
|
paddingLeft: $theme.sizing.scale600,
|
|
71
75
|
paddingRight: $theme.sizing.scale600
|
|
72
76
|
};
|
|
@@ -75,11 +79,13 @@ export var StyledArtworkContainer = styled('div', function (_ref3) {
|
|
|
75
79
|
return {
|
|
76
80
|
alignItems: 'center',
|
|
77
81
|
display: 'flex',
|
|
82
|
+
flexShrink: 0,
|
|
78
83
|
justifyContent: 'center',
|
|
79
84
|
width: $theme.sizing.scale1600
|
|
80
85
|
};
|
|
81
86
|
});
|
|
82
87
|
StyledArtworkContainer.displayName = "StyledArtworkContainer";
|
|
88
|
+
StyledArtworkContainer.displayName = 'StyledArtworkContainer';
|
|
83
89
|
export var StyledLabelContent = styled('p', function (_ref4) {
|
|
84
90
|
var $theme = _ref4.$theme;
|
|
85
91
|
return _objectSpread(_objectSpread({}, $theme.typography.LabelMedium), {}, {
|
|
@@ -89,6 +95,7 @@ export var StyledLabelContent = styled('p', function (_ref4) {
|
|
|
89
95
|
});
|
|
90
96
|
});
|
|
91
97
|
StyledLabelContent.displayName = "StyledLabelContent";
|
|
98
|
+
StyledLabelContent.displayName = 'StyledLabelContent';
|
|
92
99
|
export var StyledLabelDescription = styled('p', function (_ref5) {
|
|
93
100
|
var $theme = _ref5.$theme;
|
|
94
101
|
return _objectSpread(_objectSpread({}, $theme.typography.ParagraphSmall), {}, {
|
|
@@ -98,6 +105,7 @@ export var StyledLabelDescription = styled('p', function (_ref5) {
|
|
|
98
105
|
});
|
|
99
106
|
});
|
|
100
107
|
StyledLabelDescription.displayName = "StyledLabelDescription";
|
|
108
|
+
StyledLabelDescription.displayName = 'StyledLabelDescription';
|
|
101
109
|
export var StyledLabelSublistContent = styled('p', function (_ref6) {
|
|
102
110
|
var $theme = _ref6.$theme;
|
|
103
111
|
return _objectSpread(_objectSpread({}, $theme.typography.LabelMedium), {}, {
|
|
@@ -107,6 +115,7 @@ export var StyledLabelSublistContent = styled('p', function (_ref6) {
|
|
|
107
115
|
});
|
|
108
116
|
});
|
|
109
117
|
StyledLabelSublistContent.displayName = "StyledLabelSublistContent";
|
|
118
|
+
StyledLabelSublistContent.displayName = 'StyledLabelSublistContent';
|
|
110
119
|
export var StyledHeadingRoot = styled('div', function (_ref7) {
|
|
111
120
|
var $theme = _ref7.$theme;
|
|
112
121
|
return {
|
|
@@ -119,6 +128,7 @@ export var StyledHeadingRoot = styled('div', function (_ref7) {
|
|
|
119
128
|
};
|
|
120
129
|
});
|
|
121
130
|
StyledHeadingRoot.displayName = "StyledHeadingRoot";
|
|
131
|
+
StyledHeadingRoot.displayName = 'StyledHeadingRoot';
|
|
122
132
|
export var StyledHeadingContent = styled('div', function (_ref8) {
|
|
123
133
|
var $theme = _ref8.$theme;
|
|
124
134
|
return _objectSpread({
|
|
@@ -136,12 +146,14 @@ export var StyledHeadingContent = styled('div', function (_ref8) {
|
|
|
136
146
|
});
|
|
137
147
|
});
|
|
138
148
|
StyledHeadingContent.displayName = "StyledHeadingContent";
|
|
149
|
+
StyledHeadingContent.displayName = 'StyledHeadingContent';
|
|
139
150
|
export var StyledHeadingContentRow = styled('div', {
|
|
140
151
|
display: 'flex',
|
|
141
152
|
justifyContent: 'space-between',
|
|
142
153
|
width: '100%'
|
|
143
154
|
});
|
|
144
155
|
StyledHeadingContentRow.displayName = "StyledHeadingContentRow";
|
|
156
|
+
StyledHeadingContentRow.displayName = 'StyledHeadingContentRow';
|
|
145
157
|
export var StyledHeadingMainHeading = styled('p', function (_ref9) {
|
|
146
158
|
var _ref9$$maxLines = _ref9.$maxLines,
|
|
147
159
|
$maxLines = _ref9$$maxLines === void 0 ? 1 : _ref9$$maxLines,
|
|
@@ -158,6 +170,7 @@ export var StyledHeadingMainHeading = styled('p', function (_ref9) {
|
|
|
158
170
|
});
|
|
159
171
|
});
|
|
160
172
|
StyledHeadingMainHeading.displayName = "StyledHeadingMainHeading";
|
|
173
|
+
StyledHeadingMainHeading.displayName = 'StyledHeadingMainHeading';
|
|
161
174
|
export var StyledHeadingSubHeading = styled('p', function (_ref10) {
|
|
162
175
|
var _ref10$$maxLines = _ref10.$maxLines,
|
|
163
176
|
$maxLines = _ref10$$maxLines === void 0 ? 1 : _ref10$$maxLines,
|
|
@@ -174,6 +187,7 @@ export var StyledHeadingSubHeading = styled('p', function (_ref10) {
|
|
|
174
187
|
});
|
|
175
188
|
});
|
|
176
189
|
StyledHeadingSubHeading.displayName = "StyledHeadingSubHeading";
|
|
190
|
+
StyledHeadingSubHeading.displayName = 'StyledHeadingSubHeading';
|
|
177
191
|
export var StyledHeadingEndEnhancerContainer = styled('div', function (_ref11) {
|
|
178
192
|
var $isText = _ref11.$isText,
|
|
179
193
|
$theme = _ref11.$theme;
|
|
@@ -186,6 +200,7 @@ export var StyledHeadingEndEnhancerContainer = styled('div', function (_ref11) {
|
|
|
186
200
|
});
|
|
187
201
|
});
|
|
188
202
|
StyledHeadingEndEnhancerContainer.displayName = "StyledHeadingEndEnhancerContainer";
|
|
203
|
+
StyledHeadingEndEnhancerContainer.displayName = 'StyledHeadingEndEnhancerContainer';
|
|
189
204
|
export var StyledHeadingEndEnhancerDescriptionContainer = styled('p', function (_ref12) {
|
|
190
205
|
var $theme = _ref12.$theme;
|
|
191
206
|
return _objectSpread(_objectSpread({}, $theme.typography.ParagraphMedium), {}, {
|
|
@@ -198,4 +213,5 @@ export var StyledHeadingEndEnhancerDescriptionContainer = styled('p', function (
|
|
|
198
213
|
textOverflow: 'ellipsis'
|
|
199
214
|
});
|
|
200
215
|
});
|
|
201
|
-
StyledHeadingEndEnhancerDescriptionContainer.displayName = "StyledHeadingEndEnhancerDescriptionContainer";
|
|
216
|
+
StyledHeadingEndEnhancerDescriptionContainer.displayName = "StyledHeadingEndEnhancerDescriptionContainer";
|
|
217
|
+
StyledHeadingEndEnhancerDescriptionContainer.displayName = 'StyledHeadingEndEnhancerDescriptionContainer';
|
package/esm/locale/es_AR.js
CHANGED
|
@@ -77,7 +77,9 @@ var es_AR = {
|
|
|
77
77
|
booleanFilterTrue: 'verdadero',
|
|
78
78
|
booleanFilterFalse: 'falso',
|
|
79
79
|
booleanColumnTrueShort: 'V',
|
|
80
|
-
booleanColumnFalseShort: 'F'
|
|
80
|
+
booleanColumnFalseShort: 'F',
|
|
81
|
+
selectRow: 'Seleccionar fila',
|
|
82
|
+
selectAllRows: 'Seleccionar todas las filas'
|
|
81
83
|
},
|
|
82
84
|
buttongroup: {
|
|
83
85
|
ariaLabel: 'grupo de botones'
|
package/esm/locale/index.js
CHANGED
|
@@ -10,10 +10,13 @@ import en_US from './en_US';
|
|
|
10
10
|
export var LocaleContext = /*#__PURE__*/React.createContext(en_US);
|
|
11
11
|
|
|
12
12
|
var LocaleProvider = function LocaleProvider(props) {
|
|
13
|
+
var _React$useContext;
|
|
14
|
+
|
|
13
15
|
var locale = props.locale,
|
|
14
16
|
children = props.children;
|
|
17
|
+
var parentLocale = (_React$useContext = React.useContext(LocaleContext)) !== null && _React$useContext !== void 0 ? _React$useContext : {};
|
|
15
18
|
return /*#__PURE__*/React.createElement(LocaleContext.Provider, {
|
|
16
|
-
value: extend({}, en_US, locale)
|
|
19
|
+
value: extend({}, en_US, parentLocale, locale)
|
|
17
20
|
}, children);
|
|
18
21
|
};
|
|
19
22
|
|
package/esm/locale/tr_TR.js
CHANGED
|
@@ -77,7 +77,9 @@ var tr_TR = {
|
|
|
77
77
|
booleanFilterTrue: 'doğru',
|
|
78
78
|
booleanFilterFalse: 'yanlış',
|
|
79
79
|
booleanColumnTrueShort: 'D',
|
|
80
|
-
booleanColumnFalseShort: 'Y'
|
|
80
|
+
booleanColumnFalseShort: 'Y',
|
|
81
|
+
selectRow: 'satır seç',
|
|
82
|
+
selectAllRows: 'Tüm satırları seç'
|
|
81
83
|
},
|
|
82
84
|
buttongroup: {
|
|
83
85
|
ariaLabel: 'buton grup'
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var _Object$freeze, _Object$freeze2, _LABEL_SIZES, _xSmallPinheadBadge, _PINHEAD_SIZES_SHAPES, _PINHEAD_SIZES_SHAPES2, _PINHEAD_SIZES_SHAPES3, _BADGE_ENHANCER_POSIT, _BADGE_ENHANCER_STYLE, _BADGE_ENHANCER_CONTE;
|
|
1
|
+
var _Object$freeze, _Object$freeze2, _LABEL_SIZES, _xSmallPinheadBadge, _PINHEAD_SIZES_SHAPES, _PINHEAD_SIZES_SHAPES2, _PINHEAD_SIZES_SHAPES3, _BADGE_ENHANCER_POSIT, _BADGE_ENHANCER_STYLE, _BADGE_ENHANCER_CONTE, _Object$freeze3;
|
|
2
2
|
|
|
3
3
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
4
4
|
|
|
@@ -149,4 +149,14 @@ export var KIND = Object.freeze({
|
|
|
149
149
|
default: 'default',
|
|
150
150
|
accent: 'accent',
|
|
151
151
|
negative: 'negative'
|
|
152
|
-
});
|
|
152
|
+
});
|
|
153
|
+
export var LOCATION_PUCK_SIZES = Object.freeze({
|
|
154
|
+
small: 'small',
|
|
155
|
+
medium: 'medium',
|
|
156
|
+
large: 'large'
|
|
157
|
+
});
|
|
158
|
+
export var LOCATION_PUCK_TYPES = Object.freeze({
|
|
159
|
+
consumer: 'consumer',
|
|
160
|
+
earner: 'earner'
|
|
161
|
+
});
|
|
162
|
+
export var EARNER_LOCATION_PUCK_CORE_SCALES = Object.freeze((_Object$freeze3 = {}, _defineProperty(_Object$freeze3, LOCATION_PUCK_SIZES.small, '50%'), _defineProperty(_Object$freeze3, LOCATION_PUCK_SIZES.medium, '75%'), _defineProperty(_Object$freeze3, LOCATION_PUCK_SIZES.large, '100%'), _Object$freeze3));
|
package/esm/map-marker/index.js
CHANGED
|
@@ -6,6 +6,7 @@ LICENSE file in the root directory of this source tree.
|
|
|
6
6
|
*/
|
|
7
7
|
export { default as FixedMarker } from './fixed-marker';
|
|
8
8
|
export { default as FloatingMarker } from './floating-marker';
|
|
9
|
-
export {
|
|
9
|
+
export { default as LocationPuck } from './location-puck';
|
|
10
|
+
export { FLOATING_MARKER_ANCHOR_POSITIONS, FLOATING_MARKER_SIZES, FLOATING_MARKER_ANCHOR_TYPES, NEEDLE_SIZES, PINHEAD_SIZES_SHAPES, BADGE_ENHANCER_SIZES, LABEL_ENHANCER_POSITIONS, KIND, PINHEAD_DIMENSIONS, LOCATION_PUCK_SIZES, LOCATION_PUCK_TYPES } from './constants';
|
|
10
11
|
export * from './types';
|
|
11
12
|
/** @deprecated use AnchorPositions instead. To be removed in future versions.*/
|
|
@@ -0,0 +1,199 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
|
|
3
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
4
|
+
|
|
5
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
6
|
+
|
|
7
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
8
|
+
|
|
9
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
10
|
+
|
|
11
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
12
|
+
|
|
13
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
14
|
+
|
|
15
|
+
/*
|
|
16
|
+
Copyright (c) Uber Technologies, Inc.
|
|
17
|
+
|
|
18
|
+
This source code is licensed under the MIT license found in the
|
|
19
|
+
LICENSE file in the root directory of this source tree.
|
|
20
|
+
*/
|
|
21
|
+
import * as React from 'react';
|
|
22
|
+
import { useStyletron } from '../styles';
|
|
23
|
+
import { getOverrides } from '../helpers/overrides';
|
|
24
|
+
import { LOCATION_PUCK_SIZES, LOCATION_PUCK_TYPES, EARNER_LOCATION_PUCK_CORE_SCALES } from './constants';
|
|
25
|
+
import { LocationPuckContainer, StyledConsumerLocationPuckCore, StyledLocationPuckApproximation, StyledEarnerLocationPuckCore } from './styled-components';
|
|
26
|
+
|
|
27
|
+
var ConsumerLocationPuckHeading = function ConsumerLocationPuckHeading(_ref) {
|
|
28
|
+
var heading = _ref.heading;
|
|
29
|
+
|
|
30
|
+
var _useStyletron = useStyletron(),
|
|
31
|
+
_useStyletron2 = _slicedToArray(_useStyletron, 2),
|
|
32
|
+
css = _useStyletron2[0],
|
|
33
|
+
theme = _useStyletron2[1];
|
|
34
|
+
|
|
35
|
+
return /*#__PURE__*/React.createElement("svg", {
|
|
36
|
+
className: css({
|
|
37
|
+
height: "".concat(6, "px"),
|
|
38
|
+
width: "".concat(11, "px"),
|
|
39
|
+
position: 'absolute',
|
|
40
|
+
color: theme.colors.contentAccent,
|
|
41
|
+
transition: "".concat(theme.animation.timing300, " ").concat(theme.animation.easeOutCurve, " all")
|
|
42
|
+
}),
|
|
43
|
+
style: {
|
|
44
|
+
transform: "rotate(".concat(heading, "deg) translateY(-16px)")
|
|
45
|
+
},
|
|
46
|
+
width: "11",
|
|
47
|
+
height: "6",
|
|
48
|
+
viewBox: "0 0 11 6",
|
|
49
|
+
fill: "none",
|
|
50
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
51
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
52
|
+
fillRule: "evenodd",
|
|
53
|
+
clipRule: "evenodd",
|
|
54
|
+
d: "M5.5 0L0 6L5.5 5L11 6L5.5 0Z",
|
|
55
|
+
fill: "currentColor"
|
|
56
|
+
}));
|
|
57
|
+
};
|
|
58
|
+
|
|
59
|
+
var ConsumerLocationPuck = function ConsumerLocationPuck(_ref2) {
|
|
60
|
+
var heading = _ref2.heading,
|
|
61
|
+
showHeading = _ref2.showHeading,
|
|
62
|
+
confidenceRadius = _ref2.confidenceRadius,
|
|
63
|
+
overrides = _ref2.overrides;
|
|
64
|
+
|
|
65
|
+
var _useStyletron3 = useStyletron(),
|
|
66
|
+
_useStyletron4 = _slicedToArray(_useStyletron3, 2),
|
|
67
|
+
theme = _useStyletron4[1];
|
|
68
|
+
|
|
69
|
+
var _getOverrides = getOverrides(overrides.Root, LocationPuckContainer),
|
|
70
|
+
_getOverrides2 = _slicedToArray(_getOverrides, 2),
|
|
71
|
+
Root = _getOverrides2[0],
|
|
72
|
+
rootProps = _getOverrides2[1];
|
|
73
|
+
|
|
74
|
+
var _getOverrides3 = getOverrides(overrides.ConsumerLocationPuckCore, StyledConsumerLocationPuckCore),
|
|
75
|
+
_getOverrides4 = _slicedToArray(_getOverrides3, 2),
|
|
76
|
+
ConsumerLocationPuckCore = _getOverrides4[0],
|
|
77
|
+
consumerLocationPuckCoreProps = _getOverrides4[1];
|
|
78
|
+
|
|
79
|
+
var _getOverrides5 = getOverrides(overrides.LocationPuckApproximation, StyledLocationPuckApproximation),
|
|
80
|
+
_getOverrides6 = _slicedToArray(_getOverrides5, 2),
|
|
81
|
+
LocationPuckApproximation = _getOverrides6[0],
|
|
82
|
+
locationPuckApproximationProps = _getOverrides6[1];
|
|
83
|
+
|
|
84
|
+
return /*#__PURE__*/React.createElement(Root, rootProps, /*#__PURE__*/React.createElement(LocationPuckApproximation, _extends({
|
|
85
|
+
$color: theme.colors.contentAccent,
|
|
86
|
+
$radius: confidenceRadius
|
|
87
|
+
}, locationPuckApproximationProps)), /*#__PURE__*/React.createElement(ConsumerLocationPuckCore, consumerLocationPuckCoreProps), showHeading && /*#__PURE__*/React.createElement(ConsumerLocationPuckHeading, {
|
|
88
|
+
heading: heading
|
|
89
|
+
}));
|
|
90
|
+
};
|
|
91
|
+
|
|
92
|
+
var EarnerLocationPuckHeading = function EarnerLocationPuckHeading(_ref3) {
|
|
93
|
+
var size = _ref3.size,
|
|
94
|
+
color = _ref3.color,
|
|
95
|
+
heading = _ref3.heading;
|
|
96
|
+
|
|
97
|
+
var _useStyletron5 = useStyletron(),
|
|
98
|
+
_useStyletron6 = _slicedToArray(_useStyletron5, 2),
|
|
99
|
+
css = _useStyletron6[0],
|
|
100
|
+
theme = _useStyletron6[1];
|
|
101
|
+
|
|
102
|
+
return /*#__PURE__*/React.createElement("svg", {
|
|
103
|
+
className: css({
|
|
104
|
+
position: 'absolute',
|
|
105
|
+
transition: "".concat(theme.animation.timing300, " ").concat(theme.animation.easeOutCurve, " all")
|
|
106
|
+
}),
|
|
107
|
+
style: {
|
|
108
|
+
transform: "rotate(".concat(heading, "deg) scale(").concat(EARNER_LOCATION_PUCK_CORE_SCALES[size], ")")
|
|
109
|
+
},
|
|
110
|
+
width: "72",
|
|
111
|
+
height: "72",
|
|
112
|
+
viewBox: "0 0 72 72",
|
|
113
|
+
fill: "none",
|
|
114
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
115
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
116
|
+
fillRule: "evenodd",
|
|
117
|
+
clipRule: "evenodd",
|
|
118
|
+
d: "M36 20L52 52L36 42.8571L20 52L36 20Z",
|
|
119
|
+
fill: color
|
|
120
|
+
}));
|
|
121
|
+
};
|
|
122
|
+
|
|
123
|
+
var EarnerLocationPuck = function EarnerLocationPuck(_ref4) {
|
|
124
|
+
var heading = _ref4.heading,
|
|
125
|
+
confidenceRadius = _ref4.confidenceRadius,
|
|
126
|
+
size = _ref4.size,
|
|
127
|
+
overrides = _ref4.overrides;
|
|
128
|
+
|
|
129
|
+
var _useStyletron7 = useStyletron(),
|
|
130
|
+
_useStyletron8 = _slicedToArray(_useStyletron7, 2),
|
|
131
|
+
theme = _useStyletron8[1];
|
|
132
|
+
|
|
133
|
+
var color = theme.colors.contentPrimary;
|
|
134
|
+
|
|
135
|
+
var _getOverrides7 = getOverrides(overrides.Root, LocationPuckContainer),
|
|
136
|
+
_getOverrides8 = _slicedToArray(_getOverrides7, 2),
|
|
137
|
+
Root = _getOverrides8[0],
|
|
138
|
+
rootProps = _getOverrides8[1];
|
|
139
|
+
|
|
140
|
+
var _getOverrides9 = getOverrides(overrides.LocationPuckApproximation, StyledLocationPuckApproximation),
|
|
141
|
+
_getOverrides10 = _slicedToArray(_getOverrides9, 2),
|
|
142
|
+
LocationPuckApproximation = _getOverrides10[0],
|
|
143
|
+
locationPuckApproximationProps = _getOverrides10[1];
|
|
144
|
+
|
|
145
|
+
var _getOverrides11 = getOverrides(overrides.EarnerLocationPuckCore, StyledEarnerLocationPuckCore),
|
|
146
|
+
_getOverrides12 = _slicedToArray(_getOverrides11, 2),
|
|
147
|
+
EarnerLocationPuckCore = _getOverrides12[0],
|
|
148
|
+
earnerLocationPuckCoreProps = _getOverrides12[1];
|
|
149
|
+
|
|
150
|
+
return /*#__PURE__*/React.createElement(Root, rootProps, /*#__PURE__*/React.createElement(LocationPuckApproximation, _extends({
|
|
151
|
+
$color: color,
|
|
152
|
+
$radius: confidenceRadius
|
|
153
|
+
}, locationPuckApproximationProps)), /*#__PURE__*/React.createElement(EarnerLocationPuckCore, _extends({
|
|
154
|
+
$color: color,
|
|
155
|
+
$size: size
|
|
156
|
+
}, earnerLocationPuckCoreProps)), /*#__PURE__*/React.createElement(EarnerLocationPuckHeading, {
|
|
157
|
+
size: size,
|
|
158
|
+
color: color,
|
|
159
|
+
heading: heading
|
|
160
|
+
}));
|
|
161
|
+
};
|
|
162
|
+
|
|
163
|
+
var LocationPuck = function LocationPuck(_ref5) {
|
|
164
|
+
var _ref5$size = _ref5.size,
|
|
165
|
+
size = _ref5$size === void 0 ? LOCATION_PUCK_SIZES.medium : _ref5$size,
|
|
166
|
+
_ref5$heading = _ref5.heading,
|
|
167
|
+
heading = _ref5$heading === void 0 ? 0 : _ref5$heading,
|
|
168
|
+
_ref5$showHeading = _ref5.showHeading,
|
|
169
|
+
showHeading = _ref5$showHeading === void 0 ? true : _ref5$showHeading,
|
|
170
|
+
_ref5$confidenceRadiu = _ref5.confidenceRadius,
|
|
171
|
+
confidenceRadius = _ref5$confidenceRadiu === void 0 ? 0 : _ref5$confidenceRadiu,
|
|
172
|
+
_ref5$type = _ref5.type,
|
|
173
|
+
type = _ref5$type === void 0 ? LOCATION_PUCK_TYPES.consumer : _ref5$type,
|
|
174
|
+
_ref5$overrides = _ref5.overrides,
|
|
175
|
+
overrides = _ref5$overrides === void 0 ? {} : _ref5$overrides;
|
|
176
|
+
|
|
177
|
+
if (process.env.NODE_ENV !== "production") {
|
|
178
|
+
if (size !== LOCATION_PUCK_SIZES.medium && type === LOCATION_PUCK_TYPES.consumer) {
|
|
179
|
+
console.warn("Location puck size can only be applied to type === LOCATION_PUCK_TYPES.earner");
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
if (!showHeading && type === LOCATION_PUCK_TYPES.earner) {
|
|
183
|
+
console.warn("Earner location puck must show the heading indicator");
|
|
184
|
+
}
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
var sharedProps = {
|
|
188
|
+
heading: heading,
|
|
189
|
+
confidenceRadius: confidenceRadius,
|
|
190
|
+
overrides: overrides
|
|
191
|
+
};
|
|
192
|
+
return type === LOCATION_PUCK_TYPES.consumer ? /*#__PURE__*/React.createElement(ConsumerLocationPuck, _extends({}, sharedProps, {
|
|
193
|
+
showHeading: showHeading
|
|
194
|
+
})) : /*#__PURE__*/React.createElement(EarnerLocationPuck, _extends({}, sharedProps, {
|
|
195
|
+
size: size
|
|
196
|
+
}));
|
|
197
|
+
};
|
|
198
|
+
|
|
199
|
+
export default LocationPuck;
|