mogh_ui 0.7.2 → 0.7.4

package/dist/components/copy-text.d.ts

@@ -1,11 +1,8 @@
-import * as react from 'react';
-import { TextProps, GroupProps } from '@mantine/core';
-
-interface CopyTextProps extends TextProps {
+import { GroupProps, TextProps } from "@mantine/core";
+export interface CopyTextProps extends TextProps {
     content: string;
     label?: string;
     groupProps?: GroupProps;
 }
-declare function CopyText({ content, label, groupProps, ...textProps }: CopyTextProps): react.JSX.Element;
-
-export { CopyText, type CopyTextProps };
+export declare function CopyText({ content, label, groupProps, ...textProps }: CopyTextProps): import("react").JSX.Element;
+//# sourceMappingURL=copy-text.d.ts.map

package/dist/components/copy-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-text.d.ts","sourceRoot":"","sources":["../../src/components/copy-text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,UAAU,EAAQ,SAAS,EAAE,MAAM,eAAe,CAAC;AAGnE,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,KAAK,EACL,UAAU,EACV,GAAG,SAAS,EACb,EAAE,aAAa,+BA0Bf"}

package/dist/components/create-modal.d.ts

@@ -1,8 +1,6 @@
-import * as react from 'react';
-import { ReactNode } from 'react';
-import { ButtonProps, ModalBaseProps } from '@mantine/core';
-
-interface CreateModalProps extends ButtonProps {
+import { ButtonProps, ModalBaseProps } from "@mantine/core";
+import { ReactNode } from "react";
+export interface CreateModalProps extends ButtonProps {
     entityType: string;
     configSection: (close: () => void) => ReactNode;
     loading?: boolean;
@@ -13,6 +11,5 @@ interface CreateModalProps extends ButtonProps {
     children?: ReactNode;
     modalSize?: ModalBaseProps["size"];
 }
-declare function CreateModal({ entityType, configSection, disabled, loading, onConfirm, onOpenChange, configureLabel, openShiftKeyListener, leftSection, children, modalSize, ...targetProps }: CreateModalProps): react.JSX.Element;
-
-export { CreateModal, type CreateModalProps };
+export declare function CreateModal({ entityType, configSection, disabled, loading, onConfirm, onOpenChange, configureLabel, openShiftKeyListener, leftSection, children, modalSize, ...targetProps }: CreateModalProps): import("react").JSX.Element;
+//# sourceMappingURL=create-modal.d.ts.map

package/dist/components/create-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-modal.d.ts","sourceRoot":"","sources":["../../src/components/create-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,EAGX,cAAc,EAGf,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAK7C,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IAClC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;CACpC;AAED,wBAAgB,WAAW,CAAC,EAC1B,UAAU,EACV,aAAa,EACb,QAAQ,EACR,OAAO,EACP,SAAS,EACT,YAAY,EACZ,cAAgC,EAChC,oBAAoB,EACpB,WAAW,EACX,QAAQ,EACR,SAAgB,EAChB,GAAG,WAAW,EACf,EAAE,gBAAgB,+BAgDlB"}

package/dist/components/data-table.cjs

@@ -27,6 +27,14 @@ var import_react = require("react");
 var import_react_table = require("@tanstack/react-table");
 var import_core = require("@mantine/core");
 var import_lucide_react = require("lucide-react");
+function loadStoredSorting(tableKey) {
+  try {
+    const stored = localStorage.getItem("data-table-" + tableKey);
+    return stored ? JSON.parse(stored) : null;
+  } catch {
+    return null;
+  }
+}
 function DataTable({
   tableKey,
   columns,
@@ -46,7 +54,14 @@ function DataTable({
   mah = "max(150px, calc(100vh - 320px))",
   ...boxProps
 }) {
-  const [sorting, setSorting] = (0, import_react.useState)(defaultSort);
+  const [sorting, setSorting] = (0, import_react.useState)(
+    () => loadStoredSorting(tableKey) ?? defaultSort
+  );
+  const [prevTableKey, setPrevTableKey] = (0, import_react.useState)(tableKey);
+  if (prevTableKey !== tableKey) {
+    setPrevTableKey(tableKey);
+    setSorting(loadStoredSorting(tableKey) ?? defaultSort);
+  }
   const _internalState = (0, import_react.useState)({});
   const [rowSelection, setRowSelection] = selectOptions?.state ? selectOptions.state : _internalState;
   const table = (0, import_react_table.useReactTable)({
@@ -65,15 +80,10 @@ function DataTable({
     getRowId: selectOptions?.selectKey,
     enableRowSelection: selectOptions?.disableRow
   });
-  (0, import_react.useEffect)(() => {
-    const stored = localStorage.getItem("data-table-" + tableKey);
-    const sorting2 = stored ? JSON.parse(stored) : null;
-    if (sorting2) setSorting(sorting2);
-  }, [tableKey]);
   (0, import_react.useEffect)(() => {
     localStorage.setItem("data-table-" + tableKey, JSON.stringify(sorting));
   }, [tableKey, sorting]);
-  (0, import_react.useEffect)(() => {
+  (0, import_react.useLayoutEffect)(() => {
     onSortingStateChange?.(sorting);
   }, [sorting]);
   (0, import_react.useEffect)(() => {

package/dist/components/data-table.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/data-table.tsx"],"sourcesContent":["import {\n  Dispatch,\n  ReactNode,\n  SetStateAction,\n  useEffect,\n  useState,\n} from \"react\";\nimport {\n  Column,\n  ColumnDef,\n  flexRender,\n  getCoreRowModel,\n  getSortedRowModel,\n  Row,\n  RowSelectionState,\n  SortingState,\n  useReactTable,\n} from \"@tanstack/react-table\";\nimport {\n  Box,\n  BoxProps,\n  Center,\n  Checkbox,\n  DefaultMantineColor,\n  Group,\n  HoverCard,\n  Loader,\n  Table,\n  TableProps,\n  Text,\n  UnstyledButton,\n} from \"@mantine/core\";\nimport { ArrowDown, ArrowUp, Info, Minus } from \"lucide-react\";\n\nexport interface DataTableProps<TData, TValue = unknown> extends BoxProps {\n  /** Unique key given to table so sorting can be remembered on local storage */\n  tableKey: string;\n  columns: (ColumnDef<TData, TValue> | false | undefined)[];\n  data: TData[];\n  loading?: boolean;\n  onRowClick?: (row: TData) => void;\n  noResults?: ReactNode;\n  defaultSort?: SortingState;\n  sortDescFirst?: boolean;\n  /** Sorting is handled externally (eg. server side).\n   * The table still manages / persists the sorting state,\n   * but does not apply it to the rows. */\n  manualSorting?: boolean;\n  /** Called with the sorting state whenever it changes,\n   * including on load from local storage. */\n  onSortingStateChange?: (sorting: SortingState) => void;\n  selectOptions?: {\n    selectKey: (row: TData) => string;\n    onSelect?: (selected: string[]) => void;\n    state?: [RowSelectionState, Dispatch<SetStateAction<RowSelectionState>>];\n    disableRow?: boolean | ((row: Row<TData>) => boolean);\n    color?: DefaultMantineColor;\n  };\n  caption?: string;\n  tableProps?: TableProps;\n  noBox?: boolean;\n  noBorder?: boolean;\n}\n\nexport function DataTable<TData, TValue>({\n  tableKey,\n  columns,\n  data,\n  loading,\n  onRowClick,\n  noResults = <Text c=\"dimmed\">No results</Text>,\n  sortDescFirst = false,\n  defaultSort = [],\n  manualSorting,\n  onSortingStateChange,\n  selectOptions,\n  caption,\n  tableProps,\n  noBox,\n  noBorder,\n  mah = \"max(150px, calc(100vh - 320px))\",\n  ...boxProps\n}: DataTableProps<TData, TValue>) {\n  const [sorting, setSorting] = useState<SortingState>(defaultSort);\n\n  // intentionally not initialized to clear selected values on table mount\n  // could add some prop for adding default selected state to preserve between mounts\n  const _internalState = useState<RowSelectionState>({});\n  const [rowSelection, setRowSelection] = selectOptions?.state\n    ? selectOptions.state\n    : _internalState;\n\n  const table = useReactTable({\n    data,\n    columns: columns.filter((c) => c) as any,\n    getCoreRowModel: getCoreRowModel(),\n    onSortingChange: setSorting,\n    getSortedRowModel: getSortedRowModel(),\n    manualSorting,\n    state: {\n      sorting,\n      rowSelection,\n    },\n    sortDescFirst,\n    onRowSelectionChange: setRowSelection,\n    getRowId: selectOptions?.selectKey,\n    enableRowSelection: selectOptions?.disableRow,\n  });\n\n  useEffect(() => {\n    const stored = localStorage.getItem(\"data-table-\" + tableKey);\n    const sorting = stored ? (JSON.parse(stored) as SortingState) : null;\n    if (sorting) setSorting(sorting);\n  }, [tableKey]);\n\n  useEffect(() => {\n    localStorage.setItem(\"data-table-\" + tableKey, JSON.stringify(sorting));\n  }, [tableKey, sorting]);\n\n  useEffect(() => {\n    onSortingStateChange?.(sorting);\n  }, [sorting]);\n\n  useEffect(() => {\n    selectOptions?.onSelect?.(Object.keys(rowSelection));\n  }, [rowSelection]);\n\n  const rows = table.getPrePaginationRowModel().rows;\n\n  const tableNode = (\n    <Table\n      borderColor=\"accent-border\"\n      captionSide=\"top\"\n      stickyHeader\n      {...tableProps}\n    >\n      {caption ? <Table.Caption>{caption}</Table.Caption> : null}\n\n      <Table.Thead>\n        {table.getHeaderGroups().map((hg, i) => (\n          <Table.Tr key={hg.id}>\n            {i === 0 && selectOptions && (\n              <Table.Th\n                onClick={() =>\n                  selectOptions.disableRow !== true &&\n                  table.toggleAllRowsSelected()\n                }\n                style={{\n                  cursor: \"pointer\",\n                  borderColor: \"var(--mantine-color-accent-border-0)\",\n                  borderWidth: 0,\n                  borderRightWidth: 1,\n                  borderStyle: \"solid\",\n                }}\n              >\n                <Checkbox\n                  color={selectOptions.color ?? \"Neutral\"}\n                  disabled={selectOptions.disableRow === true}\n                  checked={table.getIsAllRowsSelected()}\n                  indeterminate={table.getIsSomeRowsSelected()}\n                />\n              </Table.Th>\n            )}\n            {hg.headers.map((header, i) => {\n              // const canSort = header.column.getCanSort();\n              // const sortState = header.column.getIsSorted();\n              return (\n                <Table.Th\n                  key={header.id}\n                  px=\"md\"\n                  style={{\n                    cursor: \"pointer\",\n                    borderColor: \"var(--mantine-color-accent-border-0)\",\n                    borderWidth: 0,\n                    borderRightWidth: i < hg.headers.length - 1 ? 1 : 0,\n                    borderStyle: \"solid\",\n                  }}\n                >\n                  {header.isPlaceholder ? null : (\n                    <Text fw={600} size=\"sm\" lineClamp={1}>\n                      {flexRender(\n                        header.column.columnDef.header,\n                        header.getContext(),\n                      )}\n                    </Text>\n                  )}\n                </Table.Th>\n              );\n            })}\n          </Table.Tr>\n        ))}\n      </Table.Thead>\n\n      <Table.Tbody>\n        {loading ? (\n          <Table.Tr>\n            <Table.Td\n              colSpan={\n                table.getAllLeafColumns().length + (selectOptions ? 1 : 0)\n              }\n            >\n              <Group justify=\"center\" py=\"lg\">\n                <Loader size=\"sm\" />\n              </Group>\n            </Table.Td>\n          </Table.Tr>\n        ) : rows.length === 0 ? (\n          <Table.Tr>\n            <Table.Td\n              colSpan={\n                table.getAllLeafColumns().length + (selectOptions ? 1 : 0)\n              }\n            >\n              <Group justify=\"center\" py=\"lg\">\n                {noResults}\n              </Group>\n            </Table.Td>\n          </Table.Tr>\n        ) : (\n          rows.map((row) => (\n            <Table.Tr\n              key={row.id}\n              style={{\n                cursor: onRowClick ? \"pointer\" : undefined,\n                contentVisibility: \"auto\",\n                containIntrinsicSize: \"auto 2em\",\n              }}\n            >\n              {selectOptions && (\n                <Table.Td onClick={() => row.toggleSelected()}>\n                  <Checkbox\n                    aria-label=\"Select row\"\n                    color={selectOptions.color ?? \"Neutral\"}\n                    disabled={!row.getCanSelect()}\n                    checked={row.getIsSelected()}\n                  />\n                </Table.Td>\n              )}\n              {row.getVisibleCells().map((cell) => (\n                <Table.Td\n                  key={cell.id}\n                  onClick={\n                    onRowClick ? () => onRowClick(row.original) : undefined\n                  }\n                  style={{ flexWrap: \"nowrap\", textWrap: \"nowrap\" }}\n                >\n                  {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                </Table.Td>\n              ))}\n            </Table.Tr>\n          ))\n        )}\n      </Table.Tbody>\n    </Table>\n  );\n\n  if (noBox) {\n    return tableNode;\n  } else {\n    return (\n      <Box\n        p={noBorder ? undefined : \"lg\"}\n        pt=\"0\"\n        className={noBorder ? undefined : \"bordered-light\"}\n        bdrs=\"md\"\n        w=\"100%\"\n        mah={mah}\n        style={{ overflow: \"auto\" }}\n        {...boxProps}\n      >\n        {tableNode}\n      </Box>\n    );\n  }\n}\n\nexport const SortableHeader = <T, V>({\n  column,\n  title,\n  description,\n  sortDescFirst,\n}: {\n  column: Column<T, V>;\n  title: string;\n  description?: ReactNode;\n  sortDescFirst?: boolean;\n}) => {\n  if (!column.getCanSort()) {\n    return (\n      <Group justify=\"start\" gap=\"xs\" wrap=\"nowrap\" miw=\"120\" w=\"fit-content\">\n        <Text fw={600} size=\"sm\" lineClamp={1}>\n          {title}\n        </Text>\n        {description && (\n          <HoverCard offset={10}>\n            <HoverCard.Target>\n              <Info size=\"1rem\" />\n            </HoverCard.Target>\n            <HoverCard.Dropdown>\n              <Text>{description}</Text>\n            </HoverCard.Dropdown>\n          </HoverCard>\n        )}\n      </Group>\n    );\n  }\n  return (\n    <UnstyledButton\n      onClick={column.getToggleSortingHandler()}\n      style={{ width: \"100%\" }}\n    >\n      <Group justify=\"space-between\" gap=\"sm\" wrap=\"nowrap\">\n        <Group justify=\"start\" gap=\"xs\" wrap=\"nowrap\" miw=\"120\" w=\"fit-content\">\n          <Text fw={600} size=\"sm\" lineClamp={1}>\n            {title}\n          </Text>\n          {description && (\n            <HoverCard offset={10}>\n              <HoverCard.Target>\n                <Info size=\"1rem\" />\n              </HoverCard.Target>\n              <HoverCard.Dropdown>\n                <Text>{description}</Text>\n              </HoverCard.Dropdown>\n            </HoverCard>\n          )}\n        </Group>\n        <Center>\n          <SortIcon\n            state={column.getIsSorted()}\n            sortDescFirst={sortDescFirst}\n          />\n        </Center>\n      </Group>\n    </UnstyledButton>\n  );\n};\n\nfunction SortIcon({\n  state,\n  sortDescFirst,\n}: {\n  state: false | \"asc\" | \"desc\";\n  sortDescFirst?: boolean;\n}) {\n  if (state === \"asc\")\n    return sortDescFirst ? <ArrowUp size={14} /> : <ArrowDown size={14} />;\n  if (state === \"desc\")\n    return sortDescFirst ? <ArrowDown size={14} /> : <ArrowUp size={14} />;\n  return <Minus size={14} />;\n}\n"],"mappings":"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","names":["sorting","i"]}
+{"version":3,"sources":["../../src/components/data-table.tsx"],"sourcesContent":["import {\n  Dispatch,\n  ReactNode,\n  SetStateAction,\n  useEffect,\n  useLayoutEffect,\n  useState,\n} from \"react\";\nimport {\n  Column,\n  ColumnDef,\n  flexRender,\n  getCoreRowModel,\n  getSortedRowModel,\n  Row,\n  RowSelectionState,\n  SortingState,\n  useReactTable,\n} from \"@tanstack/react-table\";\nimport {\n  Box,\n  BoxProps,\n  Center,\n  Checkbox,\n  DefaultMantineColor,\n  Group,\n  HoverCard,\n  Loader,\n  Table,\n  TableProps,\n  Text,\n  UnstyledButton,\n} from \"@mantine/core\";\nimport { ArrowDown, ArrowUp, Info, Minus } from \"lucide-react\";\n\nfunction loadStoredSorting(tableKey: string): SortingState | null {\n  try {\n    const stored = localStorage.getItem(\"data-table-\" + tableKey);\n    return stored ? (JSON.parse(stored) as SortingState) : null;\n  } catch {\n    return null;\n  }\n}\n\nexport interface DataTableProps<TData, TValue = unknown> extends BoxProps {\n  /** Unique key given to table so sorting can be remembered on local storage */\n  tableKey: string;\n  columns: (ColumnDef<TData, TValue> | false | undefined)[];\n  data: TData[];\n  loading?: boolean;\n  onRowClick?: (row: TData) => void;\n  noResults?: ReactNode;\n  defaultSort?: SortingState;\n  sortDescFirst?: boolean;\n  /** Sorting is handled externally (eg. server side).\n   * The table still manages / persists the sorting state,\n   * but does not apply it to the rows. */\n  manualSorting?: boolean;\n  /** Called with the sorting state whenever it changes.\n   * Also called on mount with the initial state\n   * (loaded from local storage when available). */\n  onSortingStateChange?: (sorting: SortingState) => void;\n  selectOptions?: {\n    selectKey: (row: TData) => string;\n    onSelect?: (selected: string[]) => void;\n    state?: [RowSelectionState, Dispatch<SetStateAction<RowSelectionState>>];\n    disableRow?: boolean | ((row: Row<TData>) => boolean);\n    color?: DefaultMantineColor;\n  };\n  caption?: string;\n  tableProps?: TableProps;\n  noBox?: boolean;\n  noBorder?: boolean;\n}\n\nexport function DataTable<TData, TValue>({\n  tableKey,\n  columns,\n  data,\n  loading,\n  onRowClick,\n  noResults = <Text c=\"dimmed\">No results</Text>,\n  sortDescFirst = false,\n  defaultSort = [],\n  manualSorting,\n  onSortingStateChange,\n  selectOptions,\n  caption,\n  tableProps,\n  noBox,\n  noBorder,\n  mah = \"max(150px, calc(100vh - 320px))\",\n  ...boxProps\n}: DataTableProps<TData, TValue>) {\n  // Initialized synchronously from local storage so the first render\n  // (and any server side sorted query) already uses the persisted sort,\n  // instead of flashing through the unsorted state.\n  const [sorting, setSorting] = useState<SortingState>(\n    () => loadStoredSorting(tableKey) ?? defaultSort,\n  );\n  const [prevTableKey, setPrevTableKey] = useState(tableKey);\n  if (prevTableKey !== tableKey) {\n    setPrevTableKey(tableKey);\n    setSorting(loadStoredSorting(tableKey) ?? defaultSort);\n  }\n\n  // intentionally not initialized to clear selected values on table mount\n  // could add some prop for adding default selected state to preserve between mounts\n  const _internalState = useState<RowSelectionState>({});\n  const [rowSelection, setRowSelection] = selectOptions?.state\n    ? selectOptions.state\n    : _internalState;\n\n  const table = useReactTable({\n    data,\n    columns: columns.filter((c) => c) as any,\n    getCoreRowModel: getCoreRowModel(),\n    onSortingChange: setSorting,\n    getSortedRowModel: getSortedRowModel(),\n    manualSorting,\n    state: {\n      sorting,\n      rowSelection,\n    },\n    sortDescFirst,\n    onRowSelectionChange: setRowSelection,\n    getRowId: selectOptions?.selectKey,\n    enableRowSelection: selectOptions?.disableRow,\n  });\n\n  useEffect(() => {\n    localStorage.setItem(\"data-table-\" + tableKey, JSON.stringify(sorting));\n  }, [tableKey, sorting]);\n\n  // Layout effect so the parent receives the initial (persisted) sorting\n  // before any of its own passive effects run, ie before react-query\n  // subscribes a server side sorted query using the pre-sort key.\n  useLayoutEffect(() => {\n    onSortingStateChange?.(sorting);\n  }, [sorting]);\n\n  useEffect(() => {\n    selectOptions?.onSelect?.(Object.keys(rowSelection));\n  }, [rowSelection]);\n\n  const rows = table.getPrePaginationRowModel().rows;\n\n  const tableNode = (\n    <Table\n      borderColor=\"accent-border\"\n      captionSide=\"top\"\n      stickyHeader\n      {...tableProps}\n    >\n      {caption ? <Table.Caption>{caption}</Table.Caption> : null}\n\n      <Table.Thead>\n        {table.getHeaderGroups().map((hg, i) => (\n          <Table.Tr key={hg.id}>\n            {i === 0 && selectOptions && (\n              <Table.Th\n                onClick={() =>\n                  selectOptions.disableRow !== true &&\n                  table.toggleAllRowsSelected()\n                }\n                style={{\n                  cursor: \"pointer\",\n                  borderColor: \"var(--mantine-color-accent-border-0)\",\n                  borderWidth: 0,\n                  borderRightWidth: 1,\n                  borderStyle: \"solid\",\n                }}\n              >\n                <Checkbox\n                  color={selectOptions.color ?? \"Neutral\"}\n                  disabled={selectOptions.disableRow === true}\n                  checked={table.getIsAllRowsSelected()}\n                  indeterminate={table.getIsSomeRowsSelected()}\n                />\n              </Table.Th>\n            )}\n            {hg.headers.map((header, i) => {\n              // const canSort = header.column.getCanSort();\n              // const sortState = header.column.getIsSorted();\n              return (\n                <Table.Th\n                  key={header.id}\n                  px=\"md\"\n                  style={{\n                    cursor: \"pointer\",\n                    borderColor: \"var(--mantine-color-accent-border-0)\",\n                    borderWidth: 0,\n                    borderRightWidth: i < hg.headers.length - 1 ? 1 : 0,\n                    borderStyle: \"solid\",\n                  }}\n                >\n                  {header.isPlaceholder ? null : (\n                    <Text fw={600} size=\"sm\" lineClamp={1}>\n                      {flexRender(\n                        header.column.columnDef.header,\n                        header.getContext(),\n                      )}\n                    </Text>\n                  )}\n                </Table.Th>\n              );\n            })}\n          </Table.Tr>\n        ))}\n      </Table.Thead>\n\n      <Table.Tbody>\n        {loading ? (\n          <Table.Tr>\n            <Table.Td\n              colSpan={\n                table.getAllLeafColumns().length + (selectOptions ? 1 : 0)\n              }\n            >\n              <Group justify=\"center\" py=\"lg\">\n                <Loader size=\"sm\" />\n              </Group>\n            </Table.Td>\n          </Table.Tr>\n        ) : rows.length === 0 ? (\n          <Table.Tr>\n            <Table.Td\n              colSpan={\n                table.getAllLeafColumns().length + (selectOptions ? 1 : 0)\n              }\n            >\n              <Group justify=\"center\" py=\"lg\">\n                {noResults}\n              </Group>\n            </Table.Td>\n          </Table.Tr>\n        ) : (\n          rows.map((row) => (\n            <Table.Tr\n              key={row.id}\n              style={{\n                cursor: onRowClick ? \"pointer\" : undefined,\n                contentVisibility: \"auto\",\n                containIntrinsicSize: \"auto 2em\",\n              }}\n            >\n              {selectOptions && (\n                <Table.Td onClick={() => row.toggleSelected()}>\n                  <Checkbox\n                    aria-label=\"Select row\"\n                    color={selectOptions.color ?? \"Neutral\"}\n                    disabled={!row.getCanSelect()}\n                    checked={row.getIsSelected()}\n                  />\n                </Table.Td>\n              )}\n              {row.getVisibleCells().map((cell) => (\n                <Table.Td\n                  key={cell.id}\n                  onClick={\n                    onRowClick ? () => onRowClick(row.original) : undefined\n                  }\n                  style={{ flexWrap: \"nowrap\", textWrap: \"nowrap\" }}\n                >\n                  {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                </Table.Td>\n              ))}\n            </Table.Tr>\n          ))\n        )}\n      </Table.Tbody>\n    </Table>\n  );\n\n  if (noBox) {\n    return tableNode;\n  } else {\n    return (\n      <Box\n        p={noBorder ? undefined : \"lg\"}\n        pt=\"0\"\n        className={noBorder ? undefined : \"bordered-light\"}\n        bdrs=\"md\"\n        w=\"100%\"\n        mah={mah}\n        style={{ overflow: \"auto\" }}\n        {...boxProps}\n      >\n        {tableNode}\n      </Box>\n    );\n  }\n}\n\nexport const SortableHeader = <T, V>({\n  column,\n  title,\n  description,\n  sortDescFirst,\n}: {\n  column: Column<T, V>;\n  title: string;\n  description?: ReactNode;\n  sortDescFirst?: boolean;\n}) => {\n  if (!column.getCanSort()) {\n    return (\n      <Group justify=\"start\" gap=\"xs\" wrap=\"nowrap\" miw=\"120\" w=\"fit-content\">\n        <Text fw={600} size=\"sm\" lineClamp={1}>\n          {title}\n        </Text>\n        {description && (\n          <HoverCard offset={10}>\n            <HoverCard.Target>\n              <Info size=\"1rem\" />\n            </HoverCard.Target>\n            <HoverCard.Dropdown>\n              <Text>{description}</Text>\n            </HoverCard.Dropdown>\n          </HoverCard>\n        )}\n      </Group>\n    );\n  }\n  return (\n    <UnstyledButton\n      onClick={column.getToggleSortingHandler()}\n      style={{ width: \"100%\" }}\n    >\n      <Group justify=\"space-between\" gap=\"sm\" wrap=\"nowrap\">\n        <Group justify=\"start\" gap=\"xs\" wrap=\"nowrap\" miw=\"120\" w=\"fit-content\">\n          <Text fw={600} size=\"sm\" lineClamp={1}>\n            {title}\n          </Text>\n          {description && (\n            <HoverCard offset={10}>\n              <HoverCard.Target>\n                <Info size=\"1rem\" />\n              </HoverCard.Target>\n              <HoverCard.Dropdown>\n                <Text>{description}</Text>\n              </HoverCard.Dropdown>\n            </HoverCard>\n          )}\n        </Group>\n        <Center>\n          <SortIcon\n            state={column.getIsSorted()}\n            sortDescFirst={sortDescFirst}\n          />\n        </Center>\n      </Group>\n    </UnstyledButton>\n  );\n};\n\nfunction SortIcon({\n  state,\n  sortDescFirst,\n}: {\n  state: false | \"asc\" | \"desc\";\n  sortDescFirst?: boolean;\n}) {\n  if (state === \"asc\")\n    return sortDescFirst ? <ArrowUp size={14} /> : <ArrowDown size={14} />;\n  if (state === \"desc\")\n    return sortDescFirst ? <ArrowDown size={14} /> : <ArrowUp size={14} />;\n  return <Minus size={14} />;\n}\n"],"mappings":"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","names":["i"]}

package/dist/components/data-table.d.ts

@@ -1,9 +1,7 @@
-import * as react from 'react';
-import { ReactNode, Dispatch, SetStateAction } from 'react';
-import { ColumnDef, SortingState, RowSelectionState, Row, Column } from '@tanstack/react-table';
-import { BoxProps, DefaultMantineColor, TableProps } from '@mantine/core';
-
-interface DataTableProps<TData, TValue = unknown> extends BoxProps {
+import { Dispatch, ReactNode, SetStateAction } from "react";
+import { Column, ColumnDef, Row, RowSelectionState, SortingState } from "@tanstack/react-table";
+import { BoxProps, DefaultMantineColor, TableProps } from "@mantine/core";
+export interface DataTableProps<TData, TValue = unknown> extends BoxProps {
     /** Unique key given to table so sorting can be remembered on local storage */
     tableKey: string;
     columns: (ColumnDef<TData, TValue> | false | undefined)[];
@@ -17,8 +15,9 @@ interface DataTableProps<TData, TValue = unknown> extends BoxProps {
      * The table still manages / persists the sorting state,
      * but does not apply it to the rows. */
     manualSorting?: boolean;
-    /** Called with the sorting state whenever it changes,
-     * including on load from local storage. */
+    /** Called with the sorting state whenever it changes.
+     * Also called on mount with the initial state
+     * (loaded from local storage when available). */
     onSortingStateChange?: (sorting: SortingState) => void;
     selectOptions?: {
         selectKey: (row: TData) => string;
@@ -32,12 +31,11 @@ interface DataTableProps<TData, TValue = unknown> extends BoxProps {
     noBox?: boolean;
     noBorder?: boolean;
 }
-declare function DataTable<TData, TValue>({ tableKey, columns, data, loading, onRowClick, noResults, sortDescFirst, defaultSort, manualSorting, onSortingStateChange, selectOptions, caption, tableProps, noBox, noBorder, mah, ...boxProps }: DataTableProps<TData, TValue>): react.JSX.Element;
-declare const SortableHeader: <T, V>({ column, title, description, sortDescFirst, }: {
+export declare function DataTable<TData, TValue>({ tableKey, columns, data, loading, onRowClick, noResults, sortDescFirst, defaultSort, manualSorting, onSortingStateChange, selectOptions, caption, tableProps, noBox, noBorder, mah, ...boxProps }: DataTableProps<TData, TValue>): import("react").JSX.Element;
+export declare const SortableHeader: <T, V>({ column, title, description, sortDescFirst, }: {
     column: Column<T, V>;
     title: string;
     description?: ReactNode;
     sortDescFirst?: boolean;
-}) => react.JSX.Element;
-
-export { DataTable, type DataTableProps, SortableHeader };
+}) => import("react").JSX.Element;
+//# sourceMappingURL=data-table.d.ts.map

package/dist/components/data-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../src/components/data-table.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,SAAS,EACT,cAAc,EAIf,MAAM,OAAO,CAAC;AACf,OAAO,EACL,MAAM,EACN,SAAS,EAIT,GAAG,EACH,iBAAiB,EACjB,YAAY,EAEb,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAEL,QAAQ,EAGR,mBAAmB,EAKnB,UAAU,EAGX,MAAM,eAAe,CAAC;AAYvB,MAAM,WAAW,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAE,SAAQ,QAAQ;IACvE,8EAA8E;IAC9E,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,CAAC,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,KAAK,GAAG,SAAS,CAAC,EAAE,CAAC;IAC1D,IAAI,EAAE,KAAK,EAAE,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;4CAEwC;IACxC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;qDAEiD;IACjD,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IACvD,aAAa,CAAC,EAAE;QACd,SAAS,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,MAAM,CAAC;QAClC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;QACxC,KAAK,CAAC,EAAE,CAAC,iBAAiB,EAAE,QAAQ,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;QACzE,UAAU,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,OAAO,CAAC,CAAC;QACtD,KAAK,CAAC,EAAE,mBAAmB,CAAC;KAC7B,CAAC;IACF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,EACvC,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,OAAO,EACP,UAAU,EACV,SAA8C,EAC9C,aAAqB,EACrB,WAAgB,EAChB,aAAa,EACb,oBAAoB,EACpB,aAAa,EACb,OAAO,EACP,UAAU,EACV,KAAK,EACL,QAAQ,EACR,GAAuC,EACvC,GAAG,QAAQ,EACZ,EAAE,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,+BAuM/B;AAED,eAAO,MAAM,cAAc,GAAI,CAAC,EAAE,CAAC,kDAKhC;IACD,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,gCAkDA,CAAC"}

package/dist/components/data-table.js

@@ -1,6 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import {
   useEffect,
+  useLayoutEffect,
   useState
 } from "react";
 import {
@@ -21,6 +22,14 @@ import {
   UnstyledButton
 } from "@mantine/core";
 import { ArrowDown, ArrowUp, Info, Minus } from "lucide-react";
+function loadStoredSorting(tableKey) {
+  try {
+    const stored = localStorage.getItem("data-table-" + tableKey);
+    return stored ? JSON.parse(stored) : null;
+  } catch {
+    return null;
+  }
+}
 function DataTable({
   tableKey,
   columns,
@@ -40,7 +49,14 @@ function DataTable({
   mah = "max(150px, calc(100vh - 320px))",
   ...boxProps
 }) {
-  const [sorting, setSorting] = useState(defaultSort);
+  const [sorting, setSorting] = useState(
+    () => loadStoredSorting(tableKey) ?? defaultSort
+  );
+  const [prevTableKey, setPrevTableKey] = useState(tableKey);
+  if (prevTableKey !== tableKey) {
+    setPrevTableKey(tableKey);
+    setSorting(loadStoredSorting(tableKey) ?? defaultSort);
+  }
   const _internalState = useState({});
   const [rowSelection, setRowSelection] = selectOptions?.state ? selectOptions.state : _internalState;
   const table = useReactTable({
@@ -59,15 +75,10 @@ function DataTable({
     getRowId: selectOptions?.selectKey,
     enableRowSelection: selectOptions?.disableRow
   });
-  useEffect(() => {
-    const stored = localStorage.getItem("data-table-" + tableKey);
-    const sorting2 = stored ? JSON.parse(stored) : null;
-    if (sorting2) setSorting(sorting2);
-  }, [tableKey]);
   useEffect(() => {
     localStorage.setItem("data-table-" + tableKey, JSON.stringify(sorting));
   }, [tableKey, sorting]);
-  useEffect(() => {
+  useLayoutEffect(() => {
     onSortingStateChange?.(sorting);
   }, [sorting]);
   useEffect(() => {

package/dist/components/data-table.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/data-table.tsx"],"sourcesContent":["import {\n  Dispatch,\n  ReactNode,\n  SetStateAction,\n  useEffect,\n  useState,\n} from \"react\";\nimport {\n  Column,\n  ColumnDef,\n  flexRender,\n  getCoreRowModel,\n  getSortedRowModel,\n  Row,\n  RowSelectionState,\n  SortingState,\n  useReactTable,\n} from \"@tanstack/react-table\";\nimport {\n  Box,\n  BoxProps,\n  Center,\n  Checkbox,\n  DefaultMantineColor,\n  Group,\n  HoverCard,\n  Loader,\n  Table,\n  TableProps,\n  Text,\n  UnstyledButton,\n} from \"@mantine/core\";\nimport { ArrowDown, ArrowUp, Info, Minus } from \"lucide-react\";\n\nexport interface DataTableProps<TData, TValue = unknown> extends BoxProps {\n  /** Unique key given to table so sorting can be remembered on local storage */\n  tableKey: string;\n  columns: (ColumnDef<TData, TValue> | false | undefined)[];\n  data: TData[];\n  loading?: boolean;\n  onRowClick?: (row: TData) => void;\n  noResults?: ReactNode;\n  defaultSort?: SortingState;\n  sortDescFirst?: boolean;\n  /** Sorting is handled externally (eg. server side).\n   * The table still manages / persists the sorting state,\n   * but does not apply it to the rows. */\n  manualSorting?: boolean;\n  /** Called with the sorting state whenever it changes,\n   * including on load from local storage. */\n  onSortingStateChange?: (sorting: SortingState) => void;\n  selectOptions?: {\n    selectKey: (row: TData) => string;\n    onSelect?: (selected: string[]) => void;\n    state?: [RowSelectionState, Dispatch<SetStateAction<RowSelectionState>>];\n    disableRow?: boolean | ((row: Row<TData>) => boolean);\n    color?: DefaultMantineColor;\n  };\n  caption?: string;\n  tableProps?: TableProps;\n  noBox?: boolean;\n  noBorder?: boolean;\n}\n\nexport function DataTable<TData, TValue>({\n  tableKey,\n  columns,\n  data,\n  loading,\n  onRowClick,\n  noResults = <Text c=\"dimmed\">No results</Text>,\n  sortDescFirst = false,\n  defaultSort = [],\n  manualSorting,\n  onSortingStateChange,\n  selectOptions,\n  caption,\n  tableProps,\n  noBox,\n  noBorder,\n  mah = \"max(150px, calc(100vh - 320px))\",\n  ...boxProps\n}: DataTableProps<TData, TValue>) {\n  const [sorting, setSorting] = useState<SortingState>(defaultSort);\n\n  // intentionally not initialized to clear selected values on table mount\n  // could add some prop for adding default selected state to preserve between mounts\n  const _internalState = useState<RowSelectionState>({});\n  const [rowSelection, setRowSelection] = selectOptions?.state\n    ? selectOptions.state\n    : _internalState;\n\n  const table = useReactTable({\n    data,\n    columns: columns.filter((c) => c) as any,\n    getCoreRowModel: getCoreRowModel(),\n    onSortingChange: setSorting,\n    getSortedRowModel: getSortedRowModel(),\n    manualSorting,\n    state: {\n      sorting,\n      rowSelection,\n    },\n    sortDescFirst,\n    onRowSelectionChange: setRowSelection,\n    getRowId: selectOptions?.selectKey,\n    enableRowSelection: selectOptions?.disableRow,\n  });\n\n  useEffect(() => {\n    const stored = localStorage.getItem(\"data-table-\" + tableKey);\n    const sorting = stored ? (JSON.parse(stored) as SortingState) : null;\n    if (sorting) setSorting(sorting);\n  }, [tableKey]);\n\n  useEffect(() => {\n    localStorage.setItem(\"data-table-\" + tableKey, JSON.stringify(sorting));\n  }, [tableKey, sorting]);\n\n  useEffect(() => {\n    onSortingStateChange?.(sorting);\n  }, [sorting]);\n\n  useEffect(() => {\n    selectOptions?.onSelect?.(Object.keys(rowSelection));\n  }, [rowSelection]);\n\n  const rows = table.getPrePaginationRowModel().rows;\n\n  const tableNode = (\n    <Table\n      borderColor=\"accent-border\"\n      captionSide=\"top\"\n      stickyHeader\n      {...tableProps}\n    >\n      {caption ? <Table.Caption>{caption}</Table.Caption> : null}\n\n      <Table.Thead>\n        {table.getHeaderGroups().map((hg, i) => (\n          <Table.Tr key={hg.id}>\n            {i === 0 && selectOptions && (\n              <Table.Th\n                onClick={() =>\n                  selectOptions.disableRow !== true &&\n                  table.toggleAllRowsSelected()\n                }\n                style={{\n                  cursor: \"pointer\",\n                  borderColor: \"var(--mantine-color-accent-border-0)\",\n                  borderWidth: 0,\n                  borderRightWidth: 1,\n                  borderStyle: \"solid\",\n                }}\n              >\n                <Checkbox\n                  color={selectOptions.color ?? \"Neutral\"}\n                  disabled={selectOptions.disableRow === true}\n                  checked={table.getIsAllRowsSelected()}\n                  indeterminate={table.getIsSomeRowsSelected()}\n                />\n              </Table.Th>\n            )}\n            {hg.headers.map((header, i) => {\n              // const canSort = header.column.getCanSort();\n              // const sortState = header.column.getIsSorted();\n              return (\n                <Table.Th\n                  key={header.id}\n                  px=\"md\"\n                  style={{\n                    cursor: \"pointer\",\n                    borderColor: \"var(--mantine-color-accent-border-0)\",\n                    borderWidth: 0,\n                    borderRightWidth: i < hg.headers.length - 1 ? 1 : 0,\n                    borderStyle: \"solid\",\n                  }}\n                >\n                  {header.isPlaceholder ? null : (\n                    <Text fw={600} size=\"sm\" lineClamp={1}>\n                      {flexRender(\n                        header.column.columnDef.header,\n                        header.getContext(),\n                      )}\n                    </Text>\n                  )}\n                </Table.Th>\n              );\n            })}\n          </Table.Tr>\n        ))}\n      </Table.Thead>\n\n      <Table.Tbody>\n        {loading ? (\n          <Table.Tr>\n            <Table.Td\n              colSpan={\n                table.getAllLeafColumns().length + (selectOptions ? 1 : 0)\n              }\n            >\n              <Group justify=\"center\" py=\"lg\">\n                <Loader size=\"sm\" />\n              </Group>\n            </Table.Td>\n          </Table.Tr>\n        ) : rows.length === 0 ? (\n          <Table.Tr>\n            <Table.Td\n              colSpan={\n                table.getAllLeafColumns().length + (selectOptions ? 1 : 0)\n              }\n            >\n              <Group justify=\"center\" py=\"lg\">\n                {noResults}\n              </Group>\n            </Table.Td>\n          </Table.Tr>\n        ) : (\n          rows.map((row) => (\n            <Table.Tr\n              key={row.id}\n              style={{\n                cursor: onRowClick ? \"pointer\" : undefined,\n                contentVisibility: \"auto\",\n                containIntrinsicSize: \"auto 2em\",\n              }}\n            >\n              {selectOptions && (\n                <Table.Td onClick={() => row.toggleSelected()}>\n                  <Checkbox\n                    aria-label=\"Select row\"\n                    color={selectOptions.color ?? \"Neutral\"}\n                    disabled={!row.getCanSelect()}\n                    checked={row.getIsSelected()}\n                  />\n                </Table.Td>\n              )}\n              {row.getVisibleCells().map((cell) => (\n                <Table.Td\n                  key={cell.id}\n                  onClick={\n                    onRowClick ? () => onRowClick(row.original) : undefined\n                  }\n                  style={{ flexWrap: \"nowrap\", textWrap: \"nowrap\" }}\n                >\n                  {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                </Table.Td>\n              ))}\n            </Table.Tr>\n          ))\n        )}\n      </Table.Tbody>\n    </Table>\n  );\n\n  if (noBox) {\n    return tableNode;\n  } else {\n    return (\n      <Box\n        p={noBorder ? undefined : \"lg\"}\n        pt=\"0\"\n        className={noBorder ? undefined : \"bordered-light\"}\n        bdrs=\"md\"\n        w=\"100%\"\n        mah={mah}\n        style={{ overflow: \"auto\" }}\n        {...boxProps}\n      >\n        {tableNode}\n      </Box>\n    );\n  }\n}\n\nexport const SortableHeader = <T, V>({\n  column,\n  title,\n  description,\n  sortDescFirst,\n}: {\n  column: Column<T, V>;\n  title: string;\n  description?: ReactNode;\n  sortDescFirst?: boolean;\n}) => {\n  if (!column.getCanSort()) {\n    return (\n      <Group justify=\"start\" gap=\"xs\" wrap=\"nowrap\" miw=\"120\" w=\"fit-content\">\n        <Text fw={600} size=\"sm\" lineClamp={1}>\n          {title}\n        </Text>\n        {description && (\n          <HoverCard offset={10}>\n            <HoverCard.Target>\n              <Info size=\"1rem\" />\n            </HoverCard.Target>\n            <HoverCard.Dropdown>\n              <Text>{description}</Text>\n            </HoverCard.Dropdown>\n          </HoverCard>\n        )}\n      </Group>\n    );\n  }\n  return (\n    <UnstyledButton\n      onClick={column.getToggleSortingHandler()}\n      style={{ width: \"100%\" }}\n    >\n      <Group justify=\"space-between\" gap=\"sm\" wrap=\"nowrap\">\n        <Group justify=\"start\" gap=\"xs\" wrap=\"nowrap\" miw=\"120\" w=\"fit-content\">\n          <Text fw={600} size=\"sm\" lineClamp={1}>\n            {title}\n          </Text>\n          {description && (\n            <HoverCard offset={10}>\n              <HoverCard.Target>\n                <Info size=\"1rem\" />\n              </HoverCard.Target>\n              <HoverCard.Dropdown>\n                <Text>{description}</Text>\n              </HoverCard.Dropdown>\n            </HoverCard>\n          )}\n        </Group>\n        <Center>\n          <SortIcon\n            state={column.getIsSorted()}\n            sortDescFirst={sortDescFirst}\n          />\n        </Center>\n      </Group>\n    </UnstyledButton>\n  );\n};\n\nfunction SortIcon({\n  state,\n  sortDescFirst,\n}: {\n  state: false | \"asc\" | \"desc\";\n  sortDescFirst?: boolean;\n}) {\n  if (state === \"asc\")\n    return sortDescFirst ? <ArrowUp size={14} /> : <ArrowDown size={14} />;\n  if (state === \"desc\")\n    return sortDescFirst ? <ArrowDown size={14} /> : <ArrowUp size={14} />;\n  return <Minus size={14} />;\n}\n"],"mappings":"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","names":["sorting","i"]}
+{"version":3,"sources":["../../src/components/data-table.tsx"],"sourcesContent":["import {\n  Dispatch,\n  ReactNode,\n  SetStateAction,\n  useEffect,\n  useLayoutEffect,\n  useState,\n} from \"react\";\nimport {\n  Column,\n  ColumnDef,\n  flexRender,\n  getCoreRowModel,\n  getSortedRowModel,\n  Row,\n  RowSelectionState,\n  SortingState,\n  useReactTable,\n} from \"@tanstack/react-table\";\nimport {\n  Box,\n  BoxProps,\n  Center,\n  Checkbox,\n  DefaultMantineColor,\n  Group,\n  HoverCard,\n  Loader,\n  Table,\n  TableProps,\n  Text,\n  UnstyledButton,\n} from \"@mantine/core\";\nimport { ArrowDown, ArrowUp, Info, Minus } from \"lucide-react\";\n\nfunction loadStoredSorting(tableKey: string): SortingState | null {\n  try {\n    const stored = localStorage.getItem(\"data-table-\" + tableKey);\n    return stored ? (JSON.parse(stored) as SortingState) : null;\n  } catch {\n    return null;\n  }\n}\n\nexport interface DataTableProps<TData, TValue = unknown> extends BoxProps {\n  /** Unique key given to table so sorting can be remembered on local storage */\n  tableKey: string;\n  columns: (ColumnDef<TData, TValue> | false | undefined)[];\n  data: TData[];\n  loading?: boolean;\n  onRowClick?: (row: TData) => void;\n  noResults?: ReactNode;\n  defaultSort?: SortingState;\n  sortDescFirst?: boolean;\n  /** Sorting is handled externally (eg. server side).\n   * The table still manages / persists the sorting state,\n   * but does not apply it to the rows. */\n  manualSorting?: boolean;\n  /** Called with the sorting state whenever it changes.\n   * Also called on mount with the initial state\n   * (loaded from local storage when available). */\n  onSortingStateChange?: (sorting: SortingState) => void;\n  selectOptions?: {\n    selectKey: (row: TData) => string;\n    onSelect?: (selected: string[]) => void;\n    state?: [RowSelectionState, Dispatch<SetStateAction<RowSelectionState>>];\n    disableRow?: boolean | ((row: Row<TData>) => boolean);\n    color?: DefaultMantineColor;\n  };\n  caption?: string;\n  tableProps?: TableProps;\n  noBox?: boolean;\n  noBorder?: boolean;\n}\n\nexport function DataTable<TData, TValue>({\n  tableKey,\n  columns,\n  data,\n  loading,\n  onRowClick,\n  noResults = <Text c=\"dimmed\">No results</Text>,\n  sortDescFirst = false,\n  defaultSort = [],\n  manualSorting,\n  onSortingStateChange,\n  selectOptions,\n  caption,\n  tableProps,\n  noBox,\n  noBorder,\n  mah = \"max(150px, calc(100vh - 320px))\",\n  ...boxProps\n}: DataTableProps<TData, TValue>) {\n  // Initialized synchronously from local storage so the first render\n  // (and any server side sorted query) already uses the persisted sort,\n  // instead of flashing through the unsorted state.\n  const [sorting, setSorting] = useState<SortingState>(\n    () => loadStoredSorting(tableKey) ?? defaultSort,\n  );\n  const [prevTableKey, setPrevTableKey] = useState(tableKey);\n  if (prevTableKey !== tableKey) {\n    setPrevTableKey(tableKey);\n    setSorting(loadStoredSorting(tableKey) ?? defaultSort);\n  }\n\n  // intentionally not initialized to clear selected values on table mount\n  // could add some prop for adding default selected state to preserve between mounts\n  const _internalState = useState<RowSelectionState>({});\n  const [rowSelection, setRowSelection] = selectOptions?.state\n    ? selectOptions.state\n    : _internalState;\n\n  const table = useReactTable({\n    data,\n    columns: columns.filter((c) => c) as any,\n    getCoreRowModel: getCoreRowModel(),\n    onSortingChange: setSorting,\n    getSortedRowModel: getSortedRowModel(),\n    manualSorting,\n    state: {\n      sorting,\n      rowSelection,\n    },\n    sortDescFirst,\n    onRowSelectionChange: setRowSelection,\n    getRowId: selectOptions?.selectKey,\n    enableRowSelection: selectOptions?.disableRow,\n  });\n\n  useEffect(() => {\n    localStorage.setItem(\"data-table-\" + tableKey, JSON.stringify(sorting));\n  }, [tableKey, sorting]);\n\n  // Layout effect so the parent receives the initial (persisted) sorting\n  // before any of its own passive effects run, ie before react-query\n  // subscribes a server side sorted query using the pre-sort key.\n  useLayoutEffect(() => {\n    onSortingStateChange?.(sorting);\n  }, [sorting]);\n\n  useEffect(() => {\n    selectOptions?.onSelect?.(Object.keys(rowSelection));\n  }, [rowSelection]);\n\n  const rows = table.getPrePaginationRowModel().rows;\n\n  const tableNode = (\n    <Table\n      borderColor=\"accent-border\"\n      captionSide=\"top\"\n      stickyHeader\n      {...tableProps}\n    >\n      {caption ? <Table.Caption>{caption}</Table.Caption> : null}\n\n      <Table.Thead>\n        {table.getHeaderGroups().map((hg, i) => (\n          <Table.Tr key={hg.id}>\n            {i === 0 && selectOptions && (\n              <Table.Th\n                onClick={() =>\n                  selectOptions.disableRow !== true &&\n                  table.toggleAllRowsSelected()\n                }\n                style={{\n                  cursor: \"pointer\",\n                  borderColor: \"var(--mantine-color-accent-border-0)\",\n                  borderWidth: 0,\n                  borderRightWidth: 1,\n                  borderStyle: \"solid\",\n                }}\n              >\n                <Checkbox\n                  color={selectOptions.color ?? \"Neutral\"}\n                  disabled={selectOptions.disableRow === true}\n                  checked={table.getIsAllRowsSelected()}\n                  indeterminate={table.getIsSomeRowsSelected()}\n                />\n              </Table.Th>\n            )}\n            {hg.headers.map((header, i) => {\n              // const canSort = header.column.getCanSort();\n              // const sortState = header.column.getIsSorted();\n              return (\n                <Table.Th\n                  key={header.id}\n                  px=\"md\"\n                  style={{\n                    cursor: \"pointer\",\n                    borderColor: \"var(--mantine-color-accent-border-0)\",\n                    borderWidth: 0,\n                    borderRightWidth: i < hg.headers.length - 1 ? 1 : 0,\n                    borderStyle: \"solid\",\n                  }}\n                >\n                  {header.isPlaceholder ? null : (\n                    <Text fw={600} size=\"sm\" lineClamp={1}>\n                      {flexRender(\n                        header.column.columnDef.header,\n                        header.getContext(),\n                      )}\n                    </Text>\n                  )}\n                </Table.Th>\n              );\n            })}\n          </Table.Tr>\n        ))}\n      </Table.Thead>\n\n      <Table.Tbody>\n        {loading ? (\n          <Table.Tr>\n            <Table.Td\n              colSpan={\n                table.getAllLeafColumns().length + (selectOptions ? 1 : 0)\n              }\n            >\n              <Group justify=\"center\" py=\"lg\">\n                <Loader size=\"sm\" />\n              </Group>\n            </Table.Td>\n          </Table.Tr>\n        ) : rows.length === 0 ? (\n          <Table.Tr>\n            <Table.Td\n              colSpan={\n                table.getAllLeafColumns().length + (selectOptions ? 1 : 0)\n              }\n            >\n              <Group justify=\"center\" py=\"lg\">\n                {noResults}\n              </Group>\n            </Table.Td>\n          </Table.Tr>\n        ) : (\n          rows.map((row) => (\n            <Table.Tr\n              key={row.id}\n              style={{\n                cursor: onRowClick ? \"pointer\" : undefined,\n                contentVisibility: \"auto\",\n                containIntrinsicSize: \"auto 2em\",\n              }}\n            >\n              {selectOptions && (\n                <Table.Td onClick={() => row.toggleSelected()}>\n                  <Checkbox\n                    aria-label=\"Select row\"\n                    color={selectOptions.color ?? \"Neutral\"}\n                    disabled={!row.getCanSelect()}\n                    checked={row.getIsSelected()}\n                  />\n                </Table.Td>\n              )}\n              {row.getVisibleCells().map((cell) => (\n                <Table.Td\n                  key={cell.id}\n                  onClick={\n                    onRowClick ? () => onRowClick(row.original) : undefined\n                  }\n                  style={{ flexWrap: \"nowrap\", textWrap: \"nowrap\" }}\n                >\n                  {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                </Table.Td>\n              ))}\n            </Table.Tr>\n          ))\n        )}\n      </Table.Tbody>\n    </Table>\n  );\n\n  if (noBox) {\n    return tableNode;\n  } else {\n    return (\n      <Box\n        p={noBorder ? undefined : \"lg\"}\n        pt=\"0\"\n        className={noBorder ? undefined : \"bordered-light\"}\n        bdrs=\"md\"\n        w=\"100%\"\n        mah={mah}\n        style={{ overflow: \"auto\" }}\n        {...boxProps}\n      >\n        {tableNode}\n      </Box>\n    );\n  }\n}\n\nexport const SortableHeader = <T, V>({\n  column,\n  title,\n  description,\n  sortDescFirst,\n}: {\n  column: Column<T, V>;\n  title: string;\n  description?: ReactNode;\n  sortDescFirst?: boolean;\n}) => {\n  if (!column.getCanSort()) {\n    return (\n      <Group justify=\"start\" gap=\"xs\" wrap=\"nowrap\" miw=\"120\" w=\"fit-content\">\n        <Text fw={600} size=\"sm\" lineClamp={1}>\n          {title}\n        </Text>\n        {description && (\n          <HoverCard offset={10}>\n            <HoverCard.Target>\n              <Info size=\"1rem\" />\n            </HoverCard.Target>\n            <HoverCard.Dropdown>\n              <Text>{description}</Text>\n            </HoverCard.Dropdown>\n          </HoverCard>\n        )}\n      </Group>\n    );\n  }\n  return (\n    <UnstyledButton\n      onClick={column.getToggleSortingHandler()}\n      style={{ width: \"100%\" }}\n    >\n      <Group justify=\"space-between\" gap=\"sm\" wrap=\"nowrap\">\n        <Group justify=\"start\" gap=\"xs\" wrap=\"nowrap\" miw=\"120\" w=\"fit-content\">\n          <Text fw={600} size=\"sm\" lineClamp={1}>\n            {title}\n          </Text>\n          {description && (\n            <HoverCard offset={10}>\n              <HoverCard.Target>\n                <Info size=\"1rem\" />\n              </HoverCard.Target>\n              <HoverCard.Dropdown>\n                <Text>{description}</Text>\n              </HoverCard.Dropdown>\n            </HoverCard>\n          )}\n        </Group>\n        <Center>\n          <SortIcon\n            state={column.getIsSorted()}\n            sortDescFirst={sortDescFirst}\n          />\n        </Center>\n      </Group>\n    </UnstyledButton>\n  );\n};\n\nfunction SortIcon({\n  state,\n  sortDescFirst,\n}: {\n  state: false | \"asc\" | \"desc\";\n  sortDescFirst?: boolean;\n}) {\n  if (state === \"asc\")\n    return sortDescFirst ? <ArrowUp size={14} /> : <ArrowDown size={14} />;\n  if (state === \"desc\")\n    return sortDescFirst ? <ArrowDown size={14} /> : <ArrowUp size={14} />;\n  return <Minus size={14} />;\n}\n"],"mappings":"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","names":["i"]}

package/dist/components/divided-children/index.d.ts

@@ -1,15 +1,11 @@
-import * as react from 'react';
-import * as _mantine_core from '@mantine/core';
-import { GroupProps } from '@mantine/core';
-
-declare const DividedChildren: (<C = "div">(props: _mantine_core.PolymorphicComponentProps<C, GroupProps>) => React.ReactElement) & Omit<react.FunctionComponent<(GroupProps & {
+import { GroupProps } from "@mantine/core";
+export declare const DividedChildren: (<C = "div">(props: import("@mantine/core").PolymorphicComponentProps<C, GroupProps>) => React.ReactElement) & Omit<import("react").FunctionComponent<(GroupProps & {
+    component: React.ElementType;
+    renderRoot?: (props: Record<string, any>) => any;
+}) | (GroupProps & {
     component?: any;
 } & Omit<any, "component" | keyof GroupProps> & {
     ref?: any;
     renderRoot?: (props: any) => any;
-}) | (GroupProps & {
-    component: React.ElementType;
-    renderRoot?: (props: Record<string, any>) => any;
 })>, never> & Record<string, never>;
-
-export { DividedChildren };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/divided-children/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/divided-children/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqC,UAAU,EAAE,MAAM,eAAe,CAAC;AAM9E,eAAO,MAAM,eAAe;;;;;;;;mCAa3B,CAAC"}

package/dist/components/enable-switch.d.ts

@@ -1,12 +1,9 @@
-import * as react from 'react';
-import { SwitchProps, GroupProps } from '@mantine/core';
-
-interface EnableSwitchProps extends SwitchProps {
+import { GroupProps, SwitchProps } from "@mantine/core";
+export interface EnableSwitchProps extends SwitchProps {
     checked?: boolean;
     onCheckedChange?: (checked: boolean) => void;
     redDisabled?: boolean;
     labelProps?: GroupProps;
 }
-declare function EnableSwitch({ checked, color, label, onChange, onCheckedChange, disabled, redDisabled, labelProps, ...props }: EnableSwitchProps): react.JSX.Element;
-
-export { EnableSwitch, type EnableSwitchProps };
+export declare function EnableSwitch({ checked, color, label, onChange, onCheckedChange, disabled, redDisabled, labelProps, ...props }: EnableSwitchProps): import("react").JSX.Element;
+//# sourceMappingURL=enable-switch.d.ts.map

package/dist/components/enable-switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"enable-switch.d.ts","sourceRoot":"","sources":["../../src/components/enable-switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,UAAU,EAAU,WAAW,EAAE,MAAM,eAAe,CAAC;AAE9E,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,KAAiB,EACjB,KAAK,EACL,QAAQ,EACR,eAAe,EACf,QAAQ,EACR,WAAkB,EAClB,UAAU,EACV,GAAG,KAAK,EACT,EAAE,iBAAiB,+BAyBnB"}

package/dist/components/entity-header.d.ts

@@ -1,8 +1,6 @@
-import * as react from 'react';
-import { FC, ReactNode } from 'react';
-import { ColorIntention } from '../color.js';
-
-interface EntityHeaderProps {
+import { FC, ReactNode } from "react";
+import { ColorIntention } from "../color";
+export interface EntityHeaderProps {
     name?: string;
     icon: FC<{
         size?: string | number;
@@ -15,6 +13,5 @@ interface EntityHeaderProps {
     onRename?: (name: string) => Promise<unknown>;
     renamePending?: boolean;
 }
-declare function EntityHeader({ name, icon: Icon, intent, state, status, action, onRename: _onRename, renamePending, }: EntityHeaderProps): react.JSX.Element;
-
-export { EntityHeader, type EntityHeaderProps };
+export declare function EntityHeader({ name, icon: Icon, intent, state, status, action, onRename: _onRename, renamePending, }: EntityHeaderProps): import("react").JSX.Element;
+//# sourceMappingURL=entity-header.d.ts.map

package/dist/components/entity-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"entity-header.d.ts","sourceRoot":"","sources":["../../src/components/entity-header.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,cAAc,EAAuB,MAAM,UAAU,CAAC;AAE/D,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,EAAE,CAAC;QAAE,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACrD,MAAM,EAAE,cAAc,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC9C,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,IAAI,EAAE,IAAI,EACV,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,EACN,QAAQ,EAAE,SAAS,EACnB,aAAa,GACd,EAAE,iBAAiB,+BAmGnB"}

package/dist/components/entity-page.d.ts

@@ -1,11 +1,8 @@
-import * as react from 'react';
-import { ReactNode } from 'react';
-import { StackProps } from '@mantine/core';
-
-interface EntityPageProps extends StackProps {
+import { StackProps } from "@mantine/core";
+import { ReactNode } from "react";
+export interface EntityPageProps extends StackProps {
     backTo?: string;
     actions?: ReactNode;
 }
-declare function EntityPage({ backTo, actions, children, ...props }: EntityPageProps): react.JSX.Element;
-
-export { EntityPage, type EntityPageProps };
+export declare function EntityPage({ backTo, actions, children, ...props }: EntityPageProps): import("react").JSX.Element;
+//# sourceMappingURL=entity-page.d.ts.map

package/dist/components/entity-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"entity-page.d.ts","sourceRoot":"","sources":["../../src/components/entity-page.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,UAAU,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,MAAM,WAAW,eAAgB,SAAQ,UAAU;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,OAAO,EACP,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,+BAUjB"}

package/dist/components/fancy-card/index.d.ts

@@ -1,17 +1,14 @@
-import * as react from 'react';
-import * as _mantine_core from '@mantine/core';
-import { BoxProps } from '@mantine/core';
-
+import { BoxProps } from "@mantine/core";
 interface FancyCardProps extends BoxProps {
 }
-declare const FancyCard: (<C = "div">(props: _mantine_core.PolymorphicComponentProps<C, FancyCardProps>) => React.ReactElement) & Omit<react.FunctionComponent<(FancyCardProps & {
+export declare const FancyCard: (<C = "div">(props: import("@mantine/core").PolymorphicComponentProps<C, FancyCardProps>) => React.ReactElement) & Omit<import("react").FunctionComponent<(FancyCardProps & {
+    component: React.ElementType;
+    renderRoot?: (props: Record<string, any>) => any;
+}) | (FancyCardProps & {
     component?: any;
 } & Omit<any, "component" | keyof FancyCardProps> & {
     ref?: any;
     renderRoot?: (props: any) => any;
-}) | (FancyCardProps & {
-    component: React.ElementType;
-    renderRoot?: (props: Record<string, any>) => any;
 })>, never> & Record<string, never>;
-
-export { FancyCard };
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/fancy-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/fancy-card/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,QAAQ,EAA8B,MAAM,eAAe,CAAC;AAK1E,UAAU,cAAe,SAAQ,QAAQ;CAAG;AAE5C,eAAO,MAAM,SAAS;;;;;;;;mCAYrB,CAAC"}

package/dist/components/hover-error.d.ts

@@ -1,9 +1,6 @@
-import * as react from 'react';
-
-interface HoverErrorProps {
+export interface HoverErrorProps {
     error: string;
     trace: string[];
 }
-declare function HoverError({ error, trace }: HoverErrorProps): react.JSX.Element;
-
-export { HoverError, type HoverErrorProps };
+export declare function HoverError({ error, trace }: HoverErrorProps): import("react").JSX.Element;
+//# sourceMappingURL=hover-error.d.ts.map

package/dist/components/hover-error.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover-error.d.ts","sourceRoot":"","sources":["../../src/components/hover-error.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,EAAE,CAAC;CACjB;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,eAAe,+BAuC3D"}

package/dist/components/info-card.d.ts

@@ -1,21 +1,17 @@
-import * as react from 'react';
-import { ReactNode } from 'react';
-import * as _mantine_core from '@mantine/core';
-import { StackProps, TextProps } from '@mantine/core';
-
-interface InfoCardProps extends StackProps {
+import { StackProps, TextProps } from "@mantine/core";
+import { ReactNode } from "react";
+export interface InfoCardProps extends StackProps {
     title: string;
     titleProps?: TextProps;
     info?: ReactNode;
 }
-declare const InfoCard: (<C = "div">(props: _mantine_core.PolymorphicComponentProps<C, InfoCardProps>) => React.ReactElement) & Omit<react.FunctionComponent<(InfoCardProps & {
+export declare const InfoCard: (<C = "div">(props: import("@mantine/core").PolymorphicComponentProps<C, InfoCardProps>) => React.ReactElement) & Omit<import("react").FunctionComponent<(InfoCardProps & {
+    component: React.ElementType;
+    renderRoot?: (props: Record<string, any>) => any;
+}) | (InfoCardProps & {
     component?: any;
 } & Omit<any, "component" | keyof InfoCardProps> & {
     ref?: any;
     renderRoot?: (props: any) => any;
-}) | (InfoCardProps & {
-    component: React.ElementType;
-    renderRoot?: (props: Record<string, any>) => any;
 })>, never> & Record<string, never>;
-
-export { InfoCard, type InfoCardProps };
+//# sourceMappingURL=info-card.d.ts.map

package/dist/components/info-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"info-card.d.ts","sourceRoot":"","sources":["../../src/components/info-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,UAAU,EAEV,SAAS,EACV,MAAM,eAAe,CAAC;AACvB,OAAO,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAI9C,MAAM,WAAW,aAAc,SAAQ,UAAU;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,eAAO,MAAM,QAAQ;;;;;;;;mCAgBpB,CAAC"}

package/dist/components/input-list.d.ts

@@ -1,7 +1,5 @@
-import * as react from 'react';
-import { TextInputProps } from '@mantine/core';
-
-interface InputListProps<T> {
+import { TextInputProps } from "@mantine/core";
+export interface InputListProps<T> {
     field: keyof T;
     values: string[];
     disabled: boolean;
@@ -9,6 +7,5 @@ interface InputListProps<T> {
     placeholder?: string;
     inputProps?: TextInputProps;
 }
-declare function InputList<T>({ field, values, disabled, set, placeholder, inputProps, }: InputListProps<T>): react.JSX.Element;
-
-export { InputList, type InputListProps };
+export declare function InputList<T>({ field, values, disabled, set, placeholder, inputProps, }: InputListProps<T>): import("react").JSX.Element;
+//# sourceMappingURL=input-list.d.ts.map

package/dist/components/input-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-list.d.ts","sourceRoot":"","sources":["../../src/components/input-list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,cAAc,EAAE,MAAM,eAAe,CAAC;AAGtE,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC,CAAC;IACf,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,GAAG,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,cAAc,CAAC;CAC7B;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,EAC3B,KAAK,EACL,MAAM,EACN,QAAQ,EACR,GAAG,EACH,WAAW,EACX,UAAU,GACX,EAAE,cAAc,CAAC,CAAC,CAAC,+BAoCnB"}

package/dist/components/labelled-switch.d.ts

@@ -1,14 +1,11 @@
-import * as react from 'react';
-import { ReactNode } from 'react';
-import { SwitchProps, GroupProps, TextProps } from '@mantine/core';
-
-interface LabelledSwitchProps extends SwitchProps {
+import { GroupProps, SwitchProps, TextProps } from "@mantine/core";
+import { ReactNode } from "react";
+export interface LabelledSwitchProps extends SwitchProps {
     checked: boolean | undefined;
     onCheckedChange: (checked: boolean) => void;
     label?: ReactNode;
     groupProps?: GroupProps;
     labelProps?: TextProps;
 }
-declare function LabelledSwitch({ checked, onCheckedChange, label, groupProps, labelProps, ...switchProps }: LabelledSwitchProps): react.JSX.Element;
-
-export { LabelledSwitch, type LabelledSwitchProps };
+export declare function LabelledSwitch({ checked, onCheckedChange, label, groupProps, labelProps, ...switchProps }: LabelledSwitchProps): import("react").JSX.Element;
+//# sourceMappingURL=labelled-switch.d.ts.map

package/dist/components/labelled-switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"labelled-switch.d.ts","sourceRoot":"","sources":["../../src/components/labelled-switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EAEV,WAAW,EAEX,SAAS,EACV,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,OAAO,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,eAAe,EACf,KAAK,EACL,UAAU,EACV,UAAU,EACV,GAAG,WAAW,EACf,EAAE,mBAAmB,+BA2BrB"}

package/dist/components/labels-group.d.ts

@@ -1,10 +1,7 @@
-import * as react from 'react';
-import { GroupProps } from '@mantine/core';
-
-interface LabelsGroupProps extends GroupProps {
+import { GroupProps } from "@mantine/core";
+export interface LabelsGroupProps extends GroupProps {
     labels: [string, string][];
     showEllipsis?: boolean;
 }
-declare function LabelsGroup({ labels, showEllipsis, ...groupProps }: LabelsGroupProps): react.JSX.Element;
-
-export { LabelsGroup, type LabelsGroupProps };
+export declare function LabelsGroup({ labels, showEllipsis, ...groupProps }: LabelsGroupProps): import("react").JSX.Element;
+//# sourceMappingURL=labels-group.d.ts.map