@servicetitan/design-system 10.8.0 → 11.2.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.css +2 -21
- package/dist/components/Backdrop/Backdrop.css.map +1 -1
- package/dist/components/Backdrop/Backdrop.d.ts +5 -7
- package/dist/components/Backdrop/Backdrop.js +18 -67
- package/dist/components/Backdrop/Backdrop.js.map +1 -1
- package/dist/components/Backdrop/index.css +2 -21
- package/dist/components/Backdrop/index.css.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.d.ts +18 -18
- 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.d.ts +9 -0
- package/dist/components/DateRangePicker/DateRangePicker.js +88 -119
- 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.d.ts +6 -0
- package/dist/components/DateRangePicker/components/DateRangeInput.js +24 -26
- 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 +7 -1
- package/dist/components/DateRangePicker/components/DateRangeTrigger.js +41 -53
- 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.d.ts +7 -5
- package/dist/components/Dialog/Dialog.js +33 -56
- 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 +6 -1
- package/dist/components/Drawer/Drawer.css.map +1 -1
- package/dist/components/Drawer/Drawer.d.ts +16 -25
- package/dist/components/Drawer/Drawer.js +46 -75
- 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 +6 -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 +46 -0
- package/dist/components/FilterButton/FilterButton.css.map +1 -0
- package/dist/components/FilterButton/FilterButton.d.ts +20 -0
- package/dist/components/FilterButton/FilterButton.js +46 -0
- package/dist/components/FilterButton/FilterButton.js.map +1 -0
- package/dist/components/FilterButton/index.css +46 -0
- package/dist/components/FilterButton/index.css.map +1 -0
- package/dist/components/FilterButton/index.d.ts +1 -0
- package/dist/components/FilterButton/index.js +2 -0
- package/dist/components/FilterButton/index.js.map +1 -0
- 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 +144 -200
- package/dist/components/Input/Input.css.map +1 -1
- package/dist/components/Input/Input.d.ts +1 -1
- package/dist/components/Input/Input.js +114 -182
- 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 +144 -200
- 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 +5 -2
- package/dist/components/Modal/Modal.css.map +1 -1
- package/dist/components/Modal/Modal.d.ts +9 -7
- package/dist/components/Modal/Modal.js +13 -31
- package/dist/components/Modal/Modal.js.map +1 -1
- package/dist/components/Modal/components.d.ts +5 -6
- package/dist/components/Modal/components.js +57 -77
- package/dist/components/Modal/components.js.map +1 -1
- package/dist/components/Modal/index.css +5 -2
- 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.d.ts +3 -3
- package/dist/components/Popover/Popover.js +26 -51
- 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 +49 -85
- 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 +10 -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 +10 -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.css +10 -0
- package/dist/components/Takeover/Takeover.css.map +1 -1
- package/dist/components/Takeover/Takeover.d.ts +11 -4
- package/dist/components/Takeover/Takeover.js +58 -74
- package/dist/components/Takeover/Takeover.js.map +1 -1
- package/dist/components/Takeover/TakeoverFooter.css +10 -0
- 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 +10 -0
- 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 +10 -0
- 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 +389 -327
- package/dist/components/index.css.map +1 -1
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.js +77 -87
- 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.d.ts +0 -1
- package/dist/hooks/index.js +5 -18
- 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 +18 -0
- package/dist/internal/Overlay/Overlay.css.map +1 -0
- package/dist/internal/Overlay/Overlay.d.ts +15 -0
- package/dist/internal/Overlay/Overlay.js +19 -0
- package/dist/internal/Overlay/Overlay.js.map +1 -0
- package/dist/internal/Overlay/index.css +18 -0
- package/dist/internal/Overlay/index.css.map +1 -0
- package/dist/internal/Overlay/index.d.ts +1 -0
- package/dist/internal/Overlay/index.js +2 -0
- package/dist/internal/Overlay/index.js.map +1 -0
- package/dist/internal/Popper/Popper.css +7 -0
- package/dist/internal/Popper/Popper.css.map +1 -1
- package/dist/internal/Popper/Popper.d.ts +3 -1
- package/dist/internal/Popper/Popper.js +84 -94
- package/dist/internal/Popper/Popper.js.map +1 -1
- package/dist/internal/Popper/index.css +7 -0
- 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 +24 -0
- package/dist/internal/index.css.map +1 -1
- package/dist/internal/index.d.ts +1 -0
- package/dist/internal/index.js +3 -14
- package/dist/internal/index.js.map +1 -1
- package/dist/system-light.css +145 -9
- package/dist/system-light.css.map +1 -1
- package/dist/system-light.min.css +1 -1
- package/dist/system.css +483 -291
- 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.d.ts +8 -0
- package/dist/utilities/FocusTrap/FocusTrap.js +52 -0
- package/dist/utilities/FocusTrap/FocusTrap.js.map +1 -0
- package/dist/utilities/FocusTrap/index.d.ts +1 -0
- package/dist/utilities/FocusTrap/index.js +2 -0
- package/dist/utilities/FocusTrap/index.js.map +1 -0
- package/dist/utilities/OverlayContext.js +8 -20
- 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.js +16 -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.d.ts +10 -2
- package/dist/utilities/dateFormat.js +23 -26
- 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 -1
- package/dist/utilities/index.js +16 -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/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
- package/dist/hooks/useFocusScope.d.ts +0 -16
- package/dist/hooks/useFocusScope.js +0 -89
- package/dist/hooks/useFocusScope.js.map +0 -1
- package/dist/utilities/focus-utils.d.ts +0 -4
- package/dist/utilities/focus-utils.js +0 -49
- package/dist/utilities/focus-utils.js.map +0 -1
|
@@ -1,57 +1,33 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
if (k2 === undefined) k2 = k;
|
|
7
|
-
o[k2] = m[k];
|
|
8
|
-
}));
|
|
9
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
-
}) : function(o, v) {
|
|
12
|
-
o["default"] = v;
|
|
13
|
-
});
|
|
14
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
-
if (mod && mod.__esModule) return mod;
|
|
16
|
-
var result = {};
|
|
17
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
-
__setModuleDefault(result, mod);
|
|
19
|
-
return result;
|
|
20
|
-
};
|
|
21
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
22
|
-
exports.ToggleButton = void 0;
|
|
23
|
-
var react_1 = __importStar(require("react"));
|
|
24
|
-
var Tooltip_1 = require("../Tooltip");
|
|
25
|
-
var Button_1 = require("../Button");
|
|
26
|
-
var ToggleButton = function (_a) {
|
|
27
|
-
var className = _a.className, isTouchScreen = _a.isTouchScreen, isDisplaySmall = _a.isDisplaySmall, openOnLargeDisplay = _a.openOnLargeDisplay, openOnSmallDisplay = _a.openOnSmallDisplay, open = _a.open, close = _a.close, onPointerEnter = _a.onPointerEnter, onPointerLeave = _a.onPointerLeave;
|
|
28
|
-
var isCollapseButton = (isDisplaySmall && openOnSmallDisplay) ||
|
|
1
|
+
import React, { useRef } from 'react';
|
|
2
|
+
import { Tooltip } from '../Tooltip';
|
|
3
|
+
import { Button } from '../Button';
|
|
4
|
+
export const ToggleButton = ({ className, isTouchScreen, isDisplaySmall, openOnLargeDisplay, openOnSmallDisplay, open, close, onPointerEnter, onPointerLeave, }) => {
|
|
5
|
+
const isCollapseButton = (isDisplaySmall && openOnSmallDisplay) ||
|
|
29
6
|
(!isDisplaySmall &&
|
|
30
7
|
openOnLargeDisplay.value &&
|
|
31
8
|
!openOnLargeDisplay.temporary);
|
|
32
|
-
|
|
9
|
+
const iconName = isCollapseButton
|
|
33
10
|
? 'keyboard_arrow_left'
|
|
34
11
|
: 'keyboard_arrow_right';
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
12
|
+
const size = isTouchScreen ? 'medium' : 'small';
|
|
13
|
+
const pointerId = useRef();
|
|
14
|
+
const getTooltipText = () => {
|
|
38
15
|
if (isCollapseButton)
|
|
39
16
|
return 'Close sidebar';
|
|
40
17
|
if (!isDisplaySmall && openOnLargeDisplay.temporary)
|
|
41
18
|
return 'Keep sidebar open';
|
|
42
19
|
return 'Open sidebar';
|
|
43
20
|
};
|
|
44
|
-
|
|
21
|
+
const handlePointerDown = (e) => {
|
|
45
22
|
pointerId.current = e.pointerId;
|
|
46
23
|
};
|
|
47
|
-
|
|
24
|
+
const handlePointerUp = (e) => {
|
|
48
25
|
if (e.pointerId === pointerId.current) {
|
|
49
26
|
isCollapseButton ? close() : open({ temporary: isDisplaySmall });
|
|
50
27
|
pointerId.current = undefined;
|
|
51
28
|
}
|
|
52
29
|
};
|
|
53
|
-
return (
|
|
54
|
-
|
|
30
|
+
return (React.createElement(Tooltip, { hoverOnly: true, className: "Sidebar__toggle-button-wrapper", direction: "r", text: getTooltipText(), onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave },
|
|
31
|
+
React.createElement(Button, { className: className, iconName: iconName, size: size, onPointerDown: handlePointerDown, onPointerUp: handlePointerUp, onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave })));
|
|
55
32
|
};
|
|
56
|
-
exports.ToggleButton = ToggleButton;
|
|
57
33
|
//# sourceMappingURL=ToggleButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["../../../src/components/Sidebar/ToggleButton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["../../../src/components/Sidebar/ToggleButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAiBnC,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACzD,SAAS,EACT,aAAa,EACb,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,IAAI,EACJ,KAAK,EACL,cAAc,EACd,cAAc,GACd,EAAE,EAAE;IACJ,MAAM,gBAAgB,GACrB,CAAC,cAAc,IAAI,kBAAkB,CAAC;QACtC,CAAC,CAAC,cAAc;YACf,kBAAkB,CAAC,KAAK;YACxB,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC;IACjC,MAAM,QAAQ,GAAG,gBAAgB;QAChC,CAAC,CAAC,qBAAqB;QACvB,CAAC,CAAC,sBAAsB,CAAC;IAC1B,MAAM,IAAI,GAAG,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC;IAEhD,MAAM,SAAS,GAAG,MAAM,EAAU,CAAC;IAEnC,MAAM,cAAc,GAAG,GAAG,EAAE;QAC3B,IAAI,gBAAgB;YAAE,OAAO,eAAe,CAAC;QAC7C,IAAI,CAAC,cAAc,IAAI,kBAAkB,CAAC,SAAS;YAClD,OAAO,mBAAmB,CAAC;QAC5B,OAAO,cAAc,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,CAAqC,EAAE,EAAE;QACnE,SAAS,CAAC,OAAO,GAAG,CAAC,CAAC,SAAS,CAAC;IACjC,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,CAAqC,EAAE,EAAE;QACjE,IAAI,CAAC,CAAC,SAAS,KAAK,SAAS,CAAC,OAAO,EAAE;YACtC,gBAAgB,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC,CAAC;YACjE,SAAS,CAAC,OAAO,GAAG,SAAS,CAAC;SAC9B;IACF,CAAC,CAAC;IAEF,OAAO,CACN,oBAAC,OAAO,IACP,SAAS,QACT,SAAS,EAAC,gCAAgC,EAC1C,SAAS,EAAC,GAAG,EACb,IAAI,EAAE,cAAc,EAAE,EACtB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc;QAE9B,oBAAC,MAAM,IACN,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,iBAAiB,EAChC,WAAW,EAAE,eAAe,EAC5B,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,GAC7B,CACO,CACV,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Sidebar/Sidebar.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/Sidebar/SidebarSection.scss"],"names":[],"mappings":"AAAA;ACUA;ACTC;EACA,OCiBa;ADfb;EACA;EDQA;EACA;EACA;EACA,OAbe;EAcf;;AAEA;AAAA;EAEC;EACA;;;AAIF;EACC;EACA,OAzBe;EA0Bf;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;AAAA;AAAA;AAAA;EAIC;;;AAMA;AAAA;AAAA;AAAA;AAAA;EACwB,YEhCX;;AFkCb;AAAA;AAAA;AAAA;AAAA;EACuB,YEjBL;;;AFoBnB;EACC,OArDyB;;AAuDzB;EACC,OAxDwB;;AA2DzB;EACC;EACA;EACA;;AAIA;EACC;;;AAKH;EACC,OAzEyB;;AA2EzB;EACC,OA7Ec;EA8Ed;;;AAKD;EACC;;AAGD;EACC;;AAGD;EACC;EACA,eA1F6B;;;AA8F/B;EACC;EACA,eA/F6B;EAgG7B;EACA;EACA;EACA;;AAEA;EACC,kBEhFe;EFiFf,OE9Ee;EF+Ef,cE/Ee;EFgFf;;;AAIF;EACC;EACA,KA9G2B;EA+G3B;EACA;;;AGtHD;EACC;EACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Sidebar/Sidebar.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/Sidebar/SidebarSection.scss"],"names":[],"mappings":"AAAA;ACUA;ACTC;EACA,OCiBa;ADfb;EACA;EDQA;EACA;EACA;EACA,OAbe;EAcf;;AAEA;AAAA;EAEC;EACA;;;AAIF;EACC;EACA,OAzBe;EA0Bf;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;AAAA;AAAA;AAAA;EAIC;;;AAMA;AAAA;AAAA;AAAA;AAAA;EACwB,YEhCX;;AFkCb;AAAA;AAAA;AAAA;AAAA;EACuB,YEjBL;;;AFoBnB;EACC,OArDyB;;AAuDzB;EACC,OAxDwB;;AA2DzB;EACC;EACA;EACA;;AAIA;EACC;;;AAKH;EACC,OAzEyB;;AA2EzB;EACC,OA7Ec;EA8Ed;;;AAKD;EACC;;AAGD;EACC;;AAGD;EACC;EACA,eA1F6B;;;AA8F/B;EACC;EACA,eA/F6B;EAgG7B;EACA;EACA;EACA;;AAEA;EACC,kBEhFe;EFiFf,OE9Ee;EF+Ef,cE/Ee;EFgFf;;;AAIF;EACC;EACA,KA9G2B;EA+G3B;EACA;;;AGtHD;EACC;EACA,SDuHW;;ACrHX;EAAgB;;;AAGjB;AACA;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;EAA0B","file":"index.css"}
|
|
@@ -1,15 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
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("./Sidebar"), exports);
|
|
14
|
-
__exportStar(require("./SidebarSection"), exports);
|
|
1
|
+
export * from './Sidebar';
|
|
2
|
+
export * from './SidebarSection';
|
|
15
3
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Sidebar/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Sidebar/index.tsx"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Snackbar/Snackbar.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA,OCiBa;ADfb;EACA;EDCA;EACA,YEwCmB;EFvCnB;EACA;EACA;EACA,OEwBiB;EFvBjB;EACA;AAEA;EACA;EACA;EACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Snackbar/Snackbar.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA,OCiBa;ADfb;EACA;EDCA;EACA,YEwCmB;EFvCnB;EACA;EACA;EACA,OEwBiB;EFvBjB;EACA;AAEA;EACA;EACA;EACA,SEyGW;EFxGX;;;AAGD;EACC;EACA,aEoHkB;EFnHlB,eEoGW;;;AFjGZ;EACC;EACA;EACA;EACA,aE4GkB;EF3GlB;EACA,cEyFW;;AFvFX;EACC,OERe;;;AFYjB;EACC;EACA;EACA;EACA;EACA;EACA,OEJkB;;AFMlB;AAAA;EAEC;EACA;;AAED;EAAgB;;AAEhB;EAAU;;AACV;EAA4B,OEtBX;;;AFyBlB;EACC,QE8DW;EF7DX,ME6DW;EF5DX;EACA;;;AAGD;EACC;IACC;IACA;;EAGD;IACC;IACA","file":"Snackbar.css"}
|
|
@@ -1,34 +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
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
-
if (k2 === undefined) k2 = k;
|
|
15
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
16
|
-
}) : (function(o, m, k, k2) {
|
|
17
|
-
if (k2 === undefined) k2 = k;
|
|
18
|
-
o[k2] = m[k];
|
|
19
|
-
}));
|
|
20
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
21
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
22
|
-
}) : function(o, v) {
|
|
23
|
-
o["default"] = v;
|
|
24
|
-
});
|
|
25
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
26
|
-
if (mod && mod.__esModule) return mod;
|
|
27
|
-
var result = {};
|
|
28
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
29
|
-
__setModuleDefault(result, mod);
|
|
30
|
-
return result;
|
|
31
|
-
};
|
|
32
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
33
2
|
var t = {};
|
|
34
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -40,42 +9,36 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
40
9
|
}
|
|
41
10
|
return t;
|
|
42
11
|
};
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
};
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
var
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
var Snackbar = function (_a) {
|
|
53
|
-
var actionName = _a.actionName, className = _a.className, _b = _a.duration, duration = _b === void 0 ? 5000 : _b, onActionClick = _a.onActionClick, onClose = _a.onClose, _c = _a.portal, portal = _c === void 0 ? true : _c, title = _a.title, props = __rest(_a, ["actionName", "className", "duration", "onActionClick", "onClose", "portal", "title"]);
|
|
54
|
-
var _d = (0, react_1.useState)(true), visible = _d[0], setVisible = _d[1];
|
|
55
|
-
var snackbarRef = (0, react_1.useRef)(null);
|
|
56
|
-
var handleClose = react_1.default.useCallback(function (e) {
|
|
12
|
+
import React, { useState, useEffect, useRef } from 'react';
|
|
13
|
+
import classnames from 'classnames';
|
|
14
|
+
import { Button } from '../Button';
|
|
15
|
+
import { Portal } from '../../internal/Portal';
|
|
16
|
+
export const Snackbar = (_a) => {
|
|
17
|
+
var { actionName, className, duration = 5000, onActionClick, onClose, portal = true, title } = _a, props = __rest(_a, ["actionName", "className", "duration", "onActionClick", "onClose", "portal", "title"]);
|
|
18
|
+
const [visible, setVisible] = useState(true);
|
|
19
|
+
const snackbarRef = useRef(null);
|
|
20
|
+
const handleClose = React.useCallback((e) => {
|
|
57
21
|
setVisible(false);
|
|
58
22
|
if (onClose)
|
|
59
23
|
onClose(e);
|
|
60
24
|
if (snackbarRef.current != null)
|
|
61
25
|
clearTimeout(snackbarRef.current);
|
|
62
26
|
}, [onClose]);
|
|
63
|
-
|
|
27
|
+
useEffect(() => {
|
|
64
28
|
if (duration === null || duration === 0)
|
|
65
29
|
return;
|
|
66
|
-
snackbarRef.current = setTimeout(
|
|
67
|
-
return
|
|
30
|
+
snackbarRef.current = setTimeout(() => handleClose(), duration);
|
|
31
|
+
return () => clearTimeout(snackbarRef.current);
|
|
68
32
|
}, [duration, handleClose]);
|
|
69
33
|
if (!visible)
|
|
70
34
|
return null;
|
|
71
|
-
|
|
35
|
+
const SnackbarClasses = classnames('Snackbar', className, {
|
|
72
36
|
'Snackbar--floating': portal,
|
|
73
37
|
});
|
|
74
|
-
|
|
75
|
-
title &&
|
|
76
|
-
actionName && onActionClick && (
|
|
77
|
-
onClose && (
|
|
78
|
-
return
|
|
38
|
+
const snackbar = (React.createElement("div", Object.assign({ className: SnackbarClasses }, props),
|
|
39
|
+
title && React.createElement("div", { className: "Snackbar__title" }, title),
|
|
40
|
+
actionName && onActionClick && (React.createElement("div", { onClick: onActionClick, className: "Snackbar__action" }, actionName)),
|
|
41
|
+
onClose && (React.createElement(Button, { fill: "subtle", className: "Snackbar__close", iconName: "clear", size: "xsmall", onClick: handleClose }))));
|
|
42
|
+
return React.createElement(Portal, { conditional: portal }, snackbar);
|
|
79
43
|
};
|
|
80
|
-
exports.Snackbar = Snackbar;
|
|
81
44
|
//# sourceMappingURL=Snackbar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Snackbar.js","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Snackbar.js","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAgC/C,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAS3C,EAAE,EAAE;QATuC,EAC3C,UAAU,EACV,SAAS,EACT,QAAQ,GAAG,IAAI,EACf,aAAa,EACb,OAAO,EACP,MAAM,GAAG,IAAI,EACb,KAAK,OAEL,EADG,KAAK,cARmC,sFAS3C,CADQ;IAER,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAEjC,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACpC,CAAC,CAAqC,EAAE,EAAE;QACzC,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,IAAI,OAAO;YAAE,OAAO,CAAC,CAAC,CAAC,CAAC;QACxB,IAAI,WAAW,CAAC,OAAO,IAAI,IAAI;YAAE,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IACpE,CAAC,EACD,CAAC,OAAO,CAAC,CACT,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,CAAC;YAAE,OAAO;QAChD,WAAW,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,EAAE,EAAE,QAAQ,CAAC,CAAC;QAChE,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAE5B,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,eAAe,GAAG,UAAU,CAAC,UAAU,EAAE,SAAS,EAAE;QACzD,oBAAoB,EAAE,MAAM;KAC5B,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,CAChB,2CAAK,SAAS,EAAE,eAAe,IAAM,KAAK;QACxC,KAAK,IAAI,6BAAK,SAAS,EAAC,iBAAiB,IAAE,KAAK,CAAO;QACvD,UAAU,IAAI,aAAa,IAAI,CAC/B,6BAAK,OAAO,EAAE,aAAa,EAAE,SAAS,EAAC,kBAAkB,IACvD,UAAU,CACN,CACN;QACA,OAAO,IAAI,CACX,oBAAC,MAAM,IACN,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iBAAiB,EAC3B,QAAQ,EAAC,OAAO,EAChB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,WAAW,GACnB,CACF,CACI,CACN,CAAC;IAEF,OAAO,oBAAC,MAAM,IAAC,WAAW,EAAE,MAAM,IAAG,QAAQ,CAAU,CAAC;AACzD,CAAC,CAAC"}
|
|
@@ -1,49 +1,44 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
};
|
|
5
|
-
|
|
6
|
-
var react_1 = __importDefault(require("react"));
|
|
7
|
-
var react_2 = require("@testing-library/react");
|
|
8
|
-
var user_event_1 = __importDefault(require("@testing-library/user-event"));
|
|
9
|
-
var Snackbar_1 = require("./Snackbar");
|
|
10
|
-
describe('Snackbar', function () {
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { render, act } from '@testing-library/react';
|
|
3
|
+
import userEvent from '@testing-library/user-event';
|
|
4
|
+
import { Snackbar } from './Snackbar';
|
|
5
|
+
describe('Snackbar', () => {
|
|
11
6
|
jest.useFakeTimers();
|
|
12
|
-
it('should call `onClose` when duration ends',
|
|
13
|
-
|
|
14
|
-
|
|
7
|
+
it('should call `onClose` when duration ends', () => {
|
|
8
|
+
const onClose = jest.fn();
|
|
9
|
+
render(React.createElement(Snackbar, { title: "test title", onClose: onClose }));
|
|
15
10
|
expect(onClose).not.toBeCalled();
|
|
16
|
-
|
|
11
|
+
act(() => {
|
|
17
12
|
jest.advanceTimersByTime(5000);
|
|
18
13
|
});
|
|
19
14
|
expect(onClose).toBeCalled();
|
|
20
15
|
expect(onClose).toHaveBeenCalledTimes(1);
|
|
21
16
|
});
|
|
22
|
-
it('should call `onClose` when custom duration ends',
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
17
|
+
it('should call `onClose` when custom duration ends', () => {
|
|
18
|
+
const onClose = jest.fn();
|
|
19
|
+
const customDuration = 1000;
|
|
20
|
+
render(React.createElement(Snackbar, { title: "test title", duration: customDuration, onClose: onClose }));
|
|
26
21
|
expect(onClose).not.toBeCalled();
|
|
27
|
-
|
|
22
|
+
act(() => {
|
|
28
23
|
jest.advanceTimersByTime(customDuration);
|
|
29
24
|
});
|
|
30
25
|
expect(onClose).toBeCalled();
|
|
31
26
|
expect(onClose).toHaveBeenCalledTimes(1);
|
|
32
27
|
});
|
|
33
|
-
it('should call `onClose` when user clicks x',
|
|
34
|
-
|
|
35
|
-
|
|
28
|
+
it('should call `onClose` when user clicks x', () => {
|
|
29
|
+
const onClose = jest.fn();
|
|
30
|
+
const { getByRole } = render(React.createElement(Snackbar, { title: "test title", onClose: onClose }));
|
|
36
31
|
expect(onClose).not.toBeCalled();
|
|
37
|
-
|
|
32
|
+
userEvent.click(getByRole('button'));
|
|
38
33
|
expect(onClose).toBeCalled();
|
|
39
34
|
expect(onClose).toHaveBeenCalledTimes(1);
|
|
40
35
|
});
|
|
41
|
-
it('should call `onActionClick` when user clicks Action',
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
36
|
+
it('should call `onActionClick` when user clicks Action', () => {
|
|
37
|
+
const actionName = 'Undo';
|
|
38
|
+
const onActionClick = jest.fn();
|
|
39
|
+
const { getByText } = render(React.createElement(Snackbar, { title: "test title", actionName: actionName, onActionClick: onActionClick }));
|
|
45
40
|
expect(onActionClick).not.toBeCalled();
|
|
46
|
-
|
|
41
|
+
userEvent.click(getByText(actionName));
|
|
47
42
|
expect(onActionClick).toBeCalled();
|
|
48
43
|
expect(onActionClick).toHaveBeenCalledTimes(1);
|
|
49
44
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Snackbar.test.js","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.test.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Snackbar.test.js","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACzB,IAAI,CAAC,aAAa,EAAE,CAAC;IAErB,EAAE,CAAC,0CAA0C,EAAE,GAAG,EAAE;QACnD,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC1B,MAAM,CAAC,oBAAC,QAAQ,IAAC,KAAK,EAAC,YAAY,EAAC,OAAO,EAAE,OAAO,GAAI,CAAC,CAAC;QAE1D,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC;QAEjC,GAAG,CAAC,GAAG,EAAE;YACR,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC;QAChC,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,CAAC;QAC7B,MAAM,CAAC,OAAO,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iDAAiD,EAAE,GAAG,EAAE;QAC1D,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC1B,MAAM,cAAc,GAAG,IAAI,CAAC;QAC5B,MAAM,CACL,oBAAC,QAAQ,IACR,KAAK,EAAC,YAAY,EAClB,QAAQ,EAAE,cAAc,EACxB,OAAO,EAAE,OAAO,GACf,CACF,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC;QAEjC,GAAG,CAAC,GAAG,EAAE;YACR,IAAI,CAAC,mBAAmB,CAAC,cAAc,CAAC,CAAC;QAC1C,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,CAAC;QAC7B,MAAM,CAAC,OAAO,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0CAA0C,EAAE,GAAG,EAAE;QACnD,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC1B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,QAAQ,IAAC,KAAK,EAAC,YAAY,EAAC,OAAO,EAAE,OAAO,GAAI,CACjD,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC;QAEjC,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;QAErC,MAAM,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,CAAC;QAC7B,MAAM,CAAC,OAAO,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qDAAqD,EAAE,GAAG,EAAE;QAC9D,MAAM,UAAU,GAAG,MAAM,CAAC;QAC1B,MAAM,aAAa,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAChC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,QAAQ,IACR,KAAK,EAAC,YAAY,EAClB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,GAC3B,CACF,CAAC;QAEF,MAAM,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC;QAEvC,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC;QAEvC,MAAM,CAAC,aAAa,CAAC,CAAC,UAAU,EAAE,CAAC;QACnC,MAAM,CAAC,aAAa,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Snackbar/Snackbar.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA,OCiBa;ADfb;EACA;EDCA;EACA,YEwCmB;EFvCnB;EACA;EACA;EACA,OEwBiB;EFvBjB;EACA;AAEA;EACA;EACA;EACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Snackbar/Snackbar.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA,OCiBa;ADfb;EACA;EDCA;EACA,YEwCmB;EFvCnB;EACA;EACA;EACA,OEwBiB;EFvBjB;EACA;AAEA;EACA;EACA;EACA,SEyGW;EFxGX;;;AAGD;EACC;EACA,aEoHkB;EFnHlB,eEoGW;;;AFjGZ;EACC;EACA;EACA;EACA,aE4GkB;EF3GlB;EACA,cEyFW;;AFvFX;EACC,OERe;;;AFYjB;EACC;EACA;EACA;EACA;EACA;EACA,OEJkB;;AFMlB;AAAA;EAEC;EACA;;AAED;EAAgB;;AAEhB;EAAU;;AACV;EAA4B,OEtBX;;;AFyBlB;EACC,QE8DW;EF7DX,ME6DW;EF5DX;EACA;;;AAGD;EACC;IACC;IACA;;EAGD;IACC;IACA","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("./Snackbar"), exports);
|
|
1
|
+
export * from './Snackbar';
|
|
14
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Snackbar/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Snackbar/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
|
|
@@ -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,38 +9,31 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
9
|
}
|
|
22
10
|
return t;
|
|
23
11
|
};
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
_b['Spinner--tiny'] = size === 'tiny',
|
|
41
|
-
_b));
|
|
42
|
-
var CardClasses = (0, classnames_1.default)('Card__spinner', (_c = {},
|
|
43
|
-
_c["" + className] = className && container,
|
|
44
|
-
_c));
|
|
45
|
-
var RadiusSize = {
|
|
12
|
+
import React from 'react';
|
|
13
|
+
import classnames from 'classnames';
|
|
14
|
+
import { Card } from '../Card';
|
|
15
|
+
export const Spinner = (_a) => {
|
|
16
|
+
var { className, container, size = 'medium' } = _a, props = __rest(_a, ["className", "container", "size"]);
|
|
17
|
+
const SpinnerClasses = classnames('Spinner', {
|
|
18
|
+
[`${className}`]: className && !container,
|
|
19
|
+
'Spinner--large': size === 'large',
|
|
20
|
+
'Spinner--medium': size === 'medium',
|
|
21
|
+
'Spinner--small': size === 'small',
|
|
22
|
+
'Spinner--tiny': size === 'tiny',
|
|
23
|
+
});
|
|
24
|
+
const CardClasses = classnames('Card__spinner', {
|
|
25
|
+
[`${className}`]: className && container,
|
|
26
|
+
});
|
|
27
|
+
const RadiusSize = {
|
|
46
28
|
large: 46,
|
|
47
29
|
medium: 45,
|
|
48
30
|
small: 44,
|
|
49
31
|
tiny: 43,
|
|
50
32
|
};
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
return container ? (
|
|
33
|
+
const CircleRadius = RadiusSize[size];
|
|
34
|
+
const spinnerComponent = (React.createElement("div", Object.assign({ className: SpinnerClasses }, props),
|
|
35
|
+
React.createElement("svg", { className: "Spinner__svg", viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg" },
|
|
36
|
+
React.createElement("circle", { className: "Spinner__circle", cx: "50", cy: "50", r: CircleRadius }))));
|
|
37
|
+
return container ? (React.createElement(Card, { className: CardClasses }, spinnerComponent)) : (spinnerComponent);
|
|
56
38
|
};
|
|
57
|
-
exports.Spinner = Spinner;
|
|
58
39
|
//# sourceMappingURL=Spinner.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAoB/B,MAAM,CAAC,MAAM,OAAO,GAAqB,CAAC,EAKzC,EAAE,EAAE;QALqC,EACzC,SAAS,EACT,SAAS,EACT,IAAI,GAAG,QAAQ,OAEf,EADG,KAAK,cAJiC,kCAKzC,CADQ;IAER,MAAM,cAAc,GAAG,UAAU,CAAC,SAAS,EAAE;QAC5C,CAAC,GAAG,SAAS,EAAE,CAAC,EAAE,SAAS,IAAI,CAAC,SAAS;QACzC,gBAAgB,EAAE,IAAI,KAAK,OAAO;QAClC,iBAAiB,EAAE,IAAI,KAAK,QAAQ;QACpC,gBAAgB,EAAE,IAAI,KAAK,OAAO;QAClC,eAAe,EAAE,IAAI,KAAK,MAAM;KAChC,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,UAAU,CAAC,eAAe,EAAE;QAC/C,CAAC,GAAG,SAAS,EAAE,CAAC,EAAE,SAAS,IAAI,SAAS;KACxC,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG;QAClB,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;QACT,IAAI,EAAE,EAAE;KACR,CAAC;IAEF,MAAM,YAAY,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;IAEtC,MAAM,gBAAgB,GAAG,CACxB,2CAAK,SAAS,EAAE,cAAc,IAAM,KAAK;QACxC,6BACC,SAAS,EAAC,cAAc,EACxB,OAAO,EAAC,aAAa,EACrB,KAAK,EAAC,4BAA4B;YAElC,gCACC,SAAS,EAAC,iBAAiB,EAC3B,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAE,YAAY,GACd,CACG,CACD,CACN,CAAC;IAEF,OAAO,SAAS,CAAC,CAAC,CAAC,CAClB,oBAAC,IAAI,IAAC,SAAS,EAAE,WAAW,IAAG,gBAAgB,CAAQ,CACvD,CAAC,CAAC,CAAC,CACH,gBAAgB,CAChB,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -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("./Spinner"), exports);
|
|
1
|
+
export * from './Spinner';
|
|
14
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Spinner/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Spinner/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/components/Stack/Stack.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAGA;EAAS;;;AAET;AACA;EAAwB;;;AACxB;EAAgC;;;AAChC;EAA2B;;;AAC3B;EAAmC;;;AAEnC;AACA;EAAsB;;;AACtB;EAAoB;;;AACpB;EAA4B;;;AAE5B;AACA;EAAqC;;;AACrC;EAAmC;;;AACnC;EAAiC;;;AACjC;EAAwC;;;AACxC;EAAuC;;;AACvC;EAAuC;;;AAEvC;AACA;EAA8B;;;AAC9B;EAAiC;;;AACjC;EAA+B;;;AAC/B;EAA6B;;;AAC7B;EAA+B;;;AAE/B;AACA;EAAgC;;;AAChC;EAAmC;;;AACnC;EAAiC;;;AACjC;EAA+B;;;AAC/B;EAAsC;;;AACtC;EAAqC;;;AAErC;AACA;EACC;EACA;;AAIC;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;;AAOF;AAAA;EACC;EACA;;AAGD;AAAA;EACC;EACA;;AAGD;AAAA;EACC;EACA;;AAGD;AAAA;EACC;EACA;;AAGD;AAAA;EACC;EACA;;AAGD;AAAA;EACC;EACA;;;AAMD;AAAA;EAAyB,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/components/Stack/Stack.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAGA;EAAS;;;AAET;AACA;EAAwB;;;AACxB;EAAgC;;;AAChC;EAA2B;;;AAC3B;EAAmC;;;AAEnC;AACA;EAAsB;;;AACtB;EAAoB;;;AACpB;EAA4B;;;AAE5B;AACA;EAAqC;;;AACrC;EAAmC;;;AACnC;EAAiC;;;AACjC;EAAwC;;;AACxC;EAAuC;;;AACvC;EAAuC;;;AAEvC;AACA;EAA8B;;;AAC9B;EAAiC;;;AACjC;EAA+B;;;AAC/B;EAA6B;;;AAC7B;EAA+B;;;AAE/B;AACA;EAAgC;;;AAChC;EAAmC;;;AACnC;EAAiC;;;AACjC;EAA+B;;;AAC/B;EAAsC;;;AACtC;EAAqC;;;AAErC;AACA;EACC;EACA;;AAIC;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;;AAOF;AAAA;EACC;EACA;;AAGD;AAAA;EACC;EACA;;AAGD;AAAA;EACC;EACA;;AAGD;AAAA;EACC;EACA;;AAGD;AAAA;EACC;EACA;;AAGD;AAAA;EACC;EACA;;;AAMD;AAAA;EAAyB,YCEd;;ADDX;AAAA;EAAyB,YCEd;;ADDX;AAAA;EAAyB,YCEd;;ADDX;AAAA;EAAyB,YCEd;;ADDX;AAAA;EAAyB,YCEd;;ADDX;AAAA;EAAyB,YCEd;;;ADCZ;AAAA;EAC4E","file":"Stack.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,18 +9,12 @@ 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 StackItem_1 = require("../StackItem");
|
|
32
|
-
exports.Stack = react_1.default.forwardRef(function (_a, ref) {
|
|
33
|
-
var _b;
|
|
34
|
-
var children = _a.children, className = _a.className, _c = _a.vertical, vertical = _c === void 0 ? false : _c, _d = _a.spacing, spacing = _d === void 0 ? 0 : _d, _e = _a.distribution, distribution = _e === void 0 ? 'leading' : _e, _f = _a.alignment, alignment = _f === void 0 ? 'fill' : _f, _g = _a.nowrap, nowrap = _g === void 0 ? false : _g, _h = _a.wrap, wrap = _h === void 0 ? 'nowrap' : _h, _j = _a.direction, direction = _j === void 0 ? 'row' : _j, _k = _a.justifyContent, justifyContent = _k === void 0 ? 'flex-start' : _k, _l = _a.alignItems, alignItems = _l === void 0 ? 'stretch' : _l, _m = _a.alignContent, alignContent = _m === void 0 ? 'stretch' : _m, rest = __rest(_a, ["children", "className", "vertical", "spacing", "distribution", "alignment", "nowrap", "wrap", "direction", "justifyContent", "alignItems", "alignContent"]);
|
|
35
|
-
react_1.default.useEffect(function () {
|
|
12
|
+
import React from 'react';
|
|
13
|
+
import classnames from 'classnames';
|
|
14
|
+
import { StackItem } from '../StackItem';
|
|
15
|
+
export const Stack = React.forwardRef((_a, ref) => {
|
|
16
|
+
var { children, className, vertical = false, spacing = 0, distribution = 'leading', alignment = 'fill', nowrap = false, wrap = 'nowrap', direction = 'row', justifyContent = 'flex-start', alignItems = 'stretch', alignContent = 'stretch' } = _a, rest = __rest(_a, ["children", "className", "vertical", "spacing", "distribution", "alignment", "nowrap", "wrap", "direction", "justifyContent", "alignItems", "alignContent"]);
|
|
17
|
+
React.useEffect(() => {
|
|
36
18
|
if (nowrap) {
|
|
37
19
|
console.warn('@servicetitan/design-system: The `nowrap` prop of the Stack component has been deprecated. Please use `wrap` instead.');
|
|
38
20
|
}
|
|
@@ -46,18 +28,18 @@ exports.Stack = react_1.default.forwardRef(function (_a, ref) {
|
|
|
46
28
|
console.warn('@servicetitan/design-system: The `vertical` prop of the Stack component has been deprecated. Please use `direction` instead.');
|
|
47
29
|
}
|
|
48
30
|
});
|
|
49
|
-
|
|
31
|
+
const getFlexWrap = () => {
|
|
50
32
|
if (nowrap)
|
|
51
33
|
return 'wrap';
|
|
52
34
|
return wrap;
|
|
53
35
|
};
|
|
54
|
-
|
|
36
|
+
const getFlexDirection = () => {
|
|
55
37
|
if (vertical)
|
|
56
38
|
return 'column';
|
|
57
39
|
return direction;
|
|
58
40
|
};
|
|
59
|
-
|
|
60
|
-
|
|
41
|
+
const getFlexJustifyContent = () => {
|
|
42
|
+
const justificationConverter = {
|
|
61
43
|
leading: 'flex-start',
|
|
62
44
|
trailing: 'flex-end',
|
|
63
45
|
center: 'center',
|
|
@@ -67,8 +49,8 @@ exports.Stack = react_1.default.forwardRef(function (_a, ref) {
|
|
|
67
49
|
return justificationConverter[distribution];
|
|
68
50
|
return justifyContent;
|
|
69
51
|
};
|
|
70
|
-
|
|
71
|
-
|
|
52
|
+
const getFlexAlignItems = () => {
|
|
53
|
+
const alignmentConverter = {
|
|
72
54
|
leading: 'flex-start',
|
|
73
55
|
trailing: 'flex-end',
|
|
74
56
|
center: 'center',
|
|
@@ -79,21 +61,21 @@ exports.Stack = react_1.default.forwardRef(function (_a, ref) {
|
|
|
79
61
|
return alignmentConverter[alignment];
|
|
80
62
|
return alignItems;
|
|
81
63
|
};
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
return (
|
|
96
|
-
|
|
64
|
+
const realWrap = getFlexWrap();
|
|
65
|
+
const realDirection = getFlexDirection();
|
|
66
|
+
const realJustifyContent = getFlexJustifyContent();
|
|
67
|
+
const realAlignItems = getFlexAlignItems();
|
|
68
|
+
const StackClasses = classnames('Stack', className);
|
|
69
|
+
const StackWrapperClasses = classnames('Stack__InternalWrapper', {
|
|
70
|
+
[`Stack--spacing-${spacing}`]: spacing,
|
|
71
|
+
[`Stack--wrap-${realWrap}`]: realWrap,
|
|
72
|
+
[`Stack--direction-${realDirection}`]: realDirection,
|
|
73
|
+
[`Stack--justify-content-${realJustifyContent}`]: realJustifyContent,
|
|
74
|
+
[`Stack--align-items-${realAlignItems}`]: realAlignItems,
|
|
75
|
+
[`Stack--align-content-${alignContent}`]: alignContent,
|
|
76
|
+
});
|
|
77
|
+
return (React.createElement("div", Object.assign({ className: StackClasses, ref: ref }, rest),
|
|
78
|
+
React.createElement("div", { className: StackWrapperClasses }, children)));
|
|
97
79
|
});
|
|
98
|
-
|
|
80
|
+
Stack.Item = StackItem;
|
|
99
81
|
//# sourceMappingURL=Stack.js.map
|