@servicetitan/design-system 14.0.0-react18.0 → 14.0.1
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.css +1 -0
- package/dist/components/AnvilSelect/components/Trigger.css.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.css +1 -0
- package/dist/components/AnvilSelect/index.css.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.css +22 -35
- package/dist/components/Button/Button.css.map +1 -1
- package/dist/components/Button/Button.js +1 -6
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Button/Button.test.js.map +1 -1
- package/dist/components/Button/index.css +22 -35
- package/dist/components/Button/index.css.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.css +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.css +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.css +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.css +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 +33 -13
- 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.css +23 -36
- package/dist/components/Icon/Icon.css.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.css +23 -36
- package/dist/components/Icon/index.css.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.css +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.css +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 +12 -2
- 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 +12 -2
- 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 +13 -8
- 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.css +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.css +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 +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.d.ts +5 -0
- package/dist/components/Toast/Toast.js +10 -2
- 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 +3 -1
- package/dist/components/Toast/ToastGroup.js.map +1 -1
- package/dist/components/Toast/ToastGroupContext.d.ts +4 -0
- package/dist/components/Toast/ToastGroupContext.js +3 -0
- package/dist/components/Toast/ToastGroupContext.js.map +1 -0
- 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 +43 -40
- 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 +56 -41
- package/dist/system.css.map +1 -1
- package/dist/system.js.map +1 -1
- package/dist/system.min.css +2 -2
- package/dist/themes/index.css +1 -1
- package/dist/themes/kendo/index.css +1 -1
- 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 +36 -10
- 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 +9 -9
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
align-items: center;
|
|
10
10
|
background-color: var(--colorsSurfaceGrey, #eeeeee);
|
|
11
11
|
border: 0;
|
|
12
|
-
border-radius:
|
|
12
|
+
border-radius: 6px;
|
|
13
13
|
box-sizing: border-box;
|
|
14
14
|
color: var(--colorsTextOnGrey, #444445);
|
|
15
15
|
cursor: pointer;
|
|
@@ -19,14 +19,15 @@
|
|
|
19
19
|
justify-content: center;
|
|
20
20
|
line-height: 1;
|
|
21
21
|
margin: 0;
|
|
22
|
-
outline: none;
|
|
23
22
|
padding: 12px 16px;
|
|
24
23
|
text-align: center;
|
|
25
24
|
text-decoration: none;
|
|
26
25
|
text-shadow: none;
|
|
27
|
-
transition: background cubic-bezier(0.4, 0, 0.2, 1) 100ms 0ms, color cubic-bezier(0.4, 0, 0.2, 1) 100ms 0ms;
|
|
26
|
+
transition: background cubic-bezier(0.4, 0, 0.2, 1) 100ms 0ms, color cubic-bezier(0.4, 0, 0.2, 1) 100ms 0ms, outline cubic-bezier(0.4, 0, 0.2, 1) 100ms 0ms, outline-offset cubic-bezier(0.4, 0, 0.2, 1) 100ms 0ms;
|
|
28
27
|
user-select: none;
|
|
29
28
|
position: relative;
|
|
29
|
+
outline-offset: 0;
|
|
30
|
+
outline: solid 0 transparent;
|
|
30
31
|
}
|
|
31
32
|
.Button::before {
|
|
32
33
|
content: "";
|
|
@@ -46,13 +47,13 @@
|
|
|
46
47
|
.Button:active::before, .Button.Button--selected::before {
|
|
47
48
|
background-color: var(--colorsActiveDefault, rgba(20, 20, 20, 0.2));
|
|
48
49
|
}
|
|
49
|
-
.Button
|
|
50
|
-
outline:
|
|
51
|
-
|
|
50
|
+
.Button:focus-visible {
|
|
51
|
+
outline-offset: 2px;
|
|
52
|
+
outline: solid 2px var(--colorsBorderPrimary, #0265dc);
|
|
52
53
|
}
|
|
53
54
|
.Button.Button--outline {
|
|
54
55
|
background-color: transparent;
|
|
55
|
-
box-shadow: inset 0 0 0 1px var(--colorsBorderDefault, #
|
|
56
|
+
box-shadow: inset 0 0 0 1px var(--colorsBorderDefault, #949596);
|
|
56
57
|
}
|
|
57
58
|
.Button.Button--outline:hover::before {
|
|
58
59
|
background-color: var(--colorsHoverOnGrey, rgba(20, 20, 20, 0.08));
|
|
@@ -60,9 +61,6 @@
|
|
|
60
61
|
.Button.Button--outline:active::before, .Button.Button--outline.Button--selected::before {
|
|
61
62
|
background-color: var(--colorsActiveOnGrey, rgba(20, 20, 20, 0.16));
|
|
62
63
|
}
|
|
63
|
-
.Button.Button--outline.Button--focus-visible:focus {
|
|
64
|
-
box-shadow: inset 0 0 0 1px var(--colorsBorderDefault, #444445), 0 0 0 3px var(--colorsFocusRingPrimary, #78bbfa);
|
|
65
|
-
}
|
|
66
64
|
.Button.Button--subtle {
|
|
67
65
|
background-color: transparent;
|
|
68
66
|
}
|
|
@@ -114,34 +112,31 @@ button.Button {
|
|
|
114
112
|
color: var(--colorsTextOnPrimary, white);
|
|
115
113
|
}
|
|
116
114
|
.Button--blue:hover::before {
|
|
117
|
-
background-color: var(--
|
|
115
|
+
background-color: var(--colorsHoverOnGrey, rgba(20, 20, 20, 0.08));
|
|
118
116
|
}
|
|
119
117
|
.Button--blue:active::before, .Button--blue.Button--selected::before {
|
|
120
|
-
background-color: var(--
|
|
118
|
+
background-color: var(--colorsActiveOnGrey, rgba(20, 20, 20, 0.16));
|
|
121
119
|
}
|
|
122
120
|
.Button--blue.Button--outline {
|
|
123
121
|
background-color: transparent;
|
|
124
|
-
box-shadow: inset 0 0 0 1px var(--
|
|
122
|
+
box-shadow: inset 0 0 0 1px var(--colorsBorderDefault, #949596);
|
|
125
123
|
color: var(--colorsTextPrimary, #0265dc);
|
|
126
124
|
}
|
|
127
125
|
.Button--blue.Button--outline:hover::before {
|
|
128
|
-
background-color: var(--
|
|
129
|
-
}
|
|
130
|
-
.Button--blue.Button--outline.Button--focus-visible:focus {
|
|
131
|
-
box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #0265dc), 0 0 0 3px var(--colorsFocusRingPrimary, #78bbfa);
|
|
126
|
+
background-color: var(--colorsHoverDefault, rgba(20, 20, 20, 0.08));
|
|
132
127
|
}
|
|
133
128
|
.Button--blue.Button--outline:active::before, .Button--blue.Button--outline.Button--selected::before {
|
|
134
|
-
background-color: var(--
|
|
129
|
+
background-color: var(--colorsActiveDefault, rgba(20, 20, 20, 0.2));
|
|
135
130
|
}
|
|
136
131
|
.Button--blue.Button--subtle {
|
|
137
132
|
background-color: transparent;
|
|
138
133
|
color: var(--colorsTextPrimary, #0265dc);
|
|
139
134
|
}
|
|
140
135
|
.Button--blue.Button--subtle:hover::before {
|
|
141
|
-
background-color: var(--
|
|
136
|
+
background-color: var(--colorsHoverDefault, rgba(20, 20, 20, 0.08));
|
|
142
137
|
}
|
|
143
138
|
.Button--blue.Button--subtle:active::before, .Button--blue.Button--subtle.Button--selected::before {
|
|
144
|
-
background-color: var(--
|
|
139
|
+
background-color: var(--colorsActiveDefault, rgba(20, 20, 20, 0.2));
|
|
145
140
|
}
|
|
146
141
|
|
|
147
142
|
.Button--red {
|
|
@@ -151,15 +146,15 @@ button.Button {
|
|
|
151
146
|
.Button--red:hover::before {
|
|
152
147
|
background-color: var(--colorsHoverOnCritical, rgba(255, 255, 255, 0.16));
|
|
153
148
|
}
|
|
149
|
+
.Button--red:focus-visible {
|
|
150
|
+
outline: solid 2px var(--colorsBorderCritical, #e13212);
|
|
151
|
+
}
|
|
154
152
|
.Button--red:active::before, .Button--red.Button--selected::before {
|
|
155
153
|
background-color: var(--colorsActiveOnCritical, rgba(20, 20, 20, 0.16));
|
|
156
154
|
}
|
|
157
|
-
.Button--red.Button--focus-visible:focus {
|
|
158
|
-
box-shadow: 0 0 0 3px var(--colorsFocusRingCritical, #ffb2a0);
|
|
159
|
-
}
|
|
160
155
|
.Button--red.Button--outline {
|
|
161
156
|
background-color: transparent;
|
|
162
|
-
box-shadow: inset 0 0 0 1px var(--
|
|
157
|
+
box-shadow: inset 0 0 0 1px var(--colorsBorderDefault, #949596);
|
|
163
158
|
color: var(--colorsTextCritical, #bf2a00);
|
|
164
159
|
}
|
|
165
160
|
.Button--red.Button--outline:hover::before {
|
|
@@ -168,9 +163,6 @@ button.Button {
|
|
|
168
163
|
.Button--red.Button--outline:active::before, .Button--red.Button--outline.Button--selected::before {
|
|
169
164
|
background-color: var(--colorsActiveCritical, rgba(225, 50, 18, 0.3));
|
|
170
165
|
}
|
|
171
|
-
.Button--red.Button--outline.Button--focus-visible:focus {
|
|
172
|
-
box-shadow: inset 0 0 0 1px var(--colorsBorderCritical, #e13212), 0 0 0 3px var(--colorsFocusRingCritical, #ffb2a0);
|
|
173
|
-
}
|
|
174
166
|
.Button--red.Button--subtle {
|
|
175
167
|
background-color: transparent;
|
|
176
168
|
color: var(--colorsTextCritical, #bf2a00);
|
|
@@ -183,19 +175,14 @@ button.Button {
|
|
|
183
175
|
}
|
|
184
176
|
|
|
185
177
|
.Button--disabled, .Button--disabled.Button--outline, .Button--disabled.Button--subtle {
|
|
186
|
-
background:
|
|
187
|
-
color:
|
|
178
|
+
background: #bcbcbd;
|
|
179
|
+
color: #606162;
|
|
180
|
+
box-shadow: none;
|
|
188
181
|
opacity: 0.4;
|
|
189
182
|
}
|
|
190
183
|
.Button--disabled svg, .Button--disabled.Button--outline svg, .Button--disabled.Button--subtle svg {
|
|
191
184
|
opacity: 0.6;
|
|
192
185
|
}
|
|
193
|
-
.Button--disabled.Button--outline, .Button--disabled.Button--subtle {
|
|
194
|
-
background: transparent;
|
|
195
|
-
}
|
|
196
|
-
.Button--disabled.Button--outline {
|
|
197
|
-
box-shadow: inset 0 0 0 1px var(--colorsBorderDefault, #444445);
|
|
198
|
-
}
|
|
199
186
|
|
|
200
187
|
.Button--inactive {
|
|
201
188
|
pointer-events: none;
|
|
@@ -295,7 +282,7 @@ button.a-Icon {
|
|
|
295
282
|
}
|
|
296
283
|
button.a-Icon:focus {
|
|
297
284
|
border-radius: 3px;
|
|
298
|
-
box-shadow: 0 0 0
|
|
285
|
+
box-shadow: 0 0 0 1px var(--colorsBorderPrimary, #0265dc);
|
|
299
286
|
outline: 0;
|
|
300
287
|
}
|
|
301
288
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Button/Button.scss","../../../src/utilities/_component-reset.scss","../../../src/utilities/_font-smoothing.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/components/Icon/Icon.scss"],"names":[],"mappings":"AAAA;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Button/Button.scss","../../../src/utilities/_component-reset.scss","../../../src/utilities/_font-smoothing.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../node_modules/@servicetitan/tokens/core/appearances/light.scss","../../../src/components/Icon/Icon.scss"],"names":[],"mappings":"AAAA;ACoCA;ACjCC;EACA;AAEA;EACA;ECLC;EACA;EFqCD;EACA,kBA/BoB;EAgCpB;EACA,eGrBiB;EHsBjB;EACA,OAzCc;EA0Cd;EACA;EACA,WG0Fa;EHzFb,aG4DsB;EH3DtB;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACC;EAID;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAEA;EACC,kBAzDa;;AA+Dd;EACC,kBA1Dc;;AA8DhB;EACC;EACA,SA9Ec;;AAiFf;EACC;EACA;;AAGC;EACC,kBA5EY;;AAkFb;EACC,kBA7Ea;;AAkFhB;EACC;;AAGC;EACC,kBA7FY;;AAmGb;EACC,kBA9Fa;;;AAsGjB;EACC,WGEa;EHDb;;;AAGD;EACC,SGfW;EHgBX;;AAEA;EACC;;AAEA;EACC;EACA;;;AAKH;AAAA;EAEC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAKA;EAKC,OA5Ka;;;AAgLf;EACC,kBA1KoB;EA2KpB,OA/KiB;;AAkLhB;EACC,kBA/Ja;;AAqKd;EACC,kBAhKc;;AAoKhB;EACC;EACA;EACA,OAnMa;;AAsMZ;EACC,kBApLY;;AA0Lb;EACC,kBArLa;;AA0LhB;EACC;EACA,OArNa;;AAwNZ;EACC,kBAtMY;;AA4Mb;EACC,kBAvMa;;;AA6MjB;EACC,kBAhOqB;EAiOrB,OArOkB;;AAwOjB;EACC,kBArNiB;;AAyNnB;EACC,SApOe;;AAyOf;EACC,kBA1NkB;;AA8NpB;EACC;EACA;EACA,OA7Pc;;AAgQb;EACC,kBA9Oa;;AAoPd;EACC,kBA/Oc;;AAoPjB;EACC;EACA,OA/Qc;;AAkRb;EACC,kBAhQa;;AAsQd;EACC,kBAjQc;;;AAyQjB;EAGC,YI5PkC;EJ6PlC,OIhPyB;EJiPzB;EACA;;AAEA;EACC,SG/LgB;;;AHoMnB;EAAoB;;;AAGpB;EACC,WGjLa;EHkLb;;AAEA;EACC,WGnLY;EHoLZ;;;AAMF;EAAwB,WG5LV;;;AH8Ld;EACC;;AACA;EAAsB,SGnMR;;;AHsMf;EACC;;AACA;EAAsB;;;AAIvB;EAAgB;;;AAGhB;EAAsB;;;AAItB;EACC;IAAK;;;AAGN;EACC,SG5OkB;EH6OlB;EACA;;AAEA;EAAmB;;;AAGpB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EAAsB,eGxPV;;;AHyPZ;EAAuB,cGzPX;;;AH2PZ;EAA2B;;;AAE3B;EACC;EACA;;;AAGD;EAAoD;;;AK7XpD;EACC;EACA;EACA;;AAEA;EACC,eFYgB;EEXhB;EACA;;;AAIF;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;AAAA;EAAM","file":"index.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Icon/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Icon/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC","sourcesContent":["export * from './Icon';\n"]}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React, { FC } from 'react';
|
|
2
2
|
import { AnvilSelectOptionsProps } from '../AnvilSelect';
|
|
3
3
|
import { PopoverProps } from '../Popover';
|
|
4
|
+
import { PopperProps } from '../../internal';
|
|
4
5
|
export interface InlineEditPropsStrict {
|
|
5
6
|
/** Сontrol component to be shown on edit */
|
|
6
7
|
control?: (controlProps: ControlProps, actionProps: ActionProps) => any;
|
|
@@ -38,6 +39,8 @@ export interface InlineEditPropsStrict {
|
|
|
38
39
|
autoFocusControl?: boolean;
|
|
39
40
|
/** Custom placeholder text */
|
|
40
41
|
placeholder?: string;
|
|
42
|
+
/** Props to be passed to the portaled div */
|
|
43
|
+
portalDataAttributes?: PopperProps['portalDataAttributes'];
|
|
41
44
|
}
|
|
42
45
|
interface valueObject extends AnvilSelectOptionsProps {
|
|
43
46
|
title?: string;
|
|
@@ -20,7 +20,7 @@ import { Tag } from '../Tag';
|
|
|
20
20
|
import { keys } from '../../utilities/keyCodes';
|
|
21
21
|
const defaultDecoration = { icon: true, underline: true, color: true };
|
|
22
22
|
export const InlineEdit = forwardRef((_a, ref) => {
|
|
23
|
-
var { control: Control, decoration = defaultDecoration, onSave, onCancel, onChange, onClick, error: errorState = false, actionDirection = 'rb', actionLayout = 'inline', className, style, mode = 'read', value, width, showContentOnEdit, content: Content, autoFocusControl = true, id, placeholder = 'Enter value' } = _a, props = __rest(_a, ["control", "decoration", "onSave", "onCancel", "onChange", "onClick", "error", "actionDirection", "actionLayout", "className", "style", "mode", "value", "width", "showContentOnEdit", "content", "autoFocusControl", "id", "placeholder"]);
|
|
23
|
+
var { control: Control, decoration = defaultDecoration, onSave, onCancel, onChange, onClick, error: errorState = false, actionDirection = 'rb', actionLayout = 'inline', className, style, mode = 'read', value, width, showContentOnEdit, content: Content, autoFocusControl = true, id, placeholder = 'Enter value', portalDataAttributes } = _a, props = __rest(_a, ["control", "decoration", "onSave", "onCancel", "onChange", "onClick", "error", "actionDirection", "actionLayout", "className", "style", "mode", "value", "width", "showContentOnEdit", "content", "autoFocusControl", "id", "placeholder", "portalDataAttributes"]);
|
|
24
24
|
const normalizeValue = (value) => typeof value === 'string' || typeof value === 'number'
|
|
25
25
|
? String(value)
|
|
26
26
|
: value;
|
|
@@ -239,14 +239,15 @@ export const InlineEdit = forwardRef((_a, ref) => {
|
|
|
239
239
|
open: editing,
|
|
240
240
|
};
|
|
241
241
|
const actions = (React.createElement(ButtonGroup, { attached: true, className: ActionClasses },
|
|
242
|
-
React.createElement(Button, { small: true, ref: saveRef, className: "InlineEdit__save", primary: true, disabled: errorState, onClick: handleSave, onKeyDown: keyOnSave, type: "submit", iconName: "done" }),
|
|
243
|
-
React.createElement(Button, { small: true, ref: cancelRef, className: "InlineEdit__cancel", type: "reset", iconName: "clear", onClick: handleCancel, onKeyDown: keyOnCancel })));
|
|
242
|
+
React.createElement(Button, { "aria-label": "save changes", small: true, ref: saveRef, className: "InlineEdit__save", primary: true, disabled: errorState, onClick: handleSave, onKeyDown: keyOnSave, type: "submit", iconName: "done" }),
|
|
243
|
+
React.createElement(Button, { "aria-label": "discard changes", small: true, ref: cancelRef, className: "InlineEdit__cancel", type: "reset", iconName: "clear", onClick: handleCancel, onKeyDown: keyOnCancel })));
|
|
244
244
|
const updateStyle = Object.assign({ maxWidth: width !== undefined && typeof width === 'string'
|
|
245
245
|
? `${width}`
|
|
246
246
|
: width }, style);
|
|
247
|
-
return (React.createElement("span", { className: InlineEditClasses, style: updateStyle, ref: ref, "data-anvil-component": "InlineEdit" }, editing ? (actionLayout === 'floating' ? (React.createElement(
|
|
248
|
-
|
|
249
|
-
|
|
247
|
+
return (React.createElement("span", { className: InlineEditClasses, style: updateStyle, ref: ref, "data-anvil-component": "InlineEdit" }, editing ? (actionLayout === 'floating' ? (React.createElement("span", Object.assign({}, props),
|
|
248
|
+
React.createElement(Popover, { trigger: Control(controlProps, internalCompProps), portal: true, direction: actionDirection, contentNoPadding: true, padding: null, width: "auto", className: "InlineEdit__floating__body", open: editing, offset: {
|
|
249
|
+
distance: 8,
|
|
250
|
+
}, el: width === 'fluid' ? 'div' : 'span', portalDataAttributes: portalDataAttributes }, actions))) : (React.createElement(React.Fragment, null,
|
|
250
251
|
showContentOnEdit && readComponent,
|
|
251
252
|
Control(controlProps, internalCompProps),
|
|
252
253
|
actionLayout !== 'none' && actions))) : (readComponent)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InlineEdit.js","sourceRoot":"","sources":["../../../src/components/InlineEdit/InlineEdit.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"InlineEdit.js","sourceRoot":"","sources":["../../../src/components/InlineEdit/InlineEdit.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,UAAU,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,OAAO,EAAgB,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AA+FhD,MAAM,iBAAiB,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AAEvE,MAAM,CAAC,MAAM,UAAU,GAAwB,UAAU,CACxD,CACC,EAsBC,EACD,GAAqC,EACpC,EAAE;QAxBH,EACC,OAAO,EAAE,OAAO,EAChB,UAAU,GAAG,iBAAiB,EAC9B,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,KAAK,EAAE,UAAU,GAAG,KAAK,EACzB,eAAe,GAAG,IAAI,EACtB,YAAY,GAAG,QAAQ,EACvB,SAAS,EACT,KAAK,EACL,IAAI,GAAG,MAAM,EACb,KAAK,EACL,KAAK,EACL,iBAAiB,EACjB,OAAO,EAAE,OAAO,EAChB,gBAAgB,GAAG,IAAI,EACvB,EAAE,EACF,WAAW,GAAG,aAAa,EAC3B,oBAAoB,OAEpB,EADG,KAAK,cArBT,mQAsBC,CADQ;IAIT,MAAM,cAAc,GAAG,CAAC,KAAqC,EAAE,EAAE,CAChE,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ;QACrD,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QACf,CAAC,CAAC,KAAK,CAAC;IAEV,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;IACtE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC;IAC9D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IACnD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACtC,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACnC,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAEnC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,iCAAM,iBAAiB,GAAK,UAAU,EAAG,CAAC;IAEtE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,WAAW,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,IAAI,OAAO,CAAC,OAAO,EAAE;YACpB,WAAW,CACV,MAAM,CACL,MAAM;iBACJ,gBAAgB,CAAC,OAAO,CAAC,OAAO,CAAC;iBACjC,gBAAgB,CAAC,WAAW,CAAC;iBAC7B,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,CACD,CAAC;SACF;IACF,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,GAAG,EAAE;QACvB,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAC;QACZ,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,WAAW,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACxB,UAAU,CAAC,CAAC,SAAS,EAAE,EAAE;YACxB,SAAS,KAAK,IAAI,IAAI,WAAW,CAAC,IAAI,CAAC,CAAC;YACxC,OAAO,KAAK,CAAC;QACd,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;;QACpB,QAAQ,KAAI,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,0CAAE,KAAK,EAAE,CAAA,CAAC;IACvC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,IAAI,IAAI,KAAK,MAAM;YAAE,UAAU,CAAC,IAAI,CAAC,CAAC;QACtC,IAAI,IAAI,KAAK,MAAM,EAAE;YACpB,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,WAAW,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;SACnC;IACF,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;IAElB,MAAM,iBAAiB,GAAG,CAAC,CAAsB,EAAE,EAAE;QACpD,MAAM,cAAc,GAAG,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,KAAK,CAAC;QAC5C,MAAM,cAAc,GAAG,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,KAAK,CAAC;QAC5C,IAAI,cAAc,IAAI,cAAc,EAAE;YACrC,UAAU,EAAE,CAAC;YACb,CAAC,CAAC,cAAc,EAAE,CAAC;SACnB;IACF,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACzB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,EAAI,CAAC;QACb,WAAW,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;QACnC,WAAW,EAAE,CAAC;IACf,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACvB,IAAI,UAAU;YAAE,OAAO,CAAC,gCAAgC;QACxD,MAAM,aAAN,MAAM,uBAAN,MAAM,iCAAQ,YAAY,KAAE,KAAK,EAAE,QAAQ,IAAG,CAAC;QAC/C,WAAW,EAAE,CAAC;IACf,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,CAA0B,EAAE,IAAS,EAAE,EAAE;QAChE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,EAAE,IAAI,CAAC,CAAC;QACpB,IACC,CAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,MAAM,aAAY,gBAAgB;YACrC,CAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,MAAM,aAAY,mBAAmB,EACvC;YACD,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SACxB;aAAM;YACN,WAAW,CAAC,CAAC,CAAC,CAAC;SACf;IACF,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,CAAsB,EAAE,EAAE;;QAClD,MAAM,YAAY,GAAG,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,GAAG,CAAC;QACxC,IAAI,YAAY,EAAE;YACjB,IAAI,CAAA,MAAA,UAAU,CAAC,OAAO,CAAC,KAAK,0CAAE,SAAS,MAAK,IAAI,EAAE;gBACjD,OAAO,CAAC,CAAC;aACT;YACD,YAAY,EAAE,CAAC;YACf,CAAC,CAAC,cAAc,EAAE,CAAC;SACnB;IACF,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,CAAsB,EAAE,EAAE;QAC9C,eAAe,CAAC,CAAC,CAAC,CAAC;QACnB,MAAM,YAAY,GAAG,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,GAAG,IAAI,YAAY,KAAK,MAAM,CAAC;QACnE,IAAI,CAAC,YAAY;YAAE,OAAO;QAC1B,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE;YAChB,SAAS;YACT,UAAU,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SAC3B;aAAM;YACN,iBAAiB;YACjB,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SACxB;IACF,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,CAAsB,EAAE,EAAE;QAC/C,eAAe,CAAC,CAAC,CAAC,CAAC;QACnB,MAAM,YAAY,GAAG,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,GAAG,IAAI,YAAY,KAAK,MAAM,CAAC;QACnE,IAAI,CAAC,YAAY;YAAE,OAAO;QAC1B,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE;YAChB,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SAClC;aAAM;YACN,iBAAiB;YACjB,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SAC1B;IACF,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,CAAsB,EAAE,EAAE;QAC5C,eAAe,CAAC,CAAC,CAAC,CAAC;QACnB,MAAM,YAAY,GAAG,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,GAAG,IAAI,YAAY,KAAK,MAAM,CAAC;QACnE,IAAI,CAAC,YAAY;YAAE,OAAO;QAC1B,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE;YAChB,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SACpC;aAAM;YACN,iBAAiB;YACjB,UAAU,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SAC3B;IACF,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;IAC/B,MAAM,MAAM,GAAG,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;IACjC,MAAM,GAAG,GAAG,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;IAE9B,MAAM,iBAAiB,GAAG,UAAU,CAAC,YAAY,EAAE,SAAS,EAAE;QAC7D,aAAa,EACZ,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC,IAAI,YAAY,KAAK,UAAU;QAChE,qBAAqB,EACpB,GAAG,CAAC,QAAQ,CAAC,eAAe,CAAC,IAAI,YAAY,KAAK,UAAU;QAC7D,kBAAkB,EACjB,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,IAAI,YAAY,KAAK,UAAU;QAC9D,mBAAmB,EAAE,KAAK,KAAK,OAAO;KACtC,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,UAAU,CAAC,qBAAqB,EAAE;QACxD,gCAAgC,EAAE,CAAC,OAAO,IAAI,aAAa,EAAE,CAAC,KAAK;QACnE,gCAAgC,EAC/B,CAAC,OAAO,IAAI,aAAa,EAAE,CAAC,SAAS;QACtC,2BAA2B,EAAE,aAAa,EAAE,CAAC,IAAI;QACjD,4BAA4B,EAAE,UAAU;KACxC,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,UAAU,CAAC,oBAAoB,EAAE;QACtD,CAAC,uBAAuB,eAAe,EAAE,CAAC,EACzC,YAAY,KAAK,UAAU;QAC5B,8BAA8B,EAAE,YAAY,KAAK,UAAU;KAC3D,CAAC,CAAC;IAEH,MAAM,eAAe,GAAG,UAAU,CACjC,4CAA4C,EAC5C;QACC,6BAA6B,EAAE,QAAQ,IAAI,EAAE;QAC7C,8BAA8B,EAAE,QAAQ,IAAI,EAAE,IAAI,QAAQ,GAAG,EAAE;QAC/D,6BAA6B,EAAE,QAAQ,GAAG,EAAE;KAC5C,CACD,CAAC;IAEF,MAAM,QAAQ,GAAG,CAAC,QAAuB,EAAE,EAAE;QAC5C,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,WAAgB,EAAE,KAAa,EAAE,EAAE;;YACvD,MAAM,OAAO,GAAG,WAAW,CAAC,IAAI;gBAC/B,CAAC,CAAC,WAAW,CAAC,IAAI;gBAClB,CAAC,CAAC,OAAO,WAAW,CAAC,OAAO,KAAK,QAAQ;oBACzC,CAAC,CAAC,WAAW,CAAC,OAAO;oBACrB,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YAE7B,OAAO,CACN,oBAAC,GAAG,IACH,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,MAAA,WAAW,CAAC,KAAK,mCAAI,OAAO,EACnC,KAAK,EAAE,WAAW,CAAC,KAAK,IAEvB,OAAO,CACH,CACN,CAAC;QACH,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;;QACvB,MAAM,KAAK,GAAG,QAAQ,CAAC;QACvB,IAAI,OAAO,KAAK,SAAS,EAAE;YAC1B,OAAO,OAAO,EAAE,CAAC;SACjB;QACD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC9B,OAAO,KAAK,CAAC;SACb;QACD,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACzB,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,EAAE;gBACtB,OAAO,oBAAC,QAAQ,QAAE,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAY,CAAC;aAC1D;YACD,MAAM,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YACjC,MAAM,KAAK,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE;gBAC/C,OAAO,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;YACxD,CAAC,EAAE,EAAE,CAAC,CAAC;YACP,MAAM,aAAa,GAAG;gBACrB,IAAI,EAAE,IAAI,SAAS,CAAC,MAAM,EAAE;gBAC5B,KAAK;aACL,CAAC;YACF,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;YAC5D,OAAO,oBAAC,QAAQ,QAAE,QAAQ,CAAC,WAAW,CAAC,CAAY,CAAC;SACpD;QAED,OAAO,MAAM,CAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,mCAAI,EAAE,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,UAAU,CAAC,mBAAmB,EAAE;QACpD,gCAAgC,EAC/B,CAAC,QAAQ,KAAK,SAAS,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC;YACjD,OAAO,KAAK,SAAS;KACtB,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,CACrB,4CACC,SAAS,EAAE,cAAc,EACzB,GAAG,EAAE,OAAO,EACZ,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,iBAAiB,IACxB,KAAK;QAET,8BAAM,SAAS,EAAE,YAAY,IAC3B,CAAC,QAAQ,KAAK,SAAS,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC;YAClD,OAAO,KAAK,SAAS;YACpB,CAAC,CAAC,WAAW;YACb,CAAC,CAAC,UAAU,EAAE,CACT;QACP,oBAAC,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAE,eAAe,GAAI,CAC1C,CACP,CAAC;IAEF,MAAM,YAAY,GAAG;QACpB,EAAE;QACF,SAAS,EAAE,qBAAqB;QAChC,GAAG,EAAE,UAAU;QACf,KAAK,EAAE,UAAU;QACjB,SAAS,EAAE,gBAAgB;QAC3B,SAAS,EAAE,YAAY;QACvB,QAAQ,EAAE,cAAc;QACxB,WAAW;QACX,OAAO,EAAE,EAAE,WAAW,EAAE;QACxB,KAAK,EAAE,QAAQ;KACf,CAAC;IAEF,MAAM,iBAAiB,GAAG;QACzB,IAAI,EAAE,UAAU;QAChB,MAAM,EAAE,YAAY;QACpB,IAAI,EAAE,OAAO;KACb,CAAC;IAEF,MAAM,OAAO,GAAG,CACf,oBAAC,WAAW,IAAC,QAAQ,QAAC,SAAS,EAAE,aAAa;QAC7C,oBAAC,MAAM,kBACK,cAAc,EACzB,KAAK,QACL,GAAG,EAAE,OAAO,EACZ,SAAS,EAAC,kBAAkB,EAC5B,OAAO,QACP,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,UAAU,EACnB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAC,MAAM,GACd;QACF,oBAAC,MAAM,kBACK,iBAAiB,EAC5B,KAAK,QACL,GAAG,EAAE,SAAS,EACd,SAAS,EAAC,oBAAoB,EAC9B,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,OAAO,EAChB,OAAO,EAAE,YAAY,EACrB,SAAS,EAAE,WAAW,GACrB,CACW,CACd,CAAC;IAEF,MAAM,WAAW,mBAChB,QAAQ,EACP,KAAK,KAAK,SAAS,IAAI,OAAO,KAAK,KAAK,QAAQ;YAC/C,CAAC,CAAC,GAAG,KAAK,EAAE;YACZ,CAAC,CAAC,KAAK,IACN,KAAK,CACR,CAAC;IAEF,OAAO,CACN,8BACC,SAAS,EAAE,iBAAiB,EAC5B,KAAK,EAAE,WAAW,EAClB,GAAG,EAAE,GAAG,0BACa,YAAY,IAEhC,OAAO,CAAC,CAAC,CAAC,CACV,YAAY,KAAK,UAAU,CAAC,CAAC,CAAC,CAC7B,8CAAU,KAAK;QACd,oBAAC,OAAO,IACP,OAAO,EAAE,OAAO,CACf,YAAY,EACZ,iBAAiB,CACjB,EACD,MAAM,QACN,SAAS,EAAE,eAAe,EAC1B,gBAAgB,QAChB,OAAO,EAAE,IAAI,EACb,KAAK,EAAC,MAAM,EACZ,SAAS,EAAC,4BAA4B,EACtC,IAAI,EAAE,OAAO,EACb,MAAM,EAAE;gBACP,QAAQ,EAAE,CAAC;aACX,EACD,EAAE,EAAE,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EACtC,oBAAoB,EAAE,oBAAoB,IAEzC,OAAO,CACC,CACJ,CACP,CAAC,CAAC,CAAC,CACH,oBAAC,KAAK,CAAC,QAAQ;QACb,iBAAiB,IAAI,aAAa;QAClC,OAAO,CAAC,YAAY,EAAE,iBAAiB,CAAC;QACxC,YAAY,KAAK,MAAM,IAAI,OAAO,CACnB,CACjB,CACD,CAAC,CAAC,CAAC,CACH,aAAa,CACb,CACK,CACP,CAAC;AACH,CAAC,CACD,CAAC","sourcesContent":["import React, { FC, forwardRef } from 'react';\nimport classnames from 'classnames';\nimport { AnvilSelectOptionsProps } from '../AnvilSelect';\nimport { Popover, PopoverProps } from '../Popover';\nimport { ButtonGroup } from '../ButtonGroup';\nimport { TagGroup } from '../TagGroup';\nimport { Button } from '../Button';\nimport { Icon } from '../Icon';\nimport { Tag } from '../Tag';\nimport { keys } from '../../utilities/keyCodes';\nimport { PopperProps } from '../../internal';\n\nexport interface InlineEditPropsStrict {\n\t/** Сontrol component to be shown on edit */\n\tcontrol?: (controlProps: ControlProps, actionProps: ActionProps) => any;\n\n\t/** Custom content for the read mode, this will override value output */\n\tcontent?: any;\n\n\t/** Value to be displayed on read mode */\n\tvalue?: valueObject | string | number;\n\n\t/** Decoration on displayed value */\n\tdecoration?: InlineEditDecorationProps;\n\n\t/** If true, read content and control will show error state */\n\terror?: boolean;\n\n\t/** Callback fired on save */\n\tonSave?: (data?: any) => void;\n\n\t/** Callback fired on cancel */\n\tonCancel?: () => void;\n\n\t/** Callback fired on click */\n\tonClick?: (event?: React.MouseEvent<HTMLElement>) => void;\n\n\t/** Callback fired when a user changes the value */\n\tonChange?: (event?: React.ChangeEvent<HTMLElement>, data?: any) => void;\n\n\t/** Position of the save and cancel action buttons. */\n\tactionDirection?: PopoverProps['direction'];\n\n\t/** Layout option of the save and cancel action buttons. */\n\tactionLayout?: 'none' | 'inline' | 'floating';\n\n\t/** Adds one or more classnames for an element */\n\tclassName?: string;\n\n\t/** If true, control will be displayed */\n\tmode?: 'edit' | 'read' | string;\n\n\t/** width of the component */\n\twidth?: 'fluid' | number | string;\n\n\t/** If true, read content will show with the control during editing */\n\tshowContentOnEdit?: boolean;\n\n\t/** ID of the component */\n\tid?: string;\n\n\t/** If true, control component will have autoFocus applied when edit mode */\n\tautoFocusControl?: boolean;\n\n\t/** Custom placeholder text */\n\tplaceholder?: string;\n\n\t/** Props to be passed to the portaled div */\n\tportalDataAttributes?: PopperProps['portalDataAttributes'];\n}\n\ninterface valueObject extends AnvilSelectOptionsProps {\n\ttitle?: string;\n}\n\ninterface ActionProps {\n\tsave?: (event: React.ChangeEvent<HTMLElement>) => void;\n\tcancel?: (event: React.ChangeEvent<HTMLElement>) => void;\n\topen?: boolean;\n}\n\ninterface ControlProps {\n\tid?: string;\n\tclassName?: string;\n\ttabIndex?: number;\n\tautoFocus?: boolean;\n\tref?: React.Ref<any> & React.LegacyRef<any> & React.RefObject<any>;\n\terror?: boolean;\n\tvalue?: any;\n\tonKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;\n\tonChange?: (event: React.ChangeEvent<HTMLElement>, data: any) => void;\n}\n\nexport interface InlineEditProps extends InlineEditPropsStrict {\n\t/** Unstrict Props */\n\t[propName: string]: any;\n}\n\nexport interface InlineEditDecorationProps {\n\tcolor?: boolean;\n\tunderline?: boolean;\n\ticon?: boolean;\n}\n\nconst defaultDecoration = { icon: true, underline: true, color: true };\n\nexport const InlineEdit: FC<InlineEditProps> = forwardRef(\n\t(\n\t\t{\n\t\t\tcontrol: Control,\n\t\t\tdecoration = defaultDecoration,\n\t\t\tonSave,\n\t\t\tonCancel,\n\t\t\tonChange,\n\t\t\tonClick,\n\t\t\terror: errorState = false,\n\t\t\tactionDirection = 'rb',\n\t\t\tactionLayout = 'inline',\n\t\t\tclassName,\n\t\t\tstyle,\n\t\t\tmode = 'read',\n\t\t\tvalue,\n\t\t\twidth,\n\t\t\tshowContentOnEdit,\n\t\t\tcontent: Content,\n\t\t\tautoFocusControl = true,\n\t\t\tid,\n\t\t\tplaceholder = 'Enter value',\n\t\t\tportalDataAttributes,\n\t\t\t...props\n\t\t},\n\t\tref: React.RefObject<HTMLSpanElement>\n\t) => {\n\t\tconst normalizeValue = (value: InlineEditPropsStrict['value']) =>\n\t\t\ttypeof value === 'string' || typeof value === 'number'\n\t\t\t\t? String(value)\n\t\t\t\t: value;\n\n\t\tconst [newValue, setNewValue] = React.useState(normalizeValue(value));\n\t\tconst [editing, setEditing] = React.useState(mode === 'edit');\n\t\tconst [fontsize, setFontsize] = React.useState(16);\n\t\tconst [isClosed, setIsClosed] = React.useState(false);\n\t\tconst controlRef = React.useRef(null);\n\t\tconst saveRef = React.useRef(null);\n\t\tconst cancelRef = React.useRef(null);\n\t\tconst textRef = React.useRef(null);\n\n\t\tconst getDecoration = () => ({ ...defaultDecoration, ...decoration });\n\n\t\tReact.useEffect(() => {\n\t\t\tsetNewValue(normalizeValue(value));\n\t\t}, [value]);\n\n\t\tReact.useEffect(() => {\n\t\t\tif (textRef.current) {\n\t\t\t\tsetFontsize(\n\t\t\t\t\tNumber(\n\t\t\t\t\t\twindow\n\t\t\t\t\t\t\t.getComputedStyle(textRef.current)\n\t\t\t\t\t\t\t.getPropertyValue('font-size')\n\t\t\t\t\t\t\t.replace('px', '')\n\t\t\t\t\t)\n\t\t\t\t);\n\t\t\t}\n\t\t}, []);\n\n\t\tconst handleOpen = () => {\n\t\t\tonClick?.();\n\t\t\tsetEditing(true);\n\t\t\tsetIsClosed(false);\n\t\t};\n\n\t\tconst handleClose = () => {\n\t\t\tsetEditing((prevState) => {\n\t\t\t\tprevState === true && setIsClosed(true);\n\t\t\t\treturn false;\n\t\t\t});\n\t\t};\n\n\t\tReact.useEffect(() => {\n\t\t\tisClosed && textRef?.current?.focus();\n\t\t}, [isClosed]);\n\n\t\tReact.useEffect(() => {\n\t\t\tif (mode === 'edit') setEditing(true);\n\t\t\tif (mode === 'read') {\n\t\t\t\tsetEditing(false);\n\t\t\t\tsetNewValue(normalizeValue(value));\n\t\t\t}\n\t\t}, [mode, value]);\n\n\t\tconst InlineEditKeyDown = (e: React.KeyboardEvent) => {\n\t\t\tconst isSpacePressed = e.key === keys.space;\n\t\t\tconst isEnterPressed = e.key === keys.enter;\n\t\t\tif (isSpacePressed || isEnterPressed) {\n\t\t\t\thandleOpen();\n\t\t\t\te.preventDefault();\n\t\t\t}\n\t\t};\n\n\t\tconst handleCancel = () => {\n\t\t\tonCancel?.();\n\t\t\tsetNewValue(normalizeValue(value));\n\t\t\thandleClose();\n\t\t};\n\n\t\tconst handleSave = () => {\n\t\t\tif (errorState) return; // if error is true, do not save\n\t\t\tonSave?.({ ...controlProps, value: newValue });\n\t\t\thandleClose();\n\t\t};\n\n\t\tconst handleOnChange = (e: React.ChangeEvent & any, data: any) => {\n\t\t\tonChange?.(e, data);\n\t\t\tif (\n\t\t\t\te?.target instanceof HTMLInputElement ||\n\t\t\t\te?.target instanceof HTMLTextAreaElement\n\t\t\t) {\n\t\t\t\tsetNewValue(data.value);\n\t\t\t} else {\n\t\t\t\tsetNewValue(e);\n\t\t\t}\n\t\t};\n\n\t\tconst escapeOnKeyDown = (e: React.KeyboardEvent) => {\n\t\t\tconst isESCPressed = e.key === keys.esc;\n\t\t\tif (isESCPressed) {\n\t\t\t\tif (controlRef.current.state?.openState === true) {\n\t\t\t\t\treturn e;\n\t\t\t\t}\n\t\t\t\thandleCancel();\n\t\t\t\te.preventDefault();\n\t\t\t}\n\t\t};\n\n\t\tconst keyOnCancel = (e: React.KeyboardEvent) => {\n\t\t\tescapeOnKeyDown(e);\n\t\t\tconst isTabPressed = e.key === keys.tab && actionLayout !== 'none';\n\t\t\tif (!isTabPressed) return;\n\t\t\te.preventDefault();\n\t\t\tif (!e.shiftKey) {\n\t\t\t\t/* tab */\n\t\t\t\tcontrolRef.current.focus();\n\t\t\t} else {\n\t\t\t\t/* shift + tab */\n\t\t\t\tsaveRef.current.focus();\n\t\t\t}\n\t\t};\n\n\t\tconst keyOnControl = (e: React.KeyboardEvent) => {\n\t\t\tescapeOnKeyDown(e);\n\t\t\tconst isTabPressed = e.key === keys.tab && actionLayout !== 'none';\n\t\t\tif (!isTabPressed) return;\n\t\t\te.preventDefault();\n\t\t\tif (!e.shiftKey) {\n\t\t\t\t/* tab */ saveRef.current.focus();\n\t\t\t} else {\n\t\t\t\t/* shift + tab */\n\t\t\t\tcancelRef.current.focus();\n\t\t\t}\n\t\t};\n\n\t\tconst keyOnSave = (e: React.KeyboardEvent) => {\n\t\t\tescapeOnKeyDown(e);\n\t\t\tconst isTabPressed = e.key === keys.tab && actionLayout !== 'none';\n\t\t\tif (!isTabPressed) return;\n\t\t\te.preventDefault();\n\t\t\tif (!e.shiftKey) {\n\t\t\t\t/* tab */ cancelRef.current.focus();\n\t\t\t} else {\n\t\t\t\t/* shift + tab */\n\t\t\t\tcontrolRef.current.focus();\n\t\t\t}\n\t\t};\n\n\t\tconst left = ['l', 'lb', 'lt'];\n\t\tconst bottom = ['b', 'br', 'bl'];\n\t\tconst top = ['t', 'tr', 'tl'];\n\n\t\tconst InlineEditClasses = classnames('InlineEdit', className, {\n\t\t\t'flex-column':\n\t\t\t\tbottom.includes(actionDirection) && actionLayout !== 'floating',\n\t\t\t'flex-column-reverse':\n\t\t\t\ttop.includes(actionDirection) && actionLayout !== 'floating',\n\t\t\t'flex-row-reverse':\n\t\t\t\tleft.includes(actionDirection) && actionLayout !== 'floating',\n\t\t\t'InlineEdit--fluid': width === 'fluid',\n\t\t});\n\n\t\tconst ContentClasses = classnames('InlineEdit__content', {\n\t\t\t'InlineEdit__content--textcolor': !Content && getDecoration().color,\n\t\t\t'InlineEdit__content--underline':\n\t\t\t\t!Content && getDecoration().underline,\n\t\t\t'InlineEdit__content--icon': getDecoration().icon,\n\t\t\t'InlineEdit__content--error': errorState,\n\t\t});\n\n\t\tconst ActionClasses = classnames(`InlineEdit__action`, {\n\t\t\t[`InlineEdit__action--${actionDirection}`]:\n\t\t\t\tactionLayout !== 'floating',\n\t\t\t'InlineEdit__action--floating': actionLayout === 'floating',\n\t\t});\n\n\t\tconst EditIconClasses = classnames(\n\t\t\t'InlineEdit__editIcon c-neutral-80 m-l-half',\n\t\t\t{\n\t\t\t\t'InlineEdit__editIcon--small': fontsize <= 16,\n\t\t\t\t'InlineEdit__editIcon--medium': fontsize <= 26 && fontsize > 16,\n\t\t\t\t'InlineEdit__editIcon--large': fontsize > 26,\n\t\t\t}\n\t\t);\n\n\t\tconst tagArray = (valueArr: valueObject[]) => {\n\t\t\treturn valueArr.map((singleValue: any, index: number) => {\n\t\t\t\tconst tagText = singleValue.text\n\t\t\t\t\t? singleValue.text\n\t\t\t\t\t: typeof singleValue.content === 'string'\n\t\t\t\t\t? singleValue.content\n\t\t\t\t\t: String(singleValue.value);\n\n\t\t\t\treturn (\n\t\t\t\t\t<Tag\n\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\ttitle={singleValue.title ?? tagText}\n\t\t\t\t\t\tcolor={singleValue.color}\n\t\t\t\t\t>\n\t\t\t\t\t\t{tagText}\n\t\t\t\t\t</Tag>\n\t\t\t\t);\n\t\t\t});\n\t\t};\n\n\t\tconst getContent = () => {\n\t\t\tconst value = newValue;\n\t\t\tif (Content !== undefined) {\n\t\t\t\treturn Content();\n\t\t\t}\n\t\t\tif (typeof value === 'string') {\n\t\t\t\treturn value;\n\t\t\t}\n\t\t\tif (Array.isArray(value)) {\n\t\t\t\tif (value.length <= 3) {\n\t\t\t\t\treturn <TagGroup>{tagArray(value.slice(0, 3))}</TagGroup>;\n\t\t\t\t}\n\t\t\t\tconst truncated = value.slice(3);\n\t\t\t\tconst title = truncated.reduce((acc, curr, i) => {\n\t\t\t\t\treturn acc.concat(`${i === 0 ? '' : ', '}`, curr.text);\n\t\t\t\t}, '');\n\t\t\t\tconst truncatedData = {\n\t\t\t\t\ttext: `+${truncated.length}`,\n\t\t\t\t\ttitle,\n\t\t\t\t};\n\t\t\t\tconst combinedArr = value.slice(0, 3).concat(truncatedData);\n\t\t\t\treturn <TagGroup>{tagArray(combinedArr)}</TagGroup>;\n\t\t\t}\n\n\t\t\treturn String(value?.text ?? '');\n\t\t};\n\n\t\tconst ValueClasses = classnames('InlineEdit__value', {\n\t\t\t'InlineEdit__value--placeholder':\n\t\t\t\t(newValue === undefined || newValue.length === 0) &&\n\t\t\t\tContent === undefined,\n\t\t});\n\n\t\tconst readComponent = (\n\t\t\t<span\n\t\t\t\tclassName={ContentClasses}\n\t\t\t\tref={textRef}\n\t\t\t\tonClick={handleOpen}\n\t\t\t\ttabIndex={0}\n\t\t\t\tonKeyDown={InlineEditKeyDown}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<span className={ValueClasses}>\n\t\t\t\t\t{(newValue === undefined || newValue.length === 0) &&\n\t\t\t\t\tContent === undefined\n\t\t\t\t\t\t? placeholder\n\t\t\t\t\t\t: getContent()}\n\t\t\t\t</span>\n\t\t\t\t<Icon name=\"edit\" className={EditIconClasses} />\n\t\t\t</span>\n\t\t);\n\n\t\tconst controlProps = {\n\t\t\tid,\n\t\t\tclassName: `InlineEdit__control`,\n\t\t\tref: controlRef,\n\t\t\terror: errorState,\n\t\t\tautoFocus: autoFocusControl,\n\t\t\tonKeyDown: keyOnControl,\n\t\t\tonChange: handleOnChange,\n\t\t\tplaceholder,\n\t\t\ttrigger: { placeholder },\n\t\t\tvalue: newValue,\n\t\t};\n\n\t\tconst internalCompProps = {\n\t\t\tsave: handleSave,\n\t\t\tcancel: handleCancel,\n\t\t\topen: editing,\n\t\t};\n\n\t\tconst actions = (\n\t\t\t<ButtonGroup attached className={ActionClasses}>\n\t\t\t\t<Button\n\t\t\t\t\taria-label=\"save changes\"\n\t\t\t\t\tsmall\n\t\t\t\t\tref={saveRef}\n\t\t\t\t\tclassName=\"InlineEdit__save\"\n\t\t\t\t\tprimary\n\t\t\t\t\tdisabled={errorState}\n\t\t\t\t\tonClick={handleSave}\n\t\t\t\t\tonKeyDown={keyOnSave}\n\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\ticonName=\"done\"\n\t\t\t\t/>\n\t\t\t\t<Button\n\t\t\t\t\taria-label=\"discard changes\"\n\t\t\t\t\tsmall\n\t\t\t\t\tref={cancelRef}\n\t\t\t\t\tclassName=\"InlineEdit__cancel\"\n\t\t\t\t\ttype=\"reset\"\n\t\t\t\t\ticonName=\"clear\"\n\t\t\t\t\tonClick={handleCancel}\n\t\t\t\t\tonKeyDown={keyOnCancel}\n\t\t\t\t/>\n\t\t\t</ButtonGroup>\n\t\t);\n\n\t\tconst updateStyle = {\n\t\t\tmaxWidth:\n\t\t\t\twidth !== undefined && typeof width === 'string'\n\t\t\t\t\t? `${width}`\n\t\t\t\t\t: width,\n\t\t\t...style,\n\t\t};\n\n\t\treturn (\n\t\t\t<span\n\t\t\t\tclassName={InlineEditClasses}\n\t\t\t\tstyle={updateStyle}\n\t\t\t\tref={ref}\n\t\t\t\tdata-anvil-component=\"InlineEdit\"\n\t\t\t>\n\t\t\t\t{editing ? (\n\t\t\t\t\tactionLayout === 'floating' ? (\n\t\t\t\t\t\t<span {...props}>\n\t\t\t\t\t\t\t<Popover\n\t\t\t\t\t\t\t\ttrigger={Control(\n\t\t\t\t\t\t\t\t\tcontrolProps,\n\t\t\t\t\t\t\t\t\tinternalCompProps\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\tportal\n\t\t\t\t\t\t\t\tdirection={actionDirection}\n\t\t\t\t\t\t\t\tcontentNoPadding\n\t\t\t\t\t\t\t\tpadding={null}\n\t\t\t\t\t\t\t\twidth=\"auto\"\n\t\t\t\t\t\t\t\tclassName=\"InlineEdit__floating__body\"\n\t\t\t\t\t\t\t\topen={editing}\n\t\t\t\t\t\t\t\toffset={{\n\t\t\t\t\t\t\t\t\tdistance: 8,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tel={width === 'fluid' ? 'div' : 'span'}\n\t\t\t\t\t\t\t\tportalDataAttributes={portalDataAttributes}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{actions}\n\t\t\t\t\t\t\t</Popover>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<React.Fragment>\n\t\t\t\t\t\t\t{showContentOnEdit && readComponent}\n\t\t\t\t\t\t\t{Control(controlProps, internalCompProps)}\n\t\t\t\t\t\t\t{actionLayout !== 'none' && actions}\n\t\t\t\t\t\t</React.Fragment>\n\t\t\t\t\t)\n\t\t\t\t) : (\n\t\t\t\t\treadComponent\n\t\t\t\t)}\n\t\t\t</span>\n\t\t);\n\t}\n);\n"]}
|
|
@@ -1,12 +1,27 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { render } from '@testing-library/react';
|
|
3
3
|
import { InlineEdit } from './InlineEdit';
|
|
4
|
+
import { Input } from '../Input';
|
|
4
5
|
describe('InlineEdit', () => {
|
|
5
6
|
beforeEach(() => jest.spyOn(console, 'error'));
|
|
6
7
|
it('should pass through data automation attributes', () => {
|
|
7
|
-
const { container } = render(React.createElement(InlineEdit, {
|
|
8
|
+
const { container } = render(React.createElement(InlineEdit, { control: (props) => React.createElement(Input, Object.assign({}, props)), onSave: jest.fn(), actionDirection: "r", actionLayout: "floating", "data-auto-sel": "automation-selector" }));
|
|
8
9
|
const element = container.querySelector('[data-auto-sel="automation-selector"]');
|
|
9
10
|
expect(element).not.toBeNull();
|
|
10
11
|
});
|
|
12
|
+
it('should pass through data automation attributes while editing', () => {
|
|
13
|
+
const { container } = render(React.createElement(InlineEdit, { mode: "edit", control: (props) => React.createElement(Input, Object.assign({}, props)), onSave: jest.fn(), actionDirection: "r", actionLayout: "floating", "data-auto-sel": "automation-selector" }));
|
|
14
|
+
const element = container.querySelector('[data-auto-sel="automation-selector"]');
|
|
15
|
+
expect(element).not.toBeNull();
|
|
16
|
+
});
|
|
17
|
+
it('should pass data automation attributes to portal', () => {
|
|
18
|
+
const { container, baseElement } = render(React.createElement(InlineEdit, { mode: "edit", control: (props) => React.createElement(Input, Object.assign({}, props)), onSave: jest.fn(), actionDirection: "r", actionLayout: "floating", portalDataAttributes: {
|
|
19
|
+
'data-auto-sel': 'automation-selector',
|
|
20
|
+
} }));
|
|
21
|
+
const nonPortalElement = container.querySelector('[data-auto-sel="automation-selector"]');
|
|
22
|
+
const portalElement = baseElement.querySelector('[data-auto-sel="automation-selector"]');
|
|
23
|
+
expect(nonPortalElement).toBeNull();
|
|
24
|
+
expect(portalElement).not.toBeNull();
|
|
25
|
+
});
|
|
11
26
|
});
|
|
12
27
|
//# sourceMappingURL=InlineEdit.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InlineEdit.test.js","sourceRoot":"","sources":["../../../src/components/InlineEdit/InlineEdit.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"InlineEdit.test.js","sourceRoot":"","sources":["../../../src/components/InlineEdit/InlineEdit.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC3B,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,UAAU,IACV,OAAO,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,oBAAC,KAAK,oBAAK,KAAK,EAAI,EAC7C,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE,EACjB,eAAe,EAAC,GAAG,EACnB,YAAY,EAAC,UAAU,mBACT,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;IAEH,EAAE,CAAC,8DAA8D,EAAE,GAAG,EAAE;QACvE,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,UAAU,IACV,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,oBAAC,KAAK,oBAAK,KAAK,EAAI,EAC7C,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE,EACjB,eAAe,EAAC,GAAG,EACnB,YAAY,EAAC,UAAU,mBACT,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;IAEH,EAAE,CAAC,kDAAkD,EAAE,GAAG,EAAE;QAC3D,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,MAAM,CACxC,oBAAC,UAAU,IACV,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,oBAAC,KAAK,oBAAK,KAAK,EAAI,EAC7C,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE,EACjB,eAAe,EAAC,GAAG,EACnB,YAAY,EAAC,UAAU,EACvB,oBAAoB,EAAE;gBACrB,eAAe,EAAE,qBAAqB;aACtC,GACA,CACF,CAAC;QAEF,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 { InlineEdit } from './InlineEdit';\nimport { Input } from '../Input';\n\ndescribe('InlineEdit', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<InlineEdit\n\t\t\t\tcontrol={(props: any) => <Input {...props} />}\n\t\t\t\tonSave={jest.fn()}\n\t\t\t\tactionDirection=\"r\"\n\t\t\t\tactionLayout=\"floating\"\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\tit('should pass through data automation attributes while editing', () => {\n\t\tconst { container } = render(\n\t\t\t<InlineEdit\n\t\t\t\tmode=\"edit\"\n\t\t\t\tcontrol={(props: any) => <Input {...props} />}\n\t\t\t\tonSave={jest.fn()}\n\t\t\t\tactionDirection=\"r\"\n\t\t\t\tactionLayout=\"floating\"\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\tit('should pass data automation attributes to portal', () => {\n\t\tconst { container, baseElement } = render(\n\t\t\t<InlineEdit\n\t\t\t\tmode=\"edit\"\n\t\t\t\tcontrol={(props: any) => <Input {...props} />}\n\t\t\t\tonSave={jest.fn()}\n\t\t\t\tactionDirection=\"r\"\n\t\t\t\tactionLayout=\"floating\"\n\t\t\t\tportalDataAttributes={{\n\t\t\t\t\t'data-auto-sel': 'automation-selector',\n\t\t\t\t}}\n\t\t\t/>\n\t\t);\n\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":"index.js","sourceRoot":"","sources":["../../../src/components/InlineEdit/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/InlineEdit/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC","sourcesContent":["export * from './InlineEdit';\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAElE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,IAAI,EAA2B,MAAM,SAAS,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,EACN,oBAAoB,EACpB,mBAAmB,EACnB,eAAe,GACf,MAAM,cAAc,CAAC;AAEtB,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,GACzE,KAAK,CAAC;AAsGP,MAAM,OAAO,KAAM,SAAQ,KAAK,CAAC,SAAqB;IAAtD;;QAcC,aAAQ,GACP,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,SAAS,EAAE,CAAC;QAEpC,iBAAY,GAAG,GAAG,EAAE;YACnB,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAExC,IAAI,MAAM,IAAI,IAAI;gBAAE,OAAO,IAAI,CAAC;YAChC,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;gBAC/B,OAAO,CACN,oBAAC,MAAM,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,SAAS,IAC5D,MAAM,CACC,CACT,CAAC;aACF;YACD,IAAI,MAAM,IAAI,IAAI,IAAI,cAAc,CAAC,MAAM,CAAC,EAAE;gBAC7C,OAAO,YAAY,CAAC,MAAa,EAAE;oBAClC,QAAQ;oBACR,IAAI,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,SAAS;iBAClC,CAAC,CAAC;aACH;QACF,CAAC,CAAC;QAEF,eAAU,GAAG,GAAG,EAAE;;YACjB,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAE5B,wBAAwB;YACxB,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;gBAC7B,OAAO,CACN,oBAAC,UAAU,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE;oBACtC,oBAAC,IAAI,IACJ,IAAI,EAAE,IAAoB,EAC1B,IAAI,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,GAChC,CACU,CACb,CAAC;aACF;YAED,+BAA+B;YAC/B,IAAI,IAAI,IAAI,IAAI,IAAI,cAAc,CAAC,IAAI,CAAC,EAAE;gBACzC,MAAM,SAAS,GAAG,YAAY,CAAC,IAAW,EAAE;oBAC3C,IAAI,EAAE,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ;iBACjC,CAAC,CAAC;gBACH,MAAM,UAAU,GACf,OAAO,CAAA,MAAA,MAAC,IAAY,0CAAE,KAAK,0CAAE,OAAO,CAAA,KAAK,WAAW,CAAC;gBAEtD,OAAO,CACN,oBAAC,UAAU,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,UAAU,IAAI,IAAI,CAAC,KAAK,EAAE,IACpD,SAAS,CACE,CACb,CAAC;aACF;YAED,mCAAmC;YACnC,IAAI,IAAI,IAAI,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE;gBAC1C,MAAM,UAAU,GAAG,OAAO,CAAA,MAAC,IAAY,0CAAE,OAAO,CAAA,KAAK,WAAW,CAAC;gBAEjE,OAAO,CACN,oBAAC,UAAU,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,UAAU,IAAI,IAAI,CAAC,KAAK,EAAE;oBACrD,oBAAC,IAAI,oBAAK,IAAI,EAAI,CACN,CACb,CAAC;aACF;YAED,OAAO,IAAI,CAAC;QACb,CAAC,CAAC;QAEF,4BAA4B;QAC5B,gBAAW,GAAG,CAAC,cAAmB,EAAE,EAAE;YACrC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAEnC,+DAA+D;YAC/D,MAAM,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC;YAC9C,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC;YACvC,IAAI,CAAC,eAAe,EAAE;gBACrB,IAAI,CAAC,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;aACtC;YAED,IAAI,KAAK,IAAI,IAAI,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE;gBAC3C,OAAO,YAAY,CAAC,KAAY,kCAC5B,cAAc,KACjB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,IAC7D,CAAC;aACH;YAED,OAAO,aAAa,CAAC,OAAO,kCACxB,cAAc,KACjB,IAAI,EACJ,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,IAC7D,CAAC;QACJ,CAAC,CAAC;QAEF,qBAAgB,GAAG,GAAG,EAAE;;YACvB,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAElC,IAAI,OAAO,UAAU,KAAK,QAAQ,IAAI,UAAU,KAAK,EAAE,EAAE;gBACxD,OAAO,CACN,oBAAC,UAAU,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,IACrC,UAAU,CACC,CACb,CAAC;aACF;YAED,gCAAgC;YAChC,IAAI,UAAU,IAAI,IAAI,IAAI,cAAc,CAAC,UAAU,CAAC,EAAE;gBACrD,MAAM,QAAQ,GACZ,UAAkB,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC;gBAE/D,MAAM,UAAU,GACf,OAAO,CAAA,MAAC,UAAU,CAAC,KAAa,0CAAE,OAAO,CAAA,KAAK,WAAW,CAAC;gBAE3D,OAAO,CACN,oBAAC,UAAU,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,UAAU,IAAI,IAAI,CAAC,KAAK,EAAE,IACpD,YAAY,CAAC,UAAiB,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CACxC,CACb,CAAC;aACF;YAED,OAAO,IAAI,CAAC;QACb,CAAC,CAAC;QAEF,mEAAmE;QACnE,gBAAW,GAAG,GAAwD,EAAE;YACvE,IAAI,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;YAEhC,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM;gBAAE,SAAS,GAAG,QAAQ,CAAC;YAC5C,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK;gBAAE,SAAS,GAAG,OAAO,CAAC;YAC1C,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK;gBAAE,SAAS,GAAG,OAAO,CAAC;YAE1C,MAAM,QAAQ,GAAG;gBAChB,MAAM,EAAE,MAAM;gBACd,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,KAAK,EAAE,MAAM;aACb,CAAC,SAAS,CAAC,CAAC;YAEb,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC;QAChC,CAAC,CAAC;QAEF,oBAAe,GAAG,GAAG,EAAE;YACtB,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ;gBAAE,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;YACpD,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ;gBAAE,OAAO,CAAC,CAAC,CAAC;QACpC,CAAC,CAAC;QAEF,UAAK,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QAE5C,WAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;QAE9C,iBAAY,GAAG,CAAC,CAAsC,EAAE,EAAE;YACzD,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,yBAAoB,GAAG,CAAC,KAAU,EAAE,YAAiB,EAAE,EAAE,CAAC,+CACtD,YAAY,GACZ,KAAK,CAAC,KAAK,KACd,GAAG,EAAE,CAAC,CAAM,EAAE,EAAE;gBACf,SAAS,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;gBACvB,IAAI,CAAC,QAAQ,CAAC,OAAe,GAAG,CAAC,CAAC;YACpC,CAAC,IACA,CAAC;IAqGJ,CAAC;IAnGA,MAAM;QACL,MAAM,EACL,cAAc,EACd,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,EAAE,EAAE,YAAY,EAChB,KAAK,EACL,KAAK,EACL,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,kBAAkB,EAClB,WAAW,EACX,QAAQ,GACR,GAAG,IAAI,CAAC,KAAK,CAAC;QACf,MAAM,KAA8B,IAAI,CAAC,KAAK,EAAxC,EAAE,QAAQ,OAA8B,EAAzB,UAAU,cAAzB,YAA2B,CAAa,CAAC;QAE/C,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,EAAE,SAAS,EAAE;YACnD,CAAC,UAAU,IAAI,CAAC,WAAW,EAAE,CAAC,SAAS,EAAE,CAAC,EACzC,IAAI,CAAC,WAAW,EAAE,CAAC,SAAS;YAC7B,iBAAiB,EAAE,QAAQ;YAC3B,cAAc,EAAE,KAAK;YACrB,cAAc,EAAE,KAAK;YACrB,cAAc,EAAE,KAAK;YACrB,iBAAiB,EAAE,QAAQ;YAC3B,gBAAgB,EAAE,OAAO;YACzB,oBAAoB,EAAE,WAAW;YACjC,iBAAiB,EAAE,QAAQ;SAC3B,CAAC,CAAC;QAEH,MAAM,CAAC,oBAAoB,CAAC,GAAG,oBAAoB,CAClD,UAAU,EACV,mBAAmB,CACnB,CAAC;QACF,MAAM,cAAc,mCAChB,oBAAoB,KACvB,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,EAChC,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,GAAG,EAAE,IAAI,CAAC,QAAQ,GAClB,CAAC;QACF,MAAM,CAAC,EAAE,IAAI,CAAC,GAAG,oBAAoB,CAAC,UAAU,EAAE;YACjD,GAAG,mBAAmB;YACtB,GAAG,eAAe;SAClB,CAAC,CAAC;QAEH,8CAA8C;QAC9C,IAAI,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;YACnC,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;gBACjE,IAAI,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE;oBACnC,OAAO,KAAK,CAAC;iBACb;gBAED,IAAK,KAAa,CAAC,IAAI,KAAK,OAAO,EAAE;oBACpC,0CAA0C;oBAC1C,OAAO,YAAY,CAClB,KAAY,EACZ,IAAI,CAAC,oBAAoB,CAAC,KAAK,EAAE,cAAc,CAAC,CAChD,CAAC;iBACF;gBAED,OAAO,oBAAC,KAAK,CAAC,KAAK,IAAC,GAAG,EAAE,CAAC,IAAG,KAAK,CAAe,CAAC;YACnD,CAAC,CAAC,CAAC;YAEH,OAAO,CACN,oBAAC,YAAY,oBACR,IAAI,IACR,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,sBAAsB,CAAC;gBAE3D,6BAAK,SAAS,EAAC,qBAAqB,IAAE,aAAa,CAAO,CAC5C,CACf,CAAC;SACF;QAED,yBAAyB;QACzB,OAAO,CACN,oBAAC,YAAY,kBACZ,SAAS,EAAE,YAAY,0BACF,OAAO,IACxB,IAAI;YAEP,cAAc,KAAK,MAAM,IAAI,IAAI,CAAC,YAAY,EAAE;YACjD,6BAAK,SAAS,EAAC,qBAAqB;gBAClC,YAAY,KAAK,MAAM,IAAI,IAAI,CAAC,UAAU,EAAE;gBAC5C,kBAAkB,KAAK,MAAM,IAAI,IAAI,CAAC,gBAAgB,EAAE;gBACxD,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC;gBAChC,OAAO,IAAI,CACX,oBAAC,UAAU,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE;oBACtC,oBAAC,OAAO,OAAG,CACC,CACb;gBACA,kBAAkB,KAAK,OAAO,IAAI,IAAI,CAAC,gBAAgB,EAAE;gBACzD,YAAY,KAAK,OAAO,IAAI,IAAI,CAAC,UAAU,EAAE,CACzC;YACL,cAAc,KAAK,OAAO,IAAI,IAAI,CAAC,YAAY,EAAE,CACpC,CACf,CAAC;IACH,CAAC;;AAjRM,kBAAY,GAAwB;IAC1C,cAAc,EAAE,OAAO;IACvB,EAAE,EAAE,KAAK;IACT,YAAY,EAAE,OAAO;IACrB,kBAAkB,EAAE,MAAM;IAC1B,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,MAAM;CACZ,CAAC;AAEK,WAAK,GAAG,UAAU,CAAC;AACnB,iBAAW,GAAG,gBAAgB,CAAC","sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\n\nimport { handleRef } from '../../utilities/SemanticUtils';\nimport { isElementOfType } from '../../utilities/isElementOfType';\n\nimport { InputAddon } from './InputAddon';\nimport { Icon, IconNameType, IconProps } from '../Icon';\nimport { Spinner } from '../Spinner';\nimport { Button } from '../Button';\nimport { FormFieldContext } from '../FormField';\n\nimport {\n\tsplitPropsUsingArray,\n\thtmlInputPropsArray,\n\tinputPropsArray,\n} from './inputProps';\n\nconst { Children, createElement, createRef, cloneElement, isValidElement } =\n\tReact;\n\nexport type InputElement = Pick<HTMLInputElement, 'focus' | 'select'>;\n\n/**\n * Input properties\n */\nexport interface InputPropsStrict\n\textends Omit<\n\t\tReact.InputHTMLAttributes<HTMLInputElement>,\n\t\t'size' | 'onChange' | 'tabIndex'\n\t> {\n\t/** An element type to render as (string or function). */\n\tel?: any;\n\n\t/** An Input can be formatted to alert the user to an action they may perform. */\n\taction?: React.ReactNode;\n\n\t/** An action can appear along side an Input on the right (default) or left side. */\n\tactionPosition?: 'right' | 'left';\n\n\t/** Additional classes. */\n\tclassName?: string;\n\n\t/** An Input field can show that it is disabled. */\n\tdisabled?: boolean;\n\n\t/** An Input field can show the data contains errors. */\n\terror?: boolean;\n\n\t/** Take on the size of its container. */\n\tfluid?: boolean;\n\n\t/** An Input field can show a user is currently interacting with it. */\n\tfocus?: boolean;\n\n\t/** Optional Icon to display inside the Input. */\n\ticon?: IconProps | string | React.ReactElement;\n\n\t/** An Icon can appear inside an Input on the right (default) or left side. */\n\ticonPosition?: 'right' | 'left';\n\n\t/** Shorthand for creating the HTML Input. */\n\tinput?: React.ReactNode;\n\n\t/** Format to appear on dark backgrounds. */\n\tinverted?: boolean;\n\n\t/** Shortcut for large-sized input */\n\tlarge?: boolean;\n\n\t/** An Icon Input field can show that it is currently loading data. */\n\tloading?: boolean;\n\n\t/**\n\t * Called on value change.\n\t *\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<HTMLInputElement>,\n\t\tdata: InputOnChangeData\n\t) => void;\n\n\t/** An Input can vary in size. */\n\tsize?: 'xsmall' | 'small' | 'medium' | 'large';\n\n\t/** Optional Label to display along side the Input. */\n\tshortLabel?: React.ReactNode;\n\n\t/** A Label can appear outside an Input on the left (default) or right side. */\n\tshortLabelPosition?: 'left' | 'right';\n\n\t/** Shortcut for small-sized input */\n\tsmall?: boolean;\n\n\t/** An Input can receive focus. */\n\ttabIndex?: number | string;\n\n\t/** Transparent Input has no background. */\n\ttransparent?: boolean;\n\n\t/** The HTML input type. */\n\ttype?: string;\n\n\t/** Shortcut for x-small-sized input */\n\txsmall?: boolean;\n\n\t/** forwarded input ref */\n\tinputRef?: React.RefObject<HTMLInputElement>;\n}\n\nexport interface InputProps extends InputPropsStrict {\n\t/** Unstrict Props */\n\t[propName: string]: any;\n}\n\nexport interface InputOnChangeData extends InputProps {\n\tvalue: string;\n}\n\nexport class Input extends React.Component<InputProps> {\n\tstatic defaultProps: Partial<InputProps> = {\n\t\tactionPosition: 'right',\n\t\tel: 'div',\n\t\ticonPosition: 'right',\n\t\tshortLabelPosition: 'left',\n\t\tsize: 'medium',\n\t\ttype: 'text',\n\t};\n\n\tstatic Addon = InputAddon;\n\tstatic contextType = FormFieldContext;\n\tcontext!: React.ContextType<typeof FormFieldContext>;\n\n\tinputRef: React.RefObject<HTMLInputElement> =\n\t\tthis.props.inputRef || createRef();\n\n\trenderAction = () => {\n\t\tconst { action, disabled } = this.props;\n\n\t\tif (action == null) return null;\n\t\tif (typeof action === 'string') {\n\t\t\treturn (\n\t\t\t\t<Button disabled={disabled} size={this.computeSize().inputSize}>\n\t\t\t\t\t{action}\n\t\t\t\t</Button>\n\t\t\t);\n\t\t}\n\t\tif (action != null && isValidElement(action)) {\n\t\t\treturn cloneElement(action as any, {\n\t\t\t\tdisabled,\n\t\t\t\tsize: this.computeSize().inputSize,\n\t\t\t});\n\t\t}\n\t};\n\n\trenderIcon = () => {\n\t\tconst { icon } = this.props;\n\n\t\t// Icon passed as string\n\t\tif (typeof icon === 'string') {\n\t\t\treturn (\n\t\t\t\t<InputAddon onClick={() => this.focus()}>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tname={icon as IconNameType}\n\t\t\t\t\t\tsize={this.computeSize().iconSize}\n\t\t\t\t\t/>\n\t\t\t\t</InputAddon>\n\t\t\t);\n\t\t}\n\n\t\t// Icon passed as React element\n\t\tif (icon != null && isValidElement(icon)) {\n\t\t\tconst sizedIcon = cloneElement(icon as any, {\n\t\t\t\tsize: this.computeSize().iconSize,\n\t\t\t});\n\t\t\tconst hasOnClick =\n\t\t\t\ttypeof (icon as any)?.props?.onClick !== 'undefined';\n\n\t\t\treturn (\n\t\t\t\t<InputAddon onClick={() => !hasOnClick && this.focus()}>\n\t\t\t\t\t{sizedIcon}\n\t\t\t\t</InputAddon>\n\t\t\t);\n\t\t}\n\n\t\t// Icon passed as Icon.props object\n\t\tif (icon != null && !isValidElement(icon)) {\n\t\t\tconst hasOnClick = typeof (icon as any)?.onClick !== 'undefined';\n\n\t\t\treturn (\n\t\t\t\t<InputAddon onClick={() => !hasOnClick && this.focus()}>\n\t\t\t\t\t<Icon {...icon} />\n\t\t\t\t</InputAddon>\n\t\t\t);\n\t\t}\n\n\t\treturn null;\n\t};\n\n\t// Creating an input element\n\trenderInput = (htmlInputProps: any) => {\n\t\tconst { input, type } = this.props;\n\n\t\t// Handling case of duplicate ID's for the same FormField label\n\t\tconst isLabelAssigned = this.context.inputRef;\n\t\tconst labelFor = this.context.labelFor;\n\t\tif (!isLabelAssigned) {\n\t\t\tthis.context.inputRef = this.inputRef;\n\t\t}\n\n\t\tif (input != null && isValidElement(input)) {\n\t\t\treturn cloneElement(input as any, {\n\t\t\t\t...htmlInputProps,\n\t\t\t\tid: this.props.id || (!isLabelAssigned ? labelFor : undefined),\n\t\t\t});\n\t\t}\n\n\t\treturn createElement('input', {\n\t\t\t...htmlInputProps,\n\t\t\ttype,\n\t\t\tid: this.props.id || (!isLabelAssigned ? labelFor : undefined),\n\t\t});\n\t};\n\n\trenderShortLabel = () => {\n\t\tconst { shortLabel } = this.props;\n\n\t\tif (typeof shortLabel === 'string' && shortLabel !== '') {\n\t\t\treturn (\n\t\t\t\t<InputAddon onClick={() => this.focus()}>\n\t\t\t\t\t{shortLabel}\n\t\t\t\t</InputAddon>\n\t\t\t);\n\t\t}\n\n\t\t// Label passed as React element\n\t\tif (shortLabel != null && isValidElement(shortLabel)) {\n\t\t\tconst iconSize =\n\t\t\t\t(shortLabel as any).props.size || this.computeSize().iconSize;\n\n\t\t\tconst hasOnClick =\n\t\t\t\ttypeof (shortLabel.props as any)?.onClick !== 'undefined';\n\n\t\t\treturn (\n\t\t\t\t<InputAddon onClick={() => !hasOnClick && this.focus()}>\n\t\t\t\t\t{cloneElement(shortLabel as any, { size: iconSize })}\n\t\t\t\t</InputAddon>\n\t\t\t);\n\t\t}\n\n\t\treturn null;\n\t};\n\n\t// Handling with size-related shortcut props, like xsmall=\"true\"...\n\tcomputeSize = (): { inputSize: InputProps['size']; iconSize: string } => {\n\t\tlet inputSize = this.props.size;\n\n\t\tif (this.props.xsmall) inputSize = 'xsmall';\n\t\tif (this.props.small) inputSize = 'small';\n\t\tif (this.props.large) inputSize = 'large';\n\n\t\tconst iconSize = {\n\t\t\txsmall: '16px',\n\t\t\tsmall: '20px',\n\t\t\tmedium: '20px',\n\t\t\tlarge: '24px',\n\t\t}[inputSize];\n\n\t\treturn { inputSize, iconSize };\n\t};\n\n\tcomputeTabIndex = () => {\n\t\tif (this.props.tabIndex) return this.props.tabIndex;\n\t\tif (this.props.disabled) return -1;\n\t};\n\n\tfocus = () => this.inputRef.current.focus();\n\n\tselect = () => this.inputRef.current.select();\n\n\thandleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\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\thandleChildOverrides = (child: any, defaultProps: any) => ({\n\t\t...defaultProps,\n\t\t...child.props,\n\t\tref: (c: any) => {\n\t\t\thandleRef(child.ref, c);\n\t\t\t(this.inputRef.current as any) = c;\n\t\t},\n\t});\n\n\trender() {\n\t\tconst {\n\t\t\tactionPosition,\n\t\t\tchildren,\n\t\t\tclassName,\n\t\t\tdisabled,\n\t\t\tel: InputElement,\n\t\t\terror,\n\t\t\tfluid,\n\t\t\tfocus,\n\t\t\ticonPosition,\n\t\t\tinverted,\n\t\t\tloading,\n\t\t\tshortLabelPosition,\n\t\t\ttransparent,\n\t\t\treadonly,\n\t\t} = this.props;\n\t\tconst { inputRef, ...inputProps } = this.props;\n\n\t\tconst InputClasses = classnames('Input', className, {\n\t\t\t[`Input--${this.computeSize().inputSize}`]:\n\t\t\t\tthis.computeSize().inputSize,\n\t\t\t'Input--disabled': disabled,\n\t\t\t'Input--error': error,\n\t\t\t'Input--fluid': fluid,\n\t\t\t'Input--focus': focus,\n\t\t\t'Input--inverted': inverted,\n\t\t\t'Input--loading': loading,\n\t\t\t'Input--transparent': transparent,\n\t\t\t'Input--readonly': readonly,\n\t\t});\n\n\t\tconst [strictHtmlInputProps] = splitPropsUsingArray(\n\t\t\tinputProps,\n\t\t\thtmlInputPropsArray\n\t\t);\n\t\tconst htmlInputProps = {\n\t\t\t...strictHtmlInputProps,\n\t\t\ttabIndex: this.computeTabIndex(),\n\t\t\tonChange: this.handleChange,\n\t\t\tref: this.inputRef,\n\t\t};\n\t\tconst [, rest] = splitPropsUsingArray(inputProps, [\n\t\t\t...htmlInputPropsArray,\n\t\t\t...inputPropsArray,\n\t\t]);\n\n\t\t// Case of children passed directly into Input\n\t\tif (Children.count(children) !== 0) {\n\t\t\tconst childElements = Children.toArray(children).map((child, k) => {\n\t\t\t\tif (isElementOfType(child, Button)) {\n\t\t\t\t\treturn child;\n\t\t\t\t}\n\n\t\t\t\tif ((child as any).type === 'input') {\n\t\t\t\t\t// Passing htmlInputProps to the <input />\n\t\t\t\t\treturn cloneElement(\n\t\t\t\t\t\tchild as any,\n\t\t\t\t\t\tthis.handleChildOverrides(child, htmlInputProps)\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\treturn <Input.Addon key={k}>{child}</Input.Addon>;\n\t\t\t});\n\n\t\t\treturn (\n\t\t\t\t<InputElement\n\t\t\t\t\t{...rest}\n\t\t\t\t\tclassName={classnames(InputClasses, 'Input--with-children')}\n\t\t\t\t>\n\t\t\t\t\t<div className=\"Input__InnerWrapper\">{childElements}</div>\n\t\t\t\t</InputElement>\n\t\t\t);\n\t\t}\n\n\t\t// Render with shorthands\n\t\treturn (\n\t\t\t<InputElement\n\t\t\t\tclassName={InputClasses}\n\t\t\t\tdata-anvil-component=\"Input\"\n\t\t\t\t{...rest}\n\t\t\t>\n\t\t\t\t{actionPosition === 'left' && this.renderAction()}\n\t\t\t\t<div className=\"Input__InnerWrapper\">\n\t\t\t\t\t{iconPosition === 'left' && this.renderIcon()}\n\t\t\t\t\t{shortLabelPosition === 'left' && this.renderShortLabel()}\n\t\t\t\t\t{this.renderInput(htmlInputProps)}\n\t\t\t\t\t{loading && (\n\t\t\t\t\t\t<InputAddon onClick={() => this.focus()}>\n\t\t\t\t\t\t\t<Spinner />\n\t\t\t\t\t\t</InputAddon>\n\t\t\t\t\t)}\n\t\t\t\t\t{shortLabelPosition === 'right' && this.renderShortLabel()}\n\t\t\t\t\t{iconPosition === 'right' && this.renderIcon()}\n\t\t\t\t</div>\n\t\t\t\t{actionPosition === 'right' && this.renderAction()}\n\t\t\t</InputElement>\n\t\t);\n\t}\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.test.js","sourceRoot":"","sources":["../../../src/components/Input/Input.test.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Input.test.js","sourceRoot":"","sources":["../../../src/components/Input/Input.test.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\n\nimport { Icon } from '../Icon';\nimport { Form } from '../Form';\nimport { Input } from '../Input';\n\nconst FormInputIcon = () => {\n\tconst handleClick = () => console.warn('icon clicked');\n\tconst handleSubmit = () => console.warn('form submitted');\n\n\treturn (\n\t\t<Form onSubmit={handleSubmit}>\n\t\t\t<Input\n\t\t\t\tclassName=\"i1\"\n\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\ticon={<Icon name=\"help\" onClick={handleClick} />}\n\t\t\t/>\n\t\t</Form>\n\t);\n};\n\ndescribe('test Input with an Icon.onClick inside', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tjest.spyOn(global.console, 'warn');\n\tconsole.warn = jest.fn(); // Prevent actual console.warn from showing up in command line\n\n\tconst getElements = () => {\n\t\tconst { container } = render(<FormInputIcon />);\n\n\t\treturn [\n\t\t\tcontainer.querySelector('.i1 input') as HTMLInputElement,\n\t\t\tcontainer.querySelector('.i1 .a-Icon') as HTMLInputElement,\n\t\t];\n\t};\n\tconst user = userEvent.setup();\n\n\tit('should be focused on Input click', async () => {\n\t\tconst [input, icon] = getElements();\n\n\t\texpect(input).not.toHaveFocus();\n\t\texpect(icon).not.toHaveFocus();\n\t\tawait user.click(input);\n\t\texpect(input).toHaveFocus();\n\t\texpect(icon).not.toHaveFocus();\n\t\tconsole.warn('warn to count first call of console.warn');\n\t\texpect(console.warn).toHaveBeenCalledTimes(1);\n\t});\n\n\tit('should not call handleClick on enter keypress', async () => {\n\t\tconst [input, icon] = getElements();\n\n\t\tawait user.click(input);\n\t\tawait user.keyboard('hello');\n\t\texpect(input).toHaveFocus();\n\t\texpect(icon).not.toHaveFocus();\n\t\tawait user.keyboard('{enter}');\n\t\texpect(console.warn).toHaveBeenCalledTimes(2);\n\t\texpect(console.warn).toBeCalledWith('form submitted');\n\t});\n\n\tit('should call handleClick when click on Icon', async () => {\n\t\tconst [input, icon] = getElements();\n\n\t\tawait user.click(icon);\n\t\texpect(input).not.toHaveFocus();\n\t\texpect(icon).toHaveFocus();\n\t\texpect(console.warn).toHaveBeenCalledTimes(3);\n\t\texpect(console.warn).toBeCalledWith('icon clicked');\n\t});\n});\n\ndescribe('Input', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Input\n\t\t\t\tclassName=\"i1\"\n\t\t\t\tplaceholder=\"Placeholder\"\n\t\t\t\ticon={<Icon name=\"help\" />}\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":"InputAddon.js","sourceRoot":"","sources":["../../../src/components/Input/InputAddon.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAWxD,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,EAI/C,EAAE,EAAE;QAJ2C,EAC/C,EAAE,EAAE,iBAAiB,GAAG,KAAK,EAC7B,SAAS,OAET,EADG,KAAK,cAHuC,mBAI/C,CADQ;IAER,MAAM,iBAAiB,GAAG,UAAU,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAE9D,OAAO,CACN,oBAAC,iBAAiB,oBAAK,KAAK,IAAE,SAAS,EAAE,iBAAiB,KACxD,UAAU,CAAC,KAAK,CAAC,CACC,CACpB,CAAC;AACH,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"InputAddon.js","sourceRoot":"","sources":["../../../src/components/Input/InputAddon.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAWxD,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,EAI/C,EAAE,EAAE;QAJ2C,EAC/C,EAAE,EAAE,iBAAiB,GAAG,KAAK,EAC7B,SAAS,OAET,EADG,KAAK,cAHuC,mBAI/C,CADQ;IAER,MAAM,iBAAiB,GAAG,UAAU,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAE9D,OAAO,CACN,oBAAC,iBAAiB,oBAAK,KAAK,IAAE,SAAS,EAAE,iBAAiB,KACxD,UAAU,CAAC,KAAK,CAAC,CACC,CACpB,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\n\nimport { getContent } from '../../utilities/getContent';\n\nexport interface StrictInputAddonProps {\n\t/** Additional classes. */\n\tclassName?: string;\n}\n\nexport interface InputAddonProps extends StrictInputAddonProps {\n\t[key: string]: any;\n}\n\nexport const InputAddon: FC<InputAddonProps> = ({\n\tel: InputAddonElement = 'div',\n\tclassName,\n\t...props\n}) => {\n\tconst InputAddonClasses = classnames('InputAddon', className);\n\n\treturn (\n\t\t<InputAddonElement {...props} className={InputAddonClasses}>\n\t\t\t{getContent(props)}\n\t\t</InputAddonElement>\n\t);\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Input/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Input/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC","sourcesContent":["export * from './Input';\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inputProps.js","sourceRoot":"","sources":["../../../src/components/Input/inputProps.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG;IAC7B,QAAQ;IACR,UAAU;IACV,cAAc;IACd,gBAAgB;IAEhB,kBAAkB;IAClB,QAAQ;IACR,gBAAgB;IAChB,cAAc;IACd,aAAa;IACb,WAAW;IACX,SAAS;IACT,UAAU;IACV,MAAM;IACN,IAAI;IACJ,MAAM;IACN,MAAM;IACN,KAAK;IACL,WAAW;IACX,KAAK;IACL,WAAW;IACX,UAAU;IACV,MAAM;IACN,SAAS;IACT,aAAa;IACb,UAAU;IACV,UAAU;IACV,MAAM;IACN,OAAO;IACP,MAAM;IACN,OAAO;CACP,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG;IAC9B,WAAW;IACX,WAAW;IACX,YAAY;IACZ,SAAS;IAET,QAAQ;IACR,SAAS;IACT,QAAQ;IAER,OAAO;IACP,UAAU;IACV,SAAS;IAET,QAAQ;IACR,SAAS;IACT,eAAe;IACf,QAAQ;IACR,WAAW;IACX,aAAa;IACb,YAAY;IACZ,aAAa;IACb,YAAY;IACZ,aAAa;IACb,QAAQ;IACR,aAAa;IACb,cAAc;IACd,cAAc;IACd,aAAa;IACb,YAAY;IACZ,aAAa;IACb,WAAW;IAEX,YAAY;IACZ,UAAU;IAEV,QAAQ;IACR,eAAe;IACf,YAAY;IACZ,aAAa;IACb,cAAc;CACd,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,GAAG,cAAc,EAAE,GAAG,eAAe,CAAC,CAAC;AAE3E,MAAM,CAAC,MAAM,eAAe,GAAG;IAC9B,IAAI;IACJ,QAAQ;IACR,gBAAgB;IAChB,UAAU;IACV,WAAW;IACX,UAAU;IACV,OAAO;IACP,OAAO;IACP,OAAO;IACP,MAAM;IACN,cAAc;IACd,OAAO;IACP,UAAU;IACV,OAAO;IACP,SAAS;IACT,UAAU;IACV,MAAM;IACN,YAAY;IACZ,oBAAoB;IACpB,OAAO;IACP,UAAU;IACV,aAAa;IACb,MAAM;IACN,QAAQ;CACR,CAAC;AAEF,mFAAmF;AACnF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAU,EAAE,eAAyB,EAAE,EAAE;IAC7E,MAAM,IAAI,qBAAQ,KAAK,CAAE,CAAC;IAE1B,MAAM,WAAW,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,QAAQ,EAAE,EAAE;QAC/D,IAAI,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE;YACjC,MAAc,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC;YAC3C,OAAQ,IAAY,CAAC,QAAQ,CAAC,CAAC;SAC/B;QACD,OAAO,MAAM,CAAC;IACf,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;AAC5B,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"inputProps.js","sourceRoot":"","sources":["../../../src/components/Input/inputProps.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG;IAC7B,QAAQ;IACR,UAAU;IACV,cAAc;IACd,gBAAgB;IAEhB,kBAAkB;IAClB,QAAQ;IACR,gBAAgB;IAChB,cAAc;IACd,aAAa;IACb,WAAW;IACX,SAAS;IACT,UAAU;IACV,MAAM;IACN,IAAI;IACJ,MAAM;IACN,MAAM;IACN,KAAK;IACL,WAAW;IACX,KAAK;IACL,WAAW;IACX,UAAU;IACV,MAAM;IACN,SAAS;IACT,aAAa;IACb,UAAU;IACV,UAAU;IACV,MAAM;IACN,OAAO;IACP,MAAM;IACN,OAAO;CACP,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG;IAC9B,WAAW;IACX,WAAW;IACX,YAAY;IACZ,SAAS;IAET,QAAQ;IACR,SAAS;IACT,QAAQ;IAER,OAAO;IACP,UAAU;IACV,SAAS;IAET,QAAQ;IACR,SAAS;IACT,eAAe;IACf,QAAQ;IACR,WAAW;IACX,aAAa;IACb,YAAY;IACZ,aAAa;IACb,YAAY;IACZ,aAAa;IACb,QAAQ;IACR,aAAa;IACb,cAAc;IACd,cAAc;IACd,aAAa;IACb,YAAY;IACZ,aAAa;IACb,WAAW;IAEX,YAAY;IACZ,UAAU;IAEV,QAAQ;IACR,eAAe;IACf,YAAY;IACZ,aAAa;IACb,cAAc;CACd,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,GAAG,cAAc,EAAE,GAAG,eAAe,CAAC,CAAC;AAE3E,MAAM,CAAC,MAAM,eAAe,GAAG;IAC9B,IAAI;IACJ,QAAQ;IACR,gBAAgB;IAChB,UAAU;IACV,WAAW;IACX,UAAU;IACV,OAAO;IACP,OAAO;IACP,OAAO;IACP,MAAM;IACN,cAAc;IACd,OAAO;IACP,UAAU;IACV,OAAO;IACP,SAAS;IACT,UAAU;IACV,MAAM;IACN,YAAY;IACZ,oBAAoB;IACpB,OAAO;IACP,UAAU;IACV,aAAa;IACb,MAAM;IACN,QAAQ;CACR,CAAC;AAEF,mFAAmF;AACnF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAU,EAAE,eAAyB,EAAE,EAAE;IAC7E,MAAM,IAAI,qBAAQ,KAAK,CAAE,CAAC;IAE1B,MAAM,WAAW,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,QAAQ,EAAE,EAAE;QAC/D,IAAI,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE;YACjC,MAAc,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC;YAC3C,OAAQ,IAAY,CAAC,QAAQ,CAAC,CAAC;SAC/B;QACD,OAAO,MAAM,CAAC;IACf,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;AAC5B,CAAC,CAAC","sourcesContent":["export const htmlInputProps = [\n\t// React\n\t'selected',\n\t'defaultValue',\n\t'defaultChecked',\n\n\t// HTML attributes\n\t'accept',\n\t'autoCapitalize',\n\t'autoComplete',\n\t'autoCorrect',\n\t'autoFocus',\n\t'checked',\n\t'disabled',\n\t'form',\n\t'id',\n\t'lang',\n\t'list',\n\t'max',\n\t'maxLength',\n\t'min',\n\t'minLength',\n\t'multiple',\n\t'name',\n\t'pattern',\n\t'placeholder',\n\t'readOnly',\n\t'required',\n\t'step',\n\t'title',\n\t'type',\n\t'value',\n];\n\nexport const htmlInputEvents = [\n\t// Keyboard\n\t'onKeyDown',\n\t'onKeyPress',\n\t'onKeyUp',\n\n\t// Focus\n\t'onFocus',\n\t'onBlur',\n\n\t// Form\n\t'onChange',\n\t'onInput',\n\n\t// Mouse\n\t'onClick',\n\t'onContextMenu',\n\t'onDrag',\n\t'onDragEnd',\n\t'onDragEnter',\n\t'onDragExit',\n\t'onDragLeave',\n\t'onDragOver',\n\t'onDragStart',\n\t'onDrop',\n\t'onMouseDown',\n\t'onMouseEnter',\n\t'onMouseLeave',\n\t'onMouseMove',\n\t'onMouseOut',\n\t'onMouseOver',\n\t'onMouseUp',\n\n\t// Selection\n\t'onSelect',\n\n\t// Touch\n\t'onTouchCancel',\n\t'onTouchEnd',\n\t'onTouchMove',\n\t'onTouchStart',\n];\n\nexport const htmlInputPropsArray = [...htmlInputProps, ...htmlInputEvents];\n\nexport const inputPropsArray = [\n\t'el',\n\t'action',\n\t'actionPosition',\n\t'children',\n\t'className',\n\t'disabled',\n\t'error',\n\t'fluid',\n\t'focus',\n\t'icon',\n\t'iconPosition',\n\t'input',\n\t'inverted',\n\t'large',\n\t'loading',\n\t'onChange',\n\t'size',\n\t'shortLabel',\n\t'shortLabelPosition',\n\t'small',\n\t'tabIndex',\n\t'transparent',\n\t'type',\n\t'xsmall',\n];\n\n// Returns an array of objects consisting of [props found in targetKeysArray, rest]\nexport const splitPropsUsingArray = (props: any, targetKeysArray: string[]) => {\n\tconst rest = { ...props };\n\n\tconst targetProps = targetKeysArray.reduce((result, propName) => {\n\t\tif (rest.hasOwnProperty(propName)) {\n\t\t\t(result as any)[propName] = rest[propName];\n\t\t\tdelete (rest as any)[propName];\n\t\t}\n\t\treturn result;\n\t}, {});\n\treturn [targetProps, rest];\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KeyPressListener.js","sourceRoot":"","sources":["../../../src/components/KeyPressListener/KeyPressListener.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAazC,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EACjE,IAAI,EACJ,OAAO,EACP,QAAQ,GAAG,OAAO,EAClB,QAAQ,GAAG,KAAK,EAChB,aAAa,GACb,EAAE,EAAE;IACJ,MAAM,cAAc,GAAG,CAAC,KAAoB,EAAE,EAAE;QAC/C,IAAI,KAAK,CAAC,IAAI,KAAK,IAAI;YAAE,OAAO;QAEhC,IAAI,QAAQ,EAAE;YACb,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,OAAO;SACP;QAED,OAAO,CAAC,KAAK,CAAC,CAAC;IAChB,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAEpE,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,MAAM,GAAG,UAAU,EAAE,CAAC;QAC5B,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QAElD,OAAO,GAAG,EAAE;YACX,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QACtD,CAAC,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,IAAI,CAAC;AACb,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"KeyPressListener.js","sourceRoot":"","sources":["../../../src/components/KeyPressListener/KeyPressListener.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAazC,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EACjE,IAAI,EACJ,OAAO,EACP,QAAQ,GAAG,OAAO,EAClB,QAAQ,GAAG,KAAK,EAChB,aAAa,GACb,EAAE,EAAE;IACJ,MAAM,cAAc,GAAG,CAAC,KAAoB,EAAE,EAAE;QAC/C,IAAI,KAAK,CAAC,IAAI,KAAK,IAAI;YAAE,OAAO;QAEhC,IAAI,QAAQ,EAAE;YACb,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,OAAO;SACP;QAED,OAAO,CAAC,KAAK,CAAC,CAAC;IAChB,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAEpE,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,MAAM,GAAG,UAAU,EAAE,CAAC;QAC5B,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QAElD,OAAO,GAAG,EAAE;YACX,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QACtD,CAAC,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,IAAI,CAAC;AACb,CAAC,CAAC","sourcesContent":["import React, { useEffect } from 'react';\nimport { Keys } from '../../utilities/keyCodes';\n\nexport interface KeyPressListenerProps {\n\tcode: Keys;\n\thandler(event: KeyboardEvent): void;\n\tkeyEvent?: KeyEvent;\n\tdisabled?: boolean;\n\ttargetElement?: HTMLElement;\n}\n\ntype KeyEvent = 'keydown' | 'keyup';\n\nexport const KeyPressListener: React.FC<KeyPressListenerProps> = ({\n\tcode,\n\thandler,\n\tkeyEvent = 'keyup',\n\tdisabled = false,\n\ttargetElement,\n}) => {\n\tconst handleKeyEvent = (event: KeyboardEvent) => {\n\t\tif (event.code !== code) return;\n\n\t\tif (disabled) {\n\t\t\tevent.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\thandler(event);\n\t};\n\n\tconst getElement = () => (targetElement ? targetElement : document);\n\n\tuseEffect(() => {\n\t\tconst target = getElement();\n\t\ttarget.addEventListener(keyEvent, handleKeyEvent);\n\n\t\treturn () => {\n\t\t\ttarget.removeEventListener(keyEvent, handleKeyEvent);\n\t\t};\n\t});\n\n\treturn null;\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/KeyPressListener/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/KeyPressListener/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC","sourcesContent":["export * from './KeyPressListener';\n"]}
|
|
@@ -31,10 +31,7 @@ export const Label = (_a) => {
|
|
|
31
31
|
return help;
|
|
32
32
|
};
|
|
33
33
|
/* If Label is in a <label>, it typically brings focus to another element. This function prevents this. */
|
|
34
|
-
const preventControlFocus = (e) =>
|
|
35
|
-
e.preventDefault();
|
|
36
|
-
e.stopPropagation();
|
|
37
|
-
};
|
|
34
|
+
const preventControlFocus = (e) => e.stopPropagation();
|
|
38
35
|
const LabelClasses = classnames('Label', className, {
|
|
39
36
|
'Label--error': error,
|
|
40
37
|
'Label--disabled': disabled,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../src/components/Label/Label.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,OAAO,EAAgB,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAiC/B,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,EAWrC,EAAE,EAAE;QAXiC,EACrC,MAAM,EACN,QAAQ,EACR,SAAS,EACT,SAAS,EACT,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,QAAQ,OAER,EADG,KAAK,cAV6B,qGAWrC,CADQ;IAER,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAChC,MAAM,UAAU,GAAG,YAAY,CAAC;QAChC,MAAM,UAAU,GAAG,GAAG,CAAC;QAEvB,OAAO,QAAQ,CAAC,CAAC,CAAC,CACjB,8BAAM,SAAS,EAAC,iBAAiB,IAAE,UAAU,CAAQ,CACrD,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CACd,8BAAM,SAAS,EAAC,iBAAiB,IAAE,UAAU,CAAQ,CACrD,CAAC,CAAC,CAAC,SAAS,CAAC;IACf,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACzB,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,EAAE;YAAE,OAAO,KAAK,CAAC;QACpD,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;YAC7B,OAAO,CACN,oBAAC,OAAO,IACP,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,mBAAmB,EAC5B,MAAM;gBAEN,oBAAC,IAAI,IAAC,SAAS,EAAC,aAAa,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,GAAG,CAC7C,CACV,CAAC;SACF;QACD,OAAO,IAAI,CAAC;IACb,CAAC,CAAC;IAEF,0GAA0G;IAC1G,MAAM,mBAAmB,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../src/components/Label/Label.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,OAAO,EAAgB,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAiC/B,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,EAWrC,EAAE,EAAE;QAXiC,EACrC,MAAM,EACN,QAAQ,EACR,SAAS,EACT,SAAS,EACT,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,QAAQ,OAER,EADG,KAAK,cAV6B,qGAWrC,CADQ;IAER,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAChC,MAAM,UAAU,GAAG,YAAY,CAAC;QAChC,MAAM,UAAU,GAAG,GAAG,CAAC;QAEvB,OAAO,QAAQ,CAAC,CAAC,CAAC,CACjB,8BAAM,SAAS,EAAC,iBAAiB,IAAE,UAAU,CAAQ,CACrD,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CACd,8BAAM,SAAS,EAAC,iBAAiB,IAAE,UAAU,CAAQ,CACrD,CAAC,CAAC,CAAC,SAAS,CAAC;IACf,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACzB,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,EAAE;YAAE,OAAO,KAAK,CAAC;QACpD,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;YAC7B,OAAO,CACN,oBAAC,OAAO,IACP,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,mBAAmB,EAC5B,MAAM;gBAEN,oBAAC,IAAI,IAAC,SAAS,EAAC,aAAa,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,GAAG,CAC7C,CACV,CAAC;SACF;QACD,OAAO,IAAI,CAAC;IACb,CAAC,CAAC;IAEF,0GAA0G;IAC1G,MAAM,mBAAmB,GAAG,CAAC,CAAsC,EAAE,EAAE,CACtE,CAAC,CAAC,eAAe,EAAE,CAAC;IAErB,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,EAAE,SAAS,EAAE;QACnD,cAAc,EAAE,KAAK;QACrB,iBAAiB,EAAE,QAAQ;KAC3B,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,KAAK,kBAAC,SAAS,EAAE,YAAY,0BAAuB,OAAO,IAAK,KAAK;QACrE,oBAAC,KAAK,CAAC,IAAI,IAAC,IAAI;YACd,QAAQ;YACR,mBAAmB,EAAE;YACrB,YAAY,EAAE,CACH;QACb,8BAAM,SAAS,EAAC,eAAe,EAAC,OAAO,EAAE,mBAAmB,IAC1D,MAAM,CACD,CACA,CACR,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\nimport { Tooltip, TooltipProps } from '../Tooltip';\nimport { Stack } from '../Stack';\nimport { Icon } from '../Icon';\n\nexport interface LabelPropsStrict {\n\t/** Add a related secondary action to the input */\n\taction?: React.ReactElement | string | boolean;\n\n\t/** Adds one or more classnames for an element */\n\tclassName?: string;\n\n\t/** Tooltips direction relative to the element its apart of */\n\tdirection?: TooltipProps['direction'];\n\n\t/** Applies a visual disabled style */\n\tdisabled?: boolean;\n\n\t/** Applies a visual error style */\n\terror?: boolean;\n\n\t/** Adds an explainer help icon with tooltip */\n\thelp?: React.ReactElement | string;\n\n\t/** Show that an input is visually optional using the label */\n\toptional?: boolean;\n\n\t/** A field can show that input is mandatory. Requires a label. */\n\trequired?: boolean;\n}\n\nexport interface LabelProps extends LabelPropsStrict {\n\t/** Unstrict Props */\n\t[propName: string]: any;\n}\n\nexport const Label: FC<LabelProps> = ({\n\taction,\n\tchildren,\n\tclassName,\n\tdirection,\n\tdisabled,\n\terror,\n\thelp,\n\toptional,\n\trequired,\n\t...props\n}) => {\n\tconst getRequiredOptional = () => {\n\t\tconst optionalUI = '(optional)';\n\t\tconst requiredUI = '*';\n\n\t\treturn required ? (\n\t\t\t<span className=\"Label__required\">{requiredUI}</span>\n\t\t) : optional ? (\n\t\t\t<span className=\"Label__optional\">{optionalUI}</span>\n\t\t) : undefined;\n\t};\n\n\tconst getLabelHelp = () => {\n\t\tif (help === undefined || help === '') return false;\n\t\tif (typeof help === 'string') {\n\t\t\treturn (\n\t\t\t\t<Tooltip\n\t\t\t\t\ttext={help}\n\t\t\t\t\tdirection={direction}\n\t\t\t\t\tonClick={preventControlFocus}\n\t\t\t\t\tportal\n\t\t\t\t>\n\t\t\t\t\t<Icon className=\"Label__help\" name=\"help\" size=\"18\" />\n\t\t\t\t</Tooltip>\n\t\t\t);\n\t\t}\n\t\treturn help;\n\t};\n\n\t/* If Label is in a <label>, it typically brings focus to another element. This function prevents this. */\n\tconst preventControlFocus = (e: React.PointerEvent<HTMLSpanElement>) =>\n\t\te.stopPropagation();\n\n\tconst LabelClasses = classnames('Label', className, {\n\t\t'Label--error': error,\n\t\t'Label--disabled': disabled,\n\t});\n\n\treturn (\n\t\t<Stack className={LabelClasses} data-anvil-component=\"Label\" {...props}>\n\t\t\t<Stack.Item fill>\n\t\t\t\t{children}\n\t\t\t\t{getRequiredOptional()}\n\t\t\t\t{getLabelHelp()}\n\t\t\t</Stack.Item>\n\t\t\t<span className=\"Label__action\" onClick={preventControlFocus}>\n\t\t\t\t{action}\n\t\t\t</span>\n\t\t</Stack>\n\t);\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Label/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Label/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC","sourcesContent":["export * from './Label';\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Layout.js","sourceRoot":"","sources":["../../../src/components/Layout/Layout.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AA+BhD,MAAM,CAAC,MAAM,MAAM,GAAW,CAAC,EAS9B,EAAE,EAAE;QAT0B,EAC9B,YAAY,GAAG,IAAI,EACnB,QAAQ,EACR,SAAS,EACT,SAAS,GAAG,MAAM,EAClB,cAAc,EACd,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,MAAM,OAEb,EADG,IAAI,cARuB,2FAS9B,CADO;IAEP,MAAM,WAAW,GAAG,GAAG,EAAE;QACxB,IAAI,CAAC,YAAY;YAAE,OAAO,QAAQ,CAAC;QAEnC,MAAM,WAAW,GAAQ,EAAE,CAAC;QAC5B,MAAM,eAAe,GAAG,YAAY,CACnC,QAAQ,EACR,aAAa,EACb,WAAW,CACX,CAAC;QAEF,OAAO,eAAe,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,UAAU,CAAC,QAAQ,EAAE,SAAS,EAAE;QACrD,cAAc,EAAE,IAAI,KAAK,MAAM;QAC/B,cAAc,EAAE,IAAI,KAAK,MAAM;QAC/B,cAAc,EAAE,IAAI,KAAK,MAAM;QAC/B,cAAc,EAAE,IAAI,KAAK,MAAM;QAC/B,gBAAgB,EAAE,IAAI,KAAK,QAAQ;QACnC,qBAAqB,EAAE,IAAI,KAAK,SAAS,IAAI,SAAS,KAAK,MAAM;QACjE,sBAAsB,EAAE,IAAI,KAAK,SAAS,IAAI,SAAS,KAAK,OAAO;QACnE,iBAAiB,EAAE,OAAO,KAAK,SAAS;QACxC,iBAAiB,EAAE,OAAO,KAAK,SAAS;QACxC,kBAAkB,EAAE,OAAO,KAAK,MAAM;QACtC,CAAC,mBAAmB,cAAc,EAAE,CAAC,EAAE,cAAc;KACrD,CAAC,CAAC;IAEH,OAAO,CACN,2CAAK,SAAS,EAAE,aAAa,0BAAuB,QAAQ,IAAK,IAAI,GACnE,WAAW,EAAE,CACT,CACN,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,OAAO,GAAG,aAAa,CAAC"}
|
|
1
|
+
{"version":3,"file":"Layout.js","sourceRoot":"","sources":["../../../src/components/Layout/Layout.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AA+BhD,MAAM,CAAC,MAAM,MAAM,GAAW,CAAC,EAS9B,EAAE,EAAE;QAT0B,EAC9B,YAAY,GAAG,IAAI,EACnB,QAAQ,EACR,SAAS,EACT,SAAS,GAAG,MAAM,EAClB,cAAc,EACd,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,MAAM,OAEb,EADG,IAAI,cARuB,2FAS9B,CADO;IAEP,MAAM,WAAW,GAAG,GAAG,EAAE;QACxB,IAAI,CAAC,YAAY;YAAE,OAAO,QAAQ,CAAC;QAEnC,MAAM,WAAW,GAAQ,EAAE,CAAC;QAC5B,MAAM,eAAe,GAAG,YAAY,CACnC,QAAQ,EACR,aAAa,EACb,WAAW,CACX,CAAC;QAEF,OAAO,eAAe,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,UAAU,CAAC,QAAQ,EAAE,SAAS,EAAE;QACrD,cAAc,EAAE,IAAI,KAAK,MAAM;QAC/B,cAAc,EAAE,IAAI,KAAK,MAAM;QAC/B,cAAc,EAAE,IAAI,KAAK,MAAM;QAC/B,cAAc,EAAE,IAAI,KAAK,MAAM;QAC/B,gBAAgB,EAAE,IAAI,KAAK,QAAQ;QACnC,qBAAqB,EAAE,IAAI,KAAK,SAAS,IAAI,SAAS,KAAK,MAAM;QACjE,sBAAsB,EAAE,IAAI,KAAK,SAAS,IAAI,SAAS,KAAK,OAAO;QACnE,iBAAiB,EAAE,OAAO,KAAK,SAAS;QACxC,iBAAiB,EAAE,OAAO,KAAK,SAAS;QACxC,kBAAkB,EAAE,OAAO,KAAK,MAAM;QACtC,CAAC,mBAAmB,cAAc,EAAE,CAAC,EAAE,cAAc;KACrD,CAAC,CAAC;IAEH,OAAO,CACN,2CAAK,SAAS,EAAE,aAAa,0BAAuB,QAAQ,IAAK,IAAI,GACnE,WAAW,EAAE,CACT,CACN,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,OAAO,GAAG,aAAa,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\nimport { JustifyProps } from '../../utilities/justify-props';\nimport { wrapChildren } from '../../utilities/wrapChildren';\nimport { LayoutSection } from './LayoutSection';\n\nexport interface LayoutPropsStrict {\n\t/** Auto-wraps each child with a <Layout.Section> */\n\tautoSections?: boolean;\n\n\t/** Adds one or more classnames for an element */\n\tclassName?: string;\n\n\tdirection?: 'left' | 'right';\n\n\t/** Sets justify alignment on columns in the layout */\n\tjustifyContent?: JustifyProps;\n\n\t/** Types of columns for the layout component */\n\ttype?: '1Col' | '2Col' | '3Col' | '4Col' | 'support' | 'island';\n\n\t/** The margins between the page and the parent content */\n\tspacing?: 'none' | 'compact' | 'relaxed';\n}\n\nexport interface LayoutProps extends LayoutPropsStrict {\n\t/** Unstrict Props */\n\t[propName: string]: any;\n}\n\nexport interface Layout extends FC<LayoutProps> {\n\t/** Subcomponents */\n\tSection: typeof LayoutSection;\n}\n\nexport const Layout: Layout = ({\n\tautoSections = true,\n\tchildren,\n\tclassName,\n\tdirection = 'left',\n\tjustifyContent,\n\tspacing = 'compact',\n\ttype = '1Col',\n\t...rest\n}) => {\n\tconst getChildren = () => {\n\t\tif (!autoSections) return children;\n\n\t\tconst parentProps: any = {};\n\t\tconst wrappedChildren = wrapChildren(\n\t\t\tchildren,\n\t\t\tLayoutSection,\n\t\t\tparentProps\n\t\t);\n\n\t\treturn wrappedChildren;\n\t};\n\n\tconst LayoutClasses = classnames('Layout', className, {\n\t\t'Layout--1Col': type === '1Col',\n\t\t'Layout--2Col': type === '2Col',\n\t\t'Layout--3Col': type === '3Col',\n\t\t'Layout--4Col': type === '4Col',\n\t\t'Layout--island': type === 'island',\n\t\t'Layout--leftSupport': type === 'support' && direction === 'left',\n\t\t'Layout--rightSupport': type === 'support' && direction === 'right',\n\t\t'Layout--compact': spacing === 'compact',\n\t\t'Layout--relaxed': spacing === 'relaxed',\n\t\t'Layout--noGutter': spacing === 'none',\n\t\t[`Layout--justify-${justifyContent}`]: justifyContent,\n\t});\n\n\treturn (\n\t\t<div className={LayoutClasses} data-anvil-component=\"Layout\" {...rest}>\n\t\t\t{getChildren()}\n\t\t</div>\n\t);\n};\n\nLayout.Section = LayoutSection;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Layout.test.js","sourceRoot":"","sources":["../../../src/components/Layout/Layout.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;IACvB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI;YACJ,oBAAC,MAAM,IACN,IAAI,EAAC,SAAS,EACd,YAAY,EAAE,KAAK,EACnB,SAAS,EAAC,MAAM,mBACF,qBAAqB;gBAEnC,oBAAC,MAAM,CAAC,OAAO,IAAC,SAAS,EAAC,OAAO,iCAEhB;gBACjB,oBAAC,MAAM,CAAC,OAAO,qCAA4C,CACnD,CACH,CACP,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI;YACJ,oBAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,YAAY,EAAE,KAAK,EAAE,SAAS,EAAC,MAAM;gBAC3D,oBAAC,MAAM,CAAC,OAAO,IACd,SAAS,EAAC,OAAO,mBACH,qBAAqB,iCAGnB;gBACjB,oBAAC,MAAM,CAAC,OAAO,qCAA4C,CACnD,CACH,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":"Layout.test.js","sourceRoot":"","sources":["../../../src/components/Layout/Layout.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;IACvB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI;YACJ,oBAAC,MAAM,IACN,IAAI,EAAC,SAAS,EACd,YAAY,EAAE,KAAK,EACnB,SAAS,EAAC,MAAM,mBACF,qBAAqB;gBAEnC,oBAAC,MAAM,CAAC,OAAO,IAAC,SAAS,EAAC,OAAO,iCAEhB;gBACjB,oBAAC,MAAM,CAAC,OAAO,qCAA4C,CACnD,CACH,CACP,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI;YACJ,oBAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,YAAY,EAAE,KAAK,EAAE,SAAS,EAAC,MAAM;gBAC3D,oBAAC,MAAM,CAAC,OAAO,IACd,SAAS,EAAC,OAAO,mBACH,qBAAqB,iCAGnB;gBACjB,oBAAC,MAAM,CAAC,OAAO,qCAA4C,CACnD,CACH,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 { Layout } from './Layout';\nimport { Page } from '../Page';\n\ndescribe('Layout', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Page>\n\t\t\t\t<Layout\n\t\t\t\t\ttype=\"support\"\n\t\t\t\t\tautoSections={false}\n\t\t\t\t\tdirection=\"left\"\n\t\t\t\t\tdata-auto-sel=\"automation-selector\"\n\t\t\t\t>\n\t\t\t\t\t<Layout.Section className=\"p-r-5\">\n\t\t\t\t\t\tLorem ipsum dolor sit amet\n\t\t\t\t\t</Layout.Section>\n\t\t\t\t\t<Layout.Section>Lorem ipsum dolor sit amet</Layout.Section>\n\t\t\t\t</Layout>\n\t\t\t</Page>\n\t\t);\n\n\t\tconst element = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(element).not.toBeNull();\n\t});\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Page>\n\t\t\t\t<Layout type=\"support\" autoSections={false} direction=\"left\">\n\t\t\t\t\t<Layout.Section\n\t\t\t\t\t\tclassName=\"p-r-5\"\n\t\t\t\t\t\tdata-auto-sel=\"automation-selector\"\n\t\t\t\t\t>\n\t\t\t\t\t\tLorem ipsum dolor sit amet\n\t\t\t\t\t</Layout.Section>\n\t\t\t\t\t<Layout.Section>Lorem ipsum dolor sit amet</Layout.Section>\n\t\t\t\t</Layout>\n\t\t\t</Page>\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":"LayoutSection.js","sourceRoot":"","sources":["../../../src/components/Layout/LayoutSection.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAYpC,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EAGrD,EAAE,EAAE;QAHiD,EACrD,SAAS,OAET,EADG,KAAK,cAF6C,aAGrD,CADQ;IAER,MAAM,oBAAoB,GAAG,UAAU,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC;IAEtE,OAAO,CACN,2CACC,SAAS,EAAE,oBAAoB,0BACV,eAAe,IAChC,KAAK,EACR,CACF,CAAC;AACH,CAAC,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
|
|
1
|
+
{"version":3,"file":"LayoutSection.js","sourceRoot":"","sources":["../../../src/components/Layout/LayoutSection.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAYpC,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EAGrD,EAAE,EAAE;QAHiD,EACrD,SAAS,OAET,EADG,KAAK,cAF6C,aAGrD,CADQ;IAER,MAAM,oBAAoB,GAAG,UAAU,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC;IAEtE,OAAO,CACN,2CACC,SAAS,EAAE,oBAAoB,0BACV,eAAe,IAChC,KAAK,EACR,CACF,CAAC;AACH,CAAC,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\n\n/**\n * LayoutSection properties\n */\nexport interface LayoutSectionProps {\n\t/** Adds one or more classnames for an element */\n\tclassName?: string;\n\n\t[propName: string]: any;\n}\n\nexport const LayoutSection: FC<LayoutSectionProps> = ({\n\tclassName,\n\t...props\n}) => {\n\tconst LayoutSectionClasses = classnames('Layout__section', className);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={LayoutSectionClasses}\n\t\t\tdata-anvil-component=\"LayoutSection\"\n\t\t\t{...props}\n\t\t/>\n\t);\n};\n\nLayoutSection.displayName = 'LayoutSection';\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC","sourcesContent":["export * from './Layout';\nexport * from './LayoutSection';\n"]}
|