baseui 0.0.0-next-2aecb6f → 0.0.0-next-aad2baf
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/a11y/a11y.js.flow +12 -15
- package/a11y/index.js.flow +1 -1
- package/a11y/types.js.flow +2 -2
- package/accordion/accordion.js.flow +14 -29
- package/accordion/index.js.flow +6 -6
- package/accordion/panel.js.flow +22 -40
- package/accordion/stateful-panel-container.js.flow +7 -12
- package/accordion/stateful-panel.js.flow +2 -2
- package/accordion/stateless-accordion.js.flow +5 -5
- package/accordion/styled-components.js.flow +10 -10
- package/accordion/types.js.flow +9 -11
- package/app-nav-bar/app-nav-bar.js.flow +18 -34
- package/app-nav-bar/index.js.flow +3 -3
- package/app-nav-bar/mobile-menu.js.flow +26 -55
- package/app-nav-bar/styled-components.js.flow +37 -41
- package/app-nav-bar/types.js.flow +2 -2
- package/app-nav-bar/user-menu.js.flow +27 -51
- package/app-nav-bar/user-profile-tile.js.flow +18 -24
- package/app-nav-bar/utils.js.flow +6 -9
- package/aspect-ratio-box/aspect-ratio-box-body.js.flow +1 -1
- package/aspect-ratio-box/aspect-ratio-box.js.flow +8 -11
- package/aspect-ratio-box/index.js.flow +2 -2
- package/aspect-ratio-box/types.js.flow +1 -1
- package/avatar/avatar.js.flow +5 -16
- package/avatar/index.js.flow +1 -1
- package/avatar/styled-components.js.flow +4 -8
- package/avatar/types.js.flow +1 -1
- package/block/block.js.flow +7 -10
- package/block/index.js.flow +1 -1
- package/block/styled-components.js.flow +23 -23
- package/block/types.js.flow +2 -2
- package/breadcrumbs/breadcrumbs.js.flow +14 -33
- package/breadcrumbs/index.js.flow +1 -1
- package/breadcrumbs/styled-components.js.flow +5 -5
- package/breadcrumbs/types.js.flow +2 -2
- package/button/button-internals.js.flow +7 -10
- package/button/button.js.flow +26 -36
- package/button/default-props.js.flow +1 -1
- package/button/index.js.flow +2 -2
- package/button/styled-components.js.flow +49 -75
- package/button/types.js.flow +3 -3
- package/button/utils.js.flow +1 -1
- package/button-group/button-group.js.flow +10 -12
- package/button-group/index.js.flow +6 -6
- package/button-group/stateful-button-group.js.flow +3 -3
- package/button-group/stateful-container.js.flow +13 -25
- package/button-group/styled-components.js.flow +5 -5
- package/button-group/types.js.flow +8 -11
- package/card/card.js.flow +11 -29
- package/card/index.js.flow +1 -1
- package/card/styled-components.js.flow +8 -8
- package/card/types.js.flow +3 -3
- package/checkbox/checkbox.js.flow +21 -35
- package/checkbox/index.js.flow +4 -4
- package/checkbox/stateful-checkbox-container.js.flow +11 -14
- package/checkbox/stateful-checkbox.js.flow +3 -6
- package/checkbox/styled-components.js.flow +21 -44
- package/checkbox/types.js.flow +4 -4
- package/combobox/combobox.js.flow +18 -26
- package/combobox/index.js.flow +2 -2
- package/combobox/styled-components.js.flow +20 -24
- package/combobox/types.js.flow +4 -4
- package/data-table/column-anchor.js.flow +5 -5
- package/data-table/column-boolean.js.flow +8 -13
- package/data-table/column-categorical.js.flow +18 -23
- package/data-table/column-custom.js.flow +4 -9
- package/data-table/column-datetime.js.flow +41 -89
- package/data-table/column-numerical.js.flow +29 -37
- package/data-table/column-row-index.js.flow +3 -3
- package/data-table/column-string.js.flow +4 -4
- package/data-table/column.js.flow +6 -8
- package/data-table/constants.js.flow +1 -1
- package/data-table/data-table.js.flow +42 -92
- package/data-table/filter-menu.js.flow +17 -28
- package/data-table/filter-shell.js.flow +5 -5
- package/data-table/header-cell.js.flow +109 -119
- package/data-table/index.js.flow +15 -20
- package/data-table/measure-column-widths.js.flow +8 -16
- package/data-table/stateful-container.js.flow +11 -19
- package/data-table/stateful-data-table.js.flow +16 -22
- package/data-table/text-search.js.flow +3 -3
- package/data-table/types.js.flow +10 -13
- package/datepicker/calendar-header.js.flow +91 -156
- package/datepicker/calendar.js.flow +87 -127
- package/datepicker/datepicker.js.flow +57 -133
- package/datepicker/day.js.flow +48 -82
- package/datepicker/index.js.flow +8 -10
- package/datepicker/month.js.flow +9 -13
- package/datepicker/stateful-calendar.js.flow +1 -1
- package/datepicker/stateful-container.js.flow +9 -12
- package/datepicker/stateful-datepicker.js.flow +1 -1
- package/datepicker/styled-components.js.flow +128 -173
- package/datepicker/types.js.flow +32 -32
- package/datepicker/utils/calendar-header-helpers.js.flow +1 -1
- package/datepicker/utils/date-fns-adapter.js.flow +1 -1
- package/datepicker/utils/date-helpers.js +1 -1
- package/datepicker/utils/date-helpers.js.flow +63 -103
- package/datepicker/utils/day-state.js.flow +1 -1
- package/datepicker/utils/index.js.flow +2 -3
- package/datepicker/utils/types.js.flow +2 -2
- package/datepicker/week.js.flow +8 -11
- package/dnd-list/index.js.flow +7 -6
- package/dnd-list/list.js.flow +17 -44
- package/dnd-list/stateful-list-container.js.flow +6 -9
- package/dnd-list/stateful-list.js.flow +2 -2
- package/dnd-list/styled-components.js.flow +36 -45
- package/dnd-list/types.js.flow +6 -6
- package/drawer/close-icon.js.flow +1 -1
- package/drawer/constants.js.flow +3 -3
- package/drawer/drawer.js.flow +24 -41
- package/drawer/index.js.flow +2 -2
- package/drawer/styled-components.js.flow +30 -43
- package/drawer/types.js.flow +4 -7
- package/es/datepicker/utils/date-helpers.js +1 -1
- package/es/map-marker/fixed-marker.js +2 -2
- package/es/pagination/index.js +1 -1
- package/es/popover/popover.js +3 -2
- package/es/select/styled-components.js +1 -2
- package/es/timezonepicker/tzdata.js +6 -1
- package/es/timezonepicker/update-tzdata.js +9 -4
- package/esm/datepicker/utils/date-helpers.js +1 -1
- package/esm/map-marker/fixed-marker.js +2 -2
- package/esm/pagination/index.js +1 -1
- package/esm/popover/popover.js +3 -2
- package/esm/select/styled-components.js +1 -2
- package/esm/timezonepicker/tzdata.js +6 -1
- package/esm/timezonepicker/update-tzdata.js +11 -13
- package/file-uploader/file-uploader.js.flow +28 -60
- package/file-uploader/index.js.flow +1 -1
- package/file-uploader/styled-components.js.flow +6 -8
- package/file-uploader/types.js.flow +4 -6
- package/flex-grid/flex-grid-item.js.flow +21 -33
- package/flex-grid/flex-grid.js.flow +11 -14
- package/flex-grid/index.js.flow +2 -2
- package/flex-grid/types.js.flow +1 -1
- package/form-control/form-control.js.flow +11 -27
- package/form-control/index.js.flow +1 -1
- package/form-control/styled-components.js.flow +15 -18
- package/form-control/types.js.flow +2 -2
- package/header-navigation/header-navigation.js.flow +5 -10
- package/header-navigation/index.js.flow +2 -2
- package/header-navigation/styled-components.js.flow +36 -39
- package/header-navigation/types.js.flow +1 -1
- package/heading/heading-level.js.flow +3 -7
- package/heading/heading.js.flow +7 -22
- package/heading/index.js.flow +2 -2
- package/heading/types.js.flow +1 -1
- package/helper/constants.js.flow +1 -1
- package/helper/helper-steps.js.flow +8 -21
- package/helper/helper.js.flow +8 -8
- package/helper/index.js.flow +4 -4
- package/helper/stateful-helper.js.flow +4 -4
- package/helper/styled-components.js.flow +10 -22
- package/helpers/base-provider.js.flow +5 -5
- package/helpers/i18n-interpolation.js.flow +2 -2
- package/helpers/overrides.js.flow +17 -35
- package/helpers/react-helpers.js.flow +4 -4
- package/helpers/responsive-helpers.js.flow +1 -1
- package/helpers/strings.js.flow +1 -2
- package/helpers/types.js.flow +2 -2
- package/icon/alert.js.flow +6 -6
- package/icon/arrow-down.js.flow +7 -14
- package/icon/arrow-left.js.flow +7 -14
- package/icon/arrow-right.js.flow +7 -14
- package/icon/arrow-up.js.flow +7 -8
- package/icon/blank.js.flow +6 -6
- package/icon/build-icons.js.flow +9 -18
- package/icon/check-indeterminate.js.flow +7 -15
- package/icon/check.js.flow +6 -6
- package/icon/chevron-down.js.flow +7 -8
- package/icon/chevron-left.js.flow +7 -8
- package/icon/chevron-right.js.flow +7 -10
- package/icon/chevron-up.js.flow +7 -8
- package/icon/delete-alt.js.flow +7 -14
- package/icon/delete.js.flow +6 -6
- package/icon/filter.js.flow +6 -6
- package/icon/grab.js.flow +6 -6
- package/icon/hide.js.flow +6 -6
- package/icon/icon-exports.js.flow +28 -28
- package/icon/icon.js.flow +4 -4
- package/icon/index.js.flow +2 -2
- package/icon/menu.js.flow +6 -6
- package/icon/omit-dollar-prefixed-keys.js.flow +1 -1
- package/icon/overflow.js.flow +7 -8
- package/icon/plus.js.flow +6 -6
- package/icon/search.js.flow +6 -6
- package/icon/show.js.flow +6 -6
- package/icon/spinner.js.flow +7 -8
- package/icon/styled-components.js.flow +3 -3
- package/icon/triangle-down.js.flow +7 -16
- package/icon/triangle-left.js.flow +7 -16
- package/icon/triangle-right.js.flow +7 -16
- package/icon/triangle-up.js.flow +7 -14
- package/icon/types.js.flow +1 -1
- package/icon/upload.js.flow +6 -6
- package/index.js.flow +5 -5
- package/input/base-input.js.flow +29 -56
- package/input/index.js.flow +6 -11
- package/input/input.js.flow +13 -27
- package/input/masked-input.js.flow +5 -5
- package/input/stateful-container.js.flow +6 -11
- package/input/stateful-input.js.flow +1 -1
- package/input/styled-components.js.flow +31 -60
- package/input/types.js.flow +5 -12
- package/input/utils.js.flow +4 -9
- package/layer/index.js.flow +4 -4
- package/layer/layer.js.flow +16 -27
- package/layer/layers-manager.js.flow +17 -26
- package/layer/tether.js.flow +12 -14
- package/layer/types.js.flow +2 -2
- package/layer/utils.js.flow +2 -8
- package/layout-grid/cell.js.flow +5 -8
- package/layout-grid/grid.js.flow +11 -26
- package/layout-grid/index.js.flow +2 -2
- package/layout-grid/styled-components.js.flow +17 -41
- package/layout-grid/types.js.flow +3 -6
- package/link/index.js.flow +6 -6
- package/link/styled-components.js.flow +5 -7
- package/list/index.js.flow +5 -5
- package/list/list-heading.js.flow +76 -91
- package/list/list-item-label.js.flow +8 -12
- package/list/list-item.js.flow +64 -69
- package/list/menu-adapter.js.flow +31 -35
- package/list/styled-components.js.flow +52 -60
- package/list/types.js.flow +4 -4
- package/list/utils.js.flow +3 -6
- package/locale/es_AR.js.flow +1 -2
- package/locale/index.js.flow +5 -10
- package/locale/types.js.flow +12 -12
- package/map-marker/badge-enhancer.js.flow +12 -27
- package/map-marker/constants.js.flow +3 -3
- package/map-marker/drag-shadow.js.flow +8 -23
- package/map-marker/fixed-marker.js +2 -2
- package/map-marker/fixed-marker.js.flow +15 -26
- package/map-marker/floating-marker.js.flow +12 -17
- package/map-marker/index.js.flow +2 -2
- package/map-marker/label-enhancer.js.flow +6 -9
- package/map-marker/needle.js.flow +6 -12
- package/map-marker/pin-head.js.flow +14 -37
- package/map-marker/styled-components.js.flow +45 -60
- package/map-marker/types.js.flow +9 -11
- package/menu/index.js.flow +7 -7
- package/menu/maybe-child-menu.js.flow +8 -11
- package/menu/menu.js.flow +14 -23
- package/menu/nested-menus.js.flow +16 -17
- package/menu/option-list.js.flow +10 -15
- package/menu/option-profile.js.flow +13 -29
- package/menu/stateful-container.js.flow +34 -56
- package/menu/stateful-menu.js.flow +3 -3
- package/menu/styled-components.js.flow +42 -59
- package/menu/types.js.flow +21 -26
- package/menu/utils.js.flow +1 -1
- package/modal/close-icon.js.flow +2 -6
- package/modal/focus-once.js.flow +1 -1
- package/modal/index.js.flow +4 -4
- package/modal/modal-button.js.flow +9 -16
- package/modal/modal.js.flow +21 -36
- package/modal/styled-components.js.flow +13 -17
- package/modal/types.js.flow +5 -11
- package/notification/index.js.flow +2 -2
- package/notification/notification.js.flow +2 -2
- package/package.json +6 -2
- package/pagination/index.js +8 -8
- package/pagination/index.js.flow +8 -11
- package/pagination/pagination.js.flow +37 -60
- package/pagination/stateful-container.js.flow +12 -20
- package/pagination/stateful-pagination.js.flow +2 -4
- package/pagination/styled-components.js.flow +10 -14
- package/pagination/types.js.flow +7 -7
- package/payment-card/icons/amex.js.flow +2 -5
- package/payment-card/icons/dinersclub.js.flow +1 -1
- package/payment-card/icons/discover.js.flow +1 -1
- package/payment-card/icons/elo.js.flow +1 -1
- package/payment-card/icons/generic.js.flow +1 -1
- package/payment-card/icons/jcb.js.flow +4 -13
- package/payment-card/icons/maestro.js.flow +1 -1
- package/payment-card/icons/mastercard.js.flow +1 -1
- package/payment-card/icons/unionpay.js.flow +1 -1
- package/payment-card/icons/visa.js.flow +1 -1
- package/payment-card/index.js.flow +6 -6
- package/payment-card/payment-card.js.flow +12 -18
- package/payment-card/stateful-payment-card.js.flow +1 -1
- package/payment-card/styled-components.js.flow +5 -6
- package/payment-card/types.js.flow +2 -6
- package/payment-card/utils.js.flow +6 -18
- package/phone-input/base-country-picker.js.flow +22 -37
- package/phone-input/constants.js.flow +227 -227
- package/phone-input/country-picker.js.flow +17 -28
- package/phone-input/country-select-dropdown.js.flow +26 -41
- package/phone-input/country-select.js.flow +10 -22
- package/phone-input/default-props.js.flow +2 -6
- package/phone-input/flag.js.flow +6 -6
- package/phone-input/flags/index.js.flow +241 -241
- package/phone-input/index.js.flow +10 -10
- package/phone-input/phone-input-lite.js.flow +6 -6
- package/phone-input/phone-input-next.js.flow +13 -15
- package/phone-input/phone-input.js.flow +2 -2
- package/phone-input/stateful-phone-input-container.js.flow +4 -4
- package/phone-input/stateful-phone-input-next.js.flow +3 -5
- package/phone-input/stateful-phone-input.js.flow +1 -1
- package/phone-input/styled-components.js.flow +52 -62
- package/phone-input/types.js.flow +7 -11
- package/phone-input/utils.js.flow +2 -4
- package/pin-code/default-props.js.flow +1 -1
- package/pin-code/index.js.flow +4 -4
- package/pin-code/pin-code.js.flow +13 -25
- package/pin-code/stateful-pin-code-container.js.flow +6 -10
- package/pin-code/stateful-pin-code.js.flow +1 -1
- package/pin-code/styled-components.js.flow +19 -22
- package/pin-code/types.js.flow +4 -4
- package/popover/default-props.js.flow +2 -2
- package/popover/index.js.flow +3 -3
- package/popover/popover.js +3 -2
- package/popover/popover.js.flow +41 -69
- package/popover/stateful-container.js.flow +4 -7
- package/popover/stateful-popover.js.flow +3 -8
- package/popover/styled-components.js.flow +13 -26
- package/popover/types.js.flow +11 -25
- package/popover/utils.js.flow +8 -15
- package/progress-bar/index.js.flow +3 -3
- package/progress-bar/progressbar-rounded.js.flow +5 -6
- package/progress-bar/progressbar.js.flow +18 -35
- package/progress-bar/styled-components.js.flow +84 -103
- package/progress-bar/types.js.flow +3 -7
- package/progress-steps/index.js.flow +3 -3
- package/progress-steps/numbered-step.js.flow +6 -15
- package/progress-steps/progress-steps.js.flow +7 -14
- package/progress-steps/step.js.flow +7 -20
- package/progress-steps/styled-components.js.flow +25 -29
- package/progress-steps/types.js.flow +2 -2
- package/radio/index.js.flow +5 -5
- package/radio/radio.js.flow +11 -14
- package/radio/radiogroup.js.flow +19 -31
- package/radio/stateful-radiogroup-container.js.flow +7 -10
- package/radio/stateful-radiogroup.js.flow +3 -5
- package/radio/styled-components.js.flow +20 -26
- package/radio/types.js.flow +4 -4
- package/rating/emoticon-rating.js.flow +23 -37
- package/rating/index.js.flow +2 -2
- package/rating/star-rating.js.flow +20 -31
- package/rating/styled-components.js.flow +8 -27
- package/rating/types.js.flow +4 -4
- package/select/autosize-input.js.flow +10 -17
- package/select/constants.js.flow +1 -1
- package/select/default-props.js.flow +1 -1
- package/select/dropdown.js.flow +17 -22
- package/select/index.js.flow +11 -11
- package/select/multi-select.js.flow +2 -4
- package/select/multi-value.js.flow +5 -8
- package/select/select-component.js.flow +79 -159
- package/select/select.js.flow +1 -6
- package/select/single-select.js.flow +1 -1
- package/select/stateful-select-container.js.flow +5 -13
- package/select/stateful-select.js.flow +1 -1
- package/select/styled-components.js.flow +207 -267
- package/select/types.js.flow +8 -12
- package/select/utils/default-filter-options.js.flow +4 -5
- package/select/utils/index.js.flow +3 -6
- package/select/value.js.flow +4 -7
- package/side-navigation/index.js.flow +2 -2
- package/side-navigation/nav-item.js.flow +8 -9
- package/side-navigation/nav.js.flow +14 -28
- package/side-navigation/stateful-container.js.flow +8 -17
- package/side-navigation/stateful-nav.js.flow +1 -1
- package/side-navigation/styled-components.js.flow +13 -17
- package/side-navigation/types.js.flow +6 -6
- package/skeleton/index.js.flow +1 -1
- package/skeleton/skeleton.js.flow +4 -4
- package/skeleton/styled-components.js.flow +14 -17
- package/skeleton/types.js.flow +1 -1
- package/slider/index.js.flow +3 -3
- package/slider/slider.js.flow +17 -41
- package/slider/stateful-slider-container.js.flow +9 -12
- package/slider/stateful-slider.js.flow +1 -1
- package/slider/styled-components.js.flow +13 -13
- package/slider/types.js.flow +7 -11
- package/snackbar/index.js.flow +3 -3
- package/snackbar/snackbar-context.js.flow +13 -20
- package/snackbar/snackbar-element.js.flow +18 -30
- package/snackbar/styled-components.js.flow +18 -24
- package/snackbar/types.js.flow +2 -2
- package/spinner/index.js.flow +3 -2
- package/spinner/spinner.js.flow +8 -18
- package/spinner/styled-components.js.flow +6 -6
- package/spinner/types.js.flow +3 -3
- package/styles/as-primary-export-hoc.js.flow +1 -1
- package/styles/index.js.flow +3 -3
- package/styles/styled.js.flow +24 -33
- package/styles/theme-provider.js.flow +6 -9
- package/styles/types.js.flow +2 -2
- package/styles/util.js.flow +2 -2
- package/table/filter.js.flow +12 -28
- package/table/index.js.flow +4 -7
- package/table/sortable-head-cell.js.flow +9 -12
- package/table/styled-components.js.flow +60 -72
- package/table/table.js.flow +2 -2
- package/table/types.js.flow +2 -2
- package/table-grid/index.js.flow +3 -7
- package/table-grid/sortable-head-cell.js.flow +2 -2
- package/table-grid/styled-components.js.flow +19 -21
- package/table-semantic/index.js.flow +4 -4
- package/table-semantic/styled-components.js.flow +88 -128
- package/table-semantic/table-builder-column.js.flow +2 -4
- package/table-semantic/table-builder.js.flow +32 -66
- package/table-semantic/table.js.flow +13 -28
- package/table-semantic/types.js.flow +2 -2
- package/tabs/index.js.flow +4 -4
- package/tabs/stateful-tabs.js.flow +8 -24
- package/tabs/styled-components.js.flow +7 -7
- package/tabs/tab.js.flow +13 -16
- package/tabs/tabs.js.flow +15 -36
- package/tabs/types.js.flow +5 -5
- package/tabs-motion/stateful-tabs.js.flow +10 -23
- package/tabs-motion/styled-components.js.flow +59 -71
- package/tabs-motion/tab.js.flow +1 -1
- package/tabs-motion/tabs.js.flow +27 -55
- package/tabs-motion/types.js.flow +5 -5
- package/tabs-motion/utils.js.flow +6 -10
- package/tag/index.js.flow +2 -2
- package/tag/styled-components.js.flow +27 -39
- package/tag/tag.js.flow +9 -13
- package/tag/types.js.flow +2 -2
- package/tag/utils.js.flow +2 -4
- package/textarea/constants.js.flow +1 -1
- package/textarea/index.js.flow +5 -5
- package/textarea/stateful-container.js.flow +1 -0
- package/textarea/stateful-textarea.js.flow +1 -1
- package/textarea/styled-components.js.flow +10 -10
- package/textarea/textarea.js.flow +10 -10
- package/textarea/types.js.flow +3 -3
- package/themes/dark-theme/borders.js.flow +1 -1
- package/themes/dark-theme/color-component-tokens.js.flow +2 -4
- package/themes/dark-theme/color-deprecated-semantic-tokens.js.flow +1 -1
- package/themes/dark-theme/color-semantic-tokens.js.flow +2 -2
- package/themes/dark-theme/color-tokens.js.flow +2 -2
- package/themes/dark-theme/create-dark-theme.js.flow +5 -7
- package/themes/dark-theme/dark-theme.js.flow +1 -1
- package/themes/dark-theme/primitives.js.flow +2 -2
- package/themes/index.js.flow +4 -4
- package/themes/light-theme/color-component-tokens.js.flow +2 -4
- package/themes/light-theme/color-deprecated-semantic-tokens.js.flow +2 -4
- package/themes/light-theme/color-semantic-tokens.js.flow +2 -2
- package/themes/light-theme/color-tokens.js.flow +2 -2
- package/themes/light-theme/create-light-theme.js.flow +5 -7
- package/themes/light-theme/light-theme.js.flow +1 -1
- package/themes/light-theme/primitives.js.flow +2 -2
- package/themes/move-theme/dark-theme-with-move.js.flow +3 -6
- package/themes/move-theme/light-theme-with-move.js.flow +3 -6
- package/themes/move-theme/typography.js.flow +28 -29
- package/themes/shared/animation.js.flow +1 -1
- package/themes/shared/borders.js.flow +1 -1
- package/themes/shared/breakpoints.js.flow +1 -1
- package/themes/shared/grid.js.flow +1 -1
- package/themes/shared/lighting.js.flow +1 -1
- package/themes/shared/media-query.js.flow +2 -2
- package/themes/shared/sizing.js.flow +1 -1
- package/themes/shared/typography.js.flow +20 -21
- package/themes/types.js.flow +3 -8
- package/timepicker/index.js.flow +1 -1
- package/timepicker/timepicker.js.flow +36 -67
- package/timepicker/types.js.flow +4 -4
- package/timezonepicker/index.js.flow +1 -1
- package/timezonepicker/timezone-picker.js.flow +20 -30
- package/timezonepicker/types.js.flow +4 -4
- package/timezonepicker/tzdata.js +6 -1
- package/timezonepicker/tzdata.js.flow +6 -1
- package/timezonepicker/update-tzdata.js +11 -13
- package/timezonepicker/update-tzdata.js.flow +11 -6
- package/toast/index.js.flow +3 -3
- package/toast/styled-components.js.flow +14 -24
- package/toast/toast.js.flow +23 -35
- package/toast/toaster.js.flow +30 -48
- package/toast/types.js.flow +4 -4
- package/tokens/colors.js.flow +1 -1
- package/tokens/index.js.flow +1 -1
- package/tooltip/default-props.js.flow +2 -2
- package/tooltip/index.js.flow +4 -9
- package/tooltip/stateful-tooltip-container.js.flow +2 -2
- package/tooltip/stateful-tooltip.js.flow +2 -2
- package/tooltip/styled-components.js.flow +4 -8
- package/tooltip/tooltip.js.flow +5 -10
- package/tree-view/index.js.flow +5 -5
- package/tree-view/stateful-container.js.flow +10 -16
- package/tree-view/stateful-tree-view.js.flow +1 -1
- package/tree-view/styled-components.js.flow +25 -35
- package/tree-view/tree-label-interactable.js.flow +6 -7
- package/tree-view/tree-label.js.flow +10 -26
- package/tree-view/tree-node.js.flow +7 -8
- package/tree-view/tree-view.js.flow +9 -24
- package/tree-view/types.js.flow +2 -2
- package/tree-view/utils.js.flow +22 -53
- package/typography/index.js.flow +388 -468
- package/utils/create-event.js.flow +1 -1
- package/utils/deep-merge.js.flow +2 -5
- package/utils/deprecated-component.js.flow +1 -1
- package/utils/focusVisible.js.flow +3 -3
|
@@ -5,20 +5,20 @@ This source code is licensed under the MIT license found in the
|
|
|
5
5
|
LICENSE file in the root directory of this source tree.
|
|
6
6
|
*/
|
|
7
7
|
// @flow
|
|
8
|
-
import {styled} from '../styles/index.js';
|
|
9
|
-
import type {SharedStylePropsArgT} from './types.js';
|
|
8
|
+
import { styled } from '../styles/index.js';
|
|
9
|
+
import type { SharedStylePropsArgT } from './types.js';
|
|
10
10
|
|
|
11
11
|
/**
|
|
12
12
|
* Main component container element
|
|
13
13
|
*/
|
|
14
|
-
export const Root = styled<SharedStylePropsArgT>('div', ({$theme}) => {
|
|
14
|
+
export const Root = styled<SharedStylePropsArgT>('div', ({ $theme }) => {
|
|
15
15
|
return {
|
|
16
16
|
width: '100%',
|
|
17
17
|
};
|
|
18
18
|
});
|
|
19
19
|
Root.displayName = 'StyledRoot';
|
|
20
20
|
|
|
21
|
-
export const List = styled<SharedStylePropsArgT>('ul', ({$isDragged}) => {
|
|
21
|
+
export const List = styled<SharedStylePropsArgT>('ul', ({ $isDragged }) => {
|
|
22
22
|
return ({
|
|
23
23
|
paddingLeft: 0,
|
|
24
24
|
cursor: $isDragged ? 'grabbing' : null,
|
|
@@ -29,7 +29,7 @@ List.displayName = 'StyledList';
|
|
|
29
29
|
|
|
30
30
|
export const Item = styled<SharedStylePropsArgT>(
|
|
31
31
|
'li',
|
|
32
|
-
({$isDragged, $isSelected, $theme, $isFocusVisible}) => {
|
|
32
|
+
({ $isDragged, $isSelected, $theme, $isFocusVisible }) => {
|
|
33
33
|
return ({
|
|
34
34
|
':hover':
|
|
35
35
|
!$isDragged && !$isSelected
|
|
@@ -75,22 +75,17 @@ export const Item = styled<SharedStylePropsArgT>(
|
|
|
75
75
|
borderBottomStyle: 'solid',
|
|
76
76
|
borderLeftStyle: 'solid',
|
|
77
77
|
borderRightStyle: 'solid',
|
|
78
|
-
borderTopColor:
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
borderLeftColor:
|
|
83
|
-
$isDragged || $isSelected ? $theme.colors.primary : 'transparent',
|
|
84
|
-
borderRightColor:
|
|
85
|
-
$isDragged || $isSelected ? $theme.colors.primary : 'transparent',
|
|
78
|
+
borderTopColor: $isDragged || $isSelected ? $theme.colors.primary : 'transparent',
|
|
79
|
+
borderBottomColor: $isDragged || $isSelected ? $theme.colors.primary : 'transparent',
|
|
80
|
+
borderLeftColor: $isDragged || $isSelected ? $theme.colors.primary : 'transparent',
|
|
81
|
+
borderRightColor: $isDragged || $isSelected ? $theme.colors.primary : 'transparent',
|
|
86
82
|
}: {});
|
|
87
|
-
}
|
|
83
|
+
}
|
|
88
84
|
);
|
|
89
85
|
List.displayName = 'StyledItem';
|
|
90
86
|
|
|
91
|
-
export const DragHandle = styled<SharedStylePropsArgT>('div', ({$theme}) => {
|
|
92
|
-
const marginDir: string =
|
|
93
|
-
$theme.direction === 'rtl' ? 'marginLeft' : 'marginRight';
|
|
87
|
+
export const DragHandle = styled<SharedStylePropsArgT>('div', ({ $theme }) => {
|
|
88
|
+
const marginDir: string = $theme.direction === 'rtl' ? 'marginLeft' : 'marginRight';
|
|
94
89
|
return {
|
|
95
90
|
[marginDir]: $theme.sizing.scale600,
|
|
96
91
|
width: $theme.sizing.scale800,
|
|
@@ -101,36 +96,32 @@ export const DragHandle = styled<SharedStylePropsArgT>('div', ({$theme}) => {
|
|
|
101
96
|
});
|
|
102
97
|
DragHandle.displayName = 'StyledDragHandle';
|
|
103
98
|
|
|
104
|
-
export const CloseHandle = styled<SharedStylePropsArgT>(
|
|
105
|
-
'
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
},
|
|
128
|
-
};
|
|
129
|
-
},
|
|
130
|
-
);
|
|
99
|
+
export const CloseHandle = styled<SharedStylePropsArgT>('button', ({ $theme, $isFocusVisible }) => {
|
|
100
|
+
const marginDir: string = $theme.direction === 'rtl' ? 'marginRight' : 'marginLeft';
|
|
101
|
+
return {
|
|
102
|
+
borderLeftStyle: 'none',
|
|
103
|
+
borderTopStyle: 'none',
|
|
104
|
+
borderRightStyle: 'none',
|
|
105
|
+
borderBottomStyle: 'none',
|
|
106
|
+
paddingTop: 0,
|
|
107
|
+
paddingBottom: 0,
|
|
108
|
+
paddingLeft: 0,
|
|
109
|
+
paddingRight: 0,
|
|
110
|
+
overflow: 'visible',
|
|
111
|
+
cursor: 'pointer',
|
|
112
|
+
backgroundColor: 'transparent',
|
|
113
|
+
[marginDir]: $theme.sizing.scale600,
|
|
114
|
+
width: $theme.sizing.scale800,
|
|
115
|
+
display: 'flex',
|
|
116
|
+
alignItems: 'center',
|
|
117
|
+
':focus': {
|
|
118
|
+
outline: $isFocusVisible ? `3px solid ${$theme.colors.accent}` : 'none',
|
|
119
|
+
},
|
|
120
|
+
};
|
|
121
|
+
});
|
|
131
122
|
CloseHandle.displayName = 'StyledCloseHandle';
|
|
132
123
|
|
|
133
|
-
export const Label = styled<SharedStylePropsArgT>('div', ({$theme}) => ({
|
|
124
|
+
export const Label = styled<SharedStylePropsArgT>('div', ({ $theme }) => ({
|
|
134
125
|
flexGrow: 1,
|
|
135
126
|
...$theme.typography.font300,
|
|
136
127
|
}));
|
package/dnd-list/types.js.flow
CHANGED
|
@@ -7,8 +7,8 @@ LICENSE file in the root directory of this source tree.
|
|
|
7
7
|
// @flow
|
|
8
8
|
/* eslint-disable flowtype/generic-spacing */
|
|
9
9
|
import * as React from 'react';
|
|
10
|
-
import type {OverrideT} from '../helpers/overrides.js';
|
|
11
|
-
import {STATE_CHANGE_TYPE} from './constants.js';
|
|
10
|
+
import type { OverrideT } from '../helpers/overrides.js';
|
|
11
|
+
import { STATE_CHANGE_TYPE } from './constants.js';
|
|
12
12
|
|
|
13
13
|
export type StateT = {
|
|
14
14
|
items: Array<React.Node>,
|
|
@@ -19,7 +19,7 @@ export type StateChangeTypeT = $Values<typeof STATE_CHANGE_TYPE>;
|
|
|
19
19
|
export type StateReducerT = (
|
|
20
20
|
stateChangeType: StateChangeTypeT,
|
|
21
21
|
nextState: StateT,
|
|
22
|
-
currentState: StateT
|
|
22
|
+
currentState: StateT
|
|
23
23
|
) => StateT;
|
|
24
24
|
|
|
25
25
|
export type OverridesT = {
|
|
@@ -42,7 +42,7 @@ export type ListPropsT = {|
|
|
|
42
42
|
/** Items (labels) to be rendered */
|
|
43
43
|
items: Array<React.Node>,
|
|
44
44
|
/** Handler for when drag and drop is finished and order changed or item is deleted (newIndex would be -1 in that case) */
|
|
45
|
-
onChange: ({oldIndex: number, newIndex: number}) => mixed,
|
|
45
|
+
onChange: ({ oldIndex: number, newIndex: number }) => mixed,
|
|
46
46
|
overrides?: OverridesT,
|
|
47
47
|
|};
|
|
48
48
|
|
|
@@ -69,10 +69,10 @@ export type StatefulListPropsT = {|
|
|
|
69
69
|
// Props for stateful container
|
|
70
70
|
export type StatefulComponentContainerPropsT = $Diff<
|
|
71
71
|
StatefulListPropsT,
|
|
72
|
-
{children: ChildrenT}
|
|
72
|
+
{ children: ChildrenT }
|
|
73
73
|
> & {
|
|
74
74
|
initialState?: StateT,
|
|
75
|
-
children: (props: $Diff<ListPropsT, {children: ChildrenT}>) => React.Node,
|
|
75
|
+
children: (props: $Diff<ListPropsT, { children: ChildrenT }>) => React.Node,
|
|
76
76
|
};
|
|
77
77
|
|
|
78
78
|
export type SharedStylePropsArgT = {
|
|
@@ -8,7 +8,7 @@ LICENSE file in the root directory of this source tree.
|
|
|
8
8
|
import * as React from 'react';
|
|
9
9
|
import Delete from '../icon/delete.js';
|
|
10
10
|
|
|
11
|
-
export function CloseIcon(props: {title: string}) {
|
|
11
|
+
export function CloseIcon(props: { title: string }) {
|
|
12
12
|
return <Delete size="inherit" color="inherit" title={props.title} />;
|
|
13
13
|
}
|
|
14
14
|
|
package/drawer/constants.js.flow
CHANGED
|
@@ -5,9 +5,9 @@ This source code is licensed under the MIT license found in the
|
|
|
5
5
|
LICENSE file in the root directory of this source tree.
|
|
6
6
|
*/
|
|
7
7
|
// @flow
|
|
8
|
-
import type {AnchorT, AnchorPropT, SizeT, SizePropT} from './types.js';
|
|
8
|
+
import type { AnchorT, AnchorPropT, SizeT, SizePropT } from './types.js';
|
|
9
9
|
|
|
10
|
-
export const SIZE: {[key: SizeT]: SizePropT} = {
|
|
10
|
+
export const SIZE: { [key: SizeT]: SizePropT } = {
|
|
11
11
|
default: 'default',
|
|
12
12
|
full: 'full',
|
|
13
13
|
auto: 'auto',
|
|
@@ -25,7 +25,7 @@ export const CLOSE_SOURCE = {
|
|
|
25
25
|
escape: 'escape',
|
|
26
26
|
};
|
|
27
27
|
|
|
28
|
-
export const ANCHOR: {[key: AnchorT]: AnchorPropT} = {
|
|
28
|
+
export const ANCHOR: { [key: AnchorT]: AnchorPropT } = {
|
|
29
29
|
left: 'left',
|
|
30
30
|
right: 'right',
|
|
31
31
|
top: 'top',
|
package/drawer/drawer.js.flow
CHANGED
|
@@ -10,10 +10,10 @@ LICENSE file in the root directory of this source tree.
|
|
|
10
10
|
import * as React from 'react';
|
|
11
11
|
import FocusLock from 'react-focus-lock';
|
|
12
12
|
|
|
13
|
-
import {LocaleContext} from '../locale/index.js';
|
|
14
|
-
import {getOverrides} from '../helpers/overrides.js';
|
|
15
|
-
import {Layer} from '../layer/index.js';
|
|
16
|
-
import {SIZE, CLOSE_SOURCE, ANCHOR} from './constants.js';
|
|
13
|
+
import { LocaleContext } from '../locale/index.js';
|
|
14
|
+
import { getOverrides } from '../helpers/overrides.js';
|
|
15
|
+
import { Layer } from '../layer/index.js';
|
|
16
|
+
import { SIZE, CLOSE_SOURCE, ANCHOR } from './constants.js';
|
|
17
17
|
import {
|
|
18
18
|
StyledRoot,
|
|
19
19
|
StyledBackdrop,
|
|
@@ -22,7 +22,7 @@ import {
|
|
|
22
22
|
StyledClose,
|
|
23
23
|
Hidden,
|
|
24
24
|
} from './styled-components.js';
|
|
25
|
-
import {CloseIcon} from './close-icon.js';
|
|
25
|
+
import { CloseIcon } from './close-icon.js';
|
|
26
26
|
|
|
27
27
|
import type {
|
|
28
28
|
DrawerPropsT,
|
|
@@ -31,7 +31,7 @@ import type {
|
|
|
31
31
|
CloseSourceT,
|
|
32
32
|
ElementRefT,
|
|
33
33
|
} from './types.js';
|
|
34
|
-
import {isFocusVisible, forkFocus, forkBlur} from '../utils/focusVisible.js';
|
|
34
|
+
import { isFocusVisible, forkFocus, forkBlur } from '../utils/focusVisible.js';
|
|
35
35
|
|
|
36
36
|
class Drawer extends React.Component<DrawerPropsT, DrawerStateT> {
|
|
37
37
|
static defaultProps: $Shape<DrawerPropsT> = {
|
|
@@ -50,7 +50,7 @@ class Drawer extends React.Component<DrawerPropsT, DrawerStateT> {
|
|
|
50
50
|
animateStartTimer: ?AnimationFrameID;
|
|
51
51
|
lastFocus: ?HTMLElement = null;
|
|
52
52
|
lastMountNodeOverflowStyle: ?string = null;
|
|
53
|
-
_refs: {[string]: ElementRefT} = {};
|
|
53
|
+
_refs: { [string]: ElementRefT } = {};
|
|
54
54
|
|
|
55
55
|
state = {
|
|
56
56
|
isVisible: false,
|
|
@@ -59,7 +59,7 @@ class Drawer extends React.Component<DrawerPropsT, DrawerStateT> {
|
|
|
59
59
|
};
|
|
60
60
|
|
|
61
61
|
componentDidMount() {
|
|
62
|
-
this.setState({mounted: true});
|
|
62
|
+
this.setState({ mounted: true });
|
|
63
63
|
}
|
|
64
64
|
|
|
65
65
|
componentWillUnmount() {
|
|
@@ -68,7 +68,7 @@ class Drawer extends React.Component<DrawerPropsT, DrawerStateT> {
|
|
|
68
68
|
}
|
|
69
69
|
|
|
70
70
|
componentDidUpdate(prevProps: DrawerPropsT, prevState: DrawerStateT) {
|
|
71
|
-
const {isOpen} = this.props;
|
|
71
|
+
const { isOpen } = this.props;
|
|
72
72
|
if (
|
|
73
73
|
// If isOpen is changing *or* we just mounted and drawer should be open
|
|
74
74
|
isOpen !== prevProps.isOpen ||
|
|
@@ -84,13 +84,13 @@ class Drawer extends React.Component<DrawerPropsT, DrawerStateT> {
|
|
|
84
84
|
|
|
85
85
|
handleFocus = (event: SyntheticEvent<>) => {
|
|
86
86
|
if (isFocusVisible(event)) {
|
|
87
|
-
this.setState({isFocusVisible: true});
|
|
87
|
+
this.setState({ isFocusVisible: true });
|
|
88
88
|
}
|
|
89
89
|
};
|
|
90
90
|
|
|
91
91
|
handleBlur = (event: SyntheticEvent<>) => {
|
|
92
92
|
if (this.state.isFocusVisible !== false) {
|
|
93
|
-
this.setState({isFocusVisible: false});
|
|
93
|
+
this.setState({ isFocusVisible: false });
|
|
94
94
|
}
|
|
95
95
|
};
|
|
96
96
|
|
|
@@ -114,7 +114,7 @@ class Drawer extends React.Component<DrawerPropsT, DrawerStateT> {
|
|
|
114
114
|
}
|
|
115
115
|
|
|
116
116
|
getMountNode(): HTMLElement {
|
|
117
|
-
const {mountNode} = this.props;
|
|
117
|
+
const { mountNode } = this.props;
|
|
118
118
|
if (mountNode) {
|
|
119
119
|
return mountNode;
|
|
120
120
|
}
|
|
@@ -171,7 +171,7 @@ class Drawer extends React.Component<DrawerPropsT, DrawerStateT> {
|
|
|
171
171
|
|
|
172
172
|
// eslint-disable-next-line cup/no-undef
|
|
173
173
|
this.animateStartTimer = requestAnimationFrame(() => {
|
|
174
|
-
this.setState({isVisible: true});
|
|
174
|
+
this.setState({ isVisible: true });
|
|
175
175
|
});
|
|
176
176
|
}
|
|
177
177
|
|
|
@@ -195,8 +195,8 @@ class Drawer extends React.Component<DrawerPropsT, DrawerStateT> {
|
|
|
195
195
|
});
|
|
196
196
|
};
|
|
197
197
|
|
|
198
|
-
getSharedProps(): $Diff<SharedStylePropsArgT, {children?: React.Node}> {
|
|
199
|
-
const {animate, isOpen, size, closeable, anchor, showBackdrop} = this.props;
|
|
198
|
+
getSharedProps(): $Diff<SharedStylePropsArgT, { children?: React.Node }> {
|
|
199
|
+
const { animate, isOpen, size, closeable, anchor, showBackdrop } = this.props;
|
|
200
200
|
return {
|
|
201
201
|
$animating: animate,
|
|
202
202
|
$isVisible: this.state.isVisible,
|
|
@@ -210,7 +210,7 @@ class Drawer extends React.Component<DrawerPropsT, DrawerStateT> {
|
|
|
210
210
|
}
|
|
211
211
|
|
|
212
212
|
getChildren() {
|
|
213
|
-
const {children} = this.props;
|
|
213
|
+
const { children } = this.props;
|
|
214
214
|
return typeof children === 'function' ? children() : children;
|
|
215
215
|
}
|
|
216
216
|
|
|
@@ -222,7 +222,7 @@ class Drawer extends React.Component<DrawerPropsT, DrawerStateT> {
|
|
|
222
222
|
}
|
|
223
223
|
|
|
224
224
|
renderDrawer(renderedContent: React.Node) {
|
|
225
|
-
const {overrides = {}, closeable, autoFocus} = this.props;
|
|
225
|
+
const { overrides = {}, closeable, autoFocus } = this.props;
|
|
226
226
|
|
|
227
227
|
const {
|
|
228
228
|
Root: RootOverride,
|
|
@@ -233,18 +233,12 @@ class Drawer extends React.Component<DrawerPropsT, DrawerStateT> {
|
|
|
233
233
|
} = overrides;
|
|
234
234
|
|
|
235
235
|
const [Root, rootProps] = getOverrides(RootOverride, StyledRoot);
|
|
236
|
-
const [Backdrop, backdropProps] = getOverrides(
|
|
237
|
-
BackdropOverride,
|
|
238
|
-
StyledBackdrop,
|
|
239
|
-
);
|
|
236
|
+
const [Backdrop, backdropProps] = getOverrides(BackdropOverride, StyledBackdrop);
|
|
240
237
|
const [DrawerContainer, drawerContainerProps] = getOverrides(
|
|
241
238
|
DrawerContainerOverride,
|
|
242
|
-
StyledDrawerContainer
|
|
243
|
-
);
|
|
244
|
-
const [DrawerBody, drawerBodyProps] = getOverrides(
|
|
245
|
-
DrawerBodyOverride,
|
|
246
|
-
StyledDrawerBody,
|
|
239
|
+
StyledDrawerContainer
|
|
247
240
|
);
|
|
241
|
+
const [DrawerBody, drawerBodyProps] = getOverrides(DrawerBodyOverride, StyledDrawerBody);
|
|
248
242
|
const [Close, closeProps] = getOverrides(CloseOverride, StyledClose);
|
|
249
243
|
|
|
250
244
|
const sharedProps = this.getSharedProps();
|
|
@@ -260,17 +254,8 @@ class Drawer extends React.Component<DrawerPropsT, DrawerStateT> {
|
|
|
260
254
|
autoFocus={autoFocus}
|
|
261
255
|
noFocusGuards={true}
|
|
262
256
|
>
|
|
263
|
-
<Root
|
|
264
|
-
|
|
265
|
-
ref={this.getRef('Root')}
|
|
266
|
-
{...sharedProps}
|
|
267
|
-
{...rootProps}
|
|
268
|
-
>
|
|
269
|
-
<Backdrop
|
|
270
|
-
onClick={this.onBackdropClick}
|
|
271
|
-
{...sharedProps}
|
|
272
|
-
{...backdropProps}
|
|
273
|
-
/>
|
|
257
|
+
<Root data-baseweb="drawer" ref={this.getRef('Root')} {...sharedProps} {...rootProps}>
|
|
258
|
+
<Backdrop onClick={this.onBackdropClick} {...sharedProps} {...backdropProps} />
|
|
274
259
|
<DrawerContainer {...sharedProps} {...drawerContainerProps}>
|
|
275
260
|
<DrawerBody {...sharedProps} {...drawerBodyProps}>
|
|
276
261
|
{renderedContent}
|
|
@@ -297,11 +282,9 @@ class Drawer extends React.Component<DrawerPropsT, DrawerStateT> {
|
|
|
297
282
|
}
|
|
298
283
|
|
|
299
284
|
render() {
|
|
300
|
-
const mountedAndOpen =
|
|
301
|
-
this.state.mounted && (this.props.isOpen || this.state.isVisible);
|
|
285
|
+
const mountedAndOpen = this.state.mounted && (this.props.isOpen || this.state.isVisible);
|
|
302
286
|
|
|
303
|
-
const renderedContent =
|
|
304
|
-
mountedAndOpen || this.props.renderAll ? this.getChildren() : null;
|
|
287
|
+
const renderedContent = mountedAndOpen || this.props.renderAll ? this.getChildren() : null;
|
|
305
288
|
|
|
306
289
|
if (renderedContent) {
|
|
307
290
|
if (mountedAndOpen) {
|
package/drawer/index.js.flow
CHANGED
|
@@ -5,8 +5,8 @@ This source code is licensed under the MIT license found in the
|
|
|
5
5
|
LICENSE file in the root directory of this source tree.
|
|
6
6
|
*/
|
|
7
7
|
// @flow
|
|
8
|
-
export {default as Drawer} from './drawer.js';
|
|
9
|
-
export {SIZE, SIZE_DIMENSION, ANCHOR, CLOSE_SOURCE} from './constants.js';
|
|
8
|
+
export { default as Drawer } from './drawer.js';
|
|
9
|
+
export { SIZE, SIZE_DIMENSION, ANCHOR, CLOSE_SOURCE } from './constants.js';
|
|
10
10
|
export * from './styled-components.js';
|
|
11
11
|
export type * from './types.js';
|
|
12
12
|
|
|
@@ -5,9 +5,9 @@ This source code is licensed under the MIT license found in the
|
|
|
5
5
|
LICENSE file in the root directory of this source tree.
|
|
6
6
|
*/
|
|
7
7
|
// @flow
|
|
8
|
-
import {styled} from '../styles/index.js';
|
|
9
|
-
import {SIZE, SIZE_DIMENSION, ANCHOR} from './constants.js';
|
|
10
|
-
import type {SharedStylePropsArgT, SizePropT, AnchorPropT} from './types.js';
|
|
8
|
+
import { styled } from '../styles/index.js';
|
|
9
|
+
import { SIZE, SIZE_DIMENSION, ANCHOR } from './constants.js';
|
|
10
|
+
import type { SharedStylePropsArgT, SizePropT, AnchorPropT } from './types.js';
|
|
11
11
|
|
|
12
12
|
function getSizeStyles($size: SizePropT, $anchor: AnchorPropT) {
|
|
13
13
|
const styles = {
|
|
@@ -38,15 +38,13 @@ function getSizeStyles($size: SizePropT, $anchor: AnchorPropT) {
|
|
|
38
38
|
}
|
|
39
39
|
|
|
40
40
|
function getAnchorStyles(props: SharedStylePropsArgT) {
|
|
41
|
-
const {$anchor, $isVisible, $size} = props;
|
|
41
|
+
const { $anchor, $isVisible, $size } = props;
|
|
42
42
|
const sizeStyles = getSizeStyles($size, $anchor);
|
|
43
|
-
const {left, right, top, bottom} = ANCHOR;
|
|
43
|
+
const { left, right, top, bottom } = ANCHOR;
|
|
44
44
|
switch ($anchor) {
|
|
45
45
|
case right: {
|
|
46
46
|
return {
|
|
47
|
-
transform: $isVisible
|
|
48
|
-
? 'translateX(0)'
|
|
49
|
-
: `translateX(${sizeStyles.width})`,
|
|
47
|
+
transform: $isVisible ? 'translateX(0)' : `translateX(${sizeStyles.width})`,
|
|
50
48
|
right: $isVisible ? 0 : `-${sizeStyles.width}`,
|
|
51
49
|
top: 0,
|
|
52
50
|
...sizeStyles,
|
|
@@ -54,9 +52,7 @@ function getAnchorStyles(props: SharedStylePropsArgT) {
|
|
|
54
52
|
}
|
|
55
53
|
case left: {
|
|
56
54
|
return {
|
|
57
|
-
transform: $isVisible
|
|
58
|
-
? 'translateX(0)'
|
|
59
|
-
: `translateX(-${sizeStyles.width})`,
|
|
55
|
+
transform: $isVisible ? 'translateX(0)' : `translateX(-${sizeStyles.width})`,
|
|
60
56
|
left: $isVisible ? 0 : `-${sizeStyles.width}`,
|
|
61
57
|
top: 0,
|
|
62
58
|
...sizeStyles,
|
|
@@ -64,9 +60,7 @@ function getAnchorStyles(props: SharedStylePropsArgT) {
|
|
|
64
60
|
}
|
|
65
61
|
case bottom: {
|
|
66
62
|
return {
|
|
67
|
-
transform: $isVisible
|
|
68
|
-
? 'translateY(0)'
|
|
69
|
-
: `translateY(${sizeStyles.height})`,
|
|
63
|
+
transform: $isVisible ? 'translateY(0)' : `translateY(${sizeStyles.height})`,
|
|
70
64
|
left: 0,
|
|
71
65
|
bottom: $isVisible ? '0' : `-${sizeStyles.height}`,
|
|
72
66
|
...sizeStyles,
|
|
@@ -74,9 +68,7 @@ function getAnchorStyles(props: SharedStylePropsArgT) {
|
|
|
74
68
|
}
|
|
75
69
|
case top: {
|
|
76
70
|
return {
|
|
77
|
-
transform: $isVisible
|
|
78
|
-
? 'translateY(0)'
|
|
79
|
-
: `translateY(-${sizeStyles.height})`,
|
|
71
|
+
transform: $isVisible ? 'translateY(0)' : `translateY(-${sizeStyles.height})`,
|
|
80
72
|
left: 0,
|
|
81
73
|
top: $isVisible ? '0' : `-${sizeStyles.height}`,
|
|
82
74
|
...sizeStyles,
|
|
@@ -100,7 +92,7 @@ export const StyledRoot = styled<SharedStylePropsArgT>('div', (props) => {
|
|
|
100
92
|
});
|
|
101
93
|
|
|
102
94
|
export const StyledBackdrop = styled<SharedStylePropsArgT>('div', (props) => {
|
|
103
|
-
const {$animating, $isOpen, $isVisible, $showBackdrop, $theme} = props;
|
|
95
|
+
const { $animating, $isOpen, $isVisible, $showBackdrop, $theme } = props;
|
|
104
96
|
return {
|
|
105
97
|
position: 'fixed',
|
|
106
98
|
right: 0,
|
|
@@ -123,33 +115,28 @@ export const StyledBackdrop = styled<SharedStylePropsArgT>('div', (props) => {
|
|
|
123
115
|
};
|
|
124
116
|
});
|
|
125
117
|
|
|
126
|
-
export const StyledDrawerContainer = styled<SharedStylePropsArgT>(
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
borderBottomLeftRadius: $theme.borders.surfaceBorderRadius,
|
|
136
|
-
...getAnchorStyles(props),
|
|
118
|
+
export const StyledDrawerContainer = styled<SharedStylePropsArgT>('div', (props) => {
|
|
119
|
+
const { $animating, $isOpen, $isVisible, $theme } = props;
|
|
120
|
+
return {
|
|
121
|
+
backgroundColor: $theme.colors.backgroundPrimary,
|
|
122
|
+
borderTopLeftRadius: $theme.borders.surfaceBorderRadius,
|
|
123
|
+
borderTopRightRadius: $theme.borders.surfaceBorderRadius,
|
|
124
|
+
borderBottomRightRadius: $theme.borders.surfaceBorderRadius,
|
|
125
|
+
borderBottomLeftRadius: $theme.borders.surfaceBorderRadius,
|
|
126
|
+
...getAnchorStyles(props),
|
|
137
127
|
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
};
|
|
148
|
-
},
|
|
149
|
-
);
|
|
128
|
+
// Animation
|
|
129
|
+
opacity: $isVisible && $isOpen ? 1 : 0,
|
|
130
|
+
transitionProperty: $animating ? 'opacity, transform' : null,
|
|
131
|
+
transitionDuration: $animating ? $theme.animation.timing400 : null,
|
|
132
|
+
transitionTimingFunction: $animating ? $theme.animation.easeOutCurve : null,
|
|
133
|
+
display: 'flex',
|
|
134
|
+
position: 'fixed',
|
|
135
|
+
};
|
|
136
|
+
});
|
|
150
137
|
|
|
151
138
|
export const StyledDrawerBody = styled<SharedStylePropsArgT>('div', (props) => {
|
|
152
|
-
const {$theme} = props;
|
|
139
|
+
const { $theme } = props;
|
|
153
140
|
return {
|
|
154
141
|
...$theme.typography.font200,
|
|
155
142
|
color: $theme.colors.contentPrimary,
|
|
@@ -163,7 +150,7 @@ export const StyledDrawerBody = styled<SharedStylePropsArgT>('div', (props) => {
|
|
|
163
150
|
});
|
|
164
151
|
|
|
165
152
|
export const StyledClose = styled<SharedStylePropsArgT>('button', (props) => {
|
|
166
|
-
const {$theme, $isFocusVisible} = props;
|
|
153
|
+
const { $theme, $isFocusVisible } = props;
|
|
167
154
|
const dir: string = $theme.direction === 'rtl' ? 'left' : 'right';
|
|
168
155
|
return {
|
|
169
156
|
// Reset button styles
|
package/drawer/types.js.flow
CHANGED
|
@@ -7,8 +7,8 @@ LICENSE file in the root directory of this source tree.
|
|
|
7
7
|
// @flow
|
|
8
8
|
/* eslint-disable flowtype/generic-spacing */
|
|
9
9
|
import * as React from 'react';
|
|
10
|
-
import type {OverrideT} from '../helpers/overrides.js';
|
|
11
|
-
import {SIZE, CLOSE_SOURCE, ANCHOR} from './constants.js';
|
|
10
|
+
import type { OverrideT } from '../helpers/overrides.js';
|
|
11
|
+
import { SIZE, CLOSE_SOURCE, ANCHOR } from './constants.js';
|
|
12
12
|
|
|
13
13
|
export type SizeT = $Keys<typeof SIZE>;
|
|
14
14
|
export type SizePropT = SizeT | string;
|
|
@@ -27,7 +27,7 @@ export type OverridesT = {
|
|
|
27
27
|
};
|
|
28
28
|
|
|
29
29
|
// flowlint-next-line unclear-type:off
|
|
30
|
-
export type ElementRefT = {current: React.ElementRef<any> | null};
|
|
30
|
+
export type ElementRefT = { current: React.ElementRef<any> | null };
|
|
31
31
|
|
|
32
32
|
// Props shared by all flavors of modal
|
|
33
33
|
export type DrawerPropsT = {
|
|
@@ -66,10 +66,7 @@ export type DrawerPropsT = {
|
|
|
66
66
|
onEscapeKeyDown?: (e: Event) => mixed,
|
|
67
67
|
};
|
|
68
68
|
|
|
69
|
-
export type DrawerPropsWithoutChildrenT = $Diff<
|
|
70
|
-
DrawerPropsT,
|
|
71
|
-
{children: ?React.Node},
|
|
72
|
-
>;
|
|
69
|
+
export type DrawerPropsWithoutChildrenT = $Diff<DrawerPropsT, { children: ?React.Node }>;
|
|
73
70
|
|
|
74
71
|
export type DrawerStateT = {
|
|
75
72
|
isVisible: boolean,
|
|
@@ -74,7 +74,7 @@ class DateHelpers {
|
|
|
74
74
|
const {
|
|
75
75
|
getOptions = defaultGetOptions,
|
|
76
76
|
formats
|
|
77
|
-
} = adapterMap[className] || adapterMap
|
|
77
|
+
} = adapterMap[className] || adapterMap.DateFnsUtils;
|
|
78
78
|
const options = getOptions(adapter);
|
|
79
79
|
return new UtilsClass(Object.assign({}, updateOptions(Object.assign({}, options, {
|
|
80
80
|
formats: Object.assign({}, options.formats, formats)
|
|
@@ -70,11 +70,11 @@ const FixedMarker = ({
|
|
|
70
70
|
const enhancers = {};
|
|
71
71
|
|
|
72
72
|
if (startEnhancer) {
|
|
73
|
-
enhancers
|
|
73
|
+
enhancers.startEnhancer = startEnhancer;
|
|
74
74
|
}
|
|
75
75
|
|
|
76
76
|
if (endEnhancer) {
|
|
77
|
-
enhancers
|
|
77
|
+
enhancers.endEnhancer = endEnhancer;
|
|
78
78
|
}
|
|
79
79
|
|
|
80
80
|
return /*#__PURE__*/React.createElement(Root, _extends({
|
package/es/pagination/index.js
CHANGED
|
@@ -4,10 +4,10 @@ Copyright (c) Uber Technologies, Inc.
|
|
|
4
4
|
This source code is licensed under the MIT license found in the
|
|
5
5
|
LICENSE file in the root directory of this source tree.
|
|
6
6
|
*/
|
|
7
|
+
import { SIZE } from '../input/index.js';
|
|
7
8
|
export { default as Pagination } from './pagination.js';
|
|
8
9
|
export { default as StatefulPagination } from './stateful-pagination.js';
|
|
9
10
|
export { default as StatefulContainer } from './stateful-container.js';
|
|
10
|
-
import { SIZE } from '../input/index.js';
|
|
11
11
|
export { SIZE };
|
|
12
12
|
export { StyledRoot, StyledMaxLabel, StyledDropdownContainer } from './styled-components.js'; // Constants
|
|
13
13
|
|
package/es/popover/popover.js
CHANGED
|
@@ -475,10 +475,11 @@ _defineProperty(PopoverInner, "defaultProps", defaultProps);
|
|
|
475
475
|
const Popover = props => {
|
|
476
476
|
const {
|
|
477
477
|
innerRef
|
|
478
|
-
} = props;
|
|
478
|
+
} = props;
|
|
479
|
+
const gID = useUID(); //$FlowExpectedError[cannot-spread-inexact]
|
|
479
480
|
|
|
480
481
|
return /*#__PURE__*/React.createElement(PopoverInner, _extends({
|
|
481
|
-
id: props.id ||
|
|
482
|
+
id: props.id || gID,
|
|
482
483
|
ref: innerRef
|
|
483
484
|
}, props));
|
|
484
485
|
};
|
|
@@ -5,9 +5,8 @@ This source code is licensed under the MIT license found in the
|
|
|
5
5
|
LICENSE file in the root directory of this source tree.
|
|
6
6
|
*/
|
|
7
7
|
import { styled } from '../styles/index.js';
|
|
8
|
-
import { TYPE } from './constants.js';
|
|
8
|
+
import { TYPE, SIZE } from './constants.js';
|
|
9
9
|
import { StyledList, StyledListItem } from '../menu/index.js';
|
|
10
|
-
import { SIZE } from './constants.js';
|
|
11
10
|
import { ellipsisText } from '../styles/util.js';
|
|
12
11
|
|
|
13
12
|
function getFont(size = SIZE.default, typography) {
|
|
@@ -1,2 +1,7 @@
|
|
|
1
|
-
/*
|
|
1
|
+
/*
|
|
2
|
+
Copyright (c) Uber Technologies, Inc.
|
|
3
|
+
|
|
4
|
+
This source code is licensed under the MIT license found in the
|
|
5
|
+
LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
2
7
|
export const zones = ['Europe/Andorra', 'Asia/Dubai', 'Asia/Kabul', 'Europe/Tirane', 'Asia/Yerevan', 'Antarctica/Casey', 'Antarctica/Davis', 'Antarctica/Mawson', 'Antarctica/Palmer', 'Antarctica/Rothera', 'Antarctica/Troll', 'Antarctica/Vostok', 'America/Argentina/Buenos_Aires', 'America/Argentina/Cordoba', 'America/Argentina/Salta', 'America/Argentina/Jujuy', 'America/Argentina/Tucuman', 'America/Argentina/Catamarca', 'America/Argentina/La_Rioja', 'America/Argentina/San_Juan', 'America/Argentina/Mendoza', 'America/Argentina/San_Luis', 'America/Argentina/Rio_Gallegos', 'America/Argentina/Ushuaia', 'Pacific/Pago_Pago', 'Europe/Vienna', 'Australia/Lord_Howe', 'Antarctica/Macquarie', 'Australia/Hobart', 'Australia/Melbourne', 'Australia/Sydney', 'Australia/Broken_Hill', 'Australia/Brisbane', 'Australia/Lindeman', 'Australia/Adelaide', 'Australia/Darwin', 'Australia/Perth', 'Australia/Eucla', 'Asia/Baku', 'America/Barbados', 'Asia/Dhaka', 'Europe/Brussels', 'Europe/Sofia', 'Atlantic/Bermuda', 'Asia/Brunei', 'America/La_Paz', 'America/Noronha', 'America/Belem', 'America/Fortaleza', 'America/Recife', 'America/Araguaina', 'America/Maceio', 'America/Bahia', 'America/Sao_Paulo', 'America/Campo_Grande', 'America/Cuiaba', 'America/Santarem', 'America/Porto_Velho', 'America/Boa_Vista', 'America/Manaus', 'America/Eirunepe', 'America/Rio_Branco', 'Asia/Thimphu', 'Europe/Minsk', 'America/Belize', 'America/St_Johns', 'America/Halifax', 'America/Glace_Bay', 'America/Moncton', 'America/Goose_Bay', 'America/Toronto', 'America/Nipigon', 'America/Thunder_Bay', 'America/Iqaluit', 'America/Pangnirtung', 'America/Winnipeg', 'America/Rainy_River', 'America/Resolute', 'America/Rankin_Inlet', 'America/Regina', 'America/Swift_Current', 'America/Edmonton', 'America/Cambridge_Bay', 'America/Yellowknife', 'America/Inuvik', 'America/Dawson_Creek', 'America/Fort_Nelson', 'America/Whitehorse', 'America/Dawson', 'America/Vancouver', 'Indian/Cocos', 'Europe/Zurich', 'Africa/Abidjan', 'Pacific/Rarotonga', 'America/Santiago', 'America/Punta_Arenas', 'Pacific/Easter', 'Asia/Shanghai', 'Asia/Urumqi', 'America/Bogota', 'America/Costa_Rica', 'America/Havana', 'Atlantic/Cape_Verde', 'Indian/Christmas', 'Asia/Nicosia', 'Asia/Famagusta', 'Europe/Prague', 'Europe/Berlin', 'Europe/Copenhagen', 'America/Santo_Domingo', 'Africa/Algiers', 'America/Guayaquil', 'Pacific/Galapagos', 'Europe/Tallinn', 'Africa/Cairo', 'Africa/El_Aaiun', 'Europe/Madrid', 'Africa/Ceuta', 'Atlantic/Canary', 'Europe/Helsinki', 'Pacific/Fiji', 'Atlantic/Stanley', 'Pacific/Chuuk', 'Pacific/Pohnpei', 'Pacific/Kosrae', 'Atlantic/Faroe', 'Europe/Paris', 'Europe/London', 'Asia/Tbilisi', 'America/Cayenne', 'Europe/Gibraltar', 'America/Nuuk', 'America/Danmarkshavn', 'America/Scoresbysund', 'America/Thule', 'Europe/Athens', 'Atlantic/South_Georgia', 'America/Guatemala', 'Pacific/Guam', 'Africa/Bissau', 'America/Guyana', 'Asia/Hong_Kong', 'America/Tegucigalpa', 'America/Port-au-Prince', 'Europe/Budapest', 'Asia/Jakarta', 'Asia/Pontianak', 'Asia/Makassar', 'Asia/Jayapura', 'Europe/Dublin', 'Asia/Jerusalem', 'Asia/Kolkata', 'Indian/Chagos', 'Asia/Baghdad', 'Asia/Tehran', 'Atlantic/Reykjavik', 'Europe/Rome', 'America/Jamaica', 'Asia/Amman', 'Asia/Tokyo', 'Africa/Nairobi', 'Asia/Bishkek', 'Pacific/Tarawa', 'Pacific/Kanton', 'Pacific/Kiritimati', 'Asia/Pyongyang', 'Asia/Seoul', 'Asia/Almaty', 'Asia/Qyzylorda', 'Asia/Qostanay', 'Asia/Aqtobe', 'Asia/Aqtau', 'Asia/Atyrau', 'Asia/Oral', 'Asia/Beirut', 'Asia/Colombo', 'Africa/Monrovia', 'Europe/Vilnius', 'Europe/Luxembourg', 'Europe/Riga', 'Africa/Tripoli', 'Africa/Casablanca', 'Europe/Monaco', 'Europe/Chisinau', 'Pacific/Majuro', 'Pacific/Kwajalein', 'Asia/Yangon', 'Asia/Ulaanbaatar', 'Asia/Hovd', 'Asia/Choibalsan', 'Asia/Macau', 'America/Martinique', 'Europe/Malta', 'Indian/Mauritius', 'Indian/Maldives', 'America/Mexico_City', 'America/Cancun', 'America/Merida', 'America/Monterrey', 'America/Matamoros', 'America/Mazatlan', 'America/Chihuahua', 'America/Ojinaga', 'America/Hermosillo', 'America/Tijuana', 'America/Bahia_Banderas', 'Asia/Kuala_Lumpur', 'Asia/Kuching', 'Africa/Maputo', 'Africa/Windhoek', 'Pacific/Noumea', 'Pacific/Norfolk', 'Africa/Lagos', 'America/Managua', 'Europe/Amsterdam', 'Europe/Oslo', 'Asia/Kathmandu', 'Pacific/Nauru', 'Pacific/Niue', 'Pacific/Auckland', 'Pacific/Chatham', 'America/Panama', 'America/Lima', 'Pacific/Tahiti', 'Pacific/Marquesas', 'Pacific/Gambier', 'Pacific/Port_Moresby', 'Pacific/Bougainville', 'Asia/Manila', 'Asia/Karachi', 'Europe/Warsaw', 'America/Miquelon', 'Pacific/Pitcairn', 'America/Puerto_Rico', 'Asia/Gaza', 'Asia/Hebron', 'Europe/Lisbon', 'Atlantic/Madeira', 'Atlantic/Azores', 'Pacific/Palau', 'America/Asuncion', 'Asia/Qatar', 'Indian/Reunion', 'Europe/Bucharest', 'Europe/Belgrade', 'Europe/Kaliningrad', 'Europe/Moscow', 'Europe/Simferopol', 'Europe/Kirov', 'Europe/Volgograd', 'Europe/Astrakhan', 'Europe/Saratov', 'Europe/Ulyanovsk', 'Europe/Samara', 'Asia/Yekaterinburg', 'Asia/Omsk', 'Asia/Novosibirsk', 'Asia/Barnaul', 'Asia/Tomsk', 'Asia/Novokuznetsk', 'Asia/Krasnoyarsk', 'Asia/Irkutsk', 'Asia/Chita', 'Asia/Yakutsk', 'Asia/Khandyga', 'Asia/Vladivostok', 'Asia/Ust-Nera', 'Asia/Magadan', 'Asia/Sakhalin', 'Asia/Srednekolymsk', 'Asia/Kamchatka', 'Asia/Anadyr', 'Asia/Riyadh', 'Pacific/Guadalcanal', 'Indian/Mahe', 'Africa/Khartoum', 'Europe/Stockholm', 'Asia/Singapore', 'America/Paramaribo', 'Africa/Juba', 'Africa/Sao_Tome', 'America/El_Salvador', 'Asia/Damascus', 'America/Grand_Turk', 'Africa/Ndjamena', 'Indian/Kerguelen', 'Asia/Bangkok', 'Asia/Dushanbe', 'Pacific/Fakaofo', 'Asia/Dili', 'Asia/Ashgabat', 'Africa/Tunis', 'Pacific/Tongatapu', 'Europe/Istanbul', 'Pacific/Funafuti', 'Asia/Taipei', 'Europe/Kiev', 'Europe/Uzhgorod', 'Europe/Zaporozhye', 'Pacific/Wake', 'America/New_York', 'America/Detroit', 'America/Kentucky/Louisville', 'America/Kentucky/Monticello', 'America/Indiana/Indianapolis', 'America/Indiana/Vincennes', 'America/Indiana/Winamac', 'America/Indiana/Marengo', 'America/Indiana/Petersburg', 'America/Indiana/Vevay', 'America/Chicago', 'America/Indiana/Tell_City', 'America/Indiana/Knox', 'America/Menominee', 'America/North_Dakota/Center', 'America/North_Dakota/New_Salem', 'America/North_Dakota/Beulah', 'America/Denver', 'America/Boise', 'America/Phoenix', 'America/Los_Angeles', 'America/Anchorage', 'America/Juneau', 'America/Sitka', 'America/Metlakatla', 'America/Yakutat', 'America/Nome', 'America/Adak', 'Pacific/Honolulu', 'America/Montevideo', 'Asia/Samarkand', 'Asia/Tashkent', 'America/Caracas', 'Asia/Ho_Chi_Minh', 'Pacific/Efate', 'Pacific/Wallis', 'Pacific/Apia', 'Africa/Johannesburg'];
|