@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
|
@@ -482,6 +482,9 @@ span.Popover {
|
|
|
482
482
|
.Table .k-column-resizer:hover {
|
|
483
483
|
background-color: rgba(4, 4, 4, 0.1);
|
|
484
484
|
}
|
|
485
|
+
.Table .k-column-title {
|
|
486
|
+
font-weight: 600;
|
|
487
|
+
}
|
|
485
488
|
.Table .k-grid-header-sticky[style*="border-right-width: 1px;"],
|
|
486
489
|
.Table .k-grid-content-sticky[style*="border-right-width: 1px;"] {
|
|
487
490
|
box-shadow: 2px 3px 5px 0 rgba(4, 4, 4, 0.1);
|
|
@@ -559,8 +562,9 @@ span.Popover {
|
|
|
559
562
|
background-color: var(--colorsSurfaceDefault, white);
|
|
560
563
|
}
|
|
561
564
|
.Table.k-grid .k-checkbox {
|
|
562
|
-
border-color: var(--colorsBorderGreyStrong, #bcbcbd);
|
|
563
565
|
background-color: var(--colorsSurfaceDefault, white);
|
|
566
|
+
border-radius: 3px;
|
|
567
|
+
border: 1px solid var(--colorsBorderGreyStrong, #bcbcbd);
|
|
564
568
|
}
|
|
565
569
|
.Table.k-grid .k-checkbox.k-checked, .Table.k-grid .k-checkbox:checked {
|
|
566
570
|
border-color: var(--colorsBorderPrimary, #0265dc);
|
|
@@ -596,6 +600,12 @@ span.Popover {
|
|
|
596
600
|
color: var(--colorsTextOnPrimary, white);
|
|
597
601
|
cursor: default;
|
|
598
602
|
}
|
|
603
|
+
.Table.k-grid .k-pager-wrap .k-pager-nav {
|
|
604
|
+
color: var(--colorsTextPrimary, #0265dc);
|
|
605
|
+
}
|
|
606
|
+
.Table.k-grid .k-pager-wrap .k-pager-nav.k-disabled {
|
|
607
|
+
color: var(--colorsTextOnGrey, #444445);
|
|
608
|
+
}
|
|
599
609
|
.Table.k-grid .k-pager-wrap .k-pager-nav.k-link:hover,
|
|
600
610
|
.Table.k-grid .k-pager-wrap .k-pager-refresh:hover,
|
|
601
611
|
.Table.k-grid .k-pager-wrap .k-hover.k-pager-nav.k-link,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../src/components/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/components/Popover/Popover.scss","../../../src/themes/kendo/_kendo-variables.scss","../../../src/components/Table/Table.scss"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../src/components/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/components/Popover/Popover.scss","../../../src/themes/kendo/_kendo-variables.scss","../../../src/components/Table/Table.scss"],"names":[],"mappings":"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","file":"Table.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { forwardRef, cloneElement } from 'react';\nimport classNames from 'classnames';\nimport { GridMod } from './GridMod';\nimport {\n\tGridProps,\n\tGridColumn,\n\tGridColumnProps,\n\tGridRowProps,\n\tGridColumnMenuFilter,\n} from '@progress/kendo-react-grid';\nimport { TableLoadingPanel } from './TableLoadingPanel';\nimport { useTableMinWidth } from './useTableMinWidth';\n\nfunction isColumnElement(\n\telement: React.ReactNode\n): element is React.ReactElement<GridColumnProps> {\n\tif (!React.isValidElement(element)) {\n\t\treturn false;\n\t}\n\n\tconst elementType = (element as React.ReactElement).type;\n\n\treturn (\n\t\telementType === GridColumn ||\n\t\t(elementType as any).originalType === GridColumn\n\t);\n}\n\nfunction traverse(\n\tchildren: React.ReactNode,\n\tcallback: (\n\t\tcolumn: React.ReactElement<GridColumnProps>\n\t) => React.ReactElement<GridColumnProps>\n): React.ReactNode {\n\treturn React.Children.map(children, (child) => {\n\t\tif (!isColumnElement(child)) {\n\t\t\treturn child;\n\t\t}\n\n\t\treturn child.props.children\n\t\t\t? cloneElement(callback(child), {\n\t\t\t\t\tchildren: traverse(\n\t\t\t\t\t\tchild.props.children as any,\n\t\t\t\t\t\tcallback\n\t\t\t\t\t) as typeof child.props.children,\n\t\t\t })\n\t\t\t: callback(child);\n\t});\n}\n\nexport interface TableProps extends GridProps {\n\tloading?: boolean;\n\tstriped?: boolean;\n\tborders?: { vertical?: boolean; horizontal?: boolean };\n\tchildren?: React.ReactNode;\n}\n\nexport const Table = forwardRef<HTMLElement, TableProps>(\n\t(\n\t\t{\n\t\t\tloading,\n\t\t\tstriped = true,\n\t\t\tborders,\n\t\t\trowRender: originRowRender,\n\t\t\tclassName,\n\t\t\tchildren: originChildren,\n\t\t\t...props\n\t\t},\n\t\tref\n\t) => {\n\t\tconst [container, setContainer] = React.useState<HTMLElement>();\n\n\t\tconst handleRef = React.useCallback(\n\t\t\t(loader: HTMLDivElement | null) => {\n\t\t\t\tconst container =\n\t\t\t\t\t(loader?.previousElementSibling as HTMLElement) ?? null;\n\n\t\t\t\tsetContainer(container ?? undefined);\n\n\t\t\t\tif (ref) {\n\t\t\t\t\tif (typeof ref === 'function') {\n\t\t\t\t\t\tref(container);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tObject.assign(ref, {\n\t\t\t\t\t\t\tcurrent: container,\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\t\t\t[ref]\n\t\t);\n\n\t\tconst rowRender = React.useCallback(\n\t\t\t(originRow: React.ReactElement, rowProps: GridRowProps) => {\n\t\t\t\tconst overrides: Partial<typeof originRow.props> = {};\n\n\t\t\t\tif (props.detail && rowProps.rowType === 'groupHeader') {\n\t\t\t\t\toverrides.children = React.Children.map(\n\t\t\t\t\t\toriginRow.props.children,\n\t\t\t\t\t\t(child) =>\n\t\t\t\t\t\t\tcloneElement(child, {\n\t\t\t\t\t\t\t\tcolumnsCount: child.props.columnsCount - 1,\n\t\t\t\t\t\t\t})\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tconst row =\n\t\t\t\t\tObject.keys(overrides).length > 0\n\t\t\t\t\t\t? cloneElement(originRow, overrides)\n\t\t\t\t\t\t: originRow;\n\n\t\t\t\treturn originRowRender ? originRowRender(row, rowProps) : row;\n\t\t\t},\n\t\t\t[originRowRender, props.detail]\n\t\t);\n\n\t\tconst children = React.useMemo(() => {\n\t\t\treturn traverse(originChildren, (column) => {\n\t\t\t\tconst { field, groupable, headerClassName } = column.props;\n\n\t\t\t\tconst isFilterActive =\n\t\t\t\t\tfield && GridColumnMenuFilter.active(field, props.filter);\n\t\t\t\tconst isGroupable =\n\t\t\t\t\tgroupable &&\n\t\t\t\t\t!(props.group || []).find((g) => g.field === field);\n\n\t\t\t\treturn cloneElement(column, {\n\t\t\t\t\tgroupable: isGroupable,\n\t\t\t\t\theaderClassName: classNames(\n\t\t\t\t\t\theaderClassName,\n\t\t\t\t\t\tcolumn.props.columnMenu && 'TableColumn--has-menu',\n\t\t\t\t\t\tisFilterActive && 'TableColumn--filter-active'\n\t\t\t\t\t),\n\t\t\t\t});\n\t\t\t});\n\t\t}, [originChildren, props.filter, props.group]);\n\n\t\tconst {\n\t\t\tvertical: verticalBorders,\n\t\t\thorizontal: horizontalBorders = !striped,\n\t\t} = borders || {};\n\n\t\tconst TableClasses = classNames(\n\t\t\t'Table',\n\t\t\tstriped && 'Table--striped',\n\t\t\ttypeof verticalBorders === 'boolean'\n\t\t\t\t? verticalBorders && 'Table--vertical-borders'\n\t\t\t\t: 'Table--locked-borders',\n\t\t\thorizontalBorders && 'Table--horizontal-borders',\n\t\t\tprops.detail && 'Table--master-detail',\n\t\t\tprops.sortable && 'Table--sortable',\n\t\t\tclassName\n\t\t);\n\n\t\t// Safari-only fix\n\t\tuseTableMinWidth({ tableContainer: container });\n\n\t\treturn (\n\t\t\t<React.Fragment>\n\t\t\t\t<GridMod\n\t\t\t\t\tdata-anvil-component=\"Table\"\n\t\t\t\t\t{...props}\n\t\t\t\t\trowRender={rowRender}\n\t\t\t\t\tclassName={TableClasses}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</GridMod>\n\t\t\t\t<div ref={handleRef}>\n\t\t\t\t\t{loading && <TableLoadingPanel portal={container} />}\n\t\t\t\t</div>\n\t\t\t</React.Fragment>\n\t\t);\n\t}\n);\n\nTable.displayName = 'KendoReactGrid';\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.test.js","sourceRoot":"","sources":["../../../src/components/Table/Table.test.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Table.test.js","sourceRoot":"","sources":["../../../src/components/Table/Table.test.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport { Table, TableColumn } from '.';\n\ndescribe('Table', () => {\n\tit('displayName should be equal to \"KendoReactGrid\"', () => {\n\t\t// PDF export has some internal comparisons with displayName\n\t\texpect(Table.displayName).toBe('KendoReactGrid');\n\t});\n\n\tit.skip('should pass through data automation attributes', () => {\n\t\tconst sampleProducts = [\n\t\t\t{\n\t\t\t\tProductID: 1,\n\t\t\t\tProductName: 'Chai',\n\t\t\t\tSupplierID: 1,\n\t\t\t\tCategoryID: 1,\n\t\t\t\tQuantityPerUnit: '10 boxes x 20 bags',\n\t\t\t\tUnitPrice: 18,\n\t\t\t\tUnitsInStock: 39,\n\t\t\t\tUnitsOnOrder: 0,\n\t\t\t\tReorderLevel: 10,\n\t\t\t\tDiscontinued: false,\n\t\t\t\tCategory: {\n\t\t\t\t\tCategoryID: 1,\n\t\t\t\t\tCategoryName: 'Beverages',\n\t\t\t\t\tDescription: 'Soft drinks, coffees, teas, beers, and ales',\n\t\t\t\t},\n\t\t\t\tFirstOrderedOn: new Date(1996, 8, 20),\n\t\t\t},\n\t\t];\n\n\t\tconst { container } = render(\n\t\t\t<Table data={sampleProducts} data-auto-sel=\"automation-selector\">\n\t\t\t\t<TableColumn field=\"ProductID\" title=\"ID\" width=\"50px\" />\n\t\t\t\t<TableColumn field=\"ProductName\" title=\"Name\" width=\"300px\" />\n\t\t\t\t<TableColumn field=\"Category.CategoryName\" title=\"Category\" />\n\t\t\t\t<TableColumn\n\t\t\t\t\theaderClassName=\"ta-right\"\n\t\t\t\t\tclassName=\"ta-right\"\n\t\t\t\t\tfield=\"UnitPrice\"\n\t\t\t\t\ttitle=\"Price\"\n\t\t\t\t\tformat=\"{0:c}\"\n\t\t\t\t/>\n\t\t\t\t<TableColumn field=\"UnitsInStock\" title=\"In stock\" />\n\t\t\t\t<TableColumn field=\"Discontinued\" title=\"Discontinued\" />\n\t\t\t</Table>\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.skip('should pass through data automation attributes', () => {\n\t\tconst sampleProducts = [\n\t\t\t{\n\t\t\t\tProductID: 1,\n\t\t\t\tProductName: 'Chai',\n\t\t\t\tSupplierID: 1,\n\t\t\t\tCategoryID: 1,\n\t\t\t\tQuantityPerUnit: '10 boxes x 20 bags',\n\t\t\t\tUnitPrice: 18,\n\t\t\t\tUnitsInStock: 39,\n\t\t\t\tUnitsOnOrder: 0,\n\t\t\t\tReorderLevel: 10,\n\t\t\t\tDiscontinued: false,\n\t\t\t\tCategory: {\n\t\t\t\t\tCategoryID: 1,\n\t\t\t\t\tCategoryName: 'Beverages',\n\t\t\t\t\tDescription: 'Soft drinks, coffees, teas, beers, and ales',\n\t\t\t\t},\n\t\t\t\tFirstOrderedOn: new Date(1996, 8, 20),\n\t\t\t},\n\t\t];\n\n\t\tconst { container } = render(\n\t\t\t<Table data={sampleProducts}>\n\t\t\t\t<TableColumn\n\t\t\t\t\tfield=\"ProductID\"\n\t\t\t\t\ttitle=\"ID\"\n\t\t\t\t\twidth=\"50px\"\n\t\t\t\t\tdata-auto-sel=\"automation-selector\"\n\t\t\t\t/>\n\t\t\t\t<TableColumn field=\"ProductName\" title=\"Name\" width=\"300px\" />\n\t\t\t\t<TableColumn field=\"Category.CategoryName\" title=\"Category\" />\n\t\t\t\t<TableColumn\n\t\t\t\t\theaderClassName=\"ta-right\"\n\t\t\t\t\tclassName=\"ta-right\"\n\t\t\t\t\tfield=\"UnitPrice\"\n\t\t\t\t\ttitle=\"Price\"\n\t\t\t\t\tformat=\"{0:c}\"\n\t\t\t\t/>\n\t\t\t\t<TableColumn field=\"UnitsInStock\" title=\"In stock\" />\n\t\t\t\t<TableColumn field=\"Discontinued\" title=\"Discontinued\" />\n\t\t\t</Table>\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":"TableLoadingPanel.js","sourceRoot":"","sources":["../../../src/components/Table/TableLoadingPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAM/C,MAAM,CAAC,MAAM,iBAAiB,GAA+B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IAC3E,MAAM,YAAY,GAAG,CACpB,6BAAK,SAAS,EAAC,gBAAgB;QAC9B,oBAAC,KAAK,IACL,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,QAAQ,EACvB,SAAS,EAAC,OAAO;YAEjB,oBAAC,OAAO,OAAG,CACJ;QACR,6BAAK,SAAS,EAAC,iBAAiB,GAAG,CAC9B,CACN,CAAC;IAEF,OAAO,CACN,oBAAC,MAAM,IACN,WAAW,EAAE,CAAC,CAAC,MAAM,EACrB,MAAM,EAAE,OAAO,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,IAEvD,YAAY,CACL,CACT,CAAC;AACH,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"TableLoadingPanel.js","sourceRoot":"","sources":["../../../src/components/Table/TableLoadingPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAM/C,MAAM,CAAC,MAAM,iBAAiB,GAA+B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IAC3E,MAAM,YAAY,GAAG,CACpB,6BAAK,SAAS,EAAC,gBAAgB;QAC9B,oBAAC,KAAK,IACL,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,QAAQ,EACvB,SAAS,EAAC,OAAO;YAEjB,oBAAC,OAAO,OAAG,CACJ;QACR,6BAAK,SAAS,EAAC,iBAAiB,GAAG,CAC9B,CACN,CAAC;IAEF,OAAO,CACN,oBAAC,MAAM,IACN,WAAW,EAAE,CAAC,CAAC,MAAM,EACrB,MAAM,EAAE,OAAO,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,IAEvD,YAAY,CACL,CACT,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport { Spinner } from '../Spinner';\nimport { Stack } from '../Stack';\nimport { Portal } from '../../internal/Portal';\n\nexport interface TableLoadingPanelProps {\n\tportal?: HTMLElement | boolean;\n}\n\nexport const TableLoadingPanel: FC<TableLoadingPanelProps> = ({ portal }) => {\n\tconst loadingPanel = (\n\t\t<div className=\"k-loading-mask\">\n\t\t\t<Stack\n\t\t\t\talignItems=\"center\"\n\t\t\t\tjustifyContent=\"center\"\n\t\t\t\tclassName=\"h-100\"\n\t\t\t>\n\t\t\t\t<Spinner />\n\t\t\t</Stack>\n\t\t\t<div className=\"k-loading-color\" />\n\t\t</div>\n\t);\n\n\treturn (\n\t\t<Portal\n\t\t\tconditional={!!portal}\n\t\t\ttarget={typeof portal !== 'boolean' ? portal : undefined}\n\t\t>\n\t\t\t{loadingPanel}\n\t\t</Portal>\n\t);\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components.js","sourceRoot":"","sources":["../../../src/components/Table/components.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,UAAU,IAAI,WAAW,EACzB,OAAO,IAAI,QAAQ,EACnB,QAAQ,IAAI,SAAS,EACrB,YAAY,IAAI,aAAa,EAC7B,cAAc,IAAI,eAAe,EACjC,aAAa,IAAI,cAAc,EAC/B,cAAc,IAAI,eAAe,EACjC,iBAAiB,IAAI,kBAAkB,EACvC,aAAa,IAAI,cAAc,EAC/B,kBAAkB,IAAI,mBAAmB,EACzC,kBAAkB,IAAI,mBAAmB,EACzC,yBAAyB,IAAI,0BAA0B,EACvD,uBAAuB,IAAI,wBAAwB,EACnD,oBAAoB,IAAI,qBAAqB,EAC7C,sBAAsB,IAAI,uBAAuB,EACjD,wBAAwB,IAAI,yBAAyB,EACrD,WAAW,IAAI,YAAY,EAC3B,aAAa,IAAI,cAAc,GAC/B,MAAM,4BAA4B,CAAC;AA8BpC,OAAO,EAAE,iBAAiB,IAAI,sBAAsB,EAAE,MAAM,6BAA6B,CAAC"}
|
|
1
|
+
{"version":3,"file":"components.js","sourceRoot":"","sources":["../../../src/components/Table/components.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,UAAU,IAAI,WAAW,EACzB,OAAO,IAAI,QAAQ,EACnB,QAAQ,IAAI,SAAS,EACrB,YAAY,IAAI,aAAa,EAC7B,cAAc,IAAI,eAAe,EACjC,aAAa,IAAI,cAAc,EAC/B,cAAc,IAAI,eAAe,EACjC,iBAAiB,IAAI,kBAAkB,EACvC,aAAa,IAAI,cAAc,EAC/B,kBAAkB,IAAI,mBAAmB,EACzC,kBAAkB,IAAI,mBAAmB,EACzC,yBAAyB,IAAI,0BAA0B,EACvD,uBAAuB,IAAI,wBAAwB,EACnD,oBAAoB,IAAI,qBAAqB,EAC7C,sBAAsB,IAAI,uBAAuB,EACjD,wBAAwB,IAAI,yBAAyB,EACrD,WAAW,IAAI,YAAY,EAC3B,aAAa,IAAI,cAAc,GAC/B,MAAM,4BAA4B,CAAC;AA8BpC,OAAO,EAAE,iBAAiB,IAAI,sBAAsB,EAAE,MAAM,6BAA6B,CAAC","sourcesContent":["export {\n\tGridColumn as TableColumn,\n\tGridRow as TableRow,\n\tGridCell as TableCell,\n\tGridEditCell as TableEditCell,\n\tGridFilterCell as TableFilterCell,\n\tGridGroupCell as TableGroupCell,\n\tGridHeaderCell as TableHeaderCell,\n\tGridHierarchyCell as TableHierarchyCell,\n\tGridDetailRow as TableDetailRow,\n\tGridColumnMenuSort as TableColumnMenuSort,\n\tGridColumnMenuItem as TableColumnMenuItem,\n\tGridColumnMenuItemContent as TableColumnMenuItemContent,\n\tGridColumnMenuItemGroup as TableColumnMenuItemGroup,\n\tGridColumnMenuFilter as TableColumnMenuFilter,\n\tGridColumnMenuFilterUI as TableColumnMenuFilterUI,\n\tGridColumnMenuFilterCell as TableColumnMenuFilterCell,\n\tGridToolbar as TableToolbar,\n\tGridNoRecords as TableNoRecords,\n} from '@progress/kendo-react-grid';\n\nexport type {\n\tGridColumnProps as TableColumnProps,\n\tGridCellProps as TableCellProps,\n\tGridDetailRowProps as TableDetailRowProps,\n\tGridRowProps as TableRowProps,\n\tGridFilterCellProps as TableFilterCellProps,\n\tGridHeaderCellProps as TableHeaderCellProps,\n\tGridColumnMenuProps as TableColumnMenuProps,\n\tGridToolbarProps as TableToolbarProps,\n\tGridNoRecordsProps as TableNoRecordsProps,\n\tGridSortSettings as TableSortSettings,\n\tGridPagerSettings as TablePagerSettings,\n\tGridGroupableSettings as TableGroupableSettings,\n\tGridPageChangeEvent as TablePageChangeEvent,\n\tGridDataStateChangeEvent as TableDataStateChangeEvent,\n\tGridFilterChangeEvent as TableFilterChangeEvent,\n\tGridSortChangeEvent as TableSortChangeEvent,\n\tGridExpandChangeEvent as TableExpandChangeEvent,\n\tGridSelectionChangeEvent as TableSelectionChangeEvent,\n\tGridItemChangeEvent as TableItemChangeEvent,\n\tGridHeaderSelectionChangeEvent as TableHeaderSelectionChangeEvent,\n\tGridRowClickEvent as TableRowClickEvent,\n\tGridColumnResizeEvent as TableColumnResizeEvent,\n\tGridColumnReorderEvent as TableColumnReorderEvent,\n\tGridGroupChangeEvent as TableGroupChangeEvent,\n\tGridEvent as TableEvent,\n} from '@progress/kendo-react-grid';\n\nexport { PopupPropsContext as TablePopupPropsContext } from '@progress/kendo-react-popup';\n"]}
|
|
@@ -482,6 +482,9 @@ span.Popover {
|
|
|
482
482
|
.Table .k-column-resizer:hover {
|
|
483
483
|
background-color: rgba(4, 4, 4, 0.1);
|
|
484
484
|
}
|
|
485
|
+
.Table .k-column-title {
|
|
486
|
+
font-weight: 600;
|
|
487
|
+
}
|
|
485
488
|
.Table .k-grid-header-sticky[style*="border-right-width: 1px;"],
|
|
486
489
|
.Table .k-grid-content-sticky[style*="border-right-width: 1px;"] {
|
|
487
490
|
box-shadow: 2px 3px 5px 0 rgba(4, 4, 4, 0.1);
|
|
@@ -559,8 +562,9 @@ span.Popover {
|
|
|
559
562
|
background-color: var(--colorsSurfaceDefault, white);
|
|
560
563
|
}
|
|
561
564
|
.Table.k-grid .k-checkbox {
|
|
562
|
-
border-color: var(--colorsBorderGreyStrong, #bcbcbd);
|
|
563
565
|
background-color: var(--colorsSurfaceDefault, white);
|
|
566
|
+
border-radius: 3px;
|
|
567
|
+
border: 1px solid var(--colorsBorderGreyStrong, #bcbcbd);
|
|
564
568
|
}
|
|
565
569
|
.Table.k-grid .k-checkbox.k-checked, .Table.k-grid .k-checkbox:checked {
|
|
566
570
|
border-color: var(--colorsBorderPrimary, #0265dc);
|
|
@@ -596,6 +600,12 @@ span.Popover {
|
|
|
596
600
|
color: var(--colorsTextOnPrimary, white);
|
|
597
601
|
cursor: default;
|
|
598
602
|
}
|
|
603
|
+
.Table.k-grid .k-pager-wrap .k-pager-nav {
|
|
604
|
+
color: var(--colorsTextPrimary, #0265dc);
|
|
605
|
+
}
|
|
606
|
+
.Table.k-grid .k-pager-wrap .k-pager-nav.k-disabled {
|
|
607
|
+
color: var(--colorsTextOnGrey, #444445);
|
|
608
|
+
}
|
|
599
609
|
.Table.k-grid .k-pager-wrap .k-pager-nav.k-link:hover,
|
|
600
610
|
.Table.k-grid .k-pager-wrap .k-pager-refresh:hover,
|
|
601
611
|
.Table.k-grid .k-pager-wrap .k-hover.k-pager-nav.k-link,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../src/components/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/components/Popover/Popover.scss","../../../src/themes/kendo/_kendo-variables.scss","../../../src/components/Table/Table.scss"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../src/components/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/components/Popover/Popover.scss","../../../src/themes/kendo/_kendo-variables.scss","../../../src/components/Table/Table.scss"],"names":[],"mappings":"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","file":"index.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Table/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Table/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC","sourcesContent":["export * from './Table';\nexport * from './components';\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTableMinWidth.js","sourceRoot":"","sources":["../../../src/components/Table/useTableMinWidth.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"useTableMinWidth.js","sourceRoot":"","sources":["../../../src/components/Table/useTableMinWidth.ts"],"names":[],"mappings":"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","sourcesContent":["import { useEffect } from 'react';\n\nconst defaultMinColWidth = 60; // 60px\nconst isSafari =\n\ttypeof navigator !== 'undefined' && /^((?!chrome|android).)*safari/i.test(navigator?.userAgent); // eslint-disable-line\n\ninterface UseTableMinWidthProps {\n\ttableContainer: HTMLElement;\n\tminColWidth?: number;\n}\n\n/*\n * Workaround to make flexible columns (without width) not collapse to nothing on small screens.\n * Required only for Safari.\n */\nexport const useTableMinWidth = (props: UseTableMinWidthProps) => {\n\tconst { tableContainer, minColWidth = defaultMinColWidth } = props;\n\n\tuseEffect(() => {\n\t\tif (!isSafari) return; // Exit if not Safari\n\n\t\tconst handleResize = throttle(() => {\n\t\t\tif (!tableContainer) return;\n\t\t\tif (!(tableContainer instanceof HTMLElement)) return;\n\n\t\t\tconst { fixedColumnsTotalWidth, flexColumnsCount } =\n\t\t\t\tcolsTotalWidth(tableContainer);\n\n\t\t\tif (flexColumnsCount === 0) return;\n\n\t\t\tconst newMinWidth =\n\t\t\t\tfixedColumnsTotalWidth + minColWidth * flexColumnsCount;\n\n\t\t\tsetMinWidth(tableContainer, newMinWidth);\n\t\t}, 200);\n\n\t\thandleResize();\n\t\twindow.addEventListener('resize', handleResize);\n\t\treturn () => window.removeEventListener('resize', handleResize);\n\t}, [tableContainer]); // eslint-disable-line\n};\n\nconst colsTotalWidth = (container: UseTableMinWidthProps['tableContainer']) => {\n\tconst colsNodeList = container\n\t\t.querySelector('table')\n\t\t.querySelectorAll('col');\n\n\tconst cols =\n\t\tcolsNodeList.length > 0\n\t\t\t? (Array.from(colsNodeList) as HTMLElement[])\n\t\t\t: [];\n\n\tconst widths = cols.map(getColWidth);\n\n\treturn {\n\t\tfixedColumnsTotalWidth: widths.reduce((cur, sum) => cur + sum, 0), // Total width\n\t\tflexColumnsCount: widths.filter((w) => !w).length, // Counting nulls\n\t};\n};\n\nconst setMinWidth = (\n\tcontainer: UseTableMinWidthProps['tableContainer'],\n\twidth: number\n) => {\n\tconst th: HTMLElement = container.querySelector('.k-grid-header table');\n\tconst tb: HTMLElement = container.querySelector('.k-grid-container table');\n\n\t[th, tb]\n\t\t.filter((el) => !!el)\n\t\t.forEach((el) => (el.style.minWidth = `${width}px`));\n};\n\nconst getColWidth = (col: HTMLElement) => {\n\tif (!col.hasAttribute('width')) return null; // Columns width is unset\n\tconst val = col.getAttribute('width');\n\tif (isPixelValue) return parseInt(val, 10); // Per-attribute pixel size\n\treturn Math.round(col.clientWidth); // Real size\n};\n\nconst isPixelValue = (val: string) => val === `${parseInt(val, 10)}px`;\n\nconst throttle = (func: Function, delay: number) => {\n\tlet inProgress = false;\n\treturn (...args: any) => {\n\t\tif (inProgress) {\n\t\t\treturn;\n\t\t}\n\t\tinProgress = true;\n\t\tsetTimeout(() => {\n\t\t\tfunc(...args); // Consider moving this line before the set timeout if you want the very first one to be immediate\n\t\t\tinProgress = false;\n\t\t}, delay);\n\t};\n};\n"]}
|
|
@@ -60,6 +60,6 @@ export const Tag = (_a) => {
|
|
|
60
60
|
iconName ? (React.createElement("span", { className: "Tag__icon" },
|
|
61
61
|
React.createElement(Icon, { name: iconName, size: compact ? 14 : 16 }))) : null,
|
|
62
62
|
React.createElement("span", { className: "Tag__body" }, children),
|
|
63
|
-
onClose && (React.createElement(Button, { fill: "subtle", className: "Tag__close", iconName: "clear", size: "xsmall", onClick: onClose
|
|
63
|
+
onClose && (React.createElement(Button, { "aria-label": "remove tag", fill: "subtle", className: "Tag__close", iconName: "clear", size: "xsmall", onClick: onClose }))));
|
|
64
64
|
};
|
|
65
65
|
//# sourceMappingURL=Tag.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\nimport { isDark } from '../../utilities/color-utils';\nimport { Icon, IconPropsStrict } from '../Icon';\nimport { Button } from '../Button';\n\nexport interface TagPropsStrict {\n\t/** Badge variation of a tag */\n\tbadge?: boolean;\n\n\t/** Adds one or more classnames for an element */\n\tclassName?: string;\n\n\t/** Smaller version of the tag */\n\tcompact?: boolean;\n\n\t/** Name of icon to render inside of Tag */\n\ticon?: IconPropsStrict['name'];\n\n\t/** Gives the tag a less visually intense color scheme */\n\tsubtle?: boolean;\n\n\t/** Gives the tag more descriptive title attribute, users can hover for more information and screen readers will parse the tag correctly */\n\ttitle?: string;\n\n\t/** What happens when the user clicks the close icon */\n\tonClose?: (e: React.SyntheticEvent<HTMLElement>) => void;\n\n\t/** Determines the visual appearance of the tag */\n\tcolor?:\n\t\t| 'info'\n\t\t| 'warning'\n\t\t| 'critical'\n\t\t| 'success'\n\t\t| 'inactive'\n\t\t| 'default'\n\t\t| 'inverse'\n\t\t| string;\n}\n\nexport interface TagProps extends TagPropsStrict {\n\t/** Unstrict Props */\n\t[propName: string]: any;\n}\n\nexport const Tag: FC<TagProps> = ({\n\tbadge,\n\tchildren,\n\tclassName,\n\tcolor = 'default',\n\tcompact,\n\ticon: iconName,\n\tonClose,\n\tsubtle,\n\ttitle,\n\ttagRef,\n\t...props\n}) => {\n\tconst isCustomColor = () => {\n\t\tconst uniqueColors = [\n\t\t\t'info',\n\t\t\t'warning',\n\t\t\t'critical',\n\t\t\t'success',\n\t\t\t'inactive',\n\t\t\t'default',\n\t\t\t'inverse',\n\t\t];\n\n\t\tif (!uniqueColors.includes(color)) return true;\n\t\treturn false;\n\t};\n\n\tconst getColorClasses = () => {\n\t\tif (isCustomColor())\n\t\t\treturn isDark(color) ? 'Tag--lightText' : 'Tag--darkText';\n\t\tif (!isCustomColor()) return `Tag--${color}`;\n\t};\n\n\tconst TagClasses = classnames('Tag', className, getColorClasses(), {\n\t\t'Tag--compact': compact,\n\t\t'Tag--subtle': subtle,\n\t\t'Tag--badge': badge,\n\t});\n\n\tconst getTextFromChildren = (children: React.ReactNode): string => {\n\t\treturn (React.Children.toArray(children) as any)\n\t\t\t.reduce(\n\t\t\t\t(flattened: any, child: any) => [\n\t\t\t\t\t...flattened,\n\t\t\t\t\tchild?.props?.children\n\t\t\t\t\t\t? getTextFromChildren(child.props.children)\n\t\t\t\t\t\t: child,\n\t\t\t\t],\n\t\t\t\t[]\n\t\t\t)\n\t\t\t.filter((str: string) => !str.toString().includes('object Object'))\n\t\t\t.join('');\n\t};\n\n\tconst actualTitle =\n\t\ttitle !== undefined ? title : `Tag: ${getTextFromChildren(children)}`;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={TagClasses}\n\t\t\ttitle={actualTitle}\n\t\t\tstyle={isCustomColor() ? { backgroundColor: color } : null}\n\t\t\tref={tagRef}\n\t\t\tdata-anvil-component=\"Tag\"\n\t\t\t{...props}\n\t\t>\n\t\t\t{iconName ? (\n\t\t\t\t<span className=\"Tag__icon\">\n\t\t\t\t\t<Icon name={iconName} size={compact ? 14 : 16} />\n\t\t\t\t</span>\n\t\t\t) : null}\n\t\t\t<span className=\"Tag__body\">{children}</span>\n\t\t\t{onClose && (\n\t\t\t\t<Button\n\t\t\t\t\taria-label=\"remove tag\"\n\t\t\t\t\tfill=\"subtle\"\n\t\t\t\t\tclassName=\"Tag__close\"\n\t\t\t\t\ticonName=\"clear\"\n\t\t\t\t\tsize=\"xsmall\"\n\t\t\t\t\tonClick={onClose}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.test.js","sourceRoot":"","sources":["../../../src/components/Tag/Tag.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE;IACpB,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,GAAG,IAAC,KAAK,EAAC,OAAO,mBAAe,qBAAqB,UAEhD,CACN,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":"Tag.test.js","sourceRoot":"","sources":["../../../src/components/Tag/Tag.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE;IACpB,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,GAAG,IAAC,KAAK,EAAC,OAAO,mBAAe,qBAAqB,UAEhD,CACN,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 { Tag } from './Tag';\n\ndescribe('Tag', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Tag title=\"Title\" data-auto-sel=\"automation-selector\">\n\t\t\t\tTag\n\t\t\t</Tag>\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/Tag/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tag/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC","sourcesContent":["export * from './Tag';\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TagGroup.js","sourceRoot":"","sources":["../../../src/components/TagGroup/TagGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAwB5D,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAI3C,EAAE,EAAE;QAJuC,EAC3C,QAAQ,EACR,SAAS,OAET,EADG,KAAK,cAHmC,yBAI3C,CADQ;IAER,MAAM,eAAe,GAAG,UAAU,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;IAE1D,OAAO,CACN,2CACC,SAAS,EAAE,eAAe,0BACL,UAAU,IAC3B,KAAK,GAER,YAAY,CAAC,QAAQ,EAAE,YAAY,CAAC,CAChC,CACN,CAAC;AACH,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"TagGroup.js","sourceRoot":"","sources":["../../../src/components/TagGroup/TagGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAwB5D,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAI3C,EAAE,EAAE;QAJuC,EAC3C,QAAQ,EACR,SAAS,OAET,EADG,KAAK,cAHmC,yBAI3C,CADQ;IAER,MAAM,eAAe,GAAG,UAAU,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;IAE1D,OAAO,CACN,2CACC,SAAS,EAAE,eAAe,0BACL,UAAU,IAC3B,KAAK,GAER,YAAY,CAAC,QAAQ,EAAE,YAAY,CAAC,CAChC,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\nimport { TagGroupItem } from './TagGroupItem';\nimport { TagProps } from '../Tag';\nimport { wrapChildren } from '../../utilities/wrapChildren';\n\ntype TagGroupChildType =\n\t| React.ReactElement<TagProps>\n\t| boolean\n\t| null\n\t| undefined;\n\n/**\n * TagGroup properties\n */\nexport interface TagGroupPropsStrict {\n\t/** Tag Elements */\n\tchildren: TagGroupChildType | TagGroupChildType[];\n\n\t/** Adds one or more classnames for an element */\n\tclassName?: string;\n}\n\nexport interface TagGroupProps extends TagGroupPropsStrict {\n\t/** Unstrict Props */\n\t[propName: string]: any;\n}\n\nexport const TagGroup: FC<TagGroupProps> = ({\n\tchildren,\n\tclassName,\n\t...props\n}) => {\n\tconst TagGroupClasses = classnames('TagGroup', className);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={TagGroupClasses}\n\t\t\tdata-anvil-component=\"TagGroup\"\n\t\t\t{...props}\n\t\t>\n\t\t\t{wrapChildren(children, TagGroupItem)}\n\t\t</div>\n\t);\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TagGroup.test.js","sourceRoot":"","sources":["../../../src/components/TagGroup/TagGroup.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;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAE7B,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,qBAAe,qBAAqB;YAC5C,oBAAC,GAAG,IAAC,GAAG,EAAE,CAAC,UAAW;YACtB,oBAAC,GAAG,IAAC,GAAG,EAAE,CAAC,UAAW,CACZ,CACX,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":"TagGroup.test.js","sourceRoot":"","sources":["../../../src/components/TagGroup/TagGroup.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;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAE7B,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,qBAAe,qBAAqB;YAC5C,oBAAC,GAAG,IAAC,GAAG,EAAE,CAAC,UAAW;YACtB,oBAAC,GAAG,IAAC,GAAG,EAAE,CAAC,UAAW,CACZ,CACX,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 { TagGroup } from './TagGroup';\nimport { Tag } from '../Tag';\n\ndescribe('TagGroup', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<TagGroup data-auto-sel=\"automation-selector\">\n\t\t\t\t<Tag key={1}>Tag</Tag>\n\t\t\t\t<Tag key={2}>Tag</Tag>\n\t\t\t</TagGroup>\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":"TagGroupItem.js","sourceRoot":"","sources":["../../../src/components/TagGroup/TagGroupItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAOlC,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACpE,6BAAK,SAAS,EAAC,gBAAgB,0BAAsB,cAAc,IACjE,QAAQ,CACJ,CACN,CAAC"}
|
|
1
|
+
{"version":3,"file":"TagGroupItem.js","sourceRoot":"","sources":["../../../src/components/TagGroup/TagGroupItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAOlC,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACpE,6BAAK,SAAS,EAAC,gBAAgB,0BAAsB,cAAc,IACjE,QAAQ,CACJ,CACN,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport { TagProps } from '../Tag';\n\nexport interface TagGroupItemProps {\n\tchildren: React.ReactElement<TagProps>;\n}\n\nexport const TagGroupItem: FC<TagGroupItemProps> = ({ children }) => (\n\t<div className=\"TagGroup__Item\" data-anvil-component=\"TagGroupItem\">\n\t\t{children}\n\t</div>\n);\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TagGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TagGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC","sourcesContent":["export * from './TagGroup';\n"]}
|
|
@@ -22,14 +22,17 @@ import { TakeoverFooter } from './TakeoverFooter';
|
|
|
22
22
|
export const Takeover = (_a) => {
|
|
23
23
|
var { actions, animate = false, backLabel, children, className, contentWrapperClass, focusTrapOptions, footer, footerAlign = TakeoverFooter.defaultProps.align, onBack, onClose, open = true, portal = true, sectioned, theme = TakeoverHeader.defaultProps.theme, title } = _a, props = __rest(_a, ["actions", "animate", "backLabel", "children", "className", "contentWrapperClass", "focusTrapOptions", "footer", "footerAlign", "onBack", "onClose", "open", "portal", "sectioned", "theme", "title"]);
|
|
24
24
|
React.useEffect(() => {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
25
|
+
if (open) {
|
|
26
|
+
document.body.classList.add('Takeover--is-open');
|
|
27
|
+
}
|
|
28
|
+
else {
|
|
29
|
+
const otherOpenTakeovers = document.getElementsByClassName('Takeover').length > 0;
|
|
30
|
+
if (otherOpenTakeovers) {
|
|
31
|
+
document.body.classList.add('Takeover--is-open');
|
|
30
32
|
}
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
+
}
|
|
34
|
+
return () => document.body.classList.remove('Takeover--is-open');
|
|
35
|
+
}, [open]);
|
|
33
36
|
// Focus trapping
|
|
34
37
|
const takeoverRef = useFocusTrap(Object.assign({ autoFocusContainer: true, disabled: !open }, focusTrapOptions));
|
|
35
38
|
const headerProps = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Takeover.js","sourceRoot":"","sources":["../../../src/components/Takeover/Takeover.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAqB,MAAM,0BAA0B,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAuB,MAAM,kBAAkB,CAAC;AACvE,OAAO,EAAE,eAAe,EAAwB,MAAM,mBAAmB,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAuB,MAAM,kBAAkB,CAAC;AAiEvE,MAAM,CAAC,MAAM,QAAQ,GAAa,CAAC,EAkBlC,EAAE,EAAE;QAlB8B,EAClC,OAAO,EACP,OAAO,GAAG,KAAK,EACf,SAAS,EACT,QAAQ,EACR,SAAS,EACT,mBAAmB,EACnB,gBAAgB,EAChB,MAAM,EACN,WAAW,GAAG,cAAc,CAAC,YAAY,CAAC,KAAK,EAC/C,MAAM,EACN,OAAO,EACP,IAAI,GAAG,IAAI,EACX,MAAM,GAAG,IAAI,EACb,SAAS,EACT,KAAK,GAAG,cAAc,CAAC,YAAY,CAAC,KAAK,EACzC,KAAK,OAEL,EADG,KAAK,cAjB0B,sMAkBlC,CADQ;IAER,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Takeover.js","sourceRoot":"","sources":["../../../src/components/Takeover/Takeover.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\nimport { AnimatePresence, motion } from 'framer-motion';\nimport { tokens } from '@servicetitan/tokens/core';\nimport { Overlay } from '../../internal/Overlay';\nimport { wrapWithComponent } from '../../utilities/wrapWithComponent';\nimport { useFocusTrap, UseFocusTrapProps } from '../../hooks/useFocusTrap';\nimport { TakeoverHeader, TakeoverHeaderProps } from './TakeoverHeader';\nimport { TakeoverSection, TakeoverSectionProps } from './TakeoverSection';\nimport { TakeoverFooter, TakeoverFooterProps } from './TakeoverFooter';\n\nexport interface TakeoverPropsStrict {\n\t/** Content for Action area next to close button */\n\tactions?: TakeoverHeaderProps['actions'];\n\n\t/**\n\t * Use animation for show/hide transitions\n\t * Defaults to false because Takeovers are used as full page layouts\n\t */\n\tanimate?: boolean;\n\n\t/** Label for Back button. Turns Back button into `Back to {backLabel}` button */\n\tbackLabel?: TakeoverHeaderProps['backLabel'];\n\n\t/** Add <ProgressTracker.Step> components to be rendered in the <ProgressTracker> */\n\tchildren: TakeoverSectionProps['children'];\n\n\t/** Adds one or more classnames to an element */\n\tclassName?: string;\n\n\t/** Adds one or more classnames to TakeoverContent */\n\tcontentWrapperClass?: string;\n\n\t/** Footer Elements */\n\tfooter?: TakeoverFooterProps['children'];\n\n\t/** Align TakeoverFooter content using flexbox justify-content properties */\n\tfooterAlign?: TakeoverFooterProps['align'];\n\n\t/** False will automatically wrap children with <Takeover.Section /> */\n\tsectioned?: boolean;\n\n\t/** If passed an onBack function, <Takeover.Header> gets a Back button in the top right */\n\tonBack?: TakeoverHeaderProps['onBack'];\n\n\t/** If passed an onClose function, <Takeover.Header> gets a Close button in the top right */\n\tonClose?: TakeoverHeaderProps['onClose'];\n\n\t/** Set visibility of the Takeover */\n\topen?: boolean;\n\n\t/** Theme of Takeover */\n\ttheme?: TakeoverHeaderProps['theme'];\n\n\t/** Name of Takeover */\n\ttitle: TakeoverHeaderProps['title'];\n\n\t/** Render in a React Portal */\n\tportal?: boolean;\n\n\t/** Options passed into useFocusTrap */\n\tfocusTrapOptions?: UseFocusTrapProps;\n}\n\nexport interface TakeoverProps extends TakeoverPropsStrict {\n\t[propName: string]: any;\n}\n\nexport interface Takeover extends FC<TakeoverProps> {\n\tHeader: typeof TakeoverHeader;\n\tSection: typeof TakeoverSection;\n\tFooter: typeof TakeoverFooter;\n}\n\nexport const Takeover: Takeover = ({\n\tactions,\n\tanimate = false,\n\tbackLabel,\n\tchildren,\n\tclassName,\n\tcontentWrapperClass,\n\tfocusTrapOptions,\n\tfooter,\n\tfooterAlign = TakeoverFooter.defaultProps.align,\n\tonBack,\n\tonClose,\n\topen = true,\n\tportal = true,\n\tsectioned,\n\ttheme = TakeoverHeader.defaultProps.theme,\n\ttitle,\n\t...props\n}) => {\n\tReact.useEffect(() => {\n\t\tif (open) {\n\t\t\tdocument.body.classList.add('Takeover--is-open');\n\t\t} else {\n\t\t\tconst otherOpenTakeovers =\n\t\t\t\tdocument.getElementsByClassName('Takeover').length > 0;\n\t\t\tif (otherOpenTakeovers) {\n\t\t\t\tdocument.body.classList.add('Takeover--is-open');\n\t\t\t}\n\t\t}\n\n\t\treturn () => document.body.classList.remove('Takeover--is-open');\n\t}, [open]);\n\n\t// Focus trapping\n\tconst takeoverRef = useFocusTrap({\n\t\tautoFocusContainer: true,\n\t\tdisabled: !open,\n\t\t...focusTrapOptions,\n\t});\n\n\tconst headerProps = {\n\t\tactions,\n\t\tbackLabel,\n\t\tonBack,\n\t\tonClose,\n\t\ttheme,\n\t\ttitle,\n\t};\n\n\tconst footerProps = {\n\t\talign: footerAlign,\n\t\tchildren: footer,\n\t};\n\n\tconst TakeoverClasses = classnames(\n\t\t'Takeover',\n\t\tclassName,\n\t\t`Takeover--${theme}`\n\t);\n\n\tconst contentWrapperClasses = classnames(\n\t\t'TakeoverContent',\n\t\tcontentWrapperClass\n\t);\n\n\tconst content = wrapWithComponent(children, TakeoverSection);\n\n\tconst duration: number = parseInt(tokens.durationStandard, 10) / 1000; // '200ms' -> 0.2\n\tconst framerAnimation = {\n\t\tinitial: { opacity: 0, y: 50 },\n\t\tanimate: { opacity: 1, y: 0 },\n\t\texit: { opacity: 0, y: 50 },\n\t\ttransition: { type: 'easeInOut', duration },\n\t};\n\n\tconst Animate = animate ? AnimatePresence : React.Fragment;\n\tconst TakeoverEl = animate ? motion.div : 'div';\n\tconst TakeoverProps = {\n\t\tclassName: TakeoverClasses,\n\t\tref: takeoverRef,\n\t\t...(animate && framerAnimation),\n\t\t...props,\n\t};\n\n\treturn (\n\t\t<Overlay portal={portal} animate={animate} open={open}>\n\t\t\t<Animate>\n\t\t\t\t{open && (\n\t\t\t\t\t<TakeoverEl\n\t\t\t\t\t\tdata-anvil-component=\"Takeover\"\n\t\t\t\t\t\t{...TakeoverProps}\n\t\t\t\t\t>\n\t\t\t\t\t\t<TakeoverHeader {...headerProps} />\n\t\t\t\t\t\t<div className={contentWrapperClasses}>{content}</div>\n\t\t\t\t\t\t<TakeoverFooter {...footerProps} />\n\t\t\t\t\t</TakeoverEl>\n\t\t\t\t)}\n\t\t\t</Animate>\n\t\t</Overlay>\n\t);\n};\n\nTakeover.Header = TakeoverHeader;\nTakeover.Section = TakeoverSection;\nTakeover.Footer = TakeoverFooter;\n"]}
|
|
@@ -7,7 +7,7 @@ import { Button } from '../Button';
|
|
|
7
7
|
describe('Takeover', () => {
|
|
8
8
|
beforeEach(() => jest.spyOn(console, 'error'));
|
|
9
9
|
it('should pass through data automation attributes', () => {
|
|
10
|
-
const { baseElement } = render(React.createElement(Takeover, { backLabel: "Previous Page", title: "Takeover Title", footer: React.createElement(ButtonGroup, null,
|
|
10
|
+
const { container, baseElement } = render(React.createElement(Takeover, { backLabel: "Previous Page", title: "Takeover Title", footer: React.createElement(ButtonGroup, null,
|
|
11
11
|
React.createElement(Button, null, "Cancel"),
|
|
12
12
|
React.createElement(Button, { primary: true }, "Save")), footerAlign: "right", "data-auto-sel": "automation-selector" },
|
|
13
13
|
React.createElement(BodyText, null, "Takeover Content")));
|
|
@@ -15,8 +15,10 @@ describe('Takeover', () => {
|
|
|
15
15
|
* NOTE: Using "baseElement" instead of "container" because
|
|
16
16
|
* Takeover is rendered in a portal
|
|
17
17
|
*/
|
|
18
|
-
const
|
|
19
|
-
|
|
18
|
+
const nonPortalElement = container.querySelector('[data-auto-sel="automation-selector"]');
|
|
19
|
+
const portalElement = baseElement.querySelector('[data-auto-sel="automation-selector"]');
|
|
20
|
+
expect(nonPortalElement).toBeNull();
|
|
21
|
+
expect(portalElement).not.toBeNull();
|
|
20
22
|
});
|
|
21
23
|
});
|
|
22
24
|
//# sourceMappingURL=Takeover.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Takeover.test.js","sourceRoot":"","sources":["../../../src/components/Takeover/Takeover.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;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,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,WAAW,EAAE,GAAG,MAAM,
|
|
1
|
+
{"version":3,"file":"Takeover.test.js","sourceRoot":"","sources":["../../../src/components/Takeover/Takeover.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;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,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,WAAW,EAAE,GAAG,MAAM,CACxC,oBAAC,QAAQ,IACR,SAAS,EAAC,eAAe,EACzB,KAAK,EAAC,gBAAgB,EACtB,MAAM,EACL,oBAAC,WAAW;gBACX,oBAAC,MAAM,iBAAgB;gBACvB,oBAAC,MAAM,IAAC,OAAO,iBAAc,CAChB,EAEf,WAAW,EAAC,OAAO,mBACL,qBAAqB;YAEnC,oBAAC,QAAQ,2BAA4B,CAC3B,CACX,CAAC;QAEF;;;WAGG;QACH,MAAM,gBAAgB,GAAG,SAAS,CAAC,aAAa,CAC/C,uCAAuC,CACvC,CAAC;QACF,MAAM,aAAa,GAAG,WAAW,CAAC,aAAa,CAC9C,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,CAAC,QAAQ,EAAE,CAAC;QACpC,MAAM,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport { Takeover } from './Takeover';\nimport { BodyText } from '../BodyText';\nimport { ButtonGroup } from '../ButtonGroup';\nimport { Button } from '../Button';\n\ndescribe('Takeover', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container, baseElement } = render(\n\t\t\t<Takeover\n\t\t\t\tbackLabel=\"Previous Page\"\n\t\t\t\ttitle=\"Takeover Title\"\n\t\t\t\tfooter={\n\t\t\t\t\t<ButtonGroup>\n\t\t\t\t\t\t<Button>Cancel</Button>\n\t\t\t\t\t\t<Button primary>Save</Button>\n\t\t\t\t\t</ButtonGroup>\n\t\t\t\t}\n\t\t\t\tfooterAlign=\"right\"\n\t\t\t\tdata-auto-sel=\"automation-selector\"\n\t\t\t>\n\t\t\t\t<BodyText>Takeover Content</BodyText>\n\t\t\t</Takeover>\n\t\t);\n\n\t\t/**\n\t\t * NOTE: Using \"baseElement\" instead of \"container\" because\n\t\t * Takeover is rendered in a portal\n\t\t */\n\t\tconst nonPortalElement = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\t\tconst portalElement = baseElement.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(nonPortalElement).toBeNull();\n\t\texpect(portalElement).not.toBeNull();\n\t});\n});\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TakeoverFooter.js","sourceRoot":"","sources":["../../../src/components/Takeover/TakeoverFooter.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAcpD,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EAKvD,EAAE,EAAE;QALmD,EACvD,KAAK,EACL,QAAQ,EACR,SAAS,OAET,EADG,KAAK,cAJ+C,kCAKvD,CADQ;IAER,MAAM,qBAAqB,GAAG,UAAU,CAAC,gBAAgB,EAAE,SAAS,EAAE;QACrE,sBAAsB,EAAE,KAAK,KAAK,MAAM;QACxC,wBAAwB,EAAE,KAAK,KAAK,QAAQ;QAC5C,uBAAuB,EAAE,KAAK,KAAK,OAAO;QAC1C,+BAA+B,EAAE,KAAK,KAAK,eAAe;KAC1D,CAAC,CAAC;IAEH,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEtD,OAAO,CACN,oBAAC,eAAe,kBAAC,SAAS,EAAE,qBAAqB,IAAM,KAAK,GAC1D,QAAQ,CACQ,CAClB,CAAC;AACH,CAAC,CAAC;AAEF,cAAc,CAAC,YAAY,GAAG;IAC7B,KAAK,EAAE,OAAO;CACd,CAAC"}
|
|
1
|
+
{"version":3,"file":"TakeoverFooter.js","sourceRoot":"","sources":["../../../src/components/Takeover/TakeoverFooter.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAcpD,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EAKvD,EAAE,EAAE;QALmD,EACvD,KAAK,EACL,QAAQ,EACR,SAAS,OAET,EADG,KAAK,cAJ+C,kCAKvD,CADQ;IAER,MAAM,qBAAqB,GAAG,UAAU,CAAC,gBAAgB,EAAE,SAAS,EAAE;QACrE,sBAAsB,EAAE,KAAK,KAAK,MAAM;QACxC,wBAAwB,EAAE,KAAK,KAAK,QAAQ;QAC5C,uBAAuB,EAAE,KAAK,KAAK,OAAO;QAC1C,+BAA+B,EAAE,KAAK,KAAK,eAAe;KAC1D,CAAC,CAAC;IAEH,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEtD,OAAO,CACN,oBAAC,eAAe,kBAAC,SAAS,EAAE,qBAAqB,IAAM,KAAK,GAC1D,QAAQ,CACQ,CAClB,CAAC;AACH,CAAC,CAAC;AAEF,cAAc,CAAC,YAAY,GAAG;IAC7B,KAAK,EAAE,OAAO;CACd,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\n\nimport { TakeoverSection } from './TakeoverSection';\n\nexport interface TakeoverFooterPropsStrict {\n\t/** Align TakeoverFooter content using flexbox justify-content properties */\n\talign?: 'right' | 'left' | 'center' | 'space-between';\n\n\t/** Adds one or more classnames to an element */\n\tclassName?: string;\n}\n\nexport interface TakeoverFooterProps extends TakeoverFooterPropsStrict {\n\t[propName: string]: any;\n}\n\nexport const TakeoverFooter: FC<TakeoverFooterProps> = ({\n\talign,\n\tchildren,\n\tclassName,\n\t...props\n}) => {\n\tconst TakeoverFooterClasses = classnames('TakeoverFooter', className, {\n\t\t'TakeoverFooter--left': align === 'left',\n\t\t'TakeoverFooter--center': align === 'center',\n\t\t'TakeoverFooter--right': align === 'right',\n\t\t'TakeoverFooter--space-between': align === 'space-between',\n\t});\n\n\tif (React.Children.count(children) === 0) return null;\n\n\treturn (\n\t\t<TakeoverSection className={TakeoverFooterClasses} {...props}>\n\t\t\t{children}\n\t\t</TakeoverSection>\n\t);\n};\n\nTakeoverFooter.defaultProps = {\n\talign: 'right',\n};\n"]}
|
|
@@ -34,7 +34,7 @@ export const TakeoverHeader = (_a) => {
|
|
|
34
34
|
React.isValidElement(title) ? (title) : (React.createElement(Headline, { className: "TakeoverHeader__title" }, title)),
|
|
35
35
|
React.createElement("div", { className: "TakeoverHeader__right" },
|
|
36
36
|
actions && (React.createElement("div", { className: "TakeoverHeader__actions" }, actions)),
|
|
37
|
-
onClose && (React.createElement(Button, { fill: "subtle", className: "TakeoverHeader__close", iconName: "clear", size: "xsmall", onClick: onClose
|
|
37
|
+
onClose && (React.createElement(Button, { "aria-label": "close takeover", fill: "subtle", className: "TakeoverHeader__close", iconName: "clear", size: "xsmall", onClick: onClose })))));
|
|
38
38
|
};
|
|
39
39
|
TakeoverHeader.defaultProps = {
|
|
40
40
|
theme: 'dark',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TakeoverHeader.js","sourceRoot":"","sources":["../../../src/components/Takeover/TakeoverHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE1D,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AA6BrC,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EASvD,EAAE,EAAE;QATmD,EACvD,OAAO,EACP,SAAS,EACT,SAAS,EACT,MAAM,EACN,OAAO,EACP,KAAK,EACL,KAAK,OAEL,EADG,KAAK,cAR+C,4EASvD,CADQ;IAER,MAAM,qBAAqB,GAAG,UAAU,CACvC,gBAAgB,EAChB,SAAS,EACT,mBAAmB,KAAK,EAAE,CAC1B,CAAC;IAEF,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IAEnC,MAAM,YAAY,GAAG,GAAG,EAAE;QACzB,IAAI,CAAC,MAAM;YAAE,OAAO;QACpB,IAAI,UAAU,CAAC,WAAW,CAAC,MAAM,EAAE;YAClC,OAAO,CACN,oBAAC,OAAO,IACP,IAAI,EAAE,SAAS,EACf,MAAM,QACN,SAAS,EAAC,IAAI,EACd,SAAS,EAAC,WAAW;gBAErB,oBAAC,MAAM,IACN,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAC,cAAc,EACvB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,uBAAuB,gBACrB,SAAS,EACrB,OAAO,EAAE,MAAM,GACd,CACO,CACV,CAAC;SACF;QACD,OAAO,CACN,oBAAC,QAAQ,IACR,SAAS,EAAC,2BAA2B,EACrC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,MAAM,GACd,CACF,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACN,2CAAK,SAAS,EAAE,qBAAqB,IAAM,KAAK;QAC/C,6BAAK,SAAS,EAAC,sBAAsB,IAAE,YAAY,EAAE,CAAO;QAC3D,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAC9B,KAAK,CACL,CAAC,CAAC,CAAC,CACH,oBAAC,QAAQ,IAAC,SAAS,EAAC,uBAAuB,IAAE,KAAK,CAAY,CAC9D;QACD,6BAAK,SAAS,EAAC,uBAAuB;YACpC,OAAO,IAAI,CACX,6BAAK,SAAS,EAAC,yBAAyB,IAAE,OAAO,CAAO,CACxD;YACA,OAAO,IAAI,CACX,oBAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"TakeoverHeader.js","sourceRoot":"","sources":["../../../src/components/Takeover/TakeoverHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE1D,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AA6BrC,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EASvD,EAAE,EAAE;QATmD,EACvD,OAAO,EACP,SAAS,EACT,SAAS,EACT,MAAM,EACN,OAAO,EACP,KAAK,EACL,KAAK,OAEL,EADG,KAAK,cAR+C,4EASvD,CADQ;IAER,MAAM,qBAAqB,GAAG,UAAU,CACvC,gBAAgB,EAChB,SAAS,EACT,mBAAmB,KAAK,EAAE,CAC1B,CAAC;IAEF,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IAEnC,MAAM,YAAY,GAAG,GAAG,EAAE;QACzB,IAAI,CAAC,MAAM;YAAE,OAAO;QACpB,IAAI,UAAU,CAAC,WAAW,CAAC,MAAM,EAAE;YAClC,OAAO,CACN,oBAAC,OAAO,IACP,IAAI,EAAE,SAAS,EACf,MAAM,QACN,SAAS,EAAC,IAAI,EACd,SAAS,EAAC,WAAW;gBAErB,oBAAC,MAAM,IACN,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAC,cAAc,EACvB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,uBAAuB,gBACrB,SAAS,EACrB,OAAO,EAAE,MAAM,GACd,CACO,CACV,CAAC;SACF;QACD,OAAO,CACN,oBAAC,QAAQ,IACR,SAAS,EAAC,2BAA2B,EACrC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,MAAM,GACd,CACF,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACN,2CAAK,SAAS,EAAE,qBAAqB,IAAM,KAAK;QAC/C,6BAAK,SAAS,EAAC,sBAAsB,IAAE,YAAY,EAAE,CAAO;QAC3D,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAC9B,KAAK,CACL,CAAC,CAAC,CAAC,CACH,oBAAC,QAAQ,IAAC,SAAS,EAAC,uBAAuB,IAAE,KAAK,CAAY,CAC9D;QACD,6BAAK,SAAS,EAAC,uBAAuB;YACpC,OAAO,IAAI,CACX,6BAAK,SAAS,EAAC,yBAAyB,IAAE,OAAO,CAAO,CACxD;YACA,OAAO,IAAI,CACX,oBAAC,MAAM,kBACK,gBAAgB,EAC3B,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,uBAAuB,EACjC,QAAQ,EAAC,OAAO,EAChB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,GACf,CACF,CACI,CACD,CACN,CAAC;AACH,CAAC,CAAC;AAEF,cAAc,CAAC,YAAY,GAAG;IAC7B,KAAK,EAAE,MAAM;CACb,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\nimport { useScreenSize } from '../../hooks/useScreenSize';\n\nimport { Headline } from '../Headline';\nimport { BackLink } from '../BackLink';\nimport { Button } from '../Button';\nimport { Tooltip } from '../Tooltip';\n\nexport interface TakeoverHeaderPropsStrict {\n\t/** Content for Action area next to close button */\n\tactions?: React.ReactElement;\n\n\t/** Adds one or more classnames to an element */\n\tbackLabel: string;\n\n\t/** Adds one or more classnames to an element */\n\tclassName?: string;\n\n\t/** If passed an onBack function, <Takeover.Header> gets a Back button in the top left */\n\tonBack?: (e: React.SyntheticEvent<HTMLElement>) => void;\n\n\t/** If passed an onClose function, <Takeover.Header> gets a Close button in the top right */\n\tonClose?: (e: React.SyntheticEvent<HTMLElement>) => void;\n\n\t/** Theme of Takeover */\n\ttheme?: 'dark' | 'light';\n\n\t/** Name of Takeover */\n\ttitle: string | React.ReactElement;\n}\n\nexport interface TakeoverHeaderProps extends TakeoverHeaderPropsStrict {\n\t[propName: string]: any;\n}\n\nexport const TakeoverHeader: FC<TakeoverHeaderProps> = ({\n\tactions,\n\tbackLabel,\n\tclassName,\n\tonBack,\n\tonClose,\n\ttheme,\n\ttitle,\n\t...props\n}) => {\n\tconst TakeoverHeaderClasses = classnames(\n\t\t'TakeoverHeader',\n\t\tclassName,\n\t\t`TakeoverHeader--${theme}`\n\t);\n\n\tconst screensize = useScreenSize();\n\n\tconst getBackLabel = () => {\n\t\tif (!onBack) return;\n\t\tif (screensize.smallerThan.tablet) {\n\t\t\treturn (\n\t\t\t\t<Tooltip\n\t\t\t\t\ttext={backLabel}\n\t\t\t\t\tportal\n\t\t\t\t\tdirection=\"br\"\n\t\t\t\t\tclassName=\"c-inherit\"\n\t\t\t\t>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tfill=\"subtle\"\n\t\t\t\t\t\ticonName=\"chevron_left\"\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tclassName=\"TakeoverHeader__close\"\n\t\t\t\t\t\taria-label={backLabel}\n\t\t\t\t\t\tonClick={onBack}\n\t\t\t\t\t/>\n\t\t\t\t</Tooltip>\n\t\t\t);\n\t\t}\n\t\treturn (\n\t\t\t<BackLink\n\t\t\t\tclassName=\"TakeoverHeader__back-link\"\n\t\t\t\tpageLabel={backLabel}\n\t\t\t\tonClick={onBack}\n\t\t\t/>\n\t\t);\n\t};\n\n\treturn (\n\t\t<div className={TakeoverHeaderClasses} {...props}>\n\t\t\t<div className=\"TakeoverHeader__left\">{getBackLabel()}</div>\n\t\t\t{React.isValidElement(title) ? (\n\t\t\t\ttitle\n\t\t\t) : (\n\t\t\t\t<Headline className=\"TakeoverHeader__title\">{title}</Headline>\n\t\t\t)}\n\t\t\t<div className=\"TakeoverHeader__right\">\n\t\t\t\t{actions && (\n\t\t\t\t\t<div className=\"TakeoverHeader__actions\">{actions}</div>\n\t\t\t\t)}\n\t\t\t\t{onClose && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\taria-label=\"close takeover\"\n\t\t\t\t\t\tfill=\"subtle\"\n\t\t\t\t\t\tclassName=\"TakeoverHeader__close\"\n\t\t\t\t\t\ticonName=\"clear\"\n\t\t\t\t\t\tsize=\"xsmall\"\n\t\t\t\t\t\tonClick={onClose}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nTakeoverHeader.defaultProps = {\n\ttheme: 'dark',\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TakeoverSection.js","sourceRoot":"","sources":["../../../src/components/Takeover/TakeoverSection.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAWpC,MAAM,CAAC,MAAM,eAAe,GAA6B,CAAC,EAIzD,EAAE,EAAE;QAJqD,EACzD,QAAQ,EACR,SAAS,OAET,EADG,KAAK,cAHiD,yBAIzD,CADQ;IAER,MAAM,sBAAsB,GAAG,UAAU,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC;IAExE,OAAO,CACN,2CAAK,SAAS,EAAE,sBAAsB,IAAM,KAAK,GAC/C,QAAQ,CACJ,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC"}
|
|
1
|
+
{"version":3,"file":"TakeoverSection.js","sourceRoot":"","sources":["../../../src/components/Takeover/TakeoverSection.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAWpC,MAAM,CAAC,MAAM,eAAe,GAA6B,CAAC,EAIzD,EAAE,EAAE;QAJqD,EACzD,QAAQ,EACR,SAAS,OAET,EADG,KAAK,cAHiD,yBAIzD,CADQ;IAER,MAAM,sBAAsB,GAAG,UAAU,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC;IAExE,OAAO,CACN,2CAAK,SAAS,EAAE,sBAAsB,IAAM,KAAK,GAC/C,QAAQ,CACJ,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\n\nexport interface TakeoverSectionPropsStrict {\n\t/** Adds one or more classnames to an element */\n\tclassName?: string;\n}\n\nexport interface TakeoverSectionProps extends TakeoverSectionPropsStrict {\n\t[propName: string]: any;\n}\n\nexport const TakeoverSection: FC<TakeoverSectionProps> = ({\n\tchildren,\n\tclassName,\n\t...props\n}) => {\n\tconst TakeoverSectionClasses = classnames('TakeoverSection', className);\n\n\treturn (\n\t\t<div className={TakeoverSectionClasses} {...props}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nTakeoverSection.displayName = 'TakeoverSection';\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Takeover/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Takeover/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC","sourcesContent":["export * from './Takeover';\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAmCvC,MAAM,CAAC,MAAM,IAAI,GAAkB,KAAK,CAAC,UAAU,CAClD,CACC,EAWC,EACD,GAAG,EACF,EAAE;QAbH,EACC,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,WAAW,GAAG,GAAG,EACrB,QAAQ,EACR,MAAM,EACN,MAAM,EACN,IAAI,GAAG,CAAC,EACR,OAAO,OAEP,EADG,KAAK,cAVT,0FAWC,CADQ;IAIT,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,OAAO,CAAC,IAAI,CACX,kIAAkI,CAClI,CAAC;QAEF,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,OAAO,CAAC,IAAI,CACX,wHAAwH,CACxH,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,UAAU,CAAC,MAAM,EAAE,SAAS,EAAE;QACjD,CAAC,MAAM,IAAI,EAAE,CAAC,EAAE,CAAC,MAAM;QACvB,SAAS,EAAE,IAAI,IAAI,QAAQ;QAC3B,WAAW,EAAE,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI;QAClC,KAAK,EAAE,MAAM;QACb,WAAW,EAAE,MAAM;QACnB,WAAW,EAAE,CAAC,MAAM,IAAI,MAAM,IAAI,IAAI;QACtC,cAAc,EAAE,OAAO;QACvB,+BAA+B,EAAE,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,GAAG;KAC3D,CAAC,CAAC;IAEH,IAAI,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,GAAG,EAAE;QAC/B,MAAM,aAAa,mBAClB,QAAQ;YACR,SAAS;YACT,MAAM;YACN,MAAM;YACN,OAAO,IACJ,KAAK,CACR,CAAC;QACF,OAAO,CACN,oBAAC,QAAQ,kBACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,WAAW,IACX,aAAa,EAChB,CACF,CAAC;KACF;IACD,OAAO,CACN,oBAAC,WAAW,kBACX,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,WAAW,0BACD,MAAM,IACvB,KAAK,GAER,QAAQ,CACI,CACd,CAAC;AACH,CAAC,CACD,CAAC"}
|
|
1
|
+
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAmCvC,MAAM,CAAC,MAAM,IAAI,GAAkB,KAAK,CAAC,UAAU,CAClD,CACC,EAWC,EACD,GAAG,EACF,EAAE;QAbH,EACC,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,WAAW,GAAG,GAAG,EACrB,QAAQ,EACR,MAAM,EACN,MAAM,EACN,IAAI,GAAG,CAAC,EACR,OAAO,OAEP,EADG,KAAK,cAVT,0FAWC,CADQ;IAIT,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,OAAO,CAAC,IAAI,CACX,kIAAkI,CAClI,CAAC;QAEF,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,OAAO,CAAC,IAAI,CACX,wHAAwH,CACxH,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,UAAU,CAAC,MAAM,EAAE,SAAS,EAAE;QACjD,CAAC,MAAM,IAAI,EAAE,CAAC,EAAE,CAAC,MAAM;QACvB,SAAS,EAAE,IAAI,IAAI,QAAQ;QAC3B,WAAW,EAAE,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI;QAClC,KAAK,EAAE,MAAM;QACb,WAAW,EAAE,MAAM;QACnB,WAAW,EAAE,CAAC,MAAM,IAAI,MAAM,IAAI,IAAI;QACtC,cAAc,EAAE,OAAO;QACvB,+BAA+B,EAAE,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,GAAG;KAC3D,CAAC,CAAC;IAEH,IAAI,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,GAAG,EAAE;QAC/B,MAAM,aAAa,mBAClB,QAAQ;YACR,SAAS;YACT,MAAM;YACN,MAAM;YACN,OAAO,IACJ,KAAK,CACR,CAAC;QACF,OAAO,CACN,oBAAC,QAAQ,kBACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,WAAW,IACX,aAAa,EAChB,CACF,CAAC;KACF;IACD,OAAO,CACN,oBAAC,WAAW,kBACX,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,WAAW,0BACD,MAAM,IACvB,KAAK,GAER,QAAQ,CACI,CACd,CAAC;AACH,CAAC,CACD,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\nimport { Headline } from '../Headline';\n\n/**\n * Text properties\n */\nexport interface TextPropsStrict {\n\t/** Bold */\n\tbold?: 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/** *Deprecated* Use `bold` prop instead */\n\theadline?: boolean;\n\n\t/** Set style `display: inline;` to nest Text components */\n\tinline?: boolean;\n\n\t/** Set style to italic */\n\titalic?: boolean;\n\n\t/** Font size, 1 for smallest, 6 for largest */\n\tsize?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | '1' | '2' | '3' | '4' | '5' | '6' | '7';\n\n\t/** Deemphasized text */\n\tsubdued?: boolean;\n}\n\nexport interface TextProps extends TextPropsStrict {\n\t[propName: string]: any;\n}\n\nexport const Text: FC<TextProps> = React.forwardRef(\n\t(\n\t\t{\n\t\t\tbold,\n\t\t\tchildren,\n\t\t\tclassName,\n\t\t\tel: TextElement = 'p',\n\t\t\theadline,\n\t\t\tinline,\n\t\t\titalic,\n\t\t\tsize = 3,\n\t\t\tsubdued,\n\t\t\t...props\n\t\t},\n\t\tref\n\t) => {\n\t\tReact.useEffect(() => {\n\t\t\tconsole.warn(\n\t\t\t\t'@servicetitan/design-system: The Text component will be deprecated. Please use Headline, BodyText, or Eyebrow component instead.'\n\t\t\t);\n\n\t\t\tif (!headline) return;\n\t\t\tconsole.warn(\n\t\t\t\t'@servicetitan/design-system: The `headline` prop of the Text component has been deprecated. Please use `bold` instead.'\n\t\t\t);\n\t\t});\n\n\t\tconst TextClasses = classnames('Text', className, {\n\t\t\t[`fs-${size}`]: !inline,\n\t\t\t'fw-bold': bold || headline,\n\t\t\t'fw-normal': !bold && bold != null,\n\t\t\t'd-i': inline,\n\t\t\t'fs-italic': italic,\n\t\t\t'fs-normal': !italic && italic != null,\n\t\t\t'c-neutral-90': subdued,\n\t\t\t'ff-display lh-display fw-bold': size === 7 || size === '7',\n\t\t});\n\n\t\tif (size === 6 || size === '6') {\n\t\t\tconst headlineProps = {\n\t\t\t\tchildren,\n\t\t\t\tclassName,\n\t\t\t\tinline,\n\t\t\t\titalic,\n\t\t\t\tsubdued,\n\t\t\t\t...props,\n\t\t\t};\n\t\t\treturn (\n\t\t\t\t<Headline\n\t\t\t\t\tref={ref}\n\t\t\t\t\tsize=\"xlarge\"\n\t\t\t\t\tel={TextElement}\n\t\t\t\t\t{...headlineProps}\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\t\treturn (\n\t\t\t<TextElement\n\t\t\t\tref={ref}\n\t\t\t\tclassName={TextClasses}\n\t\t\t\tdata-anvil-component=\"Text\"\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</TextElement>\n\t\t);\n\t}\n);\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.test.js","sourceRoot":"","sources":["../../../src/components/Text/Text.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,IAAC,SAAS,EAAC,aAAa,mBAAe,qBAAqB,iCAE1D,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":"Text.test.js","sourceRoot":"","sources":["../../../src/components/Text/Text.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,IAAC,SAAS,EAAC,aAAa,mBAAe,qBAAqB,iCAE1D,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 { Text } from './Text';\n\ndescribe('Text', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Text className=\"m-x-8 m-y-4\" data-auto-sel=\"automation-selector\">\n\t\t\t\tLorem ipsum dolor sit amet\n\t\t\t</Text>\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/Text/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Text/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC","sourcesContent":["export * from './Text';\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,gBAAgB,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAwDhD,MAAM,OAAO,QAAS,SAAQ,SAAwB;IAAtD;;QACS,gBAAW,GAAyC,SAAS,EAAE,CAAC;QAKxE,UAAK,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QAC/C,WAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;QAEjD,iBAAY,GAAG,CAAC,CAAyC,EAAE,EAAE;YAC5D,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;gBACxB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,kCAAO,IAAI,CAAC,KAAK,KAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,IAAG,CAAC;aACjE;QACF,CAAC,CAAC;QAEF,gBAAW,GAAG,CAAC,CAAuB,EAAE,EAAE;YACzC,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;gBACvB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,kCAChB,IAAI,CAAC,KAAK,KACb,KAAK,EAAG,CAAC,CAAC,MAA8B,CAAC,KAAK,IAC7C,CAAC;aACH;QACF,CAAC,CAAC;IAsDH,CAAC;IApDA,MAAM;QACL,MAAM,KAUF,IAAI,CAAC,KAAK,EAVR,EACL,UAAU,EACV,SAAS,EACT,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,OAAO,EACP,IAAI,GAAG,CAAC,EACR,OAAO,GAAG,EAAE,OAEC,EADV,IAAI,cATF,0FAUL,CAAa,CAAC;QACf,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;QAE3C,MAAM,eAAe,GAAG,UAAU,CAAC,UAAU,EAAE,SAAS,EAAE;YACzD,oBAAoB,EAAE,QAAQ;YAC9B,iBAAiB,EAAE,KAAK;YACxB,uBAAuB,EAAE,UAAU;SACnC,CAAC,CAAC;QAEH,MAAM,QAAQ,GAAG,CAChB,kDACK,IAAI,IACR,SAAS,EAAE,eAAe,EAC1B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,IAAI,CAAC,WAAW,EACrB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,OAAO,0BACP,UAAU,IAC9B,CACF,CAAC;QAEF,MAAM,kBAAkB,GAAG,CAC1B,oBAAC,gBAAgB,oBACZ,IAAI,IACR,SAAS,EAAE,eAAe,EAC1B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,OAAO,EAAE,IAAI,EACb,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,IAAI,CAAC,WAAW,EACrB,iBAAiB,QACjB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,OAAO,0BACP,UAAU,IAC9B,CACF,CAAC;QAEF,OAAO,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,QAAQ,CAAC;IACnD,CAAC;;AAzEM,oBAAW,GAAG,UAAU,CAAC;AACzB,oBAAW,GAAG,gBAAgB,CAAC"}
|
|
1
|
+
{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,gBAAgB,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAwDhD,MAAM,OAAO,QAAS,SAAQ,SAAwB;IAAtD;;QACS,gBAAW,GAAyC,SAAS,EAAE,CAAC;QAKxE,UAAK,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QAC/C,WAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;QAEjD,iBAAY,GAAG,CAAC,CAAyC,EAAE,EAAE;YAC5D,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;gBACxB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,kCAAO,IAAI,CAAC,KAAK,KAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,IAAG,CAAC;aACjE;QACF,CAAC,CAAC;QAEF,gBAAW,GAAG,CAAC,CAAuB,EAAE,EAAE;YACzC,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;gBACvB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,kCAChB,IAAI,CAAC,KAAK,KACb,KAAK,EAAG,CAAC,CAAC,MAA8B,CAAC,KAAK,IAC7C,CAAC;aACH;QACF,CAAC,CAAC;IAsDH,CAAC;IApDA,MAAM;QACL,MAAM,KAUF,IAAI,CAAC,KAAK,EAVR,EACL,UAAU,EACV,SAAS,EACT,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,OAAO,EACP,IAAI,GAAG,CAAC,EACR,OAAO,GAAG,EAAE,OAEC,EADV,IAAI,cATF,0FAUL,CAAa,CAAC;QACf,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;QAE3C,MAAM,eAAe,GAAG,UAAU,CAAC,UAAU,EAAE,SAAS,EAAE;YACzD,oBAAoB,EAAE,QAAQ;YAC9B,iBAAiB,EAAE,KAAK;YACxB,uBAAuB,EAAE,UAAU;SACnC,CAAC,CAAC;QAEH,MAAM,QAAQ,GAAG,CAChB,kDACK,IAAI,IACR,SAAS,EAAE,eAAe,EAC1B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,IAAI,CAAC,WAAW,EACrB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,OAAO,0BACP,UAAU,IAC9B,CACF,CAAC;QAEF,MAAM,kBAAkB,GAAG,CAC1B,oBAAC,gBAAgB,oBACZ,IAAI,IACR,SAAS,EAAE,eAAe,EAC1B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,OAAO,EAAE,IAAI,EACb,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,IAAI,CAAC,WAAW,EACrB,iBAAiB,QACjB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,OAAO,0BACP,UAAU,IAC9B,CACF,CAAC;QAEF,OAAO,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,QAAQ,CAAC;IACnD,CAAC;;AAzEM,oBAAW,GAAG,UAAU,CAAC;AACzB,oBAAW,GAAG,gBAAgB,CAAC","sourcesContent":["import React, { Component, createRef } from 'react';\nimport classnames from 'classnames';\nimport TextareaAutosize from 'react-textarea-autosize';\nimport { FormFieldContext } from '../FormField';\n\nexport type TextAreaElement = Pick<HTMLTextAreaElement, 'focus' | 'select'>;\n\n/**\n * TextArea properties\n */\nexport interface TextAreaPropsStrict {\n\t/** Auto height mode on typing */\n\tautoHeight?: boolean;\n\n\t/** Additional classes */\n\tclassName?: string;\n\n\t/** A TextArea can show that it is disabled. */\n\tdisabled?: boolean;\n\n\t/** Visual error state for the Textarea */\n\terror?: boolean;\n\n\t/** *autoHeight={true} required* Maximum rows limit for Textarea */\n\tmaxRows?: number;\n\n\t/**\n\t * Called on value change.\n\t * @param {ChangeEvent} event - React's original SyntheticEvent.\n\t * @param {object} data - All props and a proposed value.\n\t */\n\tonChange?: (\n\t\tevent: React.ChangeEvent<HTMLTextAreaElement>,\n\t\tdata: TextAreaOnChangeData\n\t) => void;\n\n\t/**\n\t * Called on input.\n\t * @param {SyntheticEvent} event - The React SyntheticEvent object\n\t * @param {object} data - All props and the event value.\n\t */\n\tonInput?: (event: React.SyntheticEvent, data: TextAreaOnChangeData) => void;\n\n\t/** Indicates row count for a TextArea. */\n\trows?: number;\n\n\t/** The value of the textarea. */\n\tvalue?: string;\n}\n\nexport interface TextAreaProps extends TextAreaPropsStrict {\n\t/** Unstrict Props */\n\t[propName: string]: any;\n}\n\nexport interface TextAreaOnChangeData extends TextAreaProps {\n\tvalue: string;\n}\n\nexport class TextArea extends Component<TextAreaProps> {\n\tprivate textAreaRef: React.RefObject<HTMLTextAreaElement> = createRef();\n\tstatic displayName = 'TextArea';\n\tstatic contextType = FormFieldContext;\n\tcontext!: React.ContextType<typeof FormFieldContext>;\n\n\tfocus = () => this.textAreaRef.current.focus();\n\tselect = () => this.textAreaRef.current.select();\n\n\thandleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n\t\tif (this.props.onChange) {\n\t\t\tthis.props.onChange(e, { ...this.props, value: e.target.value });\n\t\t}\n\t};\n\n\thandleInput = (e: React.SyntheticEvent) => {\n\t\tif (this.props.onInput) {\n\t\t\tthis.props.onInput(e, {\n\t\t\t\t...this.props,\n\t\t\t\tvalue: (e.target as HTMLTextAreaElement).value,\n\t\t\t});\n\t\t}\n\t};\n\n\trender() {\n\t\tconst {\n\t\t\tautoHeight,\n\t\t\tclassName,\n\t\t\tdisabled,\n\t\t\terror,\n\t\t\tonChange,\n\t\t\tonInput,\n\t\t\trows = 3,\n\t\t\tmaxRows = 16,\n\t\t\t...rest\n\t\t} = this.props;\n\t\tconst { labelFor: inputId } = this.context;\n\n\t\tconst TextAreaClasses = classnames('TextArea', className, {\n\t\t\t'TextArea--disabled': disabled,\n\t\t\t'TextArea--error': error,\n\t\t\t'TextArea--auto-height': autoHeight,\n\t\t});\n\n\t\tconst textarea = (\n\t\t\t<textarea\n\t\t\t\t{...rest}\n\t\t\t\tclassName={TextAreaClasses}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tonChange={this.handleChange}\n\t\t\t\tonInput={this.handleInput}\n\t\t\t\trows={rows}\n\t\t\t\tref={this.textAreaRef}\n\t\t\t\tid={this.props.id || inputId}\n\t\t\t\tdata-anvil-component=\"TextArea\"\n\t\t\t/>\n\t\t);\n\n\t\tconst textareaAutoHeight = (\n\t\t\t<TextareaAutosize\n\t\t\t\t{...rest}\n\t\t\t\tclassName={TextAreaClasses}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tonChange={this.handleChange}\n\t\t\t\tonInput={this.handleInput}\n\t\t\t\tminRows={rows}\n\t\t\t\tmaxRows={maxRows}\n\t\t\t\tref={this.textAreaRef}\n\t\t\t\tcacheMeasurements\n\t\t\t\tid={this.props.id || inputId}\n\t\t\t\tdata-anvil-component=\"TextArea\"\n\t\t\t/>\n\t\t);\n\n\t\treturn autoHeight ? textareaAutoHeight : textarea;\n\t}\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.test.js","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.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,YAAY,EAAC,uBAAuB,EACpC,WAAW,EAAC,aAAa,mBACX,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":"TextArea.test.js","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.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,YAAY,EAAC,uBAAuB,EACpC,WAAW,EAAC,aAAa,mBACX,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 { TextArea } from './TextArea';\n\ndescribe('TextArea', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<TextArea\n\t\t\t\tdefaultValue=\"Value is already set.\"\n\t\t\t\tplaceholder=\"Placeholder\"\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/TextArea/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TextArea/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC","sourcesContent":["export * from './TextArea';\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Thumbnail.js","sourceRoot":"","sources":["../../../src/components/Thumbnail/Thumbnail.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,IAAK,cAMJ;AAND,WAAK,cAAc;IAClB,2BAAS,CAAA;IACT,yBAAO,CAAA;IACP,yBAAO,CAAA;IACP,yBAAO,CAAA;IACP,2BAAS,CAAA;AACV,CAAC,EANI,cAAc,KAAd,cAAc,QAMlB;AAsCD,MAAM,CAAC,MAAM,SAAS,GAAc,CAAC,EAUpC,EAAE,EAAE;QAVgC,EACpC,GAAG,EACH,GAAG,EACH,IAAI,GAAG,cAAc,CAAC,CAAC,EACvB,GAAG,GAAG,OAAO,EACb,OAAO,GAAG,MAAM,EAChB,SAAS,EACT,OAAO,EACP,OAAO,GAAG,IAAI,OAEd,EADG,KAAK,cAT4B,2EAUpC,CADQ;IAER,MAAM,mBAAmB,GAAG,UAAU,CACrC,WAAW,EACX,SAAS,CAAC,IAAI,CAAC,EACf,QAAQ,CAAC,GAAG,CAAC,EACb,SAAS,EACT;QACC,iBAAiB,EAAE,OAAO,KAAK,MAAM;QACrC,sBAAsB,EAAE,CAAC,CAAC,OAAO;KACjC,CACD,CAAC;IACF,OAAO,CACN,2CACC,SAAS,EAAE,mBAAmB,EAC9B,OAAO,EAAE,OAAO,0BACK,WAAW,IAC5B,KAAK;QAET,6BAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAI;QAC1B,OAAO,KAAK,IAAI,IAAI,CACpB,6BAAK,SAAS,EAAC,oBAAoB,IAAE,OAAO,CAAO,CACnD,CACI,CACN,CAAC;AACH,CAAC,CAAC;AAEF,SAAS,CAAC,KAAK,GAAG,cAAc,CAAC;AACjC,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,SAAS,SAAS,CAAC,IAAoB;IACtC,OAAO,cAAc,IAAI,EAAE,CAAC;AAC7B,CAAC;AAED,SAAS,QAAQ,CAAC,GAAY;IAC7B,OAAO,cAAc,GAAG,EAAE,CAAC;AAC5B,CAAC"}
|
|
1
|
+
{"version":3,"file":"Thumbnail.js","sourceRoot":"","sources":["../../../src/components/Thumbnail/Thumbnail.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,IAAK,cAMJ;AAND,WAAK,cAAc;IAClB,2BAAS,CAAA;IACT,yBAAO,CAAA;IACP,yBAAO,CAAA;IACP,yBAAO,CAAA;IACP,2BAAS,CAAA;AACV,CAAC,EANI,cAAc,KAAd,cAAc,QAMlB;AAsCD,MAAM,CAAC,MAAM,SAAS,GAAc,CAAC,EAUpC,EAAE,EAAE;QAVgC,EACpC,GAAG,EACH,GAAG,EACH,IAAI,GAAG,cAAc,CAAC,CAAC,EACvB,GAAG,GAAG,OAAO,EACb,OAAO,GAAG,MAAM,EAChB,SAAS,EACT,OAAO,EACP,OAAO,GAAG,IAAI,OAEd,EADG,KAAK,cAT4B,2EAUpC,CADQ;IAER,MAAM,mBAAmB,GAAG,UAAU,CACrC,WAAW,EACX,SAAS,CAAC,IAAI,CAAC,EACf,QAAQ,CAAC,GAAG,CAAC,EACb,SAAS,EACT;QACC,iBAAiB,EAAE,OAAO,KAAK,MAAM;QACrC,sBAAsB,EAAE,CAAC,CAAC,OAAO;KACjC,CACD,CAAC;IACF,OAAO,CACN,2CACC,SAAS,EAAE,mBAAmB,EAC9B,OAAO,EAAE,OAAO,0BACK,WAAW,IAC5B,KAAK;QAET,6BAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAI;QAC1B,OAAO,KAAK,IAAI,IAAI,CACpB,6BAAK,SAAS,EAAC,oBAAoB,IAAE,OAAO,CAAO,CACnD,CACI,CACN,CAAC;AACH,CAAC,CAAC;AAEF,SAAS,CAAC,KAAK,GAAG,cAAc,CAAC;AACjC,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,SAAS,SAAS,CAAC,IAAoB;IACtC,OAAO,cAAc,IAAI,EAAE,CAAC;AAC7B,CAAC;AAED,SAAS,QAAQ,CAAC,GAAY;IAC7B,OAAO,cAAc,GAAG,EAAE,CAAC;AAC5B,CAAC","sourcesContent":["import React, { FC, ReactNode } from 'react';\nimport classnames from 'classnames';\n\nenum ThumbnailSizes {\n\tXS = 'XS',\n\tS = 'S',\n\tM = 'M',\n\tL = 'L',\n\tXL = 'XL',\n}\n\ntype fitType = 'contain' | 'cover' | 'fill' | 'none';\n\nexport interface ThumbnailPropsStrict {\n\t/** Image source path */\n\tsrc: string;\n\n\t/** Alternate text for image */\n\talt?: string;\n\n\t/** Controls the width and height of thumbnail */\n\tsize?: ThumbnailSizes;\n\n\t/** Adds one or more classNames for thumbnail */\n\tclassName?: string;\n\n\t/** Adds padding from all sides */\n\tpadding?: 'none' | 'thin';\n\n\t/** Set how image should be resized to fit it's border */\n\tfit?: fitType;\n\n\t/** What happens when user clicks the thumbnail */\n\tonClick?: (e: React.SyntheticEvent<HTMLElement>) => void;\n\n\t/** Adds transparent layer and will set given ReactNode over thumbnail */\n\toverlay?: ReactNode;\n}\n\nexport interface ThumbnailProps extends ThumbnailPropsStrict {\n\t[propName: string]: any;\n}\n\nexport interface Thumbnail extends FC<ThumbnailProps> {\n\tSizes: typeof ThumbnailSizes;\n}\n\nexport const Thumbnail: Thumbnail = ({\n\tsrc,\n\talt,\n\tsize = ThumbnailSizes.M,\n\tfit = 'cover',\n\tpadding = 'none',\n\tclassName,\n\tonClick,\n\toverlay = null,\n\t...props\n}) => {\n\tconst ThumbnailClassNames = classnames(\n\t\t'Thumbnail',\n\t\tsizeClass(size),\n\t\tfitClass(fit),\n\t\tclassName,\n\t\t{\n\t\t\t'Thumbnail--thin': padding === 'thin',\n\t\t\t'Thumbnail--clickable': !!onClick,\n\t\t}\n\t);\n\treturn (\n\t\t<div\n\t\t\tclassName={ThumbnailClassNames}\n\t\t\tonClick={onClick}\n\t\t\tdata-anvil-component=\"Thumbnail\"\n\t\t\t{...props}\n\t\t>\n\t\t\t<img src={src} alt={alt} />\n\t\t\t{overlay !== null && (\n\t\t\t\t<div className=\"Thumbnail__overlay\">{overlay}</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nThumbnail.Sizes = ThumbnailSizes;\nThumbnail.displayName = 'Thumbnail';\n\nfunction sizeClass(size: ThumbnailSizes): string {\n\treturn `Thumbnail--${size}`;\n}\n\nfunction fitClass(fit: fitType): string {\n\treturn `Thumbnail--${fit}`;\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Thumbnail.test.js","sourceRoot":"","sources":["../../../src/components/Thumbnail/Thumbnail.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IAC1B,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,SAAS,IACT,GAAG,EAAC,oDAAoD,EACxD,GAAG,EAAC,WAAW,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":"Thumbnail.test.js","sourceRoot":"","sources":["../../../src/components/Thumbnail/Thumbnail.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IAC1B,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,SAAS,IACT,GAAG,EAAC,oDAAoD,EACxD,GAAG,EAAC,WAAW,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 { Thumbnail } from './Thumbnail';\n\ndescribe('Thumbnail', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Thumbnail\n\t\t\t\tsrc=\"http://media.comicbook.com/2016/05/ig88-181139.jpg\"\n\t\t\t\talt=\"Something\"\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/Thumbnail/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Thumbnail/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC","sourcesContent":["export * from './Thumbnail';\n"]}
|
|
@@ -2,7 +2,8 @@ import { FC } from 'react';
|
|
|
2
2
|
import { InputProps } from '../Input';
|
|
3
3
|
import { PopoverProps } from '../Popover';
|
|
4
4
|
import { TimePickerOptionProps } from './components';
|
|
5
|
-
|
|
5
|
+
import { PopperProps } from '../../internal';
|
|
6
|
+
export interface TimePickerPropsStrict extends Omit<InputProps, 'value'>, Pick<PopoverProps, 'autoFlipVertically' | 'autoFlipHorizontally' | 'direction' | 'width'> {
|
|
6
7
|
/**
|
|
7
8
|
* If false, ignores `step` prop, so that user may fill in intermidiate values.
|
|
8
9
|
* If true, user only allowed to choose options generated with `step` prop,
|
|
@@ -50,6 +51,8 @@ export interface TimePickerPropsStrict extends Omit<InputProps, 'value' | 'place
|
|
|
50
51
|
open?: boolean;
|
|
51
52
|
/** Date object, unrestricted by min and max props */
|
|
52
53
|
value?: TimePickerOptionProps['value'];
|
|
54
|
+
/** Props to be passed to the portaled div */
|
|
55
|
+
portalDataAttributes?: PopperProps['portalDataAttributes'];
|
|
53
56
|
}
|
|
54
57
|
export interface TimePickerProps extends TimePickerPropsStrict {
|
|
55
58
|
/** Unstrict Props */
|