@salt-ds/lab 1.0.0-alpha.86 → 1.0.0-alpha.88

package/dist-es/tree/use-tree-keyboard-navigation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-tree-keyboard-navigation.js","sources":["../src/tree/use-tree-keyboard-navigation.ts"],"sourcesContent":["import { type KeyboardEvent, useCallback } from \"react\";\nimport type { CollectionHookResult, CollectionItem } from \"../common-hooks\";\nimport { ArrowLeft } from \"../common-hooks/keyUtils\";\n\nexport const getNodeParentPath = ({ id }: CollectionItem<any>) => {\n  let pos = id.lastIndexOf(\"-\");\n  if (pos !== -1) {\n    // using the built-in hierarchical id scheme\n    // rootId-n-n.n\n    const path = id.slice(pos + 1);\n    const steps = path.split(\".\");\n    if (steps.length === 1) {\n      return null;\n    }\n    steps.pop();\n    return `${id.slice(0, pos)}-${steps.join(\".\")}`;\n  }\n\n  pos = id.lastIndexOf(\"/\");\n  if (pos !== -1) {\n    // using a path scheme step/step/step\n    return id.slice(0, pos);\n  }\n};\n\ninterface TreeNavigationHookProps<Item> {\n  collectionHook: CollectionHookResult<Item>;\n  highlightedIdx: number;\n  highlightItemAtIndex: (index: number) => void;\n}\n\ninterface TreeNavigationHookResult {\n  listHandlers: {\n    onKeyDown: (evt: KeyboardEvent) => void;\n  };\n}\n\n// we need a way to set highlightedIdx when selection changes\nexport const useKeyboardNavigation = <Item>({\n  collectionHook,\n  highlightedIdx,\n  highlightItemAtIndex,\n}: TreeNavigationHookProps<Item>): TreeNavigationHookResult => {\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      if (e.key === ArrowLeft) {\n        const node = collectionHook.data[highlightedIdx];\n        const parentId = getNodeParentPath(node);\n        if (parentId) {\n          highlightItemAtIndex(\n            collectionHook.data.findIndex((item) => item.id === parentId),\n          );\n        }\n      }\n    },\n    [highlightedIdx, highlightItemAtIndex],\n  );\n\n  const listHandlers = {\n    onKeyDown: handleKeyDown,\n  };\n\n  return {\n    listHandlers,\n  };\n};\n"],"names":[],"mappings":";;;AAIO,MAAM,iBAAA,GAAoB,CAAC,EAAE,EAAA,EAAG,KAA2B;AAChE,EAAA,IAAI,GAAA,GAAM,EAAA,CAAG,WAAA,CAAY,GAAG,CAAA;AAC5B,EAAA,IAAI,QAAQ,EAAA,EAAI;AAGd,IAAA,MAAM,IAAA,GAAO,EAAA,CAAG,KAAA,CAAM,GAAA,GAAM,CAAC,CAAA;AAC7B,IAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,KAAA,CAAM,GAAG,CAAA;AAC5B,IAAA,IAAI,KAAA,CAAM,WAAW,CAAA,EAAG;AACtB,MAAA,OAAO,IAAA;AAAA,IACT;AACA,IAAA,KAAA,CAAM,GAAA,EAAI;AACV,IAAA,OAAO,CAAA,EAAG,EAAA,CAAG,KAAA,CAAM,CAAA,EAAG,GAAG,CAAC,CAAA,CAAA,EAAI,KAAA,CAAM,IAAA,CAAK,GAAG,CAAC,CAAA,CAAA;AAAA,EAC/C;AAEA,EAAA,GAAA,GAAM,EAAA,CAAG,YAAY,GAAG,CAAA;AACxB,EAAA,IAAI,QAAQ,EAAA,EAAI;AAEd,IAAA,OAAO,EAAA,CAAG,KAAA,CAAM,CAAA,EAAG,GAAG,CAAA;AAAA,EACxB;AACF;AAeO,MAAM,wBAAwB,CAAO;AAAA,EAC1C,cAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF,CAAA,KAA+D;AAC7D,EAAA,MAAM,aAAA,GAAgB,WAAA;AAAA,IACpB,CAAC,CAAA,KAAqB;AACpB,MAAA,IAAI,CAAA,CAAE,QAAQ,SAAA,EAAW;AACvB,QAAA,MAAM,IAAA,GAAO,cAAA,CAAe,IAAA,CAAK,cAAc,CAAA;AAC/C,QAAA,MAAM,QAAA,GAAW,kBAAkB,IAAI,CAAA;AACvC,QAAA,IAAI,QAAA,EAAU;AACZ,UAAA,oBAAA;AAAA,YACE,eAAe,IAAA,CAAK,SAAA,CAAU,CAAC,IAAA,KAAS,IAAA,CAAK,OAAO,QAAQ;AAAA,WAC9D;AAAA,QACF;AAAA,MACF;AAAA,IACF,CAAA;AAAA,IACA,CAAC,gBAAgB,oBAAoB;AAAA,GACvC;AAEA,EAAA,MAAM,YAAA,GAAe;AAAA,IACnB,SAAA,EAAW;AAAA,GACb;AAEA,EAAA,OAAO;AAAA,IACL;AAAA,GACF;AACF;;;;"}

