@procore/core-react 12.25.1 → 12.26.0

package/dist/Tree/Tree.types.d.ts

@@ -2,7 +2,6 @@ import type React from 'react';
 import type { FixedSizeListProps, ListChildComponentProps } from 'react-window';
 import type { BoxProps } from '../Box/Box.types';
 import type { OverlayProps } from '../Overlay/Overlay';
-import type { DivAttributes } from '../_utils/types';
 import type { UNSAFE_treeRootNodeId } from './Tree';
 declare type NodeType = 'branch' | 'leaf';
 export declare type TreeNodeId = number | string | null | undefined | typeof UNSAFE_treeRootNodeId;
@@ -218,7 +217,7 @@ export interface TreeRowProps<T extends Node = Node> extends Omit<TreeNodeAPI, '
      */
     treeContainer: HTMLDivElement;
 }
-export interface TreeProps<T extends Node = Node, P extends CustomDataType<T> = Array<T>> extends Omit<DivAttributes, 'onSelect'>, Partial<Pick<FixedSizeListProps, 'innerElementType' | 'outerElementType'>> {
+export interface TreeProps<T extends Node = Node, P extends CustomDataType<T> = Array<T>> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'>, Partial<Pick<FixedSizeListProps, 'innerElementType' | 'outerElementType'>> {
     /**
      * @since 10.19.0
      */
@@ -413,7 +412,7 @@ export interface TreeRowTooltipProps {
      */
     treeContainer: HTMLDivElement;
 }
-export interface TreeRowContainerProps extends Omit<DivAttributes, 'color'> {
+export interface TreeRowContainerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'> {
     /**
      * @since 10.19.0
      */

package/dist/Tree/Tree.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.types.js","names":[],"sources":["../../src/Tree/Tree.types.ts"],"sourcesContent":["import type React from 'react'\nimport type { FixedSizeListProps, ListChildComponentProps } from 'react-window'\nimport type { BoxProps } from '../Box/Box.types'\nimport type { OverlayProps } from '../Overlay/Overlay'\nimport type { DivAttributes } from '../_utils/types'\nimport type { UNSAFE_treeRootNodeId } from './Tree'\n\ntype NodeType = 'branch' | 'leaf'\n\nexport type TreeNodeId =\n  | number\n  | string\n  | null\n  | undefined\n  | typeof UNSAFE_treeRootNodeId\n\nexport interface Node {\n  /**\n   * @since 10.19.0\n   */\n  id: TreeNodeId\n}\nexport interface TreeDefaultNode extends Node {\n  /**\n   * @since 10.19.0\n   */\n  name: string\n  /**\n   * @since 10.19.0\n   */\n  parentId: TreeNodeId\n  /**\n   * @since 10.19.0\n   */\n  type: NodeType\n}\n\nexport interface LevelWise {\n  /**\n   * @since 10.19.0\n   */\n  level: number\n}\n\nexport interface UseTreeProps<T extends Node = Node> {\n  rootNodes: T[]\n  /**\n   * @since 10.19.0\n   */\n  expanded: T['id'][]\n  /**\n   * @since 10.19.0\n   */\n  selected: T['id'][]\n  /**\n   * @since 10.19.0\n   */\n  selectionLimit: number\n  /**\n   * @since 10.19.0\n   */\n  getChildren(node: T): T[]\n  /**\n   * @since 10.19.0\n   */\n  getParentId(node: T): TreeNodeId\n  /**\n   * @since 10.19.0\n   */\n  autoExpandParent: boolean\n  /**\n   * @since 10.19.0\n   */\n  multiple: boolean\n  /**\n   * @since 10.19.0\n   */\n  onSelect(nodes: T[]): void\n  /**\n   * @since 10.19.0\n   */\n  onCollapse(node: T): void\n  /**\n   * @since 10.19.0\n   */\n  onExpand(node: T): Promise<any>\n}\n\nexport interface TreeNodeAPI<T extends Node = Node> {\n  /**\n   * @since 10.19.0\n   */\n  nodes: (T & LevelWise)[]\n  /**\n   * @since 10.19.0\n   */\n  getIcon(props: T): React.ReactNode\n  /**\n   * @since 10.19.0\n   */\n  getLabel(props: T): string\n  /**\n   * @since 10.19.0\n   */\n  getType(node: T): NodeType\n  /**\n   * @since 10.19.0\n   */\n  isExpandable(node: T): boolean\n  /**\n   * @since 10.19.0\n   */\n  isSelectable(node: T): boolean\n  /**\n   * @since 10.19.0\n   */\n  isSelected(node: T): boolean\n  /**\n   * @since 10.19.0\n   */\n  isLoading(node: T): boolean\n  /**\n   * @since 10.19.0\n   */\n  isExpanded(node: T): boolean\n  /**\n   * @since 10.19.0\n   */\n  highlight(node: T): void\n  /**\n   * @since 10.19.0\n   */\n  isHighlighted(node: T): boolean\n  /**\n   * @since 10.19.0\n   */\n  handleSelection(node: T): void\n  /**\n   * @since 10.19.0\n   */\n  handleExpansion(node: T): void\n  /**\n   * @since 10.19.0\n   */\n  rowRenderer(props: TreeRowProps<T>): React.ReactNode\n  /**\n   * @since 10.19.0\n   */\n  selectionLimit: number\n  /**\n   * @since 10.19.0\n   */\n  isFileLimitReached: boolean\n  /**\n   * @since 10.19.0\n   */\n  isTreeFocused: boolean\n  /**\n   * @since 10.19.0\n   */\n  treeContainer: HTMLDivElement\n}\n\nexport interface CustomDataType<T> {\n  /**\n   * @since 10.19.0\n   */\n  [key: string]: any\n}\n\nexport interface TreeRef<T extends Node = Node> {\n  /**\n   * @since 10.19.0\n   */\n  setSelected: (selected: T | T[]) => void\n  /**\n   * @since 10.19.0\n   */\n  setExpanded: (expanded: T | T[]) => void\n  /**\n   * @since 10.19.0\n   */\n  toggleSelected: (node: T) => void\n  /**\n   * @since 10.19.0\n   */\n  toggleExpanded: (node: T) => void\n  /**\n   * @since 10.19.0\n   */\n  rootEl: HTMLElement | null\n}\n\nexport interface TreeNodeProps extends ListChildComponentProps {\n  /**\n   * @since 10.19.0\n   */\n  data: TreeNodeAPI\n}\n\nexport interface TreeRowOverlayProps {\n  /**\n   * @since 10.19.0\n   */\n  overlayRef: OverlayProps['overlayRef']\n  /**\n   * @since 10.19.0\n   */\n  targetRef: OverlayProps['targetRef']\n  /**\n   * @since 10.19.0\n   */\n  message: { key: string; options?: object }\n}\n\nexport interface TreeRowProps<T extends Node = Node>\n  extends Omit<\n    TreeNodeAPI,\n    'rowRenderer' | 'nodes' | 'highlight' | 'isTreeFocused'\n  > {\n  /**\n   * @since 10.19.0\n   */\n  node: T & LevelWise\n  /**\n   * @since 10.19.0\n   */\n  shouldShowTooltip: boolean\n  /**\n   * @since 10.19.0\n   */\n  isMouseOver: boolean\n  /**\n   * @since 10.19.0\n   */\n  treeContainer: HTMLDivElement\n}\n\nexport interface TreeProps<\n  T extends Node = Node,\n  P extends CustomDataType<T> = Array<T>\n> extends Omit<DivAttributes, 'onSelect'>,\n    Partial<Pick<FixedSizeListProps, 'innerElementType' | 'outerElementType'>> {\n  /**\n   * @since 10.19.0\n   */\n  options: P\n  /**\n   * Array of keys of the expanded nodes\n   * @since 10.19.0\n   */\n  expanded?: T['id'][]\n\n  /**\n   * Array of keys of the selected nodes\n   * @since 10.19.0\n   */\n  selected?: T['id'][]\n\n  /**\n   * Number of nodes that can be selected\n   * @default Infinity\n   * @since 10.19.0\n   */\n  selectionLimit?: number\n\n  /**\n   * Function should return a single root node or an array of root nodes\n   * ```\n   * (): Node | Node[]\n   * ```\n   * @since 10.19.0\n   * @deprecated To be removed in future release. `getParentId` should be used to determine root nodes instead.\n   * @deprecatedSince 11.9.0\n   */\n  getRoot?(data: P): T | T[]\n\n  /**\n   * Should return an array of children nodes.\n   * ```\n   * (node: Node): Node[]\n   * ```\n   * @since 10.19.0\n   */\n  getChildren?(node: T): T[]\n\n  /**\n   * This function will be executed on each node. Should return `Icon` component\n   * ```\n   * (node: Node): React.ReactNode\n   * ```\n   * @since 10.19.0\n   */\n  getIcon?(node: T): React.ReactNode\n\n  /**\n   * This function will be executed on each node. Should return `label` for row\n   * ```\n   * (node: Node): string\n   * ```\n   * @since 10.19.0\n   */\n  getLabel?(node: T): string\n\n  /**\n   * This function can be used to override the default parent detection mechanism.\n   * If not defined, `Node['parentId']` is used to get a given node's parent.\n   * ```\n   * (node: Node): TreeNodeId\n   * ```\n   * @since 10.19.0\n   * @deprecated Returning `UNSAFE_treeRootNodeId` to determine a root node is deprecated.\n   *   Return `null` or `undefined` intead.\n   * @deprecatedSince 11.9.0\n   */\n  getParentId?(node: T): TreeNodeId\n\n  /**\n   * This function will be executed on each node. Should return `'branch'` or `'leaf'`\n   * ```\n   * (node: Node): NodeType\n   * ```\n   * @since 10.19.0\n   */\n  getType?(node: T): NodeType\n\n  /**\n   * Function of whether to enable tree node expansion/collapsing.\n   * ```\n   * (node: Node): boolean\n   * ```\n   * @since 10.19.0\n   */\n  isExpandable?(node: T): boolean\n\n  /**\n   * Function of whether to enable tree node selection.\n   * ```\n   * (node: Node): boolean\n   * ```\n   * @since 10.19.0\n   */\n  isSelectable?(node: T): boolean\n\n  /**\n   * Allows selection of multiple nodes\n   * @default true\n   * @since 10.19.0\n   */\n  multiple?: boolean\n\n  /**\n   * Number of visible nodes. Helps fix performance bottlenecks in large dataset\n   * @default Infinity\n   * @since 10.19.0\n   */\n  maxVisibleNodes?: number\n\n  /**\n   * Height of the list. Helps fix performance bottlenecks in large dataset.\n   * @since 10.19.0\n   */\n  visibleHeight?: number\n\n  /**\n   * Whether to expand parent node when a child node is expanded or selected\n   * @default true\n   * @since 10.19.0\n   */\n  autoExpandParent?: boolean\n\n  /**\n   * Callback return currently selected array of nodes.\n   * ```\n   * (nodes: Node[]): void\n   * ```\n   * @since 10.19.0\n   */\n  onSelect?(nodes: T[]): void\n\n  /**\n   * Triggers when current node collapse\n   * ```\n   * (node: Node): void\n   * ```\n   * @since 10.19.0\n   */\n  onCollapse?(node: T): void\n\n  /**\n   * Triggers when current node expand\n   * ```\n   * (node: Node): Promise<void>\n   * ```\n   * @since 10.19.0\n   */\n  onExpand?(node: T): Promise<any>\n\n  /**\n   * Callback for rendering tree nodes\n   * ```\n   * (props: TreeRowProps): React.ReactNode\n   * ```\n   * @since 10.19.0\n   */\n  rowRenderer?(props: TreeRowProps<T>): React.ReactNode\n}\n\nexport interface IconContainerProps extends BoxProps {\n  /**\n   * @since 10.19.0\n   */\n  isSelected?: boolean\n}\n\nexport interface TreeRowTooltipProps {\n  /**\n   * @since 10.19.0\n   */\n  isHighlighted: boolean\n  /**\n   * @since 10.19.0\n   */\n  isSelected: boolean\n  /**\n   * @since 10.19.0\n   */\n  isSelectable: boolean\n  /**\n   * @since 10.19.0\n   */\n  selectionLimit: number\n  /**\n   * @since 10.19.0\n   */\n  isFileLimitReached: boolean\n  /**\n   * @since 10.19.0\n   */\n  shouldShowTooltip: boolean\n  /**\n   * @since 10.19.0\n   */\n  isMouseOver: boolean\n  /**\n   * @since 10.19.0\n   */\n  fileName: string\n  /**\n   * @since 10.19.0\n   */\n  nodeType: NodeType\n  /**\n   * @since 10.19.0\n   */\n  treeContainer: HTMLDivElement\n}\n\nexport interface TreeRowContainerProps extends Omit<DivAttributes, 'color'> {\n  /**\n   * @since 10.19.0\n   */\n  isHighlighted: boolean\n  /**\n   * @since 10.19.0\n   */\n  isSelected: boolean\n  /**\n   * @since 10.19.0\n   */\n  isSelectable: boolean\n  /**\n   * @since 10.19.0\n   */\n  isExpandable: boolean\n  /**\n   * @since 10.19.0\n   */\n  isFileLimitReached: boolean\n  /**\n   * @since 10.19.0\n   */\n  level: number\n}\n"],"mappings":""}
+{"version":3,"file":"Tree.types.js","names":[],"sources":["../../src/Tree/Tree.types.ts"],"sourcesContent":["import type React from 'react'\nimport type { FixedSizeListProps, ListChildComponentProps } from 'react-window'\nimport type { BoxProps } from '../Box/Box.types'\nimport type { OverlayProps } from '../Overlay/Overlay'\nimport type { UNSAFE_treeRootNodeId } from './Tree'\n\ntype NodeType = 'branch' | 'leaf'\n\nexport type TreeNodeId =\n  | number\n  | string\n  | null\n  | undefined\n  | typeof UNSAFE_treeRootNodeId\n\nexport interface Node {\n  /**\n   * @since 10.19.0\n   */\n  id: TreeNodeId\n}\nexport interface TreeDefaultNode extends Node {\n  /**\n   * @since 10.19.0\n   */\n  name: string\n  /**\n   * @since 10.19.0\n   */\n  parentId: TreeNodeId\n  /**\n   * @since 10.19.0\n   */\n  type: NodeType\n}\n\nexport interface LevelWise {\n  /**\n   * @since 10.19.0\n   */\n  level: number\n}\n\nexport interface UseTreeProps<T extends Node = Node> {\n  rootNodes: T[]\n  /**\n   * @since 10.19.0\n   */\n  expanded: T['id'][]\n  /**\n   * @since 10.19.0\n   */\n  selected: T['id'][]\n  /**\n   * @since 10.19.0\n   */\n  selectionLimit: number\n  /**\n   * @since 10.19.0\n   */\n  getChildren(node: T): T[]\n  /**\n   * @since 10.19.0\n   */\n  getParentId(node: T): TreeNodeId\n  /**\n   * @since 10.19.0\n   */\n  autoExpandParent: boolean\n  /**\n   * @since 10.19.0\n   */\n  multiple: boolean\n  /**\n   * @since 10.19.0\n   */\n  onSelect(nodes: T[]): void\n  /**\n   * @since 10.19.0\n   */\n  onCollapse(node: T): void\n  /**\n   * @since 10.19.0\n   */\n  onExpand(node: T): Promise<any>\n}\n\nexport interface TreeNodeAPI<T extends Node = Node> {\n  /**\n   * @since 10.19.0\n   */\n  nodes: (T & LevelWise)[]\n  /**\n   * @since 10.19.0\n   */\n  getIcon(props: T): React.ReactNode\n  /**\n   * @since 10.19.0\n   */\n  getLabel(props: T): string\n  /**\n   * @since 10.19.0\n   */\n  getType(node: T): NodeType\n  /**\n   * @since 10.19.0\n   */\n  isExpandable(node: T): boolean\n  /**\n   * @since 10.19.0\n   */\n  isSelectable(node: T): boolean\n  /**\n   * @since 10.19.0\n   */\n  isSelected(node: T): boolean\n  /**\n   * @since 10.19.0\n   */\n  isLoading(node: T): boolean\n  /**\n   * @since 10.19.0\n   */\n  isExpanded(node: T): boolean\n  /**\n   * @since 10.19.0\n   */\n  highlight(node: T): void\n  /**\n   * @since 10.19.0\n   */\n  isHighlighted(node: T): boolean\n  /**\n   * @since 10.19.0\n   */\n  handleSelection(node: T): void\n  /**\n   * @since 10.19.0\n   */\n  handleExpansion(node: T): void\n  /**\n   * @since 10.19.0\n   */\n  rowRenderer(props: TreeRowProps<T>): React.ReactNode\n  /**\n   * @since 10.19.0\n   */\n  selectionLimit: number\n  /**\n   * @since 10.19.0\n   */\n  isFileLimitReached: boolean\n  /**\n   * @since 10.19.0\n   */\n  isTreeFocused: boolean\n  /**\n   * @since 10.19.0\n   */\n  treeContainer: HTMLDivElement\n}\n\nexport interface CustomDataType<T> {\n  /**\n   * @since 10.19.0\n   */\n  [key: string]: any\n}\n\nexport interface TreeRef<T extends Node = Node> {\n  /**\n   * @since 10.19.0\n   */\n  setSelected: (selected: T | T[]) => void\n  /**\n   * @since 10.19.0\n   */\n  setExpanded: (expanded: T | T[]) => void\n  /**\n   * @since 10.19.0\n   */\n  toggleSelected: (node: T) => void\n  /**\n   * @since 10.19.0\n   */\n  toggleExpanded: (node: T) => void\n  /**\n   * @since 10.19.0\n   */\n  rootEl: HTMLElement | null\n}\n\nexport interface TreeNodeProps extends ListChildComponentProps {\n  /**\n   * @since 10.19.0\n   */\n  data: TreeNodeAPI\n}\n\nexport interface TreeRowOverlayProps {\n  /**\n   * @since 10.19.0\n   */\n  overlayRef: OverlayProps['overlayRef']\n  /**\n   * @since 10.19.0\n   */\n  targetRef: OverlayProps['targetRef']\n  /**\n   * @since 10.19.0\n   */\n  message: { key: string; options?: object }\n}\n\nexport interface TreeRowProps<T extends Node = Node>\n  extends Omit<\n    TreeNodeAPI,\n    'rowRenderer' | 'nodes' | 'highlight' | 'isTreeFocused'\n  > {\n  /**\n   * @since 10.19.0\n   */\n  node: T & LevelWise\n  /**\n   * @since 10.19.0\n   */\n  shouldShowTooltip: boolean\n  /**\n   * @since 10.19.0\n   */\n  isMouseOver: boolean\n  /**\n   * @since 10.19.0\n   */\n  treeContainer: HTMLDivElement\n}\n\nexport interface TreeProps<\n  T extends Node = Node,\n  P extends CustomDataType<T> = Array<T>\n> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'>,\n    Partial<Pick<FixedSizeListProps, 'innerElementType' | 'outerElementType'>> {\n  /**\n   * @since 10.19.0\n   */\n  options: P\n  /**\n   * Array of keys of the expanded nodes\n   * @since 10.19.0\n   */\n  expanded?: T['id'][]\n\n  /**\n   * Array of keys of the selected nodes\n   * @since 10.19.0\n   */\n  selected?: T['id'][]\n\n  /**\n   * Number of nodes that can be selected\n   * @default Infinity\n   * @since 10.19.0\n   */\n  selectionLimit?: number\n\n  /**\n   * Function should return a single root node or an array of root nodes\n   * ```\n   * (): Node | Node[]\n   * ```\n   * @since 10.19.0\n   * @deprecated To be removed in future release. `getParentId` should be used to determine root nodes instead.\n   * @deprecatedSince 11.9.0\n   */\n  getRoot?(data: P): T | T[]\n\n  /**\n   * Should return an array of children nodes.\n   * ```\n   * (node: Node): Node[]\n   * ```\n   * @since 10.19.0\n   */\n  getChildren?(node: T): T[]\n\n  /**\n   * This function will be executed on each node. Should return `Icon` component\n   * ```\n   * (node: Node): React.ReactNode\n   * ```\n   * @since 10.19.0\n   */\n  getIcon?(node: T): React.ReactNode\n\n  /**\n   * This function will be executed on each node. Should return `label` for row\n   * ```\n   * (node: Node): string\n   * ```\n   * @since 10.19.0\n   */\n  getLabel?(node: T): string\n\n  /**\n   * This function can be used to override the default parent detection mechanism.\n   * If not defined, `Node['parentId']` is used to get a given node's parent.\n   * ```\n   * (node: Node): TreeNodeId\n   * ```\n   * @since 10.19.0\n   * @deprecated Returning `UNSAFE_treeRootNodeId` to determine a root node is deprecated.\n   *   Return `null` or `undefined` intead.\n   * @deprecatedSince 11.9.0\n   */\n  getParentId?(node: T): TreeNodeId\n\n  /**\n   * This function will be executed on each node. Should return `'branch'` or `'leaf'`\n   * ```\n   * (node: Node): NodeType\n   * ```\n   * @since 10.19.0\n   */\n  getType?(node: T): NodeType\n\n  /**\n   * Function of whether to enable tree node expansion/collapsing.\n   * ```\n   * (node: Node): boolean\n   * ```\n   * @since 10.19.0\n   */\n  isExpandable?(node: T): boolean\n\n  /**\n   * Function of whether to enable tree node selection.\n   * ```\n   * (node: Node): boolean\n   * ```\n   * @since 10.19.0\n   */\n  isSelectable?(node: T): boolean\n\n  /**\n   * Allows selection of multiple nodes\n   * @default true\n   * @since 10.19.0\n   */\n  multiple?: boolean\n\n  /**\n   * Number of visible nodes. Helps fix performance bottlenecks in large dataset\n   * @default Infinity\n   * @since 10.19.0\n   */\n  maxVisibleNodes?: number\n\n  /**\n   * Height of the list. Helps fix performance bottlenecks in large dataset.\n   * @since 10.19.0\n   */\n  visibleHeight?: number\n\n  /**\n   * Whether to expand parent node when a child node is expanded or selected\n   * @default true\n   * @since 10.19.0\n   */\n  autoExpandParent?: boolean\n\n  /**\n   * Callback return currently selected array of nodes.\n   * ```\n   * (nodes: Node[]): void\n   * ```\n   * @since 10.19.0\n   */\n  onSelect?(nodes: T[]): void\n\n  /**\n   * Triggers when current node collapse\n   * ```\n   * (node: Node): void\n   * ```\n   * @since 10.19.0\n   */\n  onCollapse?(node: T): void\n\n  /**\n   * Triggers when current node expand\n   * ```\n   * (node: Node): Promise<void>\n   * ```\n   * @since 10.19.0\n   */\n  onExpand?(node: T): Promise<any>\n\n  /**\n   * Callback for rendering tree nodes\n   * ```\n   * (props: TreeRowProps): React.ReactNode\n   * ```\n   * @since 10.19.0\n   */\n  rowRenderer?(props: TreeRowProps<T>): React.ReactNode\n}\n\nexport interface IconContainerProps extends BoxProps {\n  /**\n   * @since 10.19.0\n   */\n  isSelected?: boolean\n}\n\nexport interface TreeRowTooltipProps {\n  /**\n   * @since 10.19.0\n   */\n  isHighlighted: boolean\n  /**\n   * @since 10.19.0\n   */\n  isSelected: boolean\n  /**\n   * @since 10.19.0\n   */\n  isSelectable: boolean\n  /**\n   * @since 10.19.0\n   */\n  selectionLimit: number\n  /**\n   * @since 10.19.0\n   */\n  isFileLimitReached: boolean\n  /**\n   * @since 10.19.0\n   */\n  shouldShowTooltip: boolean\n  /**\n   * @since 10.19.0\n   */\n  isMouseOver: boolean\n  /**\n   * @since 10.19.0\n   */\n  fileName: string\n  /**\n   * @since 10.19.0\n   */\n  nodeType: NodeType\n  /**\n   * @since 10.19.0\n   */\n  treeContainer: HTMLDivElement\n}\n\nexport interface TreeRowContainerProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'> {\n  /**\n   * @since 10.19.0\n   */\n  isHighlighted: boolean\n  /**\n   * @since 10.19.0\n   */\n  isSelected: boolean\n  /**\n   * @since 10.19.0\n   */\n  isSelectable: boolean\n  /**\n   * @since 10.19.0\n   */\n  isExpandable: boolean\n  /**\n   * @since 10.19.0\n   */\n  isFileLimitReached: boolean\n  /**\n   * @since 10.19.0\n   */\n  level: number\n}\n"],"mappings":""}

package/dist/Tree/mocks/treeMockData.d.ts

@@ -0,0 +1,8 @@
+import type { TreeNodeId } from '../Tree.types';
+export interface CustomNode {
+    id: number;
+    name: string;
+    parentId: TreeNodeId;
+    file: boolean;
+}
+export declare function createMockData(amountOfNodes: number): CustomNode[];

package/dist/Tree/mocks/treeMockData.js

@@ -0,0 +1,44 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function generateRandomString(length) {
+  var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+  var charactersLength = characters.length;
+  var result = '';
+  for (var i = 0; i < length; i++) {
+    result += characters.charAt(Math.floor(Math.random() * charactersLength));
+  }
+  return result;
+}
+var root = {
+  id: 1,
+  name: 'Root Folder',
+  parentId: null,
+  file: false
+};
+export function createMockData(amountOfNodes) {
+  var ids = [root.id];
+  var mockData = [root];
+  for (var i = 0, id = 2; i < amountOfNodes; i++, id++) {
+    mockData.push({
+      name: generateRandomString(5),
+      id: id,
+      file: false,
+      parentId: ids[Math.floor(Math.random() * ids.length)]
+    });
+    ids.push(id);
+  }
+  var foldersIds = mockData.map(function (item) {
+    return item.parentId;
+  });
+  var uniqueFolders = new Set(foldersIds);
+  return mockData.map(function (item) {
+    return uniqueFolders.has(item.id) ? item : _objectSpread(_objectSpread({}, item), {}, {
+      file: true
+    });
+  });
+}
+//# sourceMappingURL=treeMockData.js.map

package/dist/Tree/mocks/treeMockData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"treeMockData.js","names":["generateRandomString","length","characters","charactersLength","result","i","charAt","Math","floor","random","root","id","name","parentId","file","createMockData","amountOfNodes","ids","mockData","push","foldersIds","map","item","uniqueFolders","Set","has","_objectSpread"],"sources":["../../../src/Tree/mocks/treeMockData.ts"],"sourcesContent":["import type { TreeNodeId } from '../Tree.types'\n\nfunction generateRandomString(length: number) {\n  const characters =\n    'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'\n  const charactersLength = characters.length\n\n  let result = ''\n\n  for (let i = 0; i < length; i++) {\n    result += characters.charAt(Math.floor(Math.random() * charactersLength))\n  }\n\n  return result\n}\n\nexport interface CustomNode {\n  id: number\n  name: string\n  parentId: TreeNodeId\n  file: boolean\n}\n\nconst root = {\n  id: 1,\n  name: 'Root Folder',\n  parentId: null,\n  file: false,\n}\n\nexport function createMockData(amountOfNodes: number) {\n  const ids: CustomNode['id'][] = [root.id]\n  const mockData: CustomNode[] = [root]\n  for (let i = 0, id = 2; i < amountOfNodes; i++, id++) {\n    mockData.push({\n      name: generateRandomString(5),\n      id,\n      file: false,\n      parentId: ids[Math.floor(Math.random() * ids.length)],\n    })\n    ids.push(id)\n  }\n  const foldersIds = mockData.map((item) => item.parentId)\n  const uniqueFolders = new Set(foldersIds)\n\n  return mockData.map((item) =>\n    uniqueFolders.has(item.id) ? item : { ...item, file: true }\n  )\n}\n"],"mappings":";;;;;;AAEA,SAASA,oBAAoBA,CAACC,MAAc,EAAE;EAC5C,IAAMC,UAAU,GACd,gEAAgE;EAClE,IAAMC,gBAAgB,GAAGD,UAAU,CAACD,MAAM;EAE1C,IAAIG,MAAM,GAAG,EAAE;EAEf,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGJ,MAAM,EAAEI,CAAC,EAAE,EAAE;IAC/BD,MAAM,IAAIF,UAAU,CAACI,MAAM,CAACC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,CAAC,CAAC,GAAGN,gBAAgB,CAAC,CAAC;EAC3E;EAEA,OAAOC,MAAM;AACf;AASA,IAAMM,IAAI,GAAG;EACXC,EAAE,EAAE,CAAC;EACLC,IAAI,EAAE,aAAa;EACnBC,QAAQ,EAAE,IAAI;EACdC,IAAI,EAAE;AACR,CAAC;AAED,OAAO,SAASC,cAAcA,CAACC,aAAqB,EAAE;EACpD,IAAMC,GAAuB,GAAG,CAACP,IAAI,CAACC,EAAE,CAAC;EACzC,IAAMO,QAAsB,GAAG,CAACR,IAAI,CAAC;EACrC,KAAK,IAAIL,CAAC,GAAG,CAAC,EAAEM,EAAE,GAAG,CAAC,EAAEN,CAAC,GAAGW,aAAa,EAAEX,CAAC,EAAE,EAAEM,EAAE,EAAE,EAAE;IACpDO,QAAQ,CAACC,IAAI,CAAC;MACZP,IAAI,EAAEZ,oBAAoB,CAAC,CAAC,CAAC;MAC7BW,EAAE,EAAFA,EAAE;MACFG,IAAI,EAAE,KAAK;MACXD,QAAQ,EAAEI,GAAG,CAACV,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,CAAC,CAAC,GAAGQ,GAAG,CAAChB,MAAM,CAAC;IACtD,CAAC,CAAC;IACFgB,GAAG,CAACE,IAAI,CAACR,EAAE,CAAC;EACd;EACA,IAAMS,UAAU,GAAGF,QAAQ,CAACG,GAAG,CAAC,UAACC,IAAI;IAAA,OAAKA,IAAI,CAACT,QAAQ;EAAA,EAAC;EACxD,IAAMU,aAAa,GAAG,IAAIC,GAAG,CAACJ,UAAU,CAAC;EAEzC,OAAOF,QAAQ,CAACG,GAAG,CAAC,UAACC,IAAI;IAAA,OACvBC,aAAa,CAACE,GAAG,CAACH,IAAI,CAACX,EAAE,CAAC,GAAGW,IAAI,GAAAI,aAAA,CAAAA,aAAA,KAAQJ,IAAI;MAAER,IAAI,EAAE;IAAI,EAAE;EAAA,CAC7D,CAAC;AACH"}

package/dist/Typeahead/Typeahead.styles.js

@@ -5,11 +5,11 @@ import { spacing } from '../_styles/spacing';
 var inputHeight = 36;
 export var StyledInput = /*#__PURE__*/styled.input.withConfig({
   displayName: "StyledInput",
-  componentId: "core-12_25_1__sc-gpc39h-0"
+  componentId: "core-12_26_0__sc-gpc39h-0"
 })(["", " padding-right:", "px;"], getSearchInputStyles(), spacing.xxl);
 export var StyledIcon = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledIcon",
-  componentId: "core-12_25_1__sc-gpc39h-1"
+  componentId: "core-12_26_0__sc-gpc39h-1"
 })(["align-items:center;color:", ";display:flex;height:", "px;justify-content:center;pointer-events:", ";position:absolute;right:0;top:0;width:", "px;"], function (p) {
   return p.disabled ? colors.gray70 : colors.gray45;
 }, inputHeight, function (p) {
@@ -17,6 +17,6 @@ export var StyledIcon = /*#__PURE__*/styled.div.withConfig({
 }, inputHeight);
 export var StyledTypeahead = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTypeahead",
-  componentId: "core-12_25_1__sc-gpc39h-2"
+  componentId: "core-12_26_0__sc-gpc39h-2"
 })(["position:relative;width:100%;"]);
 //# sourceMappingURL=Typeahead.styles.js.map

