@redsift/design-system 11.5.0-muiv5 → 11.6.0-alpha.0

package/_internal/useFocusOnListItem.js

@@ -0,0 +1,203 @@
+import React__default, { useRef, useContext, useEffect, useCallback } from 'react';
+
+let EventKey = /*#__PURE__*/function (EventKey) {
+  EventKey["ArrowLeft"] = "ArrowLeft";
+  EventKey["ArrowRight"] = "ArrowRight";
+  EventKey["ArrowUp"] = "ArrowUp";
+  EventKey["ArrowDown"] = "ArrowDown";
+  EventKey["Home"] = "Home";
+  EventKey["End"] = "End";
+  EventKey["Enter"] = "Enter";
+  return EventKey;
+}({});
+let Navigation = /*#__PURE__*/function (Navigation) {
+  Navigation["PREVIOUS"] = "PREVIOUS";
+  Navigation["NEXT"] = "NEXT";
+  Navigation["VERY_FIRST"] = "VERY_FIRST";
+  Navigation["VERY_LAST"] = "VERY_LAST";
+  Navigation["PREVIOUS_ROW"] = "PREVIOUS_ROW";
+  Navigation["NEXT_ROW"] = "NEXT_ROW";
+  Navigation["FIRST_IN_ROW"] = "FIRST_IN_ROW";
+  Navigation["LAST_IN_ROW"] = "LAST_IN_ROW";
+  return Navigation;
+}({});
+let FocusWithinGroupActionType = /*#__PURE__*/function (FocusWithinGroupActionType) {
+  FocusWithinGroupActionType["REGISTER_TAB_STOP"] = "REGISTER_TAB_STOP";
+  FocusWithinGroupActionType["UNREGISTER_TAB_STOP"] = "UNREGISTER_TAB_STOP";
+  FocusWithinGroupActionType["KEY_DOWN_ON_ITEM"] = "KEY_DOWN_ON_ITEM";
+  FocusWithinGroupActionType["CLICK_ON_ITEM"] = "CLICK_ON_ITEM";
+  FocusWithinGroupActionType["KEY_DOWN_ON_LIST"] = "KEY_DOWN_ON_LIST";
+  FocusWithinGroupActionType["FOCUS_ON_LIST"] = "FOCUS_ON_LIST";
+  FocusWithinGroupActionType["BLUR_ON_LIST"] = "BLUR_ON_LIST";
+  FocusWithinGroupActionType["TAB_STOP_UPDATED"] = "TAB_STOP_UPDATED";
+  FocusWithinGroupActionType["OPTIONS_UPDATED"] = "OPTIONS_UPDATED";
+  FocusWithinGroupActionType["FILTER_LIST"] = "FILTER_LIST";
+  FocusWithinGroupActionType["DELAY_ACTION"] = "DELAY_ACTION";
+  return FocusWithinGroupActionType;
+}({});
+
+/**
+ * Component props.
+ */
+
+const FOCUS_WITHING_GROUP_INITIAL_STATE = {
+  selectedId: null,
+  allowFocusing: false,
+  tabStops: [],
+  direction: 'vertical',
+  focusOnClick: false,
+  focusOnInit: true,
+  loopAround: false,
+  rowStartMap: null,
+  focusType: 'roving-tabindex',
+  listRole: 'listbox'
+};
+const FocusWithinGroupContext = /*#__PURE__*/React__default.createContext({
+  state: FOCUS_WITHING_GROUP_INITIAL_STATE,
+  dispatch: () => {}
+});
+
+let counter = 0;
+function uniqueId() {
+  return `rti_${++counter}`;
+}
+
+/**
+ * Includes the given DOM element in the current roving tabindex.
+ * @param {RefObject<Element>} domElementRef The DOM element to include.
+ * This must be the same DOM element for the lifetime of the containing
+ * component.
+ * @param {boolean} isDisabled Whether or not the DOM element is currently
+ * enabled. This value can be updated as appropriate throughout the lifetime
+ * of the containing component.
+ * @param {number?} rowIndex An optional integer value that must be
+ * populated if the roving tabindex is being used in a grid. In that case,
+ * set it to the zero-based index of the row that the given DOM element
+ * is currently part of. You can update this row index as appropriate
+ * throughout the lifetime of the containing component, for example if
+ * the shape of the grid can change dynamically.
+ * @returns A tuple of values to be applied by the containing
+ * component for the roving tabindex to work correctly.
+ * First tuple value: The tabIndex value to apply to the tab stop
+ * element.
+ * Second tuple value: Whether or not focus() should be invoked on the
+ * tab stop element.
+ * Third tuple value: The onKeyDown callback to apply to the tab
+ * stop element. If the key press is relevant to the hook then
+ * event.preventDefault() will be invoked on the event.
+ * Fourth tuple value: The onClick callback to apply to the tab
+ * stop element.
+ */
+function useFocusOnListItem(props) {
+  var _context$state$active;
+  const {
+    domElementRef,
+    isDisabled,
+    id,
+    value,
+    rowIndex = null
+  } = props;
+  // Create a stable ID for the lifetime of the component:
+  const idRef = useRef(null);
+  function getId() {
+    if (id) {
+      return id;
+    }
+    if (!idRef.current) {
+      idRef.current = uniqueId();
+    }
+    return idRef.current;
+  }
+  const isMounted = useRef(false);
+  const context = useContext(FocusWithinGroupContext);
+
+  // Register the tab stop on mount and unregister it on unmount:
+  useEffect(() => {
+    const id = getId();
+    context.dispatch({
+      type: FocusWithinGroupActionType.REGISTER_TAB_STOP,
+      payload: {
+        id,
+        domElementRef,
+        rowIndex,
+        isDisabled,
+        value: value
+      }
+    });
+    return () => {
+      context.dispatch({
+        type: FocusWithinGroupActionType.UNREGISTER_TAB_STOP,
+        payload: {
+          id
+        }
+      });
+    };
+  }, []);
+
+  // Update the tab stop data if rowIndex or isDisabled change.
+  // The isMounted flag is used to prevent this effect running
+  // on mount, which is benign but redundant (as the
+  // REGISTER_TAB_STOP action would have just been dispatched).
+  useEffect(() => {
+    if (isMounted.current) {
+      context.dispatch({
+        type: FocusWithinGroupActionType.TAB_STOP_UPDATED,
+        payload: {
+          id: getId(),
+          rowIndex,
+          isDisabled,
+          value: value || ''
+        }
+      });
+    } else {
+      isMounted.current = true;
+    }
+  }, [rowIndex, isDisabled]);
+
+  // Create a stable callback function for handling key down events:
+  const handleKeyDown = useCallback(event => {
+    const key = EventKey[event.key];
+    if (!key) {
+      return;
+    }
+    context.dispatch({
+      type: FocusWithinGroupActionType.KEY_DOWN_ON_ITEM,
+      payload: {
+        id: getId(),
+        key,
+        ctrlKey: event.ctrlKey
+      }
+    });
+    event.preventDefault();
+  }, []);
+
+  // Create a stable callback function for handling click events:
+  const handleClick = useCallback(() => {
+    context.dispatch({
+      type: FocusWithinGroupActionType.CLICK_ON_ITEM,
+      payload: {
+        id: getId()
+      }
+    });
+  }, []);
+
+  // Determine if the current tab stop is the currently active one:
+  const selected = getId() === context.state.selectedId;
+  const tabIndex = context.state.focusType === 'roving-tabindex' ? selected ? 0 : -1 : undefined;
+  const isFocused = selected && context.state.allowFocusing;
+  useEffect(() => {
+    if (isFocused && domElementRef.current && context.state.focusType === 'roving-tabindex') {
+      var _current;
+      (_current = domElementRef.current) === null || _current === void 0 ? void 0 : _current.focus();
+    }
+  }, [isFocused]);
+  return {
+    tabIndex,
+    isFocused: context.state.focusType === 'roving-tabindex' ? isFocused && document.activeElement === domElementRef.current : selected && ((_context$state$active = context.state.activedescendant) === null || _context$state$active === void 0 ? void 0 : _context$state$active[0]) === getId(),
+    handleKeyDown,
+    handleClick
+  };
+}
+
+export { EventKey as E, FocusWithinGroupActionType as F, Navigation as N, FOCUS_WITHING_GROUP_INITIAL_STATE as a, FocusWithinGroupContext as b, useFocusOnListItem as c, uniqueId as u };
+//# sourceMappingURL=useFocusOnListItem.js.map

