ixia-ui-react 1.7.0 → 2.0.0

package/dist/layer-tree/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["useTableContext","useTableContext","useTableContext","useTableContext","useCellContext","useTableContext","useTableContext","useCellContext","useTableContext","useCellContext","useTableContext","useTableContext","useCellContext","useCellContext","useTableContext","useCellContext","useTableContext"],"sources":["../../src/components/layer-tree/layer-tree-utils.ts","../../src/components/layer-tree/layer-tree-context.tsx","../../src/components/layer-tree/layer-tree.types.ts","../../src/components/layer-tree/layer-tree.tsx","../../src/components/layer-tree/layer-tree-row.tsx","../../src/components/layer-tree/layer-tree-body.tsx","../../src/components/layer-tree/layer-tree-expand-all.tsx","../../src/components/layer-tree/layer-tree-footer.tsx","../../src/components/layer-tree/layer-tree-icon-cell.tsx","../../src/components/layer-tree/layer-tree-locked-all.tsx","../../src/components/layer-tree/layer-tree-locked-cell.tsx","../../src/components/layer-tree/layer-tree-node-icon.tsx","../../src/components/layer-tree/layer-tree-search.tsx","../../src/components/layer-tree/layer-tree-sort.tsx","../../src/components/layer-tree/layer-tree-text-cell.tsx","../../src/components/layer-tree/layer-tree-trigger-cell.tsx","../../src/components/layer-tree/layer-tree-visibility-all.tsx","../../src/components/layer-tree/layer-tree-visibility-cell.tsx","../../src/components/layer-tree/layer-tree-table.tsx"],"sourcesContent":["import {\n  assignPrototypeAPIs,\n  assignTableAPIs,\n  functionalUpdate,\n  makeStateUpdater,\n} from '@tanstack/react-table'\nimport type {\n  Row,\n  RowData,\n  Table,\n  TableFeature,\n  TableFeatures,\n  Updater,\n} from '@tanstack/react-table'\n\nimport type { RowLockedState, RowVisibilityState } from './layer-tree.types'\n\n/**\n * Base constraint for tree node data types used by layer tree utilities.\n */\ninterface LayerTreeNodeBase {\n  id: string\n  children?: this[]\n}\n\ntype LayerTreeTable = Table<TableFeatures, RowData>\ntype LayerTreeRow = Row<TableFeatures, RowData>\n\n/**\n * Recursively searches for a node by ID in a nested tree structure.\n *\n * @param nodes - The array of nodes to search through\n * @param nodeId - The ID of the node to find\n * @returns The matching node or `null` if not found\n *\n * @example\n * ```ts\n * const node = findLayerTreeNode(layers, 'layer-001')\n * if (node) console.log(node.name)\n * ```\n */\nconst findLayerTreeNode = <TData extends LayerTreeNodeBase>(\n    nodes: TData[],\n    nodeId: string,\n  ): TData | null => {\n    for (const node of nodes) {\n      if (node.id === nodeId) {\n        return node\n      }\n      if (node.children?.length) {\n        const match = findLayerTreeNode(node.children, nodeId)\n        if (match) {\n          return match\n        }\n      }\n    }\n    // oxlint-disable-next-line unicorn/no-null\n    return null\n  },\n  /**\n   * Removes a node from a nested tree structure by ID.\n   *\n   * @param nodes - The array of nodes to remove from\n   * @param nodeId - The ID of the node to remove\n   * @returns An object containing the updated tree and the removed node (if found)\n   *\n   * @example\n   * ```ts\n   * const { nextNodes, removedNode } = removeLayerTreeNode(layers, 'layer-001')\n   * if (removedNode) setLayers(nextNodes)\n   * ```\n   */\n  removeLayerTreeNode = <TData extends LayerTreeNodeBase>(\n    nodes: TData[],\n    nodeId: string,\n  ): { nextNodes: TData[]; removedNode: TData | null } => {\n    // oxlint-disable-next-line unicorn/no-null\n    let removedNode: TData | null = null\n\n    const nextNodes = nodes.flatMap((node) => {\n      if (node.id === nodeId) {\n        removedNode = node\n        return []\n      }\n      if (!node.children?.length) {\n        return [node]\n      }\n\n      const { nextNodes: nextChildren, removedNode: nestedRemovedNode } = removeLayerTreeNode(\n        node.children,\n        nodeId,\n      )\n      if (!nestedRemovedNode) {\n        return [node]\n      }\n\n      removedNode = nestedRemovedNode\n      return [{ ...node, children: nextChildren }]\n    })\n\n    return { nextNodes, removedNode }\n  },\n  /**\n   * Inserts a node as a child of the specified folder node.\n   *\n   * @param nodes - The array of nodes to search through\n   * @param folderId - The ID of the folder to insert into\n   * @param nodeToInsert - The node to insert\n   * @returns A new tree with the node inserted\n   *\n   * @example\n   * ```ts\n   * const newTree = insertLayerTreeNode(layers, 'folder-001', newLayer)\n   * setLayers(newTree)\n   * ```\n   */\n  insertLayerTreeNode = <TData extends LayerTreeNodeBase>(\n    nodes: TData[],\n    folderId: string,\n    nodeToInsert: TData,\n  ): TData[] =>\n    nodes.map((node) => {\n      if (node.id === folderId) {\n        return { ...node, children: [...(node.children ?? []), nodeToInsert] }\n      }\n      if (!node.children?.length) {\n        return node\n      }\n      return {\n        ...node,\n        children: insertLayerTreeNode(node.children, folderId, nodeToInsert),\n      }\n    }),\n  containsLayerTreeNode = (nodes: LayerTreeNodeBase[], nodeId: string) =>\n    Boolean(findLayerTreeNode(nodes, nodeId)),\n  moveNodeIntoFolder = <TData extends LayerTreeNodeBase>(\n    nodes: TData[],\n    sourceId: string,\n    targetId: string,\n  ): TData[] => {\n    const { nextNodes, removedNode } = removeLayerTreeNode(nodes, sourceId)\n    if (!removedNode) {\n      return nodes\n    }\n    return insertLayerTreeNode(nextNodes, targetId, removedNode)\n  },\n  /**\n   * Moves a node from its current position into a target folder.\n   * Prevents circular references by checking if target is a descendant of source.\n   *\n   * @param nodes - The array of nodes\n   * @param sourceId - The ID of the node to move\n   * @param targetId - The ID of the folder to move into\n   * @returns A new tree with the node moved, or the original tree if the move is invalid\n   *\n   * @example\n   * ```ts\n   * const newTree = moveLayerTreeNode(layers, 'layer-001', 'folder-002')\n   * setLayers(newTree)\n   * ```\n   */\n  moveLayerTreeNode = <TData extends LayerTreeNodeBase>(\n    nodes: TData[],\n    sourceId: string,\n    targetId: string,\n  ): TData[] => {\n    if (sourceId === targetId) {\n      return nodes\n    }\n\n    const sourceNode = findLayerTreeNode(nodes, sourceId),\n      targetNode = findLayerTreeNode(nodes, targetId)\n\n    // Target must exist and be a folder (have children array)\n    if (!sourceNode || !targetNode?.children) {\n      return nodes\n    }\n    // Prevent circular reference: can't move into own descendant\n    if (containsLayerTreeNode(sourceNode.children ?? [], targetId)) {\n      return nodes\n    }\n\n    return moveNodeIntoFolder(nodes, sourceId, targetId)\n  },\n  /**\n   * Moves a node to the root level of the tree.\n   *\n   * @param nodes - The array of nodes\n   * @param sourceId - The ID of the node to move\n   * @returns A new tree with the node at root level\n   *\n   * @example\n   * ```ts\n   * const newTree = moveLayerTreeNodeToRoot(layers, 'layer-001')\n   * setLayers(newTree)\n   * ```\n   */\n  moveLayerTreeNodeToRoot = <TData extends LayerTreeNodeBase>(\n    nodes: TData[],\n    sourceId: string,\n  ): TData[] => {\n    const { nextNodes, removedNode } = removeLayerTreeNode(nodes, sourceId)\n    if (!removedNode) {\n      return nodes\n    }\n    return [...nextNodes, removedNode]\n  },\n  rowVisibilityFeature: TableFeature = {\n    assignRowPrototype: (prototype, table) => {\n      // oxlint-disable-next-line typescript/no-unsafe-type-assertion\n      const layerTable = table as unknown as LayerTreeTable\n      assignPrototypeAPIs('rowVisibilityFeature', prototype, table, {\n        row_getIsVisible: {\n          fn: (row) =>\n            layerTable.atoms.rowVisibility?.get()?.[row.id] ??\n            layerTable.options.getRowVisible?.(row) ??\n            true,\n        },\n        row_toggleVisibility: {\n          fn: (row, value?: boolean) => {\n            layerTable.options.onRowVisibilityChange?.((old: RowVisibilityState) => ({\n              ...old,\n              [row.id]: value ?? !(old[row.id] ?? true),\n            }))\n          },\n        },\n      })\n    },\n    constructTableAPIs: (table) => {\n      // oxlint-disable-next-line typescript/no-unsafe-type-assertion\n      const layerTable = table as unknown as LayerTreeTable,\n        isRowVisible = (row: LayerTreeRow) =>\n          layerTable.atoms.rowVisibility?.get()?.[row.id] ??\n          layerTable.options.getRowVisible?.(row) ??\n          true,\n        setRowVisibility = (updater: Updater<RowVisibilityState>) => {\n          const safeUpdater: Updater<RowVisibilityState> = (old) => functionalUpdate(updater, old)\n          layerTable.options.onRowVisibilityChange?.(safeUpdater)\n        },\n        getIsAllRowsVisible = () =>\n          layerTable.getRowModel().flatRows.every((row) => isRowVisible(row))\n\n      assignTableAPIs('rowVisibilityFeature', layerTable, {\n        table_getIsAllRowsVisible: {\n          fn: () => getIsAllRowsVisible(),\n        },\n        table_resetRowVisibility: {\n          fn: () => setRowVisibility(layerTable.initialState.rowVisibility ?? {}),\n        },\n        table_setRowVisibility: {\n          fn: (updater: Updater<RowVisibilityState>) => setRowVisibility(updater),\n        },\n        table_toggleAllRowsVisible: {\n          fn: (value?: boolean) => {\n            const next = value ?? !getIsAllRowsVisible()\n            setRowVisibility(() => {\n              const state: RowVisibilityState = {}\n              for (const row of layerTable.getRowModel().flatRows) {\n                state[row.id] = next\n              }\n              return state\n            })\n          },\n        },\n      })\n    },\n    getDefaultTableOptions: (table) => ({\n      enableRowVisibility: true,\n      onRowVisibilityChange: makeStateUpdater('rowVisibility', table),\n    }),\n    getInitialState: (initialState) => ({\n      rowVisibility: {},\n      ...initialState,\n    }),\n  },\n  rowLockedFeature: TableFeature = {\n    assignRowPrototype: (prototype, table) => {\n      // oxlint-disable-next-line typescript/no-unsafe-type-assertion\n      const layerTable = table as unknown as LayerTreeTable\n      assignPrototypeAPIs('rowLockedFeature', prototype, table, {\n        row_getIsLocked: {\n          fn: (row) =>\n            layerTable.atoms.rowLocked?.get()?.[row.id] ??\n            layerTable.options.getRowLocked?.(row) ??\n            false,\n        },\n        row_toggleLocked: {\n          fn: (row, value?: boolean) => {\n            layerTable.options.onRowLockedChange?.((old: RowLockedState) => ({\n              ...old,\n              [row.id]: value ?? !(old[row.id] ?? false),\n            }))\n          },\n        },\n      })\n    },\n    constructTableAPIs: (table) => {\n      // oxlint-disable-next-line typescript/no-unsafe-type-assertion\n      const layerTable = table as unknown as LayerTreeTable,\n        isRowLocked = (row: LayerTreeRow) =>\n          layerTable.atoms.rowLocked?.get()?.[row.id] ??\n          layerTable.options.getRowLocked?.(row) ??\n          false,\n        setRowLocked = (updater: Updater<RowLockedState>) => {\n          const safeUpdater: Updater<RowLockedState> = (old) => functionalUpdate(updater, old)\n          layerTable.options.onRowLockedChange?.(safeUpdater)\n        },\n        getIsAllRowsLocked = () =>\n          layerTable.getRowModel().flatRows.every((row) => isRowLocked(row))\n\n      assignTableAPIs('rowLockedFeature', layerTable, {\n        table_getIsAllRowsLocked: {\n          fn: () => getIsAllRowsLocked(),\n        },\n        table_resetRowLocked: {\n          fn: () => setRowLocked(layerTable.initialState.rowLocked ?? {}),\n        },\n        table_setRowLocked: {\n          fn: (updater: Updater<RowLockedState>) => setRowLocked(updater),\n        },\n        table_toggleAllRowsLocked: {\n          fn: (value?: boolean) => {\n            const next = value ?? !getIsAllRowsLocked()\n            setRowLocked(() => {\n              const state: RowLockedState = {}\n              for (const row of layerTable.getRowModel().flatRows) {\n                state[row.id] = next\n              }\n              return state\n            })\n          },\n        },\n      })\n    },\n    getDefaultTableOptions: (table) => ({\n      enableRowLocked: true,\n      onRowLockedChange: makeStateUpdater('rowLocked', table),\n    }),\n    getInitialState: (initialState) => ({\n      rowLocked: {},\n      ...initialState,\n    }),\n  }\n\nexport {\n  findLayerTreeNode,\n  insertLayerTreeNode,\n  moveLayerTreeNode,\n  moveLayerTreeNodeToRoot,\n  removeLayerTreeNode,\n  rowLockedFeature,\n  rowVisibilityFeature,\n  type LayerTreeNodeBase,\n}\n","import {\n  createExpandedRowModel,\n  metaHelper,\n  rowExpandingFeature,\n  tableFeatures,\n  columnFacetingFeature,\n  columnFilteringFeature,\n  columnSizingFeature,\n  columnVisibilityFeature,\n  createFacetedRowModel,\n  createFacetedUniqueValues,\n  createFilteredRowModel,\n  createPaginatedRowModel,\n  createSortedRowModel,\n  createTableHookContexts,\n  filterFn_arrHas,\n  filterFn_arrIncludes,\n  filterFn_arrIncludesAll,\n  filterFn_arrIncludesSome,\n  filterFn_between,\n  filterFn_betweenInclusive,\n  filterFn_empty,\n  filterFn_endsWith,\n  filterFn_equals,\n  filterFn_equalsString,\n  filterFn_equalsStringSensitive,\n  filterFn_inDateRange,\n  filterFn_inNumberRange,\n  filterFn_includesString,\n  filterFn_includesStringSensitive,\n  filterFn_notEmpty,\n  filterFn_startsWith,\n  filterFn_weakEquals,\n  globalFilteringFeature,\n  rowPaginationFeature,\n  rowSelectionFeature,\n  rowSortingFeature,\n  sortFn_alphanumeric,\n  sortFn_basic,\n  sortFn_datetime,\n  sortFn_text,\n} from '@tanstack/react-table'\n\nimport { rowLockedFeature, rowVisibilityFeature } from './layer-tree-utils'\nimport type { LayerTreeColumnMeta, LayerTreeTableMeta } from './layer-tree.types'\n\nconst features = tableFeatures({\n    columnFacetingFeature,\n    columnFilteringFeature,\n    columnMeta: metaHelper<LayerTreeColumnMeta>(),\n    columnSizingFeature,\n    columnVisibilityFeature,\n    expandedRowModel: createExpandedRowModel(),\n    facetedRowModel: createFacetedRowModel(),\n    facetedUniqueValues: createFacetedUniqueValues(),\n    filterFns: {\n      arrHas: filterFn_arrHas,\n      arrIncludes: filterFn_arrIncludes,\n      arrIncludesAll: filterFn_arrIncludesAll,\n      arrIncludesSome: filterFn_arrIncludesSome,\n      between: filterFn_between,\n      betweenInclusive: filterFn_betweenInclusive,\n      empty: filterFn_empty,\n      endsWith: filterFn_endsWith,\n      equals: filterFn_equals,\n      equalsString: filterFn_equalsString,\n      equalsStringSensitive: filterFn_equalsStringSensitive,\n      inDateRange: filterFn_inDateRange,\n      inNumberRange: filterFn_inNumberRange,\n      includesString: filterFn_includesString,\n      includesStringSensitive: filterFn_includesStringSensitive,\n      notEmpty: filterFn_notEmpty,\n      startsWith: filterFn_startsWith,\n      weakEquals: filterFn_weakEquals,\n    },\n    filteredRowModel: createFilteredRowModel(),\n    globalFilteringFeature,\n    paginatedRowModel: createPaginatedRowModel(),\n    rowExpandingFeature,\n    rowLockedFeature,\n    rowPaginationFeature,\n    rowSelectionFeature,\n    rowSortingFeature,\n    rowVisibilityFeature,\n    sortFns: {\n      alphanumeric: sortFn_alphanumeric,\n      basic: sortFn_basic,\n      datetime: sortFn_datetime,\n      text: sortFn_text,\n    },\n    sortedRowModel: createSortedRowModel(),\n    tableMeta: metaHelper<LayerTreeTableMeta>(),\n  }),\n  { tableContext, cellContext, headerContext, useTableContext, useCellContext, useHeaderContext } =\n    createTableHookContexts<typeof features>()\n\nexport {\n  cellContext,\n  features,\n  headerContext,\n  tableContext,\n  useCellContext,\n  useHeaderContext,\n  useTableContext,\n}\n","import type {\n  OnChangeFn,\n  Row,\n  RowData,\n  TableFeature,\n  TableFeatures,\n  Updater,\n} from '@tanstack/react-table'\nimport { cva } from 'class-variance-authority'\nimport type { VariantProps } from 'class-variance-authority'\nimport React from 'react'\n\nimport type { Button } from '../button'\nimport type { IconComponent } from '../icon'\nimport type { InputGroup } from '../input-group'\n\ndeclare module '@tanstack/react-table' {\n  interface Plugins {\n    rowLockedFeature: TableFeature\n    rowVisibilityFeature: TableFeature\n  }\n\n  interface TableState_FeatureMap {\n    rowLockedFeature: LayerTreeState_RowLocked\n    rowVisibilityFeature: LayerTreeState_RowVisibility\n  }\n\n  interface TableOptions_FeatureMap<TFeatures extends TableFeatures, TData extends RowData> {\n    rowLockedFeature: LayerTreeOptions_RowLocked<TData>\n    rowVisibilityFeature: LayerTreeOptions_RowVisibility<TData>\n  }\n\n  interface Table_FeatureMap<TFeatures extends TableFeatures, TData extends RowData> {\n    rowLockedFeature: LayerTreeTable_RowLocked\n    rowVisibilityFeature: LayerTreeTable_RowVisibility\n  }\n\n  interface Row_FeatureMap<TFeatures extends TableFeatures, TData extends RowData> {\n    rowLockedFeature: LayerTreeRow_RowLocked\n    rowVisibilityFeature: LayerTreeRow_RowVisibility\n  }\n}\n\ntype LayerTreeProps = React.ComponentProps<'div'> & {\n  onDNDStart?: (event: { nodeId: string }) => void\n  onDNDEnd?: (event: { sourceNodeId: string; targetNodeId: string }) => void\n}\n\ntype LayerTreeBodyProps = React.ComponentProps<'div'>\ntype LayerTreeRowProps = React.ComponentProps<'div'> & {\n  rowId: string\n}\n\ntype LayerTreeTriggerCellProps = React.ComponentProps<'button'> & {\n  dndDisabled?: boolean\n}\ntype LayerTreeSearchProps = React.ComponentProps<typeof InputGroup> & {\n  placeholder?: string\n}\ntype LayerTreeExpandAllProps = React.ComponentProps<typeof Button>\ntype LayerTreeFooterProps = React.ComponentProps<'div'>\ntype LayerTreeSortProps = React.ComponentProps<'button'>\ntype LayerTreeIconCellProps = React.ComponentProps<'div'>\ntype LayerTreeLockedCellProps = React.ComponentProps<typeof Button>\ntype LayerTreeLockedAllProps = React.ComponentProps<typeof Button>\ntype LayerTreeVisibilityCellProps = React.ComponentProps<typeof Button>\ntype LayerTreeVisibilityAllProps = React.ComponentProps<typeof Button>\ntype LayerTreeNodeIconProps = React.ComponentProps<'div'> & {\n  icon: IconComponent\n}\ntype LayerTreeTextCellProps = React.ComponentProps<'span'> &\n  VariantProps<typeof layerTreeTextCellVariants>\n\nconst layerTreeTextCellVariants = cva('min-w-0 grow truncate px-2xs', {\n    defaultVariants: {\n      size: 'medium',\n    },\n    variants: {\n      size: {\n        large: 'style-text-default-1',\n        medium: 'style-text-default-0',\n        small: 'style-text-default--1',\n      },\n    },\n  }),\n  // oxlint-disable-next-line unicorn/no-null\n  LayerTreeContext = React.createContext<LayerTreeContextType | null>(null),\n  useLayerTree = () => {\n    const context = React.useContext<LayerTreeContextType | null>(LayerTreeContext)\n\n    if (!context) {\n      throw new Error('useLayerTree must be used within a LayerTreeProvider')\n    }\n\n    return context\n  }\n\ninterface LayerTreeColumnMeta {\n  fill?: boolean\n}\n\ninterface LayerTreeTableMeta {\n  translations?: {\n    buttonLabels?: {\n      ascending?: string\n      descending?: string\n    }\n  }\n}\n\ntype RowVisibilityState = Record<string, boolean>\n\ninterface LayerTreeState_RowVisibility {\n  rowVisibility: RowVisibilityState\n}\n\ninterface LayerTreeOptions_RowVisibility<TData extends RowData = RowData> {\n  enableRowVisibility?: boolean\n  onRowVisibilityChange?: OnChangeFn<RowVisibilityState>\n  getRowVisible?: (row: Row<TableFeatures, TData>) => boolean\n}\n\ninterface LayerTreeTable_RowVisibility {\n  setRowVisibility: (updater: Updater<RowVisibilityState>) => void\n  resetRowVisibility: () => void\n  toggleAllRowsVisible: (value?: boolean) => void\n  getIsAllRowsVisible: () => boolean\n}\n\ninterface LayerTreeRow_RowVisibility {\n  getIsVisible: () => boolean\n  toggleVisibility: (value?: boolean) => void\n}\n\ntype RowLockedState = Record<string, boolean>\n\ninterface LayerTreeState_RowLocked {\n  rowLocked: RowLockedState\n}\n\ninterface LayerTreeOptions_RowLocked<TData extends RowData = RowData> {\n  enableRowLocked?: boolean\n  onRowLockedChange?: OnChangeFn<RowLockedState>\n  getRowLocked?: (row: Row<TableFeatures, TData>) => boolean\n}\n\ninterface LayerTreeTable_RowLocked {\n  setRowLocked: (updater: Updater<RowLockedState>) => void\n  resetRowLocked: () => void\n  toggleAllRowsLocked: (value?: boolean) => void\n  getIsAllRowsLocked: () => boolean\n}\n\ninterface LayerTreeRow_RowLocked {\n  getIsLocked: () => boolean\n  toggleLocked: (value?: boolean) => void\n}\n\ntype LayerTreeContextType = LayerTreeProps & {\n  draggingNodeId: string | null\n}\n\nexport { LayerTreeContext, layerTreeTextCellVariants, useLayerTree }\nexport type {\n  RowLockedState,\n  RowVisibilityState,\n  LayerTreeContextType,\n  LayerTreeState_RowVisibility,\n  LayerTreeOptions_RowVisibility,\n  LayerTreeTable_RowVisibility,\n  LayerTreeRow_RowVisibility,\n  LayerTreeState_RowLocked,\n  LayerTreeOptions_RowLocked,\n  LayerTreeTable_RowLocked,\n  LayerTreeRow_RowLocked,\n  LayerTreeTableMeta,\n  LayerTreeColumnMeta,\n  LayerTreeProps,\n  LayerTreeBodyProps,\n  LayerTreeRowProps,\n  LayerTreeTriggerCellProps,\n  LayerTreeSearchProps,\n  LayerTreeFooterProps,\n  LayerTreeSortProps,\n  LayerTreeIconCellProps,\n  LayerTreeLockedCellProps,\n  LayerTreeLockedAllProps,\n  LayerTreeVisibilityCellProps,\n  LayerTreeVisibilityAllProps,\n  LayerTreeNodeIconProps,\n  LayerTreeTextCellProps,\n  LayerTreeExpandAllProps,\n}\n","// oxlint-disable unicorn/no-null\nimport { Feedback } from '@dnd-kit/dom'\nimport { DragDropProvider, DragOverlay } from '@dnd-kit/react'\nimport type { DragEndEvent, DragStartEvent } from '@dnd-kit/react'\nimport React from 'react'\n\nimport { cn } from '@/utils/cn'\n\nimport { Badge } from '../badge'\nimport { useTableContext } from './layer-tree-context'\nimport { LayerTreeContext } from './layer-tree.types'\nimport type { LayerTreeProps } from './layer-tree.types'\n\nconst PARENT_ROW_COUNT = 1\n\nexport function LayerTree({\n  onDNDStart: onDragStart,\n  onDNDEnd: onDragEnd,\n  className,\n  children,\n  ref,\n  ...props\n}: LayerTreeProps) {\n  const table = useTableContext(),\n    [draggingNodeId, setDraggingNodeId] = React.useState<string | null>(null),\n    handleDragStart = ({ operation: { source } }: DragStartEvent) => {\n      setDraggingNodeId(source?.data.nodeId ?? null)\n      if (onDragStart) {\n        onDragStart({ nodeId: source?.data.nodeId ?? '' })\n      }\n    },\n    handleDragEnd = ({ operation: { source, target } }: DragEndEvent) => {\n      setDraggingNodeId(null)\n      if (onDragEnd) {\n        const targetNodeId = target?.data.folderId ?? target?.data.nodeId ?? null\n        onDragEnd({\n          sourceNodeId: source?.data.nodeId ?? '',\n          targetNodeId,\n        })\n      }\n    }\n\n  return (\n    <DragDropProvider\n      onDragStart={handleDragStart}\n      onDragEnd={handleDragEnd}\n      plugins={(defaults) => [...defaults, Feedback.configure({ dropAnimation: null })]}\n    >\n      <LayerTreeContext.Provider\n        value={{\n          children,\n          className,\n          draggingNodeId,\n          ref,\n          ...props,\n        }}\n      >\n        <div className={cn('flex flex-col justify-between', className)} ref={ref} {...props}>\n          {children}\n          <DragOverlay>\n            {(source) => (\n              <div\n                className={cn(\n                  'relative rounded-md border border-neutral-border bg-neutral-container px-xs py-3xs opacity-80 shadow-md transition-opacity',\n                )}\n              >\n                {table.getRow(String(source.id)).renderValue('name') ?? source.id}\n                <Badge className=\"absolute -top-xs -right-xs\" tone=\"neutral\">\n                  {table.getRow(String(source.id))?.subRows.length + PARENT_ROW_COUNT}\n                </Badge>\n              </div>\n            )}\n          </DragOverlay>\n        </div>\n      </LayerTreeContext.Provider>\n    </DragDropProvider>\n  )\n}\n\nexport { useLayerTree } from './layer-tree.types'\n","import { cn } from '@/utils/cn'\n\nimport { useTableContext } from './layer-tree-context'\nimport type { useTableContext as useRegisteredTableContext } from './layer-tree-table'\nimport type { LayerTreeRowProps } from './layer-tree.types'\n\nconst ROOT_DEPTH = 0,\n  FIRST_CELL_INDEX = 0,\n  ROW_INDENT_PER_LEVEL = 24,\n  EMPTY_LEAF_COUNT = 0,\n  VISIBLE_OPACITY = 1,\n  HIDDEN_OPACITY = 0.5\n\nexport function LayerTreeRow({ rowId, className, children, ref, ...props }: LayerTreeRowProps) {\n  // The registered table hook adds AppCell and FlexRender at runtime.\n  // oxlint-disable-next-line typescript/no-unsafe-type-assertion\n  const table = useTableContext() as ReturnType<typeof useRegisteredTableContext>\n\n  return (\n    <table.Subscribe\n      selector={(state) => ({\n        expanded: state.expanded,\n        rowSelection: state.rowSelection,\n        rowVisibility: state.rowVisibility,\n      })}\n    >\n      {() => {\n        const row = table.getRowModel().rows.find((candidate) => candidate.id === rowId),\n          indent = (row?.depth ?? ROOT_DEPTH) * ROW_INDENT_PER_LEVEL,\n          leafRows = row?.getLeafRows() ?? []\n        let isVisible = row?.getIsVisible() ?? true\n\n        if (leafRows.length > EMPTY_LEAF_COUNT) {\n          isVisible = leafRows.some((leaf) => leaf.getIsVisible())\n        }\n\n        return (\n          <div className={cn('flex w-full items-center gap-3xs', className)} ref={ref} {...props}>\n            {children}\n            {row?.getVisibleCells().map((cell, cellIndex) => {\n              const isFirstCell = cellIndex === FIRST_CELL_INDEX,\n                isFill = cell.column.columnDef.meta?.fill ?? cell.column.id === 'name'\n              let marginLeft: number | undefined = undefined,\n                opacity = HIDDEN_OPACITY\n\n              if (isFirstCell) {\n                marginLeft = indent\n              }\n              if (isVisible) {\n                opacity = VISIBLE_OPACITY\n              }\n\n              return (\n                <table.AppCell key={cell.id} cell={cell}>\n                  {(renderedCell) => (\n                    <div\n                      style={{\n                        marginLeft,\n                        opacity,\n                      }}\n                      className={cn(\n                        'flex items-center',\n                        isFill && 'min-w-0 grow gap-3xs',\n                        !isFill && 'w-fit shrink-0',\n                      )}\n                    >\n                      <table.FlexRender cell={renderedCell} />\n                    </div>\n                  )}\n                </table.AppCell>\n              )\n            })}\n          </div>\n        )\n      }}\n    </table.Subscribe>\n  )\n}\n","import { useDroppable } from '@dnd-kit/react'\n\nimport { cn } from '@/utils/cn'\n\nimport { useTableContext } from './layer-tree-context'\nimport { LayerTreeRow } from './layer-tree-row'\nimport type { LayerTreeBodyProps } from './layer-tree.types'\n\nexport function LayerTreeBody({ className, children, ...props }: LayerTreeBodyProps) {\n  const table = useTableContext(),\n    { isDropTarget, ref } = useDroppable({\n      data: {\n        folderId: 'root',\n        nodeId: 'root',\n      },\n      id: 'root-dropzone',\n    })\n\n  return (\n    <table.Subscribe selector={(state) => state}>\n      {() => (\n        <div className={cn('flex min-h-0 w-full grow flex-col', className)} {...props}>\n          {children}\n          <div className=\"flex min-h-0 w-full flex-col gap-xs overflow-y-auto\">\n            {table.getRowModel().rows.map((row) => (\n              <LayerTreeRow key={row.id} rowId={row.id} />\n            ))}\n          </div>\n          <div\n            ref={ref}\n            className={cn(\n              'grow',\n              isDropTarget &&\n                'rounded-lg bg-success-container ring-1 ring-success-default ring-inset',\n            )}\n          />\n        </div>\n      )}\n    </table.Subscribe>\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport { Button } from '../button'\nimport { Icon } from '../icon'\nimport { useTableContext } from './layer-tree-context'\nimport type { LayerTreeExpandAllProps } from './layer-tree.types'\n\nexport function LayerTreeExpandAll({ className, ref, ...props }: LayerTreeExpandAllProps) {\n  const table = useTableContext(),\n    handleClick = () => {\n      if (table.getIsSomeRowsExpanded()) {\n        table.toggleAllRowsExpanded(false)\n      } else {\n        table.toggleAllRowsExpanded(true)\n      }\n    }\n\n  return (\n    <table.Subscribe selector={(state) => state.expanded}>\n      {() => (\n        <Button\n          aria-label=\"Expand or collapse all layers\"\n          size=\"medium\"\n          tone=\"neutral\"\n          variant=\"ghost\"\n          onClick={handleClick}\n          className={cn('', className)}\n          ref={ref}\n          {...props}\n        >\n          {table.getIsSomeRowsExpanded() && <Icon name=\"folderOpen\" />}\n          {!table.getIsSomeRowsExpanded() && <Icon name=\"folderExpandAll\" />}\n        </Button>\n      )}\n    </table.Subscribe>\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport type { LayerTreeFooterProps } from './layer-tree.types'\n\nexport function LayerTreeFooter({ className, ref, ...props }: LayerTreeFooterProps) {\n  return <div className={cn('flex flex-col gap-3xs', className)} ref={ref} {...props} />\n}\n","import { createElement } from 'react'\nimport type { ReactNode } from 'react'\n\nimport { cn } from '@/utils/cn'\n\nimport { Icon } from '../icon'\nimport type { IconComponent } from '../icon'\nimport { useCellContext, useTableContext } from './layer-tree-context'\nimport type { LayerTreeIconCellProps } from './layer-tree.types'\n\nexport function LayerTreeIconCell({ className, children, ref, ...props }: LayerTreeIconCellProps) {\n  const cell = useCellContext<IconComponent>(),\n    table = useTableContext(),\n    icon = cell.getValue(),\n    { row } = cell,\n    hasChildren = row.getCanExpand() && Boolean(row.getLeafRows().length)\n\n  return (\n    <table.Subscribe selector={(state) => state.expanded}>\n      {() => {\n        const isExpanded = row.getIsExpanded()\n\n        let iconNode: ReactNode = createElement(icon)\n        if (hasChildren && isExpanded) {\n          iconNode = <Icon name=\"folderOpen\" />\n        } else if (hasChildren) {\n          iconNode = <Icon name=\"folder\" />\n        }\n\n        return (\n          <div\n            className={cn('flex w-fit shrink-0 items-center [&>svg]:size-sm', className)}\n            ref={ref}\n            {...props}\n          >\n            {children}\n            {iconNode}\n          </div>\n        )\n      }}\n    </table.Subscribe>\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport { Button } from '../button'\nimport { Icon } from '../icon'\nimport { useTableContext } from './layer-tree-context'\nimport type { LayerTreeLockedAllProps } from './layer-tree.types'\n\nexport function LayerTreeLockedAll({\n  className,\n  children,\n  ref,\n  ...props\n}: LayerTreeLockedAllProps) {\n  const table = useTableContext(),\n    allRows = table.getCoreRowModel().flatRows,\n    handleClick = (isLocked: boolean) => {\n      const next = !isLocked\n      for (const leafRow of allRows) {\n        leafRow.toggleLocked(next)\n      }\n    }\n\n  return (\n    <table.Subscribe selector={(state) => state.rowLocked}>\n      {() => {\n        const isLocked = allRows.some((leafRow) => leafRow.getIsLocked())\n\n        return (\n          <Button\n            aria-label=\"Toggle all layers lock\"\n            size=\"small\"\n            tone=\"neutral\"\n            variant=\"ghost\"\n            onClick={() => handleClick(isLocked)}\n            className={cn('', className)}\n            ref={ref}\n            {...props}\n          >\n            {children}\n            {isLocked && <Icon name=\"locked\" />}\n            {!isLocked && <Icon name=\"unlocked\" />}\n          </Button>\n        )\n      }}\n    </table.Subscribe>\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport { Button } from '../button'\nimport { Icon } from '../icon'\nimport { useCellContext, useTableContext } from './layer-tree-context'\nimport type { LayerTreeLockedCellProps } from './layer-tree.types'\n\nexport function LayerTreeLockedCell({\n  className,\n  children,\n  ref,\n  ...props\n}: LayerTreeLockedCellProps) {\n  const cell = useCellContext<boolean>(),\n    table = useTableContext(),\n    { row } = cell,\n    rows = row.getLeafRows(),\n    handleClick = (isLocked: boolean) => {\n      const next = !isLocked\n      for (const leafRow of rows) {\n        leafRow.toggleLocked(next)\n      }\n    }\n\n  if (!rows.length) {\n    rows.push(row)\n  }\n\n  return (\n    <table.Subscribe selector={(state) => state.rowLocked}>\n      {() => {\n        const isLocked = rows.every((leafRow) => leafRow.getIsLocked())\n\n        return (\n          <Button\n            aria-label=\"Toggle layer lock\"\n            size=\"small\"\n            tone=\"neutral\"\n            variant=\"ghost\"\n            onClick={() => handleClick(isLocked)}\n            className={cn('', className)}\n            ref={ref}\n            {...props}\n          >\n            {children}\n            {isLocked && <Icon name=\"locked\" />}\n            {!isLocked && <Icon name=\"unlocked\" />}\n          </Button>\n        )\n      }}\n    </table.Subscribe>\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport { Icon } from '../icon'\nimport { useCellContext } from './layer-tree-context'\nimport type { LayerTreeNodeIconProps } from './layer-tree.types'\n\nexport function LayerTreeNodeIcon({\n  icon: NodeIcon,\n  className,\n  children,\n  ref,\n  ...props\n}: LayerTreeNodeIconProps) {\n  const cell = useCellContext(),\n    { row } = cell,\n    hasChildren = row.getCanExpand() && Boolean(row.getLeafRows().length)\n  let nodeIcon = <NodeIcon />\n\n  if (hasChildren) {\n    nodeIcon = <Icon name=\"folder\" />\n    if (row.getIsExpanded()) {\n      nodeIcon = <Icon name=\"folderOpen\" />\n    }\n  }\n\n  return (\n    <div className={cn('', className)} ref={ref} {...props}>\n      {children}\n      {nodeIcon}\n    </div>\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport { Icon } from '../icon'\nimport { InputGroup, InputGroupAddon, InputGroupInput } from '../input-group'\nimport { useTableContext } from './layer-tree-context'\nimport type { LayerTreeSearchProps } from './layer-tree.types'\n\nexport function LayerTreeSearch({\n  placeholder,\n  className,\n  children,\n  ref,\n  ...props\n}: LayerTreeSearchProps) {\n  const table = useTableContext()\n\n  return (\n    <table.Subscribe selector={(state) => state.globalFilter}>\n      {(globalFilter) => (\n        <InputGroup className={cn('', className)} ref={ref} {...props}>\n          <InputGroupAddon>\n            <Icon name=\"search\" />\n          </InputGroupAddon>\n          <InputGroupInput\n            placeholder={placeholder}\n            onChange={(event) => table.setGlobalFilter(event.target.value)}\n            value={globalFilter ?? ''}\n          />\n          {children}\n        </InputGroup>\n      )}\n    </table.Subscribe>\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport { Button } from '../button'\nimport { Icon } from '../icon'\nimport {\n  Menu,\n  MenuCheckboxItem,\n  MenuPopup,\n  MenuSubmenu,\n  MenuSubmenuTrigger,\n  MenuTrigger,\n} from '../menu'\nimport { useTableContext } from './layer-tree-context'\nimport type { LayerTreeSortProps } from './layer-tree.types'\n\nfunction getColumnHeaderLabel(header: unknown, fallback: string): string {\n  if (typeof header === 'string') {\n    return header\n  }\n  return fallback\n}\n\nexport function LayerTreeSort({ className, children, ref, ...props }: LayerTreeSortProps) {\n  const table = useTableContext(),\n    buttonLabels = table.options.meta?.translations?.buttonLabels ?? {},\n    ascendingLabel = buttonLabels.ascending ?? 'Ascending',\n    descendingLabel = buttonLabels.descending ?? 'Descending',\n    handleSort = (columnId: string, direction: 'asc' | 'desc') => {\n      const column = table.getColumn(columnId),\n        currentSort = column?.getIsSorted()\n\n      if (currentSort === direction) {\n        column?.clearSorting()\n        return\n      }\n\n      column?.toggleSorting(direction === 'desc', column.getCanMultiSort())\n    }\n\n  return (\n    <Menu>\n      <MenuTrigger className={cn('shrink-0', className)} ref={ref} {...props}>\n        <Button aria-label=\"Sort layers\" variant=\"ghost\" size=\"medium\" tone=\"neutral\">\n          <Icon name=\"sort\" />\n        </Button>\n      </MenuTrigger>\n      <MenuPopup align=\"end\">\n        <table.Subscribe selector={(state) => state.sorting}>\n          {() =>\n            table\n              .getAllColumns()\n              .filter((column) => column.getCanSort())\n              .map((column) => (\n                <MenuSubmenu key={column.id}>\n                  <MenuSubmenuTrigger>\n                    {getColumnHeaderLabel(column.columnDef.header, column.id)}\n                  </MenuSubmenuTrigger>\n                  <MenuPopup>\n                    {children}\n                    <MenuCheckboxItem\n                      checked={column.getIsSorted() === 'asc'}\n                      onClick={() => handleSort(column.id, 'asc')}\n                    >\n                      <Icon name=\"sortDescending\" />\n                      {ascendingLabel}\n                    </MenuCheckboxItem>\n                    <MenuCheckboxItem\n                      checked={column.getIsSorted() === 'desc'}\n                      onClick={() => handleSort(column.id, 'desc')}\n                    >\n                      <Icon name=\"sortAscending\" />\n                      {descendingLabel}\n                    </MenuCheckboxItem>\n                  </MenuPopup>\n                </MenuSubmenu>\n              ))\n          }\n        </table.Subscribe>\n      </MenuPopup>\n    </Menu>\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport { useCellContext } from './layer-tree-context'\nimport { layerTreeTextCellVariants } from './layer-tree.types'\nimport type { LayerTreeTextCellProps } from './layer-tree.types'\n\nexport function LayerTreeTextCell({\n  size,\n  className,\n  children,\n  ref,\n  ...props\n}: LayerTreeTextCellProps) {\n  const cell = useCellContext<string>()\n\n  return (\n    <span className={cn(layerTreeTextCellVariants({ className, size }))} ref={ref} {...props}>\n      {children}\n      {cell.getValue()}\n    </span>\n  )\n}\n","import { useDraggable, useDroppable } from '@dnd-kit/react'\nimport React from 'react'\n\nimport { cn } from '@/utils/cn'\n\nimport { useCellContext } from './layer-tree-context'\nimport { useLayerTree } from './layer-tree.types'\nimport type { LayerTreeTriggerCellProps } from './layer-tree.types'\n\nexport function LayerTreeTriggerCell({\n  className,\n  children,\n  dndDisabled,\n  onClick,\n  ...props\n}: LayerTreeTriggerCellProps) {\n  const cell = useCellContext<string>(),\n    { draggingNodeId } = useLayerTree(),\n    { row } = cell,\n    hasChildren = row.getCanExpand(),\n    isSelected = row.getIsSelected(),\n    { ref: draggableRef, isDragging } = useDraggable({\n      data: {\n        isFolder: hasChildren,\n        nodeId: row.id,\n      },\n      disabled: dndDisabled,\n      id: row.id,\n    }),\n    { ref: droppableRef, isDropTarget } = useDroppable({\n      data: {\n        folderId: row.id,\n        isFolder: hasChildren,\n        nodeId: row.id,\n      },\n      disabled: dndDisabled || !hasChildren,\n      id: `folder:${row.id}`,\n    }),\n    setNodeRef = (element: Element | null) => {\n      draggableRef(element)\n      droppableRef(element)\n    },\n    selectRow = (event: React.MouseEvent<HTMLButtonElement>) => {\n      if (!row.getCanSelect()) {\n        return\n      }\n      if (!event.shiftKey) {\n        cell.table.resetRowSelection()\n      }\n      row.getToggleSelectedHandler()({ shiftKey: event.shiftKey, target: { checked: true } })\n    },\n    handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n      onClick?.(event)\n      if (event.defaultPrevented) {\n        return\n      }\n      if (hasChildren) {\n        row.toggleExpanded()\n        return\n      }\n      selectRow(event)\n    },\n    isAncestorDragging = (() => {\n      if (!draggingNodeId) {\n        return false\n      }\n      let parent = row.getParentRow()\n      while (parent) {\n        if (parent.id === draggingNodeId) {\n          return true\n        }\n        parent = parent.getParentRow()\n      }\n      return false\n    })()\n\n  return (\n    <button\n      type=\"button\"\n      onClick={handleClick}\n      className={cn(\n        'flex h-lg min-w-0 grow items-center justify-start gap-2xs truncate rounded-lg px-2xs style-text-default-0 transition-all hover:cursor-pointer [&>svg]:size-sm [&>svg]:shrink-0',\n        hasChildren &&\n          isDropTarget &&\n          'bg-success-container text-success-on-container ring ring-success-border',\n        isSelected && 'bg-neutral-default text-neutral-on-default',\n        !isSelected && 'hover:bg-neutral-container hover:text-neutral-on-container',\n        (isDragging || isAncestorDragging) && 'opacity-60',\n        className,\n      )}\n      ref={setNodeRef}\n      {...props}\n    >\n      {children}\n      {cell.getValue()}\n    </button>\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport { Button } from '../button'\nimport { Icon } from '../icon'\nimport { useTableContext } from './layer-tree-context'\nimport type { LayerTreeVisibilityAllProps } from './layer-tree.types'\n\nexport function LayerTreeVisibilityAll({\n  className,\n  children,\n  ref,\n  ...props\n}: LayerTreeVisibilityAllProps) {\n  const table = useTableContext(),\n    allRows = table.getCoreRowModel().flatRows,\n    handleClick = (isVisible: boolean) => {\n      const next = !isVisible\n      for (const leafRow of allRows) {\n        leafRow.toggleVisibility(next)\n      }\n    }\n\n  return (\n    <table.Subscribe selector={(state) => state.rowVisibility}>\n      {() => {\n        const isVisible = allRows.some((leafRow) => leafRow.getIsVisible())\n\n        return (\n          <Button\n            aria-label=\"Toggle all layers visibility\"\n            size=\"small\"\n            tone=\"neutral\"\n            variant=\"ghost\"\n            onClick={() => handleClick(isVisible)}\n            className={cn('', className)}\n            ref={ref}\n            {...props}\n          >\n            {children}\n            {isVisible && <Icon name=\"visible\" />}\n            {!isVisible && <Icon name=\"hidden\" />}\n          </Button>\n        )\n      }}\n    </table.Subscribe>\n  )\n}\n","import { cn } from '@/utils/cn'\n\nimport { Button } from '../button'\nimport { Icon } from '../icon'\nimport { useCellContext, useTableContext } from './layer-tree-context'\nimport type { LayerTreeVisibilityCellProps } from './layer-tree.types'\n\nexport function LayerTreeVisibilityCell({\n  className,\n  children,\n  ref,\n  ...props\n}: LayerTreeVisibilityCellProps) {\n  const cell = useCellContext<boolean>(),\n    table = useTableContext(),\n    { row } = cell,\n    rows = row.getLeafRows(),\n    handleClick = (isVisible: boolean) => {\n      const next = !isVisible\n      for (const leafRow of rows) {\n        leafRow.toggleVisibility(next)\n      }\n    }\n\n  if (!rows.length) {\n    rows.push(row)\n  }\n\n  return (\n    <table.Subscribe selector={(state) => state.rowVisibility}>\n      {() => {\n        const isVisible = rows.some((leafRow) => leafRow.getIsVisible())\n\n        return (\n          <Button\n            aria-label=\"Toggle layer visibility\"\n            size=\"small\"\n            tone=\"neutral\"\n            variant=\"ghost\"\n            onClick={() => handleClick(isVisible)}\n            className={cn('', className)}\n            ref={ref}\n            {...props}\n          >\n            {children}\n            {isVisible && <Icon name=\"visible\" />}\n            {!isVisible && <Icon name=\"hidden\" />}\n          </Button>\n        )\n      }}\n    </table.Subscribe>\n  )\n}\n","import { createTableHook } from '@tanstack/react-table'\n\nimport { LayerTree } from './layer-tree'\nimport { LayerTreeBody } from './layer-tree-body'\nimport { features, cellContext, headerContext, tableContext } from './layer-tree-context'\nimport { LayerTreeExpandAll } from './layer-tree-expand-all'\nimport { LayerTreeFooter } from './layer-tree-footer'\nimport { LayerTreeIconCell } from './layer-tree-icon-cell'\nimport { LayerTreeLockedAll } from './layer-tree-locked-all'\nimport { LayerTreeLockedCell } from './layer-tree-locked-cell'\nimport { LayerTreeNodeIcon } from './layer-tree-node-icon'\nimport { LayerTreeRow } from './layer-tree-row'\nimport { LayerTreeSearch } from './layer-tree-search'\nimport { LayerTreeSort } from './layer-tree-sort'\nimport { LayerTreeTextCell } from './layer-tree-text-cell'\nimport { LayerTreeTriggerCell } from './layer-tree-trigger-cell'\nimport { LayerTreeVisibilityAll } from './layer-tree-visibility-all'\nimport { LayerTreeVisibilityCell } from './layer-tree-visibility-cell'\n\nconst { createAppColumnHelper, useAppTable, useTableContext, useCellContext, useHeaderContext } =\n  createTableHook({\n    cellComponents: {\n      LayerTreeIconCell,\n      LayerTreeLockedCell,\n      LayerTreeNodeIcon,\n      LayerTreeTextCell,\n      LayerTreeTriggerCell,\n      LayerTreeVisibilityCell,\n    },\n    cellContext,\n    features,\n    headerComponents: {},\n    headerContext,\n    tableComponents: {\n      LayerTree,\n      LayerTreeBody,\n      LayerTreeExpandAll,\n      LayerTreeFooter,\n      LayerTreeLockedAll,\n      LayerTreeRow,\n      LayerTreeSearch,\n      LayerTreeSort,\n      LayerTreeVisibilityAll,\n    },\n    tableContext,\n  })\n\nexport { createAppColumnHelper, useAppTable, useCellContext, useHeaderContext, useTableContext }\n\nexport { features } from './layer-tree-context'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,MAAM,qBACF,OACA,WACiB;CACjB,KAAK,MAAM,QAAQ,OAAO;EACxB,IAAI,KAAK,OAAO,QACd,OAAO;EAET,IAAI,KAAK,UAAU,QAAQ;GACzB,MAAM,QAAQ,kBAAkB,KAAK,UAAU,MAAM;GACrD,IAAI,OACF,OAAO;EAEX;CACF;CAEA,OAAO;AACT;AAcA,MAAA,uBACE,OACA,WACsD;CAEtD,IAAI,cAA4B;CAuBhC,OAAO;EAAE,WArBS,MAAM,SAAS,SAAS;GACxC,IAAI,KAAK,OAAO,QAAQ;IACtB,cAAc;IACd,OAAO,CAAC;GACV;GACA,IAAI,CAAC,KAAK,UAAU,QAClB,OAAO,CAAC,IAAI;GAGd,MAAM,EAAE,WAAW,cAAc,aAAa,sBAAsB,oBAClE,KAAK,UACL,MACF;GACA,IAAI,CAAC,mBACH,OAAO,CAAC,IAAI;GAGd,cAAc;GACd,OAAO,CAAC;IAAE,GAAG;IAAM,UAAU;GAAa,CAAC;EAC7C,CAEiB;EAAG;CAAY;AAClC;AAeA,MAAA,uBACE,OACA,UACA,iBAEA,MAAM,KAAK,SAAS;CAClB,IAAI,KAAK,OAAO,UACd,OAAO;EAAE,GAAG;EAAM,UAAU,CAAC,GAAI,KAAK,YAAY,CAAC,GAAI,YAAY;CAAE;CAEvE,IAAI,CAAC,KAAK,UAAU,QAClB,OAAO;CAET,OAAO;EACL,GAAG;EACH,UAAU,oBAAoB,KAAK,UAAU,UAAU,YAAY;CACrE;AACF,CAAC;AACH,MAAA,yBAAyB,OAA4B,WACnD,QAAQ,kBAAkB,OAAO,MAAM,CAAC;AAC1C,MAAA,sBACE,OACA,UACA,aACY;CACZ,MAAM,EAAE,WAAW,gBAAgB,oBAAoB,OAAO,QAAQ;CACtE,IAAI,CAAC,aACH,OAAO;CAET,OAAO,oBAAoB,WAAW,UAAU,WAAW;AAC7D;AAgBA,MAAA,qBACE,OACA,UACA,aACY;CACZ,IAAI,aAAa,UACf,OAAO;CAGT,MAAM,aAAa,kBAAkB,OAAO,QAAQ,GAClD,aAAa,kBAAkB,OAAO,QAAQ;CAGhD,IAAI,CAAC,cAAc,CAAC,YAAY,UAC9B,OAAO;CAGT,IAAI,sBAAsB,WAAW,YAAY,CAAC,GAAG,QAAQ,GAC3D,OAAO;CAGT,OAAO,mBAAmB,OAAO,UAAU,QAAQ;AACrD;AAcA,MAAA,2BACE,OACA,aACY;CACZ,MAAM,EAAE,WAAW,gBAAgB,oBAAoB,OAAO,QAAQ;CACtE,IAAI,CAAC,aACH,OAAO;CAET,OAAO,CAAC,GAAG,WAAW,WAAW;AACnC;AACA,MAAA,uBAAqC;CACnC,qBAAqB,WAAW,UAAU;EAExC,MAAM,aAAa;EACnB,oBAAoB,wBAAwB,WAAW,OAAO;GAC5D,kBAAkB,EAChB,KAAK,QACH,WAAW,MAAM,eAAe,IAAI,CAAC,GAAG,IAAI,OAC5C,WAAW,QAAQ,gBAAgB,GAAG,KACtC,KACJ;GACA,sBAAsB,EACpB,KAAK,KAAK,UAAoB;IAC5B,WAAW,QAAQ,yBAAyB,SAA6B;KACvE,GAAG;MACF,IAAI,KAAK,SAAS,EAAE,IAAI,IAAI,OAAO;IACtC,EAAE;GACJ,EACF;EACF,CAAC;CACH;CACA,qBAAqB,UAAU;EAE7B,MAAM,aAAa,OACjB,gBAAgB,QACd,WAAW,MAAM,eAAe,IAAI,CAAC,GAAG,IAAI,OAC5C,WAAW,QAAQ,gBAAgB,GAAG,KACtC,MACF,oBAAoB,YAAyC;GAC3D,MAAM,eAA4C,QAAQ,iBAAiB,SAAS,GAAG;GACvF,WAAW,QAAQ,wBAAwB,WAAW;EACxD,GACA,4BACE,WAAW,YAAY,CAAC,CAAC,SAAS,OAAO,QAAQ,aAAa,GAAG,CAAC;EAEtE,gBAAgB,wBAAwB,YAAY;GAClD,2BAA2B,EACzB,UAAU,oBAAoB,EAChC;GACA,0BAA0B,EACxB,UAAU,iBAAiB,WAAW,aAAa,iBAAiB,CAAC,CAAC,EACxE;GACA,wBAAwB,EACtB,KAAK,YAAyC,iBAAiB,OAAO,EACxE;GACA,4BAA4B,EAC1B,KAAK,UAAoB;IACvB,MAAM,OAAO,SAAS,CAAC,oBAAoB;IAC3C,uBAAuB;KACrB,MAAM,QAA4B,CAAC;KACnC,KAAK,MAAM,OAAO,WAAW,YAAY,CAAC,CAAC,UACzC,MAAM,IAAI,MAAM;KAElB,OAAO;IACT,CAAC;GACH,EACF;EACF,CAAC;CACH;CACA,yBAAyB,WAAW;EAClC,qBAAqB;EACrB,uBAAuB,iBAAiB,iBAAiB,KAAK;CAChE;CACA,kBAAkB,kBAAkB;EAClC,eAAe,CAAC;EAChB,GAAG;CACL;AACF;AACA,MAAA,mBAAiC;CAC/B,qBAAqB,WAAW,UAAU;EAExC,MAAM,aAAa;EACnB,oBAAoB,oBAAoB,WAAW,OAAO;GACxD,iBAAiB,EACf,KAAK,QACH,WAAW,MAAM,WAAW,IAAI,CAAC,GAAG,IAAI,OACxC,WAAW,QAAQ,eAAe,GAAG,KACrC,MACJ;GACA,kBAAkB,EAChB,KAAK,KAAK,UAAoB;IAC5B,WAAW,QAAQ,qBAAqB,SAAyB;KAC/D,GAAG;MACF,IAAI,KAAK,SAAS,EAAE,IAAI,IAAI,OAAO;IACtC,EAAE;GACJ,EACF;EACF,CAAC;CACH;CACA,qBAAqB,UAAU;EAE7B,MAAM,aAAa,OACjB,eAAe,QACb,WAAW,MAAM,WAAW,IAAI,CAAC,GAAG,IAAI,OACxC,WAAW,QAAQ,eAAe,GAAG,KACrC,OACF,gBAAgB,YAAqC;GACnD,MAAM,eAAwC,QAAQ,iBAAiB,SAAS,GAAG;GACnF,WAAW,QAAQ,oBAAoB,WAAW;EACpD,GACA,2BACE,WAAW,YAAY,CAAC,CAAC,SAAS,OAAO,QAAQ,YAAY,GAAG,CAAC;EAErE,gBAAgB,oBAAoB,YAAY;GAC9C,0BAA0B,EACxB,UAAU,mBAAmB,EAC/B;GACA,sBAAsB,EACpB,UAAU,aAAa,WAAW,aAAa,aAAa,CAAC,CAAC,EAChE;GACA,oBAAoB,EAClB,KAAK,YAAqC,aAAa,OAAO,EAChE;GACA,2BAA2B,EACzB,KAAK,UAAoB;IACvB,MAAM,OAAO,SAAS,CAAC,mBAAmB;IAC1C,mBAAmB;KACjB,MAAM,QAAwB,CAAC;KAC/B,KAAK,MAAM,OAAO,WAAW,YAAY,CAAC,CAAC,UACzC,MAAM,IAAI,MAAM;KAElB,OAAO;IACT,CAAC;GACH,EACF;EACF,CAAC;CACH;CACA,yBAAyB,WAAW;EAClC,iBAAiB;EACjB,mBAAmB,iBAAiB,aAAa,KAAK;CACxD;CACA,kBAAkB,kBAAkB;EAClC,WAAW,CAAC;EACZ,GAAG;CACL;AACF;;ACxSF,MAAM,WAAW,cAAc;CAC3B;CACA;CACA,YAAY,WAAgC;CAC5C;CACA;CACA,kBAAkB,uBAAuB;CACzC,iBAAiB,sBAAsB;CACvC,qBAAqB,0BAA0B;CAC/C,WAAW;EACT,QAAQ;EACR,aAAa;EACb,gBAAgB;EAChB,iBAAiB;EACjB,SAAS;EACT,kBAAkB;EAClB,OAAO;EACP,UAAU;EACV,QAAQ;EACR,cAAc;EACd,uBAAuB;EACvB,aAAa;EACb,eAAe;EACf,gBAAgB;EAChB,yBAAyB;EACzB,UAAU;EACV,YAAY;EACZ,YAAY;CACd;CACA,kBAAkB,uBAAuB;CACzC;CACA,mBAAmB,wBAAwB;CAC3C;CACA;CACA;CACA;CACA;CACA;CACA,SAAS;EACP,cAAc;EACd,OAAO;EACP,UAAU;EACV,MAAM;CACR;CACA,gBAAgB,qBAAqB;CACrC,WAAW,WAA+B;AAC5C,CAAC,GACD,EAAE,cAAc,aAAa,eAAe,iBAAA,mBAAiB,gBAAA,kBAAgB,kBAAA,uBAC3E,wBAAyC;;ACrB7C,MAAM,4BAA4B,IAAI,gCAAgC;CAClE,iBAAiB,EACf,MAAM,SACR;CACA,UAAU,EACR,MAAM;EACJ,OAAO;EACP,QAAQ;EACR,OAAO;CACT,EACF;AACF,CAAC;AAED,MAAA,mBAAmB,MAAM,cAA2C,IAAI;AACxE,MAAA,qBAAqB;CACnB,MAAM,UAAU,MAAM,WAAwC,gBAAgB;CAE9E,IAAI,CAAC,SACH,MAAM,IAAI,MAAM,sDAAsD;CAGxE,OAAO;AACT;;AClFF,MAAM,mBAAmB;AAEzB,SAAgB,UAAU,EACxB,YAAY,aACZ,UAAU,WACV,WACA,UACA,KACA,GAAG,SACc;CACjB,MAAM,QAAQA,kBAAgB,GAC5B,CAAC,gBAAgB,qBAAqB,MAAM,SAAwB,IAAI,GACxE,mBAAmB,EAAE,WAAW,EAAE,eAA+B;EAC/D,kBAAkB,QAAQ,KAAK,UAAU,IAAI;EAC7C,IAAI,aACF,YAAY,EAAE,QAAQ,QAAQ,KAAK,UAAU,GAAG,CAAC;CAErD,GACA,iBAAiB,EAAE,WAAW,EAAE,QAAQ,eAA6B;EACnE,kBAAkB,IAAI;EACtB,IAAI,WAAW;GACb,MAAM,eAAe,QAAQ,KAAK,YAAY,QAAQ,KAAK,UAAU;GACrE,UAAU;IACR,cAAc,QAAQ,KAAK,UAAU;IACrC;GACF,CAAC;EACH;CACF;CAEF,OACE,oBAAC,kBAAD;EACE,aAAa;EACb,WAAW;EACX,UAAU,aAAa,CAAC,GAAG,UAAU,SAAS,UAAU,EAAE,eAAe,KAAK,CAAC,CAAC;EAEhF,UAAA,oBAAC,iBAAiB,UAAlB;GACE,OAAO;IACL;IACA;IACA;IACA;IACA,GAAG;GACL;GAEA,UAAA,qBAAC,OAAD;IAAK,WAAW,GAAG,iCAAiC,SAAS;IAAQ;IAAK,GAAI;IAA9E,UAAA,CACG,UACD,oBAAC,aAAD,EAAA,WACI,WACA,qBAAC,OAAD;KACE,WAAW,GACT,4HACF;KAHF,UAAA,CAKG,MAAM,OAAO,OAAO,OAAO,EAAE,CAAC,CAAC,CAAC,YAAY,MAAM,KAAK,OAAO,IAC/D,oBAAC,OAAD;MAAO,WAAU;MAA6B,MAAK;MAChD,UAAA,MAAM,OAAO,OAAO,OAAO,EAAE,CAAC,CAAC,EAAE,QAAQ,SAAS;KAC9C,CAAA,CACJ;IAEI,CAAA,EAAA,CAAA,CACV;;EACoB,CAAA;CACX,CAAA;AAEtB;;ACvEA,MAAM,aAAa;AACjB,MAAA,mBAAmB;AACnB,MAAA,uBAAuB;AACvB,MAAA,mBAAmB;AACnB,MAAA,kBAAkB;AAClB,MAAA,iBAAiB;AAEnB,SAAgB,aAAa,EAAE,OAAO,WAAW,UAAU,KAAK,GAAG,SAA4B;CAG7F,MAAM,QAAQC,kBAAgB;CAE9B,OACE,oBAAC,MAAM,WAAP;EACE,WAAW,WAAW;GACpB,UAAU,MAAM;GAChB,cAAc,MAAM;GACpB,eAAe,MAAM;EACvB;EAEO,gBAAA;GACL,MAAM,MAAM,MAAM,YAAY,CAAC,CAAC,KAAK,MAAM,cAAc,UAAU,OAAO,KAAK,GAC7E,UAAU,KAAK,SAAS,cAAc,sBACtC,WAAW,KAAK,YAAY,KAAK,CAAC;GACpC,IAAI,YAAY,KAAK,aAAa,KAAK;GAEvC,IAAI,SAAS,SAAS,kBACpB,YAAY,SAAS,MAAM,SAAS,KAAK,aAAa,CAAC;GAGzD,OACE,qBAAC,OAAD;IAAK,WAAW,GAAG,oCAAoC,SAAS;IAAQ;IAAK,GAAI;IAAjF,UAAA,CACG,UACA,KAAK,gBAAgB,CAAC,CAAC,KAAK,MAAM,cAAc;KAC/C,MAAM,cAAc,cAAc,kBAChC,SAAS,KAAK,OAAO,UAAU,MAAM,QAAQ,KAAK,OAAO,OAAO;KAClE,IAAI,aAAiC,KAAA,GACnC,UAAU;KAEZ,IAAI,aACF,aAAa;KAEf,IAAI,WACF,UAAU;KAGZ,OACE,oBAAC,MAAM,SAAP;MAAmC;MAC/B,WAAA,iBACA,oBAAC,OAAD;OACE,OAAO;QACL;QACA;OACF;OACA,WAAW,GACT,qBACA,UAAU,wBACV,CAAC,UAAU,gBACb;OAEA,UAAA,oBAAC,MAAM,YAAP,EAAkB,MAAM,aAAe,CAAA;MACpC,CAAA;KAEM,GAhBK,KAAK,EAgBV;IAEnB,CAAC,CACE;;EAET;CACe,CAAA;AAErB;;ACrEA,SAAgB,cAAc,EAAE,WAAW,UAAU,GAAG,SAA6B;CACnF,MAAM,QAAQC,kBAAgB,GAC5B,EAAE,cAAc,QAAQ,aAAa;EACnC,MAAM;GACJ,UAAU;GACV,QAAQ;EACV;EACA,IAAI;CACN,CAAC;CAEH,OACE,oBAAC,MAAM,WAAP;EAAiB,WAAW,UAAU;EAElC,gBAAA,qBAAC,OAAD;GAAK,WAAW,GAAG,qCAAqC,SAAS;GAAG,GAAI;GAAxE,UAAA;IACG;IACD,oBAAC,OAAD;KAAK,WAAU;KACZ,UAAA,MAAM,YAAY,CAAC,CAAC,KAAK,KAAK,QAC7B,oBAAC,cAAD,EAA2B,OAAO,IAAI,GAAK,GAAxB,IAAI,EAAoB,CAC5C;IACE,CAAA;IACL,oBAAC,OAAD;KACO;KACL,WAAW,GACT,QACA,gBACE,wEACJ;IACD,CAAA;GACE;;CAEQ,CAAA;AAErB;;ACjCA,SAAgB,mBAAmB,EAAE,WAAW,KAAK,GAAG,SAAkC;CACxF,MAAM,QAAQC,kBAAgB,GAC5B,oBAAoB;EAClB,IAAI,MAAM,sBAAsB,GAC9B,MAAM,sBAAsB,KAAK;OAEjC,MAAM,sBAAsB,IAAI;CAEpC;CAEF,OACE,oBAAC,MAAM,WAAP;EAAiB,WAAW,UAAU,MAAM;EAExC,gBAAA,qBAAC,QAAD;GACE,cAAW;GACX,MAAK;GACL,MAAK;GACL,SAAQ;GACR,SAAS;GACT,WAAW,GAAG,IAAI,SAAS;GACtB;GACL,GAAI;GARN,UAAA,CAUG,MAAM,sBAAsB,KAAK,oBAAC,MAAD,EAAM,MAAK,aAAc,CAAA,GAC1D,CAAC,MAAM,sBAAsB,KAAK,oBAAC,MAAD,EAAM,MAAK,kBAAmB,CAAA,CAC3D;;CAEK,CAAA;AAErB;;AChCA,SAAgB,gBAAgB,EAAE,WAAW,KAAK,GAAG,SAA+B;CAClF,OAAO,oBAAC,OAAD;EAAK,WAAW,GAAG,yBAAyB,SAAS;EAAQ;EAAK,GAAI;CAAQ,CAAA;AACvF;;ACIA,SAAgB,kBAAkB,EAAE,WAAW,UAAU,KAAK,GAAG,SAAiC;CAChG,MAAM,OAAOC,iBAA8B,GACzC,QAAQC,kBAAgB,GACxB,OAAO,KAAK,SAAS,GACrB,EAAE,QAAQ,MACV,cAAc,IAAI,aAAa,KAAK,QAAQ,IAAI,YAAY,CAAC,CAAC,MAAM;CAEtE,OACE,oBAAC,MAAM,WAAP;EAAiB,WAAW,UAAU,MAAM;EACnC,gBAAA;GACL,MAAM,aAAa,IAAI,cAAc;GAErC,IAAI,WAAsB,cAAc,IAAI;GAC5C,IAAI,eAAe,YACjB,WAAW,oBAAC,MAAD,EAAM,MAAK,aAAc,CAAA;QAC/B,IAAI,aACT,WAAW,oBAAC,MAAD,EAAM,MAAK,SAAU,CAAA;GAGlC,OACE,qBAAC,OAAD;IACE,WAAW,GAAG,oDAAoD,SAAS;IACtE;IACL,GAAI;IAHN,UAAA,CAKG,UACA,QACE;;EAET;CACe,CAAA;AAErB;;ACnCA,SAAgB,mBAAmB,EACjC,WACA,UACA,KACA,GAAG,SACuB;CAC1B,MAAM,QAAQC,kBAAgB,GAC5B,UAAU,MAAM,gBAAgB,CAAC,CAAC,UAClC,eAAe,aAAsB;EACnC,MAAM,OAAO,CAAC;EACd,KAAK,MAAM,WAAW,SACpB,QAAQ,aAAa,IAAI;CAE7B;CAEF,OACE,oBAAC,MAAM,WAAP;EAAiB,WAAW,UAAU,MAAM;EACnC,gBAAA;GACL,MAAM,WAAW,QAAQ,MAAM,YAAY,QAAQ,YAAY,CAAC;GAEhE,OACE,qBAAC,QAAD;IACE,cAAW;IACX,MAAK;IACL,MAAK;IACL,SAAQ;IACR,eAAe,YAAY,QAAQ;IACnC,WAAW,GAAG,IAAI,SAAS;IACtB;IACL,GAAI;IARN,UAAA;KAUG;KACA,YAAY,oBAAC,MAAD,EAAM,MAAK,SAAU,CAAA;KACjC,CAAC,YAAY,oBAAC,MAAD,EAAM,MAAK,WAAY,CAAA;IAC/B;;EAEZ;CACe,CAAA;AAErB;;ACvCA,SAAgB,oBAAoB,EAClC,WACA,UACA,KACA,GAAG,SACwB;CAC3B,MAAM,OAAOC,iBAAwB,GACnC,QAAQC,kBAAgB,GACxB,EAAE,QAAQ,MACV,OAAO,IAAI,YAAY,GACvB,eAAe,aAAsB;EACnC,MAAM,OAAO,CAAC;EACd,KAAK,MAAM,WAAW,MACpB,QAAQ,aAAa,IAAI;CAE7B;CAEF,IAAI,CAAC,KAAK,QACR,KAAK,KAAK,GAAG;CAGf,OACE,oBAAC,MAAM,WAAP;EAAiB,WAAW,UAAU,MAAM;EACnC,gBAAA;GACL,MAAM,WAAW,KAAK,OAAO,YAAY,QAAQ,YAAY,CAAC;GAE9D,OACE,qBAAC,QAAD;IACE,cAAW;IACX,MAAK;IACL,MAAK;IACL,SAAQ;IACR,eAAe,YAAY,QAAQ;IACnC,WAAW,GAAG,IAAI,SAAS;IACtB;IACL,GAAI;IARN,UAAA;KAUG;KACA,YAAY,oBAAC,MAAD,EAAM,MAAK,SAAU,CAAA;KACjC,CAAC,YAAY,oBAAC,MAAD,EAAM,MAAK,WAAY,CAAA;IAC/B;;EAEZ;CACe,CAAA;AAErB;;AC9CA,SAAgB,kBAAkB,EAChC,MAAM,UACN,WACA,UACA,KACA,GAAG,SACsB;CACzB,MACE,EAAE,QADSC,iBACE,GACb,cAAc,IAAI,aAAa,KAAK,QAAQ,IAAI,YAAY,CAAC,CAAC,MAAM;CACtE,IAAI,WAAW,oBAAC,UAAD,CAAW,CAAA;CAE1B,IAAI,aAAa;EACf,WAAW,oBAAC,MAAD,EAAM,MAAK,SAAU,CAAA;EAChC,IAAI,IAAI,cAAc,GACpB,WAAW,oBAAC,MAAD,EAAM,MAAK,aAAc,CAAA;CAExC;CAEA,OACE,qBAAC,OAAD;EAAK,WAAW,GAAG,IAAI,SAAS;EAAQ;EAAK,GAAI;EAAjD,UAAA,CACG,UACA,QACE;;AAET;;ACxBA,SAAgB,gBAAgB,EAC9B,aACA,WACA,UACA,KACA,GAAG,SACoB;CACvB,MAAM,QAAQC,kBAAgB;CAE9B,OACE,oBAAC,MAAM,WAAP;EAAiB,WAAW,UAAU,MAAM;EACxC,WAAA,iBACA,qBAAC,YAAD;GAAY,WAAW,GAAG,IAAI,SAAS;GAAQ;GAAK,GAAI;GAAxD,UAAA;IACE,oBAAC,iBAAD,EAAA,UACE,oBAAC,MAAD,EAAM,MAAK,SAAU,CAAA,EACN,CAAA;IACjB,oBAAC,iBAAD;KACe;KACb,WAAW,UAAU,MAAM,gBAAgB,MAAM,OAAO,KAAK;KAC7D,OAAO,gBAAgB;IACxB,CAAA;IACA;GACS;;CAEC,CAAA;AAErB;;AClBA,SAAS,qBAAqB,QAAiB,UAA0B;CACvE,IAAI,OAAO,WAAW,UACpB,OAAO;CAET,OAAO;AACT;AAEA,SAAgB,cAAc,EAAE,WAAW,UAAU,KAAK,GAAG,SAA6B;CACxF,MAAM,QAAQC,kBAAgB,GAC5B,eAAe,MAAM,QAAQ,MAAM,cAAc,gBAAgB,CAAC,GAClE,iBAAiB,aAAa,aAAa,aAC3C,kBAAkB,aAAa,cAAc,cAC7C,cAAc,UAAkB,cAA8B;EAC5D,MAAM,SAAS,MAAM,UAAU,QAAQ;EAGvC,IAFgB,QAAQ,YAAY,MAEhB,WAAW;GAC7B,QAAQ,aAAa;GACrB;EACF;EAEA,QAAQ,cAAc,cAAc,QAAQ,OAAO,gBAAgB,CAAC;CACtE;CAEF,OACE,qBAAC,MAAD,EAAA,UAAA,CACE,oBAAC,aAAD;EAAa,WAAW,GAAG,YAAY,SAAS;EAAQ;EAAK,GAAI;EAC/D,UAAA,oBAAC,QAAD;GAAQ,cAAW;GAAc,SAAQ;GAAQ,MAAK;GAAS,MAAK;GAClE,UAAA,oBAAC,MAAD,EAAM,MAAK,OAAQ,CAAA;EACb,CAAA;CACG,CAAA,GACb,oBAAC,WAAD;EAAW,OAAM;EACf,UAAA,oBAAC,MAAM,WAAP;GAAiB,WAAW,UAAU,MAAM;GAExC,gBAAA,MACG,cAAc,CAAC,CACf,QAAQ,WAAW,OAAO,WAAW,CAAC,CAAC,CACvC,KAAK,WACJ,qBAAC,aAAD,EAAA,UAAA,CACE,oBAAC,oBAAD,EAAA,UACG,qBAAqB,OAAO,UAAU,QAAQ,OAAO,EAAE,EACtC,CAAA,GACpB,qBAAC,WAAD,EAAA,UAAA;IACG;IACD,qBAAC,kBAAD;KACE,SAAS,OAAO,YAAY,MAAM;KAClC,eAAe,WAAW,OAAO,IAAI,KAAK;KAF5C,UAAA,CAIE,oBAAC,MAAD,EAAM,MAAK,iBAAkB,CAAA,GAC5B,cACe;;IAClB,qBAAC,kBAAD;KACE,SAAS,OAAO,YAAY,MAAM;KAClC,eAAe,WAAW,OAAO,IAAI,MAAM;KAF7C,UAAA,CAIE,oBAAC,MAAD,EAAM,MAAK,gBAAiB,CAAA,GAC3B,eACe;;GACT,EAAA,CAAA,CACA,EAAA,GArBK,OAAO,EAqBZ,CACd;EAEU,CAAA;CACR,CAAA,CACP,EAAA,CAAA;AAEV;;AC3EA,SAAgB,kBAAkB,EAChC,MACA,WACA,UACA,KACA,GAAG,SACsB;CACzB,MAAM,OAAOC,iBAAuB;CAEpC,OACE,qBAAC,QAAD;EAAM,WAAW,GAAG,0BAA0B;GAAE;GAAW;EAAK,CAAC,CAAC;EAAQ;EAAK,GAAI;EAAnF,UAAA,CACG,UACA,KAAK,SAAS,CACX;;AAEV;;ACZA,SAAgB,qBAAqB,EACnC,WACA,UACA,aACA,SACA,GAAG,SACyB;CAC5B,MAAM,OAAOC,iBAAuB,GAClC,EAAE,mBAAmB,aAAa,GAClC,EAAE,QAAQ,MACV,cAAc,IAAI,aAAa,GAC/B,aAAa,IAAI,cAAc,GAC/B,EAAE,KAAK,cAAc,eAAe,aAAa;EAC/C,MAAM;GACJ,UAAU;GACV,QAAQ,IAAI;EACd;EACA,UAAU;EACV,IAAI,IAAI;CACV,CAAC,GACD,EAAE,KAAK,cAAc,iBAAiB,aAAa;EACjD,MAAM;GACJ,UAAU,IAAI;GACd,UAAU;GACV,QAAQ,IAAI;EACd;EACA,UAAU,eAAe,CAAC;EAC1B,IAAI,UAAU,IAAI;CACpB,CAAC,GACD,cAAc,YAA4B;EACxC,aAAa,OAAO;EACpB,aAAa,OAAO;CACtB,GACA,aAAa,UAA+C;EAC1D,IAAI,CAAC,IAAI,aAAa,GACpB;EAEF,IAAI,CAAC,MAAM,UACT,KAAK,MAAM,kBAAkB;EAE/B,IAAI,yBAAyB,CAAC,CAAC;GAAE,UAAU,MAAM;GAAU,QAAQ,EAAE,SAAS,KAAK;EAAE,CAAC;CACxF,GACA,eAAe,UAA+C;EAC5D,UAAU,KAAK;EACf,IAAI,MAAM,kBACR;EAEF,IAAI,aAAa;GACf,IAAI,eAAe;GACnB;EACF;EACA,UAAU,KAAK;CACjB,GACA,4BAA4B;EAC1B,IAAI,CAAC,gBACH,OAAO;EAET,IAAI,SAAS,IAAI,aAAa;EAC9B,OAAO,QAAQ;GACb,IAAI,OAAO,OAAO,gBAChB,OAAO;GAET,SAAS,OAAO,aAAa;EAC/B;EACA,OAAO;CACT,EAAA,CAAG;CAEL,OACE,qBAAC,UAAD;EACE,MAAK;EACL,SAAS;EACT,WAAW,GACT,kLACA,eACE,gBACA,2EACF,cAAc,8CACd,CAAC,cAAc,+DACd,cAAc,uBAAuB,cACtC,SACF;EACA,KAAK;EACL,GAAI;EAdN,UAAA,CAgBG,UACA,KAAK,SAAS,CACT;;AAEZ;;AC1FA,SAAgB,uBAAuB,EACrC,WACA,UACA,KACA,GAAG,SAC2B;CAC9B,MAAM,QAAQC,kBAAgB,GAC5B,UAAU,MAAM,gBAAgB,CAAC,CAAC,UAClC,eAAe,cAAuB;EACpC,MAAM,OAAO,CAAC;EACd,KAAK,MAAM,WAAW,SACpB,QAAQ,iBAAiB,IAAI;CAEjC;CAEF,OACE,oBAAC,MAAM,WAAP;EAAiB,WAAW,UAAU,MAAM;EACnC,gBAAA;GACL,MAAM,YAAY,QAAQ,MAAM,YAAY,QAAQ,aAAa,CAAC;GAElE,OACE,qBAAC,QAAD;IACE,cAAW;IACX,MAAK;IACL,MAAK;IACL,SAAQ;IACR,eAAe,YAAY,SAAS;IACpC,WAAW,GAAG,IAAI,SAAS;IACtB;IACL,GAAI;IARN,UAAA;KAUG;KACA,aAAa,oBAAC,MAAD,EAAM,MAAK,UAAW,CAAA;KACnC,CAAC,aAAa,oBAAC,MAAD,EAAM,MAAK,SAAU,CAAA;IAC9B;;EAEZ;CACe,CAAA;AAErB;;ACvCA,SAAgB,wBAAwB,EACtC,WACA,UACA,KACA,GAAG,SAC4B;CAC/B,MAAM,OAAOC,iBAAwB,GACnC,QAAQC,kBAAgB,GACxB,EAAE,QAAQ,MACV,OAAO,IAAI,YAAY,GACvB,eAAe,cAAuB;EACpC,MAAM,OAAO,CAAC;EACd,KAAK,MAAM,WAAW,MACpB,QAAQ,iBAAiB,IAAI;CAEjC;CAEF,IAAI,CAAC,KAAK,QACR,KAAK,KAAK,GAAG;CAGf,OACE,oBAAC,MAAM,WAAP;EAAiB,WAAW,UAAU,MAAM;EACnC,gBAAA;GACL,MAAM,YAAY,KAAK,MAAM,YAAY,QAAQ,aAAa,CAAC;GAE/D,OACE,qBAAC,QAAD;IACE,cAAW;IACX,MAAK;IACL,MAAK;IACL,SAAQ;IACR,eAAe,YAAY,SAAS;IACpC,WAAW,GAAG,IAAI,SAAS;IACtB;IACL,GAAI;IARN,UAAA;KAUG;KACA,aAAa,oBAAC,MAAD,EAAM,MAAK,UAAW,CAAA;KACnC,CAAC,aAAa,oBAAC,MAAD,EAAM,MAAK,SAAU,CAAA;IAC9B;;EAEZ;CACe,CAAA;AAErB;;ACjCA,MAAM,EAAE,uBAAuB,aAAa,iBAAiB,gBAAgB,qBAC3E,gBAAgB;CACd,gBAAgB;EACd;EACA;EACA;EACA;EACA;EACA;CACF;CACA;CACA;CACA,kBAAkB,CAAC;CACnB;CACA,iBAAiB;EACf;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA;AACF,CAAC"}

