@caspeco/casper-ui-library 0.0.1

package/dist/components/table/table-content.js

@@ -0,0 +1,59 @@
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import { memo as f, useContext as u, useMemo as r } from "react";
+import { Table as x, Thead as T, Tbody as C } from "@chakra-ui/react";
+import { TableContext as g } from "./table-context.js";
+import { TableRow as y } from "./table-row.js";
+import { TableHeaderRow as w } from "./table-header-row.js";
+const h = ({
+  onClickRow: n,
+  onRowClickIndication: i,
+  hideTableHeaderDropdown: l,
+  showRowHoverStyle: s = !0,
+  stickyHeaders: a,
+  ...m
+}) => {
+  const e = u(g);
+  if (!e)
+    throw new Error("No table context");
+  const b = r(() => a ? {
+    position: "sticky",
+    top: 0,
+    zIndex: 1
+  } : {}, []), d = r(
+    () => e.table.getRowModel().rows,
+    [
+      e.expanded,
+      e.breakingContentState,
+      e.columnVisibility,
+      e.sorting,
+      e.data
+    ]
+  );
+  return /* @__PURE__ */ p(x, { ...m, id: e.id, children: [
+    /* @__PURE__ */ o(T, { style: b, children: e.table.getHeaderGroups().map((t) => /* @__PURE__ */ o(
+      w,
+      {
+        headerGroup: t,
+        hideTableHeaderDropdown: l
+      },
+      t.id
+    )) }),
+    /* @__PURE__ */ o(C, { children: d.map((t) => {
+      const c = t.getVisibleCells();
+      return /* @__PURE__ */ o(
+        y,
+        {
+          row: t,
+          visibleCells: c,
+          onClickRow: n,
+          onRowClickIndication: i,
+          showRowHoverStyle: s
+        },
+        t.id
+      );
+    }) })
+  ] });
+}, M = f(h);
+export {
+  M as TableContent
+};

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

@@ -0,0 +1,47 @@
+import { PropsWithChildren } from 'react';
+import { Table, ColumnDef, ExpandedState, VisibilityState, SortingState, RowSelectionState, Column } from '@tanstack/react-table';
+import { TableSubrows, TableDataType } from './types.js';
+import { Locales } from './translations.js';
+interface TableProviderInterface<I extends TableSubrows<I>> extends PropsWithChildren {
+    data: TableDataType<I>[];
+    columns: ColumnDef<TableDataType<I>, any>[];
+    localeString: Locales;
+    initialBreakingContentState?: Record<string, boolean>;
+    initialColumnVisibilityState?: VisibilityState;
+    columnVisibilityState?: VisibilityState;
+    onColumnVisibilityChange?: (state: VisibilityState) => void;
+    onExpandedChange?: (state: ExpandedState) => void;
+    onBreakingContentChange?: (breakingContentState: Record<string, boolean>) => void;
+    onFilterColumn?: <K extends TableSubrows<K>>(clickedColumn: Column<TableDataType<K>, unknown>) => void;
+    expandedState?: ExpandedState;
+    initialExpandedState?: ExpandedState;
+    id?: string;
+    customRowIndication?: RowSelectionState;
+}
+interface TableContextInterface<I extends TableSubrows<I>> {
+    data: TableDataType<I>[];
+    table: Table<TableDataType<I>>;
+    initialExpandedState?: ExpandedState;
+    initialBreakingContentState?: Record<string, boolean>;
+    breakingContentState: Record<string, boolean>;
+    setBreakingContentState: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
+    localeString: Locales;
+    initialColumnVisibilityState?: VisibilityState;
+    columnVisibilityState?: VisibilityState;
+    onColumnVisibilityChange?: (state: VisibilityState) => void;
+    onBreakingContentChange?: (breakingContentState: Record<string, boolean>) => void;
+    onFilterColumn?: <K extends TableSubrows<K>>(clickedColumn: Column<TableDataType<K>, unknown>) => void;
+    onExpandedChange?: (state: ExpandedState) => void;
+    expanded: ExpandedState;
+    sorting: SortingState;
+    setSorting: React.Dispatch<React.SetStateAction<SortingState>>;
+    setExpanded: React.Dispatch<React.SetStateAction<ExpandedState>>;
+    id?: string;
+    setRowSelection: React.Dispatch<React.SetStateAction<{}>>;
+    rowSelection?: RowSelectionState | undefined;
+    columnVisibility: VisibilityState;
+}
+export declare const TableContext: import('react').Context<TableContextInterface<any> | null>;
+export declare const TableProvider: <T extends TableSubrows<T>>({ data, columns, children, expandedState, localeString, initialExpandedState, initialBreakingContentState, initialColumnVisibilityState, columnVisibilityState, onColumnVisibilityChange, onExpandedChange, onBreakingContentChange, onFilterColumn, id, customRowIndication, }: TableProviderInterface<T>) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=table-context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table-context.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-context.tsx"],"names":[],"mappings":"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"}

