@servicetitan/design-system 14.0.0-react18.0 → 14.0.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.d.ts +7 -5
- package/dist/components/ActionMenu/ActionMenu.js.map +1 -1
- package/dist/components/ActionMenu/ActionMenu.stories.d.ts +0 -2
- package/dist/components/ActionMenu/ActionMenu.stories.js +0 -1
- package/dist/components/ActionMenu/ActionMenu.stories.js.map +1 -1
- package/dist/components/ActionMenu/ActionMenu.test.js +5 -25
- package/dist/components/ActionMenu/ActionMenu.test.js.map +1 -1
- package/dist/components/ActionMenu/ActionMenuGroup.js.map +1 -1
- package/dist/components/ActionMenu/ActionMenuItem.js.map +1 -1
- package/dist/components/ActionMenu/index.js.map +1 -1
- package/dist/components/ActionMenu/useLatestEvent.js.map +1 -1
- package/dist/components/Announcement/Announcement.js +1 -1
- package/dist/components/Announcement/Announcement.js.map +1 -1
- package/dist/components/Announcement/Announcement.test.js.map +1 -1
- package/dist/components/Announcement/index.js.map +1 -1
- package/dist/components/AnvilSelect/AnvilSelect.d.ts +4 -0
- package/dist/components/AnvilSelect/AnvilSelect.js +1 -1
- package/dist/components/AnvilSelect/AnvilSelect.js.map +1 -1
- package/dist/components/AnvilSelect/AnvilSelect.test.js.map +1 -1
- package/dist/components/AnvilSelect/components/DrillIn.js.map +1 -1
- package/dist/components/AnvilSelect/components/FocusProvider.js.map +1 -1
- package/dist/components/AnvilSelect/components/SelectFooter.js.map +1 -1
- package/dist/components/AnvilSelect/components/SelectHeader.js +1 -1
- package/dist/components/AnvilSelect/components/SelectHeader.js.map +1 -1
- package/dist/components/AnvilSelect/components/SelectOptions.js.map +1 -1
- package/dist/components/AnvilSelect/components/Tree.js.map +1 -1
- package/dist/components/AnvilSelect/components/Trigger.js +1 -1
- package/dist/components/AnvilSelect/components/Trigger.js.map +1 -1
- package/dist/components/AnvilSelect/components/index.js.map +1 -1
- package/dist/components/AnvilSelect/index.js.map +1 -1
- package/dist/components/AnvilSelect/utils/FocusActionType.js.map +1 -1
- package/dist/components/AnvilSelect/utils/FocusContext.js.map +1 -1
- package/dist/components/AnvilSelect/utils/FooterAction.js.map +1 -1
- package/dist/components/AnvilSelect/utils/focus-utils.js.map +1 -1
- package/dist/components/AnvilSelect/utils/index.js.map +1 -1
- package/dist/components/Avatar/Avatar.js.map +1 -1
- package/dist/components/Avatar/Avatar.test.js.map +1 -1
- package/dist/components/Avatar/index.js.map +1 -1
- package/dist/components/BackLink/BackLink.js.map +1 -1
- package/dist/components/BackLink/BackLink.test.js.map +1 -1
- package/dist/components/BackLink/index.js.map +1 -1
- package/dist/components/Backdrop/Backdrop.js.map +1 -1
- package/dist/components/Backdrop/Backdrop.test.js.map +1 -1
- package/dist/components/Backdrop/index.js.map +1 -1
- package/dist/components/Banner/Banner.js +1 -1
- package/dist/components/Banner/Banner.js.map +1 -1
- package/dist/components/Banner/Banner.test.js.map +1 -1
- package/dist/components/Banner/index.js.map +1 -1
- package/dist/components/BodyText/BodyText.js.map +1 -1
- package/dist/components/BodyText/BodyText.test.js.map +1 -1
- package/dist/components/BodyText/index.js.map +1 -1
- package/dist/components/Breadcrumb/Breadcrumb.js.map +1 -1
- package/dist/components/Breadcrumb/BreadcrumbLink.js.map +1 -1
- package/dist/components/Breadcrumb/BreadcrumbLink.test.js.map +1 -1
- package/dist/components/Breadcrumb/index.js.map +1 -1
- package/dist/components/BreakPoint/BreakPoint.js.map +1 -1
- package/dist/components/BreakPoint/BreakPoint.test.js.map +1 -1
- package/dist/components/BreakPoint/index.js.map +1 -1
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Button/Button.test.js.map +1 -1
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/ButtonGroup/ButtonGroup.js.map +1 -1
- package/dist/components/ButtonGroup/ButtonGroup.test.js.map +1 -1
- package/dist/components/ButtonGroup/ButtonGroupItem.js.map +1 -1
- package/dist/components/ButtonGroup/index.js.map +1 -1
- package/dist/components/ButtonToggle/ButtonToggle.js.map +1 -1
- package/dist/components/ButtonToggle/ButtonToggle.test.js.map +1 -1
- package/dist/components/ButtonToggle/ButtonToggleItem.js.map +1 -1
- package/dist/components/ButtonToggle/index.js.map +1 -1
- package/dist/components/Card/Card.js.map +1 -1
- package/dist/components/Card/Card.test.js.map +1 -1
- package/dist/components/Card/CardSection.js.map +1 -1
- package/dist/components/Card/index.js.map +1 -1
- package/dist/components/Checkbox/Checkbox.js +1 -0
- package/dist/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/components/Checkbox/Checkbox.test.js.map +1 -1
- package/dist/components/Checkbox/index.js.map +1 -1
- package/dist/components/Collapsible/Collapsible.js.map +1 -1
- package/dist/components/Collapsible/Collapsible.test.js.map +1 -1
- package/dist/components/Collapsible/index.js.map +1 -1
- package/dist/components/ColorPicker/ColorPicker.js.map +1 -1
- package/dist/components/ColorPicker/ColorPicker.test.js.map +1 -1
- package/dist/components/ColorPicker/index.js.map +1 -1
- package/dist/components/Container/Container.js.map +1 -1
- package/dist/components/Container/index.js.map +1 -1
- package/dist/components/DataList/DataList.js +2 -2
- package/dist/components/DataList/DataList.js.map +1 -1
- package/dist/components/DataList/DataList.test.js.map +1 -1
- package/dist/components/DataList/DataListCell.d.ts +5 -3
- package/dist/components/DataList/DataListCell.js +2 -2
- package/dist/components/DataList/DataListCell.js.map +1 -1
- package/dist/components/DataList/DataListHeaderCell.d.ts +3 -2
- package/dist/components/DataList/DataListHeaderCell.js +2 -3
- package/dist/components/DataList/DataListHeaderCell.js.map +1 -1
- package/dist/components/DataList/DataListHeaderRow.js.map +1 -1
- package/dist/components/DataList/DataListRow.js.map +1 -1
- package/dist/components/DataList/index.js.map +1 -1
- package/dist/components/DatePicker/DatePicker.d.ts +4 -1
- package/dist/components/DatePicker/DatePicker.js +11 -8
- package/dist/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/components/DatePicker/DatePicker.test.js +9 -0
- package/dist/components/DatePicker/DatePicker.test.js.map +1 -1
- package/dist/components/DatePicker/InputDateMask.js.map +1 -1
- package/dist/components/DatePicker/index.js.map +1 -1
- package/dist/components/DatePicker/utils/expandMaskUtils.js.map +1 -1
- package/dist/components/DatePicker/utils/expandMaskUtils.test.js.map +1 -1
- package/dist/components/DatePicker/utils/maskUtils.js.map +1 -1
- package/dist/components/DatePicker/utils/utils.js.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.d.ts +3 -0
- package/dist/components/DateRangePicker/DateRangePicker.js +10 -5
- package/dist/components/DateRangePicker/DateRangePicker.js.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.test.js +13 -1
- package/dist/components/DateRangePicker/DateRangePicker.test.js.map +1 -1
- package/dist/components/DateRangePicker/components/DateRangeInput.js.map +1 -1
- package/dist/components/DateRangePicker/components/DateRangeOptionList.js.map +1 -1
- package/dist/components/DateRangePicker/components/DateRangeTrigger.js +1 -1
- package/dist/components/DateRangePicker/components/DateRangeTrigger.js.map +1 -1
- package/dist/components/DateRangePicker/components/index.js.map +1 -1
- package/dist/components/DateRangePicker/index.js.map +1 -1
- package/dist/components/DateRangePicker/utils/checkScope.js.map +1 -1
- package/dist/components/DateRangePicker/utils/index.js.map +1 -1
- package/dist/components/Dialog/Dialog.js.map +1 -1
- package/dist/components/Dialog/Dialog.test.js +5 -3
- package/dist/components/Dialog/Dialog.test.js.map +1 -1
- package/dist/components/Dialog/index.js.map +1 -1
- package/dist/components/Divider/Divider.js.map +1 -1
- package/dist/components/Divider/Divider.test.js.map +1 -1
- package/dist/components/Divider/index.js.map +1 -1
- package/dist/components/Drawer/Drawer.js +1 -1
- package/dist/components/Drawer/Drawer.js.map +1 -1
- package/dist/components/Drawer/Drawer.test.js +5 -3
- package/dist/components/Drawer/Drawer.test.js.map +1 -1
- package/dist/components/Drawer/index.js.map +1 -1
- package/dist/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/components/Dropdown/DropdownIcon.js.map +1 -1
- package/dist/components/Dropdown/index.js.map +1 -1
- package/dist/components/Eyebrow/Eyebrow.js.map +1 -1
- package/dist/components/Eyebrow/Eyebrow.test.js.map +1 -1
- package/dist/components/Eyebrow/index.js.map +1 -1
- package/dist/components/FilePicker/FilePicker.js.map +1 -1
- package/dist/components/FilePicker/FilePicker.test.js.map +1 -1
- package/dist/components/FilePicker/index.js.map +1 -1
- package/dist/components/FilterButton/FilterButton.js.map +1 -1
- package/dist/components/FilterButton/FilterButton.test.js.map +1 -1
- package/dist/components/FilterButton/index.js.map +1 -1
- package/dist/components/FlowCard/FlowCard.js.map +1 -1
- package/dist/components/FlowCard/FlowCard.test.js.map +1 -1
- package/dist/components/FlowCard/FlowCardStep.js.map +1 -1
- package/dist/components/FlowCard/index.js.map +1 -1
- package/dist/components/Form/Form.js.map +1 -1
- package/dist/components/Form/Form.test.js.map +1 -1
- package/dist/components/Form/index.js.map +1 -1
- package/dist/components/FormControls/FormAnvilSelect.js.map +1 -1
- package/dist/components/FormControls/FormButton.js.map +1 -1
- package/dist/components/FormControls/FormButtonToggle.js.map +1 -1
- package/dist/components/FormControls/FormCheckbox.js.map +1 -1
- package/dist/components/FormControls/FormColorPicker.js.map +1 -1
- package/dist/components/FormControls/FormDatePicker.js.map +1 -1
- package/dist/components/FormControls/FormDateRangePicker.js.map +1 -1
- package/dist/components/FormControls/FormDropdown.js.map +1 -1
- package/dist/components/FormControls/FormInput.js.map +1 -1
- package/dist/components/FormControls/FormRadio.js.map +1 -1
- package/dist/components/FormControls/FormSelect.js.map +1 -1
- package/dist/components/FormControls/FormTextArea.js.map +1 -1
- package/dist/components/FormControls/FormTimePicker.js.map +1 -1
- package/dist/components/FormControls/FormToggleSwitch.js.map +1 -1
- package/dist/components/FormControls/FormTogglebox.js.map +1 -1
- package/dist/components/FormControls/index.js.map +1 -1
- package/dist/components/FormField/FormField.js +23 -12
- package/dist/components/FormField/FormField.js.map +1 -1
- package/dist/components/FormField/FormField.test.js.map +1 -1
- package/dist/components/FormField/FormFieldContext.js.map +1 -1
- package/dist/components/FormField/index.js.map +1 -1
- package/dist/components/FormGroup/FormGroup.js.map +1 -1
- package/dist/components/FormGroup/FormGroup.test.js.map +1 -1
- package/dist/components/FormGroup/index.js.map +1 -1
- package/dist/components/Frame/Frame.js.map +1 -1
- package/dist/components/Frame/Frame.test.js.map +1 -1
- package/dist/components/Frame/index.js.map +1 -1
- package/dist/components/Grid/Grid.js.map +1 -1
- package/dist/components/Grid/Grid.test.js.map +1 -1
- package/dist/components/Grid/GridColumn.js.map +1 -1
- package/dist/components/Grid/GridRow.js.map +1 -1
- package/dist/components/Grid/index.js.map +1 -1
- package/dist/components/Headline/Headline.js.map +1 -1
- package/dist/components/Headline/Headline.test.js.map +1 -1
- package/dist/components/Headline/index.js.map +1 -1
- package/dist/components/Icon/Icon.js.map +1 -1
- package/dist/components/Icon/Icon.test.js.map +1 -1
- package/dist/components/Icon/index.js.map +1 -1
- package/dist/components/InlineEdit/InlineEdit.d.ts +3 -0
- package/dist/components/InlineEdit/InlineEdit.js +7 -6
- package/dist/components/InlineEdit/InlineEdit.js.map +1 -1
- package/dist/components/InlineEdit/InlineEdit.test.js +16 -1
- package/dist/components/InlineEdit/InlineEdit.test.js.map +1 -1
- package/dist/components/InlineEdit/index.js.map +1 -1
- package/dist/components/Input/Input.js.map +1 -1
- package/dist/components/Input/Input.test.js.map +1 -1
- package/dist/components/Input/InputAddon.js.map +1 -1
- package/dist/components/Input/index.js.map +1 -1
- package/dist/components/Input/inputProps.js.map +1 -1
- package/dist/components/KeyPressListener/KeyPressListener.js.map +1 -1
- package/dist/components/KeyPressListener/index.js.map +1 -1
- package/dist/components/Label/Label.js +1 -4
- package/dist/components/Label/Label.js.map +1 -1
- package/dist/components/Label/index.js.map +1 -1
- package/dist/components/Layout/Layout.js.map +1 -1
- package/dist/components/Layout/Layout.test.js.map +1 -1
- package/dist/components/Layout/LayoutSection.js.map +1 -1
- package/dist/components/Layout/index.js.map +1 -1
- package/dist/components/Link/Link.js.map +1 -1
- package/dist/components/Link/Link.test.js.map +1 -1
- package/dist/components/Link/index.js.map +1 -1
- package/dist/components/Mask/Mask.js.map +1 -1
- package/dist/components/Mask/Mask.test.js.map +1 -1
- package/dist/components/Mask/index.js.map +1 -1
- package/dist/components/Modal/Modal.js.map +1 -1
- package/dist/components/Modal/Modal.test.js +5 -3
- package/dist/components/Modal/Modal.test.js.map +1 -1
- package/dist/components/Modal/components.js +1 -1
- package/dist/components/Modal/components.js.map +1 -1
- package/dist/components/Modal/index.js.map +1 -1
- package/dist/components/MoreDetails/MoreDetails.js.map +1 -1
- package/dist/components/MoreDetails/MoreDetails.test.js.map +1 -1
- package/dist/components/MoreDetails/index.js.map +1 -1
- package/dist/components/OptionList/Option.js.map +1 -1
- package/dist/components/OptionList/OptionList.js.map +1 -1
- package/dist/components/OptionList/OptionList.test.js.map +1 -1
- package/dist/components/OptionList/index.js.map +1 -1
- package/dist/components/OptionList/useOnExpand.js.map +1 -1
- package/dist/components/Page/Page.js.map +1 -1
- package/dist/components/Page/Page.test.js.map +1 -1
- package/dist/components/Page/components/ActionToolbar.js.map +1 -1
- package/dist/components/Page/components/Panel.js.map +1 -1
- package/dist/components/Page/components/index.js.map +1 -1
- package/dist/components/Page/index.js.map +1 -1
- package/dist/components/Popover/Popover.d.ts +2 -0
- package/dist/components/Popover/Popover.js +2 -2
- package/dist/components/Popover/Popover.js.map +1 -1
- package/dist/components/Popover/Popover.test.js +9 -0
- package/dist/components/Popover/Popover.test.js.map +1 -1
- package/dist/components/Popover/components.js.map +1 -1
- package/dist/components/Popover/index.js.map +1 -1
- package/dist/components/ProgressBar/ProgressBar.js.map +1 -1
- package/dist/components/ProgressBar/ProgressBar.test.js.map +1 -1
- package/dist/components/ProgressBar/index.js.map +1 -1
- package/dist/components/ProgressCircle/ProgressCircle.js.map +1 -1
- package/dist/components/ProgressCircle/ProgressCircle.test.js.map +1 -1
- package/dist/components/ProgressCircle/index.js.map +1 -1
- package/dist/components/ProgressTracker/ProgressTracker.css +5 -0
- package/dist/components/ProgressTracker/ProgressTracker.css.map +1 -1
- package/dist/components/ProgressTracker/ProgressTracker.js.map +1 -1
- package/dist/components/ProgressTracker/ProgressTracker.test.js.map +1 -1
- package/dist/components/ProgressTracker/ProgressTrackerDivider.js +3 -3
- package/dist/components/ProgressTracker/ProgressTrackerDivider.js.map +1 -1
- package/dist/components/ProgressTracker/ProgressTrackerStep.js.map +1 -1
- package/dist/components/ProgressTracker/index.css +5 -0
- package/dist/components/ProgressTracker/index.css.map +1 -1
- package/dist/components/ProgressTracker/index.js.map +1 -1
- package/dist/components/Radio/Radio.js.map +1 -1
- package/dist/components/Radio/Radio.test.js.map +1 -1
- package/dist/components/Radio/index.js.map +1 -1
- package/dist/components/Scroll/Scroll.js.map +1 -1
- package/dist/components/Scroll/Scroll.test.js.map +1 -1
- package/dist/components/Scroll/index.js.map +1 -1
- package/dist/components/Select/Select.js.map +1 -1
- package/dist/components/Select/Select.test.js.map +1 -1
- package/dist/components/Select/index.js.map +1 -1
- package/dist/components/SideNav/SideNav.js.map +1 -1
- package/dist/components/SideNav/SideNav.test.js.map +1 -1
- package/dist/components/SideNav/SideNavGroup.js.map +1 -1
- package/dist/components/SideNav/SideNavItem.js.map +1 -1
- package/dist/components/SideNav/index.js.map +1 -1
- package/dist/components/Sidebar/Sidebar.js.map +1 -1
- package/dist/components/Sidebar/Sidebar.test.js.map +1 -1
- package/dist/components/Sidebar/SidebarSection.js.map +1 -1
- package/dist/components/Sidebar/index.js.map +1 -1
- package/dist/components/Snackbar/Snackbar.js +1 -1
- package/dist/components/Snackbar/Snackbar.js.map +1 -1
- package/dist/components/Snackbar/Snackbar.test.js +5 -3
- package/dist/components/Snackbar/Snackbar.test.js.map +1 -1
- package/dist/components/Snackbar/index.js.map +1 -1
- package/dist/components/Spinner/Spinner.js.map +1 -1
- package/dist/components/Spinner/Spinner.test.js.map +1 -1
- package/dist/components/Spinner/index.js.map +1 -1
- package/dist/components/Stack/Stack.js.map +1 -1
- package/dist/components/Stack/Stack.test.js.map +1 -1
- package/dist/components/Stack/StackItem.js.map +1 -1
- package/dist/components/Stack/index.js.map +1 -1
- package/dist/components/StatusLight/StatusLight.js.map +1 -1
- package/dist/components/StatusLight/StatusLight.test.js.map +1 -1
- package/dist/components/StatusLight/index.js.map +1 -1
- package/dist/components/Tab/Tab.js.map +1 -1
- package/dist/components/Tab/Tab.test.js.map +1 -1
- package/dist/components/Tab/index.js.map +1 -1
- package/dist/components/TabGroup/TabGroup.js.map +1 -1
- package/dist/components/TabGroup/TabGroup.test.js.map +1 -1
- package/dist/components/TabGroup/TabGroupItem.js.map +1 -1
- package/dist/components/TabGroup/components.js.map +1 -1
- package/dist/components/TabGroup/index.js.map +1 -1
- package/dist/components/Table/GridMod.js.map +1 -1
- package/dist/components/Table/Table.css +11 -1
- package/dist/components/Table/Table.css.map +1 -1
- package/dist/components/Table/Table.js.map +1 -1
- package/dist/components/Table/Table.test.js.map +1 -1
- package/dist/components/Table/TableLoadingPanel.js.map +1 -1
- package/dist/components/Table/components.js.map +1 -1
- package/dist/components/Table/index.css +11 -1
- package/dist/components/Table/index.css.map +1 -1
- package/dist/components/Table/index.js.map +1 -1
- package/dist/components/Table/useTableMinWidth.js.map +1 -1
- package/dist/components/Tag/Tag.js +1 -1
- package/dist/components/Tag/Tag.js.map +1 -1
- package/dist/components/Tag/Tag.test.js.map +1 -1
- package/dist/components/Tag/index.js.map +1 -1
- package/dist/components/TagGroup/TagGroup.js.map +1 -1
- package/dist/components/TagGroup/TagGroup.test.js.map +1 -1
- package/dist/components/TagGroup/TagGroupItem.js.map +1 -1
- package/dist/components/TagGroup/index.js.map +1 -1
- package/dist/components/Takeover/Takeover.js +10 -7
- package/dist/components/Takeover/Takeover.js.map +1 -1
- package/dist/components/Takeover/Takeover.test.js +5 -3
- package/dist/components/Takeover/Takeover.test.js.map +1 -1
- package/dist/components/Takeover/TakeoverFooter.js.map +1 -1
- package/dist/components/Takeover/TakeoverHeader.js +1 -1
- package/dist/components/Takeover/TakeoverHeader.js.map +1 -1
- package/dist/components/Takeover/TakeoverSection.js.map +1 -1
- package/dist/components/Takeover/index.js.map +1 -1
- package/dist/components/Text/Text.js.map +1 -1
- package/dist/components/Text/Text.test.js.map +1 -1
- package/dist/components/Text/index.js.map +1 -1
- package/dist/components/TextArea/TextArea.js.map +1 -1
- package/dist/components/TextArea/TextArea.test.js.map +1 -1
- package/dist/components/TextArea/index.js.map +1 -1
- package/dist/components/Thumbnail/Thumbnail.js.map +1 -1
- package/dist/components/Thumbnail/Thumbnail.test.js.map +1 -1
- package/dist/components/Thumbnail/index.js.map +1 -1
- package/dist/components/TimePicker/TimePicker.d.ts +4 -1
- package/dist/components/TimePicker/TimePicker.js +20 -39
- package/dist/components/TimePicker/TimePicker.js.map +1 -1
- package/dist/components/TimePicker/TimePicker.test.js +14 -0
- package/dist/components/TimePicker/TimePicker.test.js.map +1 -1
- package/dist/components/TimePicker/components/TimePickerOptionList.js +18 -0
- package/dist/components/TimePicker/components/TimePickerOptionList.js.map +1 -1
- package/dist/components/TimePicker/components/index.js.map +1 -1
- package/dist/components/TimePicker/index.js.map +1 -1
- package/dist/components/TimePicker/utils/TimePickerUtils.test.js.map +1 -1
- package/dist/components/TimePicker/utils/checkMinMax.js.map +1 -1
- package/dist/components/TimePicker/utils/filterOptions.js.map +1 -1
- package/dist/components/TimePicker/utils/generateOptions.js.map +1 -1
- package/dist/components/TimePicker/utils/getClosestOption.js.map +1 -1
- package/dist/components/TimePicker/utils/getOptionByText.js.map +1 -1
- package/dist/components/TimePicker/utils/highlightOption.js.map +1 -1
- package/dist/components/TimePicker/utils/index.js.map +1 -1
- package/dist/components/TimePicker/utils/injectOption.js.map +1 -1
- package/dist/components/TimePicker/utils/stringToDate.js.map +1 -1
- package/dist/components/TimePicker/utils/timezoneUtils.js.map +1 -1
- package/dist/components/TimePicker/utils/toTimeFormat.js.map +1 -1
- package/dist/components/TimePicker/utils/utils.js +4 -2
- package/dist/components/TimePicker/utils/utils.js.map +1 -1
- package/dist/components/Toast/Toast.js +1 -1
- package/dist/components/Toast/Toast.js.map +1 -1
- package/dist/components/Toast/Toast.test.js +5 -3
- package/dist/components/Toast/Toast.test.js.map +1 -1
- package/dist/components/Toast/ToastGroup.js.map +1 -1
- package/dist/components/Toast/index.js.map +1 -1
- package/dist/components/ToggleSwitch/ToggleSwitch.js +1 -0
- package/dist/components/ToggleSwitch/ToggleSwitch.js.map +1 -1
- package/dist/components/ToggleSwitch/ToggleSwitch.test.js.map +1 -1
- package/dist/components/ToggleSwitch/index.js.map +1 -1
- package/dist/components/Togglebox/Togglebox.js.map +1 -1
- package/dist/components/Togglebox/Togglebox.test.js.map +1 -1
- package/dist/components/Togglebox/index.js.map +1 -1
- package/dist/components/Tooltip/Tooltip.d.ts +3 -0
- package/dist/components/Tooltip/Tooltip.js +2 -2
- package/dist/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/components/Tooltip/Tooltip.test.js +10 -0
- package/dist/components/Tooltip/Tooltip.test.js.map +1 -1
- package/dist/components/Tooltip/index.js.map +1 -1
- package/dist/components/VisuallyHidden/VisuallyHidden.js.map +1 -1
- package/dist/components/VisuallyHidden/index.js.map +1 -1
- package/dist/components/index.css +16 -1
- package/dist/components/index.css.map +1 -1
- 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.map +1 -1
- package/dist/hooks/useArrowNav/index.js.map +1 -1
- package/dist/hooks/useArrowNav/useArrowNav.js.map +1 -1
- package/dist/hooks/useArrowNav/utils/index.js.map +1 -1
- package/dist/hooks/useArrowNav/utils/keys.js.map +1 -1
- package/dist/hooks/useArrowNav/utils/tabIndex.js.map +1 -1
- package/dist/hooks/useArrowNav/utils/utils.js.map +1 -1
- package/dist/hooks/useFocusTrap/index.js.map +1 -1
- package/dist/hooks/useFocusTrap/internal/index.js.map +1 -1
- package/dist/hooks/useFocusTrap/internal/useAutoFocus.js.map +1 -1
- package/dist/hooks/useFocusTrap/internal/useAutoFocusContainer.js.map +1 -1
- package/dist/hooks/useFocusTrap/internal/useDisableClickOutside.js.map +1 -1
- package/dist/hooks/useFocusTrap/internal/useFocusLock.js.map +1 -1
- package/dist/hooks/useFocusTrap/internal/useRestoreFocus.js.map +1 -1
- package/dist/hooks/useFocusTrap/internal/utils.js.map +1 -1
- package/dist/hooks/useFocusTrap/useFocusTrap.js.map +1 -1
- package/dist/hooks/useFocusVisible.js.map +1 -1
- package/dist/hooks/useFocusVisible.test.js.map +1 -1
- package/dist/hooks/useMergedRef.js.map +1 -1
- package/dist/hooks/useScreenSize.js.map +1 -1
- package/dist/hooks/useScrollPosition.js.map +1 -1
- package/dist/hooks/useVisuallyHidden.js.map +1 -1
- package/dist/internal/CollapsibleList/CollapsibleContext.js.map +1 -1
- package/dist/internal/CollapsibleList/CollapsibleList.js.map +1 -1
- package/dist/internal/CollapsibleList/CollapsibleListItem.js.map +1 -1
- package/dist/internal/CollapsibleList/index.js.map +1 -1
- package/dist/internal/Overlay/Overlay.js.map +1 -1
- package/dist/internal/Overlay/index.js.map +1 -1
- package/dist/internal/Popper/Popper.d.ts +5 -0
- package/dist/internal/Popper/Popper.js +2 -2
- package/dist/internal/Popper/Popper.js.map +1 -1
- package/dist/internal/Popper/index.js.map +1 -1
- package/dist/internal/Portal/Portal.js.map +1 -1
- package/dist/internal/Portal/index.js.map +1 -1
- package/dist/internal/index.js.map +1 -1
- package/dist/system-light.css +13 -7
- package/dist/system-light.css.map +1 -1
- package/dist/system-light.min.css +1 -1
- package/dist/system.css +29 -2
- package/dist/system.css.map +1 -1
- package/dist/system.js.map +1 -1
- package/dist/system.min.css +2 -2
- package/dist/utilities/AnvilProvider.js.map +1 -1
- package/dist/utilities/ConditionalWrapper.js.map +1 -1
- package/dist/utilities/DefaultPortalContext.js.map +1 -1
- package/dist/utilities/KeyboardAccessTests/KeyboardAccess.test.js +1 -1
- package/dist/utilities/KeyboardAccessTests/KeyboardAccess.test.js.map +1 -1
- package/dist/utilities/KeyboardAccessTests/components/KeyboardTester.js.map +1 -1
- package/dist/utilities/KeyboardAccessTests/components/components.js.map +1 -1
- package/dist/utilities/KeyboardAccessTests/components/index.js.map +1 -1
- package/dist/utilities/KeyboardAccessTests/utils/index.js.map +1 -1
- package/dist/utilities/KeyboardAccessTests/utils/jestUtils.js.map +1 -1
- package/dist/utilities/KeyboardAccessTests/utils/utils.js.map +1 -1
- package/dist/utilities/OverlayContext.js.map +1 -1
- package/dist/utilities/SemanticUtils/index.js.map +1 -1
- package/dist/utilities/SemanticUtils/refUtils.js.map +1 -1
- package/dist/utilities/SemanticUtils/widths.js.map +1 -1
- package/dist/utilities/ThemeProvider.js.map +1 -1
- package/dist/utilities/TimezoneProvider/TimezoneProvider.js.map +1 -1
- package/dist/utilities/TimezoneProvider/TimezoneProvider.test.js.map +1 -1
- package/dist/utilities/TimezoneProvider/index.js.map +1 -1
- package/dist/utilities/color-utils.js.map +1 -1
- package/dist/utilities/dateFormat.js.map +1 -1
- package/dist/utilities/debounce.js.map +1 -1
- package/dist/utilities/getContent.js.map +1 -1
- package/dist/utilities/index.js.map +1 -1
- package/dist/utilities/isElementOfType.js.map +1 -1
- package/dist/utilities/justify-props.js.map +1 -1
- package/dist/utilities/keyCodes.js.map +1 -1
- package/dist/utilities/usePrefersColorScheme.js.map +1 -1
- package/dist/utilities/useStorybookFigmaAddon.js.map +1 -1
- package/dist/utilities/wrapChildren.js.map +1 -1
- package/dist/utilities/wrapWithComponent.js.map +1 -1
- package/package.json +8 -8
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonToggle.js","sourceRoot":"","sources":["../../../src/components/ButtonToggle/ButtonToggle.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ButtonToggle.js","sourceRoot":"","sources":["../../../src/components/ButtonToggle/ButtonToggle.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\n\nimport { ButtonToggleItem, ButtonToggleItemProps } from './ButtonToggleItem';\nimport { useArrowNav } from '../../hooks/useArrowNav';\nimport { useMergedRef } from '../../hooks';\n\n/**\n * Option properties\n */\nexport interface OptionProps<T> {\n\t/** Content of the element, i.e. the displayed text */\n\ttext?: ButtonToggleItemProps<T>['text'];\n\n\t/** Value of the option */\n\tvalue: ButtonToggleItemProps<T>['value'];\n\n\t/** Returns value of option for the click event */\n\tonClick?: ButtonToggleItemProps<T>['onClick'];\n\n\t/** Indicates whether the element is disabled or not. It makes the option unselectable */\n\tdisabled?: ButtonToggleItemProps<T>['disabled'];\n\n\t/** Sets the option's selected state */\n\tselected?: ButtonToggleItemProps<T>['selected'];\n\n\t/** Hide the option (not commonly used) */\n\thidden?: ButtonToggleItemProps<T>['hidden'];\n\n\t/** React element to be rendered as an icon */\n\ticon?: ButtonToggleItemProps<T>['icon'];\n\n\t/** Name of icon to render inside of button */\n\ticonName?: ButtonToggleItemProps<T>['iconName'];\n}\n\n/**\n * ButtonToggle properties\n */\nexport interface ButtonTogglePropsStrict<T> {\n\t/** String of class names to add to component */\n\tclassName?: string;\n\n\t/** Switch on unselected state */\n\tclearable?: boolean;\n\n\t/** Selected button background color.<br /> Possible values: <i>'primary'</i>, <i>'blue'</i>, <i>'negative'</i>, <i>'red'</i> */\n\tcolor?: ButtonToggleItemProps<T>['color']; // 'default', 'grey' are colors of not selected buttons\n\n\t/** Sets all the option's unselectable */\n\tdisabled?: ButtonToggleItemProps<T>['disabled'];\n\n\t/** Element to use for base component */\n\tel?: any;\n\n\t/** Shortcut for large-sized buttons */\n\tlarge?: boolean;\n\n\t/** Specifies the name of the ButtonToggle element */\n\tname?: string;\n\n\t/** Negative styling (red) */\n\tnegative?: boolean;\n\n\t/** Called when the user changes the value */\n\tonChange?: (value: T | undefined) => void;\n\n\t/** List of options */\n\toptions?: OptionProps<T>[];\n\n\t/** Primary button */\n\tprimary?: boolean;\n\n\t/** Sets size of the buttons.<br /> Possible values: <i>'large'</i>, <i>'small'</i> */\n\tsize?: ButtonToggleItemProps<T>['size'];\n\n\t/** Shortcut for small-sized buttons */\n\tsmall?: boolean;\n\n\t/** Value of the ButtonToggle element. Sets corresponding option selected */\n\tvalue?: ButtonToggleItemProps<T>['value'];\n\n\t/** Shortcut for x-small-sized buttons */\n\txsmall?: boolean;\n}\n\nexport interface ButtonToggleProps<T> extends ButtonTogglePropsStrict<T> {\n\t/** Unstrict Props */\n\t[propName: string]: any;\n}\n\ninterface ButtonToggleState<T> {\n\tselected: ButtonToggleItemProps<T>['value'];\n}\n\nexport const ButtonToggle: <T>(\n\tprops: React.PropsWithoutRef<ButtonToggleProps<T>> &\n\t\tReact.RefAttributes<HTMLElement>\n) => React.ReactElement | null = React.forwardRef(function <T>(\n\t{\n\t\tcolor = 'primary',\n\t\tprimary,\n\t\tnegative,\n\t\tclassName,\n\t\tdisabled,\n\t\tel: ButtonToggleElement = 'div',\n\t\tclearable,\n\t\toptions = [],\n\t\tlarge,\n\t\tsmall,\n\t\txsmall,\n\t\tname,\n\t\tsize = 'medium',\n\t\tvalue,\n\t\tonChange,\n\t\t...props\n\t}: ButtonToggleProps<T>,\n\tref: React.RefObject<HTMLElement>\n) {\n\tconst [selected, setSelected] =\n\t\tReact.useState<ButtonToggleState<T>['selected']>(value);\n\n\tReact.useEffect(() => {\n\t\tsetSelected(value);\n\t}, [value]);\n\n\tconst arrowNavRef = React.useRef(null);\n\tconst mergedRef = useMergedRef(ref, arrowNavRef);\n\n\tuseArrowNav({\n\t\tscope: arrowNavRef,\n\t\thandleY: false,\n\t\tfocusableSelector: { selector: 'button:not([disabled])' },\n\t\tonKeyDown: (e: KeyboardEvent, data: any) => data.next?.click(), // Auto-selection\n\t});\n\n\tconst handleClick = (select: ButtonToggleItemProps<T>['value']) => {\n\t\tconst realSelected =\n\t\t\tselect !== selected || !clearable ? select : undefined;\n\n\t\tif (onChange) onChange(realSelected);\n\t\tsetSelected(realSelected);\n\t};\n\n\tconst copyOptions = (options: OptionProps<T>[]): OptionProps<T>[] => {\n\t\tconst copiedOptions = options.map((option) => {\n\t\t\treturn {\n\t\t\t\ttext: option.text,\n\t\t\t\tvalue: option.value,\n\t\t\t\tonClick: option.onClick,\n\t\t\t\tdisabled: option.disabled,\n\t\t\t\tselected: option.selected,\n\t\t\t\thidden: option.hidden,\n\t\t\t\ticon: option.icon,\n\t\t\t\ticonName: option.iconName,\n\t\t\t};\n\t\t});\n\n\t\treturn copiedOptions;\n\t};\n\n\tconst getOnlySelected = (options: OptionProps<T>[]): OptionProps<T>[] => {\n\t\tlet isSelected = false;\n\n\t\tconst onlyOneSelectedOptions = options.map((option) => {\n\t\t\tif (option.selected && !isSelected) {\n\t\t\t\tisSelected = true;\n\t\t\t} else {\n\t\t\t\toption.selected = false;\n\t\t\t}\n\t\t\treturn option;\n\t\t});\n\n\t\treturn onlyOneSelectedOptions;\n\t};\n\n\tconst getNormalized = (options: OptionProps<T>[]): OptionProps<T>[] => {\n\t\tconst realOptions = options.map((option) => {\n\t\t\tif (disabled) option.disabled = disabled;\n\t\t\tif (option.text === undefined) option.text = null;\n\t\t\tif (selected !== undefined || clearable)\n\t\t\t\toption.selected = selected === option.value;\n\n\t\t\treturn option;\n\t\t});\n\n\t\treturn realOptions;\n\t};\n\n\tconst getRealColor = () => {\n\t\tlet realColor: ButtonToggleItemProps<T>['color'] = color;\n\n\t\tif (primary) realColor = 'primary';\n\t\tif (negative) realColor = 'negative';\n\n\t\treturn realColor;\n\t};\n\n\tconst getButtonToggleItemProps = (\n\t\toptions: OptionProps<T>[]\n\t): ButtonToggleItemProps<T>[] => {\n\t\tlet realSize: ButtonToggleItemProps<T>['size'] = size;\n\n\t\t// Override string props with boolean values\n\t\tif (xsmall) realSize = 'xsmall';\n\t\tif (small) realSize = 'small';\n\t\tif (large) realSize = 'large';\n\n\t\tconst buttonToggleItemProps = options.map((option) => {\n\t\t\treturn {\n\t\t\t\tname,\n\t\t\t\ttext: option.text,\n\t\t\t\tvalue: option.value,\n\t\t\t\tdisabled: option.disabled,\n\t\t\t\tselected: option.selected,\n\t\t\t\tcolor: getRealColor(),\n\t\t\t\tsize: realSize,\n\t\t\t\thidden: option.hidden,\n\t\t\t\tonClick: (value: ButtonToggleItemProps<T>['value']) => {\n\t\t\t\t\tif (option.onClick) option.onClick(value);\n\t\t\t\t\thandleClick(value);\n\t\t\t\t},\n\t\t\t\ticon: option.icon,\n\t\t\t\ticonName: option.iconName,\n\t\t\t};\n\t\t});\n\n\t\treturn buttonToggleItemProps;\n\t};\n\n\tconst copiedOptions = copyOptions(options);\n\n\tconst onlySelectedOptions = getOnlySelected(copiedOptions);\n\n\tconst normalizedOptions = getNormalized(onlySelectedOptions);\n\n\tconst buttonToggleItemProps = getButtonToggleItemProps(normalizedOptions);\n\n\tconst contents = buttonToggleItemProps.map((buttonProp, index) => {\n\t\treturn <ButtonToggleItem<T> key={index} {...buttonProp} />;\n\t});\n\n\tconst realColor = getRealColor();\n\n\tconst ButtonToggleClasses = classnames('ButtonToggle', className, {\n\t\t'ButtonToggle--disabled': disabled,\n\t\t[`ButtonToggle--${realColor}`]: realColor,\n\t});\n\n\treturn (\n\t\t<ButtonToggleElement\n\t\t\tclassName={ButtonToggleClasses}\n\t\t\tdata-anvil-component=\"ButtonToggle\"\n\t\t\tref={mergedRef}\n\t\t\trole={clearable ? null : 'radiogroup'}\n\t\t\t{...props}\n\t\t>\n\t\t\t{contents}\n\t\t</ButtonToggleElement>\n\t);\n});\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonToggle.test.js","sourceRoot":"","sources":["../../../src/components/ButtonToggle/ButtonToggle.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC7B,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,YAAY,IACZ,KAAK,EAAE,CAAC,EACR,KAAK,QACL,OAAO,EAAE;gBACR,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE;gBACvB,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE;aACvB,mBACa,qBAAqB,GAClC,CACF,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"ButtonToggle.test.js","sourceRoot":"","sources":["../../../src/components/ButtonToggle/ButtonToggle.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC7B,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,YAAY,IACZ,KAAK,EAAE,CAAC,EACR,KAAK,QACL,OAAO,EAAE;gBACR,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE;gBACvB,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE;aACvB,mBACa,qBAAqB,GAClC,CACF,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport { ButtonToggle } from './ButtonToggle';\n\ndescribe('ButtonToggle', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<ButtonToggle\n\t\t\t\tvalue={2}\n\t\t\t\tsmall\n\t\t\t\toptions={[\n\t\t\t\t\t{ text: '1', value: 1 },\n\t\t\t\t\t{ text: '2', value: 2 },\n\t\t\t\t]}\n\t\t\t\tdata-auto-sel=\"automation-selector\"\n\t\t\t/>\n\t\t);\n\n\t\tconst element = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(element).not.toBeNull();\n\t});\n});\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonToggleItem.js","sourceRoot":"","sources":["../../../src/components/ButtonToggle/ButtonToggleItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAe,MAAM,WAAW,CAAC;AAwChD,MAAM,CAAC,MAAM,gBAAgB,GAGI,KAAK,CAAC,UAAU,CAAC,UACjD,EACC,KAAK,EACL,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,KAAK,GACqB,EAC3B,GAAoC;IAEpC,IAAI,SAAS,GAAsC,SAAS,CAAC;IAE7D,IAAI,QAAQ;QAAE,SAAS,GAAG,KAAK,CAAC;IAEhC,MAAM,uBAAuB,GAAG,UAAU,CAAC,oBAAoB,EAAE;QAChE,4BAA4B,EAAE,MAAM;QACpC,8BAA8B,EAAE,QAAQ;QACxC,kCAAkC,EAAE,CAAC,QAAQ;QAC7C,8BAA8B,EAAE,QAAQ;KACxC,CAAC,CAAC;IAEH,OAAO,CACN,6BAAK,SAAS,EAAE,uBAAuB,EAAE,GAAG,EAAE,GAAG;QAChD,+BACC,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,OAAO,EACZ,cAAc,EAAE,QAAQ,EACxB,SAAS,EAAC,qBAAqB,EAC/B,QAAQ,EAAE,CAAC,CAAC,GACX;QACF,oBAAC,MAAM,IACN,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,OAAO,EACZ,IAAI,QACJ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,EAClC,IAAI,EAAE,IAAI,kBACI,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,IAEnC,IAAI,CACG,CACJ,CACN,CAAC;AACH,CAAC,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"ButtonToggleItem.js","sourceRoot":"","sources":["../../../src/components/ButtonToggle/ButtonToggleItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAe,MAAM,WAAW,CAAC;AAwChD,MAAM,CAAC,MAAM,gBAAgB,GAGI,KAAK,CAAC,UAAU,CAAC,UACjD,EACC,KAAK,EACL,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,KAAK,GACqB,EAC3B,GAAoC;IAEpC,IAAI,SAAS,GAAsC,SAAS,CAAC;IAE7D,IAAI,QAAQ;QAAE,SAAS,GAAG,KAAK,CAAC;IAEhC,MAAM,uBAAuB,GAAG,UAAU,CAAC,oBAAoB,EAAE;QAChE,4BAA4B,EAAE,MAAM;QACpC,8BAA8B,EAAE,QAAQ;QACxC,kCAAkC,EAAE,CAAC,QAAQ;QAC7C,8BAA8B,EAAE,QAAQ;KACxC,CAAC,CAAC;IAEH,OAAO,CACN,6BAAK,SAAS,EAAE,uBAAuB,EAAE,GAAG,EAAE,GAAG;QAChD,+BACC,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,OAAO,EACZ,cAAc,EAAE,QAAQ,EACxB,SAAS,EAAC,qBAAqB,EAC/B,QAAQ,EAAE,CAAC,CAAC,GACX;QACF,oBAAC,MAAM,IACN,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,OAAO,EACZ,IAAI,QACJ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,EAClC,IAAI,EAAE,IAAI,kBACI,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,IAEnC,IAAI,CACG,CACJ,CACN,CAAC;AACH,CAAC,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { Button, ButtonProps } from '../Button';\n\n/**\n * ButtonToggleItem properties\n */\nexport interface ButtonToggleItemProps<T> {\n\t/** Content of the Button, i.e. the displayed text */\n\ttext: React.ReactNode;\n\n\t/** Value of the Button */\n\tvalue: T;\n\n\t/** Returns value of option for the click event */\n\tonClick?: (value: T) => void;\n\n\t/** Indicates whether the Button is disabled or not. It makes the Button unselectable */\n\tdisabled?: ButtonProps['disabled'];\n\n\t/** Sets the option's selected state */\n\tselected?: boolean;\n\n\t/** Selected button background color.<br /> Possible values: <i>'primary'</i>, <i>'blue'</i>, <i>'negative'</i>, <i>'red'</i> */\n\tcolor?: ButtonProps['color'];\n\n\t/** Sets size of the button.<br /> Possible values: <i>'large'</i>, <i>'small'</i> */\n\tsize?: ButtonProps['size'];\n\n\t/** Specifies the name of the Button */\n\tname: string;\n\n\t/** Hide the option (not commonly used) */\n\thidden?: boolean;\n\n\t/** React element to be rendered as an icon */\n\ticon?: ButtonProps['icon'];\n\n\t/** Name of icon to render inside of button */\n\ticonName?: ButtonProps['iconName'];\n}\n\nexport const ButtonToggleItem: <T>(\n\tprops: React.PropsWithoutRef<ButtonToggleItemProps<T>> &\n\t\tReact.RefAttributes<HTMLDivElement>\n) => React.ReactElement | null = React.forwardRef(function <T>(\n\t{\n\t\tcolor,\n\t\tdisabled,\n\t\thidden,\n\t\ticon,\n\t\ticonName,\n\t\tname,\n\t\tonClick,\n\t\tselected,\n\t\tsize,\n\t\ttext,\n\t\tvalue,\n\t}: ButtonToggleItemProps<T>,\n\tref: React.RefObject<HTMLDivElement>\n) {\n\tlet realColor: ButtonToggleItemProps<T>['color'] = 'default';\n\n\tif (selected) realColor = color;\n\n\tconst ButtonToggleItemClasses = classnames('ButtonToggle__Item', {\n\t\t'ButtonToggle__Item--hidden': hidden,\n\t\t'ButtonToggle__Item--selected': selected,\n\t\t'ButtonToggle__Item--not-selected': !selected,\n\t\t'ButtonToggle__Item--disabled': disabled,\n\t});\n\n\treturn (\n\t\t<div className={ButtonToggleItemClasses} ref={ref}>\n\t\t\t<input\n\t\t\t\tname={name}\n\t\t\t\ttype=\"radio\"\n\t\t\t\tdefaultChecked={selected}\n\t\t\t\tclassName=\"ButtonToggle__radio\"\n\t\t\t\ttabIndex={-1} // Prevent focusing on invisible input\n\t\t\t/>\n\t\t\t<Button\n\t\t\t\tcolor={realColor}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tfill=\"solid\"\n\t\t\t\tfull\n\t\t\t\ticon={icon}\n\t\t\t\ticonName={iconName}\n\t\t\t\tonClick={onClick.bind(null, value)}\n\t\t\t\tsize={size}\n\t\t\t\taria-pressed={selected ? true : null}\n\t\t\t>\n\t\t\t\t{text}\n\t\t\t</Button>\n\t\t</div>\n\t);\n});\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ButtonToggle/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ButtonToggle/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC","sourcesContent":["export * from './ButtonToggle';\nexport * from './ButtonToggleItem';\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAmE5C,MAAM,CAAC,MAAM,IAAI,GAAS,CAAC,EAoB1B,EAAE,EAAE;QApBsB,EAC1B,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,EAAE,GAAG,KAAK,EACV,SAAS,GAAG,MAAM,EAClB,KAAK,EACL,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,WAAW,EACX,MAAM,EACN,IAAI,EACJ,KAAK,EACL,MAAM,OAEN,EADG,IAAI,cAnBmB,wLAoB1B,CADO;IAEP,MAAM,YAAY,GAAG,GAAG,EAAE;QACzB,IAAI,IAAI;YAAE,OAAO,MAAM,CAAC;QACxB,IAAI,MAAM;YAAE,OAAO,QAAQ,CAAC;QAC5B,OAAO,SAAS,CAAC;IAClB,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACvB,IAAI,IAAI;YAAE,OAAO,MAAM,CAAC;QACxB,OAAO,OAAO,CAAC;IAChB,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,GAAG,EAAE;QACtB,IAAI,KAAK;YAAE,OAAO,OAAO,CAAC;QAC1B,IAAI,MAAM;YAAE,OAAO,QAAQ,CAAC;QAC5B,OAAO,MAAM,CAAC;IACf,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,UAAU,CAAC,MAAM,EAAE,SAAS,EAAE;QACjD,YAAY,EAAE,YAAY,EAAE,KAAK,MAAM;QACvC,cAAc,EAAE,YAAY,EAAE,KAAK,QAAQ;QAC3C,YAAY,EAAE,UAAU,EAAE,KAAK,MAAM;QACrC,kBAAkB,EAAE,UAAU,EAAE,KAAK,MAAM;QAC3C,cAAc,EAAE,SAAS,EAAE,KAAK,QAAQ;QACxC,aAAa,EAAE,SAAS,EAAE,KAAK,OAAO;QACtC,aAAa,EAAE,KAAK;QACpB,iBAAiB,EAAE,SAAS,IAAI,IAAI,IAAI,EAAE,KAAK,GAAG,IAAI,IAAI,CAAC,OAAO;QAClE,gBAAgB,EAAE,QAAQ;QAC1B,mBAAmB,EAAE,WAAW;QAChC,YAAY,EAAE,IAAI;QAClB,aAAa,EAAE,KAAK;KACpB,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IAEpC,OAAO,CACN,oBAAC,WAAW,kBACX,SAAS,EAAE,WAAW,EACtB,IAAI,EAAE,IAAI,0BACW,MAAM,IACvB,IAAI,GAEP,iBAAiB,CAAC,QAAQ,EAAE,WAAW,CAAC,CAC5B,CACd,CAAC;AACH,CAAC,CAAC;AAEF,IAAI,CAAC,OAAO,GAAG,WAAW,CAAC"}
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAmE5C,MAAM,CAAC,MAAM,IAAI,GAAS,CAAC,EAoB1B,EAAE,EAAE;QApBsB,EAC1B,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,EAAE,GAAG,KAAK,EACV,SAAS,GAAG,MAAM,EAClB,KAAK,EACL,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,WAAW,EACX,MAAM,EACN,IAAI,EACJ,KAAK,EACL,MAAM,OAEN,EADG,IAAI,cAnBmB,wLAoB1B,CADO;IAEP,MAAM,YAAY,GAAG,GAAG,EAAE;QACzB,IAAI,IAAI;YAAE,OAAO,MAAM,CAAC;QACxB,IAAI,MAAM;YAAE,OAAO,QAAQ,CAAC;QAC5B,OAAO,SAAS,CAAC;IAClB,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACvB,IAAI,IAAI;YAAE,OAAO,MAAM,CAAC;QACxB,OAAO,OAAO,CAAC;IAChB,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,GAAG,EAAE;QACtB,IAAI,KAAK;YAAE,OAAO,OAAO,CAAC;QAC1B,IAAI,MAAM;YAAE,OAAO,QAAQ,CAAC;QAC5B,OAAO,MAAM,CAAC;IACf,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,UAAU,CAAC,MAAM,EAAE,SAAS,EAAE;QACjD,YAAY,EAAE,YAAY,EAAE,KAAK,MAAM;QACvC,cAAc,EAAE,YAAY,EAAE,KAAK,QAAQ;QAC3C,YAAY,EAAE,UAAU,EAAE,KAAK,MAAM;QACrC,kBAAkB,EAAE,UAAU,EAAE,KAAK,MAAM;QAC3C,cAAc,EAAE,SAAS,EAAE,KAAK,QAAQ;QACxC,aAAa,EAAE,SAAS,EAAE,KAAK,OAAO;QACtC,aAAa,EAAE,KAAK;QACpB,iBAAiB,EAAE,SAAS,IAAI,IAAI,IAAI,EAAE,KAAK,GAAG,IAAI,IAAI,CAAC,OAAO;QAClE,gBAAgB,EAAE,QAAQ;QAC1B,mBAAmB,EAAE,WAAW;QAChC,YAAY,EAAE,IAAI;QAClB,aAAa,EAAE,KAAK;KACpB,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IAEpC,OAAO,CACN,oBAAC,WAAW,kBACX,SAAS,EAAE,WAAW,EACtB,IAAI,EAAE,IAAI,0BACW,MAAM,IACvB,IAAI,GAEP,iBAAiB,CAAC,QAAQ,EAAE,WAAW,CAAC,CAC5B,CACd,CAAC;AACH,CAAC,CAAC;AAEF,IAAI,CAAC,OAAO,GAAG,WAAW,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\nimport { wrapWithComponent } from '../../utilities/wrapWithComponent';\n\nimport { CardSection } from './CardSection';\n\n/**\n * Card properties\n */\nexport interface CardPropsStrict {\n\t/** Shorthand for status=\"active\" */\n\tactive?: boolean;\n\n\t/** Shorthand for elevation=\"base\" */\n\tbase?: boolean;\n\n\t/** Adds one or more classnames for an element */\n\tclassName?: string;\n\n\t/** Dark background, light text */\n\tdark?: boolean;\n\n\t/** Disabled state. Card looks unclickable with fading about 60% */\n\tdisabled?: boolean;\n\n\t/** Set the wrapping element's tagname */\n\tel?: any;\n\n\t/** Shorthand for status=\"error\" */\n\terror?: boolean;\n\n\t/** Set elevation of the card */\n\televation?: 'base' | 'flat' | 'raised';\n\n\t/** If passed a href string, <Card> gets a hover state and turns into an <a> tag */\n\thref?: string;\n\n\t/** Adds visual effect on mouse over */\n\thoverable?: boolean;\n\n\t/** Light-gray background */\n\tlight?: boolean;\n\n\t/** Shorthand for elevation=\"raised\" */\n\traised?: boolean;\n\n\t/** Makes corners less rounded */\n\tsharp?: boolean;\n\n\t/** Shorthand for padding=\"thin\" */\n\tthin?: boolean;\n\n\t/** Padding options for card */\n\tpadding?: 'none' | 'thin' | 'default';\n\n\t/** Makes dashed border and light-blue background on mouse over */\n\tplaceholder?: boolean;\n\n\t/** Status of Card */\n\tstatus?: 'default' | 'active' | 'error';\n}\n\nexport interface CardProps extends CardPropsStrict {\n\t[propName: string]: any;\n}\n\nexport interface Card extends FC<CardProps> {\n\t/** Subcomponents */\n\tSection: typeof CardSection;\n}\n\nexport const Card: Card = ({\n\tactive,\n\tbase,\n\tchildren,\n\tclassName,\n\tdark,\n\tdisabled,\n\thref,\n\thoverable,\n\tel = 'div',\n\televation = 'flat',\n\terror,\n\tlight,\n\tpadding = 'default',\n\tplaceholder,\n\traised,\n\tthin,\n\tsharp,\n\tstatus,\n\t...rest\n}) => {\n\tconst getElevation = () => {\n\t\tif (base) return 'base';\n\t\tif (raised) return 'raised';\n\t\treturn elevation;\n\t};\n\n\tconst getPadding = () => {\n\t\tif (thin) return 'thin';\n\t\treturn padding;\n\t};\n\n\tconst getStatus = () => {\n\t\tif (error) return 'error';\n\t\tif (active) return 'active';\n\t\treturn status;\n\t};\n\n\tconst CardClasses = classnames('Card', className, {\n\t\t'Card--base': getElevation() === 'base',\n\t\t'Card--raised': getElevation() === 'raised',\n\t\t'Card--thin': getPadding() === 'thin',\n\t\t'Card--no-padding': getPadding() === 'none',\n\t\t'Card--active': getStatus() === 'active',\n\t\t'Card--error': getStatus() === 'error',\n\t\t'Card--sharp': sharp,\n\t\t'Card--hoverable': hoverable || href || el === 'a' || rest.onClick,\n\t\t'Card--disabled': disabled,\n\t\t'Card--placeholder': placeholder,\n\t\t'Card--dark': dark,\n\t\t'Card--light': light,\n\t});\n\n\tconst CardElement = href ? 'a' : el;\n\n\treturn (\n\t\t<CardElement\n\t\t\tclassName={CardClasses}\n\t\t\thref={href}\n\t\t\tdata-anvil-component=\"Card\"\n\t\t\t{...rest}\n\t\t>\n\t\t\t{wrapWithComponent(children, CardSection)}\n\t\t</CardElement>\n\t);\n};\n\nCard.Section = CardSection;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.test.js","sourceRoot":"","sources":["../../../src/components/Card/Card.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE;IACrB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI,qBAAe,qBAAqB;YACxC,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAE,CAAC,kBAA4B;YAChD,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAE,CAAC,qBAA+B;YACnD,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAE,CAAC,qBAA+B,CAC7C,CACP,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI;YACJ,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAE,CAAC,mBAAgB,qBAAqB,kBAE1C;YACf,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAE,CAAC,qBAA+B;YACnD,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAE,CAAC,qBAA+B,CAC7C,CACP,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"Card.test.js","sourceRoot":"","sources":["../../../src/components/Card/Card.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE;IACrB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI,qBAAe,qBAAqB;YACxC,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAE,CAAC,kBAA4B;YAChD,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAE,CAAC,qBAA+B;YACnD,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAE,CAAC,qBAA+B,CAC7C,CACP,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI;YACJ,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAE,CAAC,mBAAgB,qBAAqB,kBAE1C;YACf,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAE,CAAC,qBAA+B;YACnD,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAE,CAAC,qBAA+B,CAC7C,CACP,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport { Card } from './Card';\n\ndescribe('Card', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Card data-auto-sel=\"automation-selector\">\n\t\t\t\t<Card.Section key={1}>Top Content</Card.Section>\n\t\t\t\t<Card.Section key={2}>Middle Content</Card.Section>\n\t\t\t\t<Card.Section key={3}>Bottom Content</Card.Section>\n\t\t\t</Card>\n\t\t);\n\n\t\tconst element = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(element).not.toBeNull();\n\t});\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Card>\n\t\t\t\t<Card.Section key={1} data-auto-sel=\"automation-selector\">\n\t\t\t\t\tTop Content\n\t\t\t\t</Card.Section>\n\t\t\t\t<Card.Section key={2}>Middle Content</Card.Section>\n\t\t\t\t<Card.Section key={3}>Bottom Content</Card.Section>\n\t\t\t</Card>\n\t\t);\n\n\t\tconst element = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(element).not.toBeNull();\n\t});\n});\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardSection.js","sourceRoot":"","sources":["../../../src/components/Card/CardSection.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAyCpC,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAWjD,EAAE,EAAE;QAX6C,EACjD,IAAI,EACJ,SAAS,EACT,KAAK,EACL,IAAI,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,MAAM,EACN,GAAG,OAEH,EADG,KAAK,cAVyC,sFAWjD,CADQ;IAER,MAAM,kBAAkB,GAAG,UAAU,CAAC,aAAa,EAAE,SAAS,EAAE;QAC/D,mBAAmB,EAAE,IAAI,IAAI,KAAK,KAAK,MAAM;QAC7C,mBAAmB,EAAE,IAAI,IAAI,KAAK,KAAK,MAAM;QAC7C,oBAAoB,EAAE,KAAK,IAAI,KAAK,KAAK,OAAO;QAChD,oBAAoB,EAAE,KAAK,IAAI,KAAK,KAAK,OAAO;QAChD,qBAAqB,EAAE,MAAM,IAAI,KAAK,KAAK,QAAQ;QACnD,kBAAkB,EAAE,GAAG,IAAI,KAAK,KAAK,KAAK;QAC1C,wBAAwB,EAAE,SAAS,IAAI,KAAK,KAAK,WAAW;KAC5D,CAAC,CAAC;IAEH,OAAO,CACN,2CACC,SAAS,EAAE,kBAAkB,0BACR,aAAa,IAC9B,KAAK,EACR,CACF,CAAC;AACH,CAAC,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
|
|
1
|
+
{"version":3,"file":"CardSection.js","sourceRoot":"","sources":["../../../src/components/Card/CardSection.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAyCpC,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAWjD,EAAE,EAAE;QAX6C,EACjD,IAAI,EACJ,SAAS,EACT,KAAK,EACL,IAAI,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,MAAM,EACN,GAAG,OAEH,EADG,KAAK,cAVyC,sFAWjD,CADQ;IAER,MAAM,kBAAkB,GAAG,UAAU,CAAC,aAAa,EAAE,SAAS,EAAE;QAC/D,mBAAmB,EAAE,IAAI,IAAI,KAAK,KAAK,MAAM;QAC7C,mBAAmB,EAAE,IAAI,IAAI,KAAK,KAAK,MAAM;QAC7C,oBAAoB,EAAE,KAAK,IAAI,KAAK,KAAK,OAAO;QAChD,oBAAoB,EAAE,KAAK,IAAI,KAAK,KAAK,OAAO;QAChD,qBAAqB,EAAE,MAAM,IAAI,KAAK,KAAK,QAAQ;QACnD,kBAAkB,EAAE,GAAG,IAAI,KAAK,KAAK,KAAK;QAC1C,wBAAwB,EAAE,SAAS,IAAI,KAAK,KAAK,WAAW;KAC5D,CAAC,CAAC;IAEH,OAAO,CACN,2CACC,SAAS,EAAE,kBAAkB,0BACR,aAAa,IAC9B,KAAK,EACR,CACF,CAAC;AACH,CAAC,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\n\n/**\n * CardSection properties\n */\nexport interface CardSectionProps {\n\t/** Blue background */\n\tblue?: boolean;\n\n\t/** Adds one or more classnames for an element */\n\tclassName?: string;\n\n\t/** Set background color */\n\tcolor?:\n\t\t| 'blue'\n\t\t| 'dark'\n\t\t| 'green'\n\t\t| 'light'\n\t\t| 'purple'\n\t\t| 'red'\n\t\t| 'lightblue';\n\n\t/** Dark background */\n\tdark?: boolean;\n\n\t/** Green background */\n\tgreen?: boolean;\n\n\t/** Light-gray background */\n\tlight?: boolean;\n\n\t/** Purple background */\n\tpurple?: boolean;\n\n\t/** Red background */\n\tred?: boolean;\n\n\t/** Unstrict props */\n\t[propName: string]: any;\n}\n\nexport const CardSection: FC<CardSectionProps> = ({\n\tblue,\n\tclassName,\n\tcolor,\n\tdark,\n\tgreen,\n\tlight,\n\tlightblue,\n\tpurple,\n\tred,\n\t...props\n}) => {\n\tconst CardSectionClasses = classnames('CardSection', className, {\n\t\t'CardSection--blue': blue || color === 'blue',\n\t\t'CardSection--dark': dark || color === 'dark',\n\t\t'CardSection--green': green || color === 'green',\n\t\t'CardSection--light': light || color === 'light',\n\t\t'CardSection--purple': purple || color === 'purple',\n\t\t'CardSection--red': red || color === 'red',\n\t\t'CardSection--lightblue': lightblue || color === 'lightblue',\n\t});\n\n\treturn (\n\t\t<div\n\t\t\tclassName={CardSectionClasses}\n\t\t\tdata-anvil-component=\"CardSection\"\n\t\t\t{...props}\n\t\t/>\n\t);\n};\n\nCardSection.displayName = 'CardSection';\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC","sourcesContent":["export * from './Card';\nexport * from './CardSection';\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { Label, LabelProps } from '../Label';\nimport { useFocusVisible } from '../../hooks/useFocusVisible';\n\nexport interface CheckboxProps<T>\n\textends Omit<\n\t\tReact.HTMLAttributes<HTMLInputElement>,\n\t\t'onChange' | 'onClick'\n\t> {\n\t/** Whether or not the checkbox is checked */\n\tchecked?: boolean;\n\n\t/** Adds one or more classnames for an element */\n\tclassName?: string;\n\n\t/** Whether the checkbox is in a disabled state */\n\tdisabled?: boolean;\n\n\t/** Visual error state for the checkbox */\n\terror?: boolean;\n\n\t/** Whether or not the checkbox is focused */\n\tfocus?: boolean;\n\n\t/** ID for the form */\n\tid?: string;\n\n\t/** Indeterminate visual for a checkbox */\n\tindeterminate?: boolean;\n\n\t/** Text associatged with the label of a checkbox */\n\tlabel?: LabelProps['children'];\n\n\t/** Property options for the label */\n\tlabelProps?: LabelProps;\n\n\t/** Calls when the checkbox changes in value */\n\tonChange?: (\n\t\tvalue: T,\n\t\tchecked: boolean,\n\t\tevent: React.SyntheticEvent<HTMLInputElement>\n\t) => void;\n\n\t/** Calls when the checkbox is clicked */\n\tonClick?: (\n\t\tevent: React.MouseEvent<HTMLInputElement>,\n\t\tdata: CheckboxProps<T>\n\t) => void;\n\n\t/** HTML Checkbox name value */\n\tname?: string;\n\n\t/** Same as disabled state. Legacy Semantic prop. */\n\treadonly?: boolean;\n\n\t/** Controls the size of the checkboxes */\n\tsize?: 'small' | 'medium' | 'large';\n\n\t/** HTML Checkbox value */\n\tvalue?: T;\n}\n\nexport const Checkbox: <T>(\n\tprops: React.PropsWithoutRef<CheckboxProps<T>> &\n\t\tReact.RefAttributes<HTMLDivElement>\n) => React.ReactElement | null = React.forwardRef(function <T>(\n\tprops: CheckboxProps<T>,\n\tref: React.RefObject<HTMLDivElement>\n) {\n\tconst {\n\t\tchecked,\n\t\tclassName,\n\t\tdisabled,\n\t\terror,\n\t\tfocus,\n\t\tid,\n\t\tindeterminate,\n\t\tlabel,\n\t\tlabelProps,\n\t\tname,\n\t\treadonly,\n\t\tsize = 'medium',\n\t\tvalue,\n\t\tonChange,\n\t\tonClick,\n\t\ttabIndex,\n\t\t...rest\n\t} = props;\n\n\tconst inputRef = React.useRef(null);\n\n\tconst newRef = React.useRef(null);\n\tconst itemRef = ref ? ref : newRef;\n\n\tconst { isFocusVisible } = useFocusVisible(itemRef);\n\n\tReact.useEffect(() => {\n\t\tif (focus) inputRef.current?.focus();\n\t}, [focus]);\n\n\tconst onChangeHandler = (e: React.SyntheticEvent<HTMLInputElement>) => {\n\t\tif (onChange) {\n\t\t\tonChange(value, e.currentTarget.checked, e);\n\t\t}\n\t};\n\n\tconst onClickHandler = (e: React.MouseEvent<HTMLInputElement>) => {\n\t\tif (onClick) {\n\t\t\tonClick(e, props);\n\t\t}\n\t};\n\n\tconst handleClickEvent = (e: React.MouseEvent<HTMLElement>) => {\n\t\tconst target = e.target as HTMLElement;\n\t\tif (target.tagName !== 'INPUT') {\n\t\t\te.stopPropagation();\n\t\t}\n\t};\n\n\tconst getLabel = () => {\n\t\tif (label === undefined || label === '') return false;\n\n\t\tconst labelClassName = labelProps?.className ?? null;\n\n\t\tconst LabelClasses = classnames(labelClassName, 'Checkbox__label');\n\n\t\treturn (\n\t\t\t<Label\n\t\t\t\terror={error}\n\t\t\t\tdisabled={disabled}\n\t\t\t\t{...labelProps}\n\t\t\t\tclassName={LabelClasses}\n\t\t\t>\n\t\t\t\t{label}\n\t\t\t</Label>\n\t\t);\n\t};\n\n\tconst CheckboxClasses = classnames('a-Checkbox', className, {\n\t\t'Checkbox--indeterminate': indeterminate,\n\t\t'Checkbox--disabled': disabled || readonly,\n\t\t'Checkbox--checked': checked,\n\t\t'Checkbox--error': error,\n\t\t'Checkbox--small': size === 'small',\n\t\t'Checkbox--large': size === 'large',\n\t\t'Checkbox--fitted': label === undefined || label === '',\n\t\t'Checkbox--focus-visible': isFocusVisible,\n\t});\n\n\tconst indeterminateAttributes = indeterminate\n\t\t? { 'indeterminate': 'true', 'aria-checked': 'mixed' as const }\n\t\t: { 'aria-checked': checked };\n\n\treturn (\n\t\t<div\n\t\t\tclassName={CheckboxClasses}\n\t\t\tonClick={handleClickEvent}\n\t\t\tref={itemRef}\n\t\t\tdata-anvil-component=\"Checkbox\"\n\t\t\t{...rest}\n\t\t>\n\t\t\t<label className=\"Checkbox__html-label\">\n\t\t\t\t<input\n\t\t\t\t\ttabIndex={tabIndex}\n\t\t\t\t\tchecked={checked}\n\t\t\t\t\tclassName=\"Checkbox__input\"\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tid={id}\n\t\t\t\t\tname={name}\n\t\t\t\t\tonChange={onChangeHandler}\n\t\t\t\t\tonClick={onClickHandler}\n\t\t\t\t\tref={inputRef}\n\t\t\t\t\trole=\"checkbox\"\n\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t{...indeterminateAttributes}\n\t\t\t\t/>\n\t\t\t\t<span className=\"Checkbox__box\" />\n\t\t\t\t{getLabel()}\n\t\t\t</label>\n\t\t</div>\n\t);\n});\n\n(Checkbox as any).displayName = 'Checkbox';\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.test.js","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.test.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACzB,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,EAAE,CAAC;IAE/B,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,4BAA4B,EAAE,GAAS,EAAE;QAC3C,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,CAAC,oBAAC,QAAQ,IAAC,KAAK,EAAC,OAAO,GAAG,CAAC,CAAC;QAC9D,MAAM,QAAQ,GAAG,cAAc,CAAC,OAAO,CAAqB,CAAC;QAE7D,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACxC,MAAM,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAC3B,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACxC,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE,GAAS,EAAE;QAC/C,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC/B,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,CAChC,oBAAC,QAAQ,IAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,GAAG,CAC/D,CAAC;QACF,MAAM,QAAQ,GAAG,cAAc,CAAC,OAAO,CAAqB,CAAC;QAE7D,MAAM,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAC3B,MAAM,CAAC,YAAY,CAAC,CAAC,cAAc,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;IACvE,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,QAAQ,IAAC,KAAK,EAAC,OAAO,mBAAe,qBAAqB,GAAG,CAC9D,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"Checkbox.test.js","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.test.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACzB,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,EAAE,CAAC;IAE/B,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,4BAA4B,EAAE,GAAS,EAAE;QAC3C,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,CAAC,oBAAC,QAAQ,IAAC,KAAK,EAAC,OAAO,GAAG,CAAC,CAAC;QAC9D,MAAM,QAAQ,GAAG,cAAc,CAAC,OAAO,CAAqB,CAAC;QAE7D,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACxC,MAAM,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAC3B,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACxC,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE,GAAS,EAAE;QAC/C,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC/B,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,CAChC,oBAAC,QAAQ,IAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,GAAG,CAC/D,CAAC;QACF,MAAM,QAAQ,GAAG,cAAc,CAAC,OAAO,CAAqB,CAAC;QAE7D,MAAM,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAC3B,MAAM,CAAC,YAAY,CAAC,CAAC,cAAc,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;IACvE,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,QAAQ,IAAC,KAAK,EAAC,OAAO,mBAAe,qBAAqB,GAAG,CAC9D,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\nimport { Checkbox } from './Checkbox';\n\ndescribe('Checkbox', () => {\n\tconst user = userEvent.setup();\n\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should be checked on click', async () => {\n\t\tconst { getByLabelText } = render(<Checkbox label=\"Label\" />);\n\t\tconst checkbox = getByLabelText('Label') as HTMLInputElement;\n\n\t\texpect(checkbox.checked).toEqual(false);\n\t\tawait user.click(checkbox);\n\t\texpect(checkbox.checked).toEqual(true);\n\t});\n\n\tit('should return object on change', async () => {\n\t\tconst onChangeTest = jest.fn();\n\t\tconst { getByLabelText } = render(\n\t\t\t<Checkbox onChange={onChangeTest} value=\"test\" label=\"Label\" />\n\t\t);\n\t\tconst checkbox = getByLabelText('Label') as HTMLInputElement;\n\n\t\tawait user.click(checkbox);\n\t\texpect(onChangeTest).toBeCalledWith('test', true, expect.any(Object));\n\t});\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Checkbox label=\"Label\" data-auto-sel=\"automation-selector\" />\n\t\t);\n\n\t\tconst element = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(element).not.toBeNull();\n\t});\n});\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Checkbox/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Checkbox/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC","sourcesContent":["export * from './Checkbox';\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../../src/components/Collapsible/Collapsible.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,aAAa,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AA6BnD,MAAM,CAAC,MAAM,WAAW,GAAyB,KAAK,CAAC,UAAU,CAChE,CACC,EAQC,EACD,GAAG,EACF,EAAE;QAVH,EACC,OAAO,EACP,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,kBAAkB,GAAG,KAAK,EAC9B,MAAM,GAAG,MAAM,CAAC,cAAc,EAC9B,IAAI,GAAG,KAAK,OAEZ,EADG,KAAK,cAPT,4DAQC,CADQ;IAIT,MAAM,kBAAkB,GAAG,UAAU,CAAC,aAAa,EAAE,SAAS,EAAE;QAC/D,qBAAqB,EAAE,CAAC,IAAI;QAC5B,uBAAuB,EAAE,OAAO;KAChC,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG;QAC1B,cAAc,EAAE,IAAI;QACpB,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,YAAY,EAAE,EAAE,CAAC;QAC3C,MAAM;QACN,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAQ;KAClC,CAAC;IAEF,OAAO,CACN,oBAAC,kBAAkB,kBAClB,SAAS,EAAE,kBAAkB,0BACR,aAAa,EAClC,GAAG,EAAE,GAAG,IACJ,KAAK,GAER,OAAO,CAAC,CAAC,CAAC,CACV,oBAAC,aAAa,oBAAK,kBAAkB,GACnC,QAAQ,CACM,CAChB,CAAC,CAAC,CAAC,CACH,QAAQ,CACR,CACmB,CACrB,CAAC;AACH,CAAC,CACD,CAAC"}
|
|
1
|
+
{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../../src/components/Collapsible/Collapsible.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,aAAa,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AA6BnD,MAAM,CAAC,MAAM,WAAW,GAAyB,KAAK,CAAC,UAAU,CAChE,CACC,EAQC,EACD,GAAG,EACF,EAAE;QAVH,EACC,OAAO,EACP,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,kBAAkB,GAAG,KAAK,EAC9B,MAAM,GAAG,MAAM,CAAC,cAAc,EAC9B,IAAI,GAAG,KAAK,OAEZ,EADG,KAAK,cAPT,4DAQC,CADQ;IAIT,MAAM,kBAAkB,GAAG,UAAU,CAAC,aAAa,EAAE,SAAS,EAAE;QAC/D,qBAAqB,EAAE,CAAC,IAAI;QAC5B,uBAAuB,EAAE,OAAO;KAChC,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG;QAC1B,cAAc,EAAE,IAAI;QACpB,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,YAAY,EAAE,EAAE,CAAC;QAC3C,MAAM;QACN,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAQ;KAClC,CAAC;IAEF,OAAO,CACN,oBAAC,kBAAkB,kBAClB,SAAS,EAAE,kBAAkB,0BACR,aAAa,EAClC,GAAG,EAAE,GAAG,IACJ,KAAK,GAER,OAAO,CAAC,CAAC,CAAC,CACV,oBAAC,aAAa,oBAAK,kBAAkB,GACnC,QAAQ,CACM,CAChB,CAAC,CAAC,CAAC,CACH,QAAQ,CACR,CACmB,CACrB,CAAC;AACH,CAAC,CACD,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\nimport AnimateHeight from 'react-animate-height';\nimport { tokens } from '@servicetitan/tokens/core';\n\n/**\n * Collapsible properties\n */\nexport interface CollapsiblePropsStrict {\n\t/** Show animation if true */\n\tanimate?: boolean;\n\n\t/** Adds one or more classnames for an element */\n\tclassName?: string;\n\n\t/** Set the wrapping element's tagname */\n\tel?: any;\n\n\t/**\n\t * *Warning* Only works when animate={true}\n\t * CSS easing function to be applied to the animation\n\t */\n\teasing?: string;\n\n\t/** Whether the Collapsible is expanded or not */\n\topen?: boolean;\n}\n\nexport interface CollapsibleProps extends CollapsiblePropsStrict {\n\t[propName: string]: any;\n}\n\nexport const Collapsible: FC<CollapsibleProps> = React.forwardRef(\n\t(\n\t\t{\n\t\t\tanimate,\n\t\t\tchildren,\n\t\t\tclassName,\n\t\t\tel: CollapsibleElement = 'div',\n\t\t\teasing = tokens.easingStandard,\n\t\t\topen = false,\n\t\t\t...props\n\t\t},\n\t\tref\n\t) => {\n\t\tconst CollapsibleClasses = classnames('Collapsible', className, {\n\t\t\t'Collapsible--hidden': !open,\n\t\t\t'Collapsible--animated': animate,\n\t\t});\n\n\t\tconst animateHeightProps = {\n\t\t\tanimateOpacity: true,\n\t\t\tduration: parseInt(tokens.durationSlow, 10),\n\t\t\teasing,\n\t\t\theight: (open ? 'auto' : 0) as any,\n\t\t};\n\n\t\treturn (\n\t\t\t<CollapsibleElement\n\t\t\t\tclassName={CollapsibleClasses}\n\t\t\t\tdata-anvil-component=\"Collapsible\"\n\t\t\t\tref={ref}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{animate ? (\n\t\t\t\t\t<AnimateHeight {...animateHeightProps}>\n\t\t\t\t\t\t{children}\n\t\t\t\t\t</AnimateHeight>\n\t\t\t\t) : (\n\t\t\t\t\tchildren\n\t\t\t\t)}\n\t\t\t</CollapsibleElement>\n\t\t);\n\t}\n);\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Collapsible.test.js","sourceRoot":"","sources":["../../../src/components/Collapsible/Collapsible.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC5B,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,WAAW,qBAAe,qBAAqB;YAC/C,oBAAC,IAAI,qCAAkC,CAC1B,CACd,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"Collapsible.test.js","sourceRoot":"","sources":["../../../src/components/Collapsible/Collapsible.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC5B,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,WAAW,qBAAe,qBAAqB;YAC/C,oBAAC,IAAI,qCAAkC,CAC1B,CACd,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport { Collapsible } from './Collapsible';\nimport { Card } from '../Card';\n\ndescribe('Collapsible', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Collapsible data-auto-sel=\"automation-selector\">\n\t\t\t\t<Card>Lorem ipsum dolor sit amet</Card>\n\t\t\t</Collapsible>\n\t\t);\n\n\t\tconst element = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(element).not.toBeNull();\n\t});\n});\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Collapsible/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Collapsible/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC","sourcesContent":["export * from './Collapsible';\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../src/components/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AA2B3C,MAAM,CAAC,MAAM,WAAW,GAAyB,KAAK,CAAC,UAAU,CAChE,CACC,EAQC,EACD,GAAoC,EACnC,EAAE;QAVH,EACC,SAAS,EACT,MAAM,EACN,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,QAAQ,OAER,EADG,IAAI,cAPR,oEAQC,CADO;IAIR,MAAM,eAAe,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,GAAG,EAAE;QAC/C,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,KAAK,KAAK,KAAK,IAAI,QAAQ,EAAE;YAC1D,QAAQ,CAAC,KAAK,CAAC,CAAC;SAChB;IACF,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC;IAEjD,WAAW,CAAC;QACX,QAAQ,EAAE,QAAQ,IAAI,QAAQ;QAC9B,KAAK,EAAE,WAAW;QAClB,OAAO,EAAE,KAAK;QACd,iBAAiB,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;QACzC,SAAS,EAAE,CAAC,CAAgB,EAAE,IAAS,EAAE,EAAE,WAAC,OAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,EAAE,CAAA,EAAA;KAC9D,CAAC,CAAC;IAEH,OAAO,CACN,6CACK,IAAI,IACR,SAAS,EAAE,UAAU,CAAC,aAAa,EAAE,SAAS,EAAE;YAC/C,uBAAuB,EAAE,QAAQ;SACjC,CAAC,EACF,GAAG,EAAE,SAAS,EACd,IAAI,EAAC,YAAY,0BACI,aAAa,KAEjC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B,gCACC,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,UAAU,CAAC,mBAAmB,EAAE;YAC1C,2BAA2B,EAAE,KAAK,KAAK,KAAK;SAC5C,CAAC,EACF,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,EACjC,OAAO,EAAE,eAAe,CAAC,KAAK,CAAC,EAC/B,IAAI,EAAC,OAAO,gBACA,KAAK,kBACH,KAAK,KAAK,KAAK,EAC7B,QAAQ,EAAE,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GACzC,CACF,CAAC,CACG,CACN,CAAC;AACH,CAAC,CACD,CAAC"}
|
|
1
|
+
{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../src/components/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AA2B3C,MAAM,CAAC,MAAM,WAAW,GAAyB,KAAK,CAAC,UAAU,CAChE,CACC,EAQC,EACD,GAAoC,EACnC,EAAE;QAVH,EACC,SAAS,EACT,MAAM,EACN,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,QAAQ,OAER,EADG,IAAI,cAPR,oEAQC,CADO;IAIR,MAAM,eAAe,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,GAAG,EAAE;QAC/C,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,KAAK,KAAK,KAAK,IAAI,QAAQ,EAAE;YAC1D,QAAQ,CAAC,KAAK,CAAC,CAAC;SAChB;IACF,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC;IAEjD,WAAW,CAAC;QACX,QAAQ,EAAE,QAAQ,IAAI,QAAQ;QAC9B,KAAK,EAAE,WAAW;QAClB,OAAO,EAAE,KAAK;QACd,iBAAiB,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;QACzC,SAAS,EAAE,CAAC,CAAgB,EAAE,IAAS,EAAE,EAAE,WAAC,OAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,EAAE,CAAA,EAAA;KAC9D,CAAC,CAAC;IAEH,OAAO,CACN,6CACK,IAAI,IACR,SAAS,EAAE,UAAU,CAAC,aAAa,EAAE,SAAS,EAAE;YAC/C,uBAAuB,EAAE,QAAQ;SACjC,CAAC,EACF,GAAG,EAAE,SAAS,EACd,IAAI,EAAC,YAAY,0BACI,aAAa,KAEjC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B,gCACC,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,UAAU,CAAC,mBAAmB,EAAE;YAC1C,2BAA2B,EAAE,KAAK,KAAK,KAAK;SAC5C,CAAC,EACF,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,EACjC,OAAO,EAAE,eAAe,CAAC,KAAK,CAAC,EAC/B,IAAI,EAAC,OAAO,gBACA,KAAK,kBACH,KAAK,KAAK,KAAK,EAC7B,QAAQ,EAAE,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GACzC,CACF,CAAC,CACG,CACN,CAAC;AACH,CAAC,CACD,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\n\nimport { useArrowNav } from '../../hooks/useArrowNav';\nimport { useMergedRef } from '../../hooks';\n\nexport interface ColorPickerPropsStrict {\n\t/** Adds one or more classnames for an element */\n\tclassName?: string;\n\n\t/** Array of available colors (for example, ['#8772e5', '#01f346'])*/\n\tcolors: string[];\n\n\t/** Currently selected color value */\n\tvalue: string | undefined;\n\n\t/** Called when the user changes the value */\n\tonChange?: (value: string) => void;\n\n\t/** Indicates whether selection cannot be changed. */\n\tdisabled?: boolean;\n\n\t/** Not able to make changes, but not visually disabled */\n\treadonly?: boolean;\n}\n\nexport interface ColorPickerProps extends ColorPickerPropsStrict {\n\t/** Unstrict Props */\n\t[propName: string]: any;\n}\n\nexport const ColorPicker: FC<ColorPickerProps> = React.forwardRef(\n\t(\n\t\t{\n\t\t\tclassName,\n\t\t\tcolors,\n\t\t\tvalue,\n\t\t\tdisabled = false,\n\t\t\treadonly = false,\n\t\t\tonChange,\n\t\t\t...rest\n\t\t},\n\t\tref: React.RefObject<HTMLDivElement>\n\t) => {\n\t\tconst handleItemClick = (color: string) => () => {\n\t\t\tif (!disabled && !readonly && color !== value && onChange) {\n\t\t\t\tonChange(color);\n\t\t\t}\n\t\t};\n\n\t\tconst arrowNavRef = React.useRef(null);\n\t\tconst mergedRef = useMergedRef(ref, arrowNavRef);\n\n\t\tuseArrowNav({\n\t\t\tdisabled: disabled || readonly,\n\t\t\tscope: arrowNavRef,\n\t\t\thandleY: false,\n\t\t\tfocusableSelector: { selector: 'button' },\n\t\t\tonKeyDown: (e: KeyboardEvent, data: any) => data.next?.click(),\n\t\t});\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\t{...rest}\n\t\t\t\tclassName={classnames('ColorPicker', className, {\n\t\t\t\t\t'ColorPicker--disabled': disabled,\n\t\t\t\t})}\n\t\t\t\tref={mergedRef}\n\t\t\t\trole=\"radiogroup\"\n\t\t\t\tdata-anvil-component=\"ColorPicker\"\n\t\t\t>\n\t\t\t\t{colors.map((color, index) => (\n\t\t\t\t\t<button\n\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\tclassName={classnames('ColorPicker__Item', {\n\t\t\t\t\t\t\t'ColorPicker__Item--active': color === value,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tstyle={{ backgroundColor: color }}\n\t\t\t\t\t\tonClick={handleItemClick(color)}\n\t\t\t\t\t\trole=\"radio\"\n\t\t\t\t\t\taria-label={color}\n\t\t\t\t\t\taria-checked={color === value}\n\t\t\t\t\t\ttabIndex={disabled || readonly ? -1 : null}\n\t\t\t\t\t/>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t);\n\t}\n);\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorPicker.test.js","sourceRoot":"","sources":["../../../src/components/ColorPicker/ColorPicker.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC5B,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,WAAW,IACX,MAAM,EAAE;gBACP,SAAS;gBACT,SAAS;gBACT,SAAS;gBACT,SAAS;gBACT,SAAS;gBACT,SAAS;gBACT,SAAS;gBACT,kBAAkB;gBAClB,oBAAoB;aACpB,EACD,KAAK,EAAC,SAAS,mBACD,qBAAqB,GAClC,CACF,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"ColorPicker.test.js","sourceRoot":"","sources":["../../../src/components/ColorPicker/ColorPicker.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC5B,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,WAAW,IACX,MAAM,EAAE;gBACP,SAAS;gBACT,SAAS;gBACT,SAAS;gBACT,SAAS;gBACT,SAAS;gBACT,SAAS;gBACT,SAAS;gBACT,kBAAkB;gBAClB,oBAAoB;aACpB,EACD,KAAK,EAAC,SAAS,mBACD,qBAAqB,GAClC,CACF,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport { ColorPicker } from './ColorPicker';\n\ndescribe('ColorPicker', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<ColorPicker\n\t\t\t\tcolors={[\n\t\t\t\t\t'#1fbc70',\n\t\t\t\t\t'#ff745f',\n\t\t\t\t\t'#faafe2',\n\t\t\t\t\t'#8772e5',\n\t\t\t\t\t'#01f346',\n\t\t\t\t\t'#90efc0',\n\t\t\t\t\t'#ffcc80',\n\t\t\t\t\t'rgb(8, 191, 223)',\n\t\t\t\t\t'rgb(204, 157, 127)',\n\t\t\t\t]}\n\t\t\t\tvalue=\"#ff745f\"\n\t\t\t\tdata-auto-sel=\"automation-selector\"\n\t\t\t/>\n\t\t);\n\n\t\tconst element = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(element).not.toBeNull();\n\t});\n});\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ColorPicker/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ColorPicker/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC","sourcesContent":["export * from './ColorPicker';\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../src/components/Container/Container.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AA6BpC,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,EAS7C,EAAE,EAAE;QATyC,EAC7C,QAAQ,EACR,SAAS,EACT,OAAO,EACP,EAAE,EAAE,gBAAgB,GAAG,KAAK,EAC5B,KAAK,EACL,IAAI,EACJ,SAAS,GAAG,MAAM,OAElB,EADG,KAAK,cARqC,wEAS7C,CADQ;IAER,MAAM,OAAO,GAAG,UAAU,CAAC,gCAAgC,EAAE,SAAS,EAAE;QACvE,kBAAkB,EAAE,KAAK;QACzB,iBAAiB,EAAE,IAAI;QACvB,CAAC,MAAM,SAAS,EAAE,CAAC,EAAE,SAAS;KAC9B,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,gBAAgB,kBAChB,SAAS,EAAE,OAAO,0BACG,WAAW,IAC5B,KAAK,GAER,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CACtC,CACnB,CAAC;AACH,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../src/components/Container/Container.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AA6BpC,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,EAS7C,EAAE,EAAE;QATyC,EAC7C,QAAQ,EACR,SAAS,EACT,OAAO,EACP,EAAE,EAAE,gBAAgB,GAAG,KAAK,EAC5B,KAAK,EACL,IAAI,EACJ,SAAS,GAAG,MAAM,OAElB,EADG,KAAK,cARqC,wEAS7C,CADQ;IAER,MAAM,OAAO,GAAG,UAAU,CAAC,gCAAgC,EAAE,SAAS,EAAE;QACvE,kBAAkB,EAAE,KAAK;QACzB,iBAAiB,EAAE,IAAI;QACvB,CAAC,MAAM,SAAS,EAAE,CAAC,EAAE,SAAS;KAC9B,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,gBAAgB,kBAChB,SAAS,EAAE,OAAO,0BACG,WAAW,IAC5B,KAAK,GAER,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CACtC,CACnB,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\n\n/**\n * Container properties\n */\nexport interface ContainerPropsStrict {\n\t/** Adds one or more classnames to an element */\n\tclassName?: string;\n\n\t/** Shorthand for primary content */\n\tcontent?: React.ReactNode;\n\n\t/** Set the wrapping element's tagname */\n\tel?: any;\n\n\t/** Container has no maximum width */\n\tfluid?: boolean;\n\n\t/** Reduce maximum width to more naturally accommodate text */\n\ttext?: boolean;\n\n\t/** Align container's text */\n\ttextAlign?: 'left' | 'right' | 'center' | 'justify';\n}\n\nexport interface ContainerProps extends ContainerPropsStrict {\n\t[propName: string]: any;\n}\n\nexport const Container: FC<ContainerProps> = ({\n\tchildren,\n\tclassName,\n\tcontent,\n\tel: ContainerElement = 'div',\n\tfluid,\n\ttext,\n\ttextAlign = 'left',\n\t...props\n}) => {\n\tconst classes = classnames('semantic-anvil-theme Container', className, {\n\t\t'Container--fluid': fluid,\n\t\t'Container--text': text,\n\t\t[`ta-${textAlign}`]: textAlign,\n\t});\n\n\treturn (\n\t\t<ContainerElement\n\t\t\tclassName={classes}\n\t\t\tdata-anvil-component=\"Container\"\n\t\t\t{...props}\n\t\t>\n\t\t\t{React.Children.count(children) > 0 ? children : content}\n\t\t</ContainerElement>\n\t);\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Container/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Container/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC","sourcesContent":["export * from './Container';\n"]}
|
|
@@ -16,7 +16,7 @@ import { DataListHeaderCell, } from './DataListHeaderCell';
|
|
|
16
16
|
import { DataListRow } from './DataListRow';
|
|
17
17
|
import { DataListCell } from './DataListCell';
|
|
18
18
|
export const DataList = (_a) => {
|
|
19
|
-
var { children, className, header, items, spacing = 2, simple } = _a,
|
|
19
|
+
var { children, className, header, items, spacing = 2, simple } = _a, rest = __rest(_a, ["children", "className", "header", "items", "spacing", "simple"]);
|
|
20
20
|
const generateRows = (header, items) => {
|
|
21
21
|
const actualheader = Array.isArray(header)
|
|
22
22
|
? header
|
|
@@ -38,7 +38,7 @@ export const DataList = (_a) => {
|
|
|
38
38
|
});
|
|
39
39
|
const headerRow = (React.createElement(DataListHeaderRow, null, header));
|
|
40
40
|
const rows = children || generateRows(header, items);
|
|
41
|
-
return (React.createElement("div", Object.assign({ className: classes, "data-anvil-component": "DataList" },
|
|
41
|
+
return (React.createElement("div", Object.assign({ className: classes, "data-anvil-component": "DataList" }, rest),
|
|
42
42
|
headerRow,
|
|
43
43
|
rows));
|
|
44
44
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataList.js","sourceRoot":"","sources":["../../../src/components/DataList/DataList.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,iBAAiB,EAAyB,MAAM,qBAAqB,CAAC;AAC/E,OAAO,EACN,kBAAkB,GAGlB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,WAAW,EAAmB,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAoB,MAAM,gBAAgB,CAAC;AA2BhE,MAAM,CAAC,MAAM,QAAQ,GAAa,CAAC,EAQlC,EAAE,EAAE;QAR8B,EAClC,QAAQ,EACR,SAAS,EACT,MAAM,EACN,KAAK,EACL,OAAO,GAAG,CAAC,EACX,MAAM,OAEN,EADG,
|
|
1
|
+
{"version":3,"file":"DataList.js","sourceRoot":"","sources":["../../../src/components/DataList/DataList.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,iBAAiB,EAAyB,MAAM,qBAAqB,CAAC;AAC/E,OAAO,EACN,kBAAkB,GAGlB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,WAAW,EAAmB,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAoB,MAAM,gBAAgB,CAAC;AA2BhE,MAAM,CAAC,MAAM,QAAQ,GAAa,CAAC,EAQlC,EAAE,EAAE;QAR8B,EAClC,QAAQ,EACR,SAAS,EACT,MAAM,EACN,KAAK,EACL,OAAO,GAAG,CAAC,EACX,MAAM,OAEN,EADG,IAAI,cAP2B,iEAQlC,CADO;IAEP,MAAM,YAAY,GAAG,CACpB,MAAqC,EACrC,KAAmC,EACT,EAAE;QAC5B,MAAM,YAAY,GAA6B,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;YACnE,CAAC,CAAC,MAAM;YACR,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;QAEZ,MAAM,iBAAiB,GACtB,YAAY,CAAC,GAAG,CACf,CACC,UAAkC,EACH,EAAE,CAAC,UAAU,CAAC,KAAK,CACnD,CAAC;QAEH,MAAM,IAAI,GAA4B,KAAK,CAAC,GAAG,CAC9C,CAAC,IAAkB,EAAE,KAAa,EAAyB,EAAE;YAC5D,OAAO,CACN,oBAAC,WAAW,IAAC,GAAG,EAAE,KAAK,IACrB,aAAa,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAC1B,CACd,CAAC;QACH,CAAC,CACD,CAAC;QAEF,OAAO,IAAI,CAAC;IACb,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CACrB,IAAkB,EAClB,iBAAiD,EAC5B,EAAE;QACvB,OAAO,iBAAiB,CAAC,GAAG,CAC3B,CACC,gBAA8C,EAC9C,KAAa,EACM,EAAE;YACrB,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,KAChC,gBAAgB,EADqB,cAAc,UACnD,gBAAgB,EADX,iCAAgD,CACrC,CAAC;YAClB,OAAO,CACN,oBAAC,YAAY,kBAAC,GAAG,EAAE,KAAK,IAAM,cAAc,GAC1C,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CACd,CACf,CAAC;QACH,CAAC,CACD,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,UAAU,CACzB,UAAU,EACV,SAAS,EACT,qBAAqB,OAAO,EAAE,EAC9B;QACC,kBAAkB,EAAE,MAAM;KAC1B,CACD,CAAC;IAEF,MAAM,SAAS,GAA0B,CACxC,oBAAC,iBAAiB,QAAE,MAAM,CAAqB,CAC/C,CAAC;IACF,MAAM,IAAI,GACT,QAAQ,IAAI,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAEzC,OAAO,CACN,2CAAK,SAAS,EAAE,OAAO,0BAAuB,UAAU,IAAK,IAAI;QAC/D,SAAS;QACT,IAAI,CACA,CACN,CAAC;AACH,CAAC,CAAC;AAEF,QAAQ,CAAC,SAAS,GAAG,iBAAiB,CAAC;AACvC,QAAQ,CAAC,UAAU,GAAG,kBAAkB,CAAC;AACzC,QAAQ,CAAC,GAAG,GAAG,WAAW,CAAC;AAC3B,QAAQ,CAAC,IAAI,GAAG,YAAY,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\n\nimport { DataListHeaderRow, DataListHeaderRowType } from './DataListHeaderRow';\nimport {\n\tDataListHeaderCell,\n\tDataListHeaderCellProperties,\n\tDataListHeaderCellType,\n} from './DataListHeaderCell';\nimport { DataListRow, DataListRowType } from './DataListRow';\nimport { DataListCell, DataListCellType } from './DataListCell';\n\ninterface DataListItem {\n\t[fieldName: string]: any | undefined;\n}\n\ninterface DataListPropsStrict {\n\theader: DataListHeaderCellType[] | DataListHeaderCellType;\n\tchildren?: DataListRowType[] | DataListRowType;\n\titems?: DataListItem[];\n\tclassName?: string;\n\tspacing?: 1 | 2;\n\tsimple?: boolean;\n}\n\ninterface DataListProps extends DataListPropsStrict {\n\t/** Unstrict Props */\n\t[propName: string]: any;\n}\n\ninterface DataList extends FC<DataListProps> {\n\tHeaderRow: typeof DataListHeaderRow;\n\tHeaderCell: typeof DataListHeaderCell;\n\tRow: typeof DataListRow;\n\tCell: typeof DataListCell;\n}\n\nexport const DataList: DataList = ({\n\tchildren,\n\tclassName,\n\theader,\n\titems,\n\tspacing = 2,\n\tsimple,\n\t...rest\n}) => {\n\tconst generateRows = (\n\t\theader: DataListPropsStrict['header'],\n\t\titems: DataListPropsStrict['items']\n\t): DataListHeaderRowType[] => {\n\t\tconst actualheader: DataListHeaderCellType[] = Array.isArray(header)\n\t\t\t? header\n\t\t\t: [header];\n\n\t\tconst headersProperties: DataListHeaderCellProperties[] =\n\t\t\tactualheader.map(\n\t\t\t\t(\n\t\t\t\t\theaderCell: DataListHeaderCellType\n\t\t\t\t): DataListHeaderCellProperties => headerCell.props\n\t\t\t);\n\n\t\tconst rows: DataListHeaderRowType[] = items.map(\n\t\t\t(item: DataListItem, index: number): DataListHeaderRowType => {\n\t\t\t\treturn (\n\t\t\t\t\t<DataListRow key={index}>\n\t\t\t\t\t\t{generateCells(item, headersProperties)}\n\t\t\t\t\t</DataListRow>\n\t\t\t\t);\n\t\t\t}\n\t\t);\n\n\t\treturn rows;\n\t};\n\n\tconst generateCells = (\n\t\titem: DataListItem,\n\t\theadersProperties: DataListHeaderCellProperties[]\n\t): DataListCellType[] => {\n\t\treturn headersProperties.map(\n\t\t\t(\n\t\t\t\theaderProperties: DataListHeaderCellProperties,\n\t\t\t\tindex: number\n\t\t\t): DataListCellType => {\n\t\t\t\tconst { name, children, className, ...cellProperties } =\n\t\t\t\t\theaderProperties;\n\t\t\t\treturn (\n\t\t\t\t\t<DataListCell key={index} {...cellProperties}>\n\t\t\t\t\t\t{item[headerProperties.name]}\n\t\t\t\t\t</DataListCell>\n\t\t\t\t);\n\t\t\t}\n\t\t);\n\t};\n\n\tconst classes = classnames(\n\t\t'DataList',\n\t\tclassName,\n\t\t`DataList--spacing-${spacing}`,\n\t\t{\n\t\t\t'DataList--Simple': simple,\n\t\t}\n\t);\n\n\tconst headerRow: DataListHeaderRowType = (\n\t\t<DataListHeaderRow>{header}</DataListHeaderRow>\n\t);\n\tconst rows: DataListRowType[] | DataListRowType =\n\t\tchildren || generateRows(header, items);\n\n\treturn (\n\t\t<div className={classes} data-anvil-component=\"DataList\" {...rest}>\n\t\t\t{headerRow}\n\t\t\t{rows}\n\t\t</div>\n\t);\n};\n\nDataList.HeaderRow = DataListHeaderRow;\nDataList.HeaderCell = DataListHeaderCell;\nDataList.Row = DataListRow;\nDataList.Cell = DataListCell;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataList.test.js","sourceRoot":"","sources":["../../../src/components/DataList/DataList.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACzB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,QAAQ,IACR,KAAK,EAAE;gBACN,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,EAAE;gBAC5B,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,EAAE;gBAC5B,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,EAAE;aAC5B,EACD,MAAM,EAAE;gBACP,oBAAC,QAAQ,CAAC,UAAU,IACnB,GAAG,EAAE,CAAC,EACN,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,YAAY,GACnB;gBACF,oBAAC,QAAQ,CAAC,UAAU,IACnB,GAAG,EAAE,CAAC,EACN,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,aAAa,GACpB;aACF,mBACa,qBAAqB,GAClC,CACF,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"DataList.test.js","sourceRoot":"","sources":["../../../src/components/DataList/DataList.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACzB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,QAAQ,IACR,KAAK,EAAE;gBACN,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,EAAE;gBAC5B,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,EAAE;gBAC5B,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,EAAE;aAC5B,EACD,MAAM,EAAE;gBACP,oBAAC,QAAQ,CAAC,UAAU,IACnB,GAAG,EAAE,CAAC,EACN,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,YAAY,GACnB;gBACF,oBAAC,QAAQ,CAAC,UAAU,IACnB,GAAG,EAAE,CAAC,EACN,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,aAAa,GACpB;aACF,mBACa,qBAAqB,GAClC,CACF,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport { DataList } from './DataList';\n\ndescribe('DataList', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<DataList\n\t\t\t\titems={[\n\t\t\t\t\t{ id: '987ABCD', desc: '1' },\n\t\t\t\t\t{ id: '654ABCD', desc: '2' },\n\t\t\t\t\t{ id: '643ABCD', desc: '3' },\n\t\t\t\t]}\n\t\t\t\theader={[\n\t\t\t\t\t<DataList.HeaderCell\n\t\t\t\t\t\tkey={0}\n\t\t\t\t\t\tname=\"id\"\n\t\t\t\t\t\tcontent=\"Contact ID\"\n\t\t\t\t\t/>,\n\t\t\t\t\t<DataList.HeaderCell\n\t\t\t\t\t\tkey={1}\n\t\t\t\t\t\tname=\"desc\"\n\t\t\t\t\t\tcontent=\"Description\"\n\t\t\t\t\t/>,\n\t\t\t\t]}\n\t\t\t\tdata-auto-sel=\"automation-selector\"\n\t\t\t/>\n\t\t);\n\n\t\tconst element = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(element).not.toBeNull();\n\t});\n});\n"]}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import React, { FC } from 'react';
|
|
2
|
-
export declare type DataListCellType = React.ReactElement<
|
|
3
|
-
export interface
|
|
2
|
+
export declare type DataListCellType = React.ReactElement<DataListCellProps>;
|
|
3
|
+
export interface DataListCellProps {
|
|
4
4
|
className?: string;
|
|
5
5
|
children?: React.ReactNode;
|
|
6
6
|
align?: 'left' | 'right' | 'center' | 'justify';
|
|
7
7
|
width?: string;
|
|
8
8
|
wrapping?: boolean;
|
|
9
|
+
/** Deprecated. */
|
|
10
|
+
content?: React.ReactNode;
|
|
9
11
|
}
|
|
10
|
-
export declare const DataListCell: FC<
|
|
12
|
+
export declare const DataListCell: FC<DataListCellProps>;
|
|
@@ -12,11 +12,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
12
12
|
import React from 'react';
|
|
13
13
|
import classnames from 'classnames';
|
|
14
14
|
export const DataListCell = (_a) => {
|
|
15
|
-
var { className, children, align, width, wrapping } = _a, rest = __rest(_a, ["className", "children", "align", "width", "wrapping"]);
|
|
15
|
+
var { className, children, content, align, width, wrapping } = _a, rest = __rest(_a, ["className", "children", "content", "align", "width", "wrapping"]);
|
|
16
16
|
const classes = classnames('DataList__Cell', className, {
|
|
17
17
|
[`ta-${align}`]: align,
|
|
18
18
|
'DataList__Cell--wrapped': wrapping,
|
|
19
19
|
});
|
|
20
|
-
return (React.createElement("div", Object.assign({ className: classes, style: { width } }, rest), children));
|
|
20
|
+
return (React.createElement("div", Object.assign({ className: classes, style: { width } }, rest), children || content));
|
|
21
21
|
};
|
|
22
22
|
//# sourceMappingURL=DataListCell.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataListCell.js","sourceRoot":"","sources":["../../../src/components/DataList/DataListCell.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"DataListCell.js","sourceRoot":"","sources":["../../../src/components/DataList/DataListCell.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAepC,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAQnD,EAAE,EAAE;QAR+C,EACnD,SAAS,EACT,QAAQ,EACR,OAAO,EACP,KAAK,EACL,KAAK,EACL,QAAQ,OAER,EADG,IAAI,cAP4C,kEAQnD,CADO;IAEP,MAAM,OAAO,GAAW,UAAU,CAAC,gBAAgB,EAAE,SAAS,EAAE;QAC/D,CAAC,MAAM,KAAK,EAAE,CAAC,EAAE,KAAK;QACtB,yBAAyB,EAAE,QAAQ;KACnC,CAAC,CAAC;IAEH,OAAO,CACN,2CAAK,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAM,IAAI,GACjD,QAAQ,IAAI,OAAO,CACf,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\n\nexport type DataListCellType = React.ReactElement<DataListCellProps>;\n\nexport interface DataListCellProps {\n\tclassName?: string;\n\tchildren?: React.ReactNode;\n\talign?: 'left' | 'right' | 'center' | 'justify';\n\twidth?: string;\n\twrapping?: boolean;\n\n\t/** Deprecated. */\n\tcontent?: React.ReactNode;\n}\n\nexport const DataListCell: FC<DataListCellProps> = ({\n\tclassName,\n\tchildren,\n\tcontent,\n\talign,\n\twidth,\n\twrapping,\n\t...rest\n}) => {\n\tconst classes: string = classnames('DataList__Cell', className, {\n\t\t[`ta-${align}`]: align,\n\t\t'DataList__Cell--wrapped': wrapping,\n\t});\n\n\treturn (\n\t\t<div className={classes} style={{ width }} {...rest}>\n\t\t\t{children || content}\n\t\t</div>\n\t);\n};\n"]}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import React, { FC } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { DataListCellProps } from './DataListCell';
|
|
3
3
|
export declare type DataListHeaderCellType = React.ReactElement<DataListHeaderCellProperties>;
|
|
4
|
-
export interface DataListHeaderCellProperties extends
|
|
4
|
+
export interface DataListHeaderCellProperties extends DataListCellProps {
|
|
5
5
|
name: string;
|
|
6
6
|
className?: string;
|
|
7
7
|
children?: React.ReactNode;
|
|
8
|
+
/** Deprecated. */
|
|
8
9
|
content?: React.ReactNode;
|
|
9
10
|
}
|
|
10
11
|
export declare const DataListHeaderCell: FC<DataListHeaderCellProperties>;
|
|
@@ -12,10 +12,9 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
12
12
|
import React from 'react';
|
|
13
13
|
import classnames from 'classnames';
|
|
14
14
|
import { DataListCell } from './DataListCell';
|
|
15
|
-
import { getContent } from '../../utilities/getContent';
|
|
16
15
|
export const DataListHeaderCell = (_a) => {
|
|
17
|
-
var { className } = _a, rest = __rest(_a, ["className"]);
|
|
16
|
+
var { className, children, content } = _a, rest = __rest(_a, ["className", "children", "content"]);
|
|
18
17
|
const classes = classnames('DataList__HeaderCell', className);
|
|
19
|
-
return (React.createElement(DataListCell, Object.assign({ className: classes }, rest),
|
|
18
|
+
return (React.createElement(DataListCell, Object.assign({ className: classes }, rest), children || content));
|
|
20
19
|
};
|
|
21
20
|
//# sourceMappingURL=DataListHeaderCell.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataListHeaderCell.js","sourceRoot":"","sources":["../../../src/components/DataList/DataListHeaderCell.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,YAAY,
|
|
1
|
+
{"version":3,"file":"DataListHeaderCell.js","sourceRoot":"","sources":["../../../src/components/DataList/DataListHeaderCell.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAC;AAcjE,MAAM,CAAC,MAAM,kBAAkB,GAAqC,CAAC,EAKpE,EAAE,EAAE;QALgE,EACpE,SAAS,EACT,QAAQ,EACR,OAAO,OAEP,EADG,IAAI,cAJ6D,oCAKpE,CADO;IAEP,MAAM,OAAO,GAAG,UAAU,CAAC,sBAAsB,EAAE,SAAS,CAAC,CAAC;IAE9D,OAAO,CACN,oBAAC,YAAY,kBAAC,SAAS,EAAE,OAAO,IAAM,IAAI,GACxC,QAAQ,IAAI,OAAO,CACN,CACf,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\nimport { DataListCell, DataListCellProps } from './DataListCell';\n\nexport type DataListHeaderCellType =\n\tReact.ReactElement<DataListHeaderCellProperties>;\n\nexport interface DataListHeaderCellProperties extends DataListCellProps {\n\tname: string;\n\tclassName?: string;\n\tchildren?: React.ReactNode;\n\n\t/** Deprecated. */\n\tcontent?: React.ReactNode;\n}\n\nexport const DataListHeaderCell: FC<DataListHeaderCellProperties> = ({\n\tclassName,\n\tchildren,\n\tcontent,\n\t...rest\n}) => {\n\tconst classes = classnames('DataList__HeaderCell', className);\n\n\treturn (\n\t\t<DataListCell className={classes} {...rest}>\n\t\t\t{children || content}\n\t\t</DataListCell>\n\t);\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataListHeaderRow.js","sourceRoot":"","sources":["../../../src/components/DataList/DataListHeaderRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAYpC,MAAM,CAAC,MAAM,iBAAiB,GAAoC,CAAC,KAAK,EAAE,EAAE;IAC3E,MAAM,OAAO,GAAW,UAAU,CAAC,qBAAqB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAC3E,OAAO,6BAAK,SAAS,EAAE,OAAO,IAAG,KAAK,CAAC,QAAQ,CAAO,CAAC;AACxD,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"DataListHeaderRow.js","sourceRoot":"","sources":["../../../src/components/DataList/DataListHeaderRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAYpC,MAAM,CAAC,MAAM,iBAAiB,GAAoC,CAAC,KAAK,EAAE,EAAE;IAC3E,MAAM,OAAO,GAAW,UAAU,CAAC,qBAAqB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAC3E,OAAO,6BAAK,SAAS,EAAE,OAAO,IAAG,KAAK,CAAC,QAAQ,CAAO,CAAC;AACxD,CAAC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\n\nimport { DataListHeaderCellType } from './DataListHeaderCell';\n\nexport type DataListHeaderRowType =\n\tReact.ReactElement<DataListHeaderRowProperties>;\n\nexport interface DataListHeaderRowProperties {\n\tclassName?: string;\n\tchildren?: DataListHeaderCellType[] | DataListHeaderCellType;\n}\n\nexport const DataListHeaderRow: FC<DataListHeaderRowProperties> = (props) => {\n\tconst classes: string = classnames('DataList__HeaderRow', props.className);\n\treturn <div className={classes}>{props.children}</div>;\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataListRow.js","sourceRoot":"","sources":["../../../src/components/DataList/DataListRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAWpC,MAAM,CAAC,MAAM,WAAW,GAA8B,CAAC,KAAK,EAAE,EAAE;IAC/D,MAAM,OAAO,GAAW,UAAU,CAAC,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IACrE,OAAO,6BAAK,SAAS,EAAE,OAAO,IAAG,KAAK,CAAC,QAAQ,CAAO,CAAC;AACxD,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"DataListRow.js","sourceRoot":"","sources":["../../../src/components/DataList/DataListRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAWpC,MAAM,CAAC,MAAM,WAAW,GAA8B,CAAC,KAAK,EAAE,EAAE;IAC/D,MAAM,OAAO,GAAW,UAAU,CAAC,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IACrE,OAAO,6BAAK,SAAS,EAAE,OAAO,IAAG,KAAK,CAAC,QAAQ,CAAO,CAAC;AACxD,CAAC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\n\nimport { DataListCellType } from './DataListCell';\n\nexport type DataListRowType = React.ReactElement<DataListRowProperties>;\n\nexport interface DataListRowProperties {\n\tclassName?: string;\n\tchildren?: DataListCellType[] | DataListCellType;\n}\n\nexport const DataListRow: FC<DataListRowProperties> = (props) => {\n\tconst classes: string = classnames('DataList__Row', props.className);\n\treturn <div className={classes}>{props.children}</div>;\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DataList/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DataList/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC","sourcesContent":["export * from './DataList';\n"]}
|
|
@@ -4,6 +4,7 @@ import { PopoverProps } from '../Popover';
|
|
|
4
4
|
import { InputDateMaskProps } from './InputDateMask';
|
|
5
5
|
import { InputPropsStrict } from '../Input';
|
|
6
6
|
import { DateObj } from './utils/utils';
|
|
7
|
+
import { PopperProps } from '../../internal';
|
|
7
8
|
export interface DatePickerPropsStrict extends Pick<PopoverProps, 'autoFlipVertically' | 'autoFlipHorizontally' | 'direction'> {
|
|
8
9
|
/** Use custom component as a Calendar */
|
|
9
10
|
calendar?: React.ComponentType<CalendarProps>;
|
|
@@ -35,6 +36,8 @@ export interface DatePickerPropsStrict extends Pick<PopoverProps, 'autoFlipVerti
|
|
|
35
36
|
/** Called on blur of the input */
|
|
36
37
|
onBlur?: (event: React.FocusEvent<HTMLElement>) => void;
|
|
37
38
|
};
|
|
39
|
+
/** Props to be passed to the portaled div */
|
|
40
|
+
portalDataAttributes?: PopperProps['portalDataAttributes'];
|
|
38
41
|
/** Called on DatePicker's blur event */
|
|
39
42
|
onBlur?: (value: Date | string | undefined, data?: DateObj) => void;
|
|
40
43
|
/** Called on every meaningful date change */
|
|
@@ -48,7 +51,7 @@ interface CustomTriggerProps {
|
|
|
48
51
|
/** Returns internal trigger value */
|
|
49
52
|
value: DatePickerProps['value'] | any;
|
|
50
53
|
/** Returns internal trigger prop */
|
|
51
|
-
onClick?: () => void;
|
|
54
|
+
onClick?: (e: any) => void;
|
|
52
55
|
/** Returns internal open state */
|
|
53
56
|
open: DatePickerProps['open'];
|
|
54
57
|
/** Returns interal error state */
|
|
@@ -20,11 +20,12 @@ import { TimezoneContext } from '../../utilities/TimezoneProvider';
|
|
|
20
20
|
import { FormFieldContext } from '../../components/FormField';
|
|
21
21
|
import { toDateObj, toTimeZone, fromTimeZone, toFormat, compareObj, invalidDate, isValidDate, } from './utils/utils';
|
|
22
22
|
export const DatePicker = React.forwardRef((props, ref) => {
|
|
23
|
-
const { disabled, calendar: CustomCalendar, direction = 'br', error, maskChar, maskProps, maxDate, minDate, isoFormat, input: inputProps, onBlur, onChange, onOpenChange, open, placeholder, required, size, trigger, value } = props, rest = __rest(props, ["disabled", "calendar", "direction", "error", "maskChar", "maskProps", "maxDate", "minDate", "isoFormat", "input", "onBlur", "onChange", "onOpenChange", "open", "placeholder", "required", "size", "trigger", "value"]);
|
|
23
|
+
const { disabled, calendar: CustomCalendar, direction = 'br', error, maskChar, maskProps, maxDate, minDate, isoFormat, input: inputProps, onBlur, onChange, onOpenChange, open, placeholder, required, size, trigger, value, portalDataAttributes } = props, rest = __rest(props, ["disabled", "calendar", "direction", "error", "maskChar", "maskProps", "maxDate", "minDate", "isoFormat", "input", "onBlur", "onChange", "onOpenChange", "open", "placeholder", "required", "size", "trigger", "value", "portalDataAttributes"]);
|
|
24
24
|
const tz = useContext(TimezoneContext);
|
|
25
25
|
const minTZ = toTimeZone(minDate, tz); // In timezone (with shift)
|
|
26
26
|
const maxTZ = toTimeZone(maxDate, tz); // In timezone (with shift)
|
|
27
27
|
const todayTZ = toTimeZone(new Date(), tz, { startOfDay: true }); // In timezone (with shift)
|
|
28
|
+
const { labelFor: inputId } = React.useContext(FormFieldContext);
|
|
28
29
|
// State
|
|
29
30
|
const [date, setDate] = React.useState(toDateObj({ date: value, tz }));
|
|
30
31
|
const [showCalendar, setShowCalendar] = React.useState(open);
|
|
@@ -45,17 +46,20 @@ export const DatePicker = React.forwardRef((props, ref) => {
|
|
|
45
46
|
!showCalendar && setShowCalendar(true);
|
|
46
47
|
!showCalendar && (onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(true));
|
|
47
48
|
};
|
|
48
|
-
const closeCalendar = () => {
|
|
49
|
+
const closeCalendar = (e) => {
|
|
50
|
+
var _a, _b;
|
|
51
|
+
if ((_b = (_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.closest) === null || _b === void 0 ? void 0 : _b.call(_a, `[for="${inputId}"]`))
|
|
52
|
+
return;
|
|
49
53
|
showCalendar && setShowCalendar(false);
|
|
50
54
|
showCalendar && (onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(false));
|
|
51
55
|
};
|
|
52
|
-
const toggleCalendar = () => showCalendar ? closeCalendar() : openCalendar();
|
|
56
|
+
const toggleCalendar = (e) => showCalendar ? closeCalendar(e) : openCalendar();
|
|
53
57
|
const handleKeyDown = (e) => {
|
|
54
58
|
var _a, _b;
|
|
55
59
|
const { key } = e;
|
|
56
60
|
if (key === keys.esc) {
|
|
57
61
|
e.preventDefault();
|
|
58
|
-
closeCalendar();
|
|
62
|
+
closeCalendar(e);
|
|
59
63
|
!trigger && ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus());
|
|
60
64
|
}
|
|
61
65
|
if ([keys.space, keys.down].includes(key)) {
|
|
@@ -64,7 +68,7 @@ export const DatePicker = React.forwardRef((props, ref) => {
|
|
|
64
68
|
(_b = calendarRef === null || calendarRef === void 0 ? void 0 : calendarRef.current) === null || _b === void 0 ? void 0 : _b.focus();
|
|
65
69
|
}
|
|
66
70
|
if (showCalendar && key === keys.tab)
|
|
67
|
-
closeCalendar();
|
|
71
|
+
closeCalendar(e);
|
|
68
72
|
};
|
|
69
73
|
const handleCalendarChange = (e) => {
|
|
70
74
|
var _a, _b, _c, _d;
|
|
@@ -77,7 +81,7 @@ export const DatePicker = React.forwardRef((props, ref) => {
|
|
|
77
81
|
setDate(next);
|
|
78
82
|
onChangeReturn(next);
|
|
79
83
|
}
|
|
80
|
-
closeCalendar();
|
|
84
|
+
closeCalendar(e);
|
|
81
85
|
!trigger && ((_d = inputRef.current) === null || _d === void 0 ? void 0 : _d.focus()); // Sets focus back on enter keypress on calendar's date
|
|
82
86
|
};
|
|
83
87
|
const handleMaskChange = (val, data) => {
|
|
@@ -150,13 +154,12 @@ export const DatePicker = React.forwardRef((props, ref) => {
|
|
|
150
154
|
open: showCalendar,
|
|
151
155
|
error,
|
|
152
156
|
});
|
|
153
|
-
const { labelFor: inputId } = React.useContext(FormFieldContext);
|
|
154
157
|
const inputMask = (React.createElement(InputDateMask, Object.assign({}, inputMaskProps, { id: inputId, inputRef: inputRef, calendarRef: calendarRef, className: "DatePicker__input", onClick: openCalendar, shortLabel: React.createElement(Icon, { name: "event", className: "DatePicker__icon", onClick: toggleCalendar, "aria-label": "toggle calendar" }), fluid: true, "data-anvil-component": "DatePicker" })));
|
|
155
158
|
const DatePickerClasses = classnames('DatePicker', {
|
|
156
159
|
'DatePicker--disabled': disabled,
|
|
157
160
|
'DatePicker--open': showCalendar,
|
|
158
161
|
[`DatePicker--${size}`]: size,
|
|
159
162
|
});
|
|
160
|
-
return (React.createElement(Popover, Object.assign({ portal: true, wrapperClassName: DatePickerClasses, open: showCalendar, popoverContentClassName: "DatePicker__calendar", onKeyDown: handleKeyDown, direction: direction, padding: null, width: "auto", ref: ref, onClickOutside: closeCalendar, trigger: customTrigger !== null && customTrigger !== void 0 ? customTrigger : inputMask }, rest), CustomCalendar ? (React.createElement(CustomCalendar, Object.assign({}, calendarProps))) : (React.createElement(Calendar, Object.assign({}, calendarProps)))));
|
|
163
|
+
return (React.createElement(Popover, Object.assign({ portal: true, wrapperClassName: DatePickerClasses, open: showCalendar, popoverContentClassName: "DatePicker__calendar", onKeyDown: handleKeyDown, direction: direction, padding: null, width: "auto", ref: ref, onClickOutside: closeCalendar, trigger: customTrigger !== null && customTrigger !== void 0 ? customTrigger : inputMask, portalDataAttributes: portalDataAttributes }, rest), CustomCalendar ? (React.createElement(CustomCalendar, Object.assign({}, calendarProps))) : (React.createElement(Calendar, Object.assign({}, calendarProps)))));
|
|
161
164
|
});
|
|
162
165
|
//# sourceMappingURL=DatePicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { FC, useContext, useEffect, useRef } from 'react';\nimport classnames from 'classnames';\nimport {\n\tCalendar,\n\tCalendarProps,\n\tCalendarChangeEvent,\n\tCalendarCell,\n\tCalendarCellProps,\n} from '@progress/kendo-react-dateinputs';\nimport { Popover, PopoverProps } from '../Popover';\nimport { Icon } from '../Icon';\nimport { keys } from '../../utilities/keyCodes';\nimport { InputDateMask, InputDateMaskProps } from './InputDateMask';\nimport { InputPropsStrict } from '../Input';\nimport { TimezoneContext } from '../../utilities/TimezoneProvider';\nimport { FormFieldContext } from '../../components/FormField';\n\nimport {\n\tDateObj,\n\ttoDateObj,\n\ttoTimeZone,\n\tfromTimeZone,\n\ttoFormat,\n\tcompareObj,\n\tinvalidDate,\n\tisValidDate,\n} from './utils/utils';\nimport { PopperProps } from '../../internal';\n\nexport interface DatePickerPropsStrict\n\textends Pick<\n\t\tPopoverProps,\n\t\t'autoFlipVertically' | 'autoFlipHorizontally' | 'direction'\n\t> {\n\t/** Use custom component as a Calendar */\n\tcalendar?: React.ComponentType<CalendarProps>;\n\n\t/** Disabled state */\n\tdisabled?: InputDateMaskProps['disabled'];\n\n\t/** Error state */\n\terror?: InputDateMaskProps['error'];\n\n\t/** Character to use with partially complete dates. Default is '_' */\n\tmaskChar?: InputDateMaskProps['maskChar'];\n\n\t/** Object of InputDateMask props */\n\tmaskProps?: Omit<\n\t\tInputDateMaskProps,\n\t\t| 'onChange'\n\t\t| 'value'\n\t\t| 'minDate'\n\t\t| 'maxDate'\n\t\t| 'size'\n\t\t| 'maskChar'\n\t\t| 'placeholder'\n\t\t| 'error'\n\t>;\n\n\t/** Maximum date allowed */\n\tmaxDate?: InputDateMaskProps['maxDate'];\n\n\t/** Minimum date allowed */\n\tminDate?: InputDateMaskProps['minDate'];\n\n\t/** Input size */\n\tsize?: InputDateMaskProps['size'];\n\n\t/** Placeholder value */\n\tplaceholder?: InputDateMaskProps['placeholder'];\n\n\t/** Currently selected date */\n\tvalue?: Calendar['value'] | string;\n\n\t/** Opens calendar */\n\topen?: boolean;\n\n\t/** Returns ISO string instead of JS Date object */\n\tisoFormat?: boolean;\n\n\tinput?: {\n\t\t/** Called on every change of input text */\n\t\tonChange?: InputPropsStrict['onChange'];\n\n\t\t/** Called on blur of the input */\n\t\tonBlur?: (event: React.FocusEvent<HTMLElement>) => void;\n\t};\n\n\t/** Props to be passed to the portaled div */\n\tportalDataAttributes?: PopperProps['portalDataAttributes'];\n\n\t/** Called on DatePicker's blur event */\n\tonBlur?: (value: Date | string | undefined, data?: DateObj) => void;\n\n\t/** Called on every meaningful date change */\n\tonChange?: (value: Date | string | undefined, data?: DateObj) => void;\n\n\t/** Called on every open and close action */\n\tonOpenChange?: (open: boolean) => void;\n\n\t/** This will override default trigger component */\n\ttrigger?: (props: CustomTriggerProps) => React.ReactNode;\n}\n\ninterface CustomTriggerProps {\n\t/** Returns internal trigger value */\n\tvalue: DatePickerProps['value'] | any;\n\n\t/** Returns internal trigger prop */\n\tonClick?: (e: any) => void;\n\n\t/** Returns internal open state */\n\topen: DatePickerProps['open'];\n\n\t/** Returns interal error state */\n\terror: DatePickerProps['error'];\n}\n\nexport interface DatePickerProps extends DatePickerPropsStrict {\n\t/** Unstrict Props */\n\t[propName: string]: any;\n}\n\nexport const DatePicker: FC<DatePickerProps> = React.forwardRef(\n\t(props, ref: React.RefObject<any>) => {\n\t\tconst {\n\t\t\tdisabled,\n\t\t\tcalendar: CustomCalendar,\n\t\t\tdirection = 'br',\n\t\t\terror,\n\t\t\tmaskChar,\n\t\t\tmaskProps,\n\t\t\tmaxDate,\n\t\t\tminDate,\n\t\t\tisoFormat,\n\t\t\tinput: inputProps,\n\t\t\tonBlur,\n\t\t\tonChange,\n\t\t\tonOpenChange,\n\t\t\topen,\n\t\t\tplaceholder,\n\t\t\trequired,\n\t\t\tsize,\n\t\t\ttrigger,\n\t\t\tvalue,\n\t\t\tportalDataAttributes,\n\t\t\t...rest\n\t\t} = props;\n\t\tconst tz = useContext(TimezoneContext);\n\t\tconst minTZ = toTimeZone(minDate, tz); // In timezone (with shift)\n\t\tconst maxTZ = toTimeZone(maxDate, tz); // In timezone (with shift)\n\t\tconst todayTZ = toTimeZone(new Date(), tz, { startOfDay: true }); // In timezone (with shift)\n\n\t\tconst { labelFor: inputId } = React.useContext(FormFieldContext);\n\n\t\t// State\n\t\tconst [date, setDate] = React.useState<DateObj>(\n\t\t\ttoDateObj({ date: value, tz })\n\t\t);\n\t\tconst [showCalendar, setShowCalendar] = React.useState(open);\n\n\t\t// Refs for focusing\n\t\tconst calendarRef = useRef(null);\n\t\tconst inputRef = useRef(null);\n\n\t\t// Effects\n\t\tuseEffect(() => open && openCalendar(), [open]); // eslint-disable-line\n\t\tuseEffect(() => {\n\t\t\tconst next = toDateObj({ date: value, tz });\n\n\t\t\tif (date.isEqualDate(next)) return;\n\n\t\t\tsetDate(next);\n\t\t\tonChangeReturn(next);\n\t\t}, [compareObj(value), isoFormat, tz]); // eslint-disable-line\n\n\t\t// Handlers\n\t\tconst openCalendar = () => {\n\t\t\t!showCalendar && setShowCalendar(true);\n\t\t\t!showCalendar && onOpenChange?.(true);\n\t\t};\n\t\tconst closeCalendar = (e: any) => {\n\t\t\tif (e?.target?.closest?.(`[for=\"${inputId}\"]`)) return;\n\t\t\tshowCalendar && setShowCalendar(false);\n\t\t\tshowCalendar && onOpenChange?.(false);\n\t\t};\n\t\tconst toggleCalendar = (e: any) =>\n\t\t\tshowCalendar ? closeCalendar(e) : openCalendar();\n\n\t\tconst handleKeyDown = (e: React.KeyboardEvent) => {\n\t\t\tconst { key } = e;\n\n\t\t\tif (key === keys.esc) {\n\t\t\t\te.preventDefault();\n\t\t\t\tcloseCalendar(e);\n\t\t\t\t!trigger && inputRef.current?.focus();\n\t\t\t}\n\n\t\t\tif ([keys.space, keys.down].includes(key)) {\n\t\t\t\te.preventDefault();\n\t\t\t\topenCalendar();\n\t\t\t\tcalendarRef?.current?.focus();\n\t\t\t}\n\n\t\t\tif (showCalendar && key === keys.tab) closeCalendar(e);\n\t\t};\n\n\t\tconst handleCalendarChange = (e: CalendarChangeEvent) => {\n\t\t\tlet calendarDate = fromTimeZone(e.target?.value, tz); // Local timezone\n\n\t\t\tif (e.nativeEvent?.target?.className === 'k-nav-today')\n\t\t\t\tcalendarDate = fromTimeZone(todayTZ, tz); // Local timezone\n\n\t\t\tconst next = toDateObj({ date: calendarDate, tz });\n\n\t\t\tif (!date.isEqual(next)) {\n\t\t\t\te.syntheticEvent.stopPropagation(); // Keeps focus on input after click on calendar\n\t\t\t\tsetDate(next);\n\t\t\t\tonChangeReturn(next);\n\t\t\t}\n\n\t\t\tcloseCalendar(e);\n\t\t\t!trigger && inputRef.current?.focus(); // Sets focus back on enter keypress on calendar's date\n\t\t};\n\n\t\tconst handleMaskChange = (val: Date | undefined, data?: any) => {\n\t\t\tconst next = toDateObj({\n\t\t\t\tdate: val ? fromTimeZone(val, tz) : val, // As mask val is already in tz, sending it back to local tz\n\t\t\t\ttz,\n\t\t\t\tinvalidReason: data?.invalidReason,\n\t\t\t});\n\n\t\t\tif (!date.isEqual(next)) {\n\t\t\t\tsetDate(next);\n\t\t\t\tonChangeReturn(next);\n\t\t\t}\n\t\t};\n\n\t\tconst onChangeReturn = (val: DateObj | undefined) =>\n\t\t\tonChange?.(getReturnDate(val), val);\n\n\t\tconst getReturnDate = (val: DateObj | undefined) => {\n\t\t\tif (!val || !val.dateTime) return undefined; // Empty input\n\t\t\tif (!val.isValid)\n\t\t\t\treturn isoFormat ? invalidDate.toString() : invalidDate; // Invalid Date\n\t\t\treturn isoFormat ? val.toISO?.() : val.toJSDate(); // Good value\n\t\t};\n\n\t\tconst handleMaskBlur = (val: Date | undefined, data?: any) => {\n\t\t\tconst current = toDateObj({\n\t\t\t\tdate: val ? fromTimeZone(val, tz) : val, // As mask val is already in tz, sending it back to local tz\n\t\t\t\ttz,\n\t\t\t\tinvalidReason: data?.invalidReason,\n\t\t\t});\n\n\t\t\tonBlur?.(getReturnDate(current), current);\n\t\t};\n\n\t\t// Internal components\n\t\tconst maskValue = () => {\n\t\t\tif (typeof date?.dateTime === 'undefined') return undefined; // No entry (empty)\n\t\t\t// Entry is valid and within min-max\n\t\t\tif (date?.isValid) return toTimeZone(date.toJSDate(), tz); // In timezone (with shift)\n\t\t\tif (!date?.isValid || date?.invalidReason) return invalidDate; // Entry is not full or out of min-max range\n\t\t\tconsole.warn(\n\t\t\t\t'@servicetitan/design-system: Something wrong with DatePicker, dateObj received:',\n\t\t\t\tdate\n\t\t\t);\n\t\t\treturn undefined;\n\t\t};\n\n\t\tconst inputMaskProps = {\n\t\t\tdisabled,\n\t\t\terror,\n\t\t\tmaskChar,\n\t\t\tmaxDate: maxTZ, // In timezone (with shift)\n\t\t\tminDate: minTZ, // In timezone (with shift)\n\t\t\tonBlur: handleMaskBlur,\n\t\t\tonChange: handleMaskChange,\n\t\t\tplaceholder,\n\t\t\trequired,\n\t\t\tsize,\n\t\t\tvalue: maskValue(),\n\t\t\tinput: inputProps,\n\t\t\t...maskProps,\n\t\t};\n\n\t\t// custom cell to override the today highlight to match timezone today\n\t\tconst customCell = (props: CalendarCellProps) => {\n\t\t\tif (toFormat(props.value) === toFormat(todayTZ)) {\n\t\t\t\treturn <CalendarCell {...props} isToday />;\n\t\t\t}\n\t\t\treturn <CalendarCell {...props} isToday={false} />;\n\t\t};\n\n\t\tconst calendarProps = {\n\t\t\tvalue: date.isValid\n\t\t\t\t? date.toJSDate() // Local timezone\n\t\t\t\t: null,\n\t\t\tmax: isValidDate(maxDate) ? maxDate : undefined, // Local timezone\n\t\t\tmin: isValidDate(minDate) ? minDate : undefined, // Local timezone\n\t\t\tonChange: handleCalendarChange,\n\t\t\tref: calendarRef,\n\t\t\tcell: customCell,\n\t\t};\n\n\t\tconst customTrigger = trigger?.({\n\t\t\tvalue: date.isValid\n\t\t\t\t? date.toJSDate() // Local timezone\n\t\t\t\t: null,\n\t\t\tonClick: toggleCalendar,\n\t\t\topen: showCalendar,\n\t\t\terror,\n\t\t});\n\n\t\tconst inputMask = (\n\t\t\t<InputDateMask\n\t\t\t\t{...inputMaskProps}\n\t\t\t\tid={inputId}\n\t\t\t\tinputRef={inputRef}\n\t\t\t\tcalendarRef={calendarRef}\n\t\t\t\tclassName=\"DatePicker__input\"\n\t\t\t\tonClick={openCalendar}\n\t\t\t\tshortLabel={\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tname=\"event\"\n\t\t\t\t\t\tclassName=\"DatePicker__icon\"\n\t\t\t\t\t\tonClick={toggleCalendar}\n\t\t\t\t\t\taria-label=\"toggle calendar\"\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t\tfluid\n\t\t\t\tdata-anvil-component=\"DatePicker\"\n\t\t\t/>\n\t\t);\n\n\t\tconst DatePickerClasses = classnames('DatePicker', {\n\t\t\t'DatePicker--disabled': disabled,\n\t\t\t'DatePicker--open': showCalendar,\n\t\t\t[`DatePicker--${size}`]: size,\n\t\t});\n\n\t\treturn (\n\t\t\t<Popover\n\t\t\t\tportal\n\t\t\t\twrapperClassName={DatePickerClasses}\n\t\t\t\topen={showCalendar}\n\t\t\t\tpopoverContentClassName=\"DatePicker__calendar\"\n\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\tdirection={direction}\n\t\t\t\tpadding={null}\n\t\t\t\twidth=\"auto\"\n\t\t\t\tref={ref}\n\t\t\t\tonClickOutside={closeCalendar}\n\t\t\t\ttrigger={customTrigger ?? inputMask}\n\t\t\t\tportalDataAttributes={portalDataAttributes}\n\t\t\t\t{...rest}\n\t\t\t>\n\t\t\t\t{CustomCalendar ? (\n\t\t\t\t\t<CustomCalendar {...calendarProps} />\n\t\t\t\t) : (\n\t\t\t\t\t<Calendar {...calendarProps} />\n\t\t\t\t)}\n\t\t\t</Popover>\n\t\t);\n\t}\n);\n"]}
|