package/dist/map/google/index.d.ts

@@ -0,0 +1,143 @@
+import { a as AutocompleteItem, c as AutocompleteInputGroup, h as AutocompleteCollection, m as AutocompleteContent, o as AutocompleteInputGroupInput, p as AutocompleteEmpty, r as AutocompleteStatus, t as Autocomplete } from "../../index-BJVMIPq4.js";
+import { t as ButtonGroup } from "../../index-B3MK1QYh.js";
+import { t as Button } from "../../index-bVyqfhJS.js";
+import React$1, { ComponentPropsWithRef, Key, ReactNode } from "react";
+import { APIProviderProps, AdvancedMarker, MapProps } from "@vis.gl/react-google-maps";
+import { ReactAsyncDebouncer } from "@tanstack/react-pacer";
+import { ClusterFeature, ClusterProperties, Options, PointFeature } from "supercluster";
+import { DeckProps } from "@deck.gl/core";
+import { BBox, FeatureCollection, GeoJsonProperties, Point } from "geojson";
+type GoogleMapProps = APIProviderProps;
+type GoogleMapFrameProps = MapProps;
+type GoogleMapGeolocateControlProps = React.ComponentProps<typeof Button> & {
+  zoomLevel?: number;
+};
+type GoogleMapZoomControlProps = React.ComponentProps<typeof ButtonGroup> & {
+  step?: number;
+};
+type GoogleMapDeckGLOverlayProps = Omit<DeckProps, 'layers'> & {
+  interleaved?: boolean;
+};
+type GoogleMapClusterLayerItem<Properties extends GeoJsonProperties, ClusterPropertiesValue extends GeoJsonProperties = ClusterProperties> = ClusterFeature<ClusterPropertiesValue> | PointFeature<Properties>;
+interface GoogleMapClusterRenderContext<Properties extends GeoJsonProperties> {
+  getLeaves: () => PointFeature<Properties>[];
+  getExpansionZoom: () => number;
+}
+interface GoogleMapClusterLayerProps<Properties extends GeoJsonProperties, ClusterPropertiesValue extends GeoJsonProperties = ClusterProperties> {
+  items: readonly GoogleMapClusterLayerItem<Properties, ClusterPropertiesValue>[];
+  getKey: (item: PointFeature<Properties>) => Key;
+  getLeaves: (clusterId: number) => PointFeature<Properties>[];
+  getClusterExpansionZoom: (clusterId: number) => number;
+  renderItem: (item: PointFeature<Properties>) => ReactNode;
+  renderCluster: (cluster: ClusterFeature<ClusterPropertiesValue>, context: GoogleMapClusterRenderContext<Properties>) => ReactNode;
+  children?: ReactNode;
+}
+type GoogleMapTiltControlProps = React.ComponentProps<typeof Button>;
+declare function GoogleMap$1({ children, ...props }: GoogleMapProps): import("react").JSX.Element;
+type GoogleMapClusterProps = ComponentPropsWithRef<typeof AdvancedMarker> & {
+  count: number;
+  label: string;
+};
+export declare function GoogleMapCluster({ className, children, count, label, collisionBehavior, zIndex, ...props }: GoogleMapClusterProps): import("react").JSX.Element;
+export declare function GoogleMapClusterLayer<Properties extends GeoJsonProperties, ClusterPropertiesValue extends GeoJsonProperties = ClusterProperties>({ items, getKey, getLeaves, getClusterExpansionZoom, renderItem, renderCluster, children }: GoogleMapClusterLayerProps<Properties, ClusterPropertiesValue>): import("react").JSX.Element;
+export declare function GoogleMapDeckGLOverlay({ interleaved, ...deckProps }: GoogleMapDeckGLOverlayProps): undefined;
+export declare function GoogleMapFrame({ className, children, ...props }: GoogleMapFrameProps): React$1.JSX.Element;
+export declare function GoogleMapGeolocateControl({ zoomLevel, className, children, ref, ...props }: GoogleMapGeolocateControlProps): React$1.JSX.Element;
+type GoogleMapMarkerProps = ComponentPropsWithRef<typeof AdvancedMarker>;
+export declare function GoogleMapMarker({ collisionBehavior, ...props }: GoogleMapMarkerProps): import("react").JSX.Element;
+interface GoogleMapMarkerLayerProps<Item> {
+  items: readonly Item[];
+  getKey: (item: Item) => Key;
+  renderItem: (item: Item) => ReactNode;
+  children?: ReactNode;
+}
+export declare function GoogleMapMarkerLayer<Item>({ items, getKey, renderItem, children }: GoogleMapMarkerLayerProps<Item>): import("react").JSX.Element;
+interface GoogleMapSearchControlValue {
+  debouncer: ReactAsyncDebouncer<(query: string) => Promise<google.maps.places.AutocompleteSuggestion[]>, {
+    isPending: boolean;
+  }>;
+  locale?: Intl.Locale;
+  selectSuggestion: (suggestion: google.maps.places.AutocompleteSuggestion) => Promise<void>;
+  selectFirstSuggestion: () => Promise<void>;
+  results: google.maps.places.AutocompleteSuggestion[];
+  setResults: React$1.Dispatch<React$1.SetStateAction<google.maps.places.AutocompleteSuggestion[]>>;
+}
+type GoogleMapSearchControlContextProps = GoogleMapSearchControlValue;
+type GoogleMapSearchControlProps = React$1.ComponentProps<typeof Autocomplete> & {
+  locale?: Intl.Locale;
+  debounceInterval?: number;
+  onSuggestionSelect?: (suggestion: google.maps.places.AutocompleteSuggestion) => Promise<void>;
+};
+type GoogleMapSearchControlInputGroupProps = React$1.ComponentProps<typeof AutocompleteInputGroup>;
+type GoogleMapSearchControlInputProps = React$1.ComponentProps<typeof AutocompleteInputGroupInput>;
+type GoogleMapSearchControlSuggestionProps = Omit<React$1.ComponentProps<typeof AutocompleteItem>, 'children'> & {
+  suggestion: google.maps.places.AutocompleteSuggestion;
+  children: (suggestion: google.maps.places.AutocompleteSuggestion) => React$1.ReactNode;
+};
+type GoogleMapsSearchControlStatusProps = Omit<React$1.ComponentProps<typeof AutocompleteStatus>, 'children'> & {
+  children: (status: {
+    isPending: boolean;
+    results: google.maps.places.AutocompleteSuggestion[] | undefined;
+  }) => React$1.ReactNode;
+};
+type GoogleMapsSearchControlResultsProps = Omit<React$1.ComponentProps<typeof AutocompleteCollection>, 'children'> & {
+  children: (result: google.maps.places.AutocompleteSuggestion, index: number) => React$1.ReactNode;
+};
+type GoogleMapSearchControlEmptyProps = React$1.ComponentProps<typeof AutocompleteEmpty>;
+type GoogleMapSearchControlContentProps = React$1.ComponentProps<typeof AutocompleteContent>;
+type GoogleMapSearchControlSubmitProps = React$1.ComponentProps<typeof Button>;
+export declare function GoogleMapSearchControl({ onSuggestionSelect, onValueChange, value: controlledValue, defaultValue, itemToStringValue, debounceInterval, locale, children, ...props }: GoogleMapSearchControlProps): React$1.JSX.Element;
+export declare function GoogleMapSearchControlEmpty({ className, children, ref, ...props }: GoogleMapSearchControlEmptyProps): import("react").JSX.Element;
+export declare function GoogleMapSearchControlInput({ className, onKeyDown, ref, ...props }: GoogleMapSearchControlInputProps): import("react").JSX.Element;
+export declare function GoogleMapSearchControlInputGroup({ className, ref, ...props }: GoogleMapSearchControlInputGroupProps): import("react").JSX.Element;
+export declare function GoogleMapSearchControlSubmit({ className, onClick, ref, ...props }: GoogleMapSearchControlSubmitProps): React$1.JSX.Element;
+export declare function GoogleMapSearchControlSuggestion({ suggestion, className, children, ref, ...props }: GoogleMapSearchControlSuggestionProps): import("react").JSX.Element;
+export declare function GoogleMapTiltControl({ className, children, ref, ...props }: GoogleMapTiltControlProps): import("react").JSX.Element;
+export declare function GoogleMapZoomControl({ step, className, children, ref, ...props }: GoogleMapZoomControlProps): import("react").JSX.Element;
+export declare function GoogleMapSearchControlContent({ className, ref, ...props }: GoogleMapSearchControlContentProps): import("react").JSX.Element;
+export declare function GoogleMapsSearchControlResults({ children, ...props }: GoogleMapsSearchControlResultsProps): import("react").JSX.Element;
+export declare function GoogleMapsSearchControlStatus({ className, children, ref, ...props }: GoogleMapsSearchControlStatusProps): import("react").JSX.Element;
+declare function useGoogleMapSearchControl(): GoogleMapSearchControlValue;
+interface UseGoogleMapViewportOptions {
+  padding?: number;
+}
+interface UseGoogleMapViewportResult {
+  bounds: BBox;
+  zoom: number;
+}
+export declare function useGoogleMapViewport({ padding }?: UseGoogleMapViewportOptions): UseGoogleMapViewportResult;
+interface UseSuperclusterOptions<Properties extends GeoJsonProperties, ClusterPropertiesValue extends GeoJsonProperties> {
+  geojson: FeatureCollection<Point, Properties>;
+  bounds: BBox;
+  zoom: number;
+  options?: Options<Properties, ClusterPropertiesValue>;
+}
+interface UseSuperclusterResult<Properties extends GeoJsonProperties, ClusterPropertiesValue extends GeoJsonProperties> {
+  clusters: (ClusterFeature<ClusterPropertiesValue> | PointFeature<Properties>)[];
+  getChildren: (clusterId: number) => (ClusterFeature<ClusterPropertiesValue> | PointFeature<Properties>)[];
+  getClusterExpansionZoom: (clusterId: number) => number;
+  getLeaves: (clusterId: number, limit?: number, offset?: number) => PointFeature<Properties>[];
+}
+export declare function useSupercluster<Properties extends GeoJsonProperties, ClusterPropertiesValue extends GeoJsonProperties = ClusterProperties>({ geojson, bounds, zoom, options }: UseSuperclusterOptions<Properties, ClusterPropertiesValue>): UseSuperclusterResult<Properties, ClusterPropertiesValue>;
+declare const GoogleMap: typeof GoogleMap$1 & {
+  Cluster: typeof GoogleMapCluster;
+  ClusterLayer: typeof GoogleMapClusterLayer;
+  DeckGLOverlay: typeof GoogleMapDeckGLOverlay;
+  Frame: typeof GoogleMapFrame;
+  GeolocateControl: typeof GoogleMapGeolocateControl;
+  Marker: typeof GoogleMapMarker;
+  MarkerLayer: typeof GoogleMapMarkerLayer;
+  SearchControl: typeof GoogleMapSearchControl;
+  SearchControlContent: typeof GoogleMapSearchControlContent;
+  SearchControlEmpty: typeof GoogleMapSearchControlEmpty;
+  SearchControlInput: typeof GoogleMapSearchControlInput;
+  SearchControlInputGroup: typeof GoogleMapSearchControlInputGroup;
+  SearchControlResults: typeof GoogleMapsSearchControlResults;
+  SearchControlStatus: typeof GoogleMapsSearchControlStatus;
+  SearchControlSubmit: typeof GoogleMapSearchControlSubmit;
+  SearchControlSuggestion: typeof GoogleMapSearchControlSuggestion;
+  TiltControl: typeof GoogleMapTiltControl;
+  ZoomControl: typeof GoogleMapZoomControl;
+};
+export { GoogleMap, type GoogleMapClusterLayerItem, type GoogleMapClusterLayerProps, type GoogleMapClusterProps, type GoogleMapClusterRenderContext, type GoogleMapDeckGLOverlayProps, type GoogleMapFrameProps, type GoogleMapGeolocateControlProps, type GoogleMapMarkerLayerProps, type GoogleMapMarkerProps, type GoogleMapProps, type GoogleMapSearchControlContentProps, type GoogleMapSearchControlContextProps, type GoogleMapSearchControlEmptyProps, type GoogleMapSearchControlInputGroupProps, type GoogleMapSearchControlInputProps, type GoogleMapSearchControlProps, type GoogleMapSearchControlSubmitProps, type GoogleMapSearchControlSuggestionProps, type GoogleMapSearchControlValue, type GoogleMapTiltControlProps, type GoogleMapZoomControlProps, type GoogleMapsSearchControlResultsProps, type GoogleMapsSearchControlStatusProps, type UseGoogleMapViewportOptions, type UseGoogleMapViewportResult, type UseSuperclusterOptions, type UseSuperclusterResult, useGoogleMapSearchControl };
+//# sourceMappingURL=index.d.ts.map