package/dist/components/table/table-context.js

@@ -0,0 +1,89 @@
+import { jsx as z } from "react/jsx-runtime";
+import { useState as i, useEffect as A, useCallback as w, createContext as B } from "react";
+import { useReactTable as D } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
+import { useControllableState as S } from "./use-controllable-state.js";
+import { getFilteredRowModel as G, getSortedRowModel as H, getExpandedRowModel as J, getCoreRowModel as K } from "../../node_modules/@tanstack/table-core/build/lib/index.js";
+const L = B(null), Y = ({
+  data: s,
+  columns: C,
+  children: R,
+  expandedState: m,
+  localeString: u,
+  initialExpandedState: r = {},
+  initialBreakingContentState: d = {},
+  initialColumnVisibilityState: p = {},
+  columnVisibilityState: x,
+  onColumnVisibilityChange: M,
+  onExpandedChange: c,
+  onBreakingContentChange: y,
+  onFilterColumn: h,
+  id: E,
+  customRowIndication: l
+}) => {
+  const [t, b] = S(m, c, r), [n, v] = S(
+    x,
+    M,
+    p
+  ), [a, T] = i([]), [k, F] = i(
+    d || {}
+  ), [f, g] = i({});
+  A(() => {
+    l && g(l);
+  }, [l]);
+  const P = w(
+    (e) => {
+      let o;
+      typeof e == "function" ? o = e(n) : o = e, v(o);
+    },
+    [n]
+  ), V = w(
+    (e) => {
+      let o;
+      typeof e == "function" ? o = e(t) : o = e, b(o);
+    },
+    [t]
+  ), j = D({
+    columns: C,
+    data: s,
+    getCoreRowModel: K(),
+    getExpandedRowModel: J(),
+    getSortedRowModel: H(),
+    getFilteredRowModel: G(),
+    onColumnVisibilityChange: P,
+    onExpandedChange: V,
+    getSubRows: (e) => e.subRows,
+    enableSubRowSelection: !0,
+    enableMultiRowSelection: !1,
+    enableRowSelection: !0,
+    state: {
+      sorting: a,
+      columnVisibility: n,
+      expanded: t,
+      rowSelection: f
+    }
+  }), q = {
+    data: s,
+    table: j,
+    initialExpandedState: r,
+    initialBreakingContentState: d,
+    localeString: u,
+    onExpandedChange: c,
+    expanded: t,
+    sorting: a,
+    setSorting: T,
+    setExpanded: b,
+    breakingContentState: k,
+    setBreakingContentState: F,
+    onBreakingContentChange: y,
+    onFilterColumn: h,
+    id: E,
+    setRowSelection: g,
+    rowSelection: f,
+    columnVisibility: n
+  };
+  return /* @__PURE__ */ z(L.Provider, { value: q, children: R });
+};
+export {
+  L as TableContext,
+  Y as TableProvider
+};

package/dist/components/table/table-header-dropdown.d.ts

@@ -0,0 +1,16 @@
+import { Header, HeaderGroup, SortingState, VisibilityState } from '@tanstack/react-table';
+import { Locales } from './translations.js';
+type TableHeaderDropdownProps = {
+    header: Header<any, unknown>;
+    breakingContentState: Record<string, boolean>;
+    onBreakingContentChange?: (breakingContentState: Record<string, boolean>) => void;
+    setBreakingContentState: (value: React.SetStateAction<Record<string, boolean>>) => void;
+    headerGroup: HeaderGroup<any>[];
+    sorting: SortingState;
+    setSorting: (value: React.SetStateAction<SortingState>) => void;
+    columnVisibility: VisibilityState;
+    localeString: Locales;
+};
+export declare const TableHeaderDropdown: import('react').MemoExoticComponent<({ header, breakingContentState, onBreakingContentChange, setBreakingContentState, headerGroup, sorting, setSorting, columnVisibility, localeString, }: TableHeaderDropdownProps) => import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=table-header-dropdown.d.ts.map

