@servicetitan/design-system 13.3.1 → 14.0.0-react18.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ActionMenu/ActionMenu.css +29 -21
- package/dist/components/ActionMenu/ActionMenu.css.map +1 -1
- package/dist/components/ActionMenu/ActionMenu.d.ts +7 -3
- package/dist/components/ActionMenu/ActionMenu.js +46 -3
- package/dist/components/ActionMenu/ActionMenu.js.map +1 -1
- package/dist/components/ActionMenu/ActionMenu.stories.d.ts +41 -0
- package/dist/components/ActionMenu/ActionMenu.stories.js +250 -0
- package/dist/components/ActionMenu/ActionMenu.stories.js.map +1 -0
- package/dist/components/ActionMenu/ActionMenuItem.js +2 -5
- package/dist/components/ActionMenu/ActionMenuItem.js.map +1 -1
- package/dist/components/ActionMenu/index.css +29 -21
- package/dist/components/ActionMenu/index.css.map +1 -1
- package/dist/components/ActionMenu/useLatestEvent.d.ts +2 -0
- package/dist/components/ActionMenu/useLatestEvent.js +20 -0
- package/dist/components/ActionMenu/useLatestEvent.js.map +1 -0
- package/dist/components/AnvilSelect/AnvilSelect.d.ts +2 -1
- package/dist/components/AnvilSelect/AnvilSelect.js +17 -41
- package/dist/components/AnvilSelect/AnvilSelect.js.map +1 -1
- package/dist/components/AnvilSelect/components/FocusProvider.d.ts +2 -1
- package/dist/components/AnvilSelect/components/FocusProvider.js.map +1 -1
- package/dist/components/AnvilSelect/components/SelectFooter.js +6 -6
- package/dist/components/AnvilSelect/components/SelectFooter.js.map +1 -1
- package/dist/components/AnvilSelect/components/Trigger.js +2 -0
- package/dist/components/AnvilSelect/components/Trigger.js.map +1 -1
- package/dist/components/AnvilSelect/utils/focus-utils.d.ts +0 -3
- package/dist/components/AnvilSelect/utils/focus-utils.js +1 -19
- package/dist/components/AnvilSelect/utils/focus-utils.js.map +1 -1
- package/dist/components/BodyText/BodyText.js +2 -2
- package/dist/components/BodyText/BodyText.js.map +1 -1
- package/dist/components/BreakPoint/BreakPoint.d.ts +2 -1
- package/dist/components/BreakPoint/BreakPoint.js.map +1 -1
- package/dist/components/Button/Button.js +2 -10
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/ButtonToggle/ButtonToggle.d.ts +1 -1
- package/dist/components/ButtonToggle/ButtonToggle.js +11 -1
- package/dist/components/ButtonToggle/ButtonToggle.js.map +1 -1
- package/dist/components/ButtonToggle/ButtonToggleItem.js +1 -1
- package/dist/components/ButtonToggle/ButtonToggleItem.js.map +1 -1
- package/dist/components/Collapsible/Collapsible.js +1 -1
- package/dist/components/Collapsible/Collapsible.js.map +1 -1
- package/dist/components/ColorPicker/ColorPicker.css +6 -4
- package/dist/components/ColorPicker/ColorPicker.css.map +1 -1
- package/dist/components/ColorPicker/ColorPicker.d.ts +1 -7
- package/dist/components/ColorPicker/ColorPicker.js +14 -27
- package/dist/components/ColorPicker/ColorPicker.js.map +1 -1
- package/dist/components/ColorPicker/index.css +6 -4
- package/dist/components/ColorPicker/index.css.map +1 -1
- package/dist/components/DataList/DataList.js +1 -1
- package/dist/components/DataList/DataList.js.map +1 -1
- package/dist/components/DataList/DataListCell.d.ts +1 -1
- package/dist/components/DataList/DataListCell.js +2 -3
- package/dist/components/DataList/DataListCell.js.map +1 -1
- package/dist/components/DataList/DataListHeaderCell.d.ts +1 -0
- package/dist/components/DataList/DataListHeaderCell.js.map +1 -1
- package/dist/components/DatePicker/InputDateMask.js +2 -2
- package/dist/components/DatePicker/InputDateMask.js.map +1 -1
- package/dist/components/DateRangePicker/components/DateRangeInput.js +1 -1
- package/dist/components/DateRangePicker/components/DateRangeInput.js.map +1 -1
- package/dist/components/Dialog/Dialog.d.ts +1 -0
- package/dist/components/Dialog/Dialog.js.map +1 -1
- package/dist/components/Drawer/Drawer.d.ts +1 -0
- package/dist/components/Drawer/Drawer.js.map +1 -1
- package/dist/components/Dropdown/Dropdown.d.ts +2 -1
- package/dist/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/components/FlowCard/FlowCard.d.ts +2 -1
- package/dist/components/FlowCard/FlowCard.js.map +1 -1
- package/dist/components/FormControls/FormAnvilSelect.d.ts +1 -1
- package/dist/components/FormControls/FormAnvilSelect.js.map +1 -1
- package/dist/components/FormControls/FormInput.d.ts +1 -1
- package/dist/components/FormField/FormField.js +4 -5
- package/dist/components/FormField/FormField.js.map +1 -1
- package/dist/components/Input/Input.d.ts +1 -0
- package/dist/components/Input/Input.js.map +1 -1
- package/dist/components/Modal/Modal.js +4 -5
- package/dist/components/Modal/Modal.js.map +1 -1
- package/dist/components/Modal/components.d.ts +1 -0
- package/dist/components/Modal/components.js.map +1 -1
- package/dist/components/OptionList/OptionList.d.ts +2 -0
- package/dist/components/OptionList/OptionList.js +6 -2
- package/dist/components/OptionList/OptionList.js.map +1 -1
- package/dist/components/Popover/Popover.d.ts +2 -1
- package/dist/components/Popover/Popover.js.map +1 -1
- package/dist/components/Popover/components.d.ts +2 -0
- package/dist/components/Popover/components.js.map +1 -1
- package/dist/components/SideNav/SideNav.d.ts +1 -0
- package/dist/components/SideNav/SideNav.js +20 -5
- package/dist/components/SideNav/SideNav.js.map +1 -1
- package/dist/components/SideNav/SideNavItem.css +4 -2
- package/dist/components/SideNav/SideNavItem.css.map +1 -1
- package/dist/components/SideNav/SideNavItem.d.ts +1 -0
- package/dist/components/SideNav/SideNavItem.js +13 -51
- package/dist/components/SideNav/SideNavItem.js.map +1 -1
- package/dist/components/SideNav/index.css +4 -2
- package/dist/components/SideNav/index.css.map +1 -1
- package/dist/components/Snackbar/Snackbar.d.ts +1 -0
- package/dist/components/Snackbar/Snackbar.js.map +1 -1
- package/dist/components/Tab/Tab.js +1 -1
- package/dist/components/Tab/Tab.js.map +1 -1
- package/dist/components/TabGroup/TabGroup.js +8 -1
- package/dist/components/TabGroup/TabGroup.js.map +1 -1
- package/dist/components/TabGroup/components.d.ts +4 -2
- package/dist/components/TabGroup/components.js.map +1 -1
- package/dist/components/Table/Table.js.map +1 -1
- package/dist/components/TextArea/TextArea.d.ts +2 -1
- package/dist/components/TextArea/TextArea.js +1 -1
- package/dist/components/TextArea/TextArea.js.map +1 -1
- package/dist/components/TimePicker/TimePicker.js +5 -6
- package/dist/components/TimePicker/TimePicker.js.map +1 -1
- package/dist/components/TimePicker/TimePicker.test.js +13 -4
- package/dist/components/TimePicker/TimePicker.test.js.map +1 -1
- package/dist/components/TimePicker/components/TimePickerOptionList.d.ts +1 -1
- package/dist/components/TimePicker/components/TimePickerOptionList.js +21 -25
- package/dist/components/TimePicker/components/TimePickerOptionList.js.map +1 -1
- package/dist/components/TimePicker/utils/filterOptions.js +7 -5
- package/dist/components/TimePicker/utils/filterOptions.js.map +1 -1
- package/dist/components/TimePicker/utils/utils.js +10 -12
- package/dist/components/TimePicker/utils/utils.js.map +1 -1
- package/dist/components/Toast/Toast.d.ts +2 -1
- package/dist/components/Toast/Toast.js.map +1 -1
- package/dist/components/Toast/ToastGroup.d.ts +1 -1
- package/dist/components/ToggleSwitch/ToggleSwitch.js +8 -7
- package/dist/components/ToggleSwitch/ToggleSwitch.js.map +1 -1
- package/dist/components/Tooltip/Tooltip.js +3 -4
- package/dist/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/components/VisuallyHidden/VisuallyHidden.d.ts +2 -1
- package/dist/components/VisuallyHidden/VisuallyHidden.js +1 -1
- package/dist/components/VisuallyHidden/VisuallyHidden.js.map +1 -1
- package/dist/components/index.css +39 -27
- package/dist/components/index.css.map +1 -1
- package/dist/global/index.css +1 -1
- package/dist/global/version.css +1 -1
- package/dist/hooks/useArrowNav/index.d.ts +1 -0
- package/dist/hooks/useArrowNav/index.js +2 -0
- package/dist/hooks/useArrowNav/index.js.map +1 -0
- package/dist/hooks/useArrowNav/useArrowNav.d.ts +27 -0
- package/dist/hooks/useArrowNav/useArrowNav.js +65 -0
- package/dist/hooks/useArrowNav/useArrowNav.js.map +1 -0
- package/dist/hooks/useArrowNav/utils/index.d.ts +3 -0
- package/dist/hooks/useArrowNav/utils/index.js +4 -0
- package/dist/hooks/useArrowNav/utils/index.js.map +1 -0
- package/dist/hooks/useArrowNav/utils/keys.d.ts +3 -0
- package/dist/hooks/useArrowNav/utils/keys.js +12 -0
- package/dist/hooks/useArrowNav/utils/keys.js.map +1 -0
- package/dist/hooks/useArrowNav/utils/tabIndex.d.ts +2 -0
- package/dist/hooks/useArrowNav/utils/tabIndex.js +53 -0
- package/dist/hooks/useArrowNav/utils/tabIndex.js.map +1 -0
- package/dist/hooks/useArrowNav/utils/utils.d.ts +14 -0
- package/dist/hooks/useArrowNav/utils/utils.js +111 -0
- package/dist/hooks/useArrowNav/utils/utils.js.map +1 -0
- package/dist/hooks/useFocusTrap/internal/useAutoFocus.js +12 -13
- package/dist/hooks/useFocusTrap/internal/useAutoFocus.js.map +1 -1
- package/dist/hooks/useFocusTrap/internal/useDisableClickOutside.js +5 -5
- package/dist/hooks/useFocusTrap/internal/useDisableClickOutside.js.map +1 -1
- package/dist/hooks/useFocusTrap/internal/useFocusLock.js +4 -5
- package/dist/hooks/useFocusTrap/internal/useFocusLock.js.map +1 -1
- package/dist/hooks/useFocusTrap/internal/useRestoreFocus.js +4 -1
- package/dist/hooks/useFocusTrap/internal/useRestoreFocus.js.map +1 -1
- package/dist/hooks/useFocusTrap/internal/utils.d.ts +6 -2
- package/dist/hooks/useFocusTrap/internal/utils.js +27 -12
- package/dist/hooks/useFocusTrap/internal/utils.js.map +1 -1
- package/dist/hooks/useFocusVisible.js +9 -11
- package/dist/hooks/useFocusVisible.js.map +1 -1
- package/dist/internal/CollapsibleList/CollapsibleList.d.ts +2 -1
- package/dist/internal/CollapsibleList/CollapsibleList.js.map +1 -1
- package/dist/internal/CollapsibleList/CollapsibleListItem.d.ts +2 -1
- package/dist/internal/CollapsibleList/CollapsibleListItem.js +20 -2
- package/dist/internal/CollapsibleList/CollapsibleListItem.js.map +1 -1
- package/dist/internal/Overlay/Overlay.d.ts +2 -1
- package/dist/internal/Overlay/Overlay.js.map +1 -1
- package/dist/internal/Popper/Popper.css +4 -2
- package/dist/internal/Popper/Popper.css.map +1 -1
- package/dist/internal/Popper/Popper.d.ts +1 -1
- package/dist/internal/Popper/Popper.js +3 -3
- package/dist/internal/Popper/Popper.js.map +1 -1
- package/dist/internal/Popper/index.css +4 -2
- package/dist/internal/Popper/index.css.map +1 -1
- package/dist/internal/Portal/Portal.d.ts +2 -1
- package/dist/internal/Portal/Portal.js.map +1 -1
- package/dist/internal/index.css +4 -2
- package/dist/internal/index.css.map +1 -1
- package/dist/system-light.css +5 -3
- package/dist/system-light.css.map +1 -1
- package/dist/system-light.min.css +1 -1
- package/dist/system.css +75 -96
- package/dist/system.css.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/KeyboardAccessTests/KeyboardAccess.test.js +143 -32
- package/dist/utilities/KeyboardAccessTests/KeyboardAccess.test.js.map +1 -1
- package/dist/utilities/KeyboardAccessTests/components/components.d.ts +1 -0
- package/dist/utilities/KeyboardAccessTests/components/components.js +78 -39
- package/dist/utilities/KeyboardAccessTests/components/components.js.map +1 -1
- package/dist/utilities/KeyboardAccessTests/utils/jestUtils.d.ts +1 -0
- package/dist/utilities/KeyboardAccessTests/utils/jestUtils.js +18 -0
- package/dist/utilities/KeyboardAccessTests/utils/jestUtils.js.map +1 -1
- package/dist/utilities/KeyboardAccessTests/utils/utils.d.ts +0 -1
- package/dist/utilities/KeyboardAccessTests/utils/utils.js +0 -16
- package/dist/utilities/KeyboardAccessTests/utils/utils.js.map +1 -1
- package/dist/utilities/wrapWithComponent.d.ts +1 -1
- package/package.json +28 -34
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAElE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,IAAI,EAA2B,MAAM,SAAS,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,EACN,oBAAoB,EACpB,mBAAmB,EACnB,eAAe,GACf,MAAM,cAAc,CAAC;AAEtB,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,GACzE,KAAK,CAAC;AAsGP,MAAM,OAAO,KAAM,SAAQ,KAAK,CAAC,SAAqB;IAAtD;;
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,14 +10,13 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import classnames from 'classnames';
|
|
13
|
-
import React from 'react';
|
|
13
|
+
import React, { useId } from 'react';
|
|
14
14
|
import { ModalWindow, ModalHeader, ModalFooter, ModalContent, ModalSizes, } from './components';
|
|
15
|
-
import { customAlphabet } from 'nanoid';
|
|
16
15
|
export const Modal = (_a) => {
|
|
17
16
|
var { children, footer, footerAlign, onClose, open, portal = true, scrollable = true, size, title, focusTrapOptions, contentClassName } = _a, rest = __rest(_a, ["children", "footer", "footerAlign", "onClose", "open", "portal", "scrollable", "size", "title", "focusTrapOptions", "contentClassName"]);
|
|
18
|
-
const
|
|
19
|
-
const modalLabel = `modalLabel_id_${
|
|
20
|
-
const modalDescribedby = `modalDescribedby_id_${
|
|
17
|
+
const id = useId();
|
|
18
|
+
const modalLabel = `modalLabel_id_${id}`;
|
|
19
|
+
const modalDescribedby = `modalDescribedby_id_${id}`;
|
|
21
20
|
return (React.createElement(ModalWindow, Object.assign({ onClose: onClose, size: size, focusTrapOptions: focusTrapOptions, open: open, portal: portal, role: "alertdialog", "data-anvil-component": "Modal", "aria-modal": "true", "aria-labelledby": modalLabel, "aria-describedby": modalDescribedby }, rest),
|
|
22
21
|
React.createElement(ModalHeader, { id: modalLabel, title: title, onClose: onClose }),
|
|
23
22
|
React.createElement(ModalContent, { className: classnames('fs-3', contentClassName), scrollable: scrollable, id: modalDescribedby }, children),
|
|
@@ -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,
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,EAAE,EAAM,KAAK,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EACN,WAAW,EAEX,WAAW,EAEX,WAAW,EAEX,YAAY,EACZ,UAAU,GACV,MAAM,cAAc,CAAC;AAyCtB,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,EAAE,GAAG,KAAK,EAAE,CAAC;IACnB,MAAM,UAAU,GAAG,iBAAiB,EAAE,EAAE,CAAC;IACzC,MAAM,gBAAgB,GAAG,uBAAuB,EAAE,EAAE,CAAC;IAErD,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"}
|
|
@@ -3,6 +3,7 @@ import { OverlayProps } from '../../internal/Overlay';
|
|
|
3
3
|
import { JustifyProps } from '../../utilities/justify-props';
|
|
4
4
|
import { UseFocusTrapProps } from '../../hooks/useFocusTrap';
|
|
5
5
|
export interface ModalContentProps {
|
|
6
|
+
children?: React.ReactNode;
|
|
6
7
|
/** Adds one or more classnames for an element */
|
|
7
8
|
className?: string;
|
|
8
9
|
/** Allows the Modal to fit within the browser window */
|
|
@@ -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;
|
|
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;AAcnC,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,IACN,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,qBAAqB,EAC/B,QAAQ,EAAC,OAAO,EAChB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,gBACL,aAAa,GACvB,CACF,CACI,CACN,CAAC;AACH,CAAC,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC;;GAEG;AACH,MAAM,CAAN,IAAY,UAKX;AALD,WAAY,UAAU;IACrB,uBAAS,CAAA;IACT,qBAAO,CAAA;IACP,qBAAO,CAAA;IACP,qBAAO,CAAA;AACR,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB;AAED,SAAS,SAAS,CAAC,IAAgB;IAClC,OAAO,UAAU,IAAI,EAAE,CAAC;AACzB,CAAC;AAeD,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAUjD,EAAE,EAAE;QAV6C,EACjD,OAAO,GAAG,IAAI,EACd,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,OAAO,EACP,IAAI,EACJ,MAAM,GAAG,IAAI,EACb,IAAI,GAAG,UAAU,CAAC,CAAC,OAEnB,EADG,KAAK,cATyC,6FAUjD,CADQ;IAER,MAAM,qBAAqB,GAAG,UAAU,CACvC,OAAO,EACP,SAAS,CAAC,IAAI,CAAC,EACf,SAAS,CACT,CAAC;IAEF,iBAAiB;IACjB,MAAM,YAAY,GAAG,YAAY,iBAChC,kBAAkB,EAAE,IAAI,EACxB,QAAQ,EAAE,CAAC,IAAI,IACZ,gBAAgB,EAClB,CAAC;IAEH,MAAM,QAAQ,GAAW,QAAQ,CAAC,MAAM,CAAC,gBAAgB,EAAE,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC,iBAAiB;IACxF,MAAM,eAAe,GAAG;QACvB,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;QAC9B,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;QAC7B,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;QAC3B,UAAU,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE;KAC3C,CAAC;IAEF,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC3D,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;IAC7C,MAAM,UAAU,+CACf,SAAS,EAAE,qBAAqB,IAC7B,CAAC,OAAO,IAAI,eAAe,CAAC,GAC5B,KAAK,KACR,GAAG,EAAE,YAAY,GACjB,CAAC;IAEF,OAAO,CACN,oBAAC,OAAO,IACP,OAAO,EAAE,OAAO,EAChB,QAAQ,QACR,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM;QAEd,oBAAC,OAAO,QACN,IAAI,IAAI,oBAAC,OAAO,oBAAK,UAAU,GAAG,QAAQ,CAAW,CAC7C,CACD,CACV,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import React, { FC, ReactNode } from 'react';
|
|
2
2
|
import { SingleOptionProps } from './Option';
|
|
3
|
+
import { UseArrowNavProps } from '../../hooks/useArrowNav';
|
|
3
4
|
export interface OptionListProps extends FlatGroupProps {
|
|
5
|
+
arrowNavOptions?: UseArrowNavProps;
|
|
4
6
|
children?(optionProps: SingleOptionProps): ReactNode;
|
|
5
7
|
/** Adds one or more classnames for an element */
|
|
6
8
|
className?: string;
|
|
@@ -17,12 +17,16 @@ import { Eyebrow } from '../Eyebrow';
|
|
|
17
17
|
import { Divider } from '../Divider';
|
|
18
18
|
import { Stack } from '../Stack';
|
|
19
19
|
import { Link } from '../Link';
|
|
20
|
+
import { useArrowNav } from '../../hooks/useArrowNav';
|
|
20
21
|
export const OptionList = (_a) => {
|
|
21
|
-
var { children, className, collapseValue, flatGroup, focusValue, groupClassName, indeterminateValue, multiple, onChange, onExpand, onGroupSelectAll, onGroupSelectNone, optionClassName, optionOnKeyDown, options, value, getOptionsData } = _a, props = __rest(_a, ["children", "className", "collapseValue", "flatGroup", "focusValue", "groupClassName", "indeterminateValue", "multiple", "onChange", "onExpand", "onGroupSelectAll", "onGroupSelectNone", "optionClassName", "optionOnKeyDown", "options", "value", "getOptionsData"]);
|
|
22
|
+
var { arrowNavOptions, children, className, collapseValue, flatGroup, focusValue, groupClassName, indeterminateValue, multiple, onChange, onExpand, onGroupSelectAll, onGroupSelectNone, optionClassName, optionOnKeyDown, options, value, getOptionsData } = _a, props = __rest(_a, ["arrowNavOptions", "children", "className", "collapseValue", "flatGroup", "focusValue", "groupClassName", "indeterminateValue", "multiple", "onChange", "onExpand", "onGroupSelectAll", "onGroupSelectNone", "optionClassName", "optionOnKeyDown", "options", "value", "getOptionsData"]);
|
|
22
23
|
const OptionsClasses = classnames('OptionList', className, {
|
|
23
24
|
'OptionList--single-select': !multiple,
|
|
24
25
|
'OptionList--multi-select': multiple,
|
|
25
26
|
});
|
|
27
|
+
const ref = useArrowNav(Object.assign({ disabled: true, focusableSelector: {
|
|
28
|
+
selector: 'button, *:not[class*=read-only] input',
|
|
29
|
+
} }, arrowNavOptions));
|
|
26
30
|
const GroupClasses = classnames('OptionList__group', groupClassName);
|
|
27
31
|
const ValuesFromArray = Array.isArray(value)
|
|
28
32
|
? value.map((v) => v.value !== undefined ? v.value : v)
|
|
@@ -183,7 +187,7 @@ export const OptionList = (_a) => {
|
|
|
183
187
|
onKeyDown: optionOnKeyDown,
|
|
184
188
|
registerOption,
|
|
185
189
|
};
|
|
186
|
-
return (React.createElement("div", Object.assign({ className: OptionsClasses, "data-anvil-component": "OptionList", role: "tree" }, props), typeof children === 'function'
|
|
190
|
+
return (React.createElement("div", Object.assign({ className: OptionsClasses, "data-anvil-component": "OptionList", role: "tree", ref: ref }, props), typeof children === 'function'
|
|
187
191
|
? children(optionProps)
|
|
188
192
|
: getOptions(options, setInitialLevel())));
|
|
189
193
|
};
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
1
|
+
{"version":3,"file":"OptionList.js","sourceRoot":"","sources":["../../../src/components/OptionList/OptionList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,6 +9,7 @@ export interface PopoverPropsStrict {
|
|
|
9
9
|
autoFlipVertically?: boolean;
|
|
10
10
|
/** Adds one or more classnames for Popover's overlay element */
|
|
11
11
|
className?: string;
|
|
12
|
+
children?: React.ReactNode;
|
|
12
13
|
/** Popover direction relative to the element its apart of */
|
|
13
14
|
direction?: 't' | 'tr' | 'tl' | 'r' | 'rt' | 'rb' | 'b' | 'br' | 'bl' | 'l' | 'lt' | 'lb' | 'c';
|
|
14
15
|
/** Change the HTML element of the Popover's source element */
|
|
@@ -29,7 +30,7 @@ export interface PopoverPropsStrict {
|
|
|
29
30
|
* *Warning* Only works when portal={true}
|
|
30
31
|
* A handler that is called on every click on any element outside of the anchor element and the stick node
|
|
31
32
|
*/
|
|
32
|
-
onClickOutside?:
|
|
33
|
+
onClickOutside?: PopperProps['onClickOutside'];
|
|
33
34
|
/** Define the overall padding of the popover */
|
|
34
35
|
padding?: 's' | 'm' | 'l' | null;
|
|
35
36
|
/** Adds classnames to Popover's content wrapper */
|
|
@@ -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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"}
|
|
@@ -3,6 +3,7 @@ import { JustifyProps } from '../../utilities/justify-props';
|
|
|
3
3
|
export interface PopoverContentPropsStrict {
|
|
4
4
|
/** Add class attribute */
|
|
5
5
|
className?: string;
|
|
6
|
+
children?: React.ReactNode;
|
|
6
7
|
/** Add a specific max-height value to the popover body */
|
|
7
8
|
contentScrollHeight?: string;
|
|
8
9
|
/** Removes content padding. For full-width backgrounds */
|
|
@@ -21,6 +22,7 @@ export interface PopoverHeaderProps {
|
|
|
21
22
|
align?: JustifyProps;
|
|
22
23
|
/** Add class attribute */
|
|
23
24
|
className?: string;
|
|
25
|
+
children?: React.ReactNode;
|
|
24
26
|
/** Removes header padding. For full-width/height backgrounds */
|
|
25
27
|
noPadding?: boolean;
|
|
26
28
|
}
|
|
@@ -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;
|
|
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;AAqBvC,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;AAcF,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"}
|
|
@@ -7,6 +7,7 @@ import { SideNavGroup } from './SideNavGroup';
|
|
|
7
7
|
export interface SideNavPropsStrict {
|
|
8
8
|
/** Adds one or more classnames for an element */
|
|
9
9
|
className?: string;
|
|
10
|
+
children?: React.ReactNode;
|
|
10
11
|
/** Sets the Title for the Navigation List */
|
|
11
12
|
title?: React.ReactNode;
|
|
12
13
|
}
|
|
@@ -11,24 +11,39 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import React from 'react';
|
|
13
13
|
import classnames from 'classnames';
|
|
14
|
-
import { FocusScope } from '@react-aria/focus';
|
|
15
14
|
import { SideNavItem, SideNavItemContext } from './SideNavItem';
|
|
16
15
|
import { SideNavGroup } from './SideNavGroup';
|
|
17
16
|
import { Headline } from '../Headline';
|
|
18
17
|
import { CollapsibleList } from '../../internal/CollapsibleList';
|
|
18
|
+
import { useArrowNav } from '../../hooks/useArrowNav';
|
|
19
19
|
export const SideNav = (_a) => {
|
|
20
20
|
var { children, className, title, 'data-anvil-component': dataAnvilComponent } = _a, rest = __rest(_a, ["children", "className", "title", 'data-anvil-component']);
|
|
21
21
|
const sideNavItemContext = React.useContext(SideNavItemContext);
|
|
22
22
|
const SideNavClasses = classnames('SideNav', className);
|
|
23
|
+
const containerRef = useArrowNav({
|
|
24
|
+
loop: false,
|
|
25
|
+
onKeyDown: handleArrowKeys,
|
|
26
|
+
});
|
|
23
27
|
// Nested SideNav
|
|
24
28
|
if (sideNavItemContext)
|
|
25
29
|
return (React.createElement(CollapsibleList, Object.assign({ className: SideNavClasses, el: "div" }, rest),
|
|
26
30
|
React.createElement("menu", { className: "SideNav__list" }, children)));
|
|
27
|
-
return (React.createElement(
|
|
28
|
-
React.createElement("div",
|
|
29
|
-
|
|
30
|
-
React.createElement("menu", { className: "SideNav__list" }, children))));
|
|
31
|
+
return (React.createElement("div", Object.assign({ className: SideNavClasses, "data-anvil-component": "SideNav", ref: containerRef }, rest),
|
|
32
|
+
title !== undefined && (React.createElement(Headline, { el: "div", className: "SideNav__title", size: "small" }, title)),
|
|
33
|
+
React.createElement("menu", { className: "SideNav__list" }, children)));
|
|
31
34
|
};
|
|
32
35
|
SideNav.Item = SideNavItem;
|
|
33
36
|
SideNav.Group = SideNavGroup;
|
|
37
|
+
const handleArrowKeys = (e, data) => {
|
|
38
|
+
var _a, _b, _c, _d, _e, _f;
|
|
39
|
+
const itemClasses = (_b = (_a = data === null || data === void 0 ? void 0 : data.active) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.classList;
|
|
40
|
+
const isExpanded = itemClasses === null || itemClasses === void 0 ? void 0 : itemClasses.contains('CollapsibleListItem--expanded');
|
|
41
|
+
const expandedItem = (_f = (_e = (_d = (_c = data === null || data === void 0 ? void 0 : data.active) === null || _c === void 0 ? void 0 : _c.closest) === null || _d === void 0 ? void 0 : _d.call(_c, '.CollapsibleListItem--expanded')) === null || _e === void 0 ? void 0 : _e.querySelector) === null || _f === void 0 ? void 0 : _f.call(_e, '.SideNavItem__button--expanded');
|
|
42
|
+
if (e.key === 'ArrowLeft' || e.key === 'ArrowRight')
|
|
43
|
+
data.disableOnce(); // Prevent focus move on left-right
|
|
44
|
+
if (isExpanded && e.key === 'ArrowRight')
|
|
45
|
+
data.next.focus(); // Move focus to first focusable
|
|
46
|
+
if (expandedItem && e.key === 'ArrowLeft')
|
|
47
|
+
expandedItem === null || expandedItem === void 0 ? void 0 : expandedItem.focus(); // Move focus to closest expanded
|
|
48
|
+
};
|
|
34
49
|
//# sourceMappingURL=SideNav.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideNav.js","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"SideNav.js","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AA0BtD,MAAM,CAAC,MAAM,OAAO,GAAY,CAAC,EAMhC,EAAE,EAAE;QAN4B,EAChC,QAAQ,EACR,SAAS,EACT,KAAK,EACL,sBAAsB,EAAE,kBAAkB,OAE1C,EADG,IAAI,cALyB,0DAMhC,CADO;IAEP,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAChE,MAAM,cAAc,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IACxD,MAAM,YAAY,GAAG,WAAW,CAAC;QAChC,IAAI,EAAE,KAAK;QACX,SAAS,EAAE,eAAe;KAC1B,CAAC,CAAC;IAEH,iBAAiB;IACjB,IAAI,kBAAkB;QACrB,OAAO,CACN,oBAAC,eAAe,kBAAC,SAAS,EAAE,cAAc,EAAE,EAAE,EAAC,KAAK,IAAK,IAAI;YAC5D,8BAAM,SAAS,EAAC,eAAe,IAAE,QAAQ,CAAQ,CAChC,CAClB,CAAC;IAEH,OAAO,CACN,2CACC,SAAS,EAAE,cAAc,0BACJ,SAAS,EAC9B,GAAG,EAAE,YAAY,IACb,IAAI;QAEP,KAAK,KAAK,SAAS,IAAI,CACvB,oBAAC,QAAQ,IAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAC,OAAO,IACxD,KAAK,CACI,CACX;QACD,8BAAM,SAAS,EAAC,eAAe,IAAE,QAAQ,CAAQ,CAC5C,CACN,CAAC;AACH,CAAC,CAAC;AAEF,OAAO,CAAC,IAAI,GAAG,WAAW,CAAC;AAC3B,OAAO,CAAC,KAAK,GAAG,YAAY,CAAC;AAE7B,MAAM,eAAe,GAAG,CAAC,CAAgB,EAAE,IAAS,EAAE,EAAE;;IACvD,MAAM,WAAW,GAAG,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,0CAAE,aAAa,0CAAE,SAAS,CAAC;IAC3D,MAAM,UAAU,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,CAAC,+BAA+B,CAAC,CAAC;IAC1E,MAAM,YAAY,GAAG,MAAA,MAAA,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,0CAC9B,OAAO,mDAAG,gCAAgC,CAAC,0CAC3C,aAAa,mDAAG,gCAAgC,CAAC,CAAC;IAErD,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,IAAI,CAAC,CAAC,GAAG,KAAK,YAAY;QAAE,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,mCAAmC;IAC5G,IAAI,UAAU,IAAI,CAAC,CAAC,GAAG,KAAK,YAAY;QAAE,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,gCAAgC;IAC7F,IAAI,YAAY,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW;QAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,EAAE,CAAC,CAAC,iCAAiC;AACpG,CAAC,CAAC"}
|
|
@@ -57,8 +57,10 @@
|
|
|
57
57
|
.SideNavItem > .SideNavItem__button:active:not(:focus-within) {
|
|
58
58
|
background-color: var(--colorsActiveDefault, rgba(20, 20, 20, 0.2));
|
|
59
59
|
}
|
|
60
|
-
.SideNavItem > .SideNavItem__button.SideNavItem__button
|
|
60
|
+
.SideNavItem > .SideNavItem__button:focus, .SideNavItem > .SideNavItem__button:focus-visible {
|
|
61
61
|
outline: none;
|
|
62
|
+
}
|
|
63
|
+
.SideNavItem > .SideNavItem__button:focus-visible {
|
|
62
64
|
box-shadow: inset 0 0 0 2px var(--colorsFocusRingPrimary, #78bbfa);
|
|
63
65
|
}
|
|
64
66
|
.SideNavItem > .SideNavItem__button > .SideNavItem__button__prefix,
|
|
@@ -80,7 +82,7 @@
|
|
|
80
82
|
}
|
|
81
83
|
.SideNavItem.SideNavItem--disabled > .SideNavItem__button {
|
|
82
84
|
background-color: transparent !important;
|
|
83
|
-
opacity: 0.
|
|
85
|
+
opacity: 0.6;
|
|
84
86
|
pointer-events: none;
|
|
85
87
|
}
|
|
86
88
|
.SideNavItem.SideNavItem--active > .SideNavItem__button:not(.SideNavItem__button--expanded) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/SideNav/SideNav.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/utilities/_list-unset.scss","../../../src/components/SideNav/SideNavItem.scss"],"names":[],"mappings":"AAAA;ACUA;ACPC;EACA;AAEA;EACA;EDMA;EACA,OARc;EASd,SEgHW;;AF9GX;EAAI;;AAGJ;EAAW;;;AAGZ;EACC;EACA,eEsGW;EFrGX;EACA,OAnBoB;;AAqBpB;EACC,aEgGU;EF/FV;;;AAIF;EGlCC;EACA;EACA;EACA;EACA;;;ACaD;EACC;EACA;;AAEA;EACC,eFFgB;EEGhB,OJlBa;EImBb,aFmFoB;EElFpB;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;;AACA;EAAU,YA5BO;;AA6BjB;EAA8B,kBA5BZ;;AA8BlB;EACC
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/SideNav/SideNav.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/utilities/_list-unset.scss","../../../src/components/SideNav/SideNavItem.scss"],"names":[],"mappings":"AAAA;ACUA;ACPC;EACA;AAEA;EACA;EDMA;EACA,OARc;EASd,SEgHW;;AF9GX;EAAI;;AAGJ;EAAW;;;AAGZ;EACC;EACA,eEsGW;EFrGX;EACA,OAnBoB;;AAqBpB;EACC,aEgGU;EF/FV;;;AAIF;EGlCC;EACA;EACA;EACA;EACA;;;ACaD;EACC;EACA;;AAEA;EACC,eFFgB;EEGhB,OJlBa;EImBb,aFmFoB;EElFpB;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;;AACA;EAAU,YA5BO;;AA6BjB;EAA8B,kBA5BZ;;AA8BlB;EACkB;;AAElB;EACC,YA7Ba;;AAgCd;AAAA;AAAA;EAGC;EACA;EACA;;AAGD;EAAiC,cFyEvB;;AExEV;EAAiC,aFwEvB;;AEtEV;EACC;EACA;;AAKD;EACC;EACA,SFiDgB;EEhDhB;;AAKD;EACC,kBA/DmB;EAgEnB,OApEW;;AAsEX;EAAkC;;AAElC;EACC;EACA;;AAKH;EAAiE;;AAGjE;EACC;;AAKA;EAA+B;;;AAKjC;EACC;EACA;;AAEA;EAAmC;;;AAOlC;AAAA;EAAU;;AAGX;EAAe;;AAEf;EACC;EACA;;AAGD;EAA8B;;AAC9B;EAAW;;AAEX;EACC,aFGU;EEFV","file":"SideNavItem.css"}
|
|
@@ -6,6 +6,7 @@ export interface SideNavItemPropsStrict {
|
|
|
6
6
|
active?: boolean;
|
|
7
7
|
/** Adds one or more classnames for an element */
|
|
8
8
|
className?: string;
|
|
9
|
+
children?: React.ReactNode;
|
|
9
10
|
/**
|
|
10
11
|
* If provided, item to be rendered as collapsible menu (accordion).
|
|
11
12
|
* In this case one nested SideNav must be provided inside children.
|
|
@@ -11,11 +11,9 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import React from 'react';
|
|
13
13
|
import classnames from 'classnames';
|
|
14
|
-
import { useFocusManager } from '@react-aria/focus';
|
|
15
14
|
import { BodyText } from '../BodyText';
|
|
16
15
|
import { Icon } from '../Icon';
|
|
17
16
|
import { keys } from '../../utilities/keyCodes';
|
|
18
|
-
import { useFocusVisible } from '../../hooks/useFocusVisible';
|
|
19
17
|
import { CollapsibleContext, CollapsibleList, } from '../../internal';
|
|
20
18
|
export const SideNavItem = (_a) => {
|
|
21
19
|
var props = __rest(_a, []);
|
|
@@ -26,14 +24,14 @@ export const SideNavItem = (_a) => {
|
|
|
26
24
|
});
|
|
27
25
|
const sideNavItemContext = React.useContext(SideNavItemContext);
|
|
28
26
|
if (props.collapsible || sideNavItemContext) {
|
|
29
|
-
const
|
|
27
|
+
const realCollapsible = props.collapsible === true
|
|
30
28
|
? {
|
|
31
29
|
expanded: false,
|
|
32
30
|
animate: true,
|
|
33
31
|
extractCollapsibleList: true,
|
|
34
32
|
}
|
|
35
33
|
: Object.assign(Object.assign({}, props.collapsible), { extractCollapsibleList: true });
|
|
36
|
-
return (React.createElement(CollapsibleList.Item, { el: "li", collapsible: collapsible, className: SideNavItemClasses, "data-anvil-component": "SideNavItem" },
|
|
34
|
+
return (React.createElement(CollapsibleList.Item, { el: "li", collapsible: props.collapsible && realCollapsible, className: SideNavItemClasses, "data-anvil-component": "SideNavItem" },
|
|
37
35
|
React.createElement(SideNavItemButton, Object.assign({}, rest))));
|
|
38
36
|
}
|
|
39
37
|
return (React.createElement("li", { className: SideNavItemClasses, "data-anvil-component": "SideNavItem" },
|
|
@@ -43,55 +41,25 @@ export const SideNavItem = (_a) => {
|
|
|
43
41
|
* SideNav Item's Button
|
|
44
42
|
*/
|
|
45
43
|
const SideNavItemButton = (_a) => {
|
|
46
|
-
var { active
|
|
44
|
+
var { active, className, collapsible, children, disabled, href, icon, prefix, suffix } = _a, rest = __rest(_a, ["active", "className", "collapsible", "children", "disabled", "href", "icon", "prefix", "suffix"]);
|
|
47
45
|
const El = href ? 'a' : 'span';
|
|
48
46
|
const buttonRef = React.useRef(null);
|
|
49
47
|
const collapsibleContext = React.useContext(CollapsibleContext);
|
|
50
|
-
const
|
|
51
|
-
const
|
|
52
|
-
|
|
53
|
-
'SideNavItem__button--focus-visible': isFocusVisible,
|
|
54
|
-
'SideNavItem__button--expanded': collapsible && (collapsibleContext === null || collapsibleContext === void 0 ? void 0 : collapsibleContext.expanded),
|
|
48
|
+
const expanded = collapsible && (collapsibleContext === null || collapsibleContext === void 0 ? void 0 : collapsibleContext.expanded);
|
|
49
|
+
const SideNavItemButtonClasses = classnames('SideNavItem__button', {
|
|
50
|
+
'SideNavItem__button--expanded': expanded,
|
|
55
51
|
});
|
|
56
|
-
const
|
|
57
|
-
var _a
|
|
58
|
-
if (
|
|
59
|
-
return; // Exclude top-level handlers
|
|
60
|
-
if (href) {
|
|
61
|
-
(_b = buttonRef === null || buttonRef === void 0 ? void 0 : buttonRef.current) === null || _b === void 0 ? void 0 : _b.click();
|
|
52
|
+
const handleKeyDown = (e) => {
|
|
53
|
+
var _a;
|
|
54
|
+
if (![keys.enter, keys.space].includes(e.key))
|
|
62
55
|
return;
|
|
63
|
-
}
|
|
64
|
-
if (onClick)
|
|
65
|
-
onClick(e);
|
|
66
|
-
};
|
|
67
|
-
const handleEnter = (e) => {
|
|
68
56
|
if (e.target !== buttonRef.current) {
|
|
69
|
-
e.stopPropagation(); // Disable
|
|
57
|
+
e.stopPropagation(); // Disable higher handlers (collapse-expand) for buttons placed inside Item's suffix
|
|
70
58
|
return;
|
|
71
59
|
}
|
|
72
60
|
if (e.key === keys.space)
|
|
73
|
-
e.preventDefault(); //
|
|
74
|
-
|
|
75
|
-
};
|
|
76
|
-
const handleKeyDown = (e) => {
|
|
77
|
-
switch (e.key) {
|
|
78
|
-
case keys.right:
|
|
79
|
-
case keys.down:
|
|
80
|
-
e.stopPropagation(); // Exclude multiple keydown handles
|
|
81
|
-
e.preventDefault(); // Disable scrolling on keypress
|
|
82
|
-
focusManager.focusNext({ tabbable: true }); // Exclude disabled items with tabbable option
|
|
83
|
-
break;
|
|
84
|
-
case keys.left:
|
|
85
|
-
case keys.up:
|
|
86
|
-
e.stopPropagation();
|
|
87
|
-
e.preventDefault();
|
|
88
|
-
focusManager.focusPrevious({ tabbable: true });
|
|
89
|
-
break;
|
|
90
|
-
case keys.enter:
|
|
91
|
-
case keys.space:
|
|
92
|
-
handleEnter(e);
|
|
93
|
-
break;
|
|
94
|
-
}
|
|
61
|
+
e.preventDefault(); // Prevent scroll on space keypress
|
|
62
|
+
(_a = buttonRef === null || buttonRef === void 0 ? void 0 : buttonRef.current) === null || _a === void 0 ? void 0 : _a.click();
|
|
95
63
|
};
|
|
96
64
|
const renderPrefix = () => {
|
|
97
65
|
const i = renderIcon(icon);
|
|
@@ -109,14 +77,8 @@ const SideNavItemButton = (_a) => {
|
|
|
109
77
|
suffix,
|
|
110
78
|
arrow));
|
|
111
79
|
};
|
|
112
|
-
const buttonProps = {
|
|
113
|
-
className: SideNavItemButtonClasses,
|
|
114
|
-
href,
|
|
115
|
-
tabIndex: disabled ? -1 : 0,
|
|
116
|
-
target: href && rest.target,
|
|
117
|
-
};
|
|
118
80
|
return (React.createElement(SideNavItemContext.Provider, { value: { buttonRef } },
|
|
119
|
-
React.createElement(El, Object.assign({}, rest, {
|
|
81
|
+
React.createElement(El, Object.assign({}, rest, { className: SideNavItemButtonClasses, href: href, tabIndex: disabled ? -1 : 0, target: href && rest.target, ref: buttonRef, onKeyDown: handleKeyDown, "aria-current": active && !expanded ? 'page' : null, "aria-disabled": disabled ? true : null }),
|
|
120
82
|
renderPrefix(),
|
|
121
83
|
React.createElement(BodyText, { el: "span", size: "small", className: "SideNavItem__button__content" }, children),
|
|
122
84
|
renderSuffix())));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideNavItem.js","sourceRoot":"","sources":["../../../src/components/SideNav/SideNavItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"SideNavItem.js","sourceRoot":"","sources":["../../../src/components/SideNav/SideNavItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -57,8 +57,10 @@
|
|
|
57
57
|
.SideNavItem > .SideNavItem__button:active:not(:focus-within) {
|
|
58
58
|
background-color: var(--colorsActiveDefault, rgba(20, 20, 20, 0.2));
|
|
59
59
|
}
|
|
60
|
-
.SideNavItem > .SideNavItem__button.SideNavItem__button
|
|
60
|
+
.SideNavItem > .SideNavItem__button:focus, .SideNavItem > .SideNavItem__button:focus-visible {
|
|
61
61
|
outline: none;
|
|
62
|
+
}
|
|
63
|
+
.SideNavItem > .SideNavItem__button:focus-visible {
|
|
62
64
|
box-shadow: inset 0 0 0 2px var(--colorsFocusRingPrimary, #78bbfa);
|
|
63
65
|
}
|
|
64
66
|
.SideNavItem > .SideNavItem__button > .SideNavItem__button__prefix,
|
|
@@ -80,7 +82,7 @@
|
|
|
80
82
|
}
|
|
81
83
|
.SideNavItem.SideNavItem--disabled > .SideNavItem__button {
|
|
82
84
|
background-color: transparent !important;
|
|
83
|
-
opacity: 0.
|
|
85
|
+
opacity: 0.6;
|
|
84
86
|
pointer-events: none;
|
|
85
87
|
}
|
|
86
88
|
.SideNavItem.SideNavItem--active > .SideNavItem__button:not(.SideNavItem__button--expanded) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/SideNav/SideNav.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/utilities/_list-unset.scss","../../../src/components/SideNav/SideNavItem.scss","../../../src/components/SideNav/SideNavGroup.scss"],"names":[],"mappings":"AAAA;ACUA;ACPC;EACA;AAEA;EACA;EDMA;EACA,OARc;EASd,SEgHW;;AF9GX;EAAI;;AAGJ;EAAW;;;AAGZ;EACC;EACA,eEsGW;EFrGX;EACA,OAnBoB;;AAqBpB;EACC,aEgGU;EF/FV;;;AAIF;EGlCC;EACA;EACA;EACA;EACA;;;ACaD;EACC;EACA;;AAEA;EACC,eFFgB;EEGhB,OJlBa;EImBb,aFmFoB;EElFpB;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;;AACA;EAAU,YA5BO;;AA6BjB;EAA8B,kBA5BZ;;AA8BlB;EACC
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/SideNav/SideNav.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/utilities/_list-unset.scss","../../../src/components/SideNav/SideNavItem.scss","../../../src/components/SideNav/SideNavGroup.scss"],"names":[],"mappings":"AAAA;ACUA;ACPC;EACA;AAEA;EACA;EDMA;EACA,OARc;EASd,SEgHW;;AF9GX;EAAI;;AAGJ;EAAW;;;AAGZ;EACC;EACA,eEsGW;EFrGX;EACA,OAnBoB;;AAqBpB;EACC,aEgGU;EF/FV;;;AAIF;EGlCC;EACA;EACA;EACA;EACA;;;ACaD;EACC;EACA;;AAEA;EACC,eFFgB;EEGhB,OJlBa;EImBb,aFmFoB;EElFpB;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;;AACA;EAAU,YA5BO;;AA6BjB;EAA8B,kBA5BZ;;AA8BlB;EACkB;;AAElB;EACC,YA7Ba;;AAgCd;AAAA;AAAA;EAGC;EACA;EACA;;AAGD;EAAiC,cFyEvB;;AExEV;EAAiC,aFwEvB;;AEtEV;EACC;EACA;;AAKD;EACC;EACA,SFiDgB;EEhDhB;;AAKD;EACC,kBA/DmB;EAgEnB,OApEW;;AAsEX;EAAkC;;AAElC;EACC;EACA;;AAKH;EAAiE;;AAGjE;EACC;;AAKA;EAA+B;;;AAKjC;EACC;EACA;;AAEA;EAAmC;;;AAOlC;AAAA;EAAU;;AAGX;EAAe;;AAEf;EACC;EACA;;AAGD;EAA8B;;AAC9B;EAAW;;AAEX;EACC,aFGU;EEFV;;;ACzHF;EACC,YH4HW;;AG1HX;EAA+B,YHyHpB;;AGxHX;EAA8B,eHwHnB;;;AGrHZ;EACC,QHmHW;EGlHX;;;AAGD;EFdC;EACA;EACA;EACA;EACA","file":"index.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Snackbar.js","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"Snackbar.js","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAwC/C,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAS3C,EAAE,EAAE;QATuC,EAC3C,UAAU,EACV,SAAS,EACT,QAAQ,GAAG,IAAI,EACf,aAAa,EACb,OAAO,EACP,MAAM,GAAG,IAAI,EACb,KAAK,OAEL,EADG,IAAI,cARoC,sFAS3C,CADO;IAEP,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAEjC,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACpC,CAAC,CAAqC,EAAE,EAAE;QACzC,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC;QACb,YAAY,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,CAAC,CAAC;IACpC,CAAC,EACD,CAAC,OAAO,CAAC,CACT,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,CAAC;YAAE,OAAO;QAChD,WAAW,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,EAAE,EAAE,QAAQ,CAAC,CAAC;QAChE,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAE5B,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,eAAe,GAAG,UAAU,CAAC,UAAU,EAAE,SAAS,EAAE;QACzD,oBAAoB,EAAE,MAAM;KAC5B,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,CAChB,2CACC,SAAS,EAAE,eAAe,0BACL,UAAU,IAC3B,IAAI;QAEP,KAAK,IAAI,6BAAK,SAAS,EAAC,iBAAiB,IAAE,KAAK,CAAO;QACvD,UAAU,IAAI,aAAa,IAAI,CAC/B,6BAAK,OAAO,EAAE,aAAa,EAAE,SAAS,EAAC,kBAAkB,IACvD,UAAU,CACN,CACN;QACA,OAAO,IAAI,CACX,oBAAC,MAAM,IACN,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iBAAiB,EAC3B,QAAQ,EAAC,OAAO,EAChB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,WAAW,GACnB,CACF,CACI,CACN,CAAC;IAEF,OAAO,oBAAC,MAAM,IAAC,WAAW,EAAE,MAAM,IAAG,QAAQ,CAAU,CAAC;AACzD,CAAC,CAAC"}
|
|
@@ -25,6 +25,6 @@ export const Tab = (_a) => {
|
|
|
25
25
|
'Tab--disabled': disabled,
|
|
26
26
|
'Tab--focus-visible': isFocusVisible,
|
|
27
27
|
});
|
|
28
|
-
return (React.createElement(TabElement, Object.assign({ role: "tab",
|
|
28
|
+
return (React.createElement(TabElement, Object.assign({ role: "tab", disabled: !props.href ? disabled : null, "aria-disabled": props.href ? disabled : null, "aria-selected": active, ref: itemRef, tabIndex: props.tabIndex || disabled ? -1 : 0, className: TabClasses, onFocus: focusFunction, onBlur: blurFunction, "data-anvil-component": "Tab" }, props)));
|
|
29
29
|
};
|
|
30
30
|
//# sourceMappingURL=Tab.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../src/components/Tab/Tab.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAwB9D,MAAM,CAAC,MAAM,GAAG,GAAiB,CAAC,EAQjC,EAAE,EAAE;QAR6B,EACjC,MAAM,EACN,MAAM,EACN,SAAS,EACT,QAAQ,EACR,OAAO,EACP,MAAM,OAEN,EADG,KAAK,cAPyB,kEAQjC,CADQ;IAER,IAAI,UAAU,GAAQ,QAAQ,CAAC;IAE/B,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAEnC,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,eAAe,CACtE,OAAO,EACP,MAAM,EACN,OAAO,CACP,CAAC;IAEF,IAAI,KAAK,CAAC,IAAI;QAAE,UAAU,GAAG,GAAG,CAAC;IAEjC,MAAM,UAAU,GAAG,UAAU,CAAC,KAAK,EAAE,SAAS,EAAE;QAC/C,aAAa,EAAE,MAAM;QACrB,eAAe,EAAE,CAAC,MAAM;QACxB,eAAe,EAAE,QAAQ;QACzB,oBAAoB,EAAE,cAAc;KACpC,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,UAAU,kBACV,IAAI,EAAC,KAAK,EACV,
|
|
1
|
+
{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../src/components/Tab/Tab.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAwB9D,MAAM,CAAC,MAAM,GAAG,GAAiB,CAAC,EAQjC,EAAE,EAAE;QAR6B,EACjC,MAAM,EACN,MAAM,EACN,SAAS,EACT,QAAQ,EACR,OAAO,EACP,MAAM,OAEN,EADG,KAAK,cAPyB,kEAQjC,CADQ;IAER,IAAI,UAAU,GAAQ,QAAQ,CAAC;IAE/B,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAEnC,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,eAAe,CACtE,OAAO,EACP,MAAM,EACN,OAAO,CACP,CAAC;IAEF,IAAI,KAAK,CAAC,IAAI;QAAE,UAAU,GAAG,GAAG,CAAC;IAEjC,MAAM,UAAU,GAAG,UAAU,CAAC,KAAK,EAAE,SAAS,EAAE;QAC/C,aAAa,EAAE,MAAM;QACrB,eAAe,EAAE,CAAC,MAAM;QACxB,eAAe,EAAE,QAAQ;QACzB,oBAAoB,EAAE,cAAc;KACpC,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,UAAU,kBACV,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,mBACxB,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,mBAC5B,MAAM,EACrB,GAAG,EAAE,OAAO,EACZ,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC7C,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,aAAa,EACtB,MAAM,EAAE,YAAY,0BACC,KAAK,IACtB,KAAK,EACR,CACF,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -14,6 +14,7 @@ import classnames from 'classnames';
|
|
|
14
14
|
import { TabGroupItem } from './TabGroupItem';
|
|
15
15
|
import { TabAction } from './components';
|
|
16
16
|
import { wrapChildren } from '../../utilities/wrapChildren';
|
|
17
|
+
import { useArrowNav } from '../../hooks/useArrowNav';
|
|
17
18
|
export const TabGroup = (_a) => {
|
|
18
19
|
var { action, children, className, dark, divider = true, fitted, size = 'normal', maxWidth, verticallyDivided, type = 'underline', textAlign = 'center' } = _a, props = __rest(_a, ["action", "children", "className", "dark", "divider", "fitted", "size", "maxWidth", "verticallyDivided", "type", "textAlign"]);
|
|
19
20
|
const TabGroupClasses = classnames('TabGroup', className, {
|
|
@@ -27,7 +28,13 @@ export const TabGroup = (_a) => {
|
|
|
27
28
|
'TabGroup--maxWidth': maxWidth,
|
|
28
29
|
'TabGroup--verticallyDivided': verticallyDivided,
|
|
29
30
|
});
|
|
30
|
-
|
|
31
|
+
const tabGroupRef = useArrowNav({
|
|
32
|
+
handleY: false,
|
|
33
|
+
focusableSelector: {
|
|
34
|
+
selector: '[role=tab]:not([disabled]):not([aria-disabled])',
|
|
35
|
+
},
|
|
36
|
+
});
|
|
37
|
+
return (React.createElement("ul", Object.assign({ role: "tablist", className: TabGroupClasses, "data-anvil-component": "TabGroup", ref: tabGroupRef }, props),
|
|
31
38
|
wrapChildren(children, TabGroupItem),
|
|
32
39
|
action && React.createElement(TabAction, null, action)));
|
|
33
40
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabGroup.js","sourceRoot":"","sources":["../../../src/components/TabGroup/TabGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"TabGroup.js","sourceRoot":"","sources":["../../../src/components/TabGroup/TabGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAuDtD,MAAM,CAAC,MAAM,QAAQ,GAAa,CAAC,EAalC,EAAE,EAAE;QAb8B,EAClC,MAAM,EACN,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,OAAO,GAAG,IAAI,EACd,MAAM,EACN,IAAI,GAAG,QAAQ,EACf,QAAQ,EACR,iBAAiB,EACjB,IAAI,GAAG,WAAW,EAClB,SAAS,GAAG,QAAQ,OAEpB,EADG,KAAK,cAZ0B,8HAalC,CADQ;IAER,MAAM,eAAe,GAAG,UAAU,CAAC,UAAU,EAAE,SAAS,EAAE;QACzD,kBAAkB,EAAE,MAAM;QAC1B,gBAAgB,EAAE,IAAI;QACtB,iBAAiB,EAAE,IAAI,KAAK,OAAO;QACnC,qBAAqB,EAAE,IAAI,KAAK,WAAW;QAC3C,qBAAqB,EAAE,SAAS,KAAK,MAAM;QAC3C,iBAAiB,EAAE,IAAI,KAAK,OAAO;QACnC,mBAAmB,EAAE,OAAO;QAC5B,oBAAoB,EAAE,QAAQ;QAC9B,6BAA6B,EAAE,iBAAiB;KAChD,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,WAAW,CAAC;QAC/B,OAAO,EAAE,KAAK;QACd,iBAAiB,EAAE;YAClB,QAAQ,EAAE,iDAAiD;SAC3D;KACD,CAAC,CAAC;IAEH,OAAO,CACN,0CACC,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,eAAe,0BACL,UAAU,EAC/B,GAAG,EAAE,WAAW,IACZ,KAAK;QAER,YAAY,CAAC,QAAQ,EAAE,YAAY,CAAC;QACpC,MAAM,IAAI,oBAAC,SAAS,QAAE,MAAM,CAAa,CACtC,CACL,CAAC;AACH,CAAC,CAAC;AAEF,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC"}
|