@servicetitan/design-system 13.4.0 → 14.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ActionMenu/ActionMenu.css +29 -21
- package/dist/components/ActionMenu/ActionMenu.css.map +1 -1
- package/dist/components/ActionMenu/ActionMenu.d.ts +8 -2
- package/dist/components/ActionMenu/ActionMenu.js +46 -3
- package/dist/components/ActionMenu/ActionMenu.js.map +1 -1
- package/dist/components/ActionMenu/ActionMenu.stories.d.ts +39 -0
- package/dist/components/ActionMenu/ActionMenu.stories.js +249 -0
- package/dist/components/ActionMenu/ActionMenu.stories.js.map +1 -0
- 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 +2 -5
- package/dist/components/ActionMenu/ActionMenuItem.js.map +1 -1
- package/dist/components/ActionMenu/index.css +29 -21
- package/dist/components/ActionMenu/index.css.map +1 -1
- package/dist/components/ActionMenu/index.js.map +1 -1
- package/dist/components/ActionMenu/useLatestEvent.d.ts +2 -0
- package/dist/components/ActionMenu/useLatestEvent.js +20 -0
- package/dist/components/ActionMenu/useLatestEvent.js.map +1 -0
- 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 +2 -1
- package/dist/components/AnvilSelect/AnvilSelect.js +17 -41
- 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.d.ts +2 -1
- package/dist/components/AnvilSelect/components/FocusProvider.js.map +1 -1
- package/dist/components/AnvilSelect/components/SelectFooter.js +6 -6
- package/dist/components/AnvilSelect/components/SelectFooter.js.map +1 -1
- package/dist/components/AnvilSelect/components/SelectHeader.js.map +1 -1
- package/dist/components/AnvilSelect/components/SelectOptions.js.map +1 -1
- package/dist/components/AnvilSelect/components/Tree.js.map +1 -1
- package/dist/components/AnvilSelect/components/Trigger.js +2 -0
- package/dist/components/AnvilSelect/components/Trigger.js.map +1 -1
- package/dist/components/AnvilSelect/components/index.js.map +1 -1
- package/dist/components/AnvilSelect/index.js.map +1 -1
- package/dist/components/AnvilSelect/utils/FocusActionType.js.map +1 -1
- package/dist/components/AnvilSelect/utils/FocusContext.js.map +1 -1
- package/dist/components/AnvilSelect/utils/FooterAction.js.map +1 -1
- package/dist/components/AnvilSelect/utils/focus-utils.d.ts +0 -3
- package/dist/components/AnvilSelect/utils/focus-utils.js +1 -19
- 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.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 +2 -2
- 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.d.ts +2 -1
- package/dist/components/BreakPoint/BreakPoint.js.map +1 -1
- package/dist/components/BreakPoint/BreakPoint.test.js.map +1 -1
- package/dist/components/BreakPoint/index.js.map +1 -1
- package/dist/components/Button/Button.js +2 -10
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Button/Button.test.js.map +1 -1
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/ButtonGroup/ButtonGroup.js.map +1 -1
- package/dist/components/ButtonGroup/ButtonGroup.test.js.map +1 -1
- package/dist/components/ButtonGroup/ButtonGroupItem.js.map +1 -1
- package/dist/components/ButtonGroup/index.js.map +1 -1
- package/dist/components/ButtonToggle/ButtonToggle.d.ts +1 -1
- package/dist/components/ButtonToggle/ButtonToggle.js +11 -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 +1 -1
- package/dist/components/ButtonToggle/ButtonToggleItem.js.map +1 -1
- package/dist/components/ButtonToggle/index.js.map +1 -1
- package/dist/components/Card/Card.js.map +1 -1
- package/dist/components/Card/Card.test.js.map +1 -1
- package/dist/components/Card/CardSection.js.map +1 -1
- package/dist/components/Card/index.js.map +1 -1
- package/dist/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/components/Checkbox/Checkbox.test.js.map +1 -1
- package/dist/components/Checkbox/index.js.map +1 -1
- package/dist/components/Collapsible/Collapsible.js +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.css +6 -4
- package/dist/components/ColorPicker/ColorPicker.css.map +1 -1
- package/dist/components/ColorPicker/ColorPicker.d.ts +1 -7
- package/dist/components/ColorPicker/ColorPicker.js +14 -27
- package/dist/components/ColorPicker/ColorPicker.js.map +1 -1
- package/dist/components/ColorPicker/ColorPicker.test.js.map +1 -1
- package/dist/components/ColorPicker/index.css +6 -4
- package/dist/components/ColorPicker/index.css.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 +3 -3
- 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 +6 -4
- package/dist/components/DataList/DataListCell.js +2 -3
- package/dist/components/DataList/DataListCell.js.map +1 -1
- package/dist/components/DataList/DataListHeaderCell.d.ts +4 -2
- package/dist/components/DataList/DataListHeaderCell.js +2 -3
- package/dist/components/DataList/DataListHeaderCell.js.map +1 -1
- package/dist/components/DataList/DataListHeaderRow.js.map +1 -1
- package/dist/components/DataList/DataListRow.js.map +1 -1
- package/dist/components/DataList/index.js.map +1 -1
- package/dist/components/DatePicker/DatePicker.d.ts +1 -1
- package/dist/components/DatePicker/DatePicker.js +9 -6
- package/dist/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/components/DatePicker/DatePicker.test.js.map +1 -1
- package/dist/components/DatePicker/InputDateMask.js +2 -2
- package/dist/components/DatePicker/InputDateMask.js.map +1 -1
- package/dist/components/DatePicker/index.js.map +1 -1
- package/dist/components/DatePicker/utils/expandMaskUtils.js.map +1 -1
- package/dist/components/DatePicker/utils/expandMaskUtils.test.js.map +1 -1
- package/dist/components/DatePicker/utils/maskUtils.js.map +1 -1
- package/dist/components/DatePicker/utils/utils.js.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.js +7 -2
- package/dist/components/DateRangePicker/DateRangePicker.js.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.test.js.map +1 -1
- package/dist/components/DateRangePicker/components/DateRangeInput.js +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.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.d.ts +1 -0
- package/dist/components/Dialog/Dialog.js.map +1 -1
- 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.d.ts +1 -0
- package/dist/components/Drawer/Drawer.js.map +1 -1
- package/dist/components/Drawer/Drawer.test.js.map +1 -1
- package/dist/components/Drawer/index.js.map +1 -1
- package/dist/components/Dropdown/Dropdown.d.ts +2 -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.d.ts +2 -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.d.ts +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 +8 -6
- package/dist/components/FormField/FormField.js.map +1 -1
- package/dist/components/FormField/FormField.test.js.map +1 -1
- package/dist/components/FormField/FormFieldContext.js.map +1 -1
- package/dist/components/FormField/index.js.map +1 -1
- package/dist/components/FormGroup/FormGroup.js.map +1 -1
- package/dist/components/FormGroup/FormGroup.test.js.map +1 -1
- package/dist/components/FormGroup/index.js.map +1 -1
- package/dist/components/Frame/Frame.js.map +1 -1
- package/dist/components/Frame/Frame.test.js.map +1 -1
- package/dist/components/Frame/index.js.map +1 -1
- package/dist/components/Grid/Grid.js.map +1 -1
- package/dist/components/Grid/Grid.test.js.map +1 -1
- package/dist/components/Grid/GridColumn.js.map +1 -1
- package/dist/components/Grid/GridRow.js.map +1 -1
- package/dist/components/Grid/index.js.map +1 -1
- package/dist/components/Headline/Headline.js.map +1 -1
- package/dist/components/Headline/Headline.test.js.map +1 -1
- package/dist/components/Headline/index.js.map +1 -1
- package/dist/components/Icon/Icon.js.map +1 -1
- package/dist/components/Icon/Icon.test.js.map +1 -1
- package/dist/components/Icon/index.js.map +1 -1
- package/dist/components/InlineEdit/InlineEdit.js.map +1 -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.d.ts +1 -0
- 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.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 +4 -5
- package/dist/components/Modal/Modal.js.map +1 -1
- package/dist/components/Modal/Modal.test.js.map +1 -1
- package/dist/components/Modal/components.d.ts +1 -0
- 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.d.ts +2 -0
- package/dist/components/OptionList/OptionList.js +6 -2
- 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 -1
- package/dist/components/Popover/Popover.js.map +1 -1
- package/dist/components/Popover/Popover.test.js.map +1 -1
- package/dist/components/Popover/components.d.ts +2 -0
- 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.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.js.map +1 -1
- package/dist/components/Radio/Radio.js.map +1 -1
- package/dist/components/Radio/Radio.test.js.map +1 -1
- package/dist/components/Radio/index.js.map +1 -1
- package/dist/components/Scroll/Scroll.js.map +1 -1
- package/dist/components/Scroll/Scroll.test.js.map +1 -1
- package/dist/components/Scroll/index.js.map +1 -1
- package/dist/components/Select/Select.js.map +1 -1
- package/dist/components/Select/Select.test.js.map +1 -1
- package/dist/components/Select/index.js.map +1 -1
- package/dist/components/SideNav/SideNav.d.ts +1 -0
- package/dist/components/SideNav/SideNav.js +20 -5
- 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.css +4 -2
- package/dist/components/SideNav/SideNavItem.css.map +1 -1
- package/dist/components/SideNav/SideNavItem.d.ts +1 -0
- package/dist/components/SideNav/SideNavItem.js +13 -51
- package/dist/components/SideNav/SideNavItem.js.map +1 -1
- package/dist/components/SideNav/index.css +4 -2
- package/dist/components/SideNav/index.css.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.d.ts +1 -0
- package/dist/components/Snackbar/Snackbar.js.map +1 -1
- 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 +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 +8 -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.d.ts +4 -2
- package/dist/components/TabGroup/components.js.map +1 -1
- package/dist/components/TabGroup/index.js.map +1 -1
- package/dist/components/Table/GridMod.js.map +1 -1
- package/dist/components/Table/Table.css +11 -1
- package/dist/components/Table/Table.css.map +1 -1
- package/dist/components/Table/Table.js.map +1 -1
- package/dist/components/Table/Table.test.js.map +1 -1
- package/dist/components/Table/TableLoadingPanel.js.map +1 -1
- package/dist/components/Table/components.js.map +1 -1
- package/dist/components/Table/index.css +11 -1
- package/dist/components/Table/index.css.map +1 -1
- package/dist/components/Table/index.js.map +1 -1
- package/dist/components/Table/useTableMinWidth.js.map +1 -1
- package/dist/components/Tag/Tag.js.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.map +1 -1
- 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.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.d.ts +2 -1
- package/dist/components/TextArea/TextArea.js +1 -1
- package/dist/components/TextArea/TextArea.js.map +1 -1
- package/dist/components/TextArea/TextArea.test.js.map +1 -1
- package/dist/components/TextArea/index.js.map +1 -1
- package/dist/components/Thumbnail/Thumbnail.js.map +1 -1
- package/dist/components/Thumbnail/Thumbnail.test.js.map +1 -1
- package/dist/components/Thumbnail/index.js.map +1 -1
- package/dist/components/TimePicker/TimePicker.js +10 -8
- package/dist/components/TimePicker/TimePicker.js.map +1 -1
- package/dist/components/TimePicker/TimePicker.test.js +13 -4
- package/dist/components/TimePicker/TimePicker.test.js.map +1 -1
- package/dist/components/TimePicker/components/TimePickerOptionList.d.ts +1 -1
- package/dist/components/TimePicker/components/TimePickerOptionList.js +21 -25
- 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 +7 -5
- package/dist/components/TimePicker/utils/filterOptions.js.map +1 -1
- package/dist/components/TimePicker/utils/generateOptions.js.map +1 -1
- package/dist/components/TimePicker/utils/getClosestOption.js.map +1 -1
- package/dist/components/TimePicker/utils/getOptionByText.js.map +1 -1
- package/dist/components/TimePicker/utils/highlightOption.js.map +1 -1
- package/dist/components/TimePicker/utils/index.js.map +1 -1
- package/dist/components/TimePicker/utils/injectOption.js.map +1 -1
- package/dist/components/TimePicker/utils/stringToDate.js.map +1 -1
- package/dist/components/TimePicker/utils/timezoneUtils.js.map +1 -1
- package/dist/components/TimePicker/utils/toTimeFormat.js.map +1 -1
- package/dist/components/TimePicker/utils/utils.js +10 -12
- package/dist/components/TimePicker/utils/utils.js.map +1 -1
- package/dist/components/Toast/Toast.d.ts +2 -1
- package/dist/components/Toast/Toast.js.map +1 -1
- package/dist/components/Toast/Toast.test.js.map +1 -1
- package/dist/components/Toast/ToastGroup.d.ts +1 -1
- package/dist/components/Toast/ToastGroup.js.map +1 -1
- package/dist/components/Toast/index.js.map +1 -1
- package/dist/components/ToggleSwitch/ToggleSwitch.js +8 -7
- 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.js +3 -4
- package/dist/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/components/Tooltip/Tooltip.test.js.map +1 -1
- package/dist/components/Tooltip/index.js.map +1 -1
- package/dist/components/VisuallyHidden/VisuallyHidden.d.ts +2 -1
- package/dist/components/VisuallyHidden/VisuallyHidden.js +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 +50 -28
- 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.d.ts +1 -0
- package/dist/hooks/useArrowNav/index.js +2 -0
- package/dist/hooks/useArrowNav/index.js.map +1 -0
- package/dist/hooks/useArrowNav/useArrowNav.d.ts +27 -0
- package/dist/hooks/useArrowNav/useArrowNav.js +65 -0
- package/dist/hooks/useArrowNav/useArrowNav.js.map +1 -0
- package/dist/hooks/useArrowNav/utils/index.d.ts +3 -0
- package/dist/hooks/useArrowNav/utils/index.js +4 -0
- package/dist/hooks/useArrowNav/utils/index.js.map +1 -0
- package/dist/hooks/useArrowNav/utils/keys.d.ts +3 -0
- package/dist/hooks/useArrowNav/utils/keys.js +12 -0
- package/dist/hooks/useArrowNav/utils/keys.js.map +1 -0
- package/dist/hooks/useArrowNav/utils/tabIndex.d.ts +2 -0
- package/dist/hooks/useArrowNav/utils/tabIndex.js +53 -0
- package/dist/hooks/useArrowNav/utils/tabIndex.js.map +1 -0
- package/dist/hooks/useArrowNav/utils/utils.d.ts +14 -0
- package/dist/hooks/useArrowNav/utils/utils.js +111 -0
- package/dist/hooks/useArrowNav/utils/utils.js.map +1 -0
- 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 +12 -13
- 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 +5 -5
- package/dist/hooks/useFocusTrap/internal/useDisableClickOutside.js.map +1 -1
- package/dist/hooks/useFocusTrap/internal/useFocusLock.js +4 -5
- package/dist/hooks/useFocusTrap/internal/useFocusLock.js.map +1 -1
- package/dist/hooks/useFocusTrap/internal/useRestoreFocus.js +4 -1
- package/dist/hooks/useFocusTrap/internal/useRestoreFocus.js.map +1 -1
- package/dist/hooks/useFocusTrap/internal/utils.d.ts +6 -2
- package/dist/hooks/useFocusTrap/internal/utils.js +27 -12
- package/dist/hooks/useFocusTrap/internal/utils.js.map +1 -1
- package/dist/hooks/useFocusTrap/useFocusTrap.js.map +1 -1
- package/dist/hooks/useFocusVisible.js +9 -11
- 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.d.ts +2 -1
- package/dist/internal/CollapsibleList/CollapsibleList.js.map +1 -1
- package/dist/internal/CollapsibleList/CollapsibleListItem.d.ts +2 -1
- package/dist/internal/CollapsibleList/CollapsibleListItem.js +20 -2
- package/dist/internal/CollapsibleList/CollapsibleListItem.js.map +1 -1
- package/dist/internal/CollapsibleList/index.js.map +1 -1
- package/dist/internal/Overlay/Overlay.d.ts +2 -1
- package/dist/internal/Overlay/Overlay.js.map +1 -1
- package/dist/internal/Overlay/index.js.map +1 -1
- package/dist/internal/Popper/Popper.css +4 -2
- package/dist/internal/Popper/Popper.css.map +1 -1
- package/dist/internal/Popper/Popper.d.ts +1 -1
- package/dist/internal/Popper/Popper.js +3 -3
- package/dist/internal/Popper/Popper.js.map +1 -1
- package/dist/internal/Popper/index.css +4 -2
- package/dist/internal/Popper/index.css.map +1 -1
- package/dist/internal/Popper/index.js.map +1 -1
- package/dist/internal/Portal/Portal.d.ts +2 -1
- package/dist/internal/Portal/Portal.js.map +1 -1
- package/dist/internal/Portal/index.js.map +1 -1
- package/dist/internal/index.css +4 -2
- package/dist/internal/index.css.map +1 -1
- package/dist/internal/index.js.map +1 -1
- package/dist/system-light.css +5 -9
- package/dist/system-light.css.map +1 -1
- package/dist/system-light.min.css +1 -1
- package/dist/system.css +86 -97
- package/dist/system.css.map +1 -1
- package/dist/system.js.map +1 -1
- package/dist/system.min.css +2 -2
- package/dist/utilities/AnvilProvider.js.map +1 -1
- package/dist/utilities/ConditionalWrapper.js.map +1 -1
- package/dist/utilities/DefaultPortalContext.js.map +1 -1
- package/dist/utilities/KeyboardAccessTests/KeyboardAccess.test.js +143 -32
- 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.d.ts +1 -0
- package/dist/utilities/KeyboardAccessTests/components/components.js +78 -39
- 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.d.ts +1 -0
- package/dist/utilities/KeyboardAccessTests/utils/jestUtils.js +18 -0
- package/dist/utilities/KeyboardAccessTests/utils/jestUtils.js.map +1 -1
- package/dist/utilities/KeyboardAccessTests/utils/utils.d.ts +0 -1
- package/dist/utilities/KeyboardAccessTests/utils/utils.js +0 -16
- package/dist/utilities/KeyboardAccessTests/utils/utils.js.map +1 -1
- package/dist/utilities/OverlayContext.js.map +1 -1
- package/dist/utilities/SemanticUtils/index.js.map +1 -1
- package/dist/utilities/SemanticUtils/refUtils.js.map +1 -1
- package/dist/utilities/SemanticUtils/widths.js.map +1 -1
- package/dist/utilities/ThemeProvider.js.map +1 -1
- package/dist/utilities/TimezoneProvider/TimezoneProvider.js.map +1 -1
- package/dist/utilities/TimezoneProvider/TimezoneProvider.test.js.map +1 -1
- package/dist/utilities/TimezoneProvider/index.js.map +1 -1
- package/dist/utilities/color-utils.js.map +1 -1
- package/dist/utilities/dateFormat.js.map +1 -1
- package/dist/utilities/debounce.js.map +1 -1
- package/dist/utilities/getContent.js.map +1 -1
- package/dist/utilities/index.js.map +1 -1
- package/dist/utilities/isElementOfType.js.map +1 -1
- package/dist/utilities/justify-props.js.map +1 -1
- package/dist/utilities/keyCodes.js.map +1 -1
- package/dist/utilities/usePrefersColorScheme.js.map +1 -1
- package/dist/utilities/useStorybookFigmaAddon.js.map +1 -1
- package/dist/utilities/wrapChildren.js.map +1 -1
- package/dist/utilities/wrapWithComponent.d.ts +1 -1
- package/dist/utilities/wrapWithComponent.js.map +1 -1
- package/package.json +29 -35
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilePicker.js","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePicker.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"FilePicker.js","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\nimport { BodyText } from '../BodyText';\nimport { Tooltip } from '../Tooltip';\nimport { Button, ButtonProps } from '../Button';\nimport { Icon } from '../Icon';\n\nexport interface FileDescriptor {\n\t/** File name to display to user in case you want to override file.name */\n\tdisplayName?: string;\n\n\t/** Direct link to file download */\n\tdownloadLink?: string;\n\n\t/** Original file descriptor or at least file name (in case you've got file somewhere not from user input) */\n\tfile: File | string;\n\n\t/** A number from 0-100 range used to show upload progress. Undefined if no upload is going on. */\n\tuploadProgress?: number;\n}\n\nexport const isFileDescriptor = (\n\ttoBeDetermined: any\n): toBeDetermined is FileDescriptor => {\n\treturn (\n\t\ttoBeDetermined?.file &&\n\t\t(typeof toBeDetermined.file === 'string' ||\n\t\t\ttoBeDetermined.file instanceof File)\n\t);\n};\n\nexport interface FilePickerPropsStrict {\n\t/** Specifiers for file types allowed to upload. Can be any value valid for <input type=\"file\" /> accept attribute */\n\taccept?: string;\n\n\t/** Aligns the content within the page */\n\talign?: 'left' | 'center';\n\n\t/** Button label */\n\tbuttonLabel?: string;\n\n\t/** Property options for the button */\n\tbuttonProps?: ButtonProps;\n\n\t/** Disabled and unclickable */\n\tdisabled?: boolean;\n\n\t/** Layout type for a list of uploaded files */\n\tlayout?: 'grid' | 'list';\n\n\t/** Indicates FilePickerMulti that no more files are allowed to add */\n\tlimitReached?: boolean;\n\n\t/** Allow more then one file to be selected */\n\tmultiple?: boolean;\n\n\t/** Delete file event; file === one from value */\n\tonDelete?(file: FileDescriptor): void;\n\n\t/** Download file(???) event; file === one from value */\n\tonDownload?(file: FileDescriptor): void;\n\n\t/** Event fired when user wants to replace one file with another; file === one from value */\n\tonReplace?({\n\t\tfile,\n\t\tnewFile,\n\t}: {\n\t\tfile: FileDescriptor;\n\t\tnewFile: File;\n\t}): void;\n\n\t/** Event fired when file(s) are selected by user */\n\tonSelected(files: FileList): void;\n\n\t/** Types note text */\n\ttypesNote?: string | null;\n\n\t/** @deprecated - Use flex box display for the items */\n\tuseFlex?: boolean;\n\n\t/** FileDescriptor or array of FileDescriptors */\n\tvalue?: FileDescriptor | FileDescriptor[];\n}\n\nexport interface FilePickerProps extends FilePickerPropsStrict {\n\t/** Unstrict Props */\n\t[propName: string]: any;\n}\n\nexport const FilePicker: FC<FilePickerProps> = ({\n\taccept,\n\talign = 'left',\n\tbuttonLabel,\n\tbuttonProps,\n\tclassName,\n\tdisabled,\n\tlayout = 'list',\n\tlimitReached,\n\tmultiple,\n\tonDelete,\n\tonDownload,\n\tonReplace,\n\tonSelected,\n\ttypesNote: propsTypesNote,\n\tvalue,\n\t...rest\n}) => {\n\tconst inputRef: React.RefObject<HTMLInputElement> = React.useRef();\n\n\tconst getRestOfButtonProps = () => {\n\t\tconst { disabled, onClick, ...rest } = buttonProps ?? {};\n\t\treturn rest;\n\t};\n\n\tconst handleButtonClick = (event: React.SyntheticEvent) => {\n\t\tinputRef.current.click();\n\t\tbuttonProps?.onClick?.(event);\n\t};\n\n\tconst handleFileReplace =\n\t\t(file: FileDescriptor) => (e: React.ChangeEvent<HTMLInputElement>) =>\n\t\t\tonReplace\n\t\t\t\t? onReplace({ file, newFile: e.target.files[0] })\n\t\t\t\t: undefined;\n\n\tconst handleFileDelete = (file: FileDescriptor) => () =>\n\t\tonDelete ? onDelete(file) : undefined;\n\n\tconst handleFileDownload = (file: FileDescriptor) => () =>\n\t\tonDownload ? onDownload(file) : undefined;\n\n\tconst handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) =>\n\t\tonSelected(e.target.files);\n\n\tconst valueArr = isFileDescriptor(value) ? [value] : value;\n\n\tconst inProgress = (file: any) =>\n\t\t!(file.uploadProgress === undefined || file.uploadProgress === 100);\n\n\tlet typesNote = propsTypesNote;\n\n\tif (accept && typesNote === undefined) {\n\t\ttypesNote = `Allowed file types: ${accept}`;\n\t}\n\n\tconst classes = classnames('FilePicker', className, {\n\t\t'FilePicker--disabled': disabled,\n\t\t'FilePicker--grid': layout === 'grid',\n\t\t'FilePicker--list': layout === 'list',\n\t\t'FilePicker--align-center': align === 'center',\n\t});\n\n\treturn (\n\t\t<div {...rest} className={classes} data-anvil-component=\"FilePicker\">\n\t\t\t{valueArr?.map((file, index) => (\n\t\t\t\t<div key={index} className={classnames('FilePicker__File')}>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tname=\"description\"\n\t\t\t\t\t\tsize={24}\n\t\t\t\t\t\tclassName=\"FilePicker__File__Icon\"\n\t\t\t\t\t/>\n\t\t\t\t\t<BodyText className=\"FilePicker__File__Name\">\n\t\t\t\t\t\t{file.displayName ||\n\t\t\t\t\t\t\t(typeof file.file === 'string'\n\t\t\t\t\t\t\t\t? file.file\n\t\t\t\t\t\t\t\t: file.file.name)}\n\t\t\t\t\t</BodyText>\n\t\t\t\t\t{inProgress(file) ? (\n\t\t\t\t\t\t<div>Loading...</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<React.Fragment>\n\t\t\t\t\t\t\t{onReplace && (\n\t\t\t\t\t\t\t\t<label className=\"FilePicker__File__ActionIcon\">\n\t\t\t\t\t\t\t\t\t<Tooltip text=\"Replace file\">\n\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\tname=\"cached\"\n\t\t\t\t\t\t\t\t\t\t\tsize={24}\n\t\t\t\t\t\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t\t\t\t\t\taria-label=\"replace file\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\ttype=\"file\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"FilePicker__Input\"\n\t\t\t\t\t\t\t\t\t\tonChange={handleFileReplace(file)}\n\t\t\t\t\t\t\t\t\t\taccept={accept}\n\t\t\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{(onDownload || file.downloadLink) && (\n\t\t\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\t\t\ttext=\"Download file\"\n\t\t\t\t\t\t\t\t\tclassName=\"FilePicker__File__ActionIcon\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{file.downloadLink ? (\n\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\tname=\"get_app\"\n\t\t\t\t\t\t\t\t\t\t\tsize={24}\n\t\t\t\t\t\t\t\t\t\t\tonClick={handleFileDownload(file)}\n\t\t\t\t\t\t\t\t\t\t\thref={file.downloadLink}\n\t\t\t\t\t\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t\t\t\t\t\taria-label=\"download file\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\tname=\"get_app\"\n\t\t\t\t\t\t\t\t\t\t\tsize={24}\n\t\t\t\t\t\t\t\t\t\t\tonClick={handleFileDownload(file)}\n\t\t\t\t\t\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t\t\t\t\t\taria-label=\"download file\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{onDelete && (\n\t\t\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\t\t\ttext=\"Remove file\"\n\t\t\t\t\t\t\t\t\tclassName=\"FilePicker__File__ActionIcon\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\tname=\"delete\"\n\t\t\t\t\t\t\t\t\t\tsize={24}\n\t\t\t\t\t\t\t\t\t\tonClick={handleFileDelete(file)}\n\t\t\t\t\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t\t\t\t\taria-label=\"remove file\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</React.Fragment>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t))}\n\t\t\t{(!valueArr || (multiple && !limitReached)) && (\n\t\t\t\t<span className=\"FilePicker__File__ActionContainer\">\n\t\t\t\t\t<label>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tdefault\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\ticonName=\"attach_file\"\n\t\t\t\t\t\t\tonClick={handleButtonClick}\n\t\t\t\t\t\t\t{...getRestOfButtonProps()}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{buttonLabel\n\t\t\t\t\t\t\t\t? buttonLabel\n\t\t\t\t\t\t\t\t: `Upload File${multiple ? 's' : ''}`}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\ttype=\"file\"\n\t\t\t\t\t\t\tclassName=\"FilePicker__Input\"\n\t\t\t\t\t\t\tonChange={handleFileChange}\n\t\t\t\t\t\t\tmultiple={multiple}\n\t\t\t\t\t\t\taccept={accept}\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\tvalue=\"\"\n\t\t\t\t\t\t\tref={inputRef}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</label>\n\t\t\t\t\t{typesNote && (\n\t\t\t\t\t\t<BodyText\n\t\t\t\t\t\t\tsize=\"xsmall\"\n\t\t\t\t\t\t\tsubdued\n\t\t\t\t\t\t\tclassName=\"m-t-1 FilePicker__Note\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{typesNote}\n\t\t\t\t\t\t</BodyText>\n\t\t\t\t\t)}\n\t\t\t\t</span>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilePicker.test.js","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePicker.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;AAE1C,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,MAAM,EAAC,oBAAoB,EAC3B,KAAK,EAAE,IAAI,EACX,UAAU,EAAE,IAAI,CAAC,EAAE,EAAE,mBACP,qBAAqB,GAClC,CACF,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"FilePicker.test.js","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePicker.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;AAE1C,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,MAAM,EAAC,oBAAoB,EAC3B,KAAK,EAAE,IAAI,EACX,UAAU,EAAE,IAAI,CAAC,EAAE,EAAE,mBACP,qBAAqB,GAClC,CACF,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport { FilePicker } from './FilePicker';\n\ndescribe('FilePicker', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<FilePicker\n\t\t\t\taccept=\"image/*, text/.txt\"\n\t\t\t\tvalue={null}\n\t\t\t\tonSelected={jest.fn()}\n\t\t\t\tdata-auto-sel=\"automation-selector\"\n\t\t\t/>\n\t\t);\n\n\t\tconst element = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(element).not.toBeNull();\n\t});\n});\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FilePicker/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FilePicker/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC","sourcesContent":["export * from './FilePicker';\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterButton.js","sourceRoot":"","sources":["../../../src/components/FilterButton/FilterButton.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"FilterButton.js","sourceRoot":"","sources":["../../../src/components/FilterButton/FilterButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\nimport { useFocusVisible } from '../../hooks/useFocusVisible';\nimport { Stack } from '../Stack';\nimport { Icon, IconPropsStrict } from '../Icon';\nimport { BodyText } from '../BodyText';\nimport { Tag } from '../Tag';\n\nexport interface FilterButtonPropsStrict {\n\t/** Additional classes */\n\tclassName?: string;\n\n\t/** React element to be rendered as an icon */\n\ticon?: IconPropsStrict['name'];\n\n\t/** To show expand icon */\n\texpandIcon?: boolean | null;\n\n\t/** Displays the label of the Filter Button */\n\tlabel: string;\n\n\t/** Displays the value of the Filter Button */\n\tvalue?: boolean | number | string;\n\n\t/** Calls when the Filter Button is clicked */\n\tonClick?: () => void;\n}\n\nexport interface FilterButtonProps extends FilterButtonPropsStrict {\n\t[propName: string]: any;\n}\n\nexport const FilterButton: FC<FilterButtonProps> = React.forwardRef(\n\t(\n\t\t{ className, icon, onClick, expandIcon = null, value, label, ...rest },\n\t\tref: React.RefObject<HTMLButtonElement>\n\t) => {\n\t\tconst [IValue, setIValue] = React.useState(value);\n\n\t\tconst newRef = React.useRef(null);\n\t\tconst itemRef = ref ? ref : newRef;\n\n\t\tconst { isFocusVisible } = useFocusVisible(itemRef);\n\n\t\tconst filterButtonClassName = classnames('FilterButton', className, {\n\t\t\t'FilterButton--active': IValue,\n\t\t\t'FilterButton--focus-visible': isFocusVisible,\n\t\t});\n\n\t\tconst onClickHandler = () => {\n\t\t\tonClick?.();\n\t\t};\n\n\t\tReact.useEffect(() => {\n\t\t\tsetIValue(value);\n\t\t}, [value]);\n\n\t\treturn (\n\t\t\t<button\n\t\t\t\tclassName={filterButtonClassName}\n\t\t\t\tonClick={() => onClickHandler()}\n\t\t\t\tref={itemRef}\n\t\t\t\taria-expanded={expandIcon}\n\t\t\t\taria-label={`Filter ${label}`}\n\t\t\t\taria-pressed={!!IValue}\n\t\t\t\tdata-anvil-component=\"FilterButton\"\n\t\t\t\t{...rest}\n\t\t\t>\n\t\t\t\t<Stack alignItems=\"center\">\n\t\t\t\t\t{icon && (\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\tname={icon}\n\t\t\t\t\t\t\tsize=\"16px\"\n\t\t\t\t\t\t\tclassName=\"FilterButton__Icon\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{!icon && label && (\n\t\t\t\t\t\t<BodyText\n\t\t\t\t\t\t\tel=\"span\"\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tclassName=\"FilterButton__Label\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t</BodyText>\n\t\t\t\t\t)}\n\t\t\t\t\t{typeof IValue === 'string' ? (\n\t\t\t\t\t\t<BodyText el=\"span\" size=\"small\">\n\t\t\t\t\t\t\t{`: `}\n\t\t\t\t\t\t\t<BodyText el=\"span\" size=\"small\" bold>\n\t\t\t\t\t\t\t\t{IValue}\n\t\t\t\t\t\t\t</BodyText>\n\t\t\t\t\t\t</BodyText>\n\t\t\t\t\t) : typeof IValue === 'number' ? (\n\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\tcolor=\"info\"\n\t\t\t\t\t\t\tbadge\n\t\t\t\t\t\t\tcompact\n\t\t\t\t\t\t\tclassName=\"FilterButton__Tag\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{IValue}\n\t\t\t\t\t\t</Tag>\n\t\t\t\t\t) : null}\n\t\t\t\t\t{expandIcon !== null && (\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\tname={\n\t\t\t\t\t\t\t\texpandIcon\n\t\t\t\t\t\t\t\t\t? 'keyboard_arrow_up'\n\t\t\t\t\t\t\t\t\t: 'keyboard_arrow_down'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tclassName=\"FilterButton__ExpandIcon\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</Stack>\n\t\t\t</button>\n\t\t);\n\t}\n);\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterButton.test.js","sourceRoot":"","sources":["../../../src/components/FilterButton/FilterButton.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC7B,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,YAAY,IAAC,KAAK,EAAC,QAAQ,mBAAe,qBAAqB,GAAG,CACnE,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":"FilterButton.test.js","sourceRoot":"","sources":["../../../src/components/FilterButton/FilterButton.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC7B,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,YAAY,IAAC,KAAK,EAAC,QAAQ,mBAAe,qBAAqB,GAAG,CACnE,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 { FilterButton } from './FilterButton';\n\ndescribe('FilterButton', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<FilterButton label=\"Active\" data-auto-sel=\"automation-selector\" />\n\t\t);\n\n\t\tconst element = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(element).not.toBeNull();\n\t});\n});\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FilterButton/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FilterButton/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC","sourcesContent":["export * from './FilterButton';\n"]}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
1
|
+
import React, { FC } from 'react';
|
|
2
2
|
import { FlowCardStep } from './FlowCardStep';
|
|
3
3
|
export interface FlowCardProps {
|
|
4
|
+
children?: React.ReactNode;
|
|
4
5
|
/** Optionally specify the current step array index. Set to `false` to manually track step state */
|
|
5
6
|
currentIndex?: number | boolean;
|
|
6
7
|
/** Adds order number to the steps */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FlowCard.js","sourceRoot":"","sources":["../../../src/components/FlowCard/FlowCard.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"FlowCard.js","sourceRoot":"","sources":["../../../src/components/FlowCard/FlowCard.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAmB9C,MAAM,CAAC,MAAM,QAAQ,GAAa,CAAC,EAKlC,EAAE,EAAE;QAL8B,EAClC,YAAY,GAAG,SAAS,EACxB,OAAO,EACP,SAAS,OAET,EADG,KAAK,cAJ0B,wCAKlC,CADQ;IAER,MAAM,EAAE,QAAQ,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA7B,YAAqB,CAAQ,CAAC;IAEpC,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IACtE,MAAM,cAAc,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,KAAU,EAAE,KAAK,EAAE,EAAE;QAC9D,MAAM,QAAQ,GAAG,YAAY,KAAK,KAAK,CAAC;QACxC,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;YAChC,MAAM,EAAE,QAAQ,IAAI,KAAK,KAAK,YAAY;YAC1C,GAAG,EAAE,KAAK;YACV,WAAW,EACV,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW;gBAClC,CAAC,CAAC,KAAK,GAAG,CAAC;gBACX,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW;SAC3B,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,OAAO,CACN,2CACC,SAAS,EAAE,UAAU,CAAC,UAAU,EAAE,SAAS,CAAC,0BACvB,UAAU,IAC3B,IAAI,GAEP,cAAc,CACV,CACN,CAAC;AACH,CAAC,CAAC;AAEF,QAAQ,CAAC,IAAI,GAAG,YAAY,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\nimport { FlowCardStep } from './FlowCardStep';\n\nexport interface FlowCardProps {\n\tchildren?: React.ReactNode;\n\n\t/** Optionally specify the current step array index. Set to `false` to manually track step state */\n\tcurrentIndex?: number | boolean;\n\n\t/** Adds order number to the steps */\n\tordered?: boolean;\n\n\t/** Adds one or more classnames to an element */\n\tclassName?: string;\n}\n\ninterface FlowCard extends FC<FlowCardProps> {\n\tStep: typeof FlowCardStep;\n}\n\nexport const FlowCard: FlowCard = ({\n\tcurrentIndex = undefined,\n\tordered,\n\tclassName,\n\t...props\n}) => {\n\tconst { children, ...rest } = props;\n\n\tconst childrenArray = Array.isArray(children) ? children : [children];\n\tconst renderChildren = childrenArray.map((child: any, index) => {\n\t\tconst hasIndex = currentIndex !== false;\n\t\treturn React.cloneElement(child, {\n\t\t\tactive: hasIndex && index === currentIndex,\n\t\t\tkey: index,\n\t\t\torderNumber:\n\t\t\t\tordered && !child.props.orderNumber\n\t\t\t\t\t? index + 1\n\t\t\t\t\t: child.props.orderNumber,\n\t\t});\n\t});\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classnames('FlowCard', className)}\n\t\t\tdata-anvil-component=\"FlowCard\"\n\t\t\t{...rest}\n\t\t>\n\t\t\t{renderChildren}\n\t\t</div>\n\t);\n};\n\nFlowCard.Step = FlowCardStep;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FlowCard.test.js","sourceRoot":"","sources":["../../../src/components/FlowCard/FlowCard.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACzB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,QAAQ,IAAC,YAAY,EAAE,CAAC,mBAAgB,qBAAqB;YAC7D,oBAAC,QAAQ,CAAC,IAAI,IACb,OAAO,EACN,oBAAC,QAAQ,IAAC,OAAO,QAAC,MAAM,qEAGb,EAEZ,YAAY,EACX,oBAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,KAAK,QAAC,OAAO,qBAE3B,GAET,CACQ,CACX,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,QAAQ,IAAC,YAAY,EAAE,CAAC;YACxB,oBAAC,QAAQ,CAAC,IAAI,IACb,OAAO,EACN,oBAAC,QAAQ,IAAC,OAAO,QAAC,MAAM,qEAGb,EAEZ,YAAY,EACX,oBAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,KAAK,QAAC,OAAO,qBAE3B,mBAEI,qBAAqB,GAClC,CACQ,CACX,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"FlowCard.test.js","sourceRoot":"","sources":["../../../src/components/FlowCard/FlowCard.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACzB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,QAAQ,IAAC,YAAY,EAAE,CAAC,mBAAgB,qBAAqB;YAC7D,oBAAC,QAAQ,CAAC,IAAI,IACb,OAAO,EACN,oBAAC,QAAQ,IAAC,OAAO,QAAC,MAAM,qEAGb,EAEZ,YAAY,EACX,oBAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,KAAK,QAAC,OAAO,qBAE3B,GAET,CACQ,CACX,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,QAAQ,IAAC,YAAY,EAAE,CAAC;YACxB,oBAAC,QAAQ,CAAC,IAAI,IACb,OAAO,EACN,oBAAC,QAAQ,IAAC,OAAO,QAAC,MAAM,qEAGb,EAEZ,YAAY,EACX,oBAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,KAAK,QAAC,OAAO,qBAE3B,mBAEI,qBAAqB,GAClC,CACQ,CACX,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport { FlowCard } from './FlowCard';\nimport { BodyText } from '../BodyText';\nimport { Button } from '../Button';\n\ndescribe('FlowCard', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<FlowCard currentIndex={1} data-auto-sel=\"automation-selector\">\n\t\t\t\t<FlowCard.Step\n\t\t\t\t\tcontent={\n\t\t\t\t\t\t<BodyText subdued italic>\n\t\t\t\t\t\t\tHow do you want to track if this campaign is\n\t\t\t\t\t\t\tsuccessful?\n\t\t\t\t\t\t</BodyText>\n\t\t\t\t\t}\n\t\t\t\t\theaderAction={\n\t\t\t\t\t\t<Button fill=\"outline\" small primary>\n\t\t\t\t\t\t\tAdd Goal\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</FlowCard>\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<FlowCard currentIndex={1}>\n\t\t\t\t<FlowCard.Step\n\t\t\t\t\tcontent={\n\t\t\t\t\t\t<BodyText subdued italic>\n\t\t\t\t\t\t\tHow do you want to track if this campaign is\n\t\t\t\t\t\t\tsuccessful?\n\t\t\t\t\t\t</BodyText>\n\t\t\t\t\t}\n\t\t\t\t\theaderAction={\n\t\t\t\t\t\t<Button fill=\"outline\" small primary>\n\t\t\t\t\t\t\tAdd Goal\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t}\n\t\t\t\t\tdata-auto-sel=\"automation-selector\"\n\t\t\t\t/>\n\t\t\t</FlowCard>\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":"FlowCardStep.js","sourceRoot":"","sources":["../../../src/components/FlowCard/FlowCardStep.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"FlowCardStep.js","sourceRoot":"","sources":["../../../src/components/FlowCard/FlowCardStep.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\nimport { Headline } from '../Headline';\nimport { Card } from '../Card';\nimport { Icon } from '../Icon';\n\nexport interface FlowCardStepProps {\n\t/** If passed, it will replace the order number provided by the wrapper */\n\torderNumber?: React.ReactElement | string | number | false;\n\n\t/** If passed, it will replace status icon */\n\theaderIcon?: React.ReactElement;\n\n\t/** Title of the element */\n\ttitle?: string | React.ReactElement;\n\n\t/** Step header content */\n\theaderAction?: React.ReactElement;\n\n\t/** Step body content */\n\tcontent?: React.ReactElement;\n\n\t/** Step footer content */\n\tfooterAction?: React.ReactElement | false;\n\n\t/** Error State */\n\terror?: boolean;\n\n\t/** Saved State */\n\tsaved?: boolean;\n\n\t/** Active State */\n\tactive?: boolean;\n\n\t/** Disabled state. Step looks unclickable with fading about 60% */\n\tdisabled?: boolean;\n\n\t/** Adds one or more classnames to an element */\n\tclassName?: string;\n\n\t/** Adds style to an element */\n\tstyle?: React.CSSProperties;\n}\n\nexport const FlowCardStep: FC<FlowCardStepProps> = ({\n\torderNumber,\n\theaderIcon,\n\ttitle,\n\theaderAction,\n\tcontent,\n\tfooterAction,\n\terror,\n\tsaved,\n\tactive,\n\tclassName,\n\tdisabled,\n\tstyle,\n\t...rest\n}) => {\n\tconst statusIcon = classnames('FlowCardStep__status', {\n\t\t'FlowCardStep__status--error': error && !headerIcon,\n\t\t'FlowCardStep__status--active': active && !disabled && !headerIcon,\n\t\t'FlowCardStep__status--saved': !active && saved && !headerIcon,\n\t});\n\n\tconst cardState = classnames('FlowCardStep', className, {\n\t\t'FlowCardStep--error': error,\n\t\t'FlowCardStep--active': active && !disabled,\n\t\t'FlowCardStep--saved': !active && saved,\n\t\t'FlowCardStep--ordered': orderNumber !== undefined,\n\t\t'FlowCardStep--headerOnly': !content,\n\t});\n\n\tconst FlowCardStepStatus = () => {\n\t\tif (error) {\n\t\t\treturn (\n\t\t\t\t<Icon\n\t\t\t\t\tname=\"warning\"\n\t\t\t\t\tsize=\"18px\"\n\t\t\t\t\tclassName=\"FlowCardStep__indicator-error\"\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\t\tif (orderNumber !== undefined && orderNumber !== false) {\n\t\t\tif (saved && !active) {\n\t\t\t\treturn (\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tname=\"check_circle\"\n\t\t\t\t\t\tsize=\"24px\"\n\t\t\t\t\t\tclassName=\"FlowCardStep__indicator-active\"\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t}\n\t\t\treturn orderNumber;\n\t\t}\n\t\tif (active && !disabled)\n\t\t\treturn (\n\t\t\t\t<Icon\n\t\t\t\t\tname=\"edit\"\n\t\t\t\t\tsize=\"14px\"\n\t\t\t\t\tclassName=\"FlowCardStep__icon-active\"\n\t\t\t\t/>\n\t\t\t);\n\t\tif (saved) {\n\t\t\treturn (\n\t\t\t\t<Icon\n\t\t\t\t\tname=\"check_circle\"\n\t\t\t\t\tsize=\"24px\"\n\t\t\t\t\tclassName=\"FlowCardStep__indicator-complete\"\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\t\treturn (\n\t\t\t<Icon\n\t\t\t\tname=\"check_circle\"\n\t\t\t\tsize=\"24px\"\n\t\t\t\tclassName=\"FlowCardStep__indicator-disabled\"\n\t\t\t/>\n\t\t);\n\t};\n\n\treturn (\n\t\t<Card\n\t\t\t{...rest}\n\t\t\tclassName={cardState}\n\t\t\tdisabled={disabled}\n\t\t\tstyle={style}\n\t\t\tdata-anvil-component=\"FlowCardStep\"\n\t\t\taria-current={active && 'step'}\n\t\t>\n\t\t\t<Card.Section className=\"FlowCardStep__header\">\n\t\t\t\t<div className=\"d-f align-items-center\">\n\t\t\t\t\t<span className=\"FlowCardStep__statusWrapper\">\n\t\t\t\t\t\t{headerIcon ? (\n\t\t\t\t\t\t\theaderIcon\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<span className={statusIcon}>\n\t\t\t\t\t\t\t\t{FlowCardStepStatus()}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</span>\n\t\t\t\t\t<Headline className=\"m-b-0 d-f align-items-end\">\n\t\t\t\t\t\t{title}\n\t\t\t\t\t</Headline>\n\t\t\t\t</div>\n\t\t\t\t{headerAction && headerAction}\n\t\t\t</Card.Section>\n\t\t\t{content && <Card.Section>{content}</Card.Section>}\n\t\t\t{footerAction && (\n\t\t\t\t<Card.Section className=\"FlowCardStep__footer\">\n\t\t\t\t\t{footerAction}\n\t\t\t\t</Card.Section>\n\t\t\t)}\n\t\t</Card>\n\t);\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FlowCard/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FlowCard/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC","sourcesContent":["export * from './FlowCard';\nexport * from './FlowCardStep';\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../src/components/Form/Form.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EACN,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,YAAY,EACZ,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,cAAc,GACd,MAAM,iBAAiB,CAAC;AA6CzB,MAAM,CAAC,MAAM,IAAI,GAAS,CAAC,EAQ1B,EAAE,EAAE;QARsB,EAC1B,MAAM,EACN,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,OAAO,GAAG,MAAM,EACpB,QAAQ,EACR,IAAI,OAEJ,EADG,IAAI,cAPmB,6DAQ1B,CADO;IAEP,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,IAAI,IAAI;YACP,OAAO,CAAC,IAAI,CACX,yFAAyF,CACzF,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,YAAY,GAAG,CACpB,CAAqC,EACrC,GAAG,IAAS,EACX,EAAE;QACH,8GAA8G;QAC9G,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;YAC/B,CAAC,CAAC,cAAc,EAAE,CAAC;SACnB;QAED,IAAI,QAAQ,EAAE;YACb,QAAQ,CAAC,CAAC,kCAAO,IAAI,GAAK,IAAI,EAAG,CAAC;SAClC;IACF,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,UAAU,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAElD,OAAO,CACN,oBAAC,OAAO,oBACH,IAAI,IACR,SAAS,EAAE,WAAW,EACtB,QAAQ,EAAE,YAAY,0BACD,MAAM,KAE1B,QAAQ,CACA,CACV,CAAC;AACH,CAAC,CAAC;AAEF,IAAI,CAAC,QAAQ,GAAG,YAAY,CAAC;AAC7B,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;AACvB,IAAI,CAAC,QAAQ,GAAG,YAAY,CAAC;AAE7B,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC;AACzB,IAAI,CAAC,YAAY,GAAG,gBAAgB,CAAC;AACrC,IAAI,CAAC,WAAW,GAAG,eAAe,CAAC;AACnC,IAAI,CAAC,UAAU,GAAG,cAAc,CAAC;AACjC,IAAI,CAAC,eAAe,GAAG,mBAAmB,CAAC;AAC3C,IAAI,CAAC,QAAQ,GAAG,YAAY,CAAC;AAC7B,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;AACvB,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;AACvB,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;AACvB,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC;AACzB,IAAI,CAAC,SAAS,GAAG,aAAa,CAAC;AAC/B,IAAI,CAAC,YAAY,GAAG,gBAAgB,CAAC;AACrC,IAAI,CAAC,WAAW,GAAG,eAAe,CAAC;AACnC,IAAI,CAAC,UAAU,GAAG,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../src/components/Form/Form.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EACN,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,YAAY,EACZ,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,cAAc,GACd,MAAM,iBAAiB,CAAC;AA6CzB,MAAM,CAAC,MAAM,IAAI,GAAS,CAAC,EAQ1B,EAAE,EAAE;QARsB,EAC1B,MAAM,EACN,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,OAAO,GAAG,MAAM,EACpB,QAAQ,EACR,IAAI,OAEJ,EADG,IAAI,cAPmB,6DAQ1B,CADO;IAEP,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,IAAI,IAAI;YACP,OAAO,CAAC,IAAI,CACX,yFAAyF,CACzF,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,YAAY,GAAG,CACpB,CAAqC,EACrC,GAAG,IAAS,EACX,EAAE;QACH,8GAA8G;QAC9G,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;YAC/B,CAAC,CAAC,cAAc,EAAE,CAAC;SACnB;QAED,IAAI,QAAQ,EAAE;YACb,QAAQ,CAAC,CAAC,kCAAO,IAAI,GAAK,IAAI,EAAG,CAAC;SAClC;IACF,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,UAAU,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAElD,OAAO,CACN,oBAAC,OAAO,oBACH,IAAI,IACR,SAAS,EAAE,WAAW,EACtB,QAAQ,EAAE,YAAY,0BACD,MAAM,KAE1B,QAAQ,CACA,CACV,CAAC;AACH,CAAC,CAAC;AAEF,IAAI,CAAC,QAAQ,GAAG,YAAY,CAAC;AAC7B,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;AACvB,IAAI,CAAC,QAAQ,GAAG,YAAY,CAAC;AAE7B,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC;AACzB,IAAI,CAAC,YAAY,GAAG,gBAAgB,CAAC;AACrC,IAAI,CAAC,WAAW,GAAG,eAAe,CAAC;AACnC,IAAI,CAAC,UAAU,GAAG,cAAc,CAAC;AACjC,IAAI,CAAC,eAAe,GAAG,mBAAmB,CAAC;AAC3C,IAAI,CAAC,QAAQ,GAAG,YAAY,CAAC;AAC7B,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;AACvB,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;AACvB,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;AACvB,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC;AACzB,IAAI,CAAC,SAAS,GAAG,aAAa,CAAC;AAC/B,IAAI,CAAC,YAAY,GAAG,gBAAgB,CAAC;AACrC,IAAI,CAAC,WAAW,GAAG,eAAe,CAAC;AACnC,IAAI,CAAC,UAAU,GAAG,cAAc,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\n\nimport { FormField } from '../FormField';\nimport { FormGroup } from '../FormGroup';\nimport {\n\tFormButton,\n\tFormButtonToggle,\n\tFormCheckbox,\n\tFormColorPicker,\n\tFormDatePicker,\n\tFormDateRangePicker,\n\tFormDropdown,\n\tFormInput,\n\tFormRadio,\n\tFormSelect,\n\tFormTextArea,\n\tFormTogglebox,\n\tFormToggleSwitch,\n\tFormAnvilSelect,\n\tFormTimePicker,\n} from '../FormControls';\n\nexport interface FormPropsStrict {\n\t/** Additional classes */\n\tclassName?: string;\n\n\t/** Element to use for base component */\n\tel?: any;\n\n\t/**\n\t * Called on form submit.\n\t * @param {SyntheticEvent} event - The React SyntheticEvent object\n\t * @param {object} data - All props and the event value.\n\t */\n\tonSubmit?: (event: React.SyntheticEvent, data: any) => void;\n\n\t/** @deprecated Semantic UI legacy code */\n\tsize?: string;\n}\n\nexport interface FormProps extends FormPropsStrict {\n\t/** Unstrict Props */\n\t[propName: string]: any;\n}\n\ninterface Form extends FC<FormProps> {\n\tAnvilSelect: typeof FormAnvilSelect;\n\tCheckbox: typeof FormCheckbox;\n\tRadio: typeof FormRadio;\n\tTextArea: typeof FormTextArea;\n\tButton: typeof FormButton;\n\tButtonToggle: typeof FormButtonToggle;\n\tColorPicker: typeof FormColorPicker;\n\tDatePicker: typeof FormDatePicker;\n\tDateRangePicker: typeof FormDateRangePicker;\n\tDropdown: typeof FormDropdown;\n\tField: typeof FormField;\n\tGroup: typeof FormGroup;\n\tInput: typeof FormInput;\n\tSelect: typeof FormSelect;\n\tTogglebox: typeof FormTogglebox;\n\tToggleSwitch: typeof FormToggleSwitch;\n\tTimePicker: typeof FormTimePicker;\n}\n\nexport const Form: Form = ({\n\taction,\n\tchildren,\n\tclassName,\n\tel: Element = 'form',\n\tonSubmit,\n\tsize,\n\t...rest\n}) => {\n\tReact.useEffect(() => {\n\t\tif (size)\n\t\t\tconsole.warn(\n\t\t\t\t'@servicetitan/design-system: The `size` prop of the Form component has been deprecated.'\n\t\t\t);\n\t}, [size]);\n\n\tconst handleSubmit = (\n\t\te: React.ChangeEvent<HTMLFormElement>,\n\t\t...args: any\n\t) => {\n\t\t// Third party libs can pass own data as first argument, we need to check that it has preventDefault() method.\n\t\tif (typeof action !== 'string') {\n\t\t\te.preventDefault();\n\t\t}\n\n\t\tif (onSubmit) {\n\t\t\tonSubmit(e, { ...rest, ...args });\n\t\t}\n\t};\n\n\tconst FormClasses = classnames('Form', className);\n\n\treturn (\n\t\t<Element\n\t\t\t{...rest}\n\t\t\tclassName={FormClasses}\n\t\t\tonSubmit={handleSubmit}\n\t\t\tdata-anvil-component=\"Form\"\n\t\t>\n\t\t\t{children}\n\t\t</Element>\n\t);\n};\n\nForm.Checkbox = FormCheckbox;\nForm.Radio = FormRadio;\nForm.TextArea = FormTextArea;\n\nForm.Button = FormButton;\nForm.ButtonToggle = FormButtonToggle;\nForm.ColorPicker = FormColorPicker;\nForm.DatePicker = FormDatePicker;\nForm.DateRangePicker = FormDateRangePicker;\nForm.Dropdown = FormDropdown;\nForm.Field = FormField;\nForm.Group = FormGroup;\nForm.Input = FormInput;\nForm.Select = FormSelect;\nForm.Togglebox = FormTogglebox;\nForm.ToggleSwitch = FormToggleSwitch;\nForm.AnvilSelect = FormAnvilSelect;\nForm.TimePicker = FormTimePicker;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Form.test.js","sourceRoot":"","sources":["../../../src/components/Form/Form.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE;IACrB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI,qBAAe,qBAAqB;YACxC,oBAAC,IAAI,CAAC,KAAK,IAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAC,GAAG;gBAClC,oBAAC,KAAK,IAAC,WAAW,EAAC,OAAO,EAAC,SAAS,EAAC,QAAQ,GAAG;gBAChD,oBAAC,KAAK,IAAC,WAAW,EAAC,MAAM,EAAC,SAAS,EAAC,QAAQ,GAAG,CACnC,CACP,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":"Form.test.js","sourceRoot":"","sources":["../../../src/components/Form/Form.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE;IACrB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI,qBAAe,qBAAqB;YACxC,oBAAC,IAAI,CAAC,KAAK,IAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAC,GAAG;gBAClC,oBAAC,KAAK,IAAC,WAAW,EAAC,OAAO,EAAC,SAAS,EAAC,QAAQ,GAAG;gBAChD,oBAAC,KAAK,IAAC,WAAW,EAAC,MAAM,EAAC,SAAS,EAAC,QAAQ,GAAG,CACnC,CACP,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 { Form } from './Form';\nimport { Input } from '../Input';\n\ndescribe('Form', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Form data-auto-sel=\"automation-selector\">\n\t\t\t\t<Form.Field label=\"Label\" width=\"3\">\n\t\t\t\t\t<Input placeholder=\"First\" className=\"input1\" />\n\t\t\t\t\t<Input placeholder=\"Last\" className=\"input2\" />\n\t\t\t\t</Form.Field>\n\t\t\t</Form>\n\t\t);\n\n\t\tconst element = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(element).not.toBeNull();\n\t});\n});\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Form/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Form/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC","sourcesContent":["export * from './Form';\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormAnvilSelect.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormAnvilSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAc,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,SAAS,EAAwB,MAAM,cAAc,CAAC;AAC/D,OAAO,EACN,WAAW,GAIX,MAAM,gBAAgB,CAAC;AAQxB,MAAM,CAAC,MAAM,eAAe,GAOxB,KAAK,CAAC,UAAU,CACnB,CAOC,KAAmC,EACnC,GAAa,EACZ,EAAE;IACH,OAAO,CACN,oBAAC,SAAS,kBACT,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,gBAAgB,IACtB,KAAK,IACT,GAAG,EAAE,GAAG,IACP,CACF,CAAC;AACH,CAAC,CACD,CAAC"}
|
|
1
|
+
{"version":3,"file":"FormAnvilSelect.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormAnvilSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAc,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,SAAS,EAAwB,MAAM,cAAc,CAAC;AAC/D,OAAO,EACN,WAAW,GAIX,MAAM,gBAAgB,CAAC;AAQxB,MAAM,CAAC,MAAM,eAAe,GAOxB,KAAK,CAAC,UAAU,CACnB,CAOC,KAAmC,EACnC,GAAa,EACZ,EAAE;IACH,OAAO,CACN,oBAAC,SAAS,kBACT,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,gBAAgB,IACtB,KAAK,IACT,GAAG,EAAE,GAAG,IACP,CACF,CAAC;AACH,CAAC,CACD,CAAC","sourcesContent":["import React, { Ref } from 'react';\nimport { FormField, FormFieldPropsStrict } from '../FormField';\nimport {\n\tAnvilSelect,\n\tAnvilSelectOptionsProps,\n\tAnvilSelectProps,\n\tPrimitiveValueType,\n} from '../AnvilSelect';\n\nexport interface FormAnvilSelectProps<TValue>\n\textends FormFieldPropsStrict,\n\t\tAnvilSelectProps<TValue> {\n\terror?: any; // Weirdly enough, this is what Semantic is doing to solve the extending issue\n}\n\nexport const FormAnvilSelect: React.FC<\n\tFormAnvilSelectProps<\n\t\t| AnvilSelectOptionsProps\n\t\t| AnvilSelectOptionsProps[]\n\t\t| PrimitiveValueType\n\t\t| PrimitiveValueType[]\n\t>\n> = React.forwardRef(\n\t<\n\t\tTValue extends\n\t\t\t| AnvilSelectOptionsProps\n\t\t\t| AnvilSelectOptionsProps[]\n\t\t\t| PrimitiveValueType\n\t\t\t| PrimitiveValueType[]\n\t>(\n\t\tprops: FormAnvilSelectProps<TValue>,\n\t\tref: Ref<any>\n\t) => {\n\t\treturn (\n\t\t\t<FormField\n\t\t\t\tcontrol={AnvilSelect}\n\t\t\t\tclassName=\"a-Select--Form\"\n\t\t\t\t{...props}\n\t\t\t\tref={ref}\n\t\t\t/>\n\t\t);\n\t}\n);\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormButton.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormButton.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAInC,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,EAAY,EAAE,EAAE;QAAX,KAAK,cAAV,EAAY,CAAF;IACzD,OAAO,oBAAC,SAAS,kBAAC,OAAO,EAAE,MAAM,IAAM,KAAK,EAAI,CAAC;AAClD,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"FormButton.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormButton.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAInC,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,EAAY,EAAE,EAAE;QAAX,KAAK,cAAV,EAAY,CAAF;IACzD,OAAO,oBAAC,SAAS,kBAAC,OAAO,EAAE,MAAM,IAAM,KAAK,EAAI,CAAC;AAClD,CAAC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport { FormField, FormFieldProps } from '../FormField';\nimport { Button } from '../Button';\n\nexport type FormButtonProps = FormFieldProps;\n\nexport const FormButton: FC<FormButtonProps> = ({ ...props }) => {\n\treturn <FormField control={Button} {...props} />;\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormButtonToggle.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormButtonToggle.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAI/C,MAAM,CAAC,MAAM,gBAAgB,GAA8B,CAAC,EAAY,EAAE,EAAE;QAAX,KAAK,cAAV,EAAY,CAAF;IACrE,OAAO,oBAAC,SAAS,kBAAC,OAAO,EAAE,YAAY,IAAM,KAAK,EAAI,CAAC;AACxD,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"FormButtonToggle.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormButtonToggle.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAI/C,MAAM,CAAC,MAAM,gBAAgB,GAA8B,CAAC,EAAY,EAAE,EAAE;QAAX,KAAK,cAAV,EAAY,CAAF;IACrE,OAAO,oBAAC,SAAS,kBAAC,OAAO,EAAE,YAAY,IAAM,KAAK,EAAI,CAAC;AACxD,CAAC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport { FormField, FormFieldProps } from '../FormField';\nimport { ButtonToggle } from '../ButtonToggle';\n\nexport type FormButtonToggleProps = FormFieldProps;\n\nexport const FormButtonToggle: FC<FormButtonToggleProps> = ({ ...props }) => {\n\treturn <FormField control={ButtonToggle} {...props} />;\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormCheckbox.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAwB,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAiB,MAAM,aAAa,CAAC;AAUtD,MAAM,CAAC,MAAM,YAAY,GAAqB,CAAC,KAAK,EAAE,EAAE,CAAC,CACxD,oBAAC,SAAS,kBAAC,OAAO,EAAE,QAAQ,IAAM,KAAK,EAAI,CAC3C,CAAC"}
|
|
1
|
+
{"version":3,"file":"FormCheckbox.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAwB,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAiB,MAAM,aAAa,CAAC;AAUtD,MAAM,CAAC,MAAM,YAAY,GAAqB,CAAC,KAAK,EAAE,EAAE,CAAC,CACxD,oBAAC,SAAS,kBAAC,OAAO,EAAE,QAAQ,IAAM,KAAK,EAAI,CAC3C,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport { FormField, FormFieldPropsStrict } from '../FormField';\nimport { Checkbox, CheckboxProps } from '../Checkbox';\n\nexport interface FormCheckboxProps<T>\n\textends FormFieldPropsStrict,\n\t\tOmit<CheckboxProps<T>, 'error'> {\n\tlabel: React.ReactNode;\n}\n\ntype FormCheckboxType<T = any> = FC<FormCheckboxProps<T>>;\n\nexport const FormCheckbox: FormCheckboxType = (props) => (\n\t<FormField control={Checkbox} {...props} />\n);\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormColorPicker.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormColorPicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,WAAW,EAAoB,MAAM,gBAAgB,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAI5C,MAAM,sBAAuB,SAAQ,SAA2B;IAAhE;;QAEC,UAAK,GAAG;YACP,KAAK,EAAE,KAAK;SACZ,CAAC;QAEF,6BAAwB,GAAG,CAAC,CAAmC,EAAE,EAAE;YAClE,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;YAC/B,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;gBACvB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;aACtB;QACF,CAAC,CAAC;QAEF,4BAAuB,GAAG,CAAC,CAAmC,EAAE,EAAE;YACjE,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;YAChC,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;gBACtB,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;aACrB;QACF,CAAC,CAAC;IAuBH,CAAC;IArBA,MAAM;QACL,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACzB,OAAO,CACN,oBAAC,IAAI,IACJ,KAAK,QACL,SAAS,EAAE,UAAU,CACpB,0BAA0B,EAC1B,EAAE,oCAAoC,EAAE,KAAK,CAAC,QAAQ,EAAE,EACxD,EAAE,iCAAiC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CACvD;YAED,oBAAC,WAAW,IAAC,SAAS,EAAC,0BAA0B;gBAChD,oBAAC,WAAW,oBACP,KAAK,IACT,OAAO,EAAE,IAAI,CAAC,wBAAwB,EACtC,MAAM,EAAE,IAAI,CAAC,uBAAuB,IACnC,CACW,CACR,CACP,CAAC;IACH,CAAC;;AAvCM,kCAAW,GAAG,aAAa,CAAC;AA0CpC,MAAM,CAAC,MAAM,eAAe,GAA6B,CAAC,EAAY,EAAE,EAAE;QAAX,KAAK,cAAV,EAAY,CAAF;IACnE,OAAO,oBAAC,SAAS,kBAAC,OAAO,EAAE,sBAAsB,IAAM,KAAK,EAAI,CAAC;AAClE,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"FormColorPicker.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormColorPicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,WAAW,EAAoB,MAAM,gBAAgB,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAI5C,MAAM,sBAAuB,SAAQ,SAA2B;IAAhE;;QAEC,UAAK,GAAG;YACP,KAAK,EAAE,KAAK;SACZ,CAAC;QAEF,6BAAwB,GAAG,CAAC,CAAmC,EAAE,EAAE;YAClE,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;YAC/B,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;gBACvB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;aACtB;QACF,CAAC,CAAC;QAEF,4BAAuB,GAAG,CAAC,CAAmC,EAAE,EAAE;YACjE,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;YAChC,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;gBACtB,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;aACrB;QACF,CAAC,CAAC;IAuBH,CAAC;IArBA,MAAM;QACL,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACzB,OAAO,CACN,oBAAC,IAAI,IACJ,KAAK,QACL,SAAS,EAAE,UAAU,CACpB,0BAA0B,EAC1B,EAAE,oCAAoC,EAAE,KAAK,CAAC,QAAQ,EAAE,EACxD,EAAE,iCAAiC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CACvD;YAED,oBAAC,WAAW,IAAC,SAAS,EAAC,0BAA0B;gBAChD,oBAAC,WAAW,oBACP,KAAK,IACT,OAAO,EAAE,IAAI,CAAC,wBAAwB,EACtC,MAAM,EAAE,IAAI,CAAC,uBAAuB,IACnC,CACW,CACR,CACP,CAAC;IACH,CAAC;;AAvCM,kCAAW,GAAG,aAAa,CAAC;AA0CpC,MAAM,CAAC,MAAM,eAAe,GAA6B,CAAC,EAAY,EAAE,EAAE;QAAX,KAAK,cAAV,EAAY,CAAF;IACnE,OAAO,oBAAC,SAAS,kBAAC,OAAO,EAAE,sBAAsB,IAAM,KAAK,EAAI,CAAC;AAClE,CAAC,CAAC","sourcesContent":["import React, { FC, Component } from 'react';\nimport classnames from 'classnames';\nimport { FormField, FormFieldProps } from '../FormField';\nimport { ColorPicker, ColorPickerProps } from '../ColorPicker';\nimport { Card, CardSection } from '../Card';\n\nexport type FormColorPickerProps = FormFieldProps;\n\nclass ColorPickerCardWrapper extends Component<ColorPickerProps> {\n\tstatic displayName = 'ColorPicker';\n\tstate = {\n\t\tfocus: false,\n\t};\n\n\thandleColorPickerOnFocus = (e: React.FocusEvent<HTMLDivElement>) => {\n\t\tthis.setState({ focus: true });\n\t\tif (this.props.onFocus) {\n\t\t\tthis.props.onFocus(e);\n\t\t}\n\t};\n\n\thandleColorPickerOnBlur = (e: React.FocusEvent<HTMLDivElement>) => {\n\t\tthis.setState({ focus: false });\n\t\tif (this.props.onBlur) {\n\t\t\tthis.props.onBlur(e);\n\t\t}\n\t};\n\n\trender() {\n\t\tconst props = this.props;\n\t\treturn (\n\t\t\t<Card\n\t\t\t\tsharp\n\t\t\t\tclassName={classnames(\n\t\t\t\t\t'ColorPicker__CardWrapper',\n\t\t\t\t\t{ 'ColorPicker__CardWrapper--disabled': props.disabled },\n\t\t\t\t\t{ 'ColorPicker__CardWrapper--focus': this.state.focus }\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<CardSection className=\"ColorPicker__CardSection\">\n\t\t\t\t\t<ColorPicker\n\t\t\t\t\t\t{...props}\n\t\t\t\t\t\tonFocus={this.handleColorPickerOnFocus}\n\t\t\t\t\t\tonBlur={this.handleColorPickerOnBlur}\n\t\t\t\t\t/>\n\t\t\t\t</CardSection>\n\t\t\t</Card>\n\t\t);\n\t}\n}\n\nexport const FormColorPicker: FC<FormColorPickerProps> = ({ ...props }) => {\n\treturn <FormField control={ColorPickerCardWrapper} {...props} />;\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormDatePicker.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormDatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAI3C,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EAAY,EAAE,EAAE;QAAX,KAAK,cAAV,EAAY,CAAF;IACjE,OAAO,oBAAC,SAAS,kBAAC,OAAO,EAAE,UAAU,IAAM,KAAK,EAAI,CAAC;AACtD,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"FormDatePicker.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormDatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAI3C,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EAAY,EAAE,EAAE;QAAX,KAAK,cAAV,EAAY,CAAF;IACjE,OAAO,oBAAC,SAAS,kBAAC,OAAO,EAAE,UAAU,IAAM,KAAK,EAAI,CAAC;AACtD,CAAC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport { FormField, FormFieldProps } from '../FormField';\nimport { DatePicker } from '../DatePicker';\n\nexport type FormDatePickerProps = FormFieldProps;\n\nexport const FormDatePicker: FC<FormDatePickerProps> = ({ ...props }) => {\n\treturn <FormField control={DatePicker} {...props} />;\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormDateRangePicker.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormDateRangePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAIrD,MAAM,CAAC,MAAM,mBAAmB,GAAiC,CAAC,EAEjE,EAAE,EAAE;QADD,KAAK,cADyD,EAEjE,CADQ;IAER,OAAO,oBAAC,SAAS,kBAAC,OAAO,EAAE,eAAe,IAAM,KAAK,EAAI,CAAC;AAC3D,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"FormDateRangePicker.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormDateRangePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAIrD,MAAM,CAAC,MAAM,mBAAmB,GAAiC,CAAC,EAEjE,EAAE,EAAE;QADD,KAAK,cADyD,EAEjE,CADQ;IAER,OAAO,oBAAC,SAAS,kBAAC,OAAO,EAAE,eAAe,IAAM,KAAK,EAAI,CAAC;AAC3D,CAAC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport { FormField, FormFieldProps } from '../FormField';\nimport { DateRangePicker } from '../DateRangePicker';\n\nexport type FormDateRangePickerProps = FormFieldProps;\n\nexport const FormDateRangePicker: FC<FormDateRangePickerProps> = ({\n\t...props\n}) => {\n\treturn <FormField control={DateRangePicker} {...props} />;\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormDropdown.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAwB,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAiB,MAAM,aAAa,CAAC;AAMtD,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,KAAK,EAAE,EAAE,CAAC,CAC7D,oBAAC,SAAS,kBAAC,OAAO,EAAE,QAAQ,IAAM,KAAK,EAAI,CAC3C,CAAC"}
|
|
1
|
+
{"version":3,"file":"FormDropdown.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAwB,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAiB,MAAM,aAAa,CAAC;AAMtD,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,KAAK,EAAE,EAAE,CAAC,CAC7D,oBAAC,SAAS,kBAAC,OAAO,EAAE,QAAQ,IAAM,KAAK,EAAI,CAC3C,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport { FormField, FormFieldPropsStrict } from '../FormField';\nimport { Dropdown, DropdownProps } from '../Dropdown';\n\nexport interface FormDropdownProps extends FormFieldPropsStrict, DropdownProps {\n\terror?: any; // Weirdly enough, this is what Semantic is doing to solve the extending issue\n}\n\nexport const FormDropdown: FC<FormDropdownProps> = (props) => (\n\t<FormField control={Dropdown} {...props} />\n);\n"]}
|
|
@@ -2,4 +2,4 @@ import React from 'react';
|
|
|
2
2
|
import { FormFieldProps } from '../FormField';
|
|
3
3
|
import { InputElement } from '../Input';
|
|
4
4
|
export declare type FormInputProps = FormFieldProps;
|
|
5
|
-
export declare const FormInput: React.ForwardRefExoticComponent<
|
|
5
|
+
export declare const FormInput: React.ForwardRefExoticComponent<Omit<FormFieldProps, "ref"> & React.RefAttributes<InputElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormInput.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,KAAK,EAAgB,MAAM,UAAU,CAAC;AAI/C,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CACxC,CAAC,KAAK,EAAE,GAAQ,EAAE,EAAE;IACnB,OAAO,oBAAC,SAAS,kBAAC,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CAAC;AAC3D,CAAC,CACD,CAAC"}
|
|
1
|
+
{"version":3,"file":"FormInput.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,KAAK,EAAgB,MAAM,UAAU,CAAC;AAI/C,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CACxC,CAAC,KAAK,EAAE,GAAQ,EAAE,EAAE;IACnB,OAAO,oBAAC,SAAS,kBAAC,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CAAC;AAC3D,CAAC,CACD,CAAC","sourcesContent":["import React from 'react';\nimport { FormField, FormFieldProps } from '../FormField';\nimport { Input, InputElement } from '../Input';\n\nexport type FormInputProps = FormFieldProps;\n\nexport const FormInput = React.forwardRef<InputElement, FormInputProps>(\n\t(props, ref: any) => {\n\t\treturn <FormField control={Input} ref={ref} {...props} />;\n\t}\n);\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormRadio.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormRadio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAwB,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAc,MAAM,UAAU,CAAC;AAU7C,MAAM,CAAC,MAAM,SAAS,GAAkB,CAAC,KAAK,EAAE,EAAE,CAAC,CAClD,oBAAC,SAAS,kBAAC,OAAO,EAAE,KAAK,IAAM,KAAK,EAAI,CACxC,CAAC"}
|
|
1
|
+
{"version":3,"file":"FormRadio.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormRadio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAwB,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAc,MAAM,UAAU,CAAC;AAU7C,MAAM,CAAC,MAAM,SAAS,GAAkB,CAAC,KAAK,EAAE,EAAE,CAAC,CAClD,oBAAC,SAAS,kBAAC,OAAO,EAAE,KAAK,IAAM,KAAK,EAAI,CACxC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport { FormField, FormFieldPropsStrict } from '../FormField';\nimport { Radio, RadioProps } from '../Radio';\n\nexport interface FormRadioProps<T>\n\textends FormFieldPropsStrict,\n\t\tOmit<RadioProps<T>, 'error'> {\n\tlabel: React.ReactNode;\n}\n\ntype FormRadioType<T = any> = FC<FormRadioProps<T>>;\n\nexport const FormRadio: FormRadioType = (props) => (\n\t<FormField control={Radio} {...props} />\n);\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormSelect.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAwB,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAe,MAAM,WAAW,CAAC;AAMhD,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,KAAK,EAAE,EAAE,CAAC,CACzD,oBAAC,SAAS,kBAAC,OAAO,EAAE,MAAM,IAAM,KAAK,EAAI,CACzC,CAAC"}
|
|
1
|
+
{"version":3,"file":"FormSelect.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAwB,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAe,MAAM,WAAW,CAAC;AAMhD,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,KAAK,EAAE,EAAE,CAAC,CACzD,oBAAC,SAAS,kBAAC,OAAO,EAAE,MAAM,IAAM,KAAK,EAAI,CACzC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport { FormField, FormFieldPropsStrict } from '../FormField';\nimport { Select, SelectProps } from '../Select';\n\nexport interface FormSelectProps extends FormFieldPropsStrict, SelectProps {\n\terror?: any; // Weirdly enough, this is what Semantic is doing to solve the extending issue\n}\n\nexport const FormSelect: FC<FormSelectProps> = (props) => (\n\t<FormField control={Select} {...props} />\n);\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormTextArea.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormTextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAIvC,MAAM,CAAC,MAAM,YAAY,GAAgC,KAAK,CAAC,UAAU,CACxE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACd,OAAO,oBAAC,SAAS,kBAAC,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CAAC;AAC9D,CAAC,CACD,CAAC"}
|
|
1
|
+
{"version":3,"file":"FormTextArea.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormTextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAIvC,MAAM,CAAC,MAAM,YAAY,GAAgC,KAAK,CAAC,UAAU,CACxE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACd,OAAO,oBAAC,SAAS,kBAAC,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CAAC;AAC9D,CAAC,CACD,CAAC","sourcesContent":["import React from 'react';\nimport { FormField, FormFieldProps } from '../FormField';\nimport { TextArea } from '../TextArea';\n\nexport type FormTextAreaProps = FormFieldProps;\n\nexport const FormTextArea: React.FC<FormTextAreaProps> = React.forwardRef(\n\t(props, ref) => {\n\t\treturn <FormField control={TextArea} ref={ref} {...props} />;\n\t}\n);\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormTimePicker.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormTimePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AAIhC,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EAAY,EAAE,EAAE;QAAX,KAAK,cAAV,EAAY,CAAF;IACjE,OAAO,oBAAC,SAAS,kBAAC,OAAO,EAAE,UAAU,IAAM,KAAK,EAAI,CAAC;AACtD,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"FormTimePicker.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormTimePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AAIhC,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EAAY,EAAE,EAAE;QAAX,KAAK,cAAV,EAAY,CAAF;IACjE,OAAO,oBAAC,SAAS,kBAAC,OAAO,EAAE,UAAU,IAAM,KAAK,EAAI,CAAC;AACtD,CAAC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport { FormField, FormFieldProps } from '../FormField';\nimport { TimePicker } from '..';\n\nexport type FormTimePickerProps = FormFieldProps;\n\nexport const FormTimePicker: FC<FormTimePickerProps> = ({ ...props }) => {\n\treturn <FormField control={TimePicker} {...props} />;\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormToggleSwitch.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormToggleSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAwB,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAqB,MAAM,iBAAiB,CAAC;AAQlE,MAAM,CAAC,MAAM,gBAAgB,GAA8B,CAAC,KAAK,EAAE,EAAE,CAAC,CACrE,oBAAC,SAAS,kBAAC,OAAO,EAAE,YAAY,IAAM,KAAK,EAAI,CAC/C,CAAC"}
|
|
1
|
+
{"version":3,"file":"FormToggleSwitch.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormToggleSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAwB,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAqB,MAAM,iBAAiB,CAAC;AAQlE,MAAM,CAAC,MAAM,gBAAgB,GAA8B,CAAC,KAAK,EAAE,EAAE,CAAC,CACrE,oBAAC,SAAS,kBAAC,OAAO,EAAE,YAAY,IAAM,KAAK,EAAI,CAC/C,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport { FormField, FormFieldPropsStrict } from '../FormField';\nimport { ToggleSwitch, ToggleSwitchProps } from '../ToggleSwitch';\n\nexport interface FormToggleSwitchProps\n\textends FormFieldPropsStrict,\n\t\tToggleSwitchProps {\n\tlabel: React.ReactNode;\n}\n\nexport const FormToggleSwitch: FC<FormToggleSwitchProps> = (props) => (\n\t<FormField control={ToggleSwitch} {...props} />\n);\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormTogglebox.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormTogglebox.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAwB,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AAYzD,MAAM,CAAC,MAAM,aAAa,GAAsB,CAAC,EAAqB,EAAE,EAAE;QAAzB,EAAE,OAAO,OAAY,EAAP,KAAK,cAAnB,WAAqB,CAAF;IAAO,OAAA,CAC1E,oBAAC,SAAS,kBAAC,gBAAgB,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,IAAM,KAAK,EAAI,CACvE,CAAA;CAAA,CAAC"}
|
|
1
|
+
{"version":3,"file":"FormTogglebox.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormTogglebox.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAwB,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AAYzD,MAAM,CAAC,MAAM,aAAa,GAAsB,CAAC,EAAqB,EAAE,EAAE;QAAzB,EAAE,OAAO,OAAY,EAAP,KAAK,cAAnB,WAAqB,CAAF;IAAO,OAAA,CAC1E,oBAAC,SAAS,kBAAC,gBAAgB,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,IAAM,KAAK,EAAI,CACvE,CAAA;CAAA,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport { FormField, FormFieldPropsStrict } from '../FormField';\nimport { Togglebox, ToggleboxProps } from '../Togglebox';\n\nexport interface FormToggleboxProps<T>\n\textends FormFieldPropsStrict,\n\t\tToggleboxProps<T> {\n\terror?: any; // Weirdly enough, this is what Semantic is doing to solve the extending issue\n\tlabel: React.ReactNode;\n\tcontrol?: ToggleboxProps<T>['control'];\n}\n\ntype FormToggleboxType<T = any> = FC<FormToggleboxProps<T>>;\n\nexport const FormTogglebox: FormToggleboxType = ({ control, ...props }) => (\n\t<FormField toggleboxControl={control} control={Togglebox} {...props} />\n);\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FormControls/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FormControls/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC","sourcesContent":["export * from './FormButton';\nexport * from './FormButtonToggle';\nexport * from './FormCheckbox';\nexport * from './FormColorPicker';\nexport * from './FormDatePicker';\nexport * from './FormDateRangePicker';\nexport * from './FormDropdown';\nexport * from './FormInput';\nexport * from './FormRadio';\nexport * from './FormSelect';\nexport * from './FormTextArea';\nexport * from './FormTogglebox';\nexport * from './FormToggleSwitch';\nexport * from './FormAnvilSelect';\nexport * from './FormTimePicker';\n"]}
|
|
@@ -9,9 +9,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import React, { useState, isValidElement } from 'react';
|
|
12
|
+
import React, { useState, useId, isValidElement } from 'react';
|
|
13
13
|
import classnames from 'classnames';
|
|
14
|
-
import { customAlphabet } from 'nanoid';
|
|
15
14
|
import { FormFieldContext } from './FormFieldContext';
|
|
16
15
|
import { ButtonToggle } from '../ButtonToggle';
|
|
17
16
|
import { ToggleSwitch } from '../ToggleSwitch';
|
|
@@ -44,8 +43,9 @@ export const FormField = React.forwardRef((_a, ref) => {
|
|
|
44
43
|
}
|
|
45
44
|
return props;
|
|
46
45
|
};
|
|
47
|
-
const
|
|
48
|
-
const
|
|
46
|
+
const id = useId();
|
|
47
|
+
const labelFor = props.id || `formfield_id_${id}`;
|
|
48
|
+
const errMsgID = props.id || `errMsg_id_${id}`;
|
|
49
49
|
const [context, setContext] = useState({
|
|
50
50
|
labelFor,
|
|
51
51
|
setFormFieldContext: () => { },
|
|
@@ -56,6 +56,8 @@ export const FormField = React.forwardRef((_a, ref) => {
|
|
|
56
56
|
const inputNode = (_a = context === null || context === void 0 ? void 0 : context.inputRef) === null || _a === void 0 ? void 0 : _a.current;
|
|
57
57
|
if (['AnvilSelect', 'Select', 'Dropdown'].includes(controlType)) {
|
|
58
58
|
inputNode === null || inputNode === void 0 ? void 0 : inputNode.focus();
|
|
59
|
+
}
|
|
60
|
+
if (['Select', 'Dropdown'].includes(controlType)) {
|
|
59
61
|
return;
|
|
60
62
|
}
|
|
61
63
|
inputNode === null || inputNode === void 0 ? void 0 : inputNode.click();
|
|
@@ -107,8 +109,9 @@ export const FormField = React.forwardRef((_a, ref) => {
|
|
|
107
109
|
const createControl = control
|
|
108
110
|
? React.createElement(control, Object.assign(Object.assign({}, controlProps), { 'aria-errormessage': errMsgID, ref }))
|
|
109
111
|
: children;
|
|
112
|
+
const hasHtmlFor = !['AnvilSelect', 'DateRangePicker'].includes(controlType);
|
|
110
113
|
return (React.createElement(React.Fragment, null,
|
|
111
|
-
React.createElement("label", { className: "Field__html-label", htmlFor: context.labelFor, onClick: handleLabelClick }, getLabel()),
|
|
114
|
+
React.createElement("label", { className: "Field__html-label", htmlFor: hasHtmlFor ? context.labelFor : undefined, onClick: handleLabelClick }, getLabel()),
|
|
112
115
|
React.createElement(FormFieldContext.Provider, { value: Object.assign(Object.assign({}, context), { setFormFieldContext }) }, createControl)));
|
|
113
116
|
};
|
|
114
117
|
const FormFieldProps = { children, disabled };
|
|
@@ -131,5 +134,4 @@ export const FormField = React.forwardRef((_a, ref) => {
|
|
|
131
134
|
hasDescription && (React.createElement("div", { className: "FormField__description" }, description)))),
|
|
132
135
|
hasCounter && (React.createElement("div", { className: "FormField__counter" }, `${counter}/${props.maxLength}`)))))));
|
|
133
136
|
});
|
|
134
|
-
const lettersOnly = 'abcdefghijklmnopqrstuvwxyz';
|
|
135
137
|
//# sourceMappingURL=FormField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../../src/components/FormField/FormField.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../../src/components/FormField/FormField.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { FC, useState, useId, isValidElement } from 'react';\nimport classnames from 'classnames';\nimport { SemanticWIDTHS } from '../../utilities/SemanticUtils';\nimport { FormFieldContext } from './FormFieldContext';\nimport { ButtonToggle } from '../ButtonToggle';\nimport { ToggleSwitch } from '../ToggleSwitch';\nimport { Label, LabelProps } from '../Label';\nimport { Togglebox } from '../Togglebox';\nimport { Checkbox } from '../Checkbox';\nimport { Button } from '../Button';\nimport { Radio } from '../Radio';\n\nexport interface FormFieldPropsStrict {\n\t/** Adds one or more classnames for an element */\n\tclassName?: string;\n\n\t/** Adds one or more classnames to the control element */\n\tcontrolClassName?: string;\n\n\t/** Set the wrapping element's type to render as (string or function). */\n\tcontrol?: any;\n\n\t/** Individual fields may be disabled. */\n\tdisabled?: boolean;\n\n\t/** Set the wrapping element's tagname */\n\tel?: any;\n\n\t/** Individual fields may display an error state. */\n\terror?: boolean | React.ReactElement | string;\n\n\t/** Adds additional help to the input */\n\tdescription?: React.ReactElement | string;\n\n\t/** Displays the describes the form element */\n\tlabel?: LabelProps['children'];\n\n\t/** Property options for the label */\n\tlabelProps?: LabelProps;\n\n\t/* Indicates that the field is required */\n\trequired?: boolean;\n\n\t/** Set Form Field to be specific widths */\n\twidth?: SemanticWIDTHS;\n}\nexport interface FormFieldProps extends FormFieldPropsStrict {\n\t/** Unstrict Props */\n\t[propName: string]: any;\n}\n\nexport const FormField: FC<FormFieldProps> = React.forwardRef(\n\t(\n\t\t{\n\t\t\tchildren,\n\t\t\tclassName,\n\t\t\tcontrol,\n\t\t\tcontrolRef,\n\t\t\tcontrolClassName,\n\t\t\tdescription,\n\t\t\tdisabled,\n\t\t\tel = 'div',\n\t\t\terror,\n\t\t\tlabel,\n\t\t\tlabelProps,\n\t\t\trequired,\n\t\t\tsize,\n\t\t\ttoggleboxControl,\n\t\t\twidth,\n\t\t\tonChange,\n\t\t\t...props\n\t\t},\n\t\tref: any\n\t) => {\n\t\tconst controlType = (() => {\n\t\t\tif (typeof control === 'undefined') return undefined;\n\n\t\t\tif (control?.displayName?.toString().length > 2)\n\t\t\t\treturn control?.displayName?.toString();\n\n\t\t\tif (control?.name?.toString().length > 2)\n\t\t\t\treturn control?.name?.toString();\n\n\t\t\treturn 'control';\n\t\t})();\n\n\t\tconst hasCounter =\n\t\t\tprops.showCounter &&\n\t\t\t!!props.maxLength &&\n\t\t\t['Input', 'TextArea', 'control'].includes(controlType);\n\n\t\tconst [counter, setCounter] = React.useState<string>(\n\t\t\tprops.defaultValue?.length ?? 0\n\t\t);\n\n\t\tconst passProps = () => {\n\t\t\tif (['Input', 'TextArea', 'control'].includes(controlType)) {\n\t\t\t\tconst { showCounter, ...rest } = props;\n\t\t\t\treturn rest;\n\t\t\t}\n\t\t\treturn props;\n\t\t};\n\n\t\tconst id = useId();\n\t\tconst labelFor = props.id || `formfield_id_${id}`;\n\t\tconst errMsgID = props.id || `errMsg_id_${id}`;\n\n\t\tconst [context, setContext] = useState({\n\t\t\tlabelFor,\n\t\t\tsetFormFieldContext: (): void => {},\n\t\t} as FormFieldContext);\n\n\t\tconst setFormFieldContext = (newContext: FormFieldContext) =>\n\t\t\tsetContext({\n\t\t\t\t...context,\n\t\t\t\t...newContext,\n\t\t\t});\n\n\t\tconst handleLabelClick = () => {\n\t\t\tconst inputNode = context?.inputRef?.current;\n\n\t\t\tif (['AnvilSelect', 'Select', 'Dropdown'].includes(controlType)) {\n\t\t\t\tinputNode?.focus();\n\t\t\t}\n\n\t\t\tif (['Select', 'Dropdown'].includes(controlType)) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tinputNode?.click();\n\t\t};\n\n\t\tconst handleOnChange = (e: any, d: any) => {\n\t\t\tif (hasCounter) {\n\t\t\t\tsetCounter(d?.value?.length);\n\t\t\t}\n\t\t\tonChange?.(e, d);\n\t\t};\n\n\t\tconst getLabel = () => {\n\t\t\tif (label === undefined || label === '') return false;\n\n\t\t\tconst labelClassName = labelProps?.className\n\t\t\t\t? labelProps.className\n\t\t\t\t: null;\n\t\t\tconst labelClasses = classnames(labelClassName, 'FormField__label');\n\n\t\t\treturn (\n\t\t\t\t<Label\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\trequired={required}\n\t\t\t\t\t{...labelProps}\n\t\t\t\t\tclassName={labelClasses}\n\t\t\t\t>\n\t\t\t\t\t{label}\n\t\t\t\t</Label>\n\t\t\t);\n\t\t};\n\n\t\tconst hasDescription =\n\t\t\t(description &&\n\t\t\t\ttypeof description === 'string' &&\n\t\t\t\tdescription.length > 0) ||\n\t\t\tisValidElement(description);\n\n\t\tconst hasErrorText =\n\t\t\t(error && typeof error === 'string' && error.length > 0) ||\n\t\t\tisValidElement(error);\n\n\t\tconst getControl = () => {\n\t\t\tconst controlProps = {\n\t\t\t\tchildren,\n\t\t\t\tdisabled,\n\t\t\t\trequired,\n\t\t\t\tsize,\n\t\t\t\tonChange: hasCounter ? handleOnChange : onChange,\n\t\t\t\tclassName: controlClassName,\n\t\t\t\t...passProps(),\n\t\t\t\t...(control !== ToggleSwitch &&\n\t\t\t\tcontrol !== ButtonToggle &&\n\t\t\t\ttoggleboxControl !== 'toggleSwitch' &&\n\t\t\t\tcontrol !== Button\n\t\t\t\t\t? { error: typeof error !== 'undefined' ? !!error : error }\n\t\t\t\t\t: {}),\n\t\t\t};\n\n\t\t\t// Togglebox\n\t\t\tif (control === Togglebox) {\n\t\t\t\treturn (\n\t\t\t\t\t<Togglebox\n\t\t\t\t\t\tlabel={label}\n\t\t\t\t\t\tcontrol={toggleboxControl}\n\t\t\t\t\t\taria-errormessage={errMsgID}\n\t\t\t\t\t\t{...controlProps}\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t}\n\n\t\t\t// Checkbox, Radio, ToggleSwitch\n\t\t\tif (\n\t\t\t\tcontrol === Checkbox ||\n\t\t\t\tcontrol === Radio ||\n\t\t\t\tcontrol === ToggleSwitch\n\t\t\t) {\n\t\t\t\treturn React.createElement(control, {\n\t\t\t\t\t...controlProps,\n\t\t\t\t\tlabel,\n\t\t\t\t\tlabelProps,\n\t\t\t\t\t'aria-errormessage': errMsgID,\n\t\t\t\t\trequired,\n\t\t\t\t\tref,\n\t\t\t\t});\n\t\t\t}\n\n\t\t\tconst createControl = control\n\t\t\t\t? React.createElement(control, {\n\t\t\t\t\t\t...controlProps,\n\t\t\t\t\t\t'aria-errormessage': errMsgID,\n\t\t\t\t\t\tref,\n\t\t\t\t })\n\t\t\t\t: children;\n\n\t\t\tconst hasHtmlFor = !['AnvilSelect', 'DateRangePicker'].includes(\n\t\t\t\tcontrolType\n\t\t\t);\n\n\t\t\treturn (\n\t\t\t\t<React.Fragment>\n\t\t\t\t\t<label\n\t\t\t\t\t\tclassName=\"Field__html-label\"\n\t\t\t\t\t\thtmlFor={hasHtmlFor ? context.labelFor : undefined}\n\t\t\t\t\t\tonClick={handleLabelClick}\n\t\t\t\t\t>\n\t\t\t\t\t\t{getLabel()}\n\t\t\t\t\t</label>\n\t\t\t\t\t<FormFieldContext.Provider\n\t\t\t\t\t\tvalue={{\n\t\t\t\t\t\t\t...context,\n\t\t\t\t\t\t\tsetFormFieldContext,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{createControl}\n\t\t\t\t\t</FormFieldContext.Provider>\n\t\t\t\t</React.Fragment>\n\t\t\t);\n\t\t};\n\n\t\tconst FormFieldProps = { children, disabled };\n\n\t\tconst FormFieldClasses = classnames('FormField', className, {\n\t\t\t'FormField--disabled': disabled,\n\t\t\t'FormField--error': error,\n\t\t\t[`FormField--${controlType}`]: controlType,\n\t\t\t'FormField--small': size === 'small',\n\t\t\t'FormField--large': size === 'large',\n\t\t\t'FormField--fitted': label === undefined || label === '',\n\t\t\t[`FormField--width-${width}`]: width,\n\t\t});\n\n\t\tconst FormFieldElement = el;\n\n\t\treturn (\n\t\t\t<FormFieldElement\n\t\t\t\tclassName={FormFieldClasses}\n\t\t\t\tdata-anvil-component=\"FormField\"\n\t\t\t\t{...FormFieldProps}\n\t\t\t>\n\t\t\t\t<div className=\"FormField__wrapper\">\n\t\t\t\t\t{getControl()}\n\t\t\t\t\t{(hasCounter || hasErrorText || hasDescription) && (\n\t\t\t\t\t\t<div className=\"FormField__addons\">\n\t\t\t\t\t\t\t{(hasErrorText || hasDescription) && (\n\t\t\t\t\t\t\t\t<div className=\"FormField__helpers\">\n\t\t\t\t\t\t\t\t\t{hasErrorText && (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"FormField__errorText\"\n\t\t\t\t\t\t\t\t\t\t\tid={errMsgID}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{error}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{hasDescription && (\n\t\t\t\t\t\t\t\t\t\t<div className=\"FormField__description\">\n\t\t\t\t\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{hasCounter && (\n\t\t\t\t\t\t\t\t<div className=\"FormField__counter\">{`${counter}/${props.maxLength}`}</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</FormFieldElement>\n\t\t);\n\t}\n);\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormField.test.js","sourceRoot":"","sources":["../../../src/components/FormField/FormField.test.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"FormField.test.js","sourceRoot":"","sources":["../../../src/components/FormField/FormField.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 { Form } from '../Form/';\nimport { Input } from '../Input/';\n\nconst MultipleTogglebox = () => {\n\tconst [value, setValue] = React.useState(1);\n\tconst handleChange = (value: number) => setValue(value);\n\n\treturn (\n\t\t<Form>\n\t\t\t<Form.Field label=\"FormField1\" required width=\"3\">\n\t\t\t\t<Form.Togglebox\n\t\t\t\t\tcontrol=\"radio\"\n\t\t\t\t\tlabel=\"Togglebox1\"\n\t\t\t\t\tonClick={() => handleChange(1)}\n\t\t\t\t\tchecked={value === 1}\n\t\t\t\t\tclassName=\"tb1\"\n\t\t\t\t/>\n\t\t\t\t<Form.Togglebox\n\t\t\t\t\tcontrol=\"radio\"\n\t\t\t\t\tlabel=\"Togglebox2\"\n\t\t\t\t\tonClick={() => handleChange(2)}\n\t\t\t\t\tchecked={value === 2}\n\t\t\t\t\tclassName=\"tb2\"\n\t\t\t\t/>\n\t\t\t</Form.Field>\n\t\t</Form>\n\t);\n};\n\ndescribe('test multiple Form.Togglebox inside one Form.Field', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tconst user = userEvent.setup();\n\n\tit('it should be checked on click', async () => {\n\t\tconst { container } = render(<MultipleTogglebox />);\n\n\t\tconst tbi1 = container.querySelector('.tb1 input') as HTMLInputElement;\n\t\tconst tbi2 = container.querySelector('.tb2 input') as HTMLInputElement;\n\n\t\texpect(tbi1.checked).toEqual(true);\n\t\texpect(tbi2.checked).toEqual(false);\n\n\t\tawait user.click(tbi2);\n\t\texpect(tbi1.checked).toEqual(false);\n\t\texpect(tbi2.checked).toEqual(true);\n\n\t\tawait user.click(tbi1);\n\t\texpect(tbi1.checked).toEqual(true);\n\t\texpect(tbi2.checked).toEqual(false);\n\t});\n});\n\nconst MultipleInput = () => {\n\treturn (\n\t\t<Form>\n\t\t\t<Form.Field label=\"Label\" width=\"3\">\n\t\t\t\t<Input placeholder=\"First\" className=\"input1\" />\n\t\t\t\t<Input placeholder=\"Last\" className=\"input2\" />\n\t\t\t</Form.Field>\n\t\t</Form>\n\t);\n};\n\ndescribe('test focus on label clock multiple Inputs inside one Form.Field', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tconst user = userEvent.setup();\n\n\tit('it should be focused on Label click', async () => {\n\t\tconst { container } = render(<MultipleInput />);\n\n\t\tconst label = container.querySelector('.Label') as HTMLElement;\n\t\tconst i1 = container.querySelector('.input1 input') as HTMLInputElement;\n\t\tconst i2 = container.querySelector('.input2 input') as HTMLInputElement;\n\n\t\texpect(i1).not.toHaveFocus();\n\t\texpect(i2).not.toHaveFocus();\n\n\t\tawait user.click(label);\n\t\texpect(i1).toHaveFocus();\n\t\texpect(i2).not.toHaveFocus();\n\n\t\tawait user.click(i2);\n\t\texpect(i1).not.toHaveFocus();\n\t\texpect(i2).toHaveFocus();\n\t});\n});\n\ndescribe('Counter for FormField', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should have proper number per default values', () => {\n\t\tconst { container } = render(\n\t\t\t<Form\n\t\t\t\tkey=\"form\"\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'grid',\n\t\t\t\t\tgridTemplateColumns: '1fr',\n\t\t\t\t\tgridRowGap: 8,\n\t\t\t\t\tjustifyItems: 'stretch',\n\t\t\t\t\talignItems: 'start',\n\t\t\t\t\tmaxWidth: '50%',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<Form.Input\n\t\t\t\t\tlabel=\"input\"\n\t\t\t\t\tdescription=\"Field Helper Text\"\n\t\t\t\t\tmaxLength={20}\n\t\t\t\t\tshowCounter\n\t\t\t\t/>\n\t\t\t\t<Form.Input\n\t\t\t\t\tlabel=\"input with default value\"\n\t\t\t\t\tdescription=\"Field Helper Text\"\n\t\t\t\t\tmaxLength={20}\n\t\t\t\t\tshowCounter\n\t\t\t\t\tdefaultValue=\"With default Value\"\n\t\t\t\t/>\n\t\t\t\t<Form.TextArea\n\t\t\t\t\tlabel=\"textarea\"\n\t\t\t\t\tdescription=\"Field Helper Text\"\n\t\t\t\t\tmaxLength={30}\n\t\t\t\t\tshowCounter\n\t\t\t\t/>\n\t\t\t\t<Form.TextArea\n\t\t\t\t\tlabel=\"textarea with default value\"\n\t\t\t\t\tdescription=\"Field Helper Text\"\n\t\t\t\t\tmaxLength={30}\n\t\t\t\t\tshowCounter\n\t\t\t\t\tdefaultValue=\"TextArea with default value\"\n\t\t\t\t/>\n\t\t\t</Form>\n\t\t);\n\n\t\tconst counters = container.querySelectorAll('.FormField__counter');\n\t\tconst input = counters[0].innerHTML;\n\t\tconst inputWithValue = counters[1].innerHTML;\n\t\tconst textArea = counters[2].innerHTML;\n\t\tconst textAreaWithValue = counters[3].innerHTML;\n\n\t\texpect(input).toEqual('0/20');\n\t\texpect(inputWithValue).toEqual('18/20');\n\t\texpect(textArea).toEqual('0/30');\n\t\texpect(textAreaWithValue).toEqual('27/30');\n\t});\n\n\tit('should not show when maxLength is not defined', () => {\n\t\tconst { container } = render(\n\t\t\t<Form\n\t\t\t\tkey=\"form\"\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'grid',\n\t\t\t\t\tgridTemplateColumns: '1fr',\n\t\t\t\t\tgridRowGap: 8,\n\t\t\t\t\tjustifyItems: 'stretch',\n\t\t\t\t\talignItems: 'start',\n\t\t\t\t\tmaxWidth: '50%',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<Form.Input\n\t\t\t\t\tdescription=\"Field Helper Text\"\n\t\t\t\t\tmaxLength={20}\n\t\t\t\t\tshowCounter\n\t\t\t\t/>\n\t\t\t\t<Form.Input description=\"Field Helper Text\" showCounter />\n\t\t\t\t<Form.TextArea\n\t\t\t\t\tdescription=\"Field Helper Text\"\n\t\t\t\t\tmaxLength={30}\n\t\t\t\t\tshowCounter\n\t\t\t\t/>\n\t\t\t\t<Form.TextArea\n\t\t\t\t\tdescription=\"Field Helper Text\"\n\t\t\t\t\tshowCounter\n\t\t\t\t\tdefaultValue=\"TextArea with default value\"\n\t\t\t\t/>\n\t\t\t</Form>\n\t\t);\n\n\t\tconst counterCount = container.querySelectorAll(\n\t\t\t'.FormField__counter'\n\t\t).length;\n\t\texpect(counterCount).toBe(2);\n\t});\n});\n\ndescribe('Form.Field', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit.skip('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Form>\n\t\t\t\t<Form.Field\n\t\t\t\t\tlabel=\"Label\"\n\t\t\t\t\twidth=\"3\"\n\t\t\t\t\tdata-auto-sel=\"automation-selector\"\n\t\t\t\t>\n\t\t\t\t\t<Input placeholder=\"First\" className=\"input1\" />\n\t\t\t\t\t<Input placeholder=\"Last\" className=\"input2\" />\n\t\t\t\t</Form.Field>\n\t\t\t</Form>\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":"FormFieldContext.js","sourceRoot":"","sources":["../../../src/components/FormField/FormFieldContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAmB;IACrE,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,mBAAmB,EAAE,GAAG,EAAE,GAAE,CAAC;CAC7B,CAAC,CAAC;AACH,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}
|
|
1
|
+
{"version":3,"file":"FormFieldContext.js","sourceRoot":"","sources":["../../../src/components/FormField/FormFieldContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAmB;IACrE,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,mBAAmB,EAAE,GAAG,EAAE,GAAE,CAAC;CAC7B,CAAC,CAAC;AACH,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC","sourcesContent":["import React from 'react';\n\nexport interface FormFieldContext {\n\tlabelFor?: string;\n\tinputRef?: React.RefObject<HTMLElement>;\n\tsetFormFieldContext?: React.Dispatch<\n\t\tReact.SetStateAction<FormFieldContext>\n\t>;\n}\n\nexport const FormFieldContext = React.createContext<FormFieldContext>({\n\tlabelFor: undefined,\n\tinputRef: undefined,\n\tsetFormFieldContext: () => {},\n});\nFormFieldContext.displayName = 'FormFieldContext';\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FormField/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FormField/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC","sourcesContent":["export * from './FormField';\nexport * from './FormFieldContext';\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormGroup.js","sourceRoot":"","sources":["../../../src/components/FormGroup/FormGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAyBpC,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,EAO7C,EAAE,EAAE;QAPyC,EAC7C,SAAS,EACT,EAAE,EAAE,OAAO,GAAG,KAAK,EACnB,OAAO,EACP,MAAM,EACN,MAAM,OAEN,EADG,KAAK,cANqC,kDAO7C,CADQ;IAER,MAAM,gBAAgB,GAAG,UAAU,CAAC,WAAW,EAAE,SAAS,EAAE;QAC3D,oBAAoB,EAAE,OAAO;QAC7B,mBAAmB,EAAE,MAAM;QAC3B,wBAAwB,EAAE,MAAM,KAAK,OAAO;QAC5C,CAAC,qBAAqB,MAAM,EAAE,CAAC,EAAE,MAAM,IAAI,MAAM,KAAK,OAAO;KAC7D,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,OAAO,kBACP,SAAS,EAAE,gBAAgB,0BACN,WAAW,IAC5B,KAAK,EACR,CACF,CAAC;AACH,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
|
|
1
|
+
{"version":3,"file":"FormGroup.js","sourceRoot":"","sources":["../../../src/components/FormGroup/FormGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAyBpC,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,EAO7C,EAAE,EAAE;QAPyC,EAC7C,SAAS,EACT,EAAE,EAAE,OAAO,GAAG,KAAK,EACnB,OAAO,EACP,MAAM,EACN,MAAM,OAEN,EADG,KAAK,cANqC,kDAO7C,CADQ;IAER,MAAM,gBAAgB,GAAG,UAAU,CAAC,WAAW,EAAE,SAAS,EAAE;QAC3D,oBAAoB,EAAE,OAAO;QAC7B,mBAAmB,EAAE,MAAM;QAC3B,wBAAwB,EAAE,MAAM,KAAK,OAAO;QAC5C,CAAC,qBAAqB,MAAM,EAAE,CAAC,EAAE,MAAM,IAAI,MAAM,KAAK,OAAO;KAC7D,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,OAAO,kBACP,SAAS,EAAE,gBAAgB,0BACN,WAAW,IAC5B,KAAK,EACR,CACF,CAAC;AACH,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\nimport { SemanticWIDTHS } from '../../utilities/SemanticUtils';\n\nexport interface FormGroupPropsStrict {\n\t/** Additional classes */\n\tclassName?: string;\n\n\t/** Element to use for base component */\n\tel?: any;\n\n\t/** Display fields vertically grouped */\n\tgrouped?: boolean;\n\n\t/** Display labels and fields in a row */\n\tinline?: boolean;\n\n\t/** Set all Form Fields to be specific widths */\n\twidths?: SemanticWIDTHS | 'equal';\n}\n\nexport interface FormGroupProps extends FormGroupPropsStrict {\n\t/** Unstrict Props */\n\t[propName: string]: any;\n}\n\nexport const FormGroup: FC<FormGroupProps> = ({\n\tclassName,\n\tel: Element = 'div',\n\tgrouped,\n\tinline,\n\twidths,\n\t...props\n}) => {\n\tconst FormGroupClasses = classnames('FormGroup', className, {\n\t\t'FormGroup--grouped': grouped,\n\t\t'FormGroup--inline': inline,\n\t\t'FormGroup--equal-width': widths === 'equal',\n\t\t[`FormGroup--widths-${widths}`]: widths && widths !== 'equal',\n\t});\n\n\treturn (\n\t\t<Element\n\t\t\tclassName={FormGroupClasses}\n\t\t\tdata-anvil-component=\"FormGroup\"\n\t\t\t{...props}\n\t\t/>\n\t);\n};\n\nFormGroup.displayName = 'FormGroup';\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormGroup.test.js","sourceRoot":"","sources":["../../../src/components/FormGroup/FormGroup.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,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,IAAI;YACJ,oBAAC,IAAI,CAAC,KAAK,qBAAe,qBAAqB;gBAC9C,oBAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAC,QAAQ,GAAG;gBAChC,oBAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAC,SAAS,GAAG;gBACjC,oBAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAC,OAAO,GAAG;gBAC/B,oBAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAC,YAAY,GAAG,CACxB,CACP,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":"FormGroup.test.js","sourceRoot":"","sources":["../../../src/components/FormGroup/FormGroup.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,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,IAAI;YACJ,oBAAC,IAAI,CAAC,KAAK,qBAAe,qBAAqB;gBAC9C,oBAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAC,QAAQ,GAAG;gBAChC,oBAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAC,SAAS,GAAG;gBACjC,oBAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAC,OAAO,GAAG;gBAC/B,oBAAC,IAAI,CAAC,QAAQ,IAAC,KAAK,EAAC,YAAY,GAAG,CACxB,CACP,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';\n\nimport { Form } from '../Form/';\n\ndescribe('Form.Group', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Form>\n\t\t\t\t<Form.Group data-auto-sel=\"automation-selector\">\n\t\t\t\t\t<Form.Checkbox label=\"Apples\" />\n\t\t\t\t\t<Form.Checkbox label=\"Oranges\" />\n\t\t\t\t\t<Form.Checkbox label=\"Pears\" />\n\t\t\t\t\t<Form.Checkbox label=\"Grapefruit\" />\n\t\t\t\t</Form.Group>\n\t\t\t</Form>\n\t\t);\n\n\t\tconst element = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(element).not.toBeNull();\n\t});\n});\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FormGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FormGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC","sourcesContent":["export * from './FormGroup';\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Frame.js","sourceRoot":"","sources":["../../../src/components/Frame/Frame.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAiBpC,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,EAMrC,EAAE,EAAE;QANiC,EACrC,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,EAAE,GAAG,KAAK,EACd,MAAM,OAEN,EADG,KAAK,cAL6B,yCAMrC,CADQ;IAER,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QACzC,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;IAC1D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP;;;OAGG;IACH,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,MAAM,cAAc,GAAG,CAAC,iBAAiB,EAAE,CAAC;QAE5C,cAAc,IAAI,oBAAoB,CAAC,mBAAmB,CAAC,CAAC;QAC5D,OAAO,GAAG,EAAE,CACX,cAAc,IAAI,uBAAuB,CAAC,mBAAmB,CAAC,CAAC;IACjE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACN,oBAAC,EAAE,kBACF,SAAS,EAAE,UAAU,CAAC,OAAO,EAAE,SAAS,CAAC,0BACpB,OAAO,IACxB,KAAK;QAER,MAAM,IAAI,6BAAK,SAAS,EAAC,eAAe,IAAE,MAAM,CAAO;QACxD,6BAAK,SAAS,EAAC,gBAAgB,IAAE,QAAQ,CAAO,CAC5C,CACL,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,GAAG,EAAE;IAC5B,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,8BAA8B,CAAC,CAAC;IACrE,IAAI,CAAC,KAAK;QAAE,OAAO,EAAE,CAAC;IACtB,OAAO;QACN,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;YACf,6CAA6C;YAC7C,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,aAAa,CAAC,EAAE;gBAC7B,MAAM,CAAC,CAAC;aACR;QACF,CAAC,CAAC,CAAC,KAAK,CAAC;KACT,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAAC,SAAiB,EAAE,EAAE,CAClD,eAAe,EAAE,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC;AAExE,MAAM,uBAAuB,GAAG,CAAC,SAAiB,EAAE,EAAE,CACrD,eAAe,EAAE,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC;AAE3E,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAC9B,IAAI;QACH,OAAO,GAAG,CAAC,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;KACxC;IAAC,OAAO,CAAC,EAAE;QACX,OAAO,KAAK,CAAC;KACb;AACF,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"Frame.js","sourceRoot":"","sources":["../../../src/components/Frame/Frame.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAiBpC,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,EAMrC,EAAE,EAAE;QANiC,EACrC,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,EAAE,GAAG,KAAK,EACd,MAAM,OAEN,EADG,KAAK,cAL6B,yCAMrC,CADQ;IAER,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QACzC,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;IAC1D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP;;;OAGG;IACH,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,MAAM,cAAc,GAAG,CAAC,iBAAiB,EAAE,CAAC;QAE5C,cAAc,IAAI,oBAAoB,CAAC,mBAAmB,CAAC,CAAC;QAC5D,OAAO,GAAG,EAAE,CACX,cAAc,IAAI,uBAAuB,CAAC,mBAAmB,CAAC,CAAC;IACjE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACN,oBAAC,EAAE,kBACF,SAAS,EAAE,UAAU,CAAC,OAAO,EAAE,SAAS,CAAC,0BACpB,OAAO,IACxB,KAAK;QAER,MAAM,IAAI,6BAAK,SAAS,EAAC,eAAe,IAAE,MAAM,CAAO;QACxD,6BAAK,SAAS,EAAC,gBAAgB,IAAE,QAAQ,CAAO,CAC5C,CACL,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,GAAG,EAAE;IAC5B,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,8BAA8B,CAAC,CAAC;IACrE,IAAI,CAAC,KAAK;QAAE,OAAO,EAAE,CAAC;IACtB,OAAO;QACN,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;YACf,6CAA6C;YAC7C,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,aAAa,CAAC,EAAE;gBAC7B,MAAM,CAAC,CAAC;aACR;QACF,CAAC,CAAC,CAAC,KAAK,CAAC;KACT,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAAC,SAAiB,EAAE,EAAE,CAClD,eAAe,EAAE,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC;AAExE,MAAM,uBAAuB,GAAG,CAAC,SAAiB,EAAE,EAAE,CACrD,eAAe,EAAE,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC;AAE3E,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAC9B,IAAI;QACH,OAAO,GAAG,CAAC,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;KACxC;IAAC,OAAO,CAAC,EAAE;QACX,OAAO,KAAK,CAAC;KACb;AACF,CAAC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\n\nexport interface FramePropsStrict {\n\t/** Adds one or more classnames to an element */\n\tclassName?: string;\n\n\t/** Set the wrapping element's tagname */\n\tel?: any;\n\n\t/** Content for a Global Header */\n\theader?: React.ReactElement;\n}\n\nexport interface FrameProps extends FramePropsStrict {\n\t[propName: string]: any;\n}\n\nexport const Frame: FC<FrameProps> = ({\n\tchildren,\n\tclassName,\n\tel: El = 'div',\n\theader,\n\t...props\n}) => {\n\tReact.useEffect(() => {\n\t\tdocument.body.classList.add('of-hidden');\n\t\treturn () => document.body.classList.remove('of-hidden');\n\t}, []);\n\n\t/*\n\t * Hacky way of handling with mobile Chrome's head and 100vh layout.\n\t * To be removed after Chrome to support dvh units.\n\t */\n\tReact.useEffect(() => {\n\t\tconst isHackRequired = !is100dvhSupported();\n\n\t\tisHackRequired && frameParentsAddClass('with-frame-inside');\n\t\treturn () =>\n\t\t\tisHackRequired && frameParentsRemoveClass('with-frame-inside');\n\t}, []);\n\n\treturn (\n\t\t<El\n\t\t\tclassName={classnames('Frame', className)}\n\t\t\tdata-anvil-component=\"Frame\"\n\t\t\t{...props}\n\t\t>\n\t\t\t{header && <div className=\"Frame__header\">{header}</div>}\n\t\t\t<div className=\"Frame__content\">{children}</div>\n\t\t</El>\n\t);\n};\n\nconst getFrameParents = () => {\n\tconst frame = document.querySelector('[data-anvil-component=Frame]');\n\tif (!frame) return [];\n\treturn [\n\t\t...(function* (e) {\n\t\t\t// eslint-disable-next-line no-param-reassign\n\t\t\twhile ((e = e.parentElement)) {\n\t\t\t\tyield e;\n\t\t\t}\n\t\t})(frame),\n\t];\n};\n\nconst frameParentsAddClass = (className: string) =>\n\tgetFrameParents().forEach((parent) => parent.classList.add(className));\n\nconst frameParentsRemoveClass = (className: string) =>\n\tgetFrameParents().forEach((parent) => parent.classList.remove(className));\n\nconst is100dvhSupported = () => {\n\ttry {\n\t\treturn CSS.supports('height', '100dvh');\n\t} catch (e) {\n\t\treturn false;\n\t}\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Frame.test.js","sourceRoot":"","sources":["../../../src/components/Frame/Frame.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IACtB,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,KAAK,IACL,MAAM,EAAE,oBAAC,QAAQ,iBAAkB,mBACrB,qBAAqB;YAEnC,oBAAC,QAAQ,uBAAwB,CAC1B,CACR,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":"Frame.test.js","sourceRoot":"","sources":["../../../src/components/Frame/Frame.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IACtB,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,KAAK,IACL,MAAM,EAAE,oBAAC,QAAQ,iBAAkB,mBACrB,qBAAqB;YAEnC,oBAAC,QAAQ,uBAAwB,CAC1B,CACR,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 { Frame } from './Frame';\nimport { BodyText } from '../BodyText';\n\ndescribe('Frame', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Frame\n\t\t\t\theader={<BodyText>Header</BodyText>}\n\t\t\t\tdata-auto-sel=\"automation-selector\"\n\t\t\t>\n\t\t\t\t<BodyText>Page Content</BodyText>\n\t\t\t</Frame>\n\t\t);\n\n\t\tconst element = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(element).not.toBeNull();\n\t});\n});\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Frame/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Frame/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC","sourcesContent":["export * from './Frame';\n"]}
|