package/dist/components/table/table-header-dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-header-dropdown.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-header-dropdown.tsx"],"names":[],"mappings":"AAWA,OAAO,EAGN,KAAK,MAAM,EACX,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,KAAK,OAAO,EAAgB,MAAM,gBAAgB,CAAC;AAI5D,KAAK,wBAAwB,GAAG;IAC/B,MAAM,EAAE,MAAM,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IAC7B,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,uBAAuB,CAAC,EAAE,CAAC,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAClF,uBAAuB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,KAAK,IAAI,CAAC;IACxF,WAAW,EAAE,WAAW,CAAC,GAAG,CAAC,EAAE,CAAC;IAChC,OAAO,EAAE,YAAY,CAAC;IACtB,UAAU,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IAChE,gBAAgB,EAAE,eAAe,CAAC;IAClC,YAAY,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,mBAAmB,8LAW5B,wBAAwB,6CAyH3B,CAAC"}

package/dist/components/table/table-header-dropdown.js

@@ -0,0 +1,115 @@
+import { jsxs as f, Fragment as p, jsx as o } from "react/jsx-runtime";
+import { memo as j, useContext as A, useCallback as I, useMemo as S } from "react";
+import { Portal as L } from "@chakra-ui/react";
+import { flexRender as U } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
+import { translations as X } from "./translations.js";
+import { TableContext as v } from "./table-context.js";
+import { Icon as T } from "../icon/icon.js";
+import { Icons as l } from "../icon/types.js";
+import { MenuItem as r } from "../menu/menu-item.js";
+import { Text as t } from "../text/text.js";
+import { MenuDivider as C } from "../menu/menu-divider.js";
+import { Switch as B } from "../switch/switch.js";
+import { Menu as O } from "../menu/menu.js";
+import { MenuBoxButton as R } from "../menu/menu-box-button.js";
+import { MenuList as $ } from "../menu/menu-list.js";
+import { ThemeIconSizeVariable as b, ThemeColorVariable as z, ThemeSpaceVariable as q, ThemeFontSizeVariable as M } from "../../theme/theme-types.js";
+const mo = j(
+  ({
+    header: n,
+    breakingContentState: m,
+    onBreakingContentChange: d,
+    setBreakingContentState: k,
+    headerGroup: D,
+    sorting: s,
+    setSorting: a,
+    columnVisibility: g,
+    localeString: w
+  }) => {
+    const i = X[w], u = A(v), F = I(
+      (e) => {
+        const c = {
+          ...m,
+          [n.column.id]: e.target.checked
+        };
+        k(c), d == null || d(c);
+      },
+      [m, d]
+    ), P = I(
+      (e) => {
+        const c = e.getIndex();
+        D.forEach((H) => {
+          H.headers.forEach((E, h) => {
+            const { column: x } = E;
+            e.getIsPinned() ? h >= c && x.pin(!1) : h <= c && x.pin("left");
+          });
+        });
+      },
+      []
+    ), V = S(() => /* @__PURE__ */ f(p, { children: [
+      s.find((e) => e.id === n.column.id) && (s.find((e) => e.desc) ? /* @__PURE__ */ o(T, { icon: l.SortDesc, size: b.XSmall }) : /* @__PURE__ */ o(T, { icon: l.SortAsc, size: b.XSmall })),
+      n.column.columnDef.header
+    ] }), [s]), y = S(() => /* @__PURE__ */ f(p, { children: [
+      /* @__PURE__ */ o(
+        r,
+        {
+          onClick: () => a([{ desc: !1, id: n.column.id }]),
+          leftIcon: l.SortAsc,
+          children: /* @__PURE__ */ o(t, { children: i.sortUp })
+        }
+      ),
+      /* @__PURE__ */ o(
+        r,
+        {
+          onClick: () => a([{ desc: !0, id: n.column.id }]),
+          leftIcon: l.SortDesc,
+          children: /* @__PURE__ */ o(t, { children: i.sortDown })
+        }
+      ),
+      /* @__PURE__ */ o(
+        r,
+        {
+          onClick: () => {
+            u != null && u.onFilterColumn && u.onFilterColumn(n.column);
+          },
+          leftIcon: l.Filter,
+          children: /* @__PURE__ */ o(t, { children: i.filter })
+        }
+      ),
+      /* @__PURE__ */ o(C, {}),
+      n.column.getCanHide() && /* @__PURE__ */ o(r, { onClick: n.column.getToggleVisibilityHandler(), leftIcon: l.Hide, children: /* @__PURE__ */ o(t, { children: i.hideColumn }) }),
+      /* @__PURE__ */ o(r, { onClick: () => P(n.column), leftIcon: l.Thumbtack, children: /* @__PURE__ */ o(t, { children: n.column.getIsPinned() ? i.stopPinningColumn : i.pinUpToColumn }) }),
+      /* @__PURE__ */ o(C, {}),
+      /* @__PURE__ */ f(r, { itemType: "switch", children: [
+        i.breakingContent,
+        /* @__PURE__ */ o(
+          B,
+          {
+            onChange: F,
+            isChecked: m[n.column.id]
+          }
+        )
+      ] })
+    ] }), [m, g, s]);
+    return /* @__PURE__ */ o(O, { isLazy: !0, children: ({ isOpen: e }) => /* @__PURE__ */ f(p, { children: [
+      /* @__PURE__ */ o(
+        R,
+        {
+          color: z.OnBackgroundSubdued,
+          textTransform: "none",
+          fontSize: M.Small,
+          h: "40px",
+          display: "flex",
+          alignItems: "center",
+          padding: `0px 0px 0px ${q.Small}`,
+          backgroundColor: e ? z.BackgroundDisabled : "unset",
+          children: U(V, n.getContext())
+        }
+      ),
+      /* @__PURE__ */ o(L, { children: /* @__PURE__ */ o($, { fontSize: M.Medium, children: y }) })
+    ] }) });
+  }
+);
+export {
+  mo as TableHeaderDropdown
+};