package/dist/Typography/Typography.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import type { SpanAttributes } from '../_utils/types';
 import type { TypographyProps } from './Typography.types';
 /**
 
@@ -8,4 +7,4 @@ import type { TypographyProps } from './Typography.types';
  @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-typography--demo)
 
  */
-export declare const Typography: React.ForwardRefExoticComponent<SpanAttributes & TypographyProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const Typography: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & TypographyProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/Typography/Typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.js","names":["React","StyledTypography","Typography","forwardRef","_ref","ref","children","color","breakWord","intent","italic","weight","props","_objectWithoutProperties","_excluded","createElement","_extends","$breakWord","$color","$intent","$italic","$weight","displayName"],"sources":["../../src/Typography/Typography.tsx"],"sourcesContent":["import React from 'react'\nimport type { SpanAttributes } from '../_utils/types'\nimport { StyledTypography } from './Typography.styles'\nimport type { TypographyProps } from './Typography.types'\n\n/**\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-typography--demo)\n\n */\nexport const Typography = React.forwardRef<\n  HTMLSpanElement,\n  SpanAttributes & TypographyProps\n>(function Typography(\n  { children, color, breakWord, intent, italic, weight, ...props },\n  ref\n) {\n  return (\n    <StyledTypography\n      $breakWord={breakWord}\n      $color={color}\n      $intent={intent}\n      $italic={italic}\n      $weight={weight}\n      {...props}\n      ref={ref}\n    >\n      {children}\n    </StyledTypography>\n  )\n})\n\nTypography.displayName = 'Typography'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,gBAAgB,QAAQ,qBAAqB;AAGtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,UAAU,gBAAGF,KAAK,CAACG,UAAU,CAGxC,SAASD,UAAUA,CAAAE,IAAA,EAEnBC,GAAG,EACH;EAAA,IAFEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IAAEC,MAAM,GAAAL,IAAA,CAANK,MAAM;IAAEC,MAAM,GAAAN,IAAA,CAANM,MAAM;IAAEC,MAAM,GAAAP,IAAA,CAANO,MAAM;IAAKC,KAAK,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA;EAG9D,oBACEd,KAAA,CAAAe,aAAA,CAACd,gBAAgB,EAAAe,QAAA;IACfC,UAAU,EAAET,SAAU;IACtBU,MAAM,EAAEX,KAAM;IACdY,OAAO,EAAEV,MAAO;IAChBW,OAAO,EAAEV,MAAO;IAChBW,OAAO,EAAEV;EAAO,GACZC,KAAK;IACTP,GAAG,EAAEA;EAAI,IAERC,QACe,CAAC;AAEvB,CAAC,CAAC;AAEFJ,UAAU,CAACoB,WAAW,GAAG,YAAY"}
+{"version":3,"file":"Typography.js","names":["React","StyledTypography","Typography","forwardRef","_ref","ref","children","color","breakWord","intent","italic","weight","props","_objectWithoutProperties","_excluded","createElement","_extends","$breakWord","$color","$intent","$italic","$weight","displayName"],"sources":["../../src/Typography/Typography.tsx"],"sourcesContent":["import React from 'react'\nimport { StyledTypography } from './Typography.styles'\nimport type { TypographyProps } from './Typography.types'\n\n/**\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-typography--demo)\n\n */\nexport const Typography = React.forwardRef<\n  HTMLSpanElement,\n  React.HTMLAttributes<HTMLSpanElement> & TypographyProps\n>(function Typography(\n  { children, color, breakWord, intent, italic, weight, ...props },\n  ref\n) {\n  return (\n    <StyledTypography\n      $breakWord={breakWord}\n      $color={color}\n      $intent={intent}\n      $italic={italic}\n      $weight={weight}\n      {...props}\n      ref={ref}\n    >\n      {children}\n    </StyledTypography>\n  )\n})\n\nTypography.displayName = 'Typography'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,qBAAqB;AAGtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,UAAU,gBAAGF,KAAK,CAACG,UAAU,CAGxC,SAASD,UAAUA,CAAAE,IAAA,EAEnBC,GAAG,EACH;EAAA,IAFEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IAAEC,MAAM,GAAAL,IAAA,CAANK,MAAM;IAAEC,MAAM,GAAAN,IAAA,CAANM,MAAM;IAAEC,MAAM,GAAAP,IAAA,CAANO,MAAM;IAAKC,KAAK,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA;EAG9D,oBACEd,KAAA,CAAAe,aAAA,CAACd,gBAAgB,EAAAe,QAAA;IACfC,UAAU,EAAET,SAAU;IACtBU,MAAM,EAAEX,KAAM;IACdY,OAAO,EAAEV,MAAO;IAChBW,OAAO,EAAEV,MAAO;IAChBW,OAAO,EAAEV;EAAO,GACZC,KAAK;IACTP,GAAG,EAAEA;EAAI,IAERC,QACe,CAAC;AAEvB,CAAC,CAAC;AAEFJ,UAAU,CAACoB,WAAW,GAAG,YAAY"}

package/dist/Typography/Typography.styles.js

@@ -35,7 +35,7 @@ export var semiboldRules = function semiboldRules() {
 };
 export var StyledTypography = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledTypography",
-  componentId: "core-12_25_1__sc-1c4583t-0"
+  componentId: "core-12_26_0__sc-1c4583t-0"
 })(["", " color:", ";font-style:", ";font-weight:", ";", " ", " em,i{font-style:italic;}"], function (_ref) {
   var _ref$$intent = _ref.$intent,
     $intent = _ref$$intent === void 0 ? 'body' : _ref$$intent;

package/dist/Typography/Typography.table.story.js

@@ -5,11 +5,11 @@ import { colors } from '../_styles/colors';
 import { getTypographyIntent } from './Typography.styles';
 var StyledBodyCell = /*#__PURE__*/styled(Table.BodyCell).withConfig({
   displayName: "StyledBodyCell",
-  componentId: "core-12_25_1__sc-p4v7d-0"
+  componentId: "core-12_26_0__sc-p4v7d-0"
 })([""]);
 var StyledTextCell = /*#__PURE__*/styled(Table.TextCell).withConfig({
   displayName: "StyledTextCell",
-  componentId: "core-12_25_1__sc-p4v7d-1"
+  componentId: "core-12_26_0__sc-p4v7d-1"
 })(["", " color:", ";"], getTypographyIntent('body'), colors.blue50);
 function BodyCell() {
   return /*#__PURE__*/React.createElement(StyledBodyCell, {

package/dist/_hooks/ClickOutside.js

@@ -26,12 +26,16 @@ export function useClickOutside(_ref) {
   var handleMouseDown = function handleMouseDown(event) {
     mousedownTarget.current = event.target;
   };
+
+  // Only trigger if the mouseup target is the same as the mousedown target
+  // and it's outside of our refs
   var handleMouseUp = function handleMouseUp(event) {
-    // Only trigger if the mouseup target is the same as the mousedown target
-    // and it's outside of our refs
-    if (mousedownTarget.current === event.target && onClickOutside && !refs.find(function (ref) {
+    var _mousedownTarget$curr, _mousedownTarget$curr2;
+    var isSameTarget = mousedownTarget.current instanceof Element && event.target instanceof Element && ((_mousedownTarget$curr = (_mousedownTarget$curr2 = mousedownTarget.current).isSameNode) === null || _mousedownTarget$curr === void 0 ? void 0 : _mousedownTarget$curr.call(_mousedownTarget$curr2, event.target));
+    var isOutsideTarget = !refs.find(function (ref) {
       return isEventSource(ref, event);
-    })) {
+    });
+    if (isOutsideTarget && isSameTarget) {
       onClickOutside(event);
     }
     mousedownTarget.current = null;

package/dist/_hooks/ClickOutside.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClickOutside.js","names":["useRef","useEventListener","isEventSource","ref","event","current","target","HTMLElement","SVGElement","contains","useClickOutside","_ref","_ref$refs","refs","onClickOutside","container","mousedownTarget","handleMouseDown","handleMouseUp","find","options","capture","containerDocument","ownerDocument","scope","defaultView","undefined","handler"],"sources":["../../src/_hooks/ClickOutside.ts"],"sourcesContent":["import type React from 'react'\nimport { useRef } from 'react'\nimport type { PortalProps } from '../Portal/Portal.types'\nimport { useEventListener } from './EventListener'\n\nexport interface ClickOutsideConfig extends Pick<PortalProps, 'container'> {\n  /**\n   * @since 10.19.0\n   */\n  onClickOutside: (event: MouseEvent) => void\n  /**\n   * @since 10.19.0\n   */\n  refs: Array<React.RefObject<HTMLElement>>\n}\n\nexport interface ClickOutsideProps extends ClickOutsideConfig {\n  /**\n   * @since 10.19.0\n   */\n  children: React.ReactElement\n}\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\n// To support MenuRef had to change to any. Could manually do <HTMLElement & MenuRef> but seems brittle\nexport function isEventSource(ref: React.RefObject<any>, event: Event) {\n  if (\n    ref?.current &&\n    event &&\n    (event.target instanceof HTMLElement || event.target instanceof SVGElement)\n  ) {\n    return ref.current.contains(event.target)\n  } else {\n    return false\n  }\n}\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport function useClickOutside({\n  refs = [],\n  onClickOutside,\n  container,\n}: ClickOutsideConfig) {\n  const mousedownTarget = useRef<EventTarget | null>(null)\n\n  const handleMouseDown = (event: MouseEvent) => {\n    mousedownTarget.current = event.target\n  }\n\n  const handleMouseUp = (event: MouseEvent) => {\n    // Only trigger if the mouseup target is the same as the mousedown target\n    // and it's outside of our refs\n    if (\n      mousedownTarget.current === event.target &&\n      onClickOutside &&\n      !refs.find((ref) => isEventSource(ref, event))\n    ) {\n      onClickOutside(event)\n    }\n    mousedownTarget.current = null\n  }\n\n  const options = { capture: true }\n  const containerDocument = container?.ownerDocument\n  const scope = containerDocument?.defaultView || undefined\n\n  useEventListener({\n    event: 'mousedown',\n    handler: handleMouseDown,\n    options,\n    scope: scope,\n  })\n\n  useEventListener({\n    event: 'mouseup',\n    handler: handleMouseUp,\n    options,\n    scope: scope,\n  })\n\n  useEventListener({\n    event: 'touchend',\n    handler: handleMouseUp,\n    options,\n    scope: scope,\n  })\n}\n"],"mappings":"AACA,SAASA,MAAM,QAAQ,OAAO;AAE9B,SAASC,gBAAgB,QAAQ,iBAAiB;AAoBlD;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,aAAaA,CAACC,GAAyB,EAAEC,KAAY,EAAE;EACrE,IACED,GAAG,aAAHA,GAAG,eAAHA,GAAG,CAAEE,OAAO,IACZD,KAAK,KACJA,KAAK,CAACE,MAAM,YAAYC,WAAW,IAAIH,KAAK,CAACE,MAAM,YAAYE,UAAU,CAAC,EAC3E;IACA,OAAOL,GAAG,CAACE,OAAO,CAACI,QAAQ,CAACL,KAAK,CAACE,MAAM,CAAC;EAC3C,CAAC,MAAM;IACL,OAAO,KAAK;EACd;AACF;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASI,eAAeA,CAAAC,IAAA,EAIR;EAAA,IAAAC,SAAA,GAAAD,IAAA,CAHrBE,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,EAAE,GAAAA,SAAA;IACTE,cAAc,GAAAH,IAAA,CAAdG,cAAc;IACdC,SAAS,GAAAJ,IAAA,CAATI,SAAS;EAET,IAAMC,eAAe,GAAGhB,MAAM,CAAqB,IAAI,CAAC;EAExD,IAAMiB,eAAe,GAAG,SAAlBA,eAAeA,CAAIb,KAAiB,EAAK;IAC7CY,eAAe,CAACX,OAAO,GAAGD,KAAK,CAACE,MAAM;EACxC,CAAC;EAED,IAAMY,aAAa,GAAG,SAAhBA,aAAaA,CAAId,KAAiB,EAAK;IAC3C;IACA;IACA,IACEY,eAAe,CAACX,OAAO,KAAKD,KAAK,CAACE,MAAM,IACxCQ,cAAc,IACd,CAACD,IAAI,CAACM,IAAI,CAAC,UAAChB,GAAG;MAAA,OAAKD,aAAa,CAACC,GAAG,EAAEC,KAAK,CAAC;IAAA,EAAC,EAC9C;MACAU,cAAc,CAACV,KAAK,CAAC;IACvB;IACAY,eAAe,CAACX,OAAO,GAAG,IAAI;EAChC,CAAC;EAED,IAAMe,OAAO,GAAG;IAAEC,OAAO,EAAE;EAAK,CAAC;EACjC,IAAMC,iBAAiB,GAAGP,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEQ,aAAa;EAClD,IAAMC,KAAK,GAAG,CAAAF,iBAAiB,aAAjBA,iBAAiB,uBAAjBA,iBAAiB,CAAEG,WAAW,KAAIC,SAAS;EAEzDzB,gBAAgB,CAAC;IACfG,KAAK,EAAE,WAAW;IAClBuB,OAAO,EAAEV,eAAe;IACxBG,OAAO,EAAPA,OAAO;IACPI,KAAK,EAAEA;EACT,CAAC,CAAC;EAEFvB,gBAAgB,CAAC;IACfG,KAAK,EAAE,SAAS;IAChBuB,OAAO,EAAET,aAAa;IACtBE,OAAO,EAAPA,OAAO;IACPI,KAAK,EAAEA;EACT,CAAC,CAAC;EAEFvB,gBAAgB,CAAC;IACfG,KAAK,EAAE,UAAU;IACjBuB,OAAO,EAAET,aAAa;IACtBE,OAAO,EAAPA,OAAO;IACPI,KAAK,EAAEA;EACT,CAAC,CAAC;AACJ"}
+{"version":3,"file":"ClickOutside.js","names":["useRef","useEventListener","isEventSource","ref","event","current","target","HTMLElement","SVGElement","contains","useClickOutside","_ref","_ref$refs","refs","onClickOutside","container","mousedownTarget","handleMouseDown","handleMouseUp","_mousedownTarget$curr","_mousedownTarget$curr2","isSameTarget","Element","isSameNode","call","isOutsideTarget","find","options","capture","containerDocument","ownerDocument","scope","defaultView","undefined","handler"],"sources":["../../src/_hooks/ClickOutside.ts"],"sourcesContent":["import type React from 'react'\nimport { useRef } from 'react'\nimport type { PortalProps } from '../Portal/Portal.types'\nimport { useEventListener } from './EventListener'\n\nexport interface ClickOutsideConfig extends Pick<PortalProps, 'container'> {\n  /**\n   * @since 10.19.0\n   */\n  onClickOutside: (event: MouseEvent) => void\n  /**\n   * @since 10.19.0\n   */\n  refs: Array<React.RefObject<HTMLElement>>\n}\n\nexport interface ClickOutsideProps extends ClickOutsideConfig {\n  /**\n   * @since 10.19.0\n   */\n  children: React.ReactElement\n}\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\n// To support MenuRef had to change to any. Could manually do <HTMLElement & MenuRef> but seems brittle\nexport function isEventSource(ref: React.RefObject<any>, event: Event) {\n  if (\n    ref?.current &&\n    event &&\n    (event.target instanceof HTMLElement || event.target instanceof SVGElement)\n  ) {\n    return ref.current.contains(event.target)\n  } else {\n    return false\n  }\n}\n\n/**\n * @deprecatedSince 9\n * @deprecated Never officially documented/supported\n */\nexport function useClickOutside({\n  refs = [],\n  onClickOutside,\n  container,\n}: ClickOutsideConfig) {\n  const mousedownTarget = useRef<EventTarget | null>(null)\n\n  const handleMouseDown = (event: MouseEvent) => {\n    mousedownTarget.current = event.target\n  }\n\n  // Only trigger if the mouseup target is the same as the mousedown target\n  // and it's outside of our refs\n  const handleMouseUp = (event: MouseEvent) => {\n    const isSameTarget =\n      mousedownTarget.current instanceof Element &&\n      event.target instanceof Element &&\n      mousedownTarget.current.isSameNode?.(event.target)\n    const isOutsideTarget = !refs.find((ref) => isEventSource(ref, event))\n    if (isOutsideTarget && isSameTarget) {\n      onClickOutside(event)\n    }\n    mousedownTarget.current = null\n  }\n\n  const options = { capture: true }\n  const containerDocument = container?.ownerDocument\n  const scope = containerDocument?.defaultView || undefined\n\n  useEventListener({\n    event: 'mousedown',\n    handler: handleMouseDown,\n    options,\n    scope: scope,\n  })\n\n  useEventListener({\n    event: 'mouseup',\n    handler: handleMouseUp,\n    options,\n    scope: scope,\n  })\n\n  useEventListener({\n    event: 'touchend',\n    handler: handleMouseUp,\n    options,\n    scope: scope,\n  })\n}\n"],"mappings":"AACA,SAASA,MAAM,QAAQ,OAAO;AAE9B,SAASC,gBAAgB,QAAQ,iBAAiB;AAoBlD;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,aAAaA,CAACC,GAAyB,EAAEC,KAAY,EAAE;EACrE,IACED,GAAG,aAAHA,GAAG,eAAHA,GAAG,CAAEE,OAAO,IACZD,KAAK,KACJA,KAAK,CAACE,MAAM,YAAYC,WAAW,IAAIH,KAAK,CAACE,MAAM,YAAYE,UAAU,CAAC,EAC3E;IACA,OAAOL,GAAG,CAACE,OAAO,CAACI,QAAQ,CAACL,KAAK,CAACE,MAAM,CAAC;EAC3C,CAAC,MAAM;IACL,OAAO,KAAK;EACd;AACF;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASI,eAAeA,CAAAC,IAAA,EAIR;EAAA,IAAAC,SAAA,GAAAD,IAAA,CAHrBE,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,EAAE,GAAAA,SAAA;IACTE,cAAc,GAAAH,IAAA,CAAdG,cAAc;IACdC,SAAS,GAAAJ,IAAA,CAATI,SAAS;EAET,IAAMC,eAAe,GAAGhB,MAAM,CAAqB,IAAI,CAAC;EAExD,IAAMiB,eAAe,GAAG,SAAlBA,eAAeA,CAAIb,KAAiB,EAAK;IAC7CY,eAAe,CAACX,OAAO,GAAGD,KAAK,CAACE,MAAM;EACxC,CAAC;;EAED;EACA;EACA,IAAMY,aAAa,GAAG,SAAhBA,aAAaA,CAAId,KAAiB,EAAK;IAAA,IAAAe,qBAAA,EAAAC,sBAAA;IAC3C,IAAMC,YAAY,GAChBL,eAAe,CAACX,OAAO,YAAYiB,OAAO,IAC1ClB,KAAK,CAACE,MAAM,YAAYgB,OAAO,MAAAH,qBAAA,GAC/B,CAAAC,sBAAA,GAAAJ,eAAe,CAACX,OAAO,EAACkB,UAAU,cAAAJ,qBAAA,uBAAlCA,qBAAA,CAAAK,IAAA,CAAAJ,sBAAA,EAAqChB,KAAK,CAACE,MAAM,CAAC;IACpD,IAAMmB,eAAe,GAAG,CAACZ,IAAI,CAACa,IAAI,CAAC,UAACvB,GAAG;MAAA,OAAKD,aAAa,CAACC,GAAG,EAAEC,KAAK,CAAC;IAAA,EAAC;IACtE,IAAIqB,eAAe,IAAIJ,YAAY,EAAE;MACnCP,cAAc,CAACV,KAAK,CAAC;IACvB;IACAY,eAAe,CAACX,OAAO,GAAG,IAAI;EAChC,CAAC;EAED,IAAMsB,OAAO,GAAG;IAAEC,OAAO,EAAE;EAAK,CAAC;EACjC,IAAMC,iBAAiB,GAAGd,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEe,aAAa;EAClD,IAAMC,KAAK,GAAG,CAAAF,iBAAiB,aAAjBA,iBAAiB,uBAAjBA,iBAAiB,CAAEG,WAAW,KAAIC,SAAS;EAEzDhC,gBAAgB,CAAC;IACfG,KAAK,EAAE,WAAW;IAClB8B,OAAO,EAAEjB,eAAe;IACxBU,OAAO,EAAPA,OAAO;IACPI,KAAK,EAAEA;EACT,CAAC,CAAC;EAEF9B,gBAAgB,CAAC;IACfG,KAAK,EAAE,SAAS;IAChB8B,OAAO,EAAEhB,aAAa;IACtBS,OAAO,EAAPA,OAAO;IACPI,KAAK,EAAEA;EACT,CAAC,CAAC;EAEF9B,gBAAgB,CAAC;IACfG,KAAK,EAAE,UAAU;IACjB8B,OAAO,EAAEhB,aAAa;IACtBS,OAAO,EAAPA,OAAO;IACPI,KAAK,EAAEA;EACT,CAAC,CAAC;AACJ"}

package/dist/_locales/de-DE.json

@@ -345,7 +345,7 @@
       "loading" : "Wird geladen"
     },
     "token" : {
-      "remove" : "Auswahl entfernen"
+      "remove" : "Entfernen"
     },
     "toolHeader" : {
       "settingsAction" : "Einstellungen konfigurieren"

package/dist/_locales/en-AU.json

@@ -345,7 +345,7 @@
       "loading" : "Loading"
     },
     "token" : {
-      "remove" : "Remove selection"
+      "remove" : "Remove"
     },
     "toolHeader" : {
       "settingsAction" : "Configure settings"

package/dist/_locales/en-CA.json

@@ -345,7 +345,7 @@
       "loading" : "Loading"
     },
     "token" : {
-      "remove" : "Remove selection"
+      "remove" : "Remove"
     },
     "toolHeader" : {
       "settingsAction" : "Configure settings"

package/dist/_locales/en-GB.json

@@ -345,7 +345,7 @@
       "loading" : "Loading"
     },
     "token" : {
-      "remove" : "Remove selection"
+      "remove" : "Remove"
     },
     "toolHeader" : {
       "settingsAction" : "Configure settings"

package/dist/_locales/en.json

@@ -345,7 +345,7 @@
       "loading": "Loading"
     },
     "token": {
-      "remove": "Remove selection"
+      "remove": "Remove"
     },
     "toolHeader": {
       "settingsAction": "Configure Settings"

package/dist/_locales/es-ES.json

@@ -345,7 +345,7 @@
       "loading" : "Cargando"
     },
     "token" : {
-      "remove" : "Eliminar selección"
+      "remove" : "Eliminar"
     },
     "toolHeader" : {
       "settingsAction" : "Configurar"

package/dist/_locales/es.json

@@ -345,7 +345,7 @@
       "loading" : "Cargando"
     },
     "token" : {
-      "remove" : "Eliminar selección"
+      "remove" : "Eliminar"
     },
     "toolHeader" : {
       "settingsAction" : "Configurar ajustes"

package/dist/_locales/fr-CA.json

@@ -345,7 +345,7 @@
       "loading" : "Chargement"
     },
     "token" : {
-      "remove" : "Supprimer la sélection"
+      "remove" : "Supprimer"
     },
     "toolHeader" : {
       "settingsAction" : "Configurer les paramètres"

package/dist/_locales/fr-FR.json

@@ -345,7 +345,7 @@
       "loading" : "Chargement"
     },
     "token" : {
-      "remove" : "Supprimer la sélection"
+      "remove" : "Supprimer"
     },
     "toolHeader" : {
       "settingsAction" : "Configurer les paramètres"

package/dist/_locales/is-IS.json

@@ -345,7 +345,7 @@
       "loading" : "Hleðsla"
     },
     "token" : {
-      "remove" : "Fjarlægja val"
+      "remove" : "Fjarlægðu"
     },
     "toolHeader" : {
       "settingsAction" : "Stilltu stillingar"

package/dist/_locales/it-IT.json

@@ -345,7 +345,7 @@
       "loading" : "Caricamento"
     },
     "token" : {
-      "remove" : "Rimuovi selezione"
+      "remove" : "Rimuovi"
     },
     "toolHeader" : {
       "settingsAction" : "Configura impostazioni"

package/dist/_locales/ja-JP.json

@@ -345,7 +345,7 @@
       "loading" : "読み込み中"
     },
     "token" : {
-      "remove" : "選択内容を削除する"
+      "remove" : "削除"
     },
     "toolHeader" : {
       "settingsAction" : "設定を構成する"

package/dist/_locales/pl-PL.json

@@ -345,7 +345,7 @@
       "loading" : "Ładowanie"
     },
     "token" : {
-      "remove" : "Usuń zaznaczenie"
+      "remove" : "Usuń"
     },
     "toolHeader" : {
       "settingsAction" : "Skonfiguruj ustawienia"

package/dist/_locales/pseudo.json

@@ -345,7 +345,7 @@
       "loading": "[ĿĿǿȧḓīƞɠɠ]"
     },
     "token": {
-      "remove": "[ŘŘŘŘḗḿǿṽḗ · şḗŀḗƈŧīǿƞƞƞƞ]"
+      "remove": "[ŘŘḗḿǿṽḗḗ]"
     },
     "toolHeader": {
       "settingsAction": "[ƇƇƇƇǿƞƒīɠŭřḗ · Şḗŧŧīƞɠşşşş]"

package/dist/_locales/pt-BR.json

@@ -345,7 +345,7 @@
       "loading" : "Carregando"
     },
     "token" : {
-      "remove" : "Remover seleção"
+      "remove" : "Remover"
     },
     "toolHeader" : {
       "settingsAction" : "Definir Configurações"

package/dist/_locales/th-TH.json

@@ -345,7 +345,7 @@
       "loading" : "กำลังโหลด"
     },
     "token" : {
-      "remove" : "ลบการเลือก"
+      "remove" : "ลบออก"
     },
     "toolHeader" : {
       "settingsAction" : "กำหนดการตั้งค่า"

package/dist/_locales/zh-SG.json

@@ -345,7 +345,7 @@
       "loading" : "加载中"
     },
     "token" : {
-      "remove" : "删除选定对象"
+      "remove" : "移除"
     },
     "toolHeader" : {
       "settingsAction" : "配置设置"

package/dist/_locales/zh-TW.json

@@ -345,7 +345,7 @@
       "loading" : "載入中"
     },
     "token" : {
-      "remove" : "Remove selection"
+      "remove" : "消除"
     },
     "toolHeader" : {
       "settingsAction" : "Configure Settings"

package/dist/_storyHelpers_/components/Deprecation.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { DeprecationProps } from './Deprecation.types';
+export declare const Deprecation: (props: DeprecationProps) => React.JSX.Element;

package/dist/_storyHelpers_/components/Deprecation.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { StyledDeprecation } from './Deprecation.styles';
+export var Deprecation = function Deprecation(props) {
+  var children = props.children;
+  return /*#__PURE__*/React.createElement(StyledDeprecation, {
+    color: "red45",
+    weight: "semibold"
+  }, children);
+};
+//# sourceMappingURL=Deprecation.js.map

package/dist/_storyHelpers_/components/Deprecation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Deprecation.js","names":["React","StyledDeprecation","Deprecation","props","children","createElement","color","weight"],"sources":["../../../src/_storyHelpers_/components/Deprecation.tsx"],"sourcesContent":["import React from 'react'\nimport { StyledDeprecation } from './Deprecation.styles'\nimport type { DeprecationProps } from './Deprecation.types'\n\nexport const Deprecation = (props: DeprecationProps) => {\n  const { children } = props\n  return (\n    <StyledDeprecation color=\"red45\" weight=\"semibold\">\n      {children}\n    </StyledDeprecation>\n  )\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,iBAAiB,QAAQ,sBAAsB;AAGxD,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAAuB,EAAK;EACtD,IAAQC,QAAQ,GAAKD,KAAK,CAAlBC,QAAQ;EAChB,oBACEJ,KAAA,CAAAK,aAAA,CAACJ,iBAAiB;IAACK,KAAK,EAAC,OAAO;IAACC,MAAM,EAAC;EAAU,GAC/CH,QACgB,CAAC;AAExB,CAAC"}

package/dist/_storyHelpers_/components/Deprecation.styles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const StyledDeprecation: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").HTMLAttributes<HTMLSpanElement> & import("../../Typography").TypographyProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & import("../../Typography").TypographyProps & import("react").RefAttributes<HTMLSpanElement>>, keyof import("react").Component<any, {}, any>>;

package/dist/_storyHelpers_/components/Deprecation.styles.js

@@ -0,0 +1,7 @@
+import styled from 'styled-components';
+import { Typography } from '../../Typography';
+export var StyledDeprecation = /*#__PURE__*/styled(Typography).withConfig({
+  displayName: "StyledDeprecation",
+  componentId: "core-12_26_0__sc-ojy3xo-0"
+})(["display:block;margin-bottom:16px;"]);
+//# sourceMappingURL=Deprecation.styles.js.map

package/dist/_storyHelpers_/components/Deprecation.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Deprecation.styles.js","names":["styled","Typography","StyledDeprecation","withConfig","displayName","componentId"],"sources":["../../../src/_storyHelpers_/components/Deprecation.styles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { Typography } from '../../Typography'\n\nexport const StyledDeprecation = styled(Typography)`\n  display: block;\n  margin-bottom: 16px;\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,OAAO,IAAMC,iBAAiB,gBAAGF,MAAM,CAACC,UAAU,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yCAGlD"}

package/dist/_storyHelpers_/components/Deprecation.types.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare type DeprecationProps = {
+    /**
+     * The deprecation message
+     *
+     * @since 12.18.0
+     */
+    children: React.ReactNode;
+};

package/dist/_storyHelpers_/components/Deprecation.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Deprecation.types.js.map

package/dist/_storyHelpers_/components/Deprecation.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Deprecation.types.js","names":[],"sources":["../../../src/_storyHelpers_/components/Deprecation.types.ts"],"sourcesContent":["export type DeprecationProps = {\n  /**\n   * The deprecation message\n   *\n   * @since 12.18.0\n   */\n  children: React.ReactNode\n}\n"],"mappings":""}

package/dist/_storyHelpers_/components/FullLayout.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+/**
+ * Revert the general decorator spacing so content edge aligns with window edge
+ * aligns fixed content like sticky footer
+ */
+export declare const FullLayout: React.FC<any>;

package/dist/_storyHelpers_/components/FullLayout.js

@@ -0,0 +1,15 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+
+/**
+ * Revert the general decorator spacing so content edge aligns with window edge
+ * aligns fixed content like sticky footer
+ */
+export var FullLayout = function FullLayout(props) {
+  return /*#__PURE__*/React.createElement("div", _extends({
+    style: {
+      margin: '-8px'
+    }
+  }, props));
+};
+//# sourceMappingURL=FullLayout.js.map

package/dist/_storyHelpers_/components/FullLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullLayout.js","names":["React","FullLayout","props","createElement","_extends","style","margin"],"sources":["../../../src/_storyHelpers_/components/FullLayout.tsx"],"sourcesContent":["import React from 'react'\n\n/**\n * Revert the general decorator spacing so content edge aligns with window edge\n * aligns fixed content like sticky footer\n */\nexport const FullLayout: React.FC<any> = function FullLayout(props) {\n  return <div style={{ margin: '-8px' }} {...props} />\n}\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB;AACA;AACA;AACA;AACA,OAAO,IAAMC,UAAyB,GAAG,SAASA,UAAUA,CAACC,KAAK,EAAE;EAClE,oBAAOF,KAAA,CAAAG,aAAA,QAAAC,QAAA;IAAKC,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAO;EAAE,GAAKJ,KAAK,CAAG,CAAC;AACtD,CAAC"}

package/dist/_storyHelpers_/components/StoryGrid.d.ts

@@ -0,0 +1,7 @@
+import type { FunctionComponent, PropsWithChildren } from 'react';
+interface GridProps {
+    columns?: number;
+    minHeight?: number;
+}
+export declare const StoryGrid: FunctionComponent<PropsWithChildren<GridProps>>;
+export {};

package/dist/_storyHelpers_/components/StoryGrid.js

@@ -0,0 +1,40 @@
+var _excluded = ["children", "columns", "minHeight"];
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import React from 'react';
+import styled from 'styled-components';
+import { colors } from '../../_styles/colors';
+var StyledCell = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledCell",
+  componentId: "core-12_26_0__sc-7owp8g-0"
+})(["display:flex;align-items:center;justify-content:center;padding:0 48px;border-bottom:1px dashed ", ";border-right:1px dashed ", ";"], colors.gray90, colors.gray90);
+var StyledGrid = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledGrid",
+  componentId: "core-12_26_0__sc-7owp8g-1"
+})(["align-items:center;justify-content:center;display:grid;gap:0;border-top:1px dashed ", ";border-left:1px dashed ", ";grid-template-columns:repeat( ", ",minmax(0,1fr) );height:100%;width:100%;", "{min-height:", "px;overflow:hidden;}"], colors.gray90, colors.gray90, function (_ref) {
+  var _ref$$columns = _ref.$columns,
+    $columns = _ref$$columns === void 0 ? 1 : _ref$$columns;
+  return $columns;
+}, StyledCell, function (_ref2) {
+  var $minHeight = _ref2.$minHeight;
+  return $minHeight;
+});
+var StyledGridContainer = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledGridContainer",
+  componentId: "core-12_26_0__sc-7owp8g-2"
+})(["height:100%;padding:24px;width:100%;"]);
+export var StoryGrid = function StoryGrid(_ref3) {
+  var children = _ref3.children,
+    _ref3$columns = _ref3.columns,
+    columns = _ref3$columns === void 0 ? 1 : _ref3$columns,
+    _ref3$minHeight = _ref3.minHeight,
+    minHeight = _ref3$minHeight === void 0 ? 100 : _ref3$minHeight,
+    props = _objectWithoutProperties(_ref3, _excluded);
+  return /*#__PURE__*/React.createElement(StyledGridContainer, props, /*#__PURE__*/React.createElement(StyledGrid, {
+    $columns: columns,
+    $minHeight: minHeight
+  }, React.Children.map(children, function (child, i) {
+    return /*#__PURE__*/React.createElement(StyledCell, null, child);
+  })));
+};
+//# sourceMappingURL=StoryGrid.js.map

package/dist/_storyHelpers_/components/StoryGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StoryGrid.js","names":["React","styled","colors","StyledCell","div","withConfig","displayName","componentId","gray90","StyledGrid","_ref","_ref$$columns","$columns","_ref2","$minHeight","StyledGridContainer","StoryGrid","_ref3","children","_ref3$columns","columns","_ref3$minHeight","minHeight","props","_objectWithoutProperties","_excluded","createElement","Children","map","child","i"],"sources":["../../../src/_storyHelpers_/components/StoryGrid.tsx"],"sourcesContent":["import type { FunctionComponent, PropsWithChildren } from 'react'\nimport React from 'react'\nimport styled from 'styled-components'\nimport { colors } from '../../_styles/colors'\n\ninterface GridProps {\n  columns?: number\n  minHeight?: number\n}\n\nconst StyledCell = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0 48px;\n  border-bottom: 1px dashed ${colors.gray90};\n  border-right: 1px dashed ${colors.gray90};\n`\n\nconst StyledGrid = styled.div<{\n  $columns: number\n  $minHeight: number\n}>`\n  align-items: center;\n  justify-content: center;\n  display: grid;\n  gap: 0;\n  border-top: 1px dashed ${colors.gray90};\n  border-left: 1px dashed ${colors.gray90};\n  grid-template-columns: repeat(\n    ${({ $columns = 1 }) => $columns},\n    minmax(0, 1fr)\n  );\n  height: 100%;\n  width: 100%;\n  ${StyledCell} {\n    min-height: ${({ $minHeight }) => $minHeight}px;\n    overflow: hidden;\n  }\n`\n\nconst StyledGridContainer = styled.div`\n  height: 100%;\n  padding: 24px;\n  width: 100%;\n`\n\nexport const StoryGrid: FunctionComponent<PropsWithChildren<GridProps>> =\n  function StoryGrid({ children, columns = 1, minHeight = 100, ...props }) {\n    return (\n      <StyledGridContainer {...props}>\n        <StyledGrid $columns={columns} $minHeight={minHeight}>\n          {React.Children.map(children, (child, i) => {\n            return <StyledCell>{child}</StyledCell>\n          })}\n        </StyledGrid>\n      </StyledGridContainer>\n    )\n  }\n"],"mappings":";;;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,MAAM,QAAQ,sBAAsB;AAO7C,IAAMC,UAAU,gBAAGF,MAAM,CAACG,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0IAKCL,MAAM,CAACM,MAAM,EACdN,MAAM,CAACM,MAAM,CACzC;AAED,IAAMC,UAAU,gBAAGR,MAAM,CAACG,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+OAQFL,MAAM,CAACM,MAAM,EACZN,MAAM,CAACM,MAAM,EAEnC,UAAAE,IAAA;EAAA,IAAAC,aAAA,GAAAD,IAAA,CAAGE,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,CAAC,GAAAA,aAAA;EAAA,OAAOC,QAAQ;AAAA,GAKhCT,UAAU,EACI,UAAAU,KAAA;EAAA,IAAGC,UAAU,GAAAD,KAAA,CAAVC,UAAU;EAAA,OAAOA,UAAU;AAAA,EAG/C;AAED,IAAMC,mBAAmB,gBAAGd,MAAM,CAACG,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4CAIrC;AAED,OAAO,IAAMS,SAA0D,GACrE,SAASA,SAASA,CAAAC,KAAA,EAAuD;EAAA,IAApDC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IAAAC,aAAA,GAAAF,KAAA,CAAEG,OAAO;IAAPA,OAAO,GAAAD,aAAA,cAAG,CAAC,GAAAA,aAAA;IAAAE,eAAA,GAAAJ,KAAA,CAAEK,SAAS;IAATA,SAAS,GAAAD,eAAA,cAAG,GAAG,GAAAA,eAAA;IAAKE,KAAK,GAAAC,wBAAA,CAAAP,KAAA,EAAAQ,SAAA;EACnE,oBACEzB,KAAA,CAAA0B,aAAA,CAACX,mBAAmB,EAAKQ,KAAK,eAC5BvB,KAAA,CAAA0B,aAAA,CAACjB,UAAU;IAACG,QAAQ,EAAEQ,OAAQ;IAACN,UAAU,EAAEQ;EAAU,GAClDtB,KAAK,CAAC2B,QAAQ,CAACC,GAAG,CAACV,QAAQ,EAAE,UAACW,KAAK,EAAEC,CAAC,EAAK;IAC1C,oBAAO9B,KAAA,CAAA0B,aAAA,CAACvB,UAAU,QAAE0B,KAAkB,CAAC;EACzC,CAAC,CACS,CACO,CAAC;AAE1B,CAAC"}

package/dist/_storyHelpers_/components/WithNavigationLayout.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const WithNavigationLayout: React.FC<any>;