package/_internal/useFocusOnListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusOnListItem.js","sources":["../../src/components/focus-within-group/types.ts","../../src/components/focus-within-group/context.ts","../../src/components/focus-within-group/useFocusOnListItem.ts"],"sourcesContent":["import { ComponentProps } from 'react';\n\nexport enum EventKey {\n  ArrowLeft = 'ArrowLeft',\n  ArrowRight = 'ArrowRight',\n  ArrowUp = 'ArrowUp',\n  ArrowDown = 'ArrowDown',\n  Home = 'Home',\n  End = 'End',\n  Enter = 'Enter',\n}\n\nexport type KeyDirection = 'horizontal' | 'vertical' | 'both';\n\nexport enum Navigation {\n  PREVIOUS = 'PREVIOUS',\n  NEXT = 'NEXT',\n  VERY_FIRST = 'VERY_FIRST',\n  VERY_LAST = 'VERY_LAST',\n  PREVIOUS_ROW = 'PREVIOUS_ROW',\n  NEXT_ROW = 'NEXT_ROW',\n  FIRST_IN_ROW = 'FIRST_IN_ROW',\n  LAST_IN_ROW = 'LAST_IN_ROW',\n}\n\nexport type TabStop = Readonly<{\n  id: string;\n  domElementRef: React.RefObject<Element>;\n  isDisabled: boolean;\n  rowIndex: number | null;\n  value: string;\n}>;\n\nexport type RowStartMap = Map<Exclude<TabStop['rowIndex'], null>, number>;\n\nexport type FocusWithinGroupState = Readonly<{\n  selectedId: string | null;\n  allowFocusing: boolean;\n  tabStops: readonly TabStop[];\n  direction: KeyDirection;\n  focusOnClick: boolean;\n  focusOnInit: boolean;\n  loopAround: boolean;\n  rowStartMap: RowStartMap | null;\n  focusType: 'roving-tabindex' | 'virtual-focus';\n  listRole: 'listbox' | 'menu';\n  activedescendant?: [string, string];\n  filter?: {\n    value: string;\n    type: 'startsWith' | 'contains' | 'endsWith';\n    caseSensitive?: boolean;\n  };\n  delayedAction?: BaseFocusWithinGroupAction;\n  maxOptionsLength?: number;\n}>;\n\nexport type FocusWithinGroupOptions = Partial<\n  Pick<\n    FocusWithinGroupState,\n    | 'direction'\n    | 'focusOnClick'\n    | 'focusOnInit'\n    | 'loopAround'\n    | 'focusType'\n    | 'listRole'\n    | 'activedescendant'\n    | 'maxOptionsLength'\n  >\n>;\n\nexport enum FocusWithinGroupActionType {\n  REGISTER_TAB_STOP = 'REGISTER_TAB_STOP',\n  UNREGISTER_TAB_STOP = 'UNREGISTER_TAB_STOP',\n  KEY_DOWN_ON_ITEM = 'KEY_DOWN_ON_ITEM',\n  CLICK_ON_ITEM = 'CLICK_ON_ITEM',\n  KEY_DOWN_ON_LIST = 'KEY_DOWN_ON_LIST',\n  FOCUS_ON_LIST = 'FOCUS_ON_LIST',\n  BLUR_ON_LIST = 'BLUR_ON_LIST',\n  TAB_STOP_UPDATED = 'TAB_STOP_UPDATED',\n  OPTIONS_UPDATED = 'OPTIONS_UPDATED',\n  FILTER_LIST = 'FILTER_LIST',\n  DELAY_ACTION = 'DELAY_ACTION',\n}\n\nexport type BaseFocusWithinGroupAction =\n  | {\n      type: FocusWithinGroupActionType.REGISTER_TAB_STOP;\n      payload: TabStop;\n    }\n  | {\n      type: FocusWithinGroupActionType.UNREGISTER_TAB_STOP;\n      payload: { id: TabStop['id'] };\n    }\n  | {\n      type: FocusWithinGroupActionType.TAB_STOP_UPDATED;\n      payload: {\n        id: TabStop['id'];\n        rowIndex: TabStop['rowIndex'];\n        isDisabled: TabStop['isDisabled'];\n        value: string;\n      };\n    }\n  | {\n      type: FocusWithinGroupActionType.KEY_DOWN_ON_ITEM;\n      payload: {\n        id: TabStop['id'];\n        key: EventKey;\n        ctrlKey: boolean;\n      };\n    }\n  | {\n      type: FocusWithinGroupActionType.CLICK_ON_ITEM;\n      payload: { id: TabStop['id'] };\n    }\n  | {\n      type: FocusWithinGroupActionType.KEY_DOWN_ON_LIST;\n      payload: {\n        key: EventKey;\n        ctrlKey: boolean;\n      };\n    }\n  | {\n      type: FocusWithinGroupActionType.FOCUS_ON_LIST;\n      payload: { id: TabStop['id']; filter?: FocusWithinGroupState['filter'] };\n    }\n  | {\n      type: FocusWithinGroupActionType.BLUR_ON_LIST;\n      payload: {};\n    }\n  | {\n      type: FocusWithinGroupActionType.OPTIONS_UPDATED;\n      payload: FocusWithinGroupOptions;\n    }\n  | {\n      type: FocusWithinGroupActionType.FILTER_LIST;\n      payload: { filter: FocusWithinGroupState['filter'] };\n    };\nexport type FocusWithinGroupAction =\n  | BaseFocusWithinGroupAction\n  | {\n      type: FocusWithinGroupActionType.DELAY_ACTION;\n      payload: BaseFocusWithinGroupAction;\n    };\n\nexport type UseFocusWithinGroupProps = {\n  tabIndex?: number;\n  isFocused: boolean;\n  handleKeyDown: (event: React.KeyboardEvent) => void;\n  handleClick: () => void;\n};\n\nexport type UseFocusGroupProps = {\n  activedescendant: [string, string] | undefined;\n  handleKeyDown: (event: React.KeyboardEvent) => void;\n  handleFocus: () => void;\n  handleBlur: () => void;\n};\n\nexport type FocusWithinGroupContextProps = {\n  state: FocusWithinGroupState;\n  dispatch: React.Dispatch<FocusWithinGroupAction>;\n};\n\n/**\n * Component props.\n */\nexport interface FocusWithinGroupProps extends ComponentProps<'div'>, FocusWithinGroupOptions {}\n","import React from 'react';\nimport { FocusWithinGroupContextProps, FocusWithinGroupState } from './types';\n\nexport const FOCUS_WITHING_GROUP_INITIAL_STATE: FocusWithinGroupState = {\n  selectedId: null,\n  allowFocusing: false,\n  tabStops: [],\n  direction: 'vertical',\n  focusOnClick: false,\n  focusOnInit: true,\n  loopAround: false,\n  rowStartMap: null,\n  focusType: 'roving-tabindex',\n  listRole: 'listbox',\n};\n\nexport const FocusWithinGroupContext = React.createContext<FocusWithinGroupContextProps>({\n  state: FOCUS_WITHING_GROUP_INITIAL_STATE,\n  dispatch: () => {},\n});\n","import { useCallback, useRef, useContext, useEffect, RefObject, KeyboardEvent } from 'react';\nimport { FocusWithinGroupContext } from './context';\nimport { FocusWithinGroupActionType, EventKey, UseFocusWithinGroupProps } from './types';\n\nlet counter = 0;\n\nexport function uniqueId(): string {\n  return `rti_${++counter}`;\n}\n\n/**\n * Includes the given DOM element in the current roving tabindex.\n * @param {RefObject<Element>} domElementRef The DOM element to include.\n * This must be the same DOM element for the lifetime of the containing\n * component.\n * @param {boolean} isDisabled Whether or not the DOM element is currently\n * enabled. This value can be updated as appropriate throughout the lifetime\n * of the containing component.\n * @param {number?} rowIndex An optional integer value that must be\n * populated if the roving tabindex is being used in a grid. In that case,\n * set it to the zero-based index of the row that the given DOM element\n * is currently part of. You can update this row index as appropriate\n * throughout the lifetime of the containing component, for example if\n * the shape of the grid can change dynamically.\n * @returns A tuple of values to be applied by the containing\n * component for the roving tabindex to work correctly.\n * First tuple value: The tabIndex value to apply to the tab stop\n * element.\n * Second tuple value: Whether or not focus() should be invoked on the\n * tab stop element.\n * Third tuple value: The onKeyDown callback to apply to the tab\n * stop element. If the key press is relevant to the hook then\n * event.preventDefault() will be invoked on the event.\n * Fourth tuple value: The onClick callback to apply to the tab\n * stop element.\n */\nexport function useFocusOnListItem(props: {\n  domElementRef: RefObject<Element>;\n  isDisabled: boolean;\n  id?: string;\n  value?: string;\n  rowIndex?: number | null;\n}): UseFocusWithinGroupProps {\n  const { domElementRef, isDisabled, id, value, rowIndex = null } = props;\n  // Create a stable ID for the lifetime of the component:\n  const idRef = useRef<string | null>(null);\n\n  function getId() {\n    if (id) {\n      return id;\n    }\n\n    if (!idRef.current) {\n      idRef.current = uniqueId();\n    }\n    return idRef.current;\n  }\n\n  const isMounted = useRef(false);\n  const context = useContext(FocusWithinGroupContext);\n\n  // Register the tab stop on mount and unregister it on unmount:\n  useEffect(() => {\n    const id = getId();\n    context.dispatch({\n      type: FocusWithinGroupActionType.REGISTER_TAB_STOP,\n      payload: {\n        id,\n        domElementRef,\n        rowIndex,\n        isDisabled,\n        value: value!,\n      },\n    });\n    return (): void => {\n      context.dispatch({\n        type: FocusWithinGroupActionType.UNREGISTER_TAB_STOP,\n        payload: { id },\n      });\n    };\n  }, []);\n\n  // Update the tab stop data if rowIndex or isDisabled change.\n  // The isMounted flag is used to prevent this effect running\n  // on mount, which is benign but redundant (as the\n  // REGISTER_TAB_STOP action would have just been dispatched).\n  useEffect(() => {\n    if (isMounted.current) {\n      context.dispatch({\n        type: FocusWithinGroupActionType.TAB_STOP_UPDATED,\n        payload: {\n          id: getId(),\n          rowIndex,\n          isDisabled,\n          value: value || '',\n        },\n      });\n    } else {\n      isMounted.current = true;\n    }\n  }, [rowIndex, isDisabled]);\n\n  // Create a stable callback function for handling key down events:\n  const handleKeyDown = useCallback((event: KeyboardEvent) => {\n    const key = EventKey[event.key as EventKey];\n    if (!key) {\n      return;\n    }\n    context.dispatch({\n      type: FocusWithinGroupActionType.KEY_DOWN_ON_ITEM,\n      payload: { id: getId(), key, ctrlKey: event.ctrlKey },\n    });\n    event.preventDefault();\n  }, []);\n\n  // Create a stable callback function for handling click events:\n  const handleClick = useCallback(() => {\n    context.dispatch({\n      type: FocusWithinGroupActionType.CLICK_ON_ITEM,\n      payload: { id: getId() },\n    });\n  }, []);\n\n  // Determine if the current tab stop is the currently active one:\n  const selected = getId() === context.state.selectedId;\n\n  const tabIndex = context.state.focusType === 'roving-tabindex' ? (selected ? 0 : -1) : undefined;\n  const isFocused = selected && context.state.allowFocusing;\n\n  useEffect(() => {\n    if (isFocused && domElementRef.current && context.state.focusType === 'roving-tabindex') {\n      (domElementRef as RefObject<SVGElement | HTMLElement>).current?.focus();\n    }\n  }, [isFocused]);\n\n  return {\n    tabIndex,\n    isFocused:\n      context.state.focusType === 'roving-tabindex'\n        ? isFocused && document.activeElement === (domElementRef as RefObject<SVGElement | HTMLElement>).current\n        : selected && context.state.activedescendant?.[0] === getId(),\n    handleKeyDown,\n    handleClick,\n  };\n}\n"],"names":["EventKey","Navigation","FocusWithinGroupActionType","FOCUS_WITHING_GROUP_INITIAL_STATE","selectedId","allowFocusing","tabStops","direction","focusOnClick","focusOnInit","loopAround","rowStartMap","focusType","listRole","FocusWithinGroupContext","React","createContext","state","dispatch","counter","uniqueId","useFocusOnListItem","props","_context$state$active","domElementRef","isDisabled","id","value","rowIndex","idRef","useRef","getId","current","isMounted","context","useContext","useEffect","type","REGISTER_TAB_STOP","payload","UNREGISTER_TAB_STOP","TAB_STOP_UPDATED","handleKeyDown","useCallback","event","key","KEY_DOWN_ON_ITEM","ctrlKey","preventDefault","handleClick","CLICK_ON_ITEM","selected","tabIndex","undefined","isFocused","_current","focus","document","activeElement","activedescendant"],"mappings":"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"}