package/dist/components/table/table-header-row.d.ts

@@ -0,0 +1,8 @@
+import { HeaderGroup } from '@tanstack/react-table';
+type TableHeaderRowProps = {
+    headerGroup: HeaderGroup<any>;
+    hideTableHeaderDropdown: boolean | undefined;
+};
+export declare const TableHeaderRow: import('react').MemoExoticComponent<({ headerGroup, hideTableHeaderDropdown }: TableHeaderRowProps) => import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=table-header-row.d.ts.map

package/dist/components/table/table-header-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-header-row.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-header-row.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,WAAW,EAA2B,MAAM,uBAAuB,CAAC;AAOlF,KAAK,mBAAmB,GAAG;IAC1B,WAAW,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IAC9B,uBAAuB,EAAE,OAAO,GAAG,SAAS,CAAC;CAC7C,CAAC;AAEF,eAAO,MAAM,cAAc,iFAAmD,mBAAmB,6CAwD/F,CAAC"}

package/dist/components/table/table-header-row.js

@@ -0,0 +1,60 @@
+import { jsx as n } from "react/jsx-runtime";
+import { memo as s, useContext as d, useCallback as g } from "react";
+import { Tr as c, Th as p } from "@chakra-ui/react";
+import { flexRender as b } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
+import { TableHeaderDropdown as C } from "./table-header-dropdown.js";
+import { TableContext as f } from "./table-context.js";
+import { Box as u } from "../box/box.js";
+import { ThemeColorVariable as a, ThemeSpaceVariable as S } from "../../theme/theme-types.js";
+const z = s(({ headerGroup: r, hideTableHeaderDropdown: l }) => {
+  const t = d(f);
+  if (!t) throw new Error("Expected tableData");
+  const m = g(
+    (e) => {
+      const o = e.getIsPinned();
+      return {
+        position: o ? "sticky" : "relative",
+        left: o ? `${e.getStart("left")}px` : void 0,
+        backgroundColor: o ? a.Background : void 0,
+        zIndex: o ? 1 : 0,
+        width: e.getSize(),
+        maxWidth: e.getSize()
+      };
+    },
+    []
+  );
+  return /* @__PURE__ */ n(c, { children: r.headers.map((e) => {
+    var i;
+    const { column: o } = e;
+    return /* @__PURE__ */ n(
+      p,
+      {
+        className: "tableHeaderCell",
+        isNumeric: (i = o.columnDef.meta) == null ? void 0 : i.isNumeric,
+        zIndex: o.getIsPinned() ? 2 : 1,
+        style: {
+          ...m(o),
+          borderBottom: `1px solid ${a.OnBackgroundBorder}`
+        },
+        children: l ? /* @__PURE__ */ n(u, { paddingLeft: S.Small, children: b(e.column.columnDef.header, e.getContext()) }) : /* @__PURE__ */ n(
+          C,
+          {
+            header: e,
+            breakingContentState: t.breakingContentState,
+            columnVisibility: t.columnVisibility,
+            headerGroup: t.table.getHeaderGroups(),
+            localeString: t.localeString,
+            setBreakingContentState: t.setBreakingContentState,
+            setSorting: t.setSorting,
+            sorting: t.sorting,
+            onBreakingContentChange: t.onBreakingContentChange
+          }
+        )
+      },
+      e.id
+    );
+  }) }, r.id);
+});
+export {
+  z as TableHeaderRow
+};