package/dist-types/kbd/Kbd.d.ts

@@ -1,8 +0,0 @@
-import { type ComponentPropsWithoutRef } from "react";
-export interface KbdProps extends ComponentPropsWithoutRef<"kbd"> {
-    /**
-     * The variant of the kbd. Defaults to `"primary"`.
-     */
-    variant?: "primary" | "secondary" | "tertiary";
-}
-export declare const Kbd: import("react").ForwardRefExoticComponent<KbdProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/kbd/index.d.ts

@@ -1 +0,0 @@
-export * from "./Kbd";

package/dist-types/tree/treeTypes.d.ts

@@ -1,42 +0,0 @@
-import type { HTMLAttributes, RefObject } from "react";
-import type { CollectionHookResult, CollectionItem, ListHandlers, SelectionHookResult, SelectionProps, SelectionStrategy } from "../common-hooks";
-import type { ListControlProps } from "../list/listTypes";
-export interface TreeNode {
-    checked?: boolean;
-    childNodes?: TreeNode[];
-    description?: string;
-    expanded?: boolean;
-    icon?: string;
-    iconSize?: number;
-    id: string;
-    indeterminate?: boolean;
-    name?: string;
-    selected?: boolean;
-}
-export interface TreeProps<T, Selection extends SelectionStrategy> extends SelectionProps<T, Selection>, Omit<HTMLAttributes<HTMLDivElement>, "onSelect" | "onToggle"> {
-    disabled?: boolean;
-    groupSelection?: string;
-    height?: number;
-    onHighlight?: () => void;
-    onToggle?: (node: T) => void;
-    revealSelected?: boolean;
-    source?: T[];
-    width?: number;
-}
-export interface TreeHookProps<Item, Selection extends SelectionStrategy> extends SelectionProps<CollectionItem<Item>, Selection> {
-    collectionHook: CollectionHookResult<Item>;
-    containerRef: RefObject<HTMLElement>;
-    contentRef?: RefObject<HTMLElement>;
-    disabled?: boolean;
-    groupSelection?: string;
-    onHighlight?: (index: number) => void;
-    onToggle?: (node: Item) => void;
-}
-export interface TreeHookResult<Item, Selection extends SelectionStrategy> extends Pick<SelectionHookResult<Item, Selection>, "selected" | "setSelected"> {
-    focusVisible: number;
-    highlightedIdx: number;
-    highlightItemAtIndex: (index: number) => void;
-    listHandlers: ListHandlers;
-    listProps: ListControlProps;
-    listItemHandlers: Pick<ListHandlers, "onClick">;
-}

package/dist-types/tree/use-tree-keyboard-navigation.d.ts

@@ -1,15 +0,0 @@
-import { type KeyboardEvent } from "react";
-import type { CollectionHookResult, CollectionItem } from "../common-hooks";
-export declare const getNodeParentPath: ({ id }: CollectionItem<any>) => string | null | undefined;
-interface TreeNavigationHookProps<Item> {
-    collectionHook: CollectionHookResult<Item>;
-    highlightedIdx: number;
-    highlightItemAtIndex: (index: number) => void;
-}
-interface TreeNavigationHookResult {
-    listHandlers: {
-        onKeyDown: (evt: KeyboardEvent) => void;
-    };
-}
-export declare const useKeyboardNavigation: <Item>({ collectionHook, highlightedIdx, highlightItemAtIndex, }: TreeNavigationHookProps<Item>) => TreeNavigationHookResult;
-export {};