@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,20 +9,14 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
9
|
}
|
|
22
10
|
return t;
|
|
23
11
|
};
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
var
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
var components_1 = require("./components");
|
|
33
|
-
exports.Popover = react_1.default.forwardRef(function (_a, ref) {
|
|
34
|
-
var _b;
|
|
35
|
-
var _c = _a.width, width = _c === void 0 ? 's' : _c, _d = _a.padding, padding = _d === void 0 ? 'm' : _d, _e = _a.portal, portal = _e === void 0 ? false : _e, children = _a.children, className = _a.className, contentNoPadding = _a.contentNoPadding, footer = _a.footer, footerAlign = _a.footerAlign, header = _a.header, headerAlign = _a.headerAlign, headerNoPadding = _a.headerNoPadding, popoverContentClassName = _a.popoverContentClassName, scrollHeight = _a.scrollHeight, sharp = _a.sharp, wrapperClassName = _a.wrapperClassName, open = _a.open, _f = _a.focusTrapOptions, focusTrapOptions = _f === void 0 ? { disabled: true } : _f, _g = _a.offset, offset = _g === void 0 ? { skidding: 0, distance: 4 } : _g, props = __rest(_a, ["width", "padding", "portal", "children", "className", "contentNoPadding", "footer", "footerAlign", "header", "headerAlign", "headerNoPadding", "popoverContentClassName", "scrollHeight", "sharp", "wrapperClassName", "open", "focusTrapOptions", "offset"]);
|
|
36
|
-
var PopoverBaseWidth = 16;
|
|
37
|
-
var widthSwitch = function () {
|
|
12
|
+
import React from 'react';
|
|
13
|
+
import { Popper } from '../../internal/Popper';
|
|
14
|
+
import classnames from 'classnames';
|
|
15
|
+
import { PopoverContent, PopoverDivider, PopoverFooter, PopoverHeader, } from './components';
|
|
16
|
+
export const Popover = React.forwardRef((_a, ref) => {
|
|
17
|
+
var { width = 's', padding = 'm', portal = false, children, className, contentNoPadding, footer, footerAlign, header, headerAlign, headerNoPadding, popoverContentClassName, scrollHeight, sharp, wrapperClassName, open, focusTrapOptions = { disabled: true }, offset = { skidding: 0, distance: 4 } } = _a, props = __rest(_a, ["width", "padding", "portal", "children", "className", "contentNoPadding", "footer", "footerAlign", "header", "headerAlign", "headerNoPadding", "popoverContentClassName", "scrollHeight", "sharp", "wrapperClassName", "open", "focusTrapOptions", "offset"]);
|
|
18
|
+
const PopoverBaseWidth = 16;
|
|
19
|
+
const widthSwitch = () => {
|
|
38
20
|
switch (width) {
|
|
39
21
|
case 'l':
|
|
40
22
|
return PopoverBaseWidth * 40;
|
|
@@ -45,29 +27,29 @@ exports.Popover = react_1.default.forwardRef(function (_a, ref) {
|
|
|
45
27
|
case 'xs':
|
|
46
28
|
return PopoverBaseWidth * 12;
|
|
47
29
|
case '100':
|
|
48
|
-
return
|
|
30
|
+
return `100`;
|
|
49
31
|
default:
|
|
50
|
-
return
|
|
32
|
+
return `auto`;
|
|
51
33
|
}
|
|
52
34
|
};
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
35
|
+
const PopoverBodyClasses = classnames('Popover__body', className, {
|
|
36
|
+
[`Popover--p-${padding}`]: padding,
|
|
37
|
+
[`Popover--w-auto`]: width === 'auto',
|
|
38
|
+
'Popover__body--sharp': sharp,
|
|
39
|
+
'Popover__body--portal': portal,
|
|
40
|
+
'Popover__body--open': open,
|
|
41
|
+
});
|
|
42
|
+
const PopoverClasses = classnames('Popover', wrapperClassName, {
|
|
61
43
|
'Popover--portal': portal,
|
|
62
44
|
'Popover--open': open,
|
|
63
45
|
});
|
|
64
|
-
return (
|
|
65
|
-
header && (
|
|
66
|
-
|
|
67
|
-
footer && (
|
|
46
|
+
return (React.createElement(Popper, Object.assign({ className: PopoverClasses, bodyClassName: PopoverBodyClasses, width: widthSwitch(), portal: portal, ref: ref, open: open, offset: offset, focusTrapOptions: focusTrapOptions }, props),
|
|
47
|
+
header && (React.createElement(PopoverHeader, { noPadding: headerNoPadding, align: headerAlign }, header)),
|
|
48
|
+
React.createElement(PopoverContent, { contentScrollHeight: scrollHeight, noPadding: contentNoPadding, className: popoverContentClassName }, children),
|
|
49
|
+
footer && (React.createElement(PopoverFooter, { align: footerAlign }, footer))));
|
|
68
50
|
});
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
51
|
+
Popover.Header = PopoverHeader;
|
|
52
|
+
Popover.Footer = PopoverFooter;
|
|
53
|
+
Popover.Content = PopoverContent;
|
|
54
|
+
Popover.Divider = PopoverDivider;
|
|
73
55
|
//# sourceMappingURL=Popover.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,MAAM,EAAe,MAAM,uBAAuB,CAAC;AAC5D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EACN,cAAc,EAEd,cAAc,EACd,aAAa,EAEb,aAAa,GAEb,MAAM,cAAc,CAAC;AAyGtB,MAAM,CAAC,MAAM,OAAO,GAAY,KAAK,CAAC,UAAU,CAC/C,CACC,EAoBC,EACD,GAAyB,EACxB,EAAE;QAtBH,EACC,KAAK,GAAG,GAAG,EACX,OAAO,GAAG,GAAG,EACb,MAAM,GAAG,KAAK,EACd,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,MAAM,EACN,WAAW,EACX,MAAM,EACN,WAAW,EACX,eAAe,EACf,uBAAuB,EACvB,YAAY,EACZ,KAAK,EACL,gBAAgB,EAChB,IAAI,EACJ,gBAAgB,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,EACrC,MAAM,GAAG,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,OAErC,EADG,KAAK,cAnBT,8PAoBC,CADQ;IAIT,MAAM,gBAAgB,GAAG,EAAE,CAAC;IAE5B,MAAM,WAAW,GAAG,GAAG,EAAE;QACxB,QAAQ,KAAK,EAAE;YACd,KAAK,GAAG;gBACP,OAAO,gBAAgB,GAAG,EAAE,CAAC;YAC9B,KAAK,GAAG;gBACP,OAAO,gBAAgB,GAAG,EAAE,CAAC;YAC9B,KAAK,GAAG;gBACP,OAAO,gBAAgB,GAAG,EAAE,CAAC;YAC9B,KAAK,IAAI;gBACR,OAAO,gBAAgB,GAAG,EAAE,CAAC;YAC9B,KAAK,KAAK;gBACT,OAAO,KAAK,CAAC;YACd;gBACC,OAAO,MAAM,CAAC;SACf;IACF,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,UAAU,CAAC,eAAe,EAAE,SAAS,EAAE;QACjE,CAAC,cAAc,OAAO,EAAE,CAAC,EAAE,OAAO;QAClC,CAAC,iBAAiB,CAAC,EAAE,KAAK,KAAK,MAAM;QACrC,sBAAsB,EAAE,KAAK;QAC7B,uBAAuB,EAAE,MAAM;QAC/B,qBAAqB,EAAE,IAAI;KAC3B,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,UAAU,CAAC,SAAS,EAAE,gBAAgB,EAAE;QAC9D,iBAAiB,EAAE,MAAM;QACzB,eAAe,EAAE,IAAI;KACrB,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,MAAM,kBACN,SAAS,EAAE,cAAc,EACzB,aAAa,EAAE,kBAAkB,EACjC,KAAK,EAAE,WAAW,EAAE,EACpB,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,gBAAgB,IAC9B,KAAK;QAER,MAAM,IAAI,CACV,oBAAC,aAAa,IACb,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,WAAW,IAEjB,MAAM,CACQ,CAChB;QACD,oBAAC,cAAc,IACd,mBAAmB,EAAE,YAAY,EACjC,SAAS,EAAE,gBAAgB,EAC3B,SAAS,EAAE,uBAAuB,IAEjC,QAAQ,CACO;QAChB,MAAM,IAAI,CACV,oBAAC,aAAa,IAAC,KAAK,EAAE,WAAW,IAAG,MAAM,CAAiB,CAC3D,CACO,CACT,CAAC;AACH,CAAC,CACU,CAAC;AAEb,OAAO,CAAC,MAAM,GAAG,aAAa,CAAC;AAC/B,OAAO,CAAC,MAAM,GAAG,aAAa,CAAC;AAC/B,OAAO,CAAC,OAAO,GAAG,cAAc,CAAC;AACjC,OAAO,CAAC,OAAO,GAAG,cAAc,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,44 +9,35 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
9
|
}
|
|
22
10
|
return t;
|
|
23
11
|
};
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
var react_1 = __importDefault(require("react"));
|
|
30
|
-
var classnames_1 = __importDefault(require("classnames"));
|
|
31
|
-
var Headline_1 = require("../Headline");
|
|
32
|
-
exports.PopoverContent = react_1.default.forwardRef(function (_a, ref) {
|
|
33
|
-
var children = _a.children, className = _a.className, contentScrollHeight = _a.contentScrollHeight, noPadding = _a.noPadding, onKeyDown = _a.onKeyDown;
|
|
34
|
-
var PopoverContentClassNames = (0, classnames_1.default)('Popover__content', className, {
|
|
12
|
+
import React from 'react';
|
|
13
|
+
import classnames from 'classnames';
|
|
14
|
+
import { Headline } from '../Headline';
|
|
15
|
+
export const PopoverContent = React.forwardRef(({ children, className, contentScrollHeight, noPadding, onKeyDown }, ref) => {
|
|
16
|
+
const PopoverContentClassNames = classnames('Popover__content', className, {
|
|
35
17
|
'Popover__content--nopadding': noPadding,
|
|
36
18
|
});
|
|
37
|
-
return (
|
|
19
|
+
return (React.createElement("div", { style: { maxHeight: contentScrollHeight }, className: PopoverContentClassNames, onKeyDown: onKeyDown, ref: ref }, children));
|
|
38
20
|
});
|
|
39
|
-
|
|
40
|
-
var
|
|
41
|
-
|
|
21
|
+
export const PopoverFooter = (_a) => {
|
|
22
|
+
var { align = 'left', children, className } = _a, props = __rest(_a, ["align", "children", "className"]);
|
|
23
|
+
const PopoverFooterClassNames = classnames('Popover__footer', className, {
|
|
42
24
|
'justify-content-start': align === 'left',
|
|
43
25
|
'justify-content-center': align === 'center',
|
|
44
26
|
'justify-content-end': align === 'right',
|
|
45
27
|
'justify-content-between': align === 'space-between',
|
|
46
28
|
});
|
|
47
|
-
return (
|
|
29
|
+
return (React.createElement("div", Object.assign({ className: PopoverFooterClassNames }, props), children));
|
|
48
30
|
};
|
|
49
|
-
|
|
50
|
-
var
|
|
51
|
-
|
|
52
|
-
var PopoverHeaderClassNames = (0, classnames_1.default)('Popover__header', className, {
|
|
31
|
+
export const PopoverHeader = (_a) => {
|
|
32
|
+
var { align = 'left', children, className, noPadding } = _a, props = __rest(_a, ["align", "children", "className", "noPadding"]);
|
|
33
|
+
const PopoverHeaderClassNames = classnames('Popover__header', className, {
|
|
53
34
|
'justify-content-start': align === 'left',
|
|
54
35
|
'justify-content-center': align === 'center',
|
|
55
36
|
'justify-content-end': align === 'right',
|
|
56
37
|
'justify-content-between': align === 'space-between',
|
|
57
38
|
'Popover__header--nopadding': noPadding,
|
|
58
39
|
});
|
|
59
|
-
return (
|
|
40
|
+
return (React.createElement(Headline, Object.assign({ size: "small", className: PopoverHeaderClassNames }, props), children));
|
|
60
41
|
};
|
|
61
|
-
|
|
62
|
-
var PopoverDivider = function () { return react_1.default.createElement("div", { className: "Popover__divider" }); };
|
|
63
|
-
exports.PopoverDivider = PopoverDivider;
|
|
42
|
+
export const PopoverDivider = () => React.createElement("div", { className: "Popover__divider" });
|
|
64
43
|
//# sourceMappingURL=components.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components.js","sourceRoot":"","sources":["../../../src/components/Popover/components.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"components.js","sourceRoot":"","sources":["../../../src/components/Popover/components.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAmBvC,MAAM,CAAC,MAAM,cAAc,GAA4B,KAAK,CAAC,UAAU,CACtE,CACC,EAAE,QAAQ,EAAE,SAAS,EAAE,mBAAmB,EAAE,SAAS,EAAE,SAAS,EAAE,EAClE,GAAoC,EACnC,EAAE;IACH,MAAM,wBAAwB,GAAG,UAAU,CAC1C,kBAAkB,EAClB,SAAS,EACT;QACC,6BAA6B,EAAE,SAAS;KACxC,CACD,CAAC;IACF,OAAO,CACN,6BACC,KAAK,EAAE,EAAE,SAAS,EAAE,mBAAmB,EAAE,EACzC,SAAS,EAAE,wBAAwB,EACnC,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,IAEP,QAAQ,CACJ,CACN,CAAC;AACH,CAAC,CACD,CAAC;AAMF,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EAKrD,EAAE,EAAE;QALiD,EACrD,KAAK,GAAG,MAAM,EACd,QAAQ,EACR,SAAS,OAET,EADG,KAAK,cAJ6C,kCAKrD,CADQ;IAER,MAAM,uBAAuB,GAAG,UAAU,CAAC,iBAAiB,EAAE,SAAS,EAAE;QACxE,uBAAuB,EAAE,KAAK,KAAK,MAAM;QACzC,wBAAwB,EAAE,KAAK,KAAK,QAAQ;QAC5C,qBAAqB,EAAE,KAAK,KAAK,OAAO;QACxC,yBAAyB,EAAE,KAAK,KAAK,eAAe;KACpD,CAAC,CAAC;IACH,OAAO,CACN,2CAAK,SAAS,EAAE,uBAAuB,IAAM,KAAK,GAChD,QAAQ,CACJ,CACN,CAAC;AACH,CAAC,CAAC;AAYF,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EAMrD,EAAE,EAAE;QANiD,EACrD,KAAK,GAAG,MAAM,EACd,QAAQ,EACR,SAAS,EACT,SAAS,OAET,EADG,KAAK,cAL6C,+CAMrD,CADQ;IAER,MAAM,uBAAuB,GAAG,UAAU,CAAC,iBAAiB,EAAE,SAAS,EAAE;QACxE,uBAAuB,EAAE,KAAK,KAAK,MAAM;QACzC,wBAAwB,EAAE,KAAK,KAAK,QAAQ;QAC5C,qBAAqB,EAAE,KAAK,KAAK,OAAO;QACxC,yBAAyB,EAAE,KAAK,KAAK,eAAe;QACpD,4BAA4B,EAAE,SAAS;KACvC,CAAC,CAAC;IACH,OAAO,CACN,oBAAC,QAAQ,kBAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,uBAAuB,IAAM,KAAK,GAClE,QAAQ,CACC,CACX,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,6BAAK,SAAS,EAAC,kBAAkB,GAAG,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("./Popover"), exports);
|
|
1
|
+
export * from './Popover';
|
|
14
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Popover/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Popover/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,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,16 +9,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
9
|
}
|
|
22
10
|
return t;
|
|
23
11
|
};
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
var react_1 = __importDefault(require("react"));
|
|
30
|
-
var classnames_1 = __importDefault(require("classnames"));
|
|
31
|
-
var ProgressBar = function (_a) {
|
|
32
|
-
var blue = _a.blue, className = _a.className, _b = _a.el, ProgressBarElement = _b === void 0 ? 'progress' : _b, green = _a.green, indeterminate = _a.indeterminate, progress = _a.progress, position = _a.position, red = _a.red, small = _a.small, yellow = _a.yellow, blueGrey = _a.blueGrey, props = __rest(_a, ["blue", "className", "el", "green", "indeterminate", "progress", "position", "red", "small", "yellow", "blueGrey"]);
|
|
33
|
-
var ProgressBarClasses = (0, classnames_1.default)('ProgressBar', className, {
|
|
12
|
+
import React from 'react';
|
|
13
|
+
import classnames from 'classnames';
|
|
14
|
+
export const ProgressBar = (_a) => {
|
|
15
|
+
var { blue, className, el: ProgressBarElement = 'progress', green, indeterminate, progress, position, red, small, yellow, blueGrey } = _a, props = __rest(_a, ["blue", "className", "el", "green", "indeterminate", "progress", "position", "red", "small", "yellow", "blueGrey"]);
|
|
16
|
+
const ProgressBarClasses = classnames('ProgressBar', className, {
|
|
34
17
|
'ProgressBar--blue': blue,
|
|
35
18
|
'ProgressBar--bottom': position === 'bottom',
|
|
36
19
|
'ProgressBar--green': green,
|
|
@@ -42,13 +25,12 @@ var ProgressBar = function (_a) {
|
|
|
42
25
|
'ProgressBar--blue-grey': blueGrey,
|
|
43
26
|
});
|
|
44
27
|
if (indeterminate) {
|
|
45
|
-
return (
|
|
46
|
-
|
|
47
|
-
|
|
28
|
+
return (React.createElement("div", Object.assign({ className: ProgressBarClasses }, props),
|
|
29
|
+
React.createElement("div", { className: "ProgressBar__bg" },
|
|
30
|
+
React.createElement("div", { className: "ProgressBar__value" }))));
|
|
48
31
|
}
|
|
49
|
-
return (
|
|
50
|
-
|
|
51
|
-
|
|
32
|
+
return (React.createElement(ProgressBarElement, Object.assign({ className: ProgressBarClasses, max: "100", value: progress }, props),
|
|
33
|
+
React.createElement("div", { className: "ProgressBar__bg", role: "presentation" },
|
|
34
|
+
React.createElement("div", { className: "ProgressBar__value", style: { width: `${progress}%` } }))));
|
|
52
35
|
};
|
|
53
|
-
exports.ProgressBar = ProgressBar;
|
|
54
36
|
//# sourceMappingURL=ProgressBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AA4CpC,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAajD,EAAE,EAAE;QAb6C,EACjD,IAAI,EACJ,SAAS,EACT,EAAE,EAAE,kBAAkB,GAAG,UAAU,EACnC,KAAK,EACL,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,GAAG,EACH,KAAK,EACL,MAAM,EACN,QAAQ,OAER,EADG,KAAK,cAZyC,mHAajD,CADQ;IAER,MAAM,kBAAkB,GAAG,UAAU,CAAC,aAAa,EAAE,SAAS,EAAE;QAC/D,mBAAmB,EAAE,IAAI;QACzB,qBAAqB,EAAE,QAAQ,KAAK,QAAQ;QAC5C,oBAAoB,EAAE,KAAK;QAC3B,4BAA4B,EAAE,aAAa;QAC3C,kBAAkB,EAAE,GAAG;QACvB,oBAAoB,EAAE,KAAK;QAC3B,kBAAkB,EAAE,QAAQ,KAAK,KAAK;QACtC,qBAAqB,EAAE,MAAM;QAC7B,wBAAwB,EAAE,QAAQ;KAClC,CAAC,CAAC;IAEH,IAAI,aAAa,EAAE;QAClB,OAAO,CACN,2CAAK,SAAS,EAAE,kBAAkB,IAAM,KAAK;YAC5C,6BAAK,SAAS,EAAC,iBAAiB;gBAC/B,6BAAK,SAAS,EAAC,oBAAoB,GAAG,CACjC,CACD,CACN,CAAC;KACF;IAED,OAAO,CACN,oBAAC,kBAAkB,kBAClB,SAAS,EAAE,kBAAkB,EAC7B,GAAG,EAAC,KAAK,EACT,KAAK,EAAE,QAAQ,IACX,KAAK;QAET,6BAAK,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAC,cAAc;YACnD,6BACC,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,QAAQ,GAAG,EAAE,GAC/B,CACG,CACc,CACrB,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("./ProgressBar"), exports);
|
|
1
|
+
export * from './ProgressBar';
|
|
14
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ProgressBar/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ProgressBar/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,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,17 +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 Headline_1 = require("../Headline");
|
|
32
|
-
var ProgressCircle = function (_a) {
|
|
33
|
-
var className = _a.className, _b = _a.progress, progress = _b === void 0 ? 0 : _b, color = _a.color, children = _a.children, props = __rest(_a, ["className", "progress", "color", "children"]);
|
|
34
|
-
var ProgressCircleClasses = (0, classnames_1.default)('ProgressCircle', className, {
|
|
12
|
+
import React from 'react';
|
|
13
|
+
import classnames from 'classnames';
|
|
14
|
+
import { Headline } from '../Headline';
|
|
15
|
+
export const ProgressCircle = (_a) => {
|
|
16
|
+
var { className, progress = 0, color, children } = _a, props = __rest(_a, ["className", "progress", "color", "children"]);
|
|
17
|
+
const ProgressCircleClasses = classnames('ProgressCircle', className, {
|
|
35
18
|
'ProgressCircle--blue': color === 'blue',
|
|
36
19
|
'ProgressCircle--green': color === 'green',
|
|
37
20
|
'ProgressCircle--red': color === 'red',
|
|
@@ -40,20 +23,19 @@ var ProgressCircle = function (_a) {
|
|
|
40
23
|
function value_limit(val, min, max) {
|
|
41
24
|
return val < min ? min : val > max ? max : val;
|
|
42
25
|
}
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
26
|
+
const thickness = 10;
|
|
27
|
+
const radius = 50 - thickness / 2;
|
|
28
|
+
const circumference = radius * 2 * Math.PI;
|
|
29
|
+
const [dashoffset, setDashoffset] = React.useState(circumference);
|
|
30
|
+
React.useEffect(() => {
|
|
48
31
|
setDashoffset(circumference -
|
|
49
32
|
(value_limit(progress, 0, 100) / 100) * circumference);
|
|
50
33
|
}, [circumference, progress]);
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
34
|
+
const ProgressCircleComponent = (React.createElement("div", Object.assign({ className: ProgressCircleClasses }, props),
|
|
35
|
+
React.createElement("svg", { className: "ProgressCircle__svg", viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg" },
|
|
36
|
+
React.createElement("circle", { className: "ProgressCircle__background", strokeDasharray: `${circumference} ${circumference}`, cx: "50", cy: "50", strokeWidth: thickness, r: radius }),
|
|
37
|
+
React.createElement("circle", { className: "ProgressCircle__circle", style: { strokeDashoffset: dashoffset }, strokeDasharray: `${circumference} ${circumference}`, cx: "50", cy: "50", strokeWidth: thickness, r: radius })),
|
|
38
|
+
React.createElement(Headline, { className: "ProgressCircle__children" }, children)));
|
|
56
39
|
return ProgressCircleComponent;
|
|
57
40
|
};
|
|
58
|
-
exports.ProgressCircle = ProgressCircle;
|
|
59
41
|
//# sourceMappingURL=ProgressCircle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressCircle.js","sourceRoot":"","sources":["../../../src/components/ProgressCircle/ProgressCircle.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ProgressCircle.js","sourceRoot":"","sources":["../../../src/components/ProgressCircle/ProgressCircle.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAiBvC,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EAMvD,EAAE,EAAE;QANmD,EACvD,SAAS,EACT,QAAQ,GAAG,CAAC,EACZ,KAAK,EACL,QAAQ,OAER,EADG,KAAK,cAL+C,8CAMvD,CADQ;IAER,MAAM,qBAAqB,GAAG,UAAU,CAAC,gBAAgB,EAAE,SAAS,EAAE;QACrE,sBAAsB,EAAE,KAAK,KAAK,MAAM;QACxC,uBAAuB,EAAE,KAAK,KAAK,OAAO;QAC1C,qBAAqB,EAAE,KAAK,KAAK,KAAK;QACtC,wBAAwB,EAAE,KAAK,KAAK,QAAQ;KAC5C,CAAC,CAAC;IAEH,SAAS,WAAW,CAAC,GAAW,EAAE,GAAW,EAAE,GAAW;QACzD,OAAO,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IAChD,CAAC;IAED,MAAM,SAAS,GAAG,EAAE,CAAC;IACrB,MAAM,MAAM,GAAG,EAAE,GAAG,SAAS,GAAG,CAAC,CAAC;IAClC,MAAM,aAAa,GAAG,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC;IAC3C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;IAElE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,aAAa,CACZ,aAAa;YACZ,CAAC,WAAW,CAAC,QAAQ,EAAE,CAAC,EAAE,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,aAAa,CACtD,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE9B,MAAM,uBAAuB,GAAG,CAC/B,2CAAK,SAAS,EAAE,qBAAqB,IAAM,KAAK;QAC/C,6BACC,SAAS,EAAC,qBAAqB,EAC/B,OAAO,EAAC,aAAa,EACrB,KAAK,EAAC,4BAA4B;YAElC,gCACC,SAAS,EAAC,4BAA4B,EACtC,eAAe,EAAE,GAAG,aAAa,IAAI,aAAa,EAAE,EACpD,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,WAAW,EAAE,SAAS,EACtB,CAAC,EAAE,MAAM,GACR;YACF,gCACC,SAAS,EAAC,wBAAwB,EAClC,KAAK,EAAE,EAAE,gBAAgB,EAAE,UAAU,EAAE,EACvC,eAAe,EAAE,GAAG,aAAa,IAAI,aAAa,EAAE,EACpD,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,WAAW,EAAE,SAAS,EACtB,CAAC,EAAE,MAAM,GACR,CACG;QACN,oBAAC,QAAQ,IAAC,SAAS,EAAC,0BAA0B,IAAE,QAAQ,CAAY,CAC/D,CACN,CAAC;IAEF,OAAO,uBAAuB,CAAC;AAChC,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("./ProgressCircle"), exports);
|
|
1
|
+
export * from './ProgressCircle';
|
|
14
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ProgressCircle/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ProgressCircle/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,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,30 +9,25 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
9
|
}
|
|
22
10
|
return t;
|
|
23
11
|
};
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
var
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
var children = _a.children, className = _a.className, completed = _a.completed, _b = _a.currentIndex, currentIndex = _b === void 0 ? 0 : _b, rest = __rest(_a, ["children", "className", "completed", "currentIndex"]);
|
|
35
|
-
var renderSteps = function () {
|
|
36
|
-
return react_1.default.Children.map(children, function (child, index) {
|
|
37
|
-
var childProps = {
|
|
38
|
-
key: index + "-step",
|
|
12
|
+
import React from 'react';
|
|
13
|
+
import classnames from 'classnames';
|
|
14
|
+
import { ProgressTrackerStep } from './ProgressTrackerStep';
|
|
15
|
+
import { ProgressTrackerDivider } from './ProgressTrackerDivider';
|
|
16
|
+
export const ProgressTracker = (_a) => {
|
|
17
|
+
var { children, className, completed, currentIndex = 0 } = _a, rest = __rest(_a, ["children", "className", "completed", "currentIndex"]);
|
|
18
|
+
const renderSteps = () => {
|
|
19
|
+
return React.Children.map(children, (child, index) => {
|
|
20
|
+
const childProps = {
|
|
21
|
+
key: `${index}-step`,
|
|
39
22
|
stepNumber: index + 1,
|
|
40
23
|
active: child.props.active,
|
|
41
24
|
completed: child.props.completed,
|
|
42
25
|
editing: child.props.editing,
|
|
43
26
|
};
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
27
|
+
const isIndexed = currentIndex !== false;
|
|
28
|
+
const isActive = index === currentIndex;
|
|
29
|
+
const isBeforeActive = index < currentIndex;
|
|
30
|
+
const flowPreviouslyCompleted = completed;
|
|
48
31
|
if (isIndexed) {
|
|
49
32
|
if (flowPreviouslyCompleted) {
|
|
50
33
|
// If currentIndex is used and this is the current step
|
|
@@ -64,17 +47,16 @@ var ProgressTracker = function (_a) {
|
|
|
64
47
|
}
|
|
65
48
|
}
|
|
66
49
|
return [
|
|
67
|
-
index > 0 && (
|
|
68
|
-
|
|
50
|
+
index > 0 && (React.createElement(ProgressTrackerDivider, { key: `${index}-divider` })),
|
|
51
|
+
React.cloneElement(child, childProps),
|
|
69
52
|
];
|
|
70
53
|
});
|
|
71
54
|
};
|
|
72
|
-
|
|
55
|
+
const ProgressTrackerClasses = classnames('ProgressTracker', className, {
|
|
73
56
|
'ProgressTracker--completed': completed,
|
|
74
57
|
});
|
|
75
|
-
return (
|
|
58
|
+
return (React.createElement("div", Object.assign({ className: ProgressTrackerClasses }, rest), renderSteps()));
|
|
76
59
|
};
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
exports.ProgressTracker.Divider = ProgressTrackerDivider_1.ProgressTrackerDivider;
|
|
60
|
+
ProgressTracker.Step = ProgressTrackerStep;
|
|
61
|
+
ProgressTracker.Divider = ProgressTrackerDivider;
|
|
80
62
|
//# sourceMappingURL=ProgressTracker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressTracker.js","sourceRoot":"","sources":["../../../src/components/ProgressTracker/ProgressTracker.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ProgressTracker.js","sourceRoot":"","sources":["../../../src/components/ProgressTracker/ProgressTracker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAuBlE,MAAM,CAAC,MAAM,eAAe,GAAoB,CAAC,EAMhD,EAAE,EAAE;QAN4C,EAChD,QAAQ,EACR,SAAS,EACT,SAAS,EACT,YAAY,GAAG,CAAC,OAEhB,EADG,IAAI,cALyC,sDAMhD,CADO;IAEP,MAAM,WAAW,GAAG,GAAoB,EAAE;QACzC,OAAO,KAAK,CAAC,QAAQ,CAAC,GAAG,CACxB,QAAQ,EACR,CAAC,KAAyB,EAAE,KAAK,EAAE,EAAE;YACpC,MAAM,UAAU,GAAG;gBAClB,GAAG,EAAE,GAAG,KAAK,OAAO;gBACpB,UAAU,EAAE,KAAK,GAAG,CAAC;gBACrB,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM;gBAC1B,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS;gBAChC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO;aAC5B,CAAC;YAEF,MAAM,SAAS,GAAG,YAAY,KAAK,KAAK,CAAC;YACzC,MAAM,QAAQ,GAAG,KAAK,KAAK,YAAY,CAAC;YACxC,MAAM,cAAc,GAAG,KAAK,GAAG,YAAY,CAAC;YAC5C,MAAM,uBAAuB,GAAG,SAAS,CAAC;YAE1C,IAAI,SAAS,EAAE;gBACd,IAAI,uBAAuB,EAAE;oBAC5B,uDAAuD;oBACvD,IAAI,QAAQ;wBAAE,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;oBAExC,2GAA2G;oBAC3G,IAAI,CAAC,QAAQ;wBAAE,UAAU,CAAC,SAAS,GAAG,IAAI,CAAC;iBAC3C;gBAED,IAAI,CAAC,uBAAuB,EAAE;oBAC7B,uDAAuD;oBACvD,IAAI,QAAQ;wBAAE,UAAU,CAAC,MAAM,GAAG,IAAI,CAAC;oBAEvC,mEAAmE;oBACnE,IAAI,cAAc;wBAAE,UAAU,CAAC,SAAS,GAAG,IAAI,CAAC;iBAChD;aACD;YAED,OAAO;gBACN,KAAK,GAAG,CAAC,IAAI,CACZ,oBAAC,sBAAsB,IAAC,GAAG,EAAE,GAAG,KAAK,UAAU,GAAI,CACnD;gBACD,KAAK,CAAC,YAAY,CAAC,KAA2B,EAAE,UAAU,CAAC;aAC3D,CAAC;QACH,CAAC,CACD,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,UAAU,CAAC,iBAAiB,EAAE,SAAS,EAAE;QACvE,4BAA4B,EAAE,SAAS;KACvC,CAAC,CAAC;IAEH,OAAO,CACN,2CAAK,SAAS,EAAE,sBAAsB,IAAM,IAAI,GAC9C,WAAW,EAAE,CACT,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,CAAC,IAAI,GAAG,mBAAmB,CAAC;AAC3C,eAAe,CAAC,OAAO,GAAG,sBAAsB,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,17 +9,11 @@ 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 ProgressTrackerDivider = function (_a) {
|
|
32
|
-
var className = _a.className, props = __rest(_a, ["className"]);
|
|
33
|
-
var ProgressTrackerDividerClasses = (0, classnames_1.default)('ProgressTrackerDivider', className);
|
|
34
|
-
return react_1.default.createElement("div", __assign({ className: ProgressTrackerDividerClasses }, props));
|
|
12
|
+
import React from 'react';
|
|
13
|
+
import classnames from 'classnames';
|
|
14
|
+
export const ProgressTrackerDivider = (_a) => {
|
|
15
|
+
var { className } = _a, props = __rest(_a, ["className"]);
|
|
16
|
+
const ProgressTrackerDividerClasses = classnames('ProgressTrackerDivider', className);
|
|
17
|
+
return React.createElement("div", Object.assign({ className: ProgressTrackerDividerClasses }, props));
|
|
35
18
|
};
|
|
36
|
-
exports.ProgressTrackerDivider = ProgressTrackerDivider;
|
|
37
19
|
//# sourceMappingURL=ProgressTrackerDivider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressTrackerDivider.js","sourceRoot":"","sources":["../../../src/components/ProgressTracker/ProgressTrackerDivider.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ProgressTrackerDivider.js","sourceRoot":"","sources":["../../../src/components/ProgressTracker/ProgressTrackerDivider.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAQpC,MAAM,CAAC,MAAM,sBAAsB,GAAc,CAAC,EAAuB,EAAE,EAAE;QAA3B,EAAE,SAAS,OAAY,EAAP,KAAK,cAArB,aAAuB,CAAF;IACtE,MAAM,6BAA6B,GAAG,UAAU,CAC/C,wBAAwB,EACxB,SAAS,CACT,CAAC;IAEF,OAAO,2CAAK,SAAS,EAAE,6BAA6B,IAAM,KAAK,EAAI,CAAC;AACrE,CAAC,CAAC"}
|