package/dist/components/table/table-row-expand-toggle-button.d.ts

@@ -0,0 +1,12 @@
+import { Row } from '@tanstack/react-table';
+import { Locales } from './translations.js';
+import { TableDataType } from './types.js';
+interface TableRowExpandToggleButtonProps {
+    row: Row<TableDataType<any>>;
+    localeString: Locales;
+    rowIsExpanded: boolean;
+    hidden?: boolean;
+}
+export declare const TableRowExpandToggleButton: import('react').MemoExoticComponent<({ row, localeString, rowIsExpanded, hidden }: TableRowExpandToggleButtonProps) => import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=table-row-expand-toggle-button.d.ts.map

package/dist/components/table/table-row-expand-toggle-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-row-expand-toggle-button.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-row-expand-toggle-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAIjD,OAAO,EAAE,KAAK,OAAO,EAAgB,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,UAAU,+BAA+B;IACxC,GAAG,EAAE,GAAG,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC;IAC7B,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,0BAA0B,qFACS,+BAA+B,6CAkC9E,CAAC"}

package/dist/components/table/table-row-expand-toggle-button.js

@@ -0,0 +1,32 @@
+import { jsx as r } from "react/jsx-runtime";
+import { memo as c } from "react";
+import { Box as d } from "@chakra-ui/react";
+import { translations as x } from "./translations.js";
+import { IconButton as g } from "../icon-button/icon-button.js";
+import { Icons as i } from "../icon/types.js";
+import { ThemeSpaceVariable as f } from "../../theme/theme-types.js";
+const R = c(
+  ({ row: o, localeString: l, rowIsExpanded: a, hidden: n }) => {
+    const e = x[l], m = o.getToggleExpandedHandler(), p = (t) => {
+      t.stopPropagation(), m();
+    }, s = () => a ? `${e.collapseRow} ${o.index + 1}` : `${e.expandRow} ${o.index + 1}`;
+    return /* @__PURE__ */ r(d, { as: "span", h: "100%", children: /* @__PURE__ */ r(
+      g,
+      {
+        size: "sm",
+        mr: f.XSmall,
+        variant: "ghost",
+        "aria-label": s(),
+        icon: a ? i.TreeViewCollapse : i.TreeViewExpand,
+        onClick: p,
+        onKeyDown: (t) => t.stopPropagation(),
+        visibility: n ? "hidden" : "initial",
+        "aria-hidden": n,
+        tabIndex: n ? -1 : 0
+      }
+    ) });
+  }
+);
+export {
+  R as TableRowExpandToggleButton
+};

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

@@ -0,0 +1,13 @@
+import { Row, Cell } from '@tanstack/react-table';
+import { TableDataType, TableSubrows } from './types.js';
+type TableRowProps<J extends TableSubrows<J>> = {
+    row: Row<J>;
+    visibleCells: Cell<any, unknown>[];
+    onClickRow?: (row: TableDataType<J>, event: React.MouseEvent<HTMLTableRowElement> | React.KeyboardEvent<HTMLTableRowElement>) => void;
+    showRowHoverStyle?: boolean;
+    onRowClickIndication?: boolean;
+};
+declare const TableRowInner: <T extends TableSubrows<T>>({ row, visibleCells, onClickRow, showRowHoverStyle, onRowClickIndication, }: TableRowProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const TableRow: typeof TableRowInner;
+export {};
+//# sourceMappingURL=table-row.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table-row.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-row.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAG3D,KAAK,aAAa,CAAC,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,IAAI;IAC/C,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IACZ,YAAY,EAAE,IAAI,CAAC,GAAG,EAAE,OAAO,CAAC,EAAE,CAAC;IACnC,UAAU,CAAC,EAAE,CACZ,GAAG,EAAE,aAAa,CAAC,CAAC,CAAC,EACrB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,KACnF,IAAI,CAAC;IACV,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEF,QAAA,MAAM,aAAa,GAAI,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,EAAE,6EAM/C,aAAa,CAAC,CAAC,CAAC,4CA6ElB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAA0B,OAAO,aAAa,CAAC"}

package/dist/components/table/table-row.js

@@ -0,0 +1,60 @@
+import { jsx as l } from "react/jsx-runtime";
+import { memo as f, useContext as h, useMemo as i, useCallback as c } from "react";
+import { Tr as x } from "@chakra-ui/react";
+import { TableContext as S } from "./table-context.js";
+import { TableCell as T } from "./table-cell.js";
+import { ThemeColorVariable as n } from "../../theme/theme-types.js";
+const y = ({
+  row: t,
+  visibleCells: a,
+  onClickRow: r,
+  showRowHoverStyle: g,
+  onRowClickIndication: d
+}) => {
+  const o = h(S);
+  if (!o)
+    throw new Error("No table context");
+  const p = i(
+    () => g ? { backgroundColor: n.AccentHoverAlpha } : { backgroundColor: "unset" },
+    []
+  ), s = c(
+    (e) => {
+      r && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), r(t.original, e));
+    },
+    [o.data, r]
+  ), u = c(
+    (e) => {
+      e.stopPropagation(), t.getToggleSelectedHandler(), r && r(t.original, e), d && o.setRowSelection({ [e.currentTarget.id]: !0 });
+    },
+    [o.data, r, d]
+  ), m = () => t.getIsSelected() ? n.AccentHoverAlpha : "unset", b = i(() => m(), [o.rowSelection]);
+  return /* @__PURE__ */ l(
+    x,
+    {
+      id: t.id,
+      tabIndex: r ? 0 : void 0,
+      onClick: u,
+      onKeyDown: s,
+      borderTop: t.depth > 0 ? "none" : `1px solid ${n.OnBackgroundBorder}`,
+      cursor: r ? "pointer" : void 0,
+      backgroundColor: b,
+      _hover: p,
+      children: a.map((e) => /* @__PURE__ */ l(
+        T,
+        {
+          cell: e,
+          visibleCells: a,
+          row: t,
+          rowIsExpanded: t.getIsExpanded(),
+          breakingContentState: o.breakingContentState,
+          localeString: o.localeString
+        },
+        e.id
+      ))
+    },
+    t.id
+  );
+}, I = f(y);
+export {
+  I as TableRow
+};

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

@@ -0,0 +1,21 @@
+import { ChangeEvent } from 'react';
+import { ThemeStyleProps } from '../../theme/index.js';
+import { TableSubrows } from './types.js';
+export type TableToolbarProps<T extends TableSubrows<T>> = {
+    /**
+     * Text for the header above the table, describing what the table is used for
+     */
+    tableName: string;
+    /**
+     * Use this to filter your data. Optional.
+     */
+    onSearch?: (e: ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Use this to add a new item. Optional.
+     */
+    onAddNewItem?: () => void;
+};
+declare function TableToolbarInner<T extends TableSubrows<T>>({ tableName, onSearch, onAddNewItem, ...props }: TableToolbarProps<T> & ThemeStyleProps): import("react/jsx-runtime").JSX.Element;
+export declare const TableToolbar: typeof TableToolbarInner;
+export {};
+//# sourceMappingURL=table-toolbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table-toolbar.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAA0C,MAAM,OAAO,CAAC;AAEjF,OAAO,EAMN,KAAK,eAAe,EACpB,MAAM,SAAS,CAAC;AASjB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAG5C,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,IAAI;IAC1D;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACtD;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAEF,iBAAS,iBAAiB,CAAC,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,EAAE,EACrD,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,GAAG,KAAK,EACR,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,eAAe,2CAsIxC;AAED,eAAO,MAAM,YAAY,EAA8B,OAAO,iBAAiB,CAAC"}