@servicetitan/design-system 11.0.0 → 11.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/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.js +1 -13
- package/dist/components/ActionMenu/index.js.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.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.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.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.js +1 -13
- package/dist/components/Avatar/index.js.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.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.js +19 -37
- package/dist/components/Banner/Banner.js.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.js +13 -31
- package/dist/components/BodyText/BodyText.js.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.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.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.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.js +1 -13
- package/dist/components/Button/index.js.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.js +2 -14
- package/dist/components/ButtonGroup/index.js.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.js +2 -14
- package/dist/components/ButtonToggle/index.js.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.js +7 -25
- package/dist/components/Card/CardSection.js.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.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.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.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.js +1 -13
- package/dist/components/ColorPicker/index.js.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.js +1 -13
- package/dist/components/Container/index.js.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.js +1 -13
- package/dist/components/DataList/index.js.map +1 -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.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.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.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.js +33 -51
- package/dist/components/Dialog/Dialog.js.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.js +13 -32
- package/dist/components/Divider/Divider.js.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.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.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.js +13 -31
- package/dist/components/Eyebrow/Eyebrow.js.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.js +39 -57
- package/dist/components/FilePicker/FilePicker.js.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.js +24 -40
- package/dist/components/FilterButton/FilterButton.js.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.js +21 -29
- package/dist/components/FlowCard/FlowCardStep.js.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.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.js +2 -14
- package/dist/components/FormField/index.js.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.js +1 -13
- package/dist/components/FormGroup/index.js.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.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.js +14 -32
- package/dist/components/Headline/Headline.js.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.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.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.js +19 -37
- package/dist/components/Label/Label.js.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.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.js +1 -13
- package/dist/components/Link/index.js.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.js +1 -13
- package/dist/components/Mask/index.js.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.js +1 -13
- package/dist/components/Modal/index.js.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.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 +10 -9
- 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 +10 -9
- 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.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.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.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.js +13 -31
- package/dist/components/ProgressTracker/ProgressTrackerStep.js.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.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.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.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.js +1 -13
- package/dist/components/Select/index.js.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.js +9 -27
- package/dist/components/SideNav/SideNavGroup.js.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.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.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.js +2 -14
- package/dist/components/Sidebar/index.js.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.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.js +28 -46
- package/dist/components/Stack/Stack.js.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.js +15 -33
- package/dist/components/StatusLight/StatusLight.js.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.js +10 -28
- package/dist/components/Tab/Tab.js.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.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.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.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.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.js +26 -52
- package/dist/components/Tag/Tag.js.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.js +9 -27
- package/dist/components/Takeover/TakeoverFooter.js.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.js +7 -25
- package/dist/components/Takeover/TakeoverSection.js.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.js +23 -37
- package/dist/components/Text/Text.js.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.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.js +1 -13
- package/dist/components/TextArea/index.js.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.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.js +58 -114
- package/dist/components/Toast/Toast.js.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.js +1 -13
- package/dist/components/Toast/index.js.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.js +1 -13
- package/dist/components/ToggleSwitch/index.js.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.js +1 -13
- package/dist/components/Togglebox/index.js.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.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 +143 -77
- 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.js +12 -39
- package/dist/internal/Overlay/Overlay.js.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.js +77 -96
- package/dist/internal/Popper/Popper.js.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.js +3 -15
- package/dist/internal/index.js.map +1 -1
- package/dist/system-light.css +6 -6
- package/dist/system-light.min.css +1 -1
- package/dist/system.css +96 -30
- 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 +10 -10
- package/dist/themes/index.css.map +1 -1
- package/dist/themes/kendo/index.css +10 -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.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.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.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 +12 -9
|
@@ -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,28 +9,23 @@ 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 Icon_1 = require("../Icon");
|
|
32
|
-
var getContent_1 = require("../../utilities/getContent");
|
|
33
|
-
var useFocusVisible_1 = require("../../hooks/useFocusVisible");
|
|
34
|
-
var defaultProps = {
|
|
12
|
+
import React from 'react';
|
|
13
|
+
import classnames from 'classnames';
|
|
14
|
+
import { Icon } from '../Icon';
|
|
15
|
+
import { getContent } from '../../utilities/getContent';
|
|
16
|
+
import { useFocusVisible } from '../../hooks/useFocusVisible';
|
|
17
|
+
const defaultProps = {
|
|
35
18
|
el: 'button',
|
|
36
19
|
};
|
|
37
20
|
/**
|
|
38
21
|
* **Buttons** provide a possible user actions
|
|
39
22
|
*/
|
|
40
|
-
|
|
41
|
-
var
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
23
|
+
export const Button = React.forwardRef((_a, ref) => {
|
|
24
|
+
var { children, className, color = 'default', content, el: Element = defaultProps.el, fill = 'solid', full, href, icon, iconName, iconPosition = 'left', inactive, large, loading, negative, outline, primary, selected, size = 'medium', small, text, type, width = 'auto', xsmall, onFocus, onBlur } = _a, props = __rest(_a, ["children", "className", "color", "content", "el", "fill", "full", "href", "icon", "iconName", "iconPosition", "inactive", "large", "loading", "negative", "outline", "primary", "selected", "size", "small", "text", "type", "width", "xsmall", "onFocus", "onBlur"]);
|
|
25
|
+
const newRef = React.useRef(null);
|
|
26
|
+
const itemRef = ref ? ref : newRef;
|
|
27
|
+
const { isFocusVisible, focusFunction, blurFunction } = useFocusVisible(itemRef, onBlur, onFocus);
|
|
28
|
+
const getTagName = () => {
|
|
46
29
|
// If `el` is passed in and isn't default, it is always used
|
|
47
30
|
if (Element !== defaultProps.el)
|
|
48
31
|
return Element;
|
|
@@ -52,21 +35,21 @@ exports.Button = react_1.default.forwardRef(function (_a, ref) {
|
|
|
52
35
|
// Is default, use it
|
|
53
36
|
return Element;
|
|
54
37
|
};
|
|
55
|
-
|
|
38
|
+
const getTabIndex = () => {
|
|
56
39
|
if (props.tabIndex)
|
|
57
40
|
return props.tabIndex;
|
|
58
41
|
if (getTagName() !== 'button')
|
|
59
42
|
0;
|
|
60
43
|
return null;
|
|
61
44
|
};
|
|
62
|
-
|
|
63
|
-
|
|
45
|
+
const getColorClass = () => {
|
|
46
|
+
let realColor = color;
|
|
64
47
|
// Override string props with boolean values
|
|
65
48
|
if (primary)
|
|
66
49
|
realColor = 'primary';
|
|
67
50
|
if (negative)
|
|
68
51
|
realColor = 'negative';
|
|
69
|
-
|
|
52
|
+
const ButtonColorClasses = {
|
|
70
53
|
primary: 'Button--blue',
|
|
71
54
|
blue: 'Button--blue',
|
|
72
55
|
default: 'Button--grey',
|
|
@@ -76,8 +59,8 @@ exports.Button = react_1.default.forwardRef(function (_a, ref) {
|
|
|
76
59
|
};
|
|
77
60
|
return ButtonColorClasses[realColor];
|
|
78
61
|
};
|
|
79
|
-
|
|
80
|
-
|
|
62
|
+
const getFillClass = () => {
|
|
63
|
+
let realFill = fill;
|
|
81
64
|
if (outline)
|
|
82
65
|
realFill = 'outline';
|
|
83
66
|
if (text || fill === 'subtle' || fill === 'none')
|
|
@@ -89,8 +72,8 @@ exports.Button = react_1.default.forwardRef(function (_a, ref) {
|
|
|
89
72
|
if (realFill === 'subtle')
|
|
90
73
|
return 'Button--subtle';
|
|
91
74
|
};
|
|
92
|
-
|
|
93
|
-
|
|
75
|
+
const getSizeClass = () => {
|
|
76
|
+
let realSize = size;
|
|
94
77
|
if (xsmall)
|
|
95
78
|
realSize = 'xsmall';
|
|
96
79
|
if (small)
|
|
@@ -104,33 +87,33 @@ exports.Button = react_1.default.forwardRef(function (_a, ref) {
|
|
|
104
87
|
if (realSize === 'large')
|
|
105
88
|
return 'Button--large';
|
|
106
89
|
};
|
|
107
|
-
|
|
90
|
+
const getWidth = () => {
|
|
108
91
|
if (full)
|
|
109
92
|
return 'full';
|
|
110
93
|
return width;
|
|
111
94
|
};
|
|
112
|
-
|
|
113
|
-
|
|
95
|
+
const getWidthValue = () => {
|
|
96
|
+
const width = getWidth();
|
|
114
97
|
return width !== 'auto' && width !== 'full' ? width : false;
|
|
115
98
|
};
|
|
116
|
-
|
|
99
|
+
const getWidthClass = () => {
|
|
117
100
|
return getWidth() === 'full' ? 'Button--full' : null;
|
|
118
101
|
};
|
|
119
|
-
|
|
102
|
+
const getTypeAttribute = () => {
|
|
120
103
|
if (type)
|
|
121
104
|
return { type: props.type };
|
|
122
105
|
// Make sure <button type="button" /> is rendered
|
|
123
106
|
if (getTagName() === 'button')
|
|
124
107
|
return { type: 'button' };
|
|
125
108
|
};
|
|
126
|
-
|
|
109
|
+
const getHref = () => {
|
|
127
110
|
if (!href)
|
|
128
111
|
return;
|
|
129
112
|
return {
|
|
130
|
-
href
|
|
113
|
+
href,
|
|
131
114
|
};
|
|
132
115
|
};
|
|
133
|
-
|
|
116
|
+
React.useEffect(() => {
|
|
134
117
|
if (text)
|
|
135
118
|
console.warn("@servicetitan/design-system: The `text` prop of the Button component has been deprecated. Please use `fill='subtle'` instead.");
|
|
136
119
|
if (fill === 'none')
|
|
@@ -140,34 +123,34 @@ exports.Button = react_1.default.forwardRef(function (_a, ref) {
|
|
|
140
123
|
if (getTagName() !== 'a' && href)
|
|
141
124
|
throw new Error('@servicetitan/design-system: The Button component is using incompatible props. Only anchor elements can have href attributes.');
|
|
142
125
|
});
|
|
143
|
-
|
|
126
|
+
const hasContent = () => {
|
|
144
127
|
if (children != null)
|
|
145
128
|
return true;
|
|
146
129
|
if (content != null)
|
|
147
130
|
return true;
|
|
148
131
|
return false;
|
|
149
132
|
};
|
|
150
|
-
|
|
133
|
+
const hasIcon = () => {
|
|
151
134
|
if (iconName || icon)
|
|
152
135
|
return true;
|
|
153
136
|
return false;
|
|
154
137
|
};
|
|
155
|
-
|
|
138
|
+
const renderIcon = () => {
|
|
156
139
|
if (!hasIcon())
|
|
157
140
|
return;
|
|
158
|
-
|
|
141
|
+
let ButtonIcon = null;
|
|
159
142
|
if (iconName)
|
|
160
|
-
ButtonIcon = (
|
|
143
|
+
ButtonIcon = (React.createElement(Icon, { className: "Button__icon-svg", name: iconName }));
|
|
161
144
|
if (icon)
|
|
162
145
|
ButtonIcon = icon;
|
|
163
|
-
|
|
146
|
+
const ButtonIconClasses = classnames('Button__icon', {
|
|
164
147
|
'Button__icon--left': hasContent() && iconPosition === 'left',
|
|
165
148
|
'Button__icon--right': hasContent() && iconPosition === 'right',
|
|
166
149
|
});
|
|
167
|
-
return
|
|
150
|
+
return React.createElement("span", { className: ButtonIconClasses }, ButtonIcon);
|
|
168
151
|
};
|
|
169
|
-
|
|
170
|
-
|
|
152
|
+
const preventClicks = props.disabled || inactive || loading;
|
|
153
|
+
const ButtonClasses = classnames('Button', className, getColorClass(), getFillClass(), getSizeClass(), getWidthClass(), {
|
|
171
154
|
'Button--disabled': props.disabled,
|
|
172
155
|
'Button--inactive': preventClicks,
|
|
173
156
|
'Button--loading': loading,
|
|
@@ -175,11 +158,11 @@ exports.Button = react_1.default.forwardRef(function (_a, ref) {
|
|
|
175
158
|
'Button--focus-visible': isFocusVisible,
|
|
176
159
|
'Button--selected': selected,
|
|
177
160
|
});
|
|
178
|
-
|
|
179
|
-
return (
|
|
180
|
-
|
|
161
|
+
const ButtonElement = getTagName();
|
|
162
|
+
return (React.createElement(ButtonElement, Object.assign({ className: ButtonClasses, disabled: preventClicks, role: "button", style: { width: getWidthValue() }, tabIndex: getTabIndex(), onFocus: focusFunction, onBlur: blurFunction, ref: itemRef }, getTypeAttribute(), getHref(), props),
|
|
163
|
+
React.createElement("span", { className: "Button__content" },
|
|
181
164
|
iconPosition === 'left' && renderIcon(),
|
|
182
|
-
|
|
165
|
+
getContent({ children, content }),
|
|
183
166
|
iconPosition === 'right' && renderIcon())));
|
|
184
167
|
});
|
|
185
168
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,41 +1,36 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
describe('Button', function () {
|
|
10
|
-
beforeEach(function () { return jest.spyOn(console, 'error'); });
|
|
11
|
-
it('it should be a button element with type by default', function () {
|
|
12
|
-
var getByRole = (0, react_2.render)(react_1.default.createElement(Button_1.Button, null, "Label")).getByRole;
|
|
13
|
-
var button = getByRole('button');
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { render } from '@testing-library/react';
|
|
3
|
+
import { Button } from './Button';
|
|
4
|
+
describe('Button', () => {
|
|
5
|
+
beforeEach(() => jest.spyOn(console, 'error'));
|
|
6
|
+
it('it should be a button element with type by default', () => {
|
|
7
|
+
const { getByRole } = render(React.createElement(Button, null, "Label"));
|
|
8
|
+
const button = getByRole('button');
|
|
14
9
|
expect(button).toHaveAttribute('type', 'button');
|
|
15
10
|
expect(button.tagName).toBe('BUTTON');
|
|
16
11
|
});
|
|
17
|
-
it('it should be an anchor element if href attribute exists',
|
|
18
|
-
|
|
19
|
-
|
|
12
|
+
it('it should be an anchor element if href attribute exists', () => {
|
|
13
|
+
const { getByRole } = render(React.createElement(Button, { href: "https://anvil.servicetitan.com" }, "Label"));
|
|
14
|
+
const button = getByRole('button');
|
|
20
15
|
expect(button).not.toHaveAttribute('type');
|
|
21
16
|
expect(button.tagName).toBe('A');
|
|
22
17
|
});
|
|
23
|
-
it('it should be a span element if el prop was set',
|
|
24
|
-
|
|
25
|
-
|
|
18
|
+
it('it should be a span element if el prop was set', () => {
|
|
19
|
+
const { getByRole } = render(React.createElement(Button, { el: "span" }, "Label"));
|
|
20
|
+
const button = getByRole('button');
|
|
26
21
|
expect(button).not.toHaveAttribute('type');
|
|
27
22
|
expect(button.tagName).toBe('SPAN');
|
|
28
23
|
});
|
|
29
|
-
it('it should throw error if attributes and props are mismatched',
|
|
30
|
-
expect(
|
|
24
|
+
it('it should throw error if attributes and props are mismatched', () => {
|
|
25
|
+
expect(() => {
|
|
31
26
|
console.error = jest.fn(); // Prevent actual console.error from showing up in command line
|
|
32
|
-
|
|
27
|
+
render(React.createElement(Button, { el: "span", type: "button" }, "Label"));
|
|
33
28
|
}).toThrowError();
|
|
34
29
|
});
|
|
35
|
-
it('it should throw error if attributes and props are mismatched',
|
|
36
|
-
expect(
|
|
30
|
+
it('it should throw error if attributes and props are mismatched', () => {
|
|
31
|
+
expect(() => {
|
|
37
32
|
console.error = jest.fn(); // Prevent actual console.error from showing up in command line
|
|
38
|
-
|
|
33
|
+
render(React.createElement(Button, { el: "span", href: "https://anvil.servicetitan.com" }, "Label"));
|
|
39
34
|
}).toThrowError();
|
|
40
35
|
});
|
|
41
36
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.test.js","sourceRoot":"","sources":["../../../src/components/Button/Button.test.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Button.test.js","sourceRoot":"","sources":["../../../src/components/Button/Button.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;IACvB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,oDAAoD,EAAE,GAAG,EAAE;QAC7D,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,MAAM,gBAAe,CAAC,CAAC;QAErD,MAAM,MAAM,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;QAEnC,MAAM,CAAC,MAAM,CAAC,CAAC,eAAe,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QACjD,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACvC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yDAAyD,EAAE,GAAG,EAAE;QAClE,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,MAAM,IAAC,IAAI,EAAC,gCAAgC,YAAe,CAC5D,CAAC;QAEF,MAAM,MAAM,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;QAEnC,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;QAC3C,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAClC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,MAAM,IAAC,EAAE,EAAC,MAAM,YAAe,CAAC,CAAC;QAE/D,MAAM,MAAM,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;QAEnC,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;QAC3C,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8DAA8D,EAAE,GAAG,EAAE;QACvE,MAAM,CAAC,GAAG,EAAE;YACX,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,+DAA+D;YAC1F,MAAM,CACL,oBAAC,MAAM,IAAC,EAAE,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,YAEtB,CACT,CAAC;QACH,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC;IACnB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8DAA8D,EAAE,GAAG,EAAE;QACvE,MAAM,CAAC,GAAG,EAAE;YACX,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,+DAA+D;YAC1F,MAAM,CACL,oBAAC,MAAM,IAAC,EAAE,EAAC,MAAM,EAAC,IAAI,EAAC,gCAAgC,YAE9C,CACT,CAAC;QACH,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC;IACnB,CAAC,CAAC,CAAC;AACJ,CAAC,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("./Button"), exports);
|
|
1
|
+
export * from './Button';
|
|
14
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,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,24 +9,18 @@ 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
|
-
var ButtonGroupItem_1 = require("./ButtonGroupItem");
|
|
32
|
-
var wrapChildren_1 = require("../../utilities/wrapChildren");
|
|
33
|
-
var ButtonGroup = function (_a) {
|
|
34
|
-
var attached = _a.attached, children = _a.children, className = _a.className, _b = _a.el, ButtonGroupElement = _b === void 0 ? 'div' : _b, fullWidth = _a.fullWidth, equalWidth = _a.equalWidth, props = __rest(_a, ["attached", "children", "className", "el", "fullWidth", "equalWidth"]);
|
|
35
|
-
var ButtonGroupClasses = (0, classnames_1.default)('ButtonGroup', className, {
|
|
12
|
+
import React from 'react';
|
|
13
|
+
import classnames from 'classnames';
|
|
14
|
+
import { ButtonGroupItem } from './ButtonGroupItem';
|
|
15
|
+
import { wrapChildren } from '../../utilities/wrapChildren';
|
|
16
|
+
export const ButtonGroup = (_a) => {
|
|
17
|
+
var { attached, children, className, el: ButtonGroupElement = 'div', fullWidth, equalWidth } = _a, props = __rest(_a, ["attached", "children", "className", "el", "fullWidth", "equalWidth"]);
|
|
18
|
+
const ButtonGroupClasses = classnames('ButtonGroup', className, {
|
|
36
19
|
'ButtonGroup--fullWidth': fullWidth,
|
|
37
20
|
'ButtonGroup--equalWidth': fullWidth && equalWidth,
|
|
38
21
|
'ButtonGroup--attached': attached,
|
|
39
22
|
});
|
|
40
|
-
return (
|
|
41
|
-
|
|
23
|
+
return (React.createElement(ButtonGroupElement, Object.assign({ className: ButtonGroupClasses }, props),
|
|
24
|
+
React.createElement(ButtonGroupElement, { className: "ButtonGroup__InternalWrapper" }, wrapChildren(children, ButtonGroupItem))));
|
|
42
25
|
};
|
|
43
|
-
exports.ButtonGroup = ButtonGroup;
|
|
44
26
|
//# sourceMappingURL=ButtonGroup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAoC5D,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAQjD,EAAE,EAAE;QAR6C,EACjD,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,kBAAkB,GAAG,KAAK,EAC9B,SAAS,EACT,UAAU,OAEV,EADG,KAAK,cAPyC,sEAQjD,CADQ;IAER,MAAM,kBAAkB,GAAG,UAAU,CAAC,aAAa,EAAE,SAAS,EAAE;QAC/D,wBAAwB,EAAE,SAAS;QACnC,yBAAyB,EAAE,SAAS,IAAI,UAAU;QAClD,uBAAuB,EAAE,QAAQ;KACjC,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,kBAAkB,kBAAC,SAAS,EAAE,kBAAkB,IAAM,KAAK;QAC3D,oBAAC,kBAAkB,IAAC,SAAS,EAAC,8BAA8B,IAC1D,YAAY,CAAC,QAAQ,EAAE,eAAe,CAAC,CACpB,CACD,CACrB,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1,14 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.ButtonGroupItem = void 0;
|
|
7
|
-
var react_1 = __importDefault(require("react"));
|
|
8
|
-
var ButtonGroupItem = function (_a) {
|
|
9
|
-
var children = _a.children;
|
|
10
|
-
return (react_1.default.createElement("div", { className: "ButtonGroup__Item" }, children));
|
|
11
|
-
};
|
|
12
|
-
exports.ButtonGroupItem = ButtonGroupItem;
|
|
13
|
-
exports.ButtonGroupItem.displayName = 'ButtonGroupItem';
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export const ButtonGroupItem = ({ children }) => (React.createElement("div", { className: "ButtonGroup__Item" }, children));
|
|
3
|
+
ButtonGroupItem.displayName = 'ButtonGroupItem';
|
|
14
4
|
//# sourceMappingURL=ButtonGroupItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonGroupItem.js","sourceRoot":"","sources":["../../../src/components/ButtonGroup/ButtonGroupItem.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ButtonGroupItem.js","sourceRoot":"","sources":["../../../src/components/ButtonGroup/ButtonGroupItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAOlC,MAAM,CAAC,MAAM,eAAe,GAA6B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC1E,6BAAK,SAAS,EAAC,mBAAmB,IAAE,QAAQ,CAAO,CACnD,CAAC;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC"}
|
|
@@ -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("./ButtonGroup"), exports);
|
|
14
|
-
__exportStar(require("./ButtonGroupItem"), exports);
|
|
1
|
+
export * from './ButtonGroup';
|
|
2
|
+
export * from './ButtonGroupItem';
|
|
15
3
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ButtonGroup/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ButtonGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC"}
|
|
@@ -41,7 +41,7 @@ export interface ButtonTogglePropsStrict<T> {
|
|
|
41
41
|
name?: string;
|
|
42
42
|
/** Negative styling (red) */
|
|
43
43
|
negative?: boolean;
|
|
44
|
-
/**
|
|
44
|
+
/** Called when the user changes the value */
|
|
45
45
|
onChange?: (value: T | undefined) => void;
|
|
46
46
|
/** List of options */
|
|
47
47
|
options?: OptionProps<T>[];
|
|
@@ -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,29 +9,23 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
9
|
}
|
|
22
10
|
return t;
|
|
23
11
|
};
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
var ButtonToggleItem_1 = require("./ButtonToggleItem");
|
|
32
|
-
exports.ButtonToggle = react_1.default.forwardRef(function (_a, ref) {
|
|
33
|
-
var _b;
|
|
34
|
-
var _c = _a.color, color = _c === void 0 ? 'primary' : _c, primary = _a.primary, negative = _a.negative, className = _a.className, disabled = _a.disabled, _d = _a.el, ButtonToggleElement = _d === void 0 ? 'div' : _d, clearable = _a.clearable, _e = _a.options, options = _e === void 0 ? [] : _e, large = _a.large, small = _a.small, xsmall = _a.xsmall, name = _a.name, _f = _a.size, size = _f === void 0 ? 'medium' : _f, value = _a.value, onChange = _a.onChange, props = __rest(_a, ["color", "primary", "negative", "className", "disabled", "el", "clearable", "options", "large", "small", "xsmall", "name", "size", "value", "onChange"]);
|
|
35
|
-
var _g = react_1.default.useState(value), selected = _g[0], setSelected = _g[1];
|
|
36
|
-
react_1.default.useEffect(function () {
|
|
12
|
+
import React from 'react';
|
|
13
|
+
import classnames from 'classnames';
|
|
14
|
+
import { ButtonToggleItem } from './ButtonToggleItem';
|
|
15
|
+
export const ButtonToggle = React.forwardRef(function (_a, ref) {
|
|
16
|
+
var { color = 'primary', primary, negative, className, disabled, el: ButtonToggleElement = 'div', clearable, options = [], large, small, xsmall, name, size = 'medium', value, onChange } = _a, props = __rest(_a, ["color", "primary", "negative", "className", "disabled", "el", "clearable", "options", "large", "small", "xsmall", "name", "size", "value", "onChange"]);
|
|
17
|
+
const [selected, setSelected] = React.useState(value);
|
|
18
|
+
React.useEffect(() => {
|
|
37
19
|
setSelected(value);
|
|
38
20
|
}, [value]);
|
|
39
|
-
|
|
40
|
-
|
|
21
|
+
const handleClick = (select) => {
|
|
22
|
+
const realSelected = select !== selected || !clearable ? select : undefined;
|
|
41
23
|
if (onChange)
|
|
42
24
|
onChange(realSelected);
|
|
43
25
|
setSelected(realSelected);
|
|
44
26
|
};
|
|
45
|
-
|
|
46
|
-
|
|
27
|
+
const copyOptions = (options) => {
|
|
28
|
+
const copiedOptions = options.map((option) => {
|
|
47
29
|
return {
|
|
48
30
|
text: option.text,
|
|
49
31
|
value: option.value,
|
|
@@ -57,9 +39,9 @@ exports.ButtonToggle = react_1.default.forwardRef(function (_a, ref) {
|
|
|
57
39
|
});
|
|
58
40
|
return copiedOptions;
|
|
59
41
|
};
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
42
|
+
const getOnlySelected = (options) => {
|
|
43
|
+
let isSelected = false;
|
|
44
|
+
const onlyOneSelectedOptions = options.map((option) => {
|
|
63
45
|
if (option.selected && !isSelected) {
|
|
64
46
|
isSelected = true;
|
|
65
47
|
}
|
|
@@ -70,8 +52,8 @@ exports.ButtonToggle = react_1.default.forwardRef(function (_a, ref) {
|
|
|
70
52
|
});
|
|
71
53
|
return onlyOneSelectedOptions;
|
|
72
54
|
};
|
|
73
|
-
|
|
74
|
-
|
|
55
|
+
const getNormalized = (options) => {
|
|
56
|
+
const realOptions = options.map((option) => {
|
|
75
57
|
if (disabled)
|
|
76
58
|
option.disabled = disabled;
|
|
77
59
|
if (option.text === undefined)
|
|
@@ -82,16 +64,16 @@ exports.ButtonToggle = react_1.default.forwardRef(function (_a, ref) {
|
|
|
82
64
|
});
|
|
83
65
|
return realOptions;
|
|
84
66
|
};
|
|
85
|
-
|
|
86
|
-
|
|
67
|
+
const getRealColor = () => {
|
|
68
|
+
let realColor = color;
|
|
87
69
|
if (primary)
|
|
88
70
|
realColor = 'primary';
|
|
89
71
|
if (negative)
|
|
90
72
|
realColor = 'negative';
|
|
91
73
|
return realColor;
|
|
92
74
|
};
|
|
93
|
-
|
|
94
|
-
|
|
75
|
+
const getButtonToggleItemProps = (options) => {
|
|
76
|
+
let realSize = size;
|
|
95
77
|
// Override string props with boolean values
|
|
96
78
|
if (xsmall)
|
|
97
79
|
realSize = 'xsmall';
|
|
@@ -99,9 +81,9 @@ exports.ButtonToggle = react_1.default.forwardRef(function (_a, ref) {
|
|
|
99
81
|
realSize = 'small';
|
|
100
82
|
if (large)
|
|
101
83
|
realSize = 'large';
|
|
102
|
-
|
|
84
|
+
const buttonToggleItemProps = options.map((option) => {
|
|
103
85
|
return {
|
|
104
|
-
name
|
|
86
|
+
name,
|
|
105
87
|
text: option.text,
|
|
106
88
|
value: option.value,
|
|
107
89
|
disabled: option.disabled,
|
|
@@ -109,7 +91,7 @@ exports.ButtonToggle = react_1.default.forwardRef(function (_a, ref) {
|
|
|
109
91
|
color: getRealColor(),
|
|
110
92
|
size: realSize,
|
|
111
93
|
hidden: option.hidden,
|
|
112
|
-
onClick:
|
|
94
|
+
onClick: (value) => {
|
|
113
95
|
if (option.onClick)
|
|
114
96
|
option.onClick(value);
|
|
115
97
|
handleClick(value);
|
|
@@ -120,19 +102,18 @@ exports.ButtonToggle = react_1.default.forwardRef(function (_a, ref) {
|
|
|
120
102
|
});
|
|
121
103
|
return buttonToggleItemProps;
|
|
122
104
|
};
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
return
|
|
105
|
+
const copiedOptions = copyOptions(options);
|
|
106
|
+
const onlySelectedOptions = getOnlySelected(copiedOptions);
|
|
107
|
+
const normalizedOptions = getNormalized(onlySelectedOptions);
|
|
108
|
+
const buttonToggleItemProps = getButtonToggleItemProps(normalizedOptions);
|
|
109
|
+
const contents = buttonToggleItemProps.map((buttonProp, index) => {
|
|
110
|
+
return React.createElement(ButtonToggleItem, Object.assign({ key: index }, buttonProp));
|
|
111
|
+
});
|
|
112
|
+
const realColor = getRealColor();
|
|
113
|
+
const ButtonToggleClasses = classnames('ButtonToggle', className, {
|
|
114
|
+
'ButtonToggle--disabled': disabled,
|
|
115
|
+
[`ButtonToggle--${realColor}`]: realColor,
|
|
129
116
|
});
|
|
130
|
-
|
|
131
|
-
var ButtonToggleClasses = (0, classnames_1.default)('ButtonToggle', className, (_b = {
|
|
132
|
-
'ButtonToggle--disabled': disabled
|
|
133
|
-
},
|
|
134
|
-
_b["ButtonToggle--" + realColor] = realColor,
|
|
135
|
-
_b));
|
|
136
|
-
return (react_1.default.createElement(ButtonToggleElement, __assign({ ref: ref, className: ButtonToggleClasses }, props), contents));
|
|
117
|
+
return (React.createElement(ButtonToggleElement, Object.assign({ ref: ref, className: ButtonToggleClasses }, props), contents));
|
|
137
118
|
});
|
|
138
119
|
//# sourceMappingURL=ButtonToggle.js.map
|