@servicetitan/design-system 11.0.0 → 11.3.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/dist/components/ActionMenu/ActionMenu.css.map +1 -1
- package/dist/components/ActionMenu/ActionMenu.js +11 -29
- package/dist/components/ActionMenu/ActionMenu.js.map +1 -1
- package/dist/components/ActionMenu/ActionMenuGroup.js +8 -26
- package/dist/components/ActionMenu/ActionMenuGroup.js.map +1 -1
- package/dist/components/ActionMenu/ActionMenuItem.js +16 -33
- package/dist/components/ActionMenu/ActionMenuItem.js.map +1 -1
- package/dist/components/ActionMenu/index.css.map +1 -1
- package/dist/components/ActionMenu/index.js +1 -13
- package/dist/components/ActionMenu/index.js.map +1 -1
- package/dist/components/Announcement/Announcement.css.map +1 -1
- package/dist/components/Announcement/Announcement.js +14 -32
- package/dist/components/Announcement/Announcement.js.map +1 -1
- package/dist/components/Announcement/index.css.map +1 -1
- package/dist/components/Announcement/index.js +1 -13
- package/dist/components/Announcement/index.js.map +1 -1
- package/dist/components/AnvilSelect/AnvilSelect.css +86 -0
- package/dist/components/AnvilSelect/AnvilSelect.css.map +1 -1
- package/dist/components/AnvilSelect/AnvilSelect.js +232 -283
- package/dist/components/AnvilSelect/AnvilSelect.js.map +1 -1
- package/dist/components/AnvilSelect/AnvilSelect.test.js +12 -28
- package/dist/components/AnvilSelect/AnvilSelect.test.js.map +1 -1
- package/dist/components/AnvilSelect/components/DrillIn.css.map +1 -1
- package/dist/components/AnvilSelect/components/DrillIn.js +32 -44
- package/dist/components/AnvilSelect/components/DrillIn.js.map +1 -1
- package/dist/components/AnvilSelect/components/FocusProvider.js +6 -14
- package/dist/components/AnvilSelect/components/FocusProvider.js.map +1 -1
- package/dist/components/AnvilSelect/components/SelectFooter.js +38 -55
- package/dist/components/AnvilSelect/components/SelectFooter.js.map +1 -1
- package/dist/components/AnvilSelect/components/SelectHeader.d.ts +4 -1
- package/dist/components/AnvilSelect/components/SelectHeader.js +76 -63
- package/dist/components/AnvilSelect/components/SelectHeader.js.map +1 -1
- package/dist/components/AnvilSelect/components/SelectOptions.js +1 -2
- package/dist/components/AnvilSelect/components/Tree.js +1 -2
- package/dist/components/AnvilSelect/components/Trigger.css +86 -63
- package/dist/components/AnvilSelect/components/Trigger.css.map +1 -1
- package/dist/components/AnvilSelect/components/Trigger.js +70 -111
- package/dist/components/AnvilSelect/components/Trigger.js.map +1 -1
- package/dist/components/AnvilSelect/components/index.js +7 -19
- package/dist/components/AnvilSelect/components/index.js.map +1 -1
- package/dist/components/AnvilSelect/index.css +86 -63
- package/dist/components/AnvilSelect/index.css.map +1 -1
- package/dist/components/AnvilSelect/index.js +2 -14
- package/dist/components/AnvilSelect/index.js.map +1 -1
- package/dist/components/AnvilSelect/utils/FocusActionType.js +2 -5
- package/dist/components/AnvilSelect/utils/FocusActionType.js.map +1 -1
- package/dist/components/AnvilSelect/utils/FocusContext.js +11 -31
- package/dist/components/AnvilSelect/utils/FocusContext.js.map +1 -1
- package/dist/components/AnvilSelect/utils/FooterAction.js +2 -5
- package/dist/components/AnvilSelect/utils/FooterAction.js.map +1 -1
- package/dist/components/AnvilSelect/utils/focus-utils.js +31 -54
- package/dist/components/AnvilSelect/utils/focus-utils.js.map +1 -1
- package/dist/components/AnvilSelect/utils/index.js +4 -16
- package/dist/components/AnvilSelect/utils/index.js.map +1 -1
- package/dist/components/Avatar/Avatar.css +1 -1
- package/dist/components/Avatar/Avatar.css.map +1 -1
- package/dist/components/Avatar/Avatar.js +36 -54
- package/dist/components/Avatar/Avatar.js.map +1 -1
- package/dist/components/Avatar/Avatar.test.js +14 -19
- package/dist/components/Avatar/Avatar.test.js.map +1 -1
- package/dist/components/Avatar/index.css +1 -1
- package/dist/components/Avatar/index.css.map +1 -1
- package/dist/components/Avatar/index.js +1 -13
- package/dist/components/Avatar/index.js.map +1 -1
- package/dist/components/BackLink/BackLink.css.map +1 -1
- package/dist/components/BackLink/BackLink.js +13 -31
- package/dist/components/BackLink/BackLink.js.map +1 -1
- package/dist/components/BackLink/BackLink.test.js +11 -16
- package/dist/components/BackLink/BackLink.test.js.map +1 -1
- package/dist/components/BackLink/index.css.map +1 -1
- package/dist/components/BackLink/index.js +1 -13
- package/dist/components/BackLink/index.js.map +1 -1
- package/dist/components/Backdrop/Backdrop.js +14 -32
- package/dist/components/Backdrop/Backdrop.js.map +1 -1
- package/dist/components/Backdrop/index.js +1 -13
- package/dist/components/Backdrop/index.js.map +1 -1
- package/dist/components/Banner/Banner.css +15 -15
- package/dist/components/Banner/Banner.css.map +1 -1
- package/dist/components/Banner/Banner.js +19 -37
- package/dist/components/Banner/Banner.js.map +1 -1
- package/dist/components/Banner/index.css +15 -15
- package/dist/components/Banner/index.css.map +1 -1
- package/dist/components/Banner/index.js +1 -13
- package/dist/components/Banner/index.js.map +1 -1
- package/dist/components/BodyText/BodyText.css.map +1 -1
- package/dist/components/BodyText/BodyText.js +13 -31
- package/dist/components/BodyText/BodyText.js.map +1 -1
- package/dist/components/BodyText/index.css.map +1 -1
- package/dist/components/BodyText/index.js +1 -13
- package/dist/components/BodyText/index.js.map +1 -1
- package/dist/components/Breadcrumb/Breadcrumb.css.map +1 -1
- package/dist/components/Breadcrumb/Breadcrumb.js +8 -26
- package/dist/components/Breadcrumb/Breadcrumb.js.map +1 -1
- package/dist/components/Breadcrumb/BreadcrumbLink.js +13 -31
- package/dist/components/Breadcrumb/BreadcrumbLink.js.map +1 -1
- package/dist/components/Breadcrumb/index.css.map +1 -1
- package/dist/components/Breadcrumb/index.js +2 -14
- package/dist/components/Breadcrumb/index.js.map +1 -1
- package/dist/components/BreakPoint/BreakPoint.js +10 -27
- package/dist/components/BreakPoint/BreakPoint.js.map +1 -1
- package/dist/components/BreakPoint/index.js +1 -13
- package/dist/components/BreakPoint/index.js.map +1 -1
- package/dist/components/Button/Button.css.map +1 -1
- package/dist/components/Button/Button.js +41 -58
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Button/Button.test.js +20 -25
- package/dist/components/Button/Button.test.js.map +1 -1
- package/dist/components/Button/index.css.map +1 -1
- package/dist/components/Button/index.js +1 -13
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/ButtonGroup/ButtonGroup.css.map +1 -1
- package/dist/components/ButtonGroup/ButtonGroup.js +9 -27
- package/dist/components/ButtonGroup/ButtonGroup.js.map +1 -1
- package/dist/components/ButtonGroup/ButtonGroupItem.js +3 -13
- package/dist/components/ButtonGroup/ButtonGroupItem.js.map +1 -1
- package/dist/components/ButtonGroup/index.css.map +1 -1
- package/dist/components/ButtonGroup/index.js +2 -14
- package/dist/components/ButtonGroup/index.js.map +1 -1
- package/dist/components/ButtonToggle/ButtonToggle.css.map +1 -1
- package/dist/components/ButtonToggle/ButtonToggle.d.ts +1 -1
- package/dist/components/ButtonToggle/ButtonToggle.js +35 -54
- package/dist/components/ButtonToggle/ButtonToggle.js.map +1 -1
- package/dist/components/ButtonToggle/ButtonToggleItem.js +9 -16
- package/dist/components/ButtonToggle/ButtonToggleItem.js.map +1 -1
- package/dist/components/ButtonToggle/index.css.map +1 -1
- package/dist/components/ButtonToggle/index.js +2 -14
- package/dist/components/ButtonToggle/index.js.map +1 -1
- package/dist/components/Card/Card.css.map +1 -1
- package/dist/components/Card/Card.js +13 -31
- package/dist/components/Card/Card.js.map +1 -1
- package/dist/components/Card/CardSection.css.map +1 -1
- package/dist/components/Card/CardSection.js +7 -25
- package/dist/components/Card/CardSection.js.map +1 -1
- package/dist/components/Card/index.css.map +1 -1
- package/dist/components/Card/index.js +2 -14
- package/dist/components/Card/index.js.map +1 -1
- package/dist/components/Checkbox/Checkbox.css +6 -0
- package/dist/components/Checkbox/Checkbox.css.map +1 -1
- package/dist/components/Checkbox/Checkbox.js +25 -42
- package/dist/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/components/Checkbox/Checkbox.test.js +15 -20
- package/dist/components/Checkbox/Checkbox.test.js.map +1 -1
- package/dist/components/Checkbox/index.css +6 -0
- package/dist/components/Checkbox/index.css.map +1 -1
- package/dist/components/Checkbox/index.js +1 -13
- package/dist/components/Checkbox/index.js.map +1 -1
- package/dist/components/Collapsible/Collapsible.js +11 -29
- package/dist/components/Collapsible/Collapsible.js.map +1 -1
- package/dist/components/Collapsible/index.js +1 -13
- package/dist/components/Collapsible/index.js.map +1 -1
- package/dist/components/ColorPicker/ColorPicker.css.map +1 -1
- package/dist/components/ColorPicker/ColorPicker.d.ts +1 -1
- package/dist/components/ColorPicker/ColorPicker.js +12 -19
- package/dist/components/ColorPicker/ColorPicker.js.map +1 -1
- package/dist/components/ColorPicker/index.css.map +1 -1
- package/dist/components/ColorPicker/index.js +1 -13
- package/dist/components/ColorPicker/index.js.map +1 -1
- package/dist/components/Container/Container.css.map +1 -1
- package/dist/components/Container/Container.js +10 -30
- package/dist/components/Container/Container.js.map +1 -1
- package/dist/components/Container/index.css.map +1 -1
- package/dist/components/Container/index.js +1 -13
- package/dist/components/Container/index.js.map +1 -1
- package/dist/components/DataList/DataList.css +1 -1
- package/dist/components/DataList/DataList.css.map +1 -1
- package/dist/components/DataList/DataList.js +25 -43
- package/dist/components/DataList/DataList.js.map +1 -1
- package/dist/components/DataList/DataListCell.js +10 -29
- package/dist/components/DataList/DataListCell.js.map +1 -1
- package/dist/components/DataList/DataListHeaderCell.js +8 -26
- package/dist/components/DataList/DataListHeaderCell.js.map +1 -1
- package/dist/components/DataList/DataListHeaderRow.js +5 -12
- package/dist/components/DataList/DataListHeaderRow.js.map +1 -1
- package/dist/components/DataList/DataListRow.js +5 -12
- package/dist/components/DataList/DataListRow.js.map +1 -1
- package/dist/components/DataList/index.css +1 -1
- package/dist/components/DataList/index.css.map +1 -1
- package/dist/components/DataList/index.js +1 -13
- package/dist/components/DataList/index.js.map +1 -1
- package/dist/components/DatePicker/DatePicker.css +7 -1
- package/dist/components/DatePicker/DatePicker.css.map +1 -1
- package/dist/components/DatePicker/DatePicker.js +42 -53
- package/dist/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/components/DatePicker/InputDateMask.js +56 -79
- package/dist/components/DatePicker/InputDateMask.js.map +1 -1
- package/dist/components/DatePicker/index.css +7 -1
- package/dist/components/DatePicker/index.css.map +1 -1
- package/dist/components/DatePicker/index.js +2 -14
- package/dist/components/DatePicker/index.js.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.css.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.js +87 -111
- package/dist/components/DateRangePicker/DateRangePicker.js.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.test.js +75 -120
- package/dist/components/DateRangePicker/DateRangePicker.test.js.map +1 -1
- package/dist/components/DateRangePicker/components/DateRangeInput.js +18 -25
- package/dist/components/DateRangePicker/components/DateRangeInput.js.map +1 -1
- package/dist/components/DateRangePicker/components/DateRangeOptionList.js +14 -33
- package/dist/components/DateRangePicker/components/DateRangeOptionList.js.map +1 -1
- package/dist/components/DateRangePicker/components/DateRangeTrigger.d.ts +1 -1
- package/dist/components/DateRangePicker/components/DateRangeTrigger.js +40 -51
- package/dist/components/DateRangePicker/components/DateRangeTrigger.js.map +1 -1
- package/dist/components/DateRangePicker/components/index.js +3 -15
- package/dist/components/DateRangePicker/components/index.js.map +1 -1
- package/dist/components/DateRangePicker/index.css.map +1 -1
- package/dist/components/DateRangePicker/index.js +1 -13
- package/dist/components/DateRangePicker/index.js.map +1 -1
- package/dist/components/DateRangePicker/utils/checkScope.js +7 -11
- package/dist/components/DateRangePicker/utils/checkScope.js.map +1 -1
- package/dist/components/DateRangePicker/utils/index.js +1 -13
- package/dist/components/DateRangePicker/utils/index.js.map +1 -1
- package/dist/components/Dialog/Dialog.css.map +1 -1
- package/dist/components/Dialog/Dialog.js +33 -51
- package/dist/components/Dialog/Dialog.js.map +1 -1
- package/dist/components/Dialog/index.css.map +1 -1
- package/dist/components/Dialog/index.js +1 -13
- package/dist/components/Dialog/index.js.map +1 -1
- package/dist/components/Divider/Divider.css.map +1 -1
- package/dist/components/Divider/Divider.js +13 -32
- package/dist/components/Divider/Divider.js.map +1 -1
- package/dist/components/Divider/index.css.map +1 -1
- package/dist/components/Divider/index.js +1 -13
- package/dist/components/Divider/index.js.map +1 -1
- package/dist/components/Drawer/Drawer.css.map +1 -1
- package/dist/components/Drawer/Drawer.js +32 -71
- package/dist/components/Drawer/Drawer.js.map +1 -1
- package/dist/components/Drawer/DrawerFooter.js +6 -24
- package/dist/components/Drawer/DrawerFooter.js.map +1 -1
- package/dist/components/Drawer/DrawerHeader.js +11 -29
- package/dist/components/Drawer/DrawerHeader.js.map +1 -1
- package/dist/components/Drawer/DrawerWindow.js +5 -23
- package/dist/components/Drawer/DrawerWindow.js.map +1 -1
- package/dist/components/Drawer/index.css.map +1 -1
- package/dist/components/Drawer/index.js +1 -13
- package/dist/components/Drawer/index.js.map +1 -1
- package/dist/components/Dropdown/Dropdown.js +78 -185
- package/dist/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/components/Dropdown/DropdownIcon.js +8 -26
- package/dist/components/Dropdown/DropdownIcon.js.map +1 -1
- package/dist/components/Dropdown/index.js +2 -14
- package/dist/components/Dropdown/index.js.map +1 -1
- package/dist/components/Eyebrow/Eyebrow.css.map +1 -1
- package/dist/components/Eyebrow/Eyebrow.js +13 -31
- package/dist/components/Eyebrow/Eyebrow.js.map +1 -1
- package/dist/components/Eyebrow/index.css.map +1 -1
- package/dist/components/Eyebrow/index.js +1 -13
- package/dist/components/Eyebrow/index.js.map +1 -1
- package/dist/components/FilePicker/FilePicker.css.map +1 -1
- package/dist/components/FilePicker/FilePicker.js +39 -57
- package/dist/components/FilePicker/FilePicker.js.map +1 -1
- package/dist/components/FilePicker/index.css.map +1 -1
- package/dist/components/FilePicker/index.js +1 -13
- package/dist/components/FilePicker/index.js.map +1 -1
- package/dist/components/FilterButton/FilterButton.css.map +1 -1
- package/dist/components/FilterButton/FilterButton.js +24 -40
- package/dist/components/FilterButton/FilterButton.js.map +1 -1
- package/dist/components/FilterButton/index.css.map +1 -1
- package/dist/components/FilterButton/index.js +1 -13
- package/dist/components/FilterButton/index.js.map +1 -1
- package/dist/components/FlowCard/FlowCard.js +12 -30
- package/dist/components/FlowCard/FlowCard.js.map +1 -1
- package/dist/components/FlowCard/FlowCardStep.css.map +1 -1
- package/dist/components/FlowCard/FlowCardStep.js +21 -29
- package/dist/components/FlowCard/FlowCardStep.js.map +1 -1
- package/dist/components/FlowCard/index.css.map +1 -1
- package/dist/components/FlowCard/index.js +2 -14
- package/dist/components/FlowCard/index.js.map +1 -1
- package/dist/components/Form/Form.d.ts +2 -1
- package/dist/components/Form/Form.js +28 -49
- package/dist/components/Form/Form.js.map +1 -1
- package/dist/components/Form/index.js +1 -13
- package/dist/components/Form/index.js.map +1 -1
- package/dist/components/FormControls/FormAnvilSelect.js +7 -61
- package/dist/components/FormControls/FormAnvilSelect.js.map +1 -1
- package/dist/components/FormControls/FormButton.js +5 -23
- package/dist/components/FormControls/FormButton.js.map +1 -1
- package/dist/components/FormControls/FormButtonToggle.js +5 -23
- package/dist/components/FormControls/FormButtonToggle.js.map +1 -1
- package/dist/components/FormControls/FormCheckbox.js +4 -22
- package/dist/components/FormControls/FormCheckbox.js.map +1 -1
- package/dist/components/FormControls/FormColorPicker.js +27 -81
- package/dist/components/FormControls/FormColorPicker.js.map +1 -1
- package/dist/components/FormControls/FormDatePicker.js +5 -23
- package/dist/components/FormControls/FormDatePicker.js.map +1 -1
- package/dist/components/FormControls/FormDateRangePicker.js +5 -23
- package/dist/components/FormControls/FormDateRangePicker.js.map +1 -1
- package/dist/components/FormControls/FormDropdown.js +4 -22
- package/dist/components/FormControls/FormDropdown.js.map +1 -1
- package/dist/components/FormControls/FormInput.js +5 -22
- package/dist/components/FormControls/FormInput.js.map +1 -1
- package/dist/components/FormControls/FormRadio.js +4 -22
- package/dist/components/FormControls/FormRadio.js.map +1 -1
- package/dist/components/FormControls/FormSelect.js +4 -22
- package/dist/components/FormControls/FormSelect.js.map +1 -1
- package/dist/components/FormControls/FormTextArea.js +5 -22
- package/dist/components/FormControls/FormTextArea.js.map +1 -1
- package/dist/components/FormControls/FormTimePicker.d.ts +4 -0
- package/dist/components/FormControls/FormTimePicker.js +19 -0
- package/dist/components/FormControls/FormTimePicker.js.map +1 -0
- package/dist/components/FormControls/FormToggleSwitch.js +4 -22
- package/dist/components/FormControls/FormToggleSwitch.js.map +1 -1
- package/dist/components/FormControls/FormTogglebox.js +6 -24
- package/dist/components/FormControls/FormTogglebox.js.map +1 -1
- package/dist/components/FormControls/index.d.ts +1 -0
- package/dist/components/FormControls/index.js +15 -26
- package/dist/components/FormControls/index.js.map +1 -1
- package/dist/components/FormField/FormField.css +1 -1
- package/dist/components/FormField/FormField.css.map +1 -1
- package/dist/components/FormField/FormField.js +67 -101
- package/dist/components/FormField/FormField.js.map +1 -1
- package/dist/components/FormField/FormFieldContext.js +4 -10
- package/dist/components/FormField/FormFieldContext.js.map +1 -1
- package/dist/components/FormField/index.css +1 -1
- package/dist/components/FormField/index.css.map +1 -1
- package/dist/components/FormField/index.js +2 -14
- package/dist/components/FormField/index.js.map +1 -1
- package/dist/components/FormGroup/FormGroup.css.map +1 -1
- package/dist/components/FormGroup/FormGroup.js +12 -32
- package/dist/components/FormGroup/FormGroup.js.map +1 -1
- package/dist/components/FormGroup/index.css.map +1 -1
- package/dist/components/FormGroup/index.js +1 -13
- package/dist/components/FormGroup/index.js.map +1 -1
- package/dist/components/Frame/Frame.css.map +1 -1
- package/dist/components/Frame/Frame.js +9 -27
- package/dist/components/Frame/Frame.js.map +1 -1
- package/dist/components/Frame/index.css.map +1 -1
- package/dist/components/Frame/index.js +1 -13
- package/dist/components/Frame/index.js.map +1 -1
- package/dist/components/Grid/Grid.js +35 -57
- package/dist/components/Grid/Grid.js.map +1 -1
- package/dist/components/Grid/GridColumn.js +25 -44
- package/dist/components/Grid/GridColumn.js.map +1 -1
- package/dist/components/Grid/GridRow.js +21 -43
- package/dist/components/Grid/GridRow.js.map +1 -1
- package/dist/components/Grid/index.js +1 -13
- package/dist/components/Grid/index.js.map +1 -1
- package/dist/components/Headline/Headline.css +1 -1
- package/dist/components/Headline/Headline.css.map +1 -1
- package/dist/components/Headline/Headline.js +14 -32
- package/dist/components/Headline/Headline.js.map +1 -1
- package/dist/components/Headline/index.css +1 -1
- package/dist/components/Headline/index.css.map +1 -1
- package/dist/components/Headline/index.js +1 -13
- package/dist/components/Headline/index.js.map +1 -1
- package/dist/components/Icon/Icon.js +11 -29
- package/dist/components/Icon/Icon.js.map +1 -1
- package/dist/components/Icon/Icon.test.js +7 -12
- package/dist/components/Icon/Icon.test.js.map +1 -1
- package/dist/components/Icon/index.js +1 -13
- package/dist/components/Icon/index.js.map +1 -1
- package/dist/components/InlineEdit/InlineEdit.css.map +1 -1
- package/dist/components/InlineEdit/InlineEdit.d.ts +5 -5
- package/dist/components/InlineEdit/InlineEdit.js +84 -123
- package/dist/components/InlineEdit/InlineEdit.js.map +1 -1
- package/dist/components/InlineEdit/index.css.map +1 -1
- package/dist/components/InlineEdit/index.js +1 -13
- package/dist/components/InlineEdit/index.js.map +1 -1
- package/dist/components/Input/Input.css +15 -5
- package/dist/components/Input/Input.css.map +1 -1
- package/dist/components/Input/Input.d.ts +1 -1
- package/dist/components/Input/Input.js +102 -146
- package/dist/components/Input/Input.js.map +1 -1
- package/dist/components/Input/InputAddon.js +7 -25
- package/dist/components/Input/InputAddon.js.map +1 -1
- package/dist/components/Input/index.css +15 -5
- package/dist/components/Input/index.css.map +1 -1
- package/dist/components/Input/index.js +1 -13
- package/dist/components/Input/index.js.map +1 -1
- package/dist/components/Input/inputProps.js +7 -31
- package/dist/components/Input/inputProps.js.map +1 -1
- package/dist/components/KeyPressListener/KeyPressListener.js +5 -10
- package/dist/components/KeyPressListener/KeyPressListener.js.map +1 -1
- package/dist/components/KeyPressListener/index.js +1 -13
- package/dist/components/KeyPressListener/index.js.map +1 -1
- package/dist/components/Label/Label.css.map +1 -1
- package/dist/components/Label/Label.js +19 -37
- package/dist/components/Label/Label.js.map +1 -1
- package/dist/components/Label/index.css.map +1 -1
- package/dist/components/Label/index.js +1 -13
- package/dist/components/Label/index.js.map +1 -1
- package/dist/components/Layout/Layout.js +24 -44
- package/dist/components/Layout/Layout.js.map +1 -1
- package/dist/components/Layout/LayoutSection.js +7 -25
- package/dist/components/Layout/LayoutSection.js.map +1 -1
- package/dist/components/Layout/index.js +2 -14
- package/dist/components/Layout/index.js.map +1 -1
- package/dist/components/Link/Link.css +1 -1
- package/dist/components/Link/Link.css.map +1 -1
- package/dist/components/Link/Link.js +7 -25
- package/dist/components/Link/Link.js.map +1 -1
- package/dist/components/Link/Link.test.js +11 -16
- package/dist/components/Link/Link.test.js.map +1 -1
- package/dist/components/Link/index.css +1 -1
- package/dist/components/Link/index.css.map +1 -1
- package/dist/components/Link/index.js +1 -13
- package/dist/components/Link/index.js.map +1 -1
- package/dist/components/Mask/Mask.css.map +1 -1
- package/dist/components/Mask/Mask.js +10 -28
- package/dist/components/Mask/Mask.js.map +1 -1
- package/dist/components/Mask/index.css.map +1 -1
- package/dist/components/Mask/index.js +1 -13
- package/dist/components/Mask/index.js.map +1 -1
- package/dist/components/Modal/Modal.css.map +1 -1
- package/dist/components/Modal/Modal.js +13 -31
- package/dist/components/Modal/Modal.js.map +1 -1
- package/dist/components/Modal/components.js +44 -85
- package/dist/components/Modal/components.js.map +1 -1
- package/dist/components/Modal/index.css.map +1 -1
- package/dist/components/Modal/index.js +1 -13
- package/dist/components/Modal/index.js.map +1 -1
- package/dist/components/MoreDetails/MoreDetails.css.map +1 -1
- package/dist/components/MoreDetails/MoreDetails.js +17 -35
- package/dist/components/MoreDetails/MoreDetails.js.map +1 -1
- package/dist/components/MoreDetails/index.css.map +1 -1
- package/dist/components/MoreDetails/index.js +1 -13
- package/dist/components/MoreDetails/index.js.map +1 -1
- package/dist/components/OptionList/Option.js +21 -39
- package/dist/components/OptionList/Option.js.map +1 -1
- package/dist/components/OptionList/OptionList.css +11 -10
- package/dist/components/OptionList/OptionList.css.map +1 -1
- package/dist/components/OptionList/OptionList.js +47 -73
- package/dist/components/OptionList/OptionList.js.map +1 -1
- package/dist/components/OptionList/index.css +11 -10
- package/dist/components/OptionList/index.css.map +1 -1
- package/dist/components/OptionList/index.js +2 -16
- package/dist/components/OptionList/index.js.map +1 -1
- package/dist/components/OptionList/useOnExpand.js +8 -23
- package/dist/components/OptionList/useOnExpand.js.map +1 -1
- package/dist/components/Page/Page.css.map +1 -1
- package/dist/components/Page/Page.js +21 -58
- package/dist/components/Page/Page.js.map +1 -1
- package/dist/components/Page/components/ActionToolbar.js +6 -14
- package/dist/components/Page/components/ActionToolbar.js.map +1 -1
- package/dist/components/Page/components/Footer.js +5 -13
- package/dist/components/Page/components/Footer.js.map +1 -1
- package/dist/components/Page/components/Panel.js +8 -16
- package/dist/components/Page/components/Panel.js.map +1 -1
- package/dist/components/Page/components/index.js +2 -14
- package/dist/components/Page/components/index.js.map +1 -1
- package/dist/components/Page/index.css.map +1 -1
- package/dist/components/Page/index.js +1 -13
- package/dist/components/Page/index.js.map +1 -1
- package/dist/components/Popover/Popover.js +26 -44
- package/dist/components/Popover/Popover.js.map +1 -1
- package/dist/components/Popover/components.js +15 -36
- package/dist/components/Popover/components.js.map +1 -1
- package/dist/components/Popover/index.js +1 -13
- package/dist/components/Popover/index.js.map +1 -1
- package/dist/components/ProgressBar/ProgressBar.js +11 -29
- package/dist/components/ProgressBar/ProgressBar.js.map +1 -1
- package/dist/components/ProgressBar/index.js +1 -13
- package/dist/components/ProgressBar/index.js.map +1 -1
- package/dist/components/ProgressCircle/ProgressCircle.js +16 -34
- package/dist/components/ProgressCircle/ProgressCircle.js.map +1 -1
- package/dist/components/ProgressCircle/index.js +1 -13
- package/dist/components/ProgressCircle/index.js.map +1 -1
- package/dist/components/ProgressTracker/ProgressTracker.css +1 -1
- package/dist/components/ProgressTracker/ProgressTracker.css.map +1 -1
- package/dist/components/ProgressTracker/ProgressTracker.js +20 -38
- package/dist/components/ProgressTracker/ProgressTracker.js.map +1 -1
- package/dist/components/ProgressTracker/ProgressTrackerDivider.js +6 -24
- package/dist/components/ProgressTracker/ProgressTrackerDivider.js.map +1 -1
- package/dist/components/ProgressTracker/ProgressTrackerStep.css.map +1 -1
- package/dist/components/ProgressTracker/ProgressTrackerStep.js +13 -31
- package/dist/components/ProgressTracker/ProgressTrackerStep.js.map +1 -1
- package/dist/components/ProgressTracker/index.css +1 -1
- package/dist/components/ProgressTracker/index.css.map +1 -1
- package/dist/components/ProgressTracker/index.js +1 -13
- package/dist/components/ProgressTracker/index.js.map +1 -1
- package/dist/components/Radio/Radio.css +6 -0
- package/dist/components/Radio/Radio.css.map +1 -1
- package/dist/components/Radio/Radio.js +22 -39
- package/dist/components/Radio/Radio.js.map +1 -1
- package/dist/components/Radio/Radio.test.js +15 -20
- package/dist/components/Radio/Radio.test.js.map +1 -1
- package/dist/components/Radio/index.css +6 -0
- package/dist/components/Radio/index.css.map +1 -1
- package/dist/components/Radio/index.js +1 -13
- package/dist/components/Radio/index.js.map +1 -1
- package/dist/components/Scroll/Scroll.js +28 -47
- package/dist/components/Scroll/Scroll.js.map +1 -1
- package/dist/components/Scroll/index.js +1 -13
- package/dist/components/Scroll/index.js.map +1 -1
- package/dist/components/Select/Select.css.map +1 -1
- package/dist/components/Select/Select.d.ts +1 -0
- package/dist/components/Select/Select.js +81 -149
- package/dist/components/Select/Select.js.map +1 -1
- package/dist/components/Select/index.css.map +1 -1
- package/dist/components/Select/index.js +1 -13
- package/dist/components/Select/index.js.map +1 -1
- package/dist/components/SideNav/SideNav.css.map +1 -1
- package/dist/components/SideNav/SideNav.js +13 -31
- package/dist/components/SideNav/SideNav.js.map +1 -1
- package/dist/components/SideNav/SideNavGroup.css.map +1 -1
- package/dist/components/SideNav/SideNavGroup.js +9 -27
- package/dist/components/SideNav/SideNavGroup.js.map +1 -1
- package/dist/components/SideNav/SideNavItem.css +1 -1
- package/dist/components/SideNav/SideNavItem.css.map +1 -1
- package/dist/components/SideNav/SideNavItem.js +15 -33
- package/dist/components/SideNav/SideNavItem.js.map +1 -1
- package/dist/components/SideNav/index.css +1 -1
- package/dist/components/SideNav/index.css.map +1 -1
- package/dist/components/SideNav/index.js +1 -13
- package/dist/components/SideNav/index.js.map +1 -1
- package/dist/components/Sidebar/Sidebar.js +48 -87
- package/dist/components/Sidebar/Sidebar.js.map +1 -1
- package/dist/components/Sidebar/SidebarSection.css.map +1 -1
- package/dist/components/Sidebar/SidebarSection.js +6 -24
- package/dist/components/Sidebar/SidebarSection.js.map +1 -1
- package/dist/components/Sidebar/ToggleButton.js +13 -37
- package/dist/components/Sidebar/ToggleButton.js.map +1 -1
- package/dist/components/Sidebar/index.css.map +1 -1
- package/dist/components/Sidebar/index.js +2 -14
- package/dist/components/Sidebar/index.js.map +1 -1
- package/dist/components/Snackbar/Snackbar.css.map +1 -1
- package/dist/components/Snackbar/Snackbar.js +18 -55
- package/dist/components/Snackbar/Snackbar.js.map +1 -1
- package/dist/components/Snackbar/Snackbar.test.js +23 -28
- package/dist/components/Snackbar/Snackbar.test.js.map +1 -1
- package/dist/components/Snackbar/index.css.map +1 -1
- package/dist/components/Snackbar/index.js +1 -13
- package/dist/components/Snackbar/index.js.map +1 -1
- package/dist/components/Spinner/Spinner.js +21 -40
- package/dist/components/Spinner/Spinner.js.map +1 -1
- package/dist/components/Spinner/index.js +1 -13
- package/dist/components/Spinner/index.js.map +1 -1
- package/dist/components/Stack/Stack.css.map +1 -1
- package/dist/components/Stack/Stack.js +28 -46
- package/dist/components/Stack/Stack.js.map +1 -1
- package/dist/components/Stack/index.css.map +1 -1
- package/dist/components/Stack/index.js +1 -13
- package/dist/components/Stack/index.js.map +1 -1
- package/dist/components/StackItem/StackItem.js +13 -33
- package/dist/components/StackItem/StackItem.js.map +1 -1
- package/dist/components/StackItem/index.js +1 -13
- package/dist/components/StackItem/index.js.map +1 -1
- package/dist/components/StatusLight/StatusLight.css.map +1 -1
- package/dist/components/StatusLight/StatusLight.js +15 -33
- package/dist/components/StatusLight/StatusLight.js.map +1 -1
- package/dist/components/StatusLight/index.css.map +1 -1
- package/dist/components/StatusLight/index.js +1 -13
- package/dist/components/StatusLight/index.js.map +1 -1
- package/dist/components/Tab/Tab.css +0 -1
- package/dist/components/Tab/Tab.css.map +1 -1
- package/dist/components/Tab/Tab.js +10 -28
- package/dist/components/Tab/Tab.js.map +1 -1
- package/dist/components/Tab/index.css +0 -1
- package/dist/components/Tab/index.css.map +1 -1
- package/dist/components/Tab/index.js +1 -13
- package/dist/components/Tab/index.js.map +1 -1
- package/dist/components/TabGroup/TabGroup.css +1 -1
- package/dist/components/TabGroup/TabGroup.css.map +1 -1
- package/dist/components/TabGroup/TabGroup.js +12 -30
- package/dist/components/TabGroup/TabGroup.js.map +1 -1
- package/dist/components/TabGroup/TabGroupItem.js +4 -22
- package/dist/components/TabGroup/TabGroupItem.js.map +1 -1
- package/dist/components/TabGroup/components.js +3 -11
- package/dist/components/TabGroup/components.js.map +1 -1
- package/dist/components/TabGroup/index.css +1 -1
- package/dist/components/TabGroup/index.css.map +1 -1
- package/dist/components/TabGroup/index.js +1 -13
- package/dist/components/TabGroup/index.js.map +1 -1
- package/dist/components/Table/GridMod.js +22 -55
- package/dist/components/Table/GridMod.js.map +1 -1
- package/dist/components/Table/Table.css +7 -1
- package/dist/components/Table/Table.css.map +1 -1
- package/dist/components/Table/Table.js +37 -75
- package/dist/components/Table/Table.js.map +1 -1
- package/dist/components/Table/Table.test.js +4 -6
- package/dist/components/Table/Table.test.js.map +1 -1
- package/dist/components/Table/TableLoadingPanel.js +10 -18
- package/dist/components/Table/TableLoadingPanel.js.map +1 -1
- package/dist/components/Table/components.js +2 -24
- package/dist/components/Table/components.js.map +1 -1
- package/dist/components/Table/index.css +7 -1
- package/dist/components/Table/index.css.map +1 -1
- package/dist/components/Table/index.js +2 -14
- package/dist/components/Table/index.js.map +1 -1
- package/dist/components/Tag/Tag.css.map +1 -1
- package/dist/components/Tag/Tag.js +26 -52
- package/dist/components/Tag/Tag.js.map +1 -1
- package/dist/components/Tag/index.css.map +1 -1
- package/dist/components/Tag/index.js +1 -13
- package/dist/components/Tag/index.js.map +1 -1
- package/dist/components/TagGroup/TagGroup.js +8 -26
- package/dist/components/TagGroup/TagGroup.js.map +1 -1
- package/dist/components/TagGroup/TagGroupItem.js +2 -12
- package/dist/components/TagGroup/TagGroupItem.js.map +1 -1
- package/dist/components/TagGroup/index.js +1 -13
- package/dist/components/TagGroup/index.js.map +1 -1
- package/dist/components/Takeover/Takeover.js +46 -83
- package/dist/components/Takeover/Takeover.js.map +1 -1
- package/dist/components/Takeover/TakeoverFooter.css.map +1 -1
- package/dist/components/Takeover/TakeoverFooter.js +9 -27
- package/dist/components/Takeover/TakeoverFooter.js.map +1 -1
- package/dist/components/Takeover/TakeoverHeader.css.map +1 -1
- package/dist/components/Takeover/TakeoverHeader.js +15 -33
- package/dist/components/Takeover/TakeoverHeader.js.map +1 -1
- package/dist/components/Takeover/TakeoverSection.css.map +1 -1
- package/dist/components/Takeover/TakeoverSection.js +7 -25
- package/dist/components/Takeover/TakeoverSection.js.map +1 -1
- package/dist/components/Takeover/index.css.map +1 -1
- package/dist/components/Takeover/index.js +1 -13
- package/dist/components/Takeover/index.js.map +1 -1
- package/dist/components/Text/Text.css.map +1 -1
- package/dist/components/Text/Text.js +23 -37
- package/dist/components/Text/Text.js.map +1 -1
- package/dist/components/Text/index.css.map +1 -1
- package/dist/components/Text/index.js +1 -13
- package/dist/components/Text/index.js.map +1 -1
- package/dist/components/TextArea/TextArea.css +5 -0
- package/dist/components/TextArea/TextArea.css.map +1 -1
- package/dist/components/TextArea/TextArea.d.ts +2 -1
- package/dist/components/TextArea/TextArea.js +26 -80
- package/dist/components/TextArea/TextArea.js.map +1 -1
- package/dist/components/TextArea/index.css +5 -0
- package/dist/components/TextArea/index.css.map +1 -1
- package/dist/components/TextArea/index.js +1 -13
- package/dist/components/TextArea/index.js.map +1 -1
- package/dist/components/Thumbnail/Thumbnail.css.map +1 -1
- package/dist/components/Thumbnail/Thumbnail.js +12 -30
- package/dist/components/Thumbnail/Thumbnail.js.map +1 -1
- package/dist/components/Thumbnail/index.css.map +1 -1
- package/dist/components/Thumbnail/index.js +1 -13
- package/dist/components/Thumbnail/index.js.map +1 -1
- package/dist/components/TimePicker/TimePicker.css +200 -0
- package/dist/components/TimePicker/TimePicker.css.map +1 -0
- package/dist/components/TimePicker/TimePicker.d.ts +44 -0
- package/dist/components/TimePicker/TimePicker.js +191 -0
- package/dist/components/TimePicker/TimePicker.js.map +1 -0
- package/dist/components/TimePicker/components/TimePickerOptionList.d.ts +13 -0
- package/dist/components/TimePicker/components/TimePickerOptionList.js +40 -0
- package/dist/components/TimePicker/components/TimePickerOptionList.js.map +1 -0
- package/dist/components/TimePicker/components/index.d.ts +1 -0
- package/dist/components/TimePicker/components/index.js +2 -0
- package/dist/components/TimePicker/components/index.js.map +1 -0
- package/dist/components/TimePicker/index.css +200 -0
- package/dist/components/TimePicker/index.css.map +1 -0
- package/dist/components/TimePicker/index.d.ts +1 -0
- package/dist/components/TimePicker/index.js +2 -0
- package/dist/components/TimePicker/index.js.map +1 -0
- package/dist/components/TimePicker/utils/checkMinMax.d.ts +1 -0
- package/dist/components/TimePicker/utils/checkMinMax.js +13 -0
- package/dist/components/TimePicker/utils/checkMinMax.js.map +1 -0
- package/dist/components/TimePicker/utils/filterOptions.d.ts +3 -0
- package/dist/components/TimePicker/utils/filterOptions.js +127 -0
- package/dist/components/TimePicker/utils/filterOptions.js.map +1 -0
- package/dist/components/TimePicker/utils/generateOptions.d.ts +4 -0
- package/dist/components/TimePicker/utils/generateOptions.js +36 -0
- package/dist/components/TimePicker/utils/generateOptions.js.map +1 -0
- package/dist/components/TimePicker/utils/getClosestOption.d.ts +5 -0
- package/dist/components/TimePicker/utils/getClosestOption.js +139 -0
- package/dist/components/TimePicker/utils/getClosestOption.js.map +1 -0
- package/dist/components/TimePicker/utils/getOptionByValue.d.ts +4 -0
- package/dist/components/TimePicker/utils/getOptionByValue.js +14 -0
- package/dist/components/TimePicker/utils/getOptionByValue.js.map +1 -0
- package/dist/components/TimePicker/utils/highlightClosestOption.d.ts +2 -0
- package/dist/components/TimePicker/utils/highlightClosestOption.js +13 -0
- package/dist/components/TimePicker/utils/highlightClosestOption.js.map +1 -0
- package/dist/components/TimePicker/utils/index.d.ts +10 -0
- package/dist/components/TimePicker/utils/index.js +11 -0
- package/dist/components/TimePicker/utils/index.js.map +1 -0
- package/dist/components/TimePicker/utils/stringToDate.d.ts +2 -0
- package/dist/components/TimePicker/utils/stringToDate.js +16 -0
- package/dist/components/TimePicker/utils/stringToDate.js.map +1 -0
- package/dist/components/TimePicker/utils/timePickerUtils.test.d.ts +1 -0
- package/dist/components/TimePicker/utils/timePickerUtils.test.js +169 -0
- package/dist/components/TimePicker/utils/timePickerUtils.test.js.map +1 -0
- package/dist/components/TimePicker/utils/toTimeFormat.d.ts +5 -0
- package/dist/components/TimePicker/utils/toTimeFormat.js +40 -0
- package/dist/components/TimePicker/utils/toTimeFormat.js.map +1 -0
- package/dist/components/TimePicker/utils/utils.d.ts +7 -0
- package/dist/components/TimePicker/utils/utils.js +171 -0
- package/dist/components/TimePicker/utils/utils.js.map +1 -0
- package/dist/components/TimePicker/utils/withClosestOption.d.ts +2 -0
- package/dist/components/TimePicker/utils/withClosestOption.js +14 -0
- package/dist/components/TimePicker/utils/withClosestOption.js.map +1 -0
- package/dist/components/Toast/Toast.css +1 -1
- package/dist/components/Toast/Toast.css.map +1 -1
- package/dist/components/Toast/Toast.js +58 -114
- package/dist/components/Toast/Toast.js.map +1 -1
- package/dist/components/Toast/ToastGroup.css +1 -1
- package/dist/components/Toast/ToastGroup.css.map +1 -1
- package/dist/components/Toast/ToastGroup.js +8 -25
- package/dist/components/Toast/ToastGroup.js.map +1 -1
- package/dist/components/Toast/index.css +1 -1
- package/dist/components/Toast/index.css.map +1 -1
- package/dist/components/Toast/index.js +1 -13
- package/dist/components/Toast/index.js.map +1 -1
- package/dist/components/ToggleSwitch/ToggleSwitch.css.map +1 -1
- package/dist/components/ToggleSwitch/ToggleSwitch.d.ts +1 -1
- package/dist/components/ToggleSwitch/ToggleSwitch.js +22 -39
- package/dist/components/ToggleSwitch/ToggleSwitch.js.map +1 -1
- package/dist/components/ToggleSwitch/ToggleSwitch.test.js +15 -20
- package/dist/components/ToggleSwitch/ToggleSwitch.test.js.map +1 -1
- package/dist/components/ToggleSwitch/index.css.map +1 -1
- package/dist/components/ToggleSwitch/index.js +1 -13
- package/dist/components/ToggleSwitch/index.js.map +1 -1
- package/dist/components/Togglebox/Togglebox.css +1 -1
- package/dist/components/Togglebox/Togglebox.css.map +1 -1
- package/dist/components/Togglebox/Togglebox.d.ts +1 -0
- package/dist/components/Togglebox/Togglebox.js +40 -95
- package/dist/components/Togglebox/Togglebox.js.map +1 -1
- package/dist/components/Togglebox/index.css +1 -1
- package/dist/components/Togglebox/index.css.map +1 -1
- package/dist/components/Togglebox/index.js +1 -13
- package/dist/components/Togglebox/index.js.map +1 -1
- package/dist/components/Tooltip/Tooltip.css.map +1 -1
- package/dist/components/Tooltip/Tooltip.js +30 -68
- package/dist/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/components/Tooltip/index.css.map +1 -1
- package/dist/components/Tooltip/index.js +1 -13
- package/dist/components/Tooltip/index.js.map +1 -1
- package/dist/components/VisuallyHidden/VisuallyHidden.js +5 -12
- package/dist/components/VisuallyHidden/VisuallyHidden.js.map +1 -1
- package/dist/components/VisuallyHidden/index.js +1 -13
- package/dist/components/VisuallyHidden/index.js.map +1 -1
- package/dist/components/index.css +188 -106
- package/dist/components/index.css.map +1 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +77 -88
- package/dist/components/index.js.map +1 -1
- package/dist/global/index.css +1 -1
- package/dist/global/version.css +1 -1
- package/dist/hooks/index.js +5 -17
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/useFocusVisible.js +15 -19
- package/dist/hooks/useFocusVisible.js.map +1 -1
- package/dist/hooks/useFocusVisible.test.js +35 -41
- package/dist/hooks/useFocusVisible.test.js.map +1 -1
- package/dist/hooks/useMergedRef.js +5 -16
- package/dist/hooks/useMergedRef.js.map +1 -1
- package/dist/hooks/useScreenSize.js +22 -29
- package/dist/hooks/useScreenSize.js.map +1 -1
- package/dist/hooks/useScrollPosition.js +16 -37
- package/dist/hooks/useScrollPosition.js.map +1 -1
- package/dist/hooks/useVisuallyHidden.js +3 -7
- package/dist/hooks/useVisuallyHidden.js.map +1 -1
- package/dist/internal/Overlay/Overlay.css.map +1 -1
- package/dist/internal/Overlay/Overlay.js +12 -39
- package/dist/internal/Overlay/Overlay.js.map +1 -1
- package/dist/internal/Overlay/index.css.map +1 -1
- package/dist/internal/Overlay/index.js +1 -13
- package/dist/internal/Overlay/index.js.map +1 -1
- package/dist/internal/Popper/Popper.css.map +1 -1
- package/dist/internal/Popper/Popper.js +77 -96
- package/dist/internal/Popper/Popper.js.map +1 -1
- package/dist/internal/Popper/index.css.map +1 -1
- package/dist/internal/Popper/index.js +1 -13
- package/dist/internal/Popper/index.js.map +1 -1
- package/dist/internal/Portal/Portal.js +8 -13
- package/dist/internal/Portal/Portal.js.map +1 -1
- package/dist/internal/Portal/index.js +1 -13
- package/dist/internal/Portal/index.js.map +1 -1
- package/dist/internal/index.css.map +1 -1
- package/dist/internal/index.js +3 -15
- package/dist/internal/index.js.map +1 -1
- package/dist/system-light.css +9 -9
- package/dist/system-light.css.map +1 -1
- package/dist/system-light.min.css +1 -1
- package/dist/system.css +144 -62
- package/dist/system.css.map +1 -1
- package/dist/system.js +3 -15
- package/dist/system.js.map +1 -1
- package/dist/system.min.css +2 -2
- package/dist/themes/index.css +16 -10
- package/dist/themes/index.css.map +1 -1
- package/dist/themes/kendo/index.css +16 -10
- package/dist/themes/kendo/index.css.map +1 -1
- package/dist/utilities/ConditionalWrapper.js +3 -11
- package/dist/utilities/ConditionalWrapper.js.map +1 -1
- package/dist/utilities/DefaultPortalContext.js +2 -5
- package/dist/utilities/DefaultPortalContext.js.map +1 -1
- package/dist/utilities/FocusTrap/FocusTrap.js +12 -33
- package/dist/utilities/FocusTrap/FocusTrap.js.map +1 -1
- package/dist/utilities/FocusTrap/index.js +1 -13
- package/dist/utilities/FocusTrap/index.js.map +1 -1
- package/dist/utilities/OverlayContext.js +7 -14
- package/dist/utilities/OverlayContext.js.map +1 -1
- package/dist/utilities/SemanticUtils/index.js +2 -14
- package/dist/utilities/SemanticUtils/index.js.map +1 -1
- package/dist/utilities/SemanticUtils/refUtils.js +4 -10
- package/dist/utilities/SemanticUtils/refUtils.js.map +1 -1
- package/dist/utilities/SemanticUtils/widths.js +3 -7
- package/dist/utilities/SemanticUtils/widths.js.map +1 -1
- package/dist/utilities/ThemeProvider.d.ts +7 -2
- package/dist/utilities/ThemeProvider.js +21 -37
- package/dist/utilities/ThemeProvider.js.map +1 -1
- package/dist/utilities/color-utils.js +7 -14
- package/dist/utilities/color-utils.js.map +1 -1
- package/dist/utilities/dateFormat.js +15 -20
- package/dist/utilities/dateFormat.js.map +1 -1
- package/dist/utilities/debounce.js +6 -16
- package/dist/utilities/debounce.js.map +1 -1
- package/dist/utilities/getContent.js +2 -6
- package/dist/utilities/getContent.js.map +1 -1
- package/dist/utilities/index.d.ts +1 -0
- package/dist/utilities/index.js +17 -28
- package/dist/utilities/index.js.map +1 -1
- package/dist/utilities/isElementOfType.js +12 -20
- package/dist/utilities/isElementOfType.js.map +1 -1
- package/dist/utilities/justify-props.js +1 -2
- package/dist/utilities/keyCodes.js +3 -6
- package/dist/utilities/keyCodes.js.map +1 -1
- package/dist/utilities/maskUtils.js +16 -30
- package/dist/utilities/maskUtils.js.map +1 -1
- package/dist/utilities/maskUtils.test.js +134 -136
- package/dist/utilities/maskUtils.test.js.map +1 -1
- package/dist/utilities/usePrefersColorScheme.d.ts +5 -0
- package/dist/utilities/usePrefersColorScheme.js +22 -0
- package/dist/utilities/usePrefersColorScheme.js.map +1 -0
- package/dist/utilities/useStorybookFigmaAddon.js +4 -8
- package/dist/utilities/useStorybookFigmaAddon.js.map +1 -1
- package/dist/utilities/wrapChildren.js +7 -14
- package/dist/utilities/wrapChildren.js.map +1 -1
- package/dist/utilities/wrapWithComponent.js +8 -44
- package/dist/utilities/wrapWithComponent.js.map +1 -1
- package/package.json +13 -10
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FocusContext.js","sourceRoot":"","sources":["../../../../src/components/AnvilSelect/utils/FocusContext.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FocusContext.js","sourceRoot":"","sources":["../../../../src/components/AnvilSelect/utils/FocusContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,eAAe,EAAgB,MAAM,IAAI,CAAC;AAyBnE,MAAM,QAAQ,GAAG,CAAC,aAAyB,EAAE,EAAc,EAAE;IAC5D,uBACC,WAAW,EAAE,KAAK,EAClB,WAAW,EAAE,IAAI,EACjB,WAAW,EAAE,IAAI,EACjB,WAAW,EAAE,KAAK,EAClB,YAAY,EAAE,KAAK,IAChB,UAAU,EACZ;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAiB,EAAE,MAAmB,EAAE,EAAE;IACtE,QAAQ,MAAM,CAAC,IAAI,EAAE;QACpB,KAAK,eAAe,CAAC,QAAQ,CAAC,CAAC;YAC9B,OAAO,QAAQ,mBAAM,MAAM,CAAC,OAAO,EAAG,CAAC;SACvC;QACD;YACC,OAAO,QAAQ,EAAE,CAAC;KACnB;AACF,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAC9B,MAA8B,EAC9B,MAA8B,EAC9B,OAAkC,EAClC,YAAqB,EACrB,IAAc,EACD,EAAE;IACf,MAAM,YAAY,GAAG,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAA,CAAC;IAClD,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAEnE,IAAI,YAAY,EAAE;QACjB,OAAO;YACN,WAAW,EAAE,KAAK;YAClB,WAAW,EAAE,IAAI;YACjB,WAAW,EAAE,IAAI;YACjB,WAAW,EAAE,KAAK;YAClB,YAAY,EAAE,KAAK;SACnB,CAAC;KACF;IAED,OAAO;QACN,WAAW,EAAE,YAAY;QACzB,WAAW,EAAE,YAAY,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW;QAC1D,WAAW,EAAE,IAAI;QACjB,WAAW,EAAE,KAAK;QAClB,YAAY,EAAE,CAAC,YAAY,IAAI,CAAC,WAAW;KAC3C,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAe,IAAI,CAAC,CAAC"}
|
|
@@ -1,10 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.FooterAction = void 0;
|
|
4
|
-
var FooterAction;
|
|
1
|
+
export var FooterAction;
|
|
5
2
|
(function (FooterAction) {
|
|
6
3
|
FooterAction[FooterAction["SelectAll"] = 0] = "SelectAll";
|
|
7
4
|
FooterAction[FooterAction["SelectNone"] = 1] = "SelectNone";
|
|
8
5
|
FooterAction[FooterAction["Apply"] = 2] = "Apply";
|
|
9
|
-
})(FooterAction
|
|
6
|
+
})(FooterAction || (FooterAction = {}));
|
|
10
7
|
//# sourceMappingURL=FooterAction.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FooterAction.js","sourceRoot":"","sources":["../../../../src/components/AnvilSelect/utils/FooterAction.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FooterAction.js","sourceRoot":"","sources":["../../../../src/components/AnvilSelect/utils/FooterAction.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,YAIX;AAJD,WAAY,YAAY;IACvB,yDAAS,CAAA;IACT,2DAAU,CAAA;IACV,iDAAK,CAAA;AACN,CAAC,EAJW,YAAY,KAAZ,YAAY,QAIvB"}
|
|
@@ -1,20 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
4
|
-
if (ar || !(i in from)) {
|
|
5
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
6
|
-
ar[i] = from[i];
|
|
7
|
-
}
|
|
8
|
-
}
|
|
9
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
10
|
-
};
|
|
11
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
12
|
-
exports.getPreviousOption = exports.getNextOption = exports.focusLastOption = exports.focusFirstOption = exports.focusOption = exports.doesFooterExist = exports.doesHeaderExist = exports.getOptionsArray = exports.getLastOption = exports.getFirstOption = void 0;
|
|
13
|
-
var getFirstOption = function (options, tree) {
|
|
14
|
-
for (var _i = 0, options_1 = options; _i < options_1.length; _i++) {
|
|
15
|
-
var option = options_1[_i];
|
|
1
|
+
export const getFirstOption = (options, tree) => {
|
|
2
|
+
for (const option of options) {
|
|
16
3
|
if (option.options && !tree) {
|
|
17
|
-
|
|
4
|
+
const firstOption = getFirstOption(option.options, false);
|
|
18
5
|
if (firstOption) {
|
|
19
6
|
return firstOption;
|
|
20
7
|
}
|
|
@@ -26,32 +13,27 @@ var getFirstOption = function (options, tree) {
|
|
|
26
13
|
}
|
|
27
14
|
return null;
|
|
28
15
|
};
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
return (0, exports.getFirstOption)(__spreadArray([], options, true).reverse(), false);
|
|
16
|
+
export const getLastOption = (options) => {
|
|
17
|
+
return getFirstOption([...options].reverse(), false);
|
|
32
18
|
};
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
var options = selectElementByClassName(target, 'OptionList__option');
|
|
19
|
+
const selectElementByClassName = (target, className) => { var _a; return (_a = target.closest('.a-Select')) === null || _a === void 0 ? void 0 : _a.getElementsByClassName(className); };
|
|
20
|
+
export const getOptionsArray = (target) => {
|
|
21
|
+
const options = selectElementByClassName(target, 'OptionList__option');
|
|
37
22
|
return options
|
|
38
|
-
? Array.from(options).filter(
|
|
23
|
+
? Array.from(options).filter((option) => {
|
|
39
24
|
return !(option.classList.contains('OptionList__option--disabled') ||
|
|
40
25
|
option.classList.contains('OptionList__option--read-only'));
|
|
41
26
|
})
|
|
42
27
|
: [];
|
|
43
28
|
};
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
var currentOptionIndex = optionsArray.indexOf(currentOption);
|
|
29
|
+
const getCurrentOptionIndex = (target, optionsArray) => {
|
|
30
|
+
const currentOption = target.closest('.OptionList__option');
|
|
31
|
+
const currentOptionIndex = optionsArray.indexOf(currentOption);
|
|
48
32
|
return currentOptionIndex;
|
|
49
33
|
};
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
exports.doesFooterExist = doesFooterExist;
|
|
54
|
-
var focusOption = function (option, closeSelectCallback) {
|
|
34
|
+
export const doesHeaderExist = (target) => { var _a; return !!((_a = selectElementByClassName(target, 'Popover__header')) === null || _a === void 0 ? void 0 : _a.length); };
|
|
35
|
+
export const doesFooterExist = (target) => { var _a; return !!((_a = selectElementByClassName(target, 'Popover__footer')) === null || _a === void 0 ? void 0 : _a.length); };
|
|
36
|
+
export const focusOption = (option, closeSelectCallback) => {
|
|
55
37
|
var _a, _b;
|
|
56
38
|
if (!option) {
|
|
57
39
|
closeSelectCallback === null || closeSelectCallback === void 0 ? void 0 : closeSelectCallback();
|
|
@@ -60,32 +42,27 @@ var focusOption = function (option, closeSelectCallback) {
|
|
|
60
42
|
(_b = (_a = option) === null || _a === void 0 ? void 0 : _a.getElementsByTagName('label')[0]) === null || _b === void 0 ? void 0 : _b.focus();
|
|
61
43
|
}
|
|
62
44
|
};
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
(0, exports.focusOption)(firstOption, closeSelectCallback);
|
|
45
|
+
export const focusFirstOption = (target, closeSelectCallback) => {
|
|
46
|
+
const optionsArray = getOptionsArray(target);
|
|
47
|
+
const firstOption = getFirstOption(optionsArray, false);
|
|
48
|
+
focusOption(firstOption, closeSelectCallback);
|
|
68
49
|
};
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
(0, exports.focusOption)(lastOption, closeSelectCallback);
|
|
50
|
+
export const focusLastOption = (target, closeSelectCallback) => {
|
|
51
|
+
const optionsArray = getOptionsArray(target);
|
|
52
|
+
const lastOption = getLastOption(optionsArray);
|
|
53
|
+
focusOption(lastOption, closeSelectCallback);
|
|
74
54
|
};
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
var nextOption = optionsArray[currentOptionIndex + 1];
|
|
55
|
+
export const getNextOption = (target) => {
|
|
56
|
+
const optionsArray = getOptionsArray(target);
|
|
57
|
+
const currentOptionIndex = getCurrentOptionIndex(target, optionsArray);
|
|
58
|
+
const nextOption = optionsArray[currentOptionIndex + 1];
|
|
80
59
|
return nextOption === null || nextOption === void 0 ? void 0 : nextOption.getElementsByTagName('label')[0];
|
|
81
60
|
};
|
|
82
|
-
|
|
83
|
-
var getPreviousOption = function (target) {
|
|
61
|
+
export const getPreviousOption = (target) => {
|
|
84
62
|
var _a;
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
63
|
+
const optionsArray = getOptionsArray(target);
|
|
64
|
+
const currentOptionIndex = getCurrentOptionIndex(target, optionsArray);
|
|
65
|
+
const previousOption = (_a = optionsArray[currentOptionIndex - 1]) === null || _a === void 0 ? void 0 : _a.getElementsByTagName('label')[0];
|
|
88
66
|
return previousOption;
|
|
89
67
|
};
|
|
90
|
-
exports.getPreviousOption = getPreviousOption;
|
|
91
68
|
//# sourceMappingURL=focus-utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"focus-utils.js","sourceRoot":"","sources":["../../../../src/components/AnvilSelect/utils/focus-utils.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"focus-utils.js","sourceRoot":"","sources":["../../../../src/components/AnvilSelect/utils/focus-utils.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,17 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
}) : (function(o, m, k, k2) {
|
|
6
|
-
if (k2 === undefined) k2 = k;
|
|
7
|
-
o[k2] = m[k];
|
|
8
|
-
}));
|
|
9
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
|
-
};
|
|
12
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
|
-
__exportStar(require("./FocusActionType"), exports);
|
|
14
|
-
__exportStar(require("./focus-utils"), exports);
|
|
15
|
-
__exportStar(require("./FocusContext"), exports);
|
|
16
|
-
__exportStar(require("./FooterAction"), exports);
|
|
1
|
+
export * from './FocusActionType';
|
|
2
|
+
export * from './focus-utils';
|
|
3
|
+
export * from './FocusContext';
|
|
4
|
+
export * from './FooterAction';
|
|
17
5
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/AnvilSelect/utils/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/AnvilSelect/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Avatar/Avatar.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA,OCiBa;ADfb;EACA;EDKA;EACA,kBEsCqB;EFrCrB;EACA;EACA;EACA;EACA,OEGa;EFFb;EACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Avatar/Avatar.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA,OCiBa;ADfb;EACA;EDKA;EACA,kBEsCqB;EFrCrB;EACA;EACA;EACA;EACA,OEGa;EFFb;EACA,aEyFkB;EFxFlB;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAID;EAAqB,OEdP;;;AFiBd;EAAkB;;;AAClB;EAAmB,eE3BD;;;AFsClB;EAPC,WE2Fa;EF1Fb,WEmFW;EFlFX,YEkFW;EFjFX,OEiFW;EFhFX,QEgFW;EF1EX;;AAEA;EAAiB,WEiFJ;;;AF9Ed;EAfC,WE6Fa;EF5Fb,WEoFW;EFnFX,YEmFW;EFlFX,OEkFW;EFjFX,QEiFW;;AFnEX;EAAiB,WE6EJ;;;AF1Ed;EArBC,WE+Fa;EF9Fb,WEqFW;EFpFX,YEoFW;EFnFX,OEmFW;EFlFX,QEkFW;;AF9DX;EAAiB,WEyEJ","file":"Avatar.css"}
|
|
@@ -1,15 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
2
|
var t = {};
|
|
15
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -21,72 +9,66 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
9
|
}
|
|
22
10
|
return t;
|
|
23
11
|
};
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
var classnames_1 = __importDefault(require("classnames"));
|
|
31
|
-
var color_utils_1 = require("../../utilities/color-utils");
|
|
32
|
-
var tokens_1 = __importDefault(require("@servicetitan/tokens"));
|
|
33
|
-
var Icon_1 = require("../Icon");
|
|
34
|
-
exports.allowedRandomColors = [
|
|
12
|
+
import React from 'react';
|
|
13
|
+
import classnames from 'classnames';
|
|
14
|
+
import { isDark } from '../../utilities/color-utils';
|
|
15
|
+
import tokens from '@servicetitan/tokens';
|
|
16
|
+
import { Icon } from '../Icon';
|
|
17
|
+
export const allowedRandomColors = [
|
|
35
18
|
/* 400 */
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
19
|
+
tokens.colorBlueGrey400,
|
|
20
|
+
tokens.colorOrange400,
|
|
21
|
+
tokens.colorCyan400,
|
|
22
|
+
tokens.colorPurple400,
|
|
23
|
+
tokens.colorMagenta400,
|
|
41
24
|
/* 600 */
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
25
|
+
tokens.colorBlueGrey600,
|
|
26
|
+
tokens.colorOrange600,
|
|
27
|
+
tokens.colorCyan600,
|
|
28
|
+
tokens.colorPurple600,
|
|
29
|
+
tokens.colorMagenta600,
|
|
47
30
|
];
|
|
48
|
-
|
|
49
|
-
var
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
return
|
|
31
|
+
export const Avatar = (_a) => {
|
|
32
|
+
var { autoColor, className, color = tokens.colorBlueGrey100, image, name, rounded, size = 'm', icon } = _a, props = __rest(_a, ["autoColor", "className", "color", "image", "name", "rounded", "size", "icon"]);
|
|
33
|
+
const getRandomColor = () => {
|
|
34
|
+
const colorLength = allowedRandomColors.length;
|
|
35
|
+
const nameLength = name ? name.length : icon.length;
|
|
36
|
+
const colorIndex = (nameLength - 1) % colorLength;
|
|
37
|
+
return allowedRandomColors[colorIndex];
|
|
55
38
|
};
|
|
56
|
-
|
|
39
|
+
const getInitials = () => {
|
|
57
40
|
if (!name)
|
|
58
41
|
return;
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
return
|
|
42
|
+
const nameSplit = name.split(' ');
|
|
43
|
+
const first = nameSplit[0].substr(0, 1);
|
|
44
|
+
const last = nameSplit.length > 1 ? nameSplit.pop().substr(0, 1) : '';
|
|
45
|
+
return `${first}${last}`;
|
|
63
46
|
};
|
|
64
|
-
|
|
47
|
+
const getContent = () => {
|
|
65
48
|
if (image)
|
|
66
49
|
return;
|
|
67
50
|
if (icon)
|
|
68
|
-
return
|
|
51
|
+
return React.createElement(Icon, { name: icon });
|
|
69
52
|
if (name)
|
|
70
53
|
return getInitials();
|
|
71
54
|
};
|
|
72
|
-
|
|
55
|
+
let customColor = color;
|
|
73
56
|
if (!image && autoColor)
|
|
74
57
|
customColor = getRandomColor();
|
|
75
|
-
|
|
58
|
+
const AvatarClasses = classnames('Avatar', className, `Avatar--${size}`, {
|
|
76
59
|
'Avatar--circle': !rounded,
|
|
77
60
|
'Avatar--rounded': rounded,
|
|
78
61
|
'Avatar--text-alignment': !!name,
|
|
79
|
-
'Avatar--lightText':
|
|
62
|
+
'Avatar--lightText': isDark(customColor),
|
|
80
63
|
'Avatar--icon': !name && !!icon,
|
|
81
64
|
});
|
|
82
|
-
|
|
65
|
+
const style = image
|
|
83
66
|
? {
|
|
84
|
-
backgroundImage:
|
|
67
|
+
backgroundImage: `url(${image})`,
|
|
85
68
|
}
|
|
86
69
|
: {
|
|
87
70
|
backgroundColor: customColor,
|
|
88
71
|
};
|
|
89
|
-
return (
|
|
72
|
+
return (React.createElement("div", Object.assign({ "aria-label": name, className: AvatarClasses, style: style, title: name }, props), getContent()));
|
|
90
73
|
};
|
|
91
|
-
exports.Avatar = Avatar;
|
|
92
74
|
//# sourceMappingURL=Avatar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,28 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
};
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
var Avatar_1 = require("./Avatar");
|
|
10
|
-
describe('Avatar', function () {
|
|
11
|
-
it('Name', function () {
|
|
12
|
-
var getByLabelText = (0, react_2.render)(react_1.default.createElement(Avatar_1.Avatar, { name: "Rose Tico" })).getByLabelText;
|
|
13
|
-
var el = getByLabelText('Rose Tico');
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import '@testing-library/jest-dom';
|
|
3
|
+
import { render } from '@testing-library/react';
|
|
4
|
+
import { Avatar } from './Avatar';
|
|
5
|
+
describe('Avatar', () => {
|
|
6
|
+
it('Name', () => {
|
|
7
|
+
const { getByLabelText } = render(React.createElement(Avatar, { name: "Rose Tico" }));
|
|
8
|
+
const el = getByLabelText('Rose Tico');
|
|
14
9
|
expect(el).toBeVisible();
|
|
15
10
|
expect(el).toHaveTextContent('RT');
|
|
16
11
|
});
|
|
17
|
-
it('Name & Image',
|
|
18
|
-
|
|
19
|
-
|
|
12
|
+
it('Name & Image', () => {
|
|
13
|
+
const { getByLabelText } = render(React.createElement(Avatar, { name: "Rose Tico", image: "https://placehold.it/100" }));
|
|
14
|
+
const el = getByLabelText('Rose Tico');
|
|
20
15
|
expect(el).toBeVisible();
|
|
21
16
|
expect(el).not.toHaveTextContent('RT');
|
|
22
17
|
});
|
|
23
|
-
it('Name & Icon',
|
|
24
|
-
|
|
25
|
-
|
|
18
|
+
it('Name & Icon', () => {
|
|
19
|
+
const { getByLabelText } = render(React.createElement(Avatar, { name: "Rose Tico", icon: "email" }));
|
|
20
|
+
const el = getByLabelText('Rose Tico');
|
|
26
21
|
expect(el).toBeVisible();
|
|
27
22
|
expect(el).not.toHaveTextContent('RT');
|
|
28
23
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.test.js","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.test.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Avatar.test.js","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;IACvB,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE;QACf,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,CAAC,oBAAC,MAAM,IAAC,IAAI,EAAC,WAAW,GAAG,CAAC,CAAC;QAC/D,MAAM,EAAE,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;QAEvC,MAAM,CAAC,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC;QACzB,MAAM,CAAC,EAAE,CAAC,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,cAAc,EAAE,GAAG,EAAE;QACvB,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,CAChC,oBAAC,MAAM,IAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,0BAA0B,GAAG,CAC5D,CAAC;QACF,MAAM,EAAE,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;QAEvC,MAAM,CAAC,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC;QACzB,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,aAAa,EAAE,GAAG,EAAE;QACtB,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,CAChC,oBAAC,MAAM,IAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAC,OAAO,GAAG,CACxC,CAAC;QACF,MAAM,EAAE,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;QAEvC,MAAM,CAAC,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC;QACzB,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;IACxC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Avatar/Avatar.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA,OCiBa;ADfb;EACA;EDKA;EACA,kBEsCqB;EFrCrB;EACA;EACA;EACA;EACA,OEGa;EFFb;EACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Avatar/Avatar.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA,OCiBa;ADfb;EACA;EDKA;EACA,kBEsCqB;EFrCrB;EACA;EACA;EACA;EACA,OEGa;EFFb;EACA,aEyFkB;EFxFlB;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAID;EAAqB,OEdP;;;AFiBd;EAAkB;;;AAClB;EAAmB,eE3BD;;;AFsClB;EAPC,WE2Fa;EF1Fb,WEmFW;EFlFX,YEkFW;EFjFX,OEiFW;EFhFX,QEgFW;EF1EX;;AAEA;EAAiB,WEiFJ;;;AF9Ed;EAfC,WE6Fa;EF5Fb,WEoFW;EFnFX,YEmFW;EFlFX,OEkFW;EFjFX,QEiFW;;AFnEX;EAAiB,WE6EJ;;;AF1Ed;EArBC,WE+Fa;EF9Fb,WEqFW;EFpFX,YEoFW;EFnFX,OEmFW;EFlFX,QEkFW;;AF9DX;EAAiB,WEyEJ","file":"index.css"}
|
|
@@ -1,14 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
-
}) : (function(o, m, k, k2) {
|
|
6
|
-
if (k2 === undefined) k2 = k;
|
|
7
|
-
o[k2] = m[k];
|
|
8
|
-
}));
|
|
9
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
|
-
};
|
|
12
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
|
-
__exportStar(require("./Avatar"), exports);
|
|
1
|
+
export * from './Avatar';
|
|
14
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Avatar/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Avatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/BackLink/BackLink.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACaA;EAEC;ACdA;EACA,OCiBa;ADfb;EACA;EDDA;EACA;EACA;EAcA;EACA;EACA;EACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/BackLink/BackLink.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACaA;EAEC;ACdA;EACA,OCiBa;ADfb;EACA;EDDA;EACA;EACA;EAcA;EACA;EACA;EACA,WE8Ga;EF7Gb;;AAhBA;EACC;;AAiBD;EACC;EACA,YE2Fa;;;AFvFf;EACC,cEyFW","file":"BackLink.css"}
|
|
@@ -1,15 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
2
|
var t = {};
|
|
15
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -21,26 +9,20 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
9
|
}
|
|
22
10
|
return t;
|
|
23
11
|
};
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
var
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
var BackLink = function (_a) {
|
|
34
|
-
var className = _a.className, pageLabel = _a.pageLabel, onClick = _a.onClick, onFocus = _a.onFocus, onBlur = _a.onBlur, props = __rest(_a, ["className", "pageLabel", "onClick", "onFocus", "onBlur"]);
|
|
35
|
-
var itemRef = react_1.default.useRef(null);
|
|
36
|
-
var _b = (0, useFocusVisible_1.useFocusVisible)(itemRef, onBlur, onFocus), isFocusVisible = _b.isFocusVisible, focusFunction = _b.focusFunction, blurFunction = _b.blurFunction;
|
|
37
|
-
var BackLinkClasses = (0, classnames_1.default)('BackLink', className, {
|
|
12
|
+
import React from 'react';
|
|
13
|
+
import classnames from 'classnames';
|
|
14
|
+
import { Icon } from '../Icon';
|
|
15
|
+
import { useFocusVisible } from '../../hooks/useFocusVisible';
|
|
16
|
+
export const BackLink = (_a) => {
|
|
17
|
+
var { className, pageLabel, onClick, onFocus, onBlur } = _a, props = __rest(_a, ["className", "pageLabel", "onClick", "onFocus", "onBlur"]);
|
|
18
|
+
const itemRef = React.useRef(null);
|
|
19
|
+
const { isFocusVisible, focusFunction, blurFunction } = useFocusVisible(itemRef, onBlur, onFocus);
|
|
20
|
+
const BackLinkClasses = classnames('BackLink', className, {
|
|
38
21
|
'BackLink--focus-visible': isFocusVisible,
|
|
39
22
|
});
|
|
40
|
-
|
|
41
|
-
return (
|
|
42
|
-
|
|
43
|
-
|
|
23
|
+
const LinkElement = props.href ? 'a' : 'button';
|
|
24
|
+
return (React.createElement(LinkElement, Object.assign({ className: BackLinkClasses, onClick: onClick, onFocus: focusFunction, onBlur: blurFunction, ref: itemRef }, props),
|
|
25
|
+
React.createElement(Icon, { className: "BackLink__back-icon", name: "chevron_left" }),
|
|
26
|
+
React.createElement("span", { className: "BackLink__label" }, pageLabel ? `Back to ${pageLabel}` : `Back`)));
|
|
44
27
|
};
|
|
45
|
-
exports.BackLink = BackLink;
|
|
46
28
|
//# sourceMappingURL=BackLink.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BackLink.js","sourceRoot":"","sources":["../../../src/components/BackLink/BackLink.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"BackLink.js","sourceRoot":"","sources":["../../../src/components/BackLink/BackLink.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAc9D,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAO3C,EAAE,EAAE;QAPuC,EAC3C,SAAS,EACT,SAAS,EACT,OAAO,EACP,OAAO,EACP,MAAM,OAEN,EADG,KAAK,cANmC,0DAO3C,CADQ;IAER,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAEnC,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,eAAe,CACtE,OAAO,EACP,MAAM,EACN,OAAO,CACP,CAAC;IAEF,MAAM,eAAe,GAAG,UAAU,CAAC,UAAU,EAAE,SAAS,EAAE;QACzD,yBAAyB,EAAE,cAAc;KACzC,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEhD,OAAO,CACN,oBAAC,WAAW,kBACX,SAAS,EAAE,eAAe,EAC1B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,aAAa,EACtB,MAAM,EAAE,YAAY,EACpB,GAAG,EAAE,OAAO,IACR,KAAK;QAET,oBAAC,IAAI,IAAC,SAAS,EAAC,qBAAqB,EAAC,IAAI,EAAC,cAAc,GAAG;QAC5D,8BAAM,SAAS,EAAC,iBAAiB,IAC/B,SAAS,CAAC,CAAC,CAAC,WAAW,SAAS,EAAE,CAAC,CAAC,CAAC,MAAM,CACtC,CACM,CACd,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1,22 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
describe('BackLink', function () {
|
|
10
|
-
beforeEach(function () { return jest.spyOn(console, 'error'); });
|
|
11
|
-
it('it should be an anchor element if href attribute exists', function () {
|
|
12
|
-
var getByRole = (0, react_2.render)(react_1.default.createElement(BackLink_1.BackLink, { href: "https://anvil.servicetitan.com" }, "Website")).getByRole;
|
|
13
|
-
var link = getByRole('link');
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { render } from '@testing-library/react';
|
|
3
|
+
import { BackLink } from './BackLink';
|
|
4
|
+
describe('BackLink', () => {
|
|
5
|
+
beforeEach(() => jest.spyOn(console, 'error'));
|
|
6
|
+
it('it should be an anchor element if href attribute exists', () => {
|
|
7
|
+
const { getByRole } = render(React.createElement(BackLink, { href: "https://anvil.servicetitan.com" }, "Website"));
|
|
8
|
+
const link = getByRole('link');
|
|
14
9
|
expect(link).not.toHaveAttribute('type');
|
|
15
10
|
expect(link.tagName).toBe('A');
|
|
16
11
|
});
|
|
17
|
-
it('it should be a button element if no href attribute exists',
|
|
18
|
-
|
|
19
|
-
|
|
12
|
+
it('it should be a button element if no href attribute exists', () => {
|
|
13
|
+
const { getByRole } = render(React.createElement(BackLink, { onClick: () => { } }, "Website"));
|
|
14
|
+
const link = getByRole('button');
|
|
20
15
|
expect(link).not.toHaveAttribute('type', 'button');
|
|
21
16
|
expect(link.tagName).toBe('BUTTON');
|
|
22
17
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BackLink.test.js","sourceRoot":"","sources":["../../../src/components/BackLink/BackLink.test.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"BackLink.test.js","sourceRoot":"","sources":["../../../src/components/BackLink/BackLink.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACzB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAC/C,EAAE,CAAC,yDAAyD,EAAE,GAAG,EAAE;QAClE,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,QAAQ,IAAC,IAAI,EAAC,gCAAgC,cAAmB,CAClE,CAAC;QAEF,MAAM,IAAI,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;QAE/B,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;QACzC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAChC,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,2DAA2D,EAAE,GAAG,EAAE;QACpE,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,QAAQ,IAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,cAAoB,CAC/C,CAAC;QAEF,MAAM,IAAI,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;QAEjC,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QACnD,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACrC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/BackLink/BackLink.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACaA;EAEC;ACdA;EACA,OCiBa;ADfb;EACA;EDDA;EACA;EACA;EAcA;EACA;EACA;EACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/BackLink/BackLink.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACaA;EAEC;ACdA;EACA,OCiBa;ADfb;EACA;EDDA;EACA;EACA;EAcA;EACA;EACA;EACA,WE8Ga;EF7Gb;;AAhBA;EACC;;AAiBD;EACC;EACA,YE2Fa;;;AFvFf;EACC,cEyFW","file":"index.css"}
|
|
@@ -1,14 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
-
}) : (function(o, m, k, k2) {
|
|
6
|
-
if (k2 === undefined) k2 = k;
|
|
7
|
-
o[k2] = m[k];
|
|
8
|
-
}));
|
|
9
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
|
-
};
|
|
12
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
|
-
__exportStar(require("./BackLink"), exports);
|
|
1
|
+
export * from './BackLink';
|
|
14
2
|
//# sourceMappingURL=index.js.map
|