@servicetitan/design-system 13.3.3 → 13.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ActionMenu/ActionMenu.js.map +1 -1
- package/dist/components/ActionMenu/ActionMenu.test.js +5 -25
- package/dist/components/ActionMenu/ActionMenu.test.js.map +1 -1
- package/dist/components/ActionMenu/ActionMenuGroup.js.map +1 -1
- package/dist/components/ActionMenu/ActionMenuItem.js.map +1 -1
- package/dist/components/ActionMenu/index.js.map +1 -1
- package/dist/components/Announcement/Announcement.js +1 -1
- package/dist/components/Announcement/Announcement.js.map +1 -1
- package/dist/components/Announcement/Announcement.test.js.map +1 -1
- package/dist/components/Announcement/index.js.map +1 -1
- package/dist/components/AnvilSelect/AnvilSelect.d.ts +4 -0
- package/dist/components/AnvilSelect/AnvilSelect.js +1 -1
- package/dist/components/AnvilSelect/AnvilSelect.js.map +1 -1
- package/dist/components/AnvilSelect/AnvilSelect.test.js.map +1 -1
- package/dist/components/AnvilSelect/components/DrillIn.js.map +1 -1
- package/dist/components/AnvilSelect/components/FocusProvider.js.map +1 -1
- package/dist/components/AnvilSelect/components/SelectFooter.js.map +1 -1
- package/dist/components/AnvilSelect/components/SelectHeader.js +1 -1
- package/dist/components/AnvilSelect/components/SelectHeader.js.map +1 -1
- package/dist/components/AnvilSelect/components/SelectOptions.js.map +1 -1
- package/dist/components/AnvilSelect/components/Tree.js.map +1 -1
- package/dist/components/AnvilSelect/components/Trigger.js +1 -1
- package/dist/components/AnvilSelect/components/Trigger.js.map +1 -1
- package/dist/components/AnvilSelect/components/index.js.map +1 -1
- package/dist/components/AnvilSelect/index.js.map +1 -1
- package/dist/components/AnvilSelect/utils/FocusActionType.js.map +1 -1
- package/dist/components/AnvilSelect/utils/FocusContext.js.map +1 -1
- package/dist/components/AnvilSelect/utils/FooterAction.js.map +1 -1
- package/dist/components/AnvilSelect/utils/focus-utils.js.map +1 -1
- package/dist/components/AnvilSelect/utils/index.js.map +1 -1
- package/dist/components/Avatar/Avatar.js.map +1 -1
- package/dist/components/Avatar/Avatar.test.js.map +1 -1
- package/dist/components/Avatar/index.js.map +1 -1
- package/dist/components/BackLink/BackLink.js.map +1 -1
- package/dist/components/BackLink/BackLink.test.js.map +1 -1
- package/dist/components/BackLink/index.js.map +1 -1
- package/dist/components/Backdrop/Backdrop.js.map +1 -1
- package/dist/components/Backdrop/Backdrop.test.js.map +1 -1
- package/dist/components/Backdrop/index.js.map +1 -1
- package/dist/components/Banner/Banner.js +1 -1
- package/dist/components/Banner/Banner.js.map +1 -1
- package/dist/components/Banner/Banner.test.js.map +1 -1
- package/dist/components/Banner/index.js.map +1 -1
- package/dist/components/BodyText/BodyText.js.map +1 -1
- package/dist/components/BodyText/BodyText.test.js.map +1 -1
- package/dist/components/BodyText/index.js.map +1 -1
- package/dist/components/Breadcrumb/Breadcrumb.js.map +1 -1
- package/dist/components/Breadcrumb/BreadcrumbLink.js.map +1 -1
- package/dist/components/Breadcrumb/BreadcrumbLink.test.js.map +1 -1
- package/dist/components/Breadcrumb/index.js.map +1 -1
- package/dist/components/BreakPoint/BreakPoint.js.map +1 -1
- package/dist/components/BreakPoint/BreakPoint.test.js.map +1 -1
- package/dist/components/BreakPoint/index.js.map +1 -1
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Button/Button.test.js.map +1 -1
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/ButtonGroup/ButtonGroup.js.map +1 -1
- package/dist/components/ButtonGroup/ButtonGroup.test.js.map +1 -1
- package/dist/components/ButtonGroup/ButtonGroupItem.js.map +1 -1
- package/dist/components/ButtonGroup/index.js.map +1 -1
- package/dist/components/ButtonToggle/ButtonToggle.js.map +1 -1
- package/dist/components/ButtonToggle/ButtonToggle.test.js.map +1 -1
- package/dist/components/ButtonToggle/ButtonToggleItem.js.map +1 -1
- package/dist/components/ButtonToggle/index.js.map +1 -1
- package/dist/components/Card/Card.js.map +1 -1
- package/dist/components/Card/Card.test.js.map +1 -1
- package/dist/components/Card/CardSection.js.map +1 -1
- package/dist/components/Card/index.js.map +1 -1
- package/dist/components/Checkbox/Checkbox.js +1 -0
- package/dist/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/components/Checkbox/Checkbox.test.js.map +1 -1
- package/dist/components/Checkbox/index.js.map +1 -1
- package/dist/components/Collapsible/Collapsible.js.map +1 -1
- package/dist/components/Collapsible/Collapsible.test.js.map +1 -1
- package/dist/components/Collapsible/index.js.map +1 -1
- package/dist/components/ColorPicker/ColorPicker.js.map +1 -1
- package/dist/components/ColorPicker/ColorPicker.test.js.map +1 -1
- package/dist/components/ColorPicker/index.js.map +1 -1
- package/dist/components/Container/Container.js.map +1 -1
- package/dist/components/Container/index.js.map +1 -1
- package/dist/components/DataList/DataList.js.map +1 -1
- package/dist/components/DataList/DataList.test.js.map +1 -1
- package/dist/components/DataList/DataListCell.js.map +1 -1
- 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 +3 -0
- package/dist/components/DatePicker/DatePicker.js +2 -2
- package/dist/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/components/DatePicker/DatePicker.test.js +9 -0
- package/dist/components/DatePicker/DatePicker.test.js.map +1 -1
- package/dist/components/DatePicker/InputDateMask.js.map +1 -1
- package/dist/components/DatePicker/index.js.map +1 -1
- package/dist/components/DatePicker/utils/expandMaskUtils.js.map +1 -1
- package/dist/components/DatePicker/utils/expandMaskUtils.test.js.map +1 -1
- package/dist/components/DatePicker/utils/maskUtils.js.map +1 -1
- package/dist/components/DatePicker/utils/utils.js.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.d.ts +3 -0
- package/dist/components/DateRangePicker/DateRangePicker.js +3 -3
- package/dist/components/DateRangePicker/DateRangePicker.js.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.test.js +13 -1
- package/dist/components/DateRangePicker/DateRangePicker.test.js.map +1 -1
- package/dist/components/DateRangePicker/components/DateRangeInput.js.map +1 -1
- package/dist/components/DateRangePicker/components/DateRangeOptionList.js.map +1 -1
- package/dist/components/DateRangePicker/components/DateRangeTrigger.js +1 -1
- package/dist/components/DateRangePicker/components/DateRangeTrigger.js.map +1 -1
- package/dist/components/DateRangePicker/components/index.js.map +1 -1
- package/dist/components/DateRangePicker/index.js.map +1 -1
- package/dist/components/DateRangePicker/utils/checkScope.js.map +1 -1
- package/dist/components/DateRangePicker/utils/index.js.map +1 -1
- package/dist/components/Dialog/Dialog.js.map +1 -1
- package/dist/components/Dialog/Dialog.test.js +5 -3
- package/dist/components/Dialog/Dialog.test.js.map +1 -1
- package/dist/components/Dialog/index.js.map +1 -1
- package/dist/components/Divider/Divider.js.map +1 -1
- package/dist/components/Divider/Divider.test.js.map +1 -1
- package/dist/components/Divider/index.js.map +1 -1
- package/dist/components/Drawer/Drawer.js +1 -1
- package/dist/components/Drawer/Drawer.js.map +1 -1
- package/dist/components/Drawer/Drawer.test.js +5 -3
- package/dist/components/Drawer/Drawer.test.js.map +1 -1
- package/dist/components/Drawer/index.js.map +1 -1
- package/dist/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/components/Dropdown/DropdownIcon.js.map +1 -1
- package/dist/components/Dropdown/index.js.map +1 -1
- package/dist/components/Eyebrow/Eyebrow.js.map +1 -1
- package/dist/components/Eyebrow/Eyebrow.test.js.map +1 -1
- package/dist/components/Eyebrow/index.js.map +1 -1
- package/dist/components/FilePicker/FilePicker.js.map +1 -1
- package/dist/components/FilePicker/FilePicker.test.js.map +1 -1
- package/dist/components/FilePicker/index.js.map +1 -1
- package/dist/components/FilterButton/FilterButton.js.map +1 -1
- package/dist/components/FilterButton/FilterButton.test.js.map +1 -1
- package/dist/components/FilterButton/index.js.map +1 -1
- package/dist/components/FlowCard/FlowCard.js.map +1 -1
- package/dist/components/FlowCard/FlowCard.test.js.map +1 -1
- package/dist/components/FlowCard/FlowCardStep.js.map +1 -1
- package/dist/components/FlowCard/index.js.map +1 -1
- package/dist/components/Form/Form.js.map +1 -1
- package/dist/components/Form/Form.test.js.map +1 -1
- package/dist/components/Form/index.js.map +1 -1
- package/dist/components/FormControls/FormAnvilSelect.js.map +1 -1
- package/dist/components/FormControls/FormButton.js.map +1 -1
- package/dist/components/FormControls/FormButtonToggle.js.map +1 -1
- package/dist/components/FormControls/FormCheckbox.js.map +1 -1
- package/dist/components/FormControls/FormColorPicker.js.map +1 -1
- package/dist/components/FormControls/FormDatePicker.js.map +1 -1
- package/dist/components/FormControls/FormDateRangePicker.js.map +1 -1
- package/dist/components/FormControls/FormDropdown.js.map +1 -1
- package/dist/components/FormControls/FormInput.js.map +1 -1
- package/dist/components/FormControls/FormRadio.js.map +1 -1
- package/dist/components/FormControls/FormSelect.js.map +1 -1
- package/dist/components/FormControls/FormTextArea.js.map +1 -1
- package/dist/components/FormControls/FormTimePicker.js.map +1 -1
- package/dist/components/FormControls/FormToggleSwitch.js.map +1 -1
- package/dist/components/FormControls/FormTogglebox.js.map +1 -1
- package/dist/components/FormControls/index.js.map +1 -1
- package/dist/components/FormField/FormField.js +19 -11
- package/dist/components/FormField/FormField.js.map +1 -1
- package/dist/components/FormField/FormField.test.js.map +1 -1
- package/dist/components/FormField/FormFieldContext.js.map +1 -1
- package/dist/components/FormField/index.js.map +1 -1
- package/dist/components/FormGroup/FormGroup.js.map +1 -1
- package/dist/components/FormGroup/FormGroup.test.js.map +1 -1
- package/dist/components/FormGroup/index.js.map +1 -1
- package/dist/components/Frame/Frame.js.map +1 -1
- package/dist/components/Frame/Frame.test.js.map +1 -1
- package/dist/components/Frame/index.js.map +1 -1
- package/dist/components/Grid/Grid.js.map +1 -1
- package/dist/components/Grid/Grid.test.js.map +1 -1
- package/dist/components/Grid/GridColumn.js.map +1 -1
- package/dist/components/Grid/GridRow.js.map +1 -1
- package/dist/components/Grid/index.js.map +1 -1
- package/dist/components/Headline/Headline.js.map +1 -1
- package/dist/components/Headline/Headline.test.js.map +1 -1
- package/dist/components/Headline/index.js.map +1 -1
- package/dist/components/Icon/Icon.js.map +1 -1
- package/dist/components/Icon/Icon.test.js.map +1 -1
- package/dist/components/Icon/index.js.map +1 -1
- package/dist/components/InlineEdit/InlineEdit.d.ts +3 -0
- package/dist/components/InlineEdit/InlineEdit.js +7 -6
- package/dist/components/InlineEdit/InlineEdit.js.map +1 -1
- package/dist/components/InlineEdit/InlineEdit.test.js +16 -1
- package/dist/components/InlineEdit/InlineEdit.test.js.map +1 -1
- package/dist/components/InlineEdit/index.js.map +1 -1
- package/dist/components/Input/Input.js.map +1 -1
- package/dist/components/Input/Input.test.js.map +1 -1
- package/dist/components/Input/InputAddon.js.map +1 -1
- package/dist/components/Input/index.js.map +1 -1
- package/dist/components/Input/inputProps.js.map +1 -1
- package/dist/components/KeyPressListener/KeyPressListener.js.map +1 -1
- package/dist/components/KeyPressListener/index.js.map +1 -1
- package/dist/components/Label/Label.js +1 -4
- package/dist/components/Label/Label.js.map +1 -1
- package/dist/components/Label/index.js.map +1 -1
- package/dist/components/Layout/Layout.js.map +1 -1
- package/dist/components/Layout/Layout.test.js.map +1 -1
- package/dist/components/Layout/LayoutSection.js.map +1 -1
- package/dist/components/Layout/index.js.map +1 -1
- package/dist/components/Link/Link.js.map +1 -1
- package/dist/components/Link/Link.test.js.map +1 -1
- package/dist/components/Link/index.js.map +1 -1
- package/dist/components/Mask/Mask.js.map +1 -1
- package/dist/components/Mask/Mask.test.js.map +1 -1
- package/dist/components/Mask/index.js.map +1 -1
- package/dist/components/Modal/Modal.js.map +1 -1
- package/dist/components/Modal/Modal.test.js +5 -3
- package/dist/components/Modal/Modal.test.js.map +1 -1
- package/dist/components/Modal/components.js +1 -1
- package/dist/components/Modal/components.js.map +1 -1
- package/dist/components/Modal/index.js.map +1 -1
- package/dist/components/MoreDetails/MoreDetails.js.map +1 -1
- package/dist/components/MoreDetails/MoreDetails.test.js.map +1 -1
- package/dist/components/MoreDetails/index.js.map +1 -1
- package/dist/components/OptionList/Option.js.map +1 -1
- package/dist/components/OptionList/OptionList.js.map +1 -1
- package/dist/components/OptionList/OptionList.test.js.map +1 -1
- package/dist/components/OptionList/index.js.map +1 -1
- package/dist/components/OptionList/useOnExpand.js.map +1 -1
- package/dist/components/Page/Page.js.map +1 -1
- package/dist/components/Page/Page.test.js.map +1 -1
- package/dist/components/Page/components/ActionToolbar.js.map +1 -1
- package/dist/components/Page/components/Panel.js.map +1 -1
- package/dist/components/Page/components/index.js.map +1 -1
- package/dist/components/Page/index.js.map +1 -1
- package/dist/components/Popover/Popover.d.ts +2 -0
- package/dist/components/Popover/Popover.js +2 -2
- package/dist/components/Popover/Popover.js.map +1 -1
- package/dist/components/Popover/Popover.test.js +9 -0
- package/dist/components/Popover/Popover.test.js.map +1 -1
- package/dist/components/Popover/components.js.map +1 -1
- package/dist/components/Popover/index.js.map +1 -1
- package/dist/components/ProgressBar/ProgressBar.js.map +1 -1
- package/dist/components/ProgressBar/ProgressBar.test.js.map +1 -1
- package/dist/components/ProgressBar/index.js.map +1 -1
- package/dist/components/ProgressCircle/ProgressCircle.js.map +1 -1
- package/dist/components/ProgressCircle/ProgressCircle.test.js.map +1 -1
- package/dist/components/ProgressCircle/index.js.map +1 -1
- package/dist/components/ProgressTracker/ProgressTracker.css +5 -0
- package/dist/components/ProgressTracker/ProgressTracker.css.map +1 -1
- package/dist/components/ProgressTracker/ProgressTracker.js.map +1 -1
- package/dist/components/ProgressTracker/ProgressTracker.test.js.map +1 -1
- package/dist/components/ProgressTracker/ProgressTrackerDivider.js.map +1 -1
- package/dist/components/ProgressTracker/ProgressTrackerStep.js.map +1 -1
- package/dist/components/ProgressTracker/index.css +5 -0
- package/dist/components/ProgressTracker/index.css.map +1 -1
- package/dist/components/ProgressTracker/index.js.map +1 -1
- package/dist/components/Radio/Radio.js.map +1 -1
- package/dist/components/Radio/Radio.test.js.map +1 -1
- package/dist/components/Radio/index.js.map +1 -1
- package/dist/components/Scroll/Scroll.js.map +1 -1
- package/dist/components/Scroll/Scroll.test.js.map +1 -1
- package/dist/components/Scroll/index.js.map +1 -1
- package/dist/components/Select/Select.js.map +1 -1
- package/dist/components/Select/Select.test.js.map +1 -1
- package/dist/components/Select/index.js.map +1 -1
- package/dist/components/SideNav/SideNav.js.map +1 -1
- package/dist/components/SideNav/SideNav.test.js.map +1 -1
- package/dist/components/SideNav/SideNavGroup.js.map +1 -1
- package/dist/components/SideNav/SideNavItem.js.map +1 -1
- package/dist/components/SideNav/index.js.map +1 -1
- package/dist/components/Sidebar/Sidebar.js.map +1 -1
- package/dist/components/Sidebar/Sidebar.test.js.map +1 -1
- package/dist/components/Sidebar/SidebarSection.js.map +1 -1
- package/dist/components/Sidebar/index.js.map +1 -1
- package/dist/components/Snackbar/Snackbar.js +1 -1
- package/dist/components/Snackbar/Snackbar.js.map +1 -1
- package/dist/components/Snackbar/Snackbar.test.js +5 -3
- package/dist/components/Snackbar/Snackbar.test.js.map +1 -1
- package/dist/components/Snackbar/index.js.map +1 -1
- package/dist/components/Spinner/Spinner.js.map +1 -1
- package/dist/components/Spinner/Spinner.test.js.map +1 -1
- package/dist/components/Spinner/index.js.map +1 -1
- package/dist/components/Stack/Stack.js.map +1 -1
- package/dist/components/Stack/Stack.test.js.map +1 -1
- package/dist/components/Stack/StackItem.js.map +1 -1
- package/dist/components/Stack/index.js.map +1 -1
- package/dist/components/StatusLight/StatusLight.js.map +1 -1
- package/dist/components/StatusLight/StatusLight.test.js.map +1 -1
- package/dist/components/StatusLight/index.js.map +1 -1
- package/dist/components/Tab/Tab.js.map +1 -1
- package/dist/components/Tab/Tab.test.js.map +1 -1
- package/dist/components/Tab/index.js.map +1 -1
- package/dist/components/TabGroup/TabGroup.js.map +1 -1
- package/dist/components/TabGroup/TabGroup.test.js.map +1 -1
- package/dist/components/TabGroup/TabGroupItem.js.map +1 -1
- package/dist/components/TabGroup/components.js.map +1 -1
- package/dist/components/TabGroup/index.js.map +1 -1
- package/dist/components/Table/GridMod.js.map +1 -1
- package/dist/components/Table/Table.css +11 -1
- package/dist/components/Table/Table.css.map +1 -1
- package/dist/components/Table/Table.js.map +1 -1
- package/dist/components/Table/Table.test.js.map +1 -1
- package/dist/components/Table/TableLoadingPanel.js.map +1 -1
- package/dist/components/Table/components.js.map +1 -1
- package/dist/components/Table/index.css +11 -1
- package/dist/components/Table/index.css.map +1 -1
- package/dist/components/Table/index.js.map +1 -1
- package/dist/components/Table/useTableMinWidth.js.map +1 -1
- package/dist/components/Tag/Tag.js +1 -1
- package/dist/components/Tag/Tag.js.map +1 -1
- package/dist/components/Tag/Tag.test.js.map +1 -1
- package/dist/components/Tag/index.js.map +1 -1
- package/dist/components/TagGroup/TagGroup.js.map +1 -1
- package/dist/components/TagGroup/TagGroup.test.js.map +1 -1
- package/dist/components/TagGroup/TagGroupItem.js.map +1 -1
- package/dist/components/TagGroup/index.js.map +1 -1
- package/dist/components/Takeover/Takeover.js +11 -8
- package/dist/components/Takeover/Takeover.js.map +1 -1
- package/dist/components/Takeover/Takeover.test.js +5 -3
- package/dist/components/Takeover/Takeover.test.js.map +1 -1
- package/dist/components/Takeover/TakeoverFooter.js.map +1 -1
- package/dist/components/Takeover/TakeoverHeader.js +1 -1
- package/dist/components/Takeover/TakeoverHeader.js.map +1 -1
- package/dist/components/Takeover/TakeoverSection.js.map +1 -1
- package/dist/components/Takeover/index.js.map +1 -1
- package/dist/components/Text/Text.js.map +1 -1
- package/dist/components/Text/Text.test.js.map +1 -1
- package/dist/components/Text/index.js.map +1 -1
- package/dist/components/TextArea/TextArea.js.map +1 -1
- package/dist/components/TextArea/TextArea.test.js.map +1 -1
- package/dist/components/TextArea/index.js.map +1 -1
- package/dist/components/Thumbnail/Thumbnail.js.map +1 -1
- package/dist/components/Thumbnail/Thumbnail.test.js.map +1 -1
- package/dist/components/Thumbnail/index.js.map +1 -1
- package/dist/components/TimePicker/TimePicker.d.ts +4 -1
- package/dist/components/TimePicker/TimePicker.js +15 -37
- package/dist/components/TimePicker/TimePicker.js.map +1 -1
- package/dist/components/TimePicker/TimePicker.test.js +14 -0
- package/dist/components/TimePicker/TimePicker.test.js.map +1 -1
- package/dist/components/TimePicker/components/TimePickerOptionList.js +18 -0
- package/dist/components/TimePicker/components/TimePickerOptionList.js.map +1 -1
- package/dist/components/TimePicker/components/index.js.map +1 -1
- package/dist/components/TimePicker/index.js.map +1 -1
- package/dist/components/TimePicker/utils/TimePickerUtils.test.js.map +1 -1
- package/dist/components/TimePicker/utils/checkMinMax.js.map +1 -1
- package/dist/components/TimePicker/utils/filterOptions.js.map +1 -1
- package/dist/components/TimePicker/utils/generateOptions.js.map +1 -1
- package/dist/components/TimePicker/utils/getClosestOption.js.map +1 -1
- package/dist/components/TimePicker/utils/getOptionByText.js.map +1 -1
- package/dist/components/TimePicker/utils/highlightOption.js.map +1 -1
- package/dist/components/TimePicker/utils/index.js.map +1 -1
- package/dist/components/TimePicker/utils/injectOption.js.map +1 -1
- package/dist/components/TimePicker/utils/stringToDate.js.map +1 -1
- package/dist/components/TimePicker/utils/timezoneUtils.js +1 -1
- package/dist/components/TimePicker/utils/timezoneUtils.js.map +1 -1
- package/dist/components/TimePicker/utils/toTimeFormat.js.map +1 -1
- package/dist/components/TimePicker/utils/utils.js +4 -2
- package/dist/components/TimePicker/utils/utils.js.map +1 -1
- package/dist/components/Toast/Toast.js +1 -1
- package/dist/components/Toast/Toast.js.map +1 -1
- package/dist/components/Toast/Toast.test.js +5 -3
- package/dist/components/Toast/Toast.test.js.map +1 -1
- package/dist/components/Toast/ToastGroup.js.map +1 -1
- package/dist/components/Toast/index.js.map +1 -1
- package/dist/components/ToggleSwitch/ToggleSwitch.js +1 -0
- package/dist/components/ToggleSwitch/ToggleSwitch.js.map +1 -1
- package/dist/components/ToggleSwitch/ToggleSwitch.test.js.map +1 -1
- package/dist/components/ToggleSwitch/index.js.map +1 -1
- package/dist/components/Togglebox/Togglebox.js.map +1 -1
- package/dist/components/Togglebox/Togglebox.test.js.map +1 -1
- package/dist/components/Togglebox/index.js.map +1 -1
- package/dist/components/Tooltip/Tooltip.d.ts +3 -0
- package/dist/components/Tooltip/Tooltip.js +2 -2
- package/dist/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/components/Tooltip/Tooltip.test.js +10 -0
- package/dist/components/Tooltip/Tooltip.test.js.map +1 -1
- package/dist/components/Tooltip/index.js.map +1 -1
- package/dist/components/VisuallyHidden/VisuallyHidden.js.map +1 -1
- package/dist/components/VisuallyHidden/index.js.map +1 -1
- package/dist/components/index.css +16 -1
- package/dist/components/index.css.map +1 -1
- package/dist/components/index.js.map +1 -1
- package/dist/global/index.css +1 -1
- package/dist/global/version.css +1 -1
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/useFocusTrap/index.js.map +1 -1
- package/dist/hooks/useFocusTrap/internal/index.js.map +1 -1
- package/dist/hooks/useFocusTrap/internal/useAutoFocus.js.map +1 -1
- package/dist/hooks/useFocusTrap/internal/useAutoFocusContainer.js.map +1 -1
- package/dist/hooks/useFocusTrap/internal/useDisableClickOutside.js.map +1 -1
- package/dist/hooks/useFocusTrap/internal/useFocusLock.js.map +1 -1
- package/dist/hooks/useFocusTrap/internal/useRestoreFocus.js.map +1 -1
- package/dist/hooks/useFocusTrap/internal/utils.js.map +1 -1
- package/dist/hooks/useFocusTrap/useFocusTrap.js.map +1 -1
- package/dist/hooks/useFocusVisible.js.map +1 -1
- package/dist/hooks/useFocusVisible.test.js.map +1 -1
- package/dist/hooks/useMergedRef.js.map +1 -1
- package/dist/hooks/useScreenSize.js.map +1 -1
- package/dist/hooks/useScrollPosition.js.map +1 -1
- package/dist/hooks/useVisuallyHidden.js.map +1 -1
- package/dist/internal/CollapsibleList/CollapsibleContext.js.map +1 -1
- package/dist/internal/CollapsibleList/CollapsibleList.js.map +1 -1
- package/dist/internal/CollapsibleList/CollapsibleListItem.js.map +1 -1
- package/dist/internal/CollapsibleList/index.js.map +1 -1
- package/dist/internal/Overlay/Overlay.js.map +1 -1
- package/dist/internal/Overlay/index.js.map +1 -1
- package/dist/internal/Popper/Popper.d.ts +5 -0
- package/dist/internal/Popper/Popper.js +2 -2
- package/dist/internal/Popper/Popper.js.map +1 -1
- package/dist/internal/Popper/index.js.map +1 -1
- package/dist/internal/Portal/Portal.js.map +1 -1
- package/dist/internal/Portal/index.js.map +1 -1
- package/dist/internal/index.js.map +1 -1
- package/dist/system-light.css +1 -1
- package/dist/system-light.min.css +1 -1
- package/dist/system.css +17 -2
- package/dist/system.css.map +1 -1
- package/dist/system.js.map +1 -1
- package/dist/system.min.css +2 -2
- package/dist/themes/index.css.map +1 -1
- package/dist/themes/kendo/index.css.map +1 -1
- package/dist/utilities/AnvilProvider.js.map +1 -1
- package/dist/utilities/ConditionalWrapper.js.map +1 -1
- package/dist/utilities/DefaultPortalContext.js.map +1 -1
- package/dist/utilities/KeyboardAccessTests/KeyboardAccess.test.js +1 -1
- package/dist/utilities/KeyboardAccessTests/KeyboardAccess.test.js.map +1 -1
- package/dist/utilities/KeyboardAccessTests/components/KeyboardTester.js.map +1 -1
- package/dist/utilities/KeyboardAccessTests/components/components.js.map +1 -1
- package/dist/utilities/KeyboardAccessTests/components/index.js.map +1 -1
- package/dist/utilities/KeyboardAccessTests/utils/index.js.map +1 -1
- package/dist/utilities/KeyboardAccessTests/utils/jestUtils.js.map +1 -1
- package/dist/utilities/KeyboardAccessTests/utils/utils.js.map +1 -1
- package/dist/utilities/OverlayContext.js.map +1 -1
- package/dist/utilities/SemanticUtils/index.js.map +1 -1
- package/dist/utilities/SemanticUtils/refUtils.js.map +1 -1
- package/dist/utilities/SemanticUtils/widths.js.map +1 -1
- package/dist/utilities/ThemeProvider.js.map +1 -1
- package/dist/utilities/TimezoneProvider/TimezoneProvider.js.map +1 -1
- package/dist/utilities/TimezoneProvider/TimezoneProvider.test.js.map +1 -1
- package/dist/utilities/TimezoneProvider/index.js.map +1 -1
- package/dist/utilities/color-utils.js.map +1 -1
- package/dist/utilities/dateFormat.js.map +1 -1
- package/dist/utilities/debounce.js.map +1 -1
- package/dist/utilities/getContent.js.map +1 -1
- package/dist/utilities/index.js.map +1 -1
- package/dist/utilities/isElementOfType.js.map +1 -1
- package/dist/utilities/justify-props.js.map +1 -1
- package/dist/utilities/keyCodes.js.map +1 -1
- package/dist/utilities/usePrefersColorScheme.js.map +1 -1
- package/dist/utilities/useStorybookFigmaAddon.js.map +1 -1
- package/dist/utilities/wrapChildren.js.map +1 -1
- package/dist/utilities/wrapWithComponent.js.map +1 -1
- package/package.json +9 -9
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Layout.js","sourceRoot":"","sources":["../../../src/components/Layout/Layout.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AA+BhD,MAAM,CAAC,MAAM,MAAM,GAAW,CAAC,EAS9B,EAAE,EAAE;QAT0B,EAC9B,YAAY,GAAG,IAAI,EACnB,QAAQ,EACR,SAAS,EACT,SAAS,GAAG,MAAM,EAClB,cAAc,EACd,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,MAAM,OAEb,EADG,IAAI,cARuB,2FAS9B,CADO;IAEP,MAAM,WAAW,GAAG,GAAG,EAAE;QACxB,IAAI,CAAC,YAAY;YAAE,OAAO,QAAQ,CAAC;QAEnC,MAAM,WAAW,GAAQ,EAAE,CAAC;QAC5B,MAAM,eAAe,GAAG,YAAY,CACnC,QAAQ,EACR,aAAa,EACb,WAAW,CACX,CAAC;QAEF,OAAO,eAAe,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,UAAU,CAAC,QAAQ,EAAE,SAAS,EAAE;QACrD,cAAc,EAAE,IAAI,KAAK,MAAM;QAC/B,cAAc,EAAE,IAAI,KAAK,MAAM;QAC/B,cAAc,EAAE,IAAI,KAAK,MAAM;QAC/B,cAAc,EAAE,IAAI,KAAK,MAAM;QAC/B,gBAAgB,EAAE,IAAI,KAAK,QAAQ;QACnC,qBAAqB,EAAE,IAAI,KAAK,SAAS,IAAI,SAAS,KAAK,MAAM;QACjE,sBAAsB,EAAE,IAAI,KAAK,SAAS,IAAI,SAAS,KAAK,OAAO;QACnE,iBAAiB,EAAE,OAAO,KAAK,SAAS;QACxC,iBAAiB,EAAE,OAAO,KAAK,SAAS;QACxC,kBAAkB,EAAE,OAAO,KAAK,MAAM;QACtC,CAAC,mBAAmB,cAAc,EAAE,CAAC,EAAE,cAAc;KACrD,CAAC,CAAC;IAEH,OAAO,CACN,2CAAK,SAAS,EAAE,aAAa,0BAAuB,QAAQ,IAAK,IAAI,GACnE,WAAW,EAAE,CACT,CACN,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,OAAO,GAAG,aAAa,CAAC"}
|
|
1
|
+
{"version":3,"file":"Layout.js","sourceRoot":"","sources":["../../../src/components/Layout/Layout.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AA+BhD,MAAM,CAAC,MAAM,MAAM,GAAW,CAAC,EAS9B,EAAE,EAAE;QAT0B,EAC9B,YAAY,GAAG,IAAI,EACnB,QAAQ,EACR,SAAS,EACT,SAAS,GAAG,MAAM,EAClB,cAAc,EACd,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,MAAM,OAEb,EADG,IAAI,cARuB,2FAS9B,CADO;IAEP,MAAM,WAAW,GAAG,GAAG,EAAE;QACxB,IAAI,CAAC,YAAY;YAAE,OAAO,QAAQ,CAAC;QAEnC,MAAM,WAAW,GAAQ,EAAE,CAAC;QAC5B,MAAM,eAAe,GAAG,YAAY,CACnC,QAAQ,EACR,aAAa,EACb,WAAW,CACX,CAAC;QAEF,OAAO,eAAe,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,UAAU,CAAC,QAAQ,EAAE,SAAS,EAAE;QACrD,cAAc,EAAE,IAAI,KAAK,MAAM;QAC/B,cAAc,EAAE,IAAI,KAAK,MAAM;QAC/B,cAAc,EAAE,IAAI,KAAK,MAAM;QAC/B,cAAc,EAAE,IAAI,KAAK,MAAM;QAC/B,gBAAgB,EAAE,IAAI,KAAK,QAAQ;QACnC,qBAAqB,EAAE,IAAI,KAAK,SAAS,IAAI,SAAS,KAAK,MAAM;QACjE,sBAAsB,EAAE,IAAI,KAAK,SAAS,IAAI,SAAS,KAAK,OAAO;QACnE,iBAAiB,EAAE,OAAO,KAAK,SAAS;QACxC,iBAAiB,EAAE,OAAO,KAAK,SAAS;QACxC,kBAAkB,EAAE,OAAO,KAAK,MAAM;QACtC,CAAC,mBAAmB,cAAc,EAAE,CAAC,EAAE,cAAc;KACrD,CAAC,CAAC;IAEH,OAAO,CACN,2CAAK,SAAS,EAAE,aAAa,0BAAuB,QAAQ,IAAK,IAAI,GACnE,WAAW,EAAE,CACT,CACN,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,OAAO,GAAG,aAAa,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\nimport { JustifyProps } from '../../utilities/justify-props';\nimport { wrapChildren } from '../../utilities/wrapChildren';\nimport { LayoutSection } from './LayoutSection';\n\nexport interface LayoutPropsStrict {\n\t/** Auto-wraps each child with a <Layout.Section> */\n\tautoSections?: boolean;\n\n\t/** Adds one or more classnames for an element */\n\tclassName?: string;\n\n\tdirection?: 'left' | 'right';\n\n\t/** Sets justify alignment on columns in the layout */\n\tjustifyContent?: JustifyProps;\n\n\t/** Types of columns for the layout component */\n\ttype?: '1Col' | '2Col' | '3Col' | '4Col' | 'support' | 'island';\n\n\t/** The margins between the page and the parent content */\n\tspacing?: 'none' | 'compact' | 'relaxed';\n}\n\nexport interface LayoutProps extends LayoutPropsStrict {\n\t/** Unstrict Props */\n\t[propName: string]: any;\n}\n\nexport interface Layout extends FC<LayoutProps> {\n\t/** Subcomponents */\n\tSection: typeof LayoutSection;\n}\n\nexport const Layout: Layout = ({\n\tautoSections = true,\n\tchildren,\n\tclassName,\n\tdirection = 'left',\n\tjustifyContent,\n\tspacing = 'compact',\n\ttype = '1Col',\n\t...rest\n}) => {\n\tconst getChildren = () => {\n\t\tif (!autoSections) return children;\n\n\t\tconst parentProps: any = {};\n\t\tconst wrappedChildren = wrapChildren(\n\t\t\tchildren,\n\t\t\tLayoutSection,\n\t\t\tparentProps\n\t\t);\n\n\t\treturn wrappedChildren;\n\t};\n\n\tconst LayoutClasses = classnames('Layout', className, {\n\t\t'Layout--1Col': type === '1Col',\n\t\t'Layout--2Col': type === '2Col',\n\t\t'Layout--3Col': type === '3Col',\n\t\t'Layout--4Col': type === '4Col',\n\t\t'Layout--island': type === 'island',\n\t\t'Layout--leftSupport': type === 'support' && direction === 'left',\n\t\t'Layout--rightSupport': type === 'support' && direction === 'right',\n\t\t'Layout--compact': spacing === 'compact',\n\t\t'Layout--relaxed': spacing === 'relaxed',\n\t\t'Layout--noGutter': spacing === 'none',\n\t\t[`Layout--justify-${justifyContent}`]: justifyContent,\n\t});\n\n\treturn (\n\t\t<div className={LayoutClasses} data-anvil-component=\"Layout\" {...rest}>\n\t\t\t{getChildren()}\n\t\t</div>\n\t);\n};\n\nLayout.Section = LayoutSection;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Layout.test.js","sourceRoot":"","sources":["../../../src/components/Layout/Layout.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;IACvB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI;YACJ,oBAAC,MAAM,IACN,IAAI,EAAC,SAAS,EACd,YAAY,EAAE,KAAK,EACnB,SAAS,EAAC,MAAM,mBACF,qBAAqB;gBAEnC,oBAAC,MAAM,CAAC,OAAO,IAAC,SAAS,EAAC,OAAO,iCAEhB;gBACjB,oBAAC,MAAM,CAAC,OAAO,qCAA4C,CACnD,CACH,CACP,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI;YACJ,oBAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,YAAY,EAAE,KAAK,EAAE,SAAS,EAAC,MAAM;gBAC3D,oBAAC,MAAM,CAAC,OAAO,IACd,SAAS,EAAC,OAAO,mBACH,qBAAqB,iCAGnB;gBACjB,oBAAC,MAAM,CAAC,OAAO,qCAA4C,CACnD,CACH,CACP,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"Layout.test.js","sourceRoot":"","sources":["../../../src/components/Layout/Layout.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;IACvB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI;YACJ,oBAAC,MAAM,IACN,IAAI,EAAC,SAAS,EACd,YAAY,EAAE,KAAK,EACnB,SAAS,EAAC,MAAM,mBACF,qBAAqB;gBAEnC,oBAAC,MAAM,CAAC,OAAO,IAAC,SAAS,EAAC,OAAO,iCAEhB;gBACjB,oBAAC,MAAM,CAAC,OAAO,qCAA4C,CACnD,CACH,CACP,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI;YACJ,oBAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,YAAY,EAAE,KAAK,EAAE,SAAS,EAAC,MAAM;gBAC3D,oBAAC,MAAM,CAAC,OAAO,IACd,SAAS,EAAC,OAAO,mBACH,qBAAqB,iCAGnB;gBACjB,oBAAC,MAAM,CAAC,OAAO,qCAA4C,CACnD,CACH,CACP,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport { Layout } from './Layout';\nimport { Page } from '../Page';\n\ndescribe('Layout', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Page>\n\t\t\t\t<Layout\n\t\t\t\t\ttype=\"support\"\n\t\t\t\t\tautoSections={false}\n\t\t\t\t\tdirection=\"left\"\n\t\t\t\t\tdata-auto-sel=\"automation-selector\"\n\t\t\t\t>\n\t\t\t\t\t<Layout.Section className=\"p-r-5\">\n\t\t\t\t\t\tLorem ipsum dolor sit amet\n\t\t\t\t\t</Layout.Section>\n\t\t\t\t\t<Layout.Section>Lorem ipsum dolor sit amet</Layout.Section>\n\t\t\t\t</Layout>\n\t\t\t</Page>\n\t\t);\n\n\t\tconst element = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(element).not.toBeNull();\n\t});\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Page>\n\t\t\t\t<Layout type=\"support\" autoSections={false} direction=\"left\">\n\t\t\t\t\t<Layout.Section\n\t\t\t\t\t\tclassName=\"p-r-5\"\n\t\t\t\t\t\tdata-auto-sel=\"automation-selector\"\n\t\t\t\t\t>\n\t\t\t\t\t\tLorem ipsum dolor sit amet\n\t\t\t\t\t</Layout.Section>\n\t\t\t\t\t<Layout.Section>Lorem ipsum dolor sit amet</Layout.Section>\n\t\t\t\t</Layout>\n\t\t\t</Page>\n\t\t);\n\n\t\tconst element = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(element).not.toBeNull();\n\t});\n});\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LayoutSection.js","sourceRoot":"","sources":["../../../src/components/Layout/LayoutSection.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAYpC,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EAGrD,EAAE,EAAE;QAHiD,EACrD,SAAS,OAET,EADG,KAAK,cAF6C,aAGrD,CADQ;IAER,MAAM,oBAAoB,GAAG,UAAU,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC;IAEtE,OAAO,CACN,2CACC,SAAS,EAAE,oBAAoB,0BACV,eAAe,IAChC,KAAK,EACR,CACF,CAAC;AACH,CAAC,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
|
|
1
|
+
{"version":3,"file":"LayoutSection.js","sourceRoot":"","sources":["../../../src/components/Layout/LayoutSection.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAYpC,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EAGrD,EAAE,EAAE;QAHiD,EACrD,SAAS,OAET,EADG,KAAK,cAF6C,aAGrD,CADQ;IAER,MAAM,oBAAoB,GAAG,UAAU,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC;IAEtE,OAAO,CACN,2CACC,SAAS,EAAE,oBAAoB,0BACV,eAAe,IAChC,KAAK,EACR,CACF,CAAC;AACH,CAAC,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\n\n/**\n * LayoutSection properties\n */\nexport interface LayoutSectionProps {\n\t/** Adds one or more classnames for an element */\n\tclassName?: string;\n\n\t[propName: string]: any;\n}\n\nexport const LayoutSection: FC<LayoutSectionProps> = ({\n\tclassName,\n\t...props\n}) => {\n\tconst LayoutSectionClasses = classnames('Layout__section', className);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={LayoutSectionClasses}\n\t\t\tdata-anvil-component=\"LayoutSection\"\n\t\t\t{...props}\n\t\t/>\n\t);\n};\n\nLayoutSection.displayName = 'LayoutSection';\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC","sourcesContent":["export * from './Layout';\nexport * from './LayoutSection';\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAgCpC,MAAM,CAAC,MAAM,IAAI,GAAkB,CAAC,EAQnC,EAAE,EAAE;QAR+B,EACnC,SAAS,EACT,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EACP,QAAQ,OAER,EADG,KAAK,cAP2B,oEAQnC,CADQ;IAER,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEhD,MAAM,WAAW,GAAG,UAAU,CAAC,MAAM,EAAE,SAAS,EAAE;QACjD,YAAY,EAAE,OAAO,IAAI,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,SAAS;QAChE,WAAW,EAAE,QAAQ,IAAI,KAAK,KAAK,KAAK,IAAI,KAAK,KAAK,UAAU;QAChE,YAAY,EAAE,OAAO,IAAI,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,SAAS;QAChE,gBAAgB,EAAE,QAAQ;KAC1B,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,WAAW,kBACX,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,WAAW,0BACD,MAAM,IACvB,KAAK,GAER,KAAK,CAAC,QAAQ,CACF,CACd,CAAC;AACH,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAgCpC,MAAM,CAAC,MAAM,IAAI,GAAkB,CAAC,EAQnC,EAAE,EAAE;QAR+B,EACnC,SAAS,EACT,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EACP,QAAQ,OAER,EADG,KAAK,cAP2B,oEAQnC,CADQ;IAER,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEhD,MAAM,WAAW,GAAG,UAAU,CAAC,MAAM,EAAE,SAAS,EAAE;QACjD,YAAY,EAAE,OAAO,IAAI,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,SAAS;QAChE,WAAW,EAAE,QAAQ,IAAI,KAAK,KAAK,KAAK,IAAI,KAAK,KAAK,UAAU;QAChE,YAAY,EAAE,OAAO,IAAI,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,SAAS;QAChE,gBAAgB,EAAE,QAAQ;KAC1B,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,WAAW,kBACX,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,WAAW,0BACD,MAAM,IACvB,KAAK,GAER,KAAK,CAAC,QAAQ,CACF,CACd,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\n\n/**\n * Link properties\n */\nexport interface LinkPropsStrict {\n\t/** Adds one or more classnames for an element */\n\tclassName?: string;\n\n\t/** Text color */\n\tcolor?: 'negative' | 'red' | 'primary' | 'blue' | 'subdued' | 'grey';\n\n\t/** Hypertext reference */\n\thref?: string;\n\n\t/** Negative appearance, red-colored */\n\tnegative?: boolean;\n\n\t/** Primary appearance, blue-colored */\n\tprimary?: boolean;\n\n\t/** Subdued appearance, grey-colored */\n\tsubdued?: boolean;\n\n\t/** Disable link, unclickable */\n\tdisabled?: boolean;\n}\n\nexport interface LinkProps extends LinkPropsStrict {\n\t[propName: string]: any;\n}\n\nexport const Link: FC<LinkProps> = ({\n\tclassName,\n\tcolor,\n\tnegative,\n\tprimary,\n\tsubdued,\n\tdisabled,\n\t...props\n}) => {\n\tconst LinkElement = props.href ? 'a' : 'button';\n\n\tconst LinkClasses = classnames('Link', className, {\n\t\t'Link--blue': primary || color === 'blue' || color === 'primary',\n\t\t'Link--red': negative || color === 'red' || color === 'negative',\n\t\t'Link--grey': subdued || color === 'grey' || color === 'subdued',\n\t\t'Link--disabled': disabled,\n\t});\n\n\treturn (\n\t\t<LinkElement\n\t\t\trole=\"link\"\n\t\t\tclassName={LinkClasses}\n\t\t\tdata-anvil-component=\"Link\"\n\t\t\t{...props}\n\t\t>\n\t\t\t{props.children}\n\t\t</LinkElement>\n\t);\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.test.js","sourceRoot":"","sources":["../../../src/components/Link/Link.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE;IACrB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,sDAAsD,EAAE,GAAG,EAAE;QAC/D,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI,IAAC,IAAI,EAAC,gCAAgC,cAAe,CAC1D,CAAC;QAEF,MAAM,IAAI,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;QAE/B,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;QACzC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAChC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wDAAwD,EAAE,GAAG,EAAE;QACjE,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,IAAI,IAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,cAAgB,CAAC,CAAC;QAEtE,MAAM,IAAI,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;QAE/B,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QACnD,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI,IACJ,IAAI,EAAC,gCAAgC,mBACvB,qBAAqB,cAG7B,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":"Link.test.js","sourceRoot":"","sources":["../../../src/components/Link/Link.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE;IACrB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,sDAAsD,EAAE,GAAG,EAAE;QAC/D,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI,IAAC,IAAI,EAAC,gCAAgC,cAAe,CAC1D,CAAC;QAEF,MAAM,IAAI,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;QAE/B,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;QACzC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAChC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wDAAwD,EAAE,GAAG,EAAE;QACjE,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,IAAI,IAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,cAAgB,CAAC,CAAC;QAEtE,MAAM,IAAI,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;QAE/B,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QACnD,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI,IACJ,IAAI,EAAC,gCAAgC,mBACvB,qBAAqB,cAG7B,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 { Link } from './Link';\n\ndescribe('Link', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should be an anchor element if href attribute exists', () => {\n\t\tconst { getByRole } = render(\n\t\t\t<Link href=\"https://anvil.servicetitan.com\">Website</Link>\n\t\t);\n\n\t\tconst link = getByRole('link');\n\n\t\texpect(link).not.toHaveAttribute('type');\n\t\texpect(link.tagName).toBe('A');\n\t});\n\n\tit('should be a button element if no href attribute exists', () => {\n\t\tconst { getByRole } = render(<Link onClick={() => {}}>Website</Link>);\n\n\t\tconst link = getByRole('link');\n\n\t\texpect(link).not.toHaveAttribute('type', 'button');\n\t\texpect(link.tagName).toBe('BUTTON');\n\t});\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Link\n\t\t\t\thref=\"https://anvil.servicetitan.com\"\n\t\t\t\tdata-auto-sel=\"automation-selector\"\n\t\t\t>\n\t\t\t\tWebsite\n\t\t\t</Link>\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/Link/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Link/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC","sourcesContent":["export * from './Link';\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Mask.js","sourceRoot":"","sources":["../../../src/components/Mask/Mask.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAuB/B,MAAM,CAAC,MAAM,IAAI,GAAkB,CAAC,EAOnC,EAAE,EAAE;QAP+B,EACnC,MAAM,GAAG,IAAI,EACb,YAAY,GAAG,CAAC,EAChB,QAAQ,EACR,SAAS,EACT,OAAO,OAEP,EADG,KAAK,cAN2B,8DAOnC,CADQ;IAER,MAAM,WAAW,GAAG,UAAU,CAAC,MAAM,EAAE,SAAS,EAAE;QACjD,cAAc,EAAE,MAAM;KACtB,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG,UAAU,CAAC,eAAe,EAAE;QACtD,iBAAiB,EAAE,YAAY,KAAK,CAAC;QACrC,iBAAiB,EAAE,YAAY,KAAK,CAAC;KACrC,CAAC,CAAC;IAEH,OAAO,CACN,2CAAK,SAAS,EAAE,WAAW,0BAAuB,MAAM,IAAK,KAAK;QAChE,MAAM,IAAI,CACV,6BAAK,SAAS,EAAE,kBAAkB;YACjC,6BAAK,SAAS,EAAC,gBAAgB,GAAG;YACjC,OAAO,CAAC,CAAC,CAAC,CACV,oBAAC,IAAI,IAAC,SAAS,EAAC,YAAY,IAAE,OAAO,CAAQ,CAC7C,CAAC,CAAC,CAAC,CACH,oBAAC,OAAO,IAAC,SAAS,EAAC,eAAe,EAAC,SAAS,SAAG,CAC/C,CACI,CACN;QACA,QAAQ,CACJ,CACN,CAAC;AACH,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"Mask.js","sourceRoot":"","sources":["../../../src/components/Mask/Mask.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAuB/B,MAAM,CAAC,MAAM,IAAI,GAAkB,CAAC,EAOnC,EAAE,EAAE;QAP+B,EACnC,MAAM,GAAG,IAAI,EACb,YAAY,GAAG,CAAC,EAChB,QAAQ,EACR,SAAS,EACT,OAAO,OAEP,EADG,KAAK,cAN2B,8DAOnC,CADQ;IAER,MAAM,WAAW,GAAG,UAAU,CAAC,MAAM,EAAE,SAAS,EAAE;QACjD,cAAc,EAAE,MAAM;KACtB,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG,UAAU,CAAC,eAAe,EAAE;QACtD,iBAAiB,EAAE,YAAY,KAAK,CAAC;QACrC,iBAAiB,EAAE,YAAY,KAAK,CAAC;KACrC,CAAC,CAAC;IAEH,OAAO,CACN,2CAAK,SAAS,EAAE,WAAW,0BAAuB,MAAM,IAAK,KAAK;QAChE,MAAM,IAAI,CACV,6BAAK,SAAS,EAAE,kBAAkB;YACjC,6BAAK,SAAS,EAAC,gBAAgB,GAAG;YACjC,OAAO,CAAC,CAAC,CAAC,CACV,oBAAC,IAAI,IAAC,SAAS,EAAC,YAAY,IAAE,OAAO,CAAQ,CAC7C,CAAC,CAAC,CAAC,CACH,oBAAC,OAAO,IAAC,SAAS,EAAC,eAAe,EAAC,SAAS,SAAG,CAC/C,CACI,CACN;QACA,QAAQ,CACJ,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\nimport { Spinner } from '../Spinner';\nimport { Card } from '../Card';\n\n/**\n * Mask properties\n */\nexport interface MaskPropsStrict {\n\t/** Show/hide Mask */\n\tactive?: boolean;\n\n\t/** Apply border-radius when wrapping an element such as a card */\n\tborderRadius?: 0 | 1 | 2;\n\n\t/** String of class names to add to component */\n\tclassName?: string;\n\n\t/** Freeform content to add to the mask overlay */\n\tcontent?: React.ReactElement;\n}\n\nexport interface MaskProps extends MaskPropsStrict {\n\t[propName: string]: any;\n}\n\nexport const Mask: FC<MaskProps> = ({\n\tactive = true,\n\tborderRadius = 0,\n\tchildren,\n\tclassName,\n\tcontent,\n\t...props\n}) => {\n\tconst MaskClasses = classnames('Mask', className, {\n\t\t'Mask--active': active,\n\t});\n\n\tconst MaskOverlayClasses = classnames('Mask__overlay', {\n\t\t'border-radius-1': borderRadius === 1,\n\t\t'border-radius-2': borderRadius === 2,\n\t});\n\n\treturn (\n\t\t<div className={MaskClasses} data-anvil-component=\"Mask\" {...props}>\n\t\t\t{active && (\n\t\t\t\t<div className={MaskOverlayClasses}>\n\t\t\t\t\t<div className=\"Mask__backdrop\" />\n\t\t\t\t\t{content ? (\n\t\t\t\t\t\t<Card className=\"Mask__card\">{content}</Card>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Spinner className=\"Mask__spinner\" container />\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Mask.test.js","sourceRoot":"","sources":["../../../src/components/Mask/Mask.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,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,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;gBACJ,oBAAC,IAAI;oBACJ,oBAAC,QAAQ,IAAC,SAAS,EAAC,OAAO,iBAAsB;oBACjD,oBAAC,QAAQ,IAAC,SAAS,EAAC,OAAO,iCAEhB,CACL,CACD,CACD,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":"Mask.test.js","sourceRoot":"","sources":["../../../src/components/Mask/Mask.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,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,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;gBACJ,oBAAC,IAAI;oBACJ,oBAAC,QAAQ,IAAC,SAAS,EAAC,OAAO,iBAAsB;oBACjD,oBAAC,QAAQ,IAAC,SAAS,EAAC,OAAO,iCAEhB,CACL,CACD,CACD,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 { Mask } from './Mask';\nimport { Page } from '../Page';\nimport { Card } from '../Card';\nimport { Headline } from '../Headline';\nimport { BodyText } from '../BodyText';\n\ndescribe('Mask', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Mask data-auto-sel=\"automation-selector\">\n\t\t\t\t<Page>\n\t\t\t\t\t<Card>\n\t\t\t\t\t\t<Headline className=\"m-b-1\">Card Title</Headline>\n\t\t\t\t\t\t<BodyText className=\"m-b-2\">\n\t\t\t\t\t\t\tLorem ipsum dolor sit amet\n\t\t\t\t\t\t</BodyText>\n\t\t\t\t\t</Card>\n\t\t\t\t</Page>\n\t\t\t</Mask>\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/Mask/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Mask/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC","sourcesContent":["export * from './Mask';\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAa,MAAM,OAAO,CAAC;AAElC,OAAO,EACN,WAAW,EAEX,WAAW,EAEX,WAAW,EAEX,YAAY,EACZ,UAAU,GACV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAyCxC,MAAM,CAAC,MAAM,KAAK,GAAU,CAAC,EAa5B,EAAE,EAAE;QAbwB,EAC5B,QAAQ,EACR,MAAM,EACN,WAAW,EACX,OAAO,EACP,IAAI,EACJ,MAAM,GAAG,IAAI,EACb,UAAU,GAAG,IAAI,EACjB,IAAI,EACJ,KAAK,EACL,gBAAgB,EAChB,gBAAgB,OAEhB,EADG,IAAI,cAZqB,yIAa5B,CADO;IAEP,MAAM,WAAW,GAAG,4BAA4B,CAAC;IACjD,MAAM,UAAU,GAAG,iBAAiB,cAAc,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;IACvE,MAAM,gBAAgB,GAAG,uBAAuB,cAAc,CAC7D,WAAW,EACX,CAAC,CACD,EAAE,EAAE,CAAC;IAEN,OAAO,CACN,oBAAC,WAAW,kBACX,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,gBAAgB,EAAE,gBAAgB,EAClC,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,IAAI,EAAC,aAAa,0BACG,OAAO,gBACjB,MAAM,qBACA,UAAU,sBACT,gBAAgB,IAC9B,IAAI;QAER,oBAAC,WAAW,IAAC,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI;QAC/D,oBAAC,YAAY,IACZ,SAAS,EAAE,UAAU,CAAC,MAAM,EAAE,gBAAgB,CAAC,EAC/C,UAAU,EAAE,UAAU,EACtB,EAAE,EAAE,gBAAgB,IAEnB,QAAQ,CACK;QACd,MAAM,IAAI,oBAAC,WAAW,IAAC,KAAK,EAAE,WAAW,IAAG,MAAM,CAAe,CACrD,CACd,CAAC;AACH,CAAC,CAAC;AAEF,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;AAC3B,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;AAC3B,KAAK,CAAC,OAAO,GAAG,YAAY,CAAC;AAC7B,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;AAC3B,KAAK,CAAC,KAAK,GAAG,UAAU,CAAC"}
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAa,MAAM,OAAO,CAAC;AAElC,OAAO,EACN,WAAW,EAEX,WAAW,EAEX,WAAW,EAEX,YAAY,EACZ,UAAU,GACV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAyCxC,MAAM,CAAC,MAAM,KAAK,GAAU,CAAC,EAa5B,EAAE,EAAE;QAbwB,EAC5B,QAAQ,EACR,MAAM,EACN,WAAW,EACX,OAAO,EACP,IAAI,EACJ,MAAM,GAAG,IAAI,EACb,UAAU,GAAG,IAAI,EACjB,IAAI,EACJ,KAAK,EACL,gBAAgB,EAChB,gBAAgB,OAEhB,EADG,IAAI,cAZqB,yIAa5B,CADO;IAEP,MAAM,WAAW,GAAG,4BAA4B,CAAC;IACjD,MAAM,UAAU,GAAG,iBAAiB,cAAc,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;IACvE,MAAM,gBAAgB,GAAG,uBAAuB,cAAc,CAC7D,WAAW,EACX,CAAC,CACD,EAAE,EAAE,CAAC;IAEN,OAAO,CACN,oBAAC,WAAW,kBACX,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,gBAAgB,EAAE,gBAAgB,EAClC,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,IAAI,EAAC,aAAa,0BACG,OAAO,gBACjB,MAAM,qBACA,UAAU,sBACT,gBAAgB,IAC9B,IAAI;QAER,oBAAC,WAAW,IAAC,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI;QAC/D,oBAAC,YAAY,IACZ,SAAS,EAAE,UAAU,CAAC,MAAM,EAAE,gBAAgB,CAAC,EAC/C,UAAU,EAAE,UAAU,EACtB,EAAE,EAAE,gBAAgB,IAEnB,QAAQ,CACK;QACd,MAAM,IAAI,oBAAC,WAAW,IAAC,KAAK,EAAE,WAAW,IAAG,MAAM,CAAe,CACrD,CACd,CAAC;AACH,CAAC,CAAC;AAEF,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;AAC3B,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;AAC3B,KAAK,CAAC,OAAO,GAAG,YAAY,CAAC;AAC7B,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;AAC3B,KAAK,CAAC,KAAK,GAAG,UAAU,CAAC","sourcesContent":["import classnames from 'classnames';\nimport React, { FC } from 'react';\n\nimport {\n\tModalWindow,\n\tModalWindowProps,\n\tModalHeader,\n\tModalHeaderProps,\n\tModalFooter,\n\tModalFooterProps,\n\tModalContent,\n\tModalSizes,\n} from './components';\nimport { customAlphabet } from 'nanoid';\nimport { UseFocusTrapProps } from '../../hooks';\n\nexport interface ModalProps extends ModalHeaderProps, ModalWindowProps {\n\t/** Adds one or more classnames for an element */\n\tclassName?: string;\n\n\t/** Modal Footer Content */\n\tfooter?: React.ReactElement;\n\n\t/** Footer Alignment */\n\tfooterAlign?: ModalFooterProps['align'];\n\n\t/** Set visibility of the Modal */\n\topen?: boolean;\n\n\t/** Render in a React Portal */\n\tportal?: boolean;\n\n\t/** Allows the Modal to fit within the browser window */\n\tscrollable?: boolean;\n\n\t/** Controls the width of the Modal */\n\tsize?: ModalSizes;\n\n\t/** Options passed into useFocusTrap */\n\tfocusTrapOptions?: UseFocusTrapProps;\n\n\t/** Adds classnames to Modal's content wrapper */\n\tcontentClassName?: string;\n}\n\nexport interface Modal extends FC<ModalProps> {\n\t/** Subcomponents */\n\tWindow: typeof ModalWindow;\n\tHeader: typeof ModalHeader;\n\tContent: typeof ModalContent;\n\tFooter: typeof ModalFooter;\n\tSizes: typeof ModalSizes;\n}\n\nexport const Modal: Modal = ({\n\tchildren,\n\tfooter,\n\tfooterAlign,\n\tonClose,\n\topen,\n\tportal = true,\n\tscrollable = true,\n\tsize,\n\ttitle,\n\tfocusTrapOptions,\n\tcontentClassName,\n\t...rest\n}) => {\n\tconst lettersOnly = 'abcdefghijklmnopqrstuvwxyz';\n\tconst modalLabel = `modalLabel_id_${customAlphabet(lettersOnly, 8)()}`;\n\tconst modalDescribedby = `modalDescribedby_id_${customAlphabet(\n\t\tlettersOnly,\n\t\t8\n\t)()}`;\n\n\treturn (\n\t\t<ModalWindow\n\t\t\tonClose={onClose}\n\t\t\tsize={size}\n\t\t\tfocusTrapOptions={focusTrapOptions}\n\t\t\topen={open}\n\t\t\tportal={portal}\n\t\t\trole=\"alertdialog\"\n\t\t\tdata-anvil-component=\"Modal\"\n\t\t\taria-modal=\"true\"\n\t\t\taria-labelledby={modalLabel}\n\t\t\taria-describedby={modalDescribedby}\n\t\t\t{...rest}\n\t\t>\n\t\t\t<ModalHeader id={modalLabel} title={title} onClose={onClose} />\n\t\t\t<ModalContent\n\t\t\t\tclassName={classnames('fs-3', contentClassName)}\n\t\t\t\tscrollable={scrollable}\n\t\t\t\tid={modalDescribedby}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</ModalContent>\n\t\t\t{footer && <ModalFooter align={footerAlign}>{footer}</ModalFooter>}\n\t\t</ModalWindow>\n\t);\n};\n\nModal.Window = ModalWindow;\nModal.Header = ModalHeader;\nModal.Content = ModalContent;\nModal.Footer = ModalFooter;\nModal.Sizes = ModalSizes;\n"]}
|
|
@@ -5,14 +5,16 @@ import { BodyText } from '../BodyText';
|
|
|
5
5
|
describe('Modal', () => {
|
|
6
6
|
beforeEach(() => jest.spyOn(console, 'error'));
|
|
7
7
|
it('should pass through data automation attributes', () => {
|
|
8
|
-
const { baseElement } = render(React.createElement(Modal, { open: true, title: "Modal Title", closable: true, scrollable: true, "data-auto-sel": "automation-selector" },
|
|
8
|
+
const { container, baseElement } = render(React.createElement(Modal, { open: true, title: "Modal Title", closable: true, scrollable: true, "data-auto-sel": "automation-selector" },
|
|
9
9
|
React.createElement(BodyText, { className: "m-b-2" }, "Lorem ipsum etsy pabst")));
|
|
10
10
|
/**
|
|
11
11
|
* NOTE: Using "baseElement" instead of "container" because
|
|
12
12
|
* Drawer is rendered in a portal
|
|
13
13
|
*/
|
|
14
|
-
const
|
|
15
|
-
|
|
14
|
+
const nonPortalElement = container.querySelector('[data-auto-sel="automation-selector"]');
|
|
15
|
+
const portalElement = baseElement.querySelector('[data-auto-sel="automation-selector"]');
|
|
16
|
+
expect(nonPortalElement).toBeNull();
|
|
17
|
+
expect(portalElement).not.toBeNull();
|
|
16
18
|
});
|
|
17
19
|
});
|
|
18
20
|
//# sourceMappingURL=Modal.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.test.js","sourceRoot":"","sources":["../../../src/components/Modal/Modal.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,WAAW,EAAE,GAAG,MAAM,
|
|
1
|
+
{"version":3,"file":"Modal.test.js","sourceRoot":"","sources":["../../../src/components/Modal/Modal.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,WAAW,EAAE,GAAG,MAAM,CACxC,oBAAC,KAAK,IACL,IAAI,QACJ,KAAK,EAAC,aAAa,EACnB,QAAQ,QACR,UAAU,yBACI,qBAAqB;YAEnC,oBAAC,QAAQ,IAAC,SAAS,EAAC,OAAO,6BAAkC,CACtD,CACR,CAAC;QAEF;;;WAGG;QACH,MAAM,gBAAgB,GAAG,SAAS,CAAC,aAAa,CAC/C,uCAAuC,CACvC,CAAC;QACF,MAAM,aAAa,GAAG,WAAW,CAAC,aAAa,CAC9C,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,CAAC,QAAQ,EAAE,CAAC;QACpC,MAAM,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport { Modal } from './Modal';\nimport { BodyText } from '../BodyText';\n\ndescribe('Modal', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container, baseElement } = render(\n\t\t\t<Modal\n\t\t\t\topen\n\t\t\t\ttitle=\"Modal Title\"\n\t\t\t\tclosable\n\t\t\t\tscrollable\n\t\t\t\tdata-auto-sel=\"automation-selector\"\n\t\t\t>\n\t\t\t\t<BodyText className=\"m-b-2\">Lorem ipsum etsy pabst</BodyText>\n\t\t\t</Modal>\n\t\t);\n\n\t\t/**\n\t\t * NOTE: Using \"baseElement\" instead of \"container\" because\n\t\t * Drawer is rendered in a portal\n\t\t */\n\t\tconst nonPortalElement = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\t\tconst portalElement = baseElement.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(nonPortalElement).toBeNull();\n\t\texpect(portalElement).not.toBeNull();\n\t});\n});\n"]}
|
|
@@ -43,7 +43,7 @@ export const ModalHeader = (_a) => {
|
|
|
43
43
|
const ModalHeaderClassNames = classnames('Modal__header', className);
|
|
44
44
|
return (React.createElement("div", Object.assign({ className: ModalHeaderClassNames }, props),
|
|
45
45
|
React.createElement(Headline, { className: "Modal__header-title", id: id }, title),
|
|
46
|
-
onClose && (React.createElement(Button, { fill: "subtle", className: "Modal__header-close", iconName: "clear", size: "xsmall", onClick: onClose
|
|
46
|
+
onClose && (React.createElement(Button, { "aria-label": "close modal", fill: "subtle", className: "Modal__header-close", iconName: "clear", size: "xsmall", onClick: onClose }))));
|
|
47
47
|
};
|
|
48
48
|
ModalHeader.displayName = 'ModalHeader';
|
|
49
49
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components.js","sourceRoot":"","sources":["../../../src/components/Modal/components.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,OAAO,EAAgB,MAAM,wBAAwB,CAAC;AAE/D,OAAO,EAAE,YAAY,EAAqB,MAAM,0BAA0B,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAYnC,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EACnD,QAAQ,EACR,SAAS,EACT,UAAU,GAAG,IAAI,EACjB,EAAE,GACF,EAAE,EAAE;IACJ,MAAM,sBAAsB,GAAG,UAAU,CAAC,gBAAgB,EAAE,SAAS,EAAE;QACtE,4BAA4B,EAAE,UAAU;KACxC,CAAC,CAAC;IACH,OAAO,CACN,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,sBAAsB,IAC5C,QAAQ,CACJ,CACN,CAAC;AACH,CAAC,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAM1C,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAKjD,EAAE,EAAE;QAL6C,EACjD,KAAK,GAAG,OAAO,EACf,QAAQ,EACR,SAAS,OAET,EADG,KAAK,cAJyC,kCAKjD,CADQ;IAER,MAAM,qBAAqB,GAAG,UAAU,CAAC,eAAe,EAAE,SAAS,EAAE;QACpE,qBAAqB,EAAE,KAAK,KAAK,MAAM;QACvC,uBAAuB,EAAE,KAAK,KAAK,QAAQ;QAC3C,sBAAsB,EAAE,KAAK,KAAK,OAAO;QACzC,8BAA8B,EAAE,KAAK,KAAK,eAAe;KACzD,CAAC,CAAC;IACH,OAAO,CACN,2CAAK,SAAS,EAAE,qBAAqB,IAAM,KAAK,GAC9C,QAAQ,CACJ,CACN,CAAC;AACH,CAAC,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAUxC,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAMjD,EAAE,EAAE;QAN6C,EACjD,SAAS,EACT,KAAK,EACL,OAAO,EACP,EAAE,OAEF,EADG,KAAK,cALyC,uCAMjD,CADQ;IAER,IAAI,CAAC,OAAO,IAAI,KAAK,IAAI,IAAI,EAAE;QAC9B,OAAO,IAAI,CAAC;KACZ;IAED,MAAM,qBAAqB,GAAG,UAAU,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC;IAErE,OAAO,CACN,2CAAK,SAAS,EAAE,qBAAqB,IAAM,KAAK;QAC/C,oBAAC,QAAQ,IAAC,SAAS,EAAC,qBAAqB,EAAC,EAAE,EAAE,EAAE,IAC9C,KAAK,CACI;QACV,OAAO,IAAI,CACX,oBAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"components.js","sourceRoot":"","sources":["../../../src/components/Modal/components.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\nimport { AnimatePresence, motion } from 'framer-motion';\nimport { tokens } from '@servicetitan/tokens/core';\nimport { Overlay, OverlayProps } from '../../internal/Overlay';\nimport { JustifyProps } from '../../utilities/justify-props';\nimport { useFocusTrap, UseFocusTrapProps } from '../../hooks/useFocusTrap';\nimport { Headline } from '../Headline';\nimport { Button } from '../Button';\n\nexport interface ModalContentProps {\n\t/** Adds one or more classnames for an element */\n\tclassName?: string;\n\n\t/** Allows the Modal to fit within the browser window */\n\tscrollable?: boolean;\n\n\tid?: string;\n}\n\nexport const ModalContent: FC<ModalContentProps> = ({\n\tchildren,\n\tclassName,\n\tscrollable = true,\n\tid,\n}) => {\n\tconst ModalContentClassNames = classnames('Modal__content', className, {\n\t\t'Modal__content--scrollable': scrollable,\n\t});\n\treturn (\n\t\t<div id={id} className={ModalContentClassNames}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nModalContent.displayName = 'ModalContent';\n\nexport interface ModalFooterProps extends ModalContentProps {\n\talign?: JustifyProps;\n}\n\nexport const ModalFooter: FC<ModalFooterProps> = ({\n\talign = 'right',\n\tchildren,\n\tclassName,\n\t...props\n}) => {\n\tconst ModalFooterClassNames = classnames('Modal__footer', className, {\n\t\t'Modal__footer--left': align === 'left',\n\t\t'Modal__footer--center': align === 'center',\n\t\t'Modal__footer--right': align === 'right',\n\t\t'Modal__footer--space-between': align === 'space-between',\n\t});\n\treturn (\n\t\t<div className={ModalFooterClassNames} {...props}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nModalFooter.displayName = 'ModalFooter';\n\nexport interface ModalHeaderProps {\n\t/** Add class attribute */\n\tclassName?: string;\n\tonClose?: (e: React.SyntheticEvent<HTMLElement>) => void;\n\ttitle?: React.ReactNode;\n\tid?: string;\n}\n\nexport const ModalHeader: FC<ModalHeaderProps> = ({\n\tclassName,\n\ttitle,\n\tonClose,\n\tid,\n\t...props\n}) => {\n\tif (!onClose && title == null) {\n\t\treturn null;\n\t}\n\n\tconst ModalHeaderClassNames = classnames('Modal__header', className);\n\n\treturn (\n\t\t<div className={ModalHeaderClassNames} {...props}>\n\t\t\t<Headline className=\"Modal__header-title\" id={id}>\n\t\t\t\t{title}\n\t\t\t</Headline>\n\t\t\t{onClose && (\n\t\t\t\t<Button\n\t\t\t\t\taria-label=\"close modal\"\n\t\t\t\t\tfill=\"subtle\"\n\t\t\t\t\tclassName=\"Modal__header-close\"\n\t\t\t\t\ticonName=\"clear\"\n\t\t\t\t\tsize=\"xsmall\"\n\t\t\t\t\tonClick={onClose}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nModalHeader.displayName = 'ModalHeader';\n\n/**\n * Modal Sizes\n */\nexport enum ModalSizes {\n\tXS = 'XS',\n\tS = 'S',\n\tM = 'M',\n\tL = 'L',\n}\n\nfunction sizeClass(size: ModalSizes): string {\n\treturn `Modal--${size}`;\n}\n\n/**\n * Modal Window Properties\n */\nexport interface ModalWindowProps extends OverlayProps {\n\t/** Add class attribute */\n\tclassName?: string;\n\n\tsize?: ModalSizes;\n\n\t/** Options passed into useFocusTrap */\n\tfocusTrapOptions?: UseFocusTrapProps;\n}\n\nexport const ModalWindow: FC<ModalWindowProps> = ({\n\tanimate = true,\n\tchildren,\n\tclassName,\n\tfocusTrapOptions,\n\tonClose,\n\topen,\n\tportal = true,\n\tsize = ModalSizes.M,\n\t...props\n}) => {\n\tconst ModalWindowClassNames = classnames(\n\t\t'Modal',\n\t\tsizeClass(size),\n\t\tclassName\n\t);\n\n\t// Focus trapping\n\tconst containerRef = useFocusTrap({\n\t\tautoFocusContainer: true,\n\t\tdisabled: !open,\n\t\t...focusTrapOptions,\n\t});\n\n\tconst duration: number = parseInt(tokens.durationStandard, 10) / 1000; // '200ms' -> 0.2\n\tconst framerAnimation = {\n\t\tinitial: { opacity: 0, y: 50 },\n\t\tanimate: { opacity: 1, y: 0 },\n\t\texit: { opacity: 0, y: 50 },\n\t\ttransition: { type: 'easeInOut', duration },\n\t};\n\n\tconst Animate = animate ? AnimatePresence : React.Fragment;\n\tconst ModalEl = animate ? motion.div : 'div';\n\tconst ModalProps = {\n\t\tclassName: ModalWindowClassNames,\n\t\t...(animate && framerAnimation),\n\t\t...props,\n\t\tref: containerRef,\n\t};\n\n\treturn (\n\t\t<Overlay\n\t\t\tanimate={animate}\n\t\t\tbackdrop\n\t\t\tonClose={onClose}\n\t\t\topen={open}\n\t\t\tportal={portal}\n\t\t>\n\t\t\t<Animate>\n\t\t\t\t{open && <ModalEl {...ModalProps}>{children}</ModalEl>}\n\t\t\t</Animate>\n\t\t</Overlay>\n\t);\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Modal/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC","sourcesContent":["export * from './Modal';\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MoreDetails.js","sourceRoot":"","sources":["../../../src/components/MoreDetails/MoreDetails.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,OAAO,EAAgB,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,UAAU,MAAM,YAAY,CAAC;AAgCpC,MAAM,CAAC,MAAM,WAAW,GAAyB,KAAK,CAAC,UAAU,CAChE,CACC,EAUC,EACD,GAAa,EACZ,EAAE;QAZH,EACC,IAAI,EACJ,KAAK,EACL,SAAS,GAAG,GAAG,EACf,SAAS,EACT,cAAc,EACd,aAAa,EACb,YAAY,EACZ,IAAI,OAEJ,EADG,KAAK,cATT,sGAUC,CADQ;IAIT,MAAM,yBAAyB,GAAG,UAAU,CAC3C,iBAAiB,EACjB,aAAa,EACb;QACC,CAAC,oBAAoB,IAAI,EAAE,CAAC,EAAE,IAAI;KAClC,CACD,CAAC;IAEF,MAAM,qBAAqB,GAAG,UAAU,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAE5D,OAAO,CACN,oBAAC,KAAK,kBACL,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAE,qBAAqB,EAChC,GAAG,EAAE,GAAG,0BACa,aAAa,IAC9B,KAAK;QAET,oBAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,IAC7C,KAAK,CACI;QACV,KAAK,KAAK,IAAI,IAAI,CAClB,oBAAC,OAAO,kBACP,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,MAAM,EAChB,MAAM,QACN,SAAS,EAAE,SAAS,IAChB,YAAY;YAEhB,6BAAK,SAAS,EAAE,yBAAyB;gBACxC,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,CACrB,CACG,CACV,CACM,CACR,CAAC;AACH,CAAC,CACD,CAAC"}
|
|
1
|
+
{"version":3,"file":"MoreDetails.js","sourceRoot":"","sources":["../../../src/components/MoreDetails/MoreDetails.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,OAAO,EAAgB,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,UAAU,MAAM,YAAY,CAAC;AAgCpC,MAAM,CAAC,MAAM,WAAW,GAAyB,KAAK,CAAC,UAAU,CAChE,CACC,EAUC,EACD,GAAa,EACZ,EAAE;QAZH,EACC,IAAI,EACJ,KAAK,EACL,SAAS,GAAG,GAAG,EACf,SAAS,EACT,cAAc,EACd,aAAa,EACb,YAAY,EACZ,IAAI,OAEJ,EADG,KAAK,cATT,sGAUC,CADQ;IAIT,MAAM,yBAAyB,GAAG,UAAU,CAC3C,iBAAiB,EACjB,aAAa,EACb;QACC,CAAC,oBAAoB,IAAI,EAAE,CAAC,EAAE,IAAI;KAClC,CACD,CAAC;IAEF,MAAM,qBAAqB,GAAG,UAAU,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAE5D,OAAO,CACN,oBAAC,KAAK,kBACL,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAE,qBAAqB,EAChC,GAAG,EAAE,GAAG,0BACa,aAAa,IAC9B,KAAK;QAET,oBAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,IAC7C,KAAK,CACI;QACV,KAAK,KAAK,IAAI,IAAI,CAClB,oBAAC,OAAO,kBACP,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,MAAM,EAChB,MAAM,QACN,SAAS,EAAE,SAAS,IAChB,YAAY;YAEhB,6BAAK,SAAS,EAAE,yBAAyB;gBACxC,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,CACrB,CACG,CACV,CACM,CACR,CAAC;AACH,CAAC,CACD,CAAC","sourcesContent":["import React, { FC, Ref } from 'react';\nimport { BodyText } from '../BodyText';\nimport { Tooltip, TooltipProps } from '../Tooltip';\nimport { Icon } from '../Icon';\nimport { Stack } from '../Stack';\nimport classNames from 'classnames';\n\nexport interface MoreDetailsPropsStrict {\n\t/** Adds one or more classnames for an element */\n\tclassName?: string;\n\n\t/** Direction of Tooltip */\n\tdirection?: TooltipProps['direction'];\n\n\t/** Full value. If different from `short`, this is shown in a Tooltip */\n\tfull: string;\n\n\t/** Adds one or more classnames to Icon wrapper */\n\ticonClassName?: string;\n\n\t/** Adds one or more classnames to always visible text */\n\tlabelClassName?: string;\n\n\t/** Abbreviated value. This is always shown */\n\tshort: string;\n\n\t/** Font size of abbreviated `short` value. Uses BodyText sizing. */\n\tsize?: 'large' | 'medium' | 'small' | 'xsmall';\n\n\t/** Give Tooltip additional props for customization */\n\ttooltipProps?: TooltipProps;\n}\n\nexport interface MoreDetailsProps extends MoreDetailsPropsStrict {\n\t[propName: string]: any;\n}\n\nexport const MoreDetails: FC<MoreDetailsProps> = React.forwardRef(\n\t(\n\t\t{\n\t\t\tfull,\n\t\t\tshort,\n\t\t\tdirection = 't',\n\t\t\tclassName,\n\t\t\tlabelClassName,\n\t\t\ticonClassName,\n\t\t\ttooltipProps,\n\t\t\tsize,\n\t\t\t...props\n\t\t},\n\t\tref: Ref<any>\n\t) => {\n\t\tconst MoreDetailsIconClassNames = classNames(\n\t\t\t'MoreDetailsIcon',\n\t\t\ticonClassName,\n\t\t\t{\n\t\t\t\t[`MoreDetailsIcon--${size}`]: size,\n\t\t\t}\n\t\t);\n\n\t\tconst MoreDetailsClassNames = classNames('d-if', className);\n\n\t\treturn (\n\t\t\t<Stack\n\t\t\t\talignItems=\"center\"\n\t\t\t\tclassName={MoreDetailsClassNames}\n\t\t\t\tref={ref}\n\t\t\t\tdata-anvil-component=\"MoreDetails\"\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<BodyText size={size} className={labelClassName}>\n\t\t\t\t\t{short}\n\t\t\t\t</BodyText>\n\t\t\t\t{short !== full && (\n\t\t\t\t\t<Tooltip\n\t\t\t\t\t\ttext={full}\n\t\t\t\t\t\tclassName=\"lh-1\"\n\t\t\t\t\t\tportal\n\t\t\t\t\t\tdirection={direction}\n\t\t\t\t\t\t{...tooltipProps}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className={MoreDetailsIconClassNames}>\n\t\t\t\t\t\t\t<Icon name=\"more_horiz\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t)}\n\t\t\t</Stack>\n\t\t);\n\t}\n);\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MoreDetails.test.js","sourceRoot":"","sources":["../../../src/components/MoreDetails/MoreDetails.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC5B,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,WAAW,IACX,IAAI,EAAC,6BAA6B,EAClC,KAAK,EAAC,OAAO,EACb,SAAS,EAAC,GAAG,mBACC,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":"MoreDetails.test.js","sourceRoot":"","sources":["../../../src/components/MoreDetails/MoreDetails.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC5B,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,WAAW,IACX,IAAI,EAAC,6BAA6B,EAClC,KAAK,EAAC,OAAO,EACb,SAAS,EAAC,GAAG,mBACC,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 { MoreDetails } from './MoreDetails';\n\ndescribe('MoreDetails', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<MoreDetails\n\t\t\t\tfull=\"10.201351313215125133513531\"\n\t\t\t\tshort=\"10.20\"\n\t\t\t\tdirection=\"r\"\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/MoreDetails/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/MoreDetails/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC","sourcesContent":["export * from './MoreDetails';\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Option.js","sourceRoot":"","sources":["../../../src/components/OptionList/Option.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Option.js","sourceRoot":"","sources":["../../../src/components/OptionList/Option.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useLayoutEffect, useRef, FC } from 'react';\nimport { Checkbox } from '../Checkbox';\nimport { Spinner } from '../Spinner';\nimport { Button } from '../Button';\nimport classnames from 'classnames';\n\nexport interface SingleOptionPropStrict {\n\t/** Adds one or more classnames for an element */\n\tclassName?: string;\n\n\t/** Whether child options are visible or not. */\n\tcollapsed?: boolean;\n\n\t/** Whether the option should have the expand/collapse button. */\n\tcollapseControl?: boolean;\n\n\t/** The default visualization of an option in the Popover of the Select */\n\tcontent?: React.ReactNode | string;\n\n\t/** Indicates whether the option is disabled or not. It makes the option unselectable */\n\tdisabled?: boolean;\n\n\t/** Function to allow OptionList to set focus */\n\tgetFocus?: (value: any) => boolean;\n\n\t/** Indeterminate visual for a checkbox */\n\tindeterminate?: boolean;\n\n\t/** Function to allow OptionList to set indeterminate */\n\tgetIndeterminate?: (value: any) => boolean;\n\n\t/** Provides tree-type styling to option, and ARIA label. Can be automatically calculated. */\n\tlevel?: number;\n\n\t/** Visual that an option is loading. Used when child options need to be brought in on expand */\n\tloading?: boolean;\n\n\t/** Calls when the option changes in value */\n\tonChange?: (\n\t\tdata: SingleOptionProps['value'],\n\t\tchecked: boolean,\n\t\tchildObject: SingleOptionProps[],\n\t\tselfObject: SingleOptionProps\n\t) => void;\n\n\t/** Calls when the expand/collapse button is clicked */\n\tonExpand?: (data: SingleOptionProps['value']) => void;\n\n\t/** Grouping of options within options */\n\toptions?: SingleOptionProps[];\n\n\t/** A secondary action a user can take on a single option */\n\tsecondaryAction?: React.ReactNode;\n\n\t/** Whether or not the option is selected */\n\tselected?: boolean;\n\n\t/** Function to allow OptionList to set selected */\n\tgetSelected?: (value: any) => boolean;\n\n\t/** Prevents a user from selecting the option, without giving it the disabled styling/state */\n\treadOnly?: boolean;\n\n\t/** Function to pass option data (value, DOM element) to OptionList */\n\tregisterOption?: (optionData: RegisterOptionData) => void;\n\n\t/** The default string of an option in the trigger of the Select */\n\ttext?: string;\n\n\t/** Value of the option, passed into Anvil's Checkbox value */\n\tvalue?: any;\n}\n\nexport interface SingleOptionProps extends SingleOptionPropStrict {\n\t/** Unstrict Props */\n\t[propName: string]: any;\n}\n\nexport interface RegisterOptionData {\n\ttext?: SingleOptionProps['string'];\n\tvalue?: SingleOptionProps['value'];\n\tdisabled?: SingleOptionProps['disabled'];\n\telement?: HTMLDivElement | null; // TODO: Make this type more generic\n}\n\nexport const Option: FC<SingleOptionProps> = ({\n\tclassName,\n\tcollapseControl,\n\tcollapsed,\n\tcontent,\n\tdisabled,\n\tfocus,\n\tgetFocus,\n\tindeterminate,\n\tgetIndeterminate,\n\tlabel,\n\tlevel,\n\tloading,\n\tonChange,\n\tonExpand,\n\tonKeyDown,\n\toptions,\n\treadOnly,\n\tregisterOption,\n\tsecondaryAction,\n\tselected,\n\tgetSelected,\n\tselfObject,\n\ttext,\n\tvalue,\n\t...props\n}) => {\n\t// after the component has rendered, pass the option data to registerOption\n\tconst checkboxRef = useRef<RegisterOptionData['element']>(null);\n\n\tuseLayoutEffect(() => {\n\t\tif (registerOption) {\n\t\t\tregisterOption({\n\t\t\t\ttext,\n\t\t\t\tvalue,\n\t\t\t\tdisabled,\n\t\t\t\telement: checkboxRef.current,\n\t\t\t});\n\t\t}\n\t});\n\n\tconst OptionClasses = classnames('OptionList__option', className, {\n\t\t'OptionList__option--selected': selected,\n\t\t'OptionList__option--disabled': disabled,\n\t\t'OptionList__option--read-only': readOnly || disabled,\n\t\t'OptionList__option--custom': content && typeof content !== 'string',\n\t\t'OptionList__option--text': !(content && typeof content !== 'string'),\n\t});\n\n\tconst getCollapseButton = () => {\n\t\tif (!collapseControl) return;\n\t\tconst arrow = collapsed\n\t\t\t? 'keyboard_arrow_down'\n\t\t\t: 'keyboard_arrow_right';\n\t\treturn (\n\t\t\t<Button\n\t\t\t\ticonName={arrow}\n\t\t\t\txsmall\n\t\t\t\tfill=\"subtle\"\n\t\t\t\tonClick={handleOnClick}\n\t\t\t\tclassName=\"OptionList__collapse\"\n\t\t\t\taria-expanded={collapsed}\n\t\t\t\taria-label={collapsed ? 'collapse options' : 'expand options'}\n\t\t\t/>\n\t\t);\n\t};\n\n\tconst getLabel = () => {\n\t\tif (label) return label;\n\t\tif (content !== undefined && content !== null) return content;\n\t\tif (text !== undefined && text !== null) return text;\n\t\treturn String(value);\n\t};\n\n\tconst getLoading = () => {\n\t\tif (!loading) return;\n\t\treturn <Spinner size=\"tiny\" className=\"OptionList__spinner\" />;\n\t};\n\n\tconst getSecondaryAction = () => {\n\t\tif (secondaryAction === undefined) return;\n\t\treturn (\n\t\t\t<div className=\"OptionList__option--secondary-action\">\n\t\t\t\t{secondaryAction}\n\t\t\t</div>\n\t\t);\n\t};\n\n\tconst handleOnClick = () => {\n\t\treturn onExpand(value);\n\t};\n\n\tconst handleOnChange = (value: any, checked: boolean) => {\n\t\tif (readOnly || onChange === undefined) return;\n\t\treturn onChange(value, checked, options, selfObject);\n\t};\n\n\tconst handleOnKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n\t\tif (onKeyDown === undefined) return;\n\t\treturn onKeyDown(e, selfObject);\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclassName={OptionClasses}\n\t\t\trole=\"treeitem\"\n\t\t\taria-level={level}\n\t\t\t{...props}\n\t\t>\n\t\t\t{getLoading() || getCollapseButton()}\n\t\t\t<Checkbox\n\t\t\t\tref={checkboxRef}\n\t\t\t\tchecked={\n\t\t\t\t\tselected != null\n\t\t\t\t\t\t? selected\n\t\t\t\t\t\t: getSelected\n\t\t\t\t\t\t? getSelected(value)\n\t\t\t\t\t\t: null\n\t\t\t\t}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tfocus={\n\t\t\t\t\tfocus != null ? focus : getFocus ? getFocus(value) : null\n\t\t\t\t}\n\t\t\t\tindeterminate={\n\t\t\t\t\tindeterminate != null\n\t\t\t\t\t\t? indeterminate\n\t\t\t\t\t\t: getIndeterminate\n\t\t\t\t\t\t? getIndeterminate(value)\n\t\t\t\t\t\t: null\n\t\t\t\t}\n\t\t\t\tlabel={getLabel()}\n\t\t\t\tonChange={handleOnChange}\n\t\t\t\tonKeyDown={handleOnKeyDown}\n\t\t\t\tvalue={value}\n\t\t\t/>\n\t\t\t{getSecondaryAction()}\n\t\t</div>\n\t);\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OptionList.js","sourceRoot":"","sources":["../../../src/components/OptionList/OptionList.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"OptionList.js","sourceRoot":"","sources":["../../../src/components/OptionList/OptionList.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAyC,MAAM,UAAU,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AA4D/B,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,EAmB/C,EAAE,EAAE;QAnB2C,EAC/C,QAAQ,EACR,SAAS,EACT,aAAa,EACb,SAAS,EACT,UAAU,EACV,cAAc,EACd,kBAAkB,EAClB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,eAAe,EACf,OAAO,EACP,KAAK,EACL,cAAc,OAEd,EADG,KAAK,cAlBuC,sQAmB/C,CADQ;IAER,MAAM,cAAc,GAAG,UAAU,CAAC,YAAY,EAAE,SAAS,EAAE;QAC1D,2BAA2B,EAAE,CAAC,QAAQ;QACtC,0BAA0B,EAAE,QAAQ;KACpC,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,UAAU,CAAC,mBAAmB,EAAE,cAAc,CAAC,CAAC;IACrE,MAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QAC3C,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAA2B,EAAE,EAAE,CAC1C,CAAC,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAClC;QACH,CAAC,CAAC,IAAI,CAAC;IAER,MAAM,0BAA0B,GAAG,CAAC,MAAyB,EAAE,EAAE;QAChE,IAAI,eAAe,GAAG,KAAK,CAAC;QAC5B,IACC,KAAK,KAAK,SAAS;YACnB,MAAM,CAAC,KAAK,KAAK,SAAS;YAC1B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;gBACrB,KAAK,CAAC,MAAM,GAAG,CAAC;gBAChB,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,6CAA6C;gBACxF,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,2CAA2C;UACxG;YACD,eAAe,GAAG,IAAI,CAAC;SACvB;QAED,MAAM,QAAQ,GAAG;YAChB,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI;YACrD,QAAQ,EAAE,eAAe;YACzB,IAAI,EACH,SAAS,IAAI,OAAO,MAAM,CAAC,OAAO,KAAK,QAAQ;gBAC9C,CAAC,CAAC,MAAM,CAAC,OAAO;gBAChB,CAAC,CAAC,MAAM,CAAC,IAAI;oBACb,CAAC,CAAC,MAAM,CAAC,IAAI;oBACb,CAAC,CAAC,IAAI;YACR,aAAa,EAAE,MAAM,CAAC,aAAa,IAAI,KAAK;SAC5C,CAAC;QACF,uCAAY,QAAQ,GAAK,MAAM,EAAG;IACnC,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,GAAG,EAAE,CAC5B,CAAC,SAAS,KAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEjE,6EAA6E;IAC7E,MAAM,UAAU,GAAG,CAAC,OAA4B,EAAE,KAAK,GAAG,CAAC,EAAE,EAAE;QAC9D,OAAO,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,CAAC,UAAU,EAAE,KAAa,EAAE,EAAE;YACjD,MAAM,WAAW,GAAG,0BAA0B,CAAC,UAAU,CAAC,CAAC;YAC3D,MAAM,gBAAgB,GAAG,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC;YAE/C,IAAI,gBAAgB,EAAE;gBACrB,IAAI,CAAC,SAAS;oBACb,OAAO,iBAAiB,CACvB,WAAW,EACX,UAAU,EACV,WAAW,CAAC,OAAO,EACnB,KAAK,EACL,KAAK,EACL,UAAU,CAAC,KAAK,EAChB,UAAU,CAAC,SAAS,CACpB,CAAC;gBACH,IAAI,KAAK,KAAK,CAAC;oBACd,OAAO,qBAAqB,CAC3B,WAAW,CAAC,OAAO,EACnB,WAAW,CAAC,IAAI,EAChB,KAAK,EACL,KAAK,CACL,CAAC;aACH;YACD,OAAO,SAAS,CAAC,WAAW,EAAE,UAAU,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACnE,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,sEAAsE;IACtE,MAAM,iBAAiB,GAAG,CACzB,YAAqC,EACrC,oBAA6C,EAC7C,OAA4B,EAC5B,KAAa,EACb,KAAa,EACb,mBAA+C,EAC/C,SAAkB,EACjB,EAAE;QACH,0EAA0E;QAC1E,MAAM,MAAM,GAAY,SAAS;YAChC,CAAC,CAAC,CAAC,SAAS;YACZ,CAAC,CAAC,aAAa;gBACf,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,mBAAmB,CAAC;gBAC7C,CAAC,CAAC,IAAI,CAAC;QAER,OAAO,CACN,6BAAK,SAAS,EAAE,YAAY,EAAE,IAAI,EAAC,OAAO,EAAC,GAAG,EAAE,KAAK;YACnD,SAAS,CACT,YAAY,EACZ,oBAAoB,EACpB,KAAK,EACL,IAAI,EACJ,MAAM,EACN,OAAO,CACP;YACD,oBAAC,WAAW,IAAC,IAAI,EAAE,MAAM,IACvB,UAAU,CAAC,OAAO,EAAE,KAAK,GAAG,CAAC,CAAC,CAClB,CACT,CACN,CAAC;IACH,CAAC,CAAC;IAEF,qDAAqD;IACrD,MAAM,eAAe,GACpB,OAAO,SAAS,KAAK,QAAQ,CAAC,CAAC,mBAAM,SAAS,EAAG,CAAC,CAAC,SAAS,CAAC;IAE9D,MAAM,oBAAoB,GAAG,CAAC,cAAmC,EAAE,EAAE;QACpE,IAAI,eAAe,CAAC,gBAAgB,KAAK,SAAS;YAAE,OAAO;QAC3D,OAAO,eAAe,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;IACzD,CAAC,CAAC;IAEF,MAAM,qBAAqB,GAAG,CAAC,cAAmC,EAAE,EAAE;QACrE,IAAI,eAAe,CAAC,iBAAiB,KAAK,SAAS;YAAE,OAAO;QAC5D,OAAO,eAAe,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAC1D,CAAC,CAAC;IAEF,MAAM,qBAAqB,GAAG,CAC7B,OAA4B,EAC5B,KAAa,EACb,KAAa,EACb,KAAa,EACZ,EAAE;QACH,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;QACtD,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC;QAExD,OAAO,CACN,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,GAAG,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,EAAE;YAC/C,KAAK,KAAK,CAAC,IAAI,oBAAC,OAAO,IAAC,OAAO,EAAE,CAAC,GAAI;YACtC,KAAK,IAAI,CACT,oBAAC,KAAK,IAAC,UAAU,EAAC,QAAQ,EAAC,SAAS,EAAC,oBAAoB;gBACxD,oBAAC,OAAO,QAAE,KAAK,CAAW;gBACzB,QAAQ,IAAI,KAAK,IAAI,OAAO,SAAS,KAAK,SAAS,IAAI,CACvD,oBAAC,KAAK,CAAC,QAAQ;oBACd,oBAAC,IAAI,IACJ,OAAO,QACP,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,SAAS,gBACP,YAAY,UAGjB;oBACP,oBAAC,IAAI,IACJ,OAAO,QACP,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,UAAU,gBACR,aAAa,WAGlB,CACS,CACjB,CACM,CACR;YACA,UAAU,CAAC,OAAO,EAAE,KAAK,GAAG,CAAC,CAAC,CACf,CACjB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE;QAC3B,IAAI,QAAQ,KAAK,SAAS;YAAE,OAAO;QACnC,OAAO,QAAQ,CAAC;IACjB,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE;QAC3B,IAAI,QAAQ,KAAK,SAAS;YAAE,OAAO;QACnC,OAAO,QAAQ,CAAC;IACjB,CAAC,CAAC;IAEF;;;;OAIG;IACH,MAAM,yBAAyB,GAAG,CAAC,WAAgB,EAAE,EAAE;QACtD,IAAI,KAAK,IAAI,IAAI,IAAI,WAAW,IAAI,IAAI,EAAE;YACzC,OAAO,KAAK,CAAC;SACb;QAED,IAAI,KAAK,CAAC,MAAM,EAAE;YACjB,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,IAAS,EAAE,EAAE;gBAC/B,IAAI,IAAI,KAAK,WAAW,EAAE;oBACzB,OAAO,IAAI,CAAC;iBACZ;gBACD,IAAI,IAAI,CAAC,KAAK,KAAK,WAAW,EAAE;oBAC/B,OAAO,IAAI,CAAC;iBACZ;gBACD,OAAO,KAAK,CAAC;YACd,CAAC,CAAC,CAAC;SACH;QAED,IAAI,KAAK,KAAK,WAAW,EAAE;YAC1B,OAAO,IAAI,CAAC;SACZ;QACD,IAAI,KAAK,CAAC,KAAK,KAAK,WAAW,EAAE;YAChC,OAAO,IAAI,CAAC;SACZ;QAED,OAAO,KAAK,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,CAAC,WAAgB,EAAE,EAAE;QACnD,OAAO,UAAU,IAAI,UAAU,CAAC,KAAK,KAAK,WAAW,CAAC;IACvD,CAAC,CAAC;IAEF,MAAM,8BAA8B,GAAG,CAAC,WAAgB,EAAE,EAAE;QAC3D,OAAO,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,QAAQ,CAAC,WAAW,CAAC,CAAC;IAClD,CAAC,CAAC;IAEF;;OAEG;IACH,MAAM,WAAW,GAAyB,EAAE,CAAC;IAE7C,MAAM,cAAc,GAAG,CAAC,UAA8B,EAAE,EAAE;QACzD,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE;QAC1B,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YACzB,IACC,CAAC,CAAC,OAAO,IAAI,IAAI;gBACjB,CAAC,CAAC,OAAO,IAAI,IAAI;gBACjB,CAAC,CAAC,OAAO,CAAC,uBAAuB,CAAC,CAAC,CAAC,OAAO,CAAC;oBAC3C,IAAI,CAAC,2BAA2B,EAChC;gBACD,OAAO,CAAC,CAAC;aACT;YACD,OAAO,CAAC,CAAC,CAAC;QACX,CAAC,CAAC,CAAC;QAEH,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,WAAW,CAAC,CAAC;IAC/B,CAAC,CAAC,CAAC;IAEH,wDAAwD;IACxD,MAAM,SAAS,GAAG,CACjB,MAA+B,EAC/B,cAAuC,EACvC,KAAa,EACb,eAAe,GAAG,KAAK,EACvB,eAAe,GAAG,KAAK,EACvB,eAAoB,EAAE,EACrB,EAAE;QACH,MAAM,KAA4B,MAAM,CAAC,MAAM,CAAC,EAA1C,EAAE,SAAS,OAA+B,EAA1B,OAAO,cAAvB,aAAyB,CAAiB,CAAC;QACjD,MAAM,aAAa,GAAG,UAAU,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC;QAE7D,OAAO,CACN,oBAAC,MAAM,oBACF,OAAO,IACX,SAAS,EAAE,aAAa,EACxB,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,sBAAsB,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,EACnD,aAAa,EAAE,8BAA8B,CAC5C,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,CACpB,EACD,GAAG,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,GAAG,KAAK,EAAE,EAC5D,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,cAAc,EAAE,EAC1B,QAAQ,EAAE,cAAc,EAAE,EAC1B,SAAS,EAAE,eAAe,EAC1B,OAAO,EAAE,YAAY,EACrB,UAAU,EAAE,cAAc,IACzB,CACF,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG;QACnB,SAAS,EAAE,eAAe;QAC1B,eAAe,EAAE,KAAK;QACtB,SAAS,EAAE,KAAK;QAChB,WAAW,EAAE,yBAAyB;QACtC,QAAQ,EAAE,sBAAsB;QAChC,gBAAgB,EAAE,8BAA8B;QAChD,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,cAAc,EAAE;QAC1B,QAAQ,EAAE,cAAc,EAAE;QAC1B,SAAS,EAAE,eAAe;QAC1B,cAAc;KACd,CAAC;IAEF,OAAO,CACN,2CACC,SAAS,EAAE,cAAc,0BACJ,YAAY,EACjC,IAAI,EAAC,MAAM,IACP,KAAK,GAER,OAAO,QAAQ,KAAK,UAAU;QAC9B,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC;QACvB,CAAC,CAAC,UAAU,CAAC,OAAO,EAAE,eAAe,EAAE,CAAC,CACpC,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { FC, ReactNode } from 'react';\nimport classnames from 'classnames';\nimport { Option, SingleOptionProps, RegisterOptionData } from './Option';\nimport { Collapsible } from '../Collapsible';\nimport { Eyebrow } from '../Eyebrow';\nimport { Divider } from '../Divider';\nimport { Stack } from '../Stack';\nimport { Link } from '../Link';\n\nexport interface OptionListProps extends FlatGroupProps {\n\tchildren?(optionProps: SingleOptionProps): ReactNode;\n\t/** Adds one or more classnames for an element */\n\tclassName?: string;\n\n\t/** Holds values of options that are expanded or collapsed */\n\tcollapseValue?: SingleOptionProps['value'][];\n\n\t/** Holds an indeterminate condition for option trees */\n\tindeterminateValue?: SingleOptionProps['value'][];\n\n\t/** Non-tree display of flat options with non-selectable group header */\n\tflatGroup?: FlatGroupProps | boolean;\n\n\t/** Helper value of what option, if any, is currently focused */\n\tfocusValue?: any;\n\n\t/** Adds one or more classnames to grouped options */\n\tgroupClassName?: string;\n\n\t/** Whether the Option List is single or multiselect */\n\tmultiple?: boolean;\n\n\t/** Called when the user changes the value */\n\tonChange?: (\n\t\tvalue: SingleOptionProps['value'],\n\t\tchecked: boolean,\n\t\tchildObject: SingleOptionProps,\n\t\tselfObject: SingleOptionProps\n\t) => void;\n\n\t/** Calls when the expand/collapse button is clicked */\n\tonExpand?: (value: SingleOptionProps['value']) => void;\n\n\t/** Adds one or more classnames to each individual option */\n\toptionClassName?: string;\n\n\t/** Detects key event and provides option that was focused */\n\toptionOnKeyDown?: (\n\t\te: React.KeyboardEvent<HTMLDivElement>,\n\t\tselfObject: SingleOptionProps\n\t) => void;\n\n\t/** Array of all the options in the Option List */\n\toptions?: SingleOptionProps[];\n\n\t/** Value of selected options within the List */\n\tvalue?: any;\n\n\t/** Callback to pass a list of options up to AnvilSelect */\n\tgetOptionsData?: (data: SingleOptionProps[]) => void;\n}\n\ninterface FlatGroupProps {\n\tonGroupSelectAll?: (data: SingleOptionProps[]) => void;\n\tonGroupSelectNone?: (data: SingleOptionProps[]) => void;\n}\n\nexport const OptionList: FC<OptionListProps> = ({\n\tchildren,\n\tclassName,\n\tcollapseValue,\n\tflatGroup,\n\tfocusValue,\n\tgroupClassName,\n\tindeterminateValue,\n\tmultiple,\n\tonChange,\n\tonExpand,\n\tonGroupSelectAll,\n\tonGroupSelectNone,\n\toptionClassName,\n\toptionOnKeyDown,\n\toptions,\n\tvalue,\n\tgetOptionsData,\n\t...props\n}) => {\n\tconst OptionsClasses = classnames('OptionList', className, {\n\t\t'OptionList--single-select': !multiple,\n\t\t'OptionList--multi-select': multiple,\n\t});\n\n\tconst GroupClasses = classnames('OptionList__group', groupClassName);\n\tconst ValuesFromArray = Array.isArray(value)\n\t\t? value.map((v: OptionListProps['value']) =>\n\t\t\t\tv.value !== undefined ? v.value : v\n\t\t )\n\t\t: null;\n\n\tconst setDefaultOptionProperties = (option: SingleOptionProps) => {\n\t\tlet defaultSelected = false;\n\t\tif (\n\t\t\tvalue !== undefined &&\n\t\t\toption.value !== undefined &&\n\t\t\t((Array.isArray(value) &&\n\t\t\t\tvalue.length > 0 &&\n\t\t\t\tValuesFromArray.includes(option.value)) || // If value is an Array (multiple selections)\n\t\t\t\t(typeof value === 'object' && value.value === option.value)) // If value is an Object (single selection)\n\t\t) {\n\t\t\tdefaultSelected = true;\n\t\t}\n\n\t\tconst defaults = {\n\t\t\tcollapsed: option.collapsed ? option.collapsed : true,\n\t\t\tselected: defaultSelected,\n\t\t\ttext:\n\t\t\t\tflatGroup && typeof option.content === 'string'\n\t\t\t\t\t? option.content\n\t\t\t\t\t: option.text\n\t\t\t\t\t? option.text\n\t\t\t\t\t: null,\n\t\t\tindeterminate: option.indeterminate || false,\n\t\t};\n\t\treturn { ...defaults, ...option };\n\t};\n\n\tconst setInitialLevel = () =>\n\t\t!flatGroup && options?.some((option) => option.options) ? 2 : 1;\n\n\t/* Loops through options object to display grouped and non-grouped options */\n\tconst getOptions = (options: SingleOptionProps[], level = 2) => {\n\t\treturn options?.map((optionProp, index: number) => {\n\t\t\tconst localOption = setDefaultOptionProperties(optionProp);\n\t\t\tconst checkForChildren = !!localOption.options;\n\n\t\t\tif (checkForChildren) {\n\t\t\t\tif (!flatGroup)\n\t\t\t\t\treturn getGroupedOptions(\n\t\t\t\t\t\tlocalOption,\n\t\t\t\t\t\toptionProp,\n\t\t\t\t\t\tlocalOption.options,\n\t\t\t\t\t\tindex,\n\t\t\t\t\t\tlevel,\n\t\t\t\t\t\toptionProp.value,\n\t\t\t\t\t\toptionProp.collapsed\n\t\t\t\t\t);\n\t\t\t\tif (level === 1)\n\t\t\t\t\treturn getFlatGroupedOptions(\n\t\t\t\t\t\tlocalOption.options,\n\t\t\t\t\t\tlocalOption.text,\n\t\t\t\t\t\tlevel,\n\t\t\t\t\t\tindex\n\t\t\t\t\t);\n\t\t\t}\n\t\t\treturn getOption(localOption, optionProp, !flatGroup ? level : 1);\n\t\t});\n\t};\n\n\t/* Called when the options prop is detected in an individual option */\n\tconst getGroupedOptions = (\n\t\tparentOption: Record<string, unknown>,\n\t\toriginalParentOption: Record<string, unknown>,\n\t\toptions: SingleOptionProps[],\n\t\tindex: number,\n\t\tlevel: number,\n\t\tparentCollapseValue: SingleOptionProps['value'],\n\t\tcollapsed: boolean\n\t) => {\n\t\t/* Variable determines if an option should be expanded to show children */\n\t\tconst isOpen: boolean = collapsed\n\t\t\t? !collapsed\n\t\t\t: collapseValue\n\t\t\t? collapseValue.includes(parentCollapseValue)\n\t\t\t: true;\n\n\t\treturn (\n\t\t\t<div className={GroupClasses} role=\"group\" key={index}>\n\t\t\t\t{getOption(\n\t\t\t\t\tparentOption,\n\t\t\t\t\toriginalParentOption,\n\t\t\t\t\tlevel,\n\t\t\t\t\ttrue,\n\t\t\t\t\tisOpen,\n\t\t\t\t\toptions\n\t\t\t\t)}\n\t\t\t\t<Collapsible open={isOpen}>\n\t\t\t\t\t{getOptions(options, level + 1)}\n\t\t\t\t</Collapsible>\n\t\t\t</div>\n\t\t);\n\t};\n\n\t/* Pull flatGroup prop data for selection handling */\n\tconst objectFlatGroup =\n\t\ttypeof flatGroup === 'object' ? { ...flatGroup } : undefined;\n\n\tconst handleGroupSelectAll = (groupedOptions: SingleOptionProps[]) => {\n\t\tif (objectFlatGroup.onGroupSelectAll === undefined) return;\n\t\treturn objectFlatGroup.onGroupSelectAll(groupedOptions);\n\t};\n\n\tconst handleGroupSelectNone = (groupedOptions: SingleOptionProps[]) => {\n\t\tif (objectFlatGroup.onGroupSelectNone === undefined) return;\n\t\treturn objectFlatGroup.onGroupSelectNone(groupedOptions);\n\t};\n\n\tconst getFlatGroupedOptions = (\n\t\toptions: SingleOptionProps[],\n\t\ttitle: string,\n\t\tlevel: number,\n\t\tindex: number\n\t) => {\n\t\tconst selectAll = () => handleGroupSelectAll(options);\n\t\tconst selectNone = () => handleGroupSelectNone(options);\n\n\t\treturn (\n\t\t\t<React.Fragment key={`${index}${Object(options)}`}>\n\t\t\t\t{index !== 0 && <Divider spacing={1} />}\n\t\t\t\t{title && (\n\t\t\t\t\t<Stack alignItems=\"center\" className=\"OptionList__header\">\n\t\t\t\t\t\t<Eyebrow>{title}</Eyebrow>\n\t\t\t\t\t\t{multiple && title && typeof flatGroup !== 'boolean' && (\n\t\t\t\t\t\t\t<React.Fragment>\n\t\t\t\t\t\t\t\t<Link\n\t\t\t\t\t\t\t\t\tprimary\n\t\t\t\t\t\t\t\t\tclassName=\"m-l-1 fs-1\"\n\t\t\t\t\t\t\t\t\tonClick={selectAll}\n\t\t\t\t\t\t\t\t\taria-label=\"select all\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tAll\n\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t\t<Link\n\t\t\t\t\t\t\t\t\tprimary\n\t\t\t\t\t\t\t\t\tclassName=\"m-l-1 fs-1\"\n\t\t\t\t\t\t\t\t\tonClick={selectNone}\n\t\t\t\t\t\t\t\t\taria-label=\"select none\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tNone\n\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t</React.Fragment>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Stack>\n\t\t\t\t)}\n\t\t\t\t{getOptions(options, level + 1)}\n\t\t\t</React.Fragment>\n\t\t);\n\t};\n\n\tconst handleOnChange = () => {\n\t\tif (onChange === undefined) return;\n\t\treturn onChange;\n\t};\n\n\tconst handleOnExpand = () => {\n\t\tif (onExpand === undefined) return;\n\t\treturn onExpand;\n\t};\n\n\t/*\n\t ** NOTE: The following functions (setSelected, setFocus, registerOption, etc)\n\t ** are all plumbing to support the use case where <Option> components are\n\t ** rendered in user-land via function children.\n\t */\n\tconst setSelectedFromOptionList = (optionValue: any) => {\n\t\tif (value == null || optionValue == null) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif (value.length) {\n\t\t\treturn value.some((item: any) => {\n\t\t\t\tif (item === optionValue) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t\tif (item.value === optionValue) {\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t\treturn false;\n\t\t\t});\n\t\t}\n\n\t\tif (value === optionValue) {\n\t\t\treturn true;\n\t\t}\n\t\tif (value.value === optionValue) {\n\t\t\treturn true;\n\t\t}\n\n\t\treturn false;\n\t};\n\n\tconst setFocusFromOptionList = (optionValue: any) => {\n\t\treturn focusValue && focusValue.value === optionValue;\n\t};\n\n\tconst setIndeterminateFromOptionList = (optionValue: any) => {\n\t\treturn indeterminateValue?.includes(optionValue);\n\t};\n\n\t/*\n\t ** The <Option> components call back with registerOption once they've rendered\n\t */\n\tconst optionsData: RegisterOptionData[] = [];\n\n\tconst registerOption = (optionData: RegisterOptionData) => {\n\t\toptionsData.push(optionData);\n\t};\n\n\tReact.useLayoutEffect(() => {\n\t\toptionsData.sort((a, b) => {\n\t\t\tif (\n\t\t\t\ta.element != null &&\n\t\t\t\tb.element != null &&\n\t\t\t\ta.element.compareDocumentPosition(b.element) &\n\t\t\t\t\tNode.DOCUMENT_POSITION_PRECEDING\n\t\t\t) {\n\t\t\t\treturn 1;\n\t\t\t}\n\t\t\treturn -1;\n\t\t});\n\n\t\tgetOptionsData?.(optionsData);\n\t});\n\n\t/* Generates the individual option in the Option List */\n\tconst getOption = (\n\t\toption: Record<string, unknown>,\n\t\toriginalOption: Record<string, unknown>,\n\t\tlevel: number,\n\t\tcollapseControl = false,\n\t\tcollapseBoolean = false,\n\t\tlocalOptions: any = []\n\t) => {\n\t\tconst { className, ...options } = Object(option);\n\t\tconst OptionClasses = classnames(className, optionClassName);\n\n\t\treturn (\n\t\t\t<Option\n\t\t\t\t{...options}\n\t\t\t\tclassName={OptionClasses}\n\t\t\t\tcollapseControl={collapseControl}\n\t\t\t\tcollapsed={collapseBoolean}\n\t\t\t\tfocus={setFocusFromOptionList(Object(option).value)}\n\t\t\t\tindeterminate={setIndeterminateFromOptionList(\n\t\t\t\t\tObject(option).value\n\t\t\t\t)}\n\t\t\t\tkey={`${Object(option).value}${Object(option).text}${level}`}\n\t\t\t\tlevel={level}\n\t\t\t\tonChange={handleOnChange()}\n\t\t\t\tonExpand={handleOnExpand()}\n\t\t\t\tonKeyDown={optionOnKeyDown}\n\t\t\t\toptions={localOptions}\n\t\t\t\tselfObject={originalOption}\n\t\t\t/>\n\t\t);\n\t};\n\n\tconst optionProps = {\n\t\tclassName: optionClassName,\n\t\tcollapseControl: false,\n\t\tcollapsed: false,\n\t\tgetSelected: setSelectedFromOptionList,\n\t\tgetFocus: setFocusFromOptionList,\n\t\tgetIndeterminate: setIndeterminateFromOptionList,\n\t\tlevel: 1,\n\t\tonChange: handleOnChange(),\n\t\tonExpand: handleOnExpand(),\n\t\tonKeyDown: optionOnKeyDown,\n\t\tregisterOption,\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclassName={OptionsClasses}\n\t\t\tdata-anvil-component=\"OptionList\"\n\t\t\trole=\"tree\"\n\t\t\t{...props}\n\t\t>\n\t\t\t{typeof children === 'function'\n\t\t\t\t? children(optionProps)\n\t\t\t\t: getOptions(options, setInitialLevel())}\n\t\t</div>\n\t);\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OptionList.test.js","sourceRoot":"","sources":["../../../src/components/OptionList/OptionList.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,QAAQ,QACR,OAAO,EAAE;gBACR;oBACC,IAAI,EAAE,SAAS;oBACf,KAAK,EAAE,EAAE;oBACT,SAAS,EAAE,uBAAuB;iBAClC;gBACD;oBACC,IAAI,EAAE,SAAS;oBACf,KAAK,EAAE,IAAI;iBACX;gBACD;oBACC,IAAI,EAAE,WAAW;oBACjB,KAAK,EAAE,GAAG;iBACV;gBACD;oBACC,IAAI,EAAE,eAAe;oBACrB,KAAK,EAAE,GAAG;iBACV;gBACD;oBACC,IAAI,EAAE,WAAW;oBACjB,KAAK,EAAE,KAAK;iBACZ;gBACD;oBACC,IAAI,EAAE,UAAU;oBAChB,KAAK,EAAE,IAAI;iBACX;aACD,EACD,eAAe,EAAC,uBAAuB,mBACzB,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":"OptionList.test.js","sourceRoot":"","sources":["../../../src/components/OptionList/OptionList.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,QAAQ,QACR,OAAO,EAAE;gBACR;oBACC,IAAI,EAAE,SAAS;oBACf,KAAK,EAAE,EAAE;oBACT,SAAS,EAAE,uBAAuB;iBAClC;gBACD;oBACC,IAAI,EAAE,SAAS;oBACf,KAAK,EAAE,IAAI;iBACX;gBACD;oBACC,IAAI,EAAE,WAAW;oBACjB,KAAK,EAAE,GAAG;iBACV;gBACD;oBACC,IAAI,EAAE,eAAe;oBACrB,KAAK,EAAE,GAAG;iBACV;gBACD;oBACC,IAAI,EAAE,WAAW;oBACjB,KAAK,EAAE,KAAK;iBACZ;gBACD;oBACC,IAAI,EAAE,UAAU;oBAChB,KAAK,EAAE,IAAI;iBACX;aACD,EACD,eAAe,EAAC,uBAAuB,mBACzB,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 { OptionList } from './OptionList';\n\ndescribe('OptionList', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<OptionList\n\t\t\t\tmultiple\n\t\t\t\toptions={[\n\t\t\t\t\t{\n\t\t\t\t\t\ttext: 'dog.png',\n\t\t\t\t\t\tvalue: 54,\n\t\t\t\t\t\tclassName: 'singleOptionClassName',\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ttext: 'cat.jpg',\n\t\t\t\t\t\tvalue: 5444,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ttext: 'house.tif',\n\t\t\t\t\t\tvalue: 544,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ttext: 'worksheet.xls',\n\t\t\t\t\t\tvalue: 541,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ttext: 'README.md',\n\t\t\t\t\t\tvalue: 54441,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ttext: 'todo.txt',\n\t\t\t\t\t\tvalue: 5441,\n\t\t\t\t\t},\n\t\t\t\t]}\n\t\t\t\toptionClassName=\"customOptionClassName\"\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/OptionList/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/OptionList/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC","sourcesContent":["export * from './OptionList';\nexport * from './Option';\nexport { useOnExpand } from './useOnExpand';\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useOnExpand.js","sourceRoot":"","sources":["../../../src/components/OptionList/useOnExpand.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,MAAM,CAAC,MAAM,WAAW,GAAG;AAC1B,yDAAyD;AACzD,KAA+B,EAC9B,EAAE;IACH,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAExD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;IAC9D,MAAM,gBAAgB,GAAG,CAAC,IAA8B,EAAE,EAAE;QAC3D,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC;YACzB,CAAC,CAAC,cAAc,CAAC,CAAC,SAAS,EAAE,EAAE,CAC7B,CAAC,GAAG,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC,CAC7C;YACH,CAAC,CAAC,cAAc,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,GAAG,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC;QACvD,OAAO,WAAW,CAAC;IACpB,CAAC,CAAC;IAEF,OAAO,CAAC,WAAW,EAAE,gBAAgB,CAAU,CAAC;AACjD,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"useOnExpand.js","sourceRoot":"","sources":["../../../src/components/OptionList/useOnExpand.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,MAAM,CAAC,MAAM,WAAW,GAAG;AAC1B,yDAAyD;AACzD,KAA+B,EAC9B,EAAE;IACH,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAExD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;IAC9D,MAAM,gBAAgB,GAAG,CAAC,IAA8B,EAAE,EAAE;QAC3D,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC;YACzB,CAAC,CAAC,cAAc,CAAC,CAAC,SAAS,EAAE,EAAE,CAC7B,CAAC,GAAG,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC,CAC7C;YACH,CAAC,CAAC,cAAc,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,GAAG,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC;QACvD,OAAO,WAAW,CAAC;IACpB,CAAC,CAAC;IAEF,OAAO,CAAC,WAAW,EAAE,gBAAgB,CAAU,CAAC;AACjD,CAAC,CAAC","sourcesContent":["import { useState } from 'react';\nimport { OptionListProps } from '.';\n\nexport const useOnExpand = (\n\t/** Value from Option. Accepts an array of any content */\n\tvalue: OptionListProps['value']\n) => {\n\tconst getValue = Array.isArray(value) ? value : [value];\n\n\tconst [expandValue, setExpandValue] = useState([...getValue]);\n\tconst setCollapseValue = (data: OptionListProps['value']) => {\n\t\texpandValue.includes(data)\n\t\t\t? setExpandValue((prevState) =>\n\t\t\t\t\t[...prevState].filter((item) => item !== data)\n\t\t\t )\n\t\t\t: setExpandValue((prevState) => [...prevState, data]);\n\t\treturn expandValue;\n\t};\n\n\treturn [expandValue, setCollapseValue] as const;\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../src/components/Page/Page.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,cAAc,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EACN,aAAa,EAEb,KAAK,GAEL,MAAM,cAAc,CAAC;AAwCtB,MAAM,CAAC,MAAM,IAAI,GAAkB,CAAC,EAenC,EAAE,EAAE;;QAf+B,EACnC,KAAK,GAAG,QAAQ,EAChB,eAAe,GAAG,SAAS,EAC3B,QAAQ,EACR,SAAS,EACT,MAAM,EACN,WAAW,EACX,MAAM,EACN,QAAQ,GAAG,SAAS,EACpB,QAAQ,EACR,OAAO,EACP,OAAO,GAAG,SAAS,EACnB,aAAa,EACb,KAAK,OAEL,EADG,KAAK,cAd2B,gKAenC,CADQ;IAER,MAAM,WAAW,GAAG,UAAU,CAAC,MAAM,EAAE,SAAS,EAAE;QACjD,CAAC,MAAM,eAAe,EAAE,CAAC,EAAE,eAAe,KAAK,SAAS;QACxD,oBAAoB,EAAE,KAAK,KAAK,QAAQ;QACxC,kBAAkB,EAAE,OAAO,KAAK,MAAM;QACtC,eAAe,EAAE,OAAO,KAAK,SAAS;QACtC,YAAY,EAAE,QAAQ,KAAK,MAAM;QACjC,cAAc,EAAE,QAAQ,KAAK,QAAQ;QACrC,iBAAiB,EAAE,QAAQ;KAC3B,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,cAAc,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,CAAC,CAAC;IACzD,MAAM,OAAO,GAAG,cAAc,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,CAAC,CAAC;IAC/C,MAAM,aAAa,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,mCAAI,OAAO,CAAC;IAEjD,OAAO,CACN,2CAAK,SAAS,EAAE,WAAW,0BAAuB,MAAM,IAAK,KAAK;QAChE,OAAO,IAAI,6BAAK,SAAS,EAAC,eAAe,IAAE,OAAO,CAAO;QAC1D,6BAAK,SAAS,EAAC,kBAAkB;YAC/B,SAAS,IAAI,oBAAC,aAAa,oBAAK,aAAa,EAAI;YAClD,oBAAC,kBAAkB,IAClB,SAAS,EAAE,OAAO,EAClB,OAAO,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,CACtB,6BAAK,SAAS,EAAC,gBAAgB,IAAE,QAAQ,CAAO,CAChD;gBAEA,OAAO,IAAI,aAAa,KAAK,MAAM,IAAI,CACvC,oBAAC,KAAK,oBAAK,KAAK,EAAI,CACpB;gBACD,6BAAK,SAAS,EAAC,YAAY;oBACzB,MAAM,IAAI,6BAAK,SAAS,EAAC,cAAc,IAAE,MAAM,CAAO;oBACvD,6BAAK,SAAS,EAAC,eAAe,IAAE,QAAQ,CAAO,CAC1C;gBACL,OAAO,IAAI,aAAa,KAAK,OAAO,IAAI,CACxC,oBAAC,KAAK,oBAAK,KAAK,EAAI,CACpB,CACmB;YACpB,MAAM,IAAI,6BAAK,SAAS,EAAC,cAAc,IAAE,MAAM,CAAO,CAClD,CACD,CACN,CAAC;AACH,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../src/components/Page/Page.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,cAAc,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EACN,aAAa,EAEb,KAAK,GAEL,MAAM,cAAc,CAAC;AAwCtB,MAAM,CAAC,MAAM,IAAI,GAAkB,CAAC,EAenC,EAAE,EAAE;;QAf+B,EACnC,KAAK,GAAG,QAAQ,EAChB,eAAe,GAAG,SAAS,EAC3B,QAAQ,EACR,SAAS,EACT,MAAM,EACN,WAAW,EACX,MAAM,EACN,QAAQ,GAAG,SAAS,EACpB,QAAQ,EACR,OAAO,EACP,OAAO,GAAG,SAAS,EACnB,aAAa,EACb,KAAK,OAEL,EADG,KAAK,cAd2B,gKAenC,CADQ;IAER,MAAM,WAAW,GAAG,UAAU,CAAC,MAAM,EAAE,SAAS,EAAE;QACjD,CAAC,MAAM,eAAe,EAAE,CAAC,EAAE,eAAe,KAAK,SAAS;QACxD,oBAAoB,EAAE,KAAK,KAAK,QAAQ;QACxC,kBAAkB,EAAE,OAAO,KAAK,MAAM;QACtC,eAAe,EAAE,OAAO,KAAK,SAAS;QACtC,YAAY,EAAE,QAAQ,KAAK,MAAM;QACjC,cAAc,EAAE,QAAQ,KAAK,QAAQ;QACrC,iBAAiB,EAAE,QAAQ;KAC3B,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,cAAc,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,CAAC,CAAC;IACzD,MAAM,OAAO,GAAG,cAAc,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,CAAC,CAAC;IAC/C,MAAM,aAAa,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,mCAAI,OAAO,CAAC;IAEjD,OAAO,CACN,2CAAK,SAAS,EAAE,WAAW,0BAAuB,MAAM,IAAK,KAAK;QAChE,OAAO,IAAI,6BAAK,SAAS,EAAC,eAAe,IAAE,OAAO,CAAO;QAC1D,6BAAK,SAAS,EAAC,kBAAkB;YAC/B,SAAS,IAAI,oBAAC,aAAa,oBAAK,aAAa,EAAI;YAClD,oBAAC,kBAAkB,IAClB,SAAS,EAAE,OAAO,EAClB,OAAO,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,CACtB,6BAAK,SAAS,EAAC,gBAAgB,IAAE,QAAQ,CAAO,CAChD;gBAEA,OAAO,IAAI,aAAa,KAAK,MAAM,IAAI,CACvC,oBAAC,KAAK,oBAAK,KAAK,EAAI,CACpB;gBACD,6BAAK,SAAS,EAAC,YAAY;oBACzB,MAAM,IAAI,6BAAK,SAAS,EAAC,cAAc,IAAE,MAAM,CAAO;oBACvD,6BAAK,SAAS,EAAC,eAAe,IAAE,QAAQ,CAAO,CAC1C;gBACL,OAAO,IAAI,aAAa,KAAK,OAAO,IAAI,CACxC,oBAAC,KAAK,oBAAK,KAAK,EAAI,CACpB,CACmB;YACpB,MAAM,IAAI,6BAAK,SAAS,EAAC,cAAc,IAAE,MAAM,CAAO,CAClD,CACD,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { FC, isValidElement } from 'react';\nimport classnames from 'classnames';\nimport { ConditionalWrapper } from '../../utilities/ConditionalWrapper';\nimport {\n\tActionToolbar,\n\tActionToolbarProps,\n\tPanel,\n\tPanelProps,\n} from './components';\n\nexport interface PagePropsStrict {\n\t/** Aligns the content within the page */\n\talign?: 'left' | 'center';\n\n\tbackgroundColor?: 'default' | 'white' | 'neutral-0' | 'neutral-10';\n\n\t/** Adds one or more classnames for an element */\n\tclassName?: string;\n\n\t/** Header for the page */\n\theader?: React.ReactElement;\n\n\t/** Footer for the page */\n\tfooter?: React.ReactElement;\n\n\t/** Modifies the max-width of the page. Wide removes the max-width, narrow shrinks it. */\n\tmaxWidth?: 'default' | 'narrow' | 'wide';\n\n\t/** If false, a min-width is applied to the page */\n\tminWidth?: boolean;\n\n\t/** Content for an optional Sidebar */\n\tsidebar?: React.ReactElement;\n\n\t/** The padding between the page and the parent content */\n\tspacing?: 'none' | 'relaxed';\n\n\t/** ActionToolbar Props */\n\tactionToolbar?: ActionToolbarProps;\n\n\t/** Panel Props */\n\tpanel?: PanelProps;\n}\nexport interface PageProps extends PagePropsStrict {\n\t/** Unstrict Props */\n\t[propName: string]: any;\n}\n\nexport const Page: FC<PageProps> = ({\n\talign = 'center',\n\tbackgroundColor = 'default',\n\tchildren,\n\tclassName,\n\theader,\n\theaderAlign,\n\tfooter,\n\tmaxWidth = 'default',\n\tminWidth,\n\tsidebar,\n\tspacing = 'relaxed',\n\tactionToolbar,\n\tpanel,\n\t...props\n}) => {\n\tconst PageClasses = classnames('Page', className, {\n\t\t[`bg-${backgroundColor}`]: backgroundColor !== 'default',\n\t\t'Page--align-center': align === 'center',\n\t\t'Page--no-padding': spacing === 'none',\n\t\t'Page--relaxed': spacing === 'relaxed',\n\t\t'Page--wide': maxWidth === 'wide',\n\t\t'Page--narrow': maxWidth === 'narrow',\n\t\t'Page--min-width': minWidth,\n\t});\n\n\tconst isToolbar = isValidElement(actionToolbar?.content);\n\tconst isPanel = isValidElement(panel?.content);\n\tconst panelPosition = panel?.position ?? 'right';\n\n\treturn (\n\t\t<div className={PageClasses} data-anvil-component=\"Page\" {...props}>\n\t\t\t{sidebar && <div className=\"Page__sidebar\">{sidebar}</div>}\n\t\t\t<div className=\"Content__wrapper\">\n\t\t\t\t{isToolbar && <ActionToolbar {...actionToolbar} />}\n\t\t\t\t<ConditionalWrapper\n\t\t\t\t\tcondition={isPanel}\n\t\t\t\t\twrapper={(children) => (\n\t\t\t\t\t\t<div className=\"Panel__wrapper\">{children}</div>\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{isPanel && panelPosition === 'left' && (\n\t\t\t\t\t\t<Panel {...panel} />\n\t\t\t\t\t)}\n\t\t\t\t\t<div className=\"Page__page\">\n\t\t\t\t\t\t{header && <div className=\"Page__header\">{header}</div>}\n\t\t\t\t\t\t<div className=\"Page__content\">{children}</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t{isPanel && panelPosition === 'right' && (\n\t\t\t\t\t\t<Panel {...panel} />\n\t\t\t\t\t)}\n\t\t\t\t</ConditionalWrapper>\n\t\t\t\t{footer && <div className=\"Page__footer\">{footer}</div>}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Page.test.js","sourceRoot":"","sources":["../../../src/components/Page/Page.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,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,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,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,YAAY,EAAE,KAAK,EAAE,SAAS,EAAC,MAAM;gBAC3D,oBAAC,MAAM,CAAC,OAAO,IAAC,SAAS,EAAC,OAAO,iCAEhB;gBACjB,oBAAC,MAAM,CAAC,OAAO,qCAA4C,CACnD,CACH,CACP,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"Page.test.js","sourceRoot":"","sources":["../../../src/components/Page/Page.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,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,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,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,YAAY,EAAE,KAAK,EAAE,SAAS,EAAC,MAAM;gBAC3D,oBAAC,MAAM,CAAC,OAAO,IAAC,SAAS,EAAC,OAAO,iCAEhB;gBACjB,oBAAC,MAAM,CAAC,OAAO,qCAA4C,CACnD,CACH,CACP,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport { Page } from './Page';\nimport { Layout } from '../Layout';\n\ndescribe('Page', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Page data-auto-sel=\"automation-selector\">\n\t\t\t\t<Layout type=\"support\" autoSections={false} direction=\"left\">\n\t\t\t\t\t<Layout.Section className=\"p-r-5\">\n\t\t\t\t\t\tLorem ipsum dolor sit amet\n\t\t\t\t\t</Layout.Section>\n\t\t\t\t\t<Layout.Section>Lorem ipsum dolor sit amet</Layout.Section>\n\t\t\t\t</Layout>\n\t\t\t</Page>\n\t\t);\n\n\t\tconst element = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(element).not.toBeNull();\n\t});\n});\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionToolbar.js","sourceRoot":"","sources":["../../../../src/components/Page/components/ActionToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAapC,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EACrD,OAAO,EACP,MAAM,EACN,SAAS,GACT,EAAE,EAAE;IACJ,MAAM,mBAAmB,GAAG,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,KAAK,CAAC;IAE5C,MAAM,oBAAoB,GAAG,UAAU,CAAC,qBAAqB,EAAE,SAAS,EAAE;QACzE,6BAA6B,EAAE,mBAAmB;KAClD,CAAC,CAAC;IAEH,OAAO,6BAAK,SAAS,EAAE,oBAAoB,IAAG,OAAO,CAAO,CAAC;AAC9D,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"ActionToolbar.js","sourceRoot":"","sources":["../../../../src/components/Page/components/ActionToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAapC,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EACrD,OAAO,EACP,MAAM,EACN,SAAS,GACT,EAAE,EAAE;IACJ,MAAM,mBAAmB,GAAG,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,KAAK,CAAC;IAE5C,MAAM,oBAAoB,GAAG,UAAU,CAAC,qBAAqB,EAAE,SAAS,EAAE;QACzE,6BAA6B,EAAE,mBAAmB;KAClD,CAAC,CAAC;IAEH,OAAO,6BAAK,SAAS,EAAE,oBAAoB,IAAG,OAAO,CAAO,CAAC;AAC9D,CAAC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\n\nexport interface ActionToolbarProps {\n\t/** Content of the toolbar */\n\tcontent?: React.ReactElement;\n\n\t/** If true, position sticky to top */\n\tsticky?: boolean;\n\n\t/** Adds one or more classnames for an element */\n\tclassName?: string;\n}\n\nexport const ActionToolbar: FC<ActionToolbarProps> = ({\n\tcontent,\n\tsticky,\n\tclassName,\n}) => {\n\tconst actionToolbarSticky = sticky ?? false;\n\n\tconst ActionToolbarClasses = classnames('Page__actionToolbar', className, {\n\t\t'Page__actionToolbar--sticky': actionToolbarSticky,\n\t});\n\n\treturn <div className={ActionToolbarClasses}>{content}</div>;\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../../../src/components/Page/components/Panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAqBpC,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,EACrC,OAAO,EACP,QAAQ,EACR,SAAS,EACT,SAAS,EACT,KAAK,EACL,IAAI,GAAG,IAAI,GACX,EAAE,EAAE;;IACJ,MAAM,cAAc,GAAG,UAAU,CAAC,gBAAgB,EAAE,SAAS,EAAE;QAC9D,2BAA2B,EAAE,SAAS;KACtC,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,EAAE,SAAS,EAAE;QACnD,aAAa,EAAE,QAAQ,KAAK,MAAM;QAClC,aAAa,EAAE,IAAI;KACnB,CAAC,CAAC;IAEH,OAAO,CACN,6BACC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,IAAI,CAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,mCAAI,OAAO,CAAC,EAAE,EACnD,SAAS,EAAE,YAAY;QAEvB,6BACC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,mCAAI,OAAO,EAAE,EACzC,SAAS,EAAE,cAAc,IAExB,OAAO,CACH,CACD,CACN,CAAC;AACH,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../../../src/components/Page/components/Panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAqBpC,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,EACrC,OAAO,EACP,QAAQ,EACR,SAAS,EACT,SAAS,EACT,KAAK,EACL,IAAI,GAAG,IAAI,GACX,EAAE,EAAE;;IACJ,MAAM,cAAc,GAAG,UAAU,CAAC,gBAAgB,EAAE,SAAS,EAAE;QAC9D,2BAA2B,EAAE,SAAS;KACtC,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,EAAE,SAAS,EAAE;QACnD,aAAa,EAAE,QAAQ,KAAK,MAAM;QAClC,aAAa,EAAE,IAAI;KACnB,CAAC,CAAC;IAEH,OAAO,CACN,6BACC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,IAAI,CAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,mCAAI,OAAO,CAAC,EAAE,EACnD,SAAS,EAAE,YAAY;QAEvB,6BACC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,mCAAI,OAAO,EAAE,EACzC,SAAS,EAAE,cAAc,IAExB,OAAO,CACH,CACD,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\n\nexport interface PanelProps {\n\t/** Content of the toolbar */\n\tcontent?: React.ReactElement;\n\n\t/** Position of the panel on the Page */\n\tposition?: 'left' | 'right';\n\n\t/** Adds one or more classnames for an element */\n\tclassName?: string;\n\n\t/** If false, panel is hidden */\n\topen?: boolean;\n\n\t/** If true, it will remove initial padding of the container */\n\tnoPadding?: boolean;\n\n\tstyle?: React.CSSProperties;\n}\n\nexport const Panel: FC<PanelProps> = ({\n\tcontent,\n\tposition,\n\tclassName,\n\tnoPadding,\n\tstyle,\n\topen = true,\n}) => {\n\tconst contentClasses = classnames('Panel__content', className, {\n\t\t'Panel__content--noPadding': noPadding,\n\t});\n\n\tconst panelClasses = classnames('Panel', className, {\n\t\t'Panel--left': position === 'left',\n\t\t'Panel--open': open,\n\t});\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{ width: open && (style?.width ?? '340px') }}\n\t\t\tclassName={panelClasses}\n\t\t>\n\t\t\t<div\n\t\t\t\tstyle={{ width: style?.width ?? '340px' }}\n\t\t\t\tclassName={contentClasses}\n\t\t\t>\n\t\t\t\t{content}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Page/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Page/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC","sourcesContent":["export * from './ActionToolbar';\nexport * from './Panel';\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Page/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Page/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC","sourcesContent":["export * from './Page';\n"]}
|
|
@@ -55,6 +55,8 @@ export interface PopoverPropsStrict {
|
|
|
55
55
|
focusTrapOptions?: UseFocusTrapProps;
|
|
56
56
|
/** offset ammount between Popover and trigger */
|
|
57
57
|
offset?: PopperProps['offset'];
|
|
58
|
+
/** Props to be passed to the portaled div */
|
|
59
|
+
portalDataAttributes?: PopperProps['portalDataAttributes'];
|
|
58
60
|
}
|
|
59
61
|
export interface PopoverProps extends PopoverPropsStrict {
|
|
60
62
|
/** Unstrict Props */
|
|
@@ -14,7 +14,7 @@ import { Popper } from '../../internal/Popper';
|
|
|
14
14
|
import classnames from 'classnames';
|
|
15
15
|
import { PopoverContent, PopoverDivider, PopoverFooter, PopoverHeader, } from './components';
|
|
16
16
|
export const Popover = React.forwardRef((_a, ref) => {
|
|
17
|
-
var { width = 's', padding = 'm', portal = false, children, className, contentNoPadding, footer, footerAlign, header, headerAlign, headerNoPadding, popoverContentClassName, scrollHeight, sharp, wrapperClassName, open, focusTrapOptions = { disabled: true }, offset = { skidding: 0, distance: 4 } } = _a, props = __rest(_a, ["width", "padding", "portal", "children", "className", "contentNoPadding", "footer", "footerAlign", "header", "headerAlign", "headerNoPadding", "popoverContentClassName", "scrollHeight", "sharp", "wrapperClassName", "open", "focusTrapOptions", "offset"]);
|
|
17
|
+
var { width = 's', padding = 'm', portal = false, children, className, contentNoPadding, footer, footerAlign, header, headerAlign, headerNoPadding, popoverContentClassName, scrollHeight, sharp, wrapperClassName, open, focusTrapOptions = { disabled: true }, offset = { skidding: 0, distance: 4 }, portalDataAttributes } = _a, props = __rest(_a, ["width", "padding", "portal", "children", "className", "contentNoPadding", "footer", "footerAlign", "header", "headerAlign", "headerNoPadding", "popoverContentClassName", "scrollHeight", "sharp", "wrapperClassName", "open", "focusTrapOptions", "offset", "portalDataAttributes"]);
|
|
18
18
|
const PopoverBaseWidth = 16;
|
|
19
19
|
const widthSwitch = () => {
|
|
20
20
|
switch (width) {
|
|
@@ -43,7 +43,7 @@ export const Popover = React.forwardRef((_a, ref) => {
|
|
|
43
43
|
'Popover--portal': portal,
|
|
44
44
|
'Popover--open': open,
|
|
45
45
|
});
|
|
46
|
-
return (React.createElement(Popper, Object.assign({ className: PopoverClasses, bodyClassName: PopoverBodyClasses, width: widthSwitch(), portal: portal, ref: ref, open: open, offset: offset, focusTrapOptions: focusTrapOptions, "data-anvil-component": "Popover", "data-portal-popover": open && portal ? 'open' : undefined }, props),
|
|
46
|
+
return (React.createElement(Popper, Object.assign({ className: PopoverClasses, bodyClassName: PopoverBodyClasses, width: widthSwitch(), portal: portal, ref: ref, open: open, offset: offset, focusTrapOptions: focusTrapOptions, "data-anvil-component": "Popover", "data-portal-popover": open && portal ? 'open' : undefined, portalDataAttributes: portalDataAttributes }, props),
|
|
47
47
|
header && (React.createElement(PopoverHeader, { noPadding: headerNoPadding, align: headerAlign }, header)),
|
|
48
48
|
React.createElement(PopoverContent, { contentScrollHeight: scrollHeight, noPadding: contentNoPadding, className: popoverContentClassName }, children),
|
|
49
49
|
footer && (React.createElement(PopoverFooter, { align: footerAlign }, footer))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,MAAM,EAAe,MAAM,uBAAuB,CAAC;AAC5D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EACN,cAAc,EAEd,cAAc,EACd,aAAa,EAEb,aAAa,GAEb,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { ForwardRefExoticComponent } from 'react';\nimport { Popper, PopperProps } from '../../internal/Popper';\nimport classnames from 'classnames';\nimport {\n\tPopoverContent,\n\tPopoverContentProps,\n\tPopoverDivider,\n\tPopoverFooter,\n\tPopoverFooterProps,\n\tPopoverHeader,\n\tPopoverHeaderProps,\n} from './components';\nimport { UseFocusTrapProps } from '../../hooks/useFocusTrap';\n\nexport interface PopoverPropsStrict {\n\t/** If there isn't enough space on the screen the Popover will be repositioned to the opposite side of the anchor */\n\tautoFlipHorizontally?: boolean;\n\n\t/** If there isn't enough space on the screen the Popover will be repositioned to the opposite side of the anchor */\n\tautoFlipVertically?: boolean;\n\n\t/** Adds one or more classnames for Popover's overlay element */\n\tclassName?: string;\n\n\t/** Popover direction relative to the element its apart of */\n\tdirection?:\n\t\t| 't'\n\t\t| 'tr'\n\t\t| 'tl'\n\t\t| 'r'\n\t\t| 'rt'\n\t\t| 'rb'\n\t\t| 'b'\n\t\t| 'br'\n\t\t| 'bl'\n\t\t| 'l'\n\t\t| 'lt'\n\t\t| 'lb'\n\t\t| 'c';\n\n\t/** Change the HTML element of the Popover's source element */\n\tel?: 'span' | 'div';\n\n\t/** Footer for the popover */\n\tfooter?: React.ReactElement;\n\n\t/** Basic alignment for footer */\n\tfooterAlign?: PopoverFooterProps['align'];\n\n\t/** Header for the popover */\n\theader?: React.ReactElement | string;\n\n\t/** Basic alignment for header */\n\theaderAlign?: PopoverHeaderProps['align'];\n\n\t/** Basic alignment for header */\n\theaderNoPadding?: PopoverHeaderProps['noPadding'];\n\n\t/** Whether the Popover is open or not */\n\topen?: boolean;\n\n\t/**\n\t * *Warning* Only works when portal={true}\n\t * A handler that is called on every click on any element outside of the anchor element and the stick node\n\t */\n\tonClickOutside?: () => void;\n\n\t/** Define the overall padding of the popover */\n\tpadding?: 's' | 'm' | 'l' | null;\n\n\t/** Adds classnames to Popover's content wrapper */\n\tpopoverContentClassName?: string;\n\n\t/**\n\t * Renders Popover on document root through createPortal.\n\t * Effectively prevents Popover from being clipped by the boundaries of any container.\n\t */\n\tportal?: boolean;\n\n\t/** Removes the padding content around the Popover content */\n\tcontentNoPadding?: PopoverContentProps['noPadding'];\n\n\t/** Add a specific max-height value to the popover body */\n\tscrollHeight?: PopoverContentProps['contentScrollHeight'];\n\n\t/** Makes corners less rounded */\n\tsharp?: boolean;\n\n\t/** Element wrapped around Popover */\n\ttrigger?: React.ReactNode;\n\n\t/** Define the width property of the popover */\n\twidth?: 'xs' | 's' | 'm' | 'l' | '100' | 'auto';\n\n\t/** Adds one or more classnames to Popover's source element */\n\twrapperClassName?: string;\n\n\t/** Options passed into useFocusTrap */\n\tfocusTrapOptions?: UseFocusTrapProps;\n\n\t/** offset ammount between Popover and trigger */\n\toffset?: PopperProps['offset'];\n\n\t/** Props to be passed to the portaled div */\n\tportalDataAttributes?: PopperProps['portalDataAttributes'];\n}\n\nexport interface PopoverProps extends PopoverPropsStrict {\n\t/** Unstrict Props */\n\t[propName: string]: any;\n}\n\nexport interface Popover extends ForwardRefExoticComponent<PopoverProps> {\n\tHeader: typeof PopoverHeader;\n\tFooter: typeof PopoverFooter;\n\tContent: typeof PopoverContent;\n\tDivider: typeof PopoverDivider;\n}\n\nexport const Popover: Popover = React.forwardRef(\n\t(\n\t\t{\n\t\t\twidth = 's',\n\t\t\tpadding = 'm',\n\t\t\tportal = false,\n\t\t\tchildren,\n\t\t\tclassName,\n\t\t\tcontentNoPadding,\n\t\t\tfooter,\n\t\t\tfooterAlign,\n\t\t\theader,\n\t\t\theaderAlign,\n\t\t\theaderNoPadding,\n\t\t\tpopoverContentClassName,\n\t\t\tscrollHeight,\n\t\t\tsharp,\n\t\t\twrapperClassName,\n\t\t\topen,\n\t\t\tfocusTrapOptions = { disabled: true },\n\t\t\toffset = { skidding: 0, distance: 4 },\n\t\t\tportalDataAttributes,\n\t\t\t...props\n\t\t},\n\t\tref: React.RefObject<any>\n\t) => {\n\t\tconst PopoverBaseWidth = 16;\n\n\t\tconst widthSwitch = () => {\n\t\t\tswitch (width) {\n\t\t\t\tcase 'l':\n\t\t\t\t\treturn PopoverBaseWidth * 40;\n\t\t\t\tcase 'm':\n\t\t\t\t\treturn PopoverBaseWidth * 32;\n\t\t\t\tcase 's':\n\t\t\t\t\treturn PopoverBaseWidth * 20;\n\t\t\t\tcase 'xs':\n\t\t\t\t\treturn PopoverBaseWidth * 12;\n\t\t\t\tcase '100':\n\t\t\t\t\treturn `100`;\n\t\t\t\tdefault:\n\t\t\t\t\treturn `auto`;\n\t\t\t}\n\t\t};\n\n\t\tconst PopoverBodyClasses = classnames('Popover__body', className, {\n\t\t\t[`Popover--p-${padding}`]: padding,\n\t\t\t[`Popover--w-auto`]: width === 'auto',\n\t\t\t'Popover__body--sharp': sharp,\n\t\t\t'Popover__body--portal': portal,\n\t\t\t'Popover__body--open': open,\n\t\t});\n\n\t\tconst PopoverClasses = classnames('Popover', wrapperClassName, {\n\t\t\t'Popover--portal': portal,\n\t\t\t'Popover--open': open,\n\t\t});\n\n\t\treturn (\n\t\t\t<Popper\n\t\t\t\tclassName={PopoverClasses}\n\t\t\t\tbodyClassName={PopoverBodyClasses}\n\t\t\t\twidth={widthSwitch()}\n\t\t\t\tportal={portal}\n\t\t\t\tref={ref}\n\t\t\t\topen={open}\n\t\t\t\toffset={offset}\n\t\t\t\tfocusTrapOptions={focusTrapOptions}\n\t\t\t\tdata-anvil-component=\"Popover\"\n\t\t\t\tdata-portal-popover={open && portal ? 'open' : undefined}\n\t\t\t\tportalDataAttributes={portalDataAttributes}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{header && (\n\t\t\t\t\t<PopoverHeader\n\t\t\t\t\t\tnoPadding={headerNoPadding}\n\t\t\t\t\t\talign={headerAlign}\n\t\t\t\t\t>\n\t\t\t\t\t\t{header}\n\t\t\t\t\t</PopoverHeader>\n\t\t\t\t)}\n\t\t\t\t<PopoverContent\n\t\t\t\t\tcontentScrollHeight={scrollHeight}\n\t\t\t\t\tnoPadding={contentNoPadding}\n\t\t\t\t\tclassName={popoverContentClassName}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</PopoverContent>\n\t\t\t\t{footer && (\n\t\t\t\t\t<PopoverFooter align={footerAlign}>{footer}</PopoverFooter>\n\t\t\t\t)}\n\t\t\t</Popper>\n\t\t);\n\t}\n) as Popover;\n\nPopover.Header = PopoverHeader;\nPopover.Footer = PopoverFooter;\nPopover.Content = PopoverContent;\nPopover.Divider = PopoverDivider;\n"]}
|
|
@@ -78,5 +78,14 @@ describe('Popover', () => {
|
|
|
78
78
|
const element = container.querySelector('[data-auto-sel="automation-selector"]');
|
|
79
79
|
expect(element).not.toBeNull();
|
|
80
80
|
});
|
|
81
|
+
it('should pass data automation attributes to portal', () => {
|
|
82
|
+
const { container, baseElement } = render(React.createElement(Popover, { portal: true, popperClassName: "popperClassName", open: true, direction: "br", trigger: React.createElement(Button, null, "Toggle Popover"), portalDataAttributes: {
|
|
83
|
+
'data-auto-sel': 'automation-selector',
|
|
84
|
+
} }, "This is a Popover"));
|
|
85
|
+
const nonPortalElement = container.querySelector('[data-auto-sel="automation-selector"]');
|
|
86
|
+
const portalElement = baseElement.querySelector('[data-auto-sel="automation-selector"]');
|
|
87
|
+
expect(nonPortalElement).toBeNull();
|
|
88
|
+
expect(portalElement).not.toBeNull();
|
|
89
|
+
});
|
|
81
90
|
});
|
|
82
91
|
//# sourceMappingURL=Popover.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.test.js","sourceRoot":"","sources":["../../../src/components/Popover/Popover.test.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Popover.test.js","sourceRoot":"","sources":["../../../src/components/Popover/Popover.test.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { render, screen, waitFor } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\n\nimport { Button, Popover } from '../';\n\n(window as any).ResizeObserver = class ResizeObserver {\n\tobserve() {}\n\tdisconnect() {}\n};\n\nconst NestedPortalPopovers = () => {\n\tconst PopoverButton = (props: any) => {\n\t\tconst [open, setOpen] = React.useState(false);\n\n\t\treturn (\n\t\t\t<Popover\n\t\t\t\tdirection=\"r\"\n\t\t\t\tonClickOutside={() => setOpen(false)}\n\t\t\t\topen={open}\n\t\t\t\tportal\n\t\t\t\ttrigger={\n\t\t\t\t\t<Button\n\t\t\t\t\t\tel=\"span\"\n\t\t\t\t\t\tonClick={() => setOpen(true)}\n\t\t\t\t\t\tclassName={props.className}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props.text}\n\t\t\t\t\t</Button>\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t<div className=\"d-ib\">{props.children}</div>\n\t\t\t</Popover>\n\t\t);\n\t};\n\n\treturn (\n\t\t<div className=\"d-ib\">\n\t\t\t<PopoverButton className=\"btn1\" text=\"Button1\">\n\t\t\t\t<PopoverButton className=\"btn2\" text=\"Button2\">\n\t\t\t\t\t<PopoverButton className=\"btn3\" text=\"Button3\">\n\t\t\t\t\t\t<i>Test</i>. Most deeply nested popover.\n\t\t\t\t\t</PopoverButton>\n\t\t\t\t</PopoverButton>\n\t\t\t</PopoverButton>\n\t\t\t<Button className=\"btn0 m-y-1\">Button</Button>\n\t\t</div>\n\t);\n};\n\ndescribe('test nested portaled Popovers for onClickOutside() suppression', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tconst user = userEvent.setup();\n\n\tit('one nested popover should be closed per click', async () => {\n\t\trender(<NestedPortalPopovers />);\n\t\tconst { queryByText: query } = screen;\n\n\t\texpect(query('Button')).not.toBeNull(); // Button which is outside all popovers\n\t\texpect(query('Button1')).not.toBeNull();\n\t\texpect(query('Button2')).toBeNull();\n\t\texpect(query('Button3')).toBeNull();\n\t\texpect(query('Test')).toBeNull(); // Element inside most deeply nested popover\n\n\t\tawait user.click(query('Button1')); // Open popover1\n\t\tawait waitFor(() => {});\n\t\texpect(query('Button2')).not.toBeNull(); // Popover1 is open\n\t\texpect(query('Button3')).toBeNull();\n\n\t\tawait user.click(query('Button2')); // Open popover2\n\t\tawait waitFor(() => {});\n\t\texpect(query('Button3')).not.toBeNull(); // Popover2 is open\n\t\texpect(query('Test')).toBeNull();\n\n\t\tawait user.click(query('Button3')); // Open popover3\n\t\tawait waitFor(() => {});\n\t\texpect(query('Test')).not.toBeNull(); // Popover3 is open\n\n\t\tawait user.click(query('Button')); // Should close popover3 only\n\t\tawait waitFor(() => {});\n\t\texpect(query('Button1')).not.toBeNull();\n\t\texpect(query('Button2')).not.toBeNull();\n\t\texpect(query('Button3')).not.toBeNull();\n\t\texpect(query('Test2')).toBeNull(); // Popover3 is closed\n\n\t\tawait user.click(query('Button')); // Should close popover2 only\n\t\tawait waitFor(() => {});\n\t\texpect(query('Button1')).not.toBeNull();\n\t\texpect(query('Button2')).not.toBeNull();\n\t\texpect(query('Button3')).toBeNull(); // Test popover2 is closed\n\t\texpect(query('Test')).toBeNull();\n\n\t\tawait user.click(query('Button')); // Should close popover1 only\n\t\tawait waitFor(() => {});\n\t\texpect(query('Button1')).not.toBeNull();\n\t\texpect(query('Button2')).toBeNull(); // Popover1 is closed\n\t\texpect(query('Button3')).toBeNull();\n\t\texpect(query('Test')).toBeNull();\n\t});\n});\n\ndescribe('Popover', () => {\n\tbeforeEach(() => jest.spyOn(console, 'error'));\n\n\tit('should pass through data automation attributes', () => {\n\t\tconst { container } = render(\n\t\t\t<Popover\n\t\t\t\tportal\n\t\t\t\tpopperClassName=\"popperClassName\"\n\t\t\t\topen\n\t\t\t\tdirection=\"br\"\n\t\t\t\ttrigger={<Button>Toggle Popover</Button>}\n\t\t\t\tdata-auto-sel=\"automation-selector\"\n\t\t\t>\n\t\t\t\tThis is a Popover\n\t\t\t</Popover>\n\t\t);\n\n\t\tconst element = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(element).not.toBeNull();\n\t});\n\n\tit('should pass data automation attributes to portal', () => {\n\t\tconst { container, baseElement } = render(\n\t\t\t<Popover\n\t\t\t\tportal\n\t\t\t\tpopperClassName=\"popperClassName\"\n\t\t\t\topen\n\t\t\t\tdirection=\"br\"\n\t\t\t\ttrigger={<Button>Toggle Popover</Button>}\n\t\t\t\tportalDataAttributes={{\n\t\t\t\t\t'data-auto-sel': 'automation-selector',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\tThis is a Popover\n\t\t\t</Popover>\n\t\t);\n\n\t\tconst nonPortalElement = container.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\t\tconst portalElement = baseElement.querySelector(\n\t\t\t'[data-auto-sel=\"automation-selector\"]'\n\t\t);\n\n\t\texpect(nonPortalElement).toBeNull();\n\t\texpect(portalElement).not.toBeNull();\n\t});\n});\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components.js","sourceRoot":"","sources":["../../../src/components/Popover/components.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAmBvC,MAAM,CAAC,MAAM,cAAc,GAA4B,KAAK,CAAC,UAAU,CACtE,CACC,EAAE,QAAQ,EAAE,SAAS,EAAE,mBAAmB,EAAE,SAAS,EAAE,SAAS,EAAE,EAClE,GAAoC,EACnC,EAAE;IACH,MAAM,wBAAwB,GAAG,UAAU,CAC1C,kBAAkB,EAClB,SAAS,EACT;QACC,6BAA6B,EAAE,SAAS;KACxC,CACD,CAAC;IACF,OAAO,CACN,6BACC,KAAK,EAAE,EAAE,SAAS,EAAE,mBAAmB,EAAE,EACzC,SAAS,EAAE,wBAAwB,EACnC,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,IAEP,QAAQ,CACJ,CACN,CAAC;AACH,CAAC,CACD,CAAC;AAMF,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EAKrD,EAAE,EAAE;QALiD,EACrD,KAAK,GAAG,MAAM,EACd,QAAQ,EACR,SAAS,OAET,EADG,KAAK,cAJ6C,kCAKrD,CADQ;IAER,MAAM,uBAAuB,GAAG,UAAU,CAAC,iBAAiB,EAAE,SAAS,EAAE;QACxE,uBAAuB,EAAE,KAAK,KAAK,MAAM;QACzC,wBAAwB,EAAE,KAAK,KAAK,QAAQ;QAC5C,qBAAqB,EAAE,KAAK,KAAK,OAAO;QACxC,yBAAyB,EAAE,KAAK,KAAK,eAAe;KACpD,CAAC,CAAC;IACH,OAAO,CACN,2CAAK,SAAS,EAAE,uBAAuB,IAAM,KAAK,GAChD,QAAQ,CACJ,CACN,CAAC;AACH,CAAC,CAAC;AAYF,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EAMrD,EAAE,EAAE;QANiD,EACrD,KAAK,GAAG,MAAM,EACd,QAAQ,EACR,SAAS,EACT,SAAS,OAET,EADG,KAAK,cAL6C,+CAMrD,CADQ;IAER,MAAM,uBAAuB,GAAG,UAAU,CAAC,iBAAiB,EAAE,SAAS,EAAE;QACxE,uBAAuB,EAAE,KAAK,KAAK,MAAM;QACzC,wBAAwB,EAAE,KAAK,KAAK,QAAQ;QAC5C,qBAAqB,EAAE,KAAK,KAAK,OAAO;QACxC,yBAAyB,EAAE,KAAK,KAAK,eAAe;QACpD,4BAA4B,EAAE,SAAS;KACvC,CAAC,CAAC;IACH,OAAO,CACN,oBAAC,QAAQ,kBAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,uBAAuB,IAAM,KAAK,GAClE,QAAQ,CACC,CACX,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,6BAAK,SAAS,EAAC,kBAAkB,GAAG,CAAC"}
|
|
1
|
+
{"version":3,"file":"components.js","sourceRoot":"","sources":["../../../src/components/Popover/components.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAmBvC,MAAM,CAAC,MAAM,cAAc,GAA4B,KAAK,CAAC,UAAU,CACtE,CACC,EAAE,QAAQ,EAAE,SAAS,EAAE,mBAAmB,EAAE,SAAS,EAAE,SAAS,EAAE,EAClE,GAAoC,EACnC,EAAE;IACH,MAAM,wBAAwB,GAAG,UAAU,CAC1C,kBAAkB,EAClB,SAAS,EACT;QACC,6BAA6B,EAAE,SAAS;KACxC,CACD,CAAC;IACF,OAAO,CACN,6BACC,KAAK,EAAE,EAAE,SAAS,EAAE,mBAAmB,EAAE,EACzC,SAAS,EAAE,wBAAwB,EACnC,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,IAEP,QAAQ,CACJ,CACN,CAAC;AACH,CAAC,CACD,CAAC;AAMF,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EAKrD,EAAE,EAAE;QALiD,EACrD,KAAK,GAAG,MAAM,EACd,QAAQ,EACR,SAAS,OAET,EADG,KAAK,cAJ6C,kCAKrD,CADQ;IAER,MAAM,uBAAuB,GAAG,UAAU,CAAC,iBAAiB,EAAE,SAAS,EAAE;QACxE,uBAAuB,EAAE,KAAK,KAAK,MAAM;QACzC,wBAAwB,EAAE,KAAK,KAAK,QAAQ;QAC5C,qBAAqB,EAAE,KAAK,KAAK,OAAO;QACxC,yBAAyB,EAAE,KAAK,KAAK,eAAe;KACpD,CAAC,CAAC;IACH,OAAO,CACN,2CAAK,SAAS,EAAE,uBAAuB,IAAM,KAAK,GAChD,QAAQ,CACJ,CACN,CAAC;AACH,CAAC,CAAC;AAYF,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EAMrD,EAAE,EAAE;QANiD,EACrD,KAAK,GAAG,MAAM,EACd,QAAQ,EACR,SAAS,EACT,SAAS,OAET,EADG,KAAK,cAL6C,+CAMrD,CADQ;IAER,MAAM,uBAAuB,GAAG,UAAU,CAAC,iBAAiB,EAAE,SAAS,EAAE;QACxE,uBAAuB,EAAE,KAAK,KAAK,MAAM;QACzC,wBAAwB,EAAE,KAAK,KAAK,QAAQ;QAC5C,qBAAqB,EAAE,KAAK,KAAK,OAAO;QACxC,yBAAyB,EAAE,KAAK,KAAK,eAAe;QACpD,4BAA4B,EAAE,SAAS;KACvC,CAAC,CAAC;IACH,OAAO,CACN,oBAAC,QAAQ,kBAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,uBAAuB,IAAM,KAAK,GAClE,QAAQ,CACC,CACX,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,6BAAK,SAAS,EAAC,kBAAkB,GAAG,CAAC","sourcesContent":["import React, { FC } from 'react';\nimport classnames from 'classnames';\nimport { JustifyProps } from '../../utilities/justify-props';\nimport { Headline } from '../Headline';\n\nexport interface PopoverContentPropsStrict {\n\t/** Add class attribute */\n\tclassName?: string;\n\n\t/** Add a specific max-height value to the popover body */\n\tcontentScrollHeight?: string;\n\n\t/** Removes content padding. For full-width backgrounds */\n\tnoPadding?: boolean;\n\n\tonKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;\n}\n\nexport interface PopoverContentProps extends PopoverContentPropsStrict {\n\t[propName: string]: any;\n}\n\nexport const PopoverContent: FC<PopoverContentProps> = React.forwardRef(\n\t(\n\t\t{ children, className, contentScrollHeight, noPadding, onKeyDown },\n\t\tref: React.RefObject<HTMLDivElement>\n\t) => {\n\t\tconst PopoverContentClassNames = classnames(\n\t\t\t'Popover__content',\n\t\t\tclassName,\n\t\t\t{\n\t\t\t\t'Popover__content--nopadding': noPadding,\n\t\t\t}\n\t\t);\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{ maxHeight: contentScrollHeight }}\n\t\t\t\tclassName={PopoverContentClassNames}\n\t\t\t\tonKeyDown={onKeyDown}\n\t\t\t\tref={ref}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t}\n);\n\nexport interface PopoverFooterProps extends PopoverContentProps {\n\talign?: JustifyProps;\n}\n\nexport const PopoverFooter: FC<PopoverFooterProps> = ({\n\talign = 'left',\n\tchildren,\n\tclassName,\n\t...props\n}) => {\n\tconst PopoverFooterClassNames = classnames('Popover__footer', className, {\n\t\t'justify-content-start': align === 'left',\n\t\t'justify-content-center': align === 'center',\n\t\t'justify-content-end': align === 'right',\n\t\t'justify-content-between': align === 'space-between',\n\t});\n\treturn (\n\t\t<div className={PopoverFooterClassNames} {...props}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n\nexport interface PopoverHeaderProps {\n\talign?: JustifyProps;\n\n\t/** Add class attribute */\n\tclassName?: string;\n\n\t/** Removes header padding. For full-width/height backgrounds */\n\tnoPadding?: boolean;\n}\n\nexport const PopoverHeader: FC<PopoverHeaderProps> = ({\n\talign = 'left',\n\tchildren,\n\tclassName,\n\tnoPadding,\n\t...props\n}) => {\n\tconst PopoverHeaderClassNames = classnames('Popover__header', className, {\n\t\t'justify-content-start': align === 'left',\n\t\t'justify-content-center': align === 'center',\n\t\t'justify-content-end': align === 'right',\n\t\t'justify-content-between': align === 'space-between',\n\t\t'Popover__header--nopadding': noPadding,\n\t});\n\treturn (\n\t\t<Headline size=\"small\" className={PopoverHeaderClassNames} {...props}>\n\t\t\t{children}\n\t\t</Headline>\n\t);\n};\n\nexport const PopoverDivider = () => <div className=\"Popover__divider\" />;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Popover/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Popover/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC","sourcesContent":["export * from './Popover';\n"]}
|