@worknice/whiteboard 0.0.2 → 0.0.3

package/dist/presentation/Sheet_module.css

@@ -0,0 +1,24 @@
+.container-DS8L5U {
+  background: var(--color-white);
+  border-radius: var(--size-n2);
+  border: solid var(--size-n5) var(--color-grey-t08);
+  box-shadow: var(--shadow-default);
+  color: var(--color-grey-s01);
+  grid-template-rows: minmax(0, auto) minmax(0, 1fr) minmax(0, auto);
+  max-height: 100%;
+  display: grid;
+}
+
+.header-Dn1NDz {
+  grid-row: 1 / 2;
+}
+
+.content-yVEIrb {
+  grid-row: 2 / 3;
+  overflow-y: auto;
+}
+
+.footer-g4lEP7 {
+  grid-row: 3 / 4;
+}
+

package/dist/presentation/SimpleList.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from "react";
+type Props = {
+    items: Array<{
+        key: string;
+        value: ReactNode;
+    } | null>;
+};
+declare const SimpleList: ({ items }: Props) => import("react/jsx-runtime").JSX.Element;
+export default SimpleList;

package/dist/presentation/SimpleList.js

@@ -0,0 +1,14 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__SimpleList_module_js_35aaaf95__ from "./SimpleList.module.js";
+const SimpleList = ({ items })=>{
+    const nonNullItems = items.filter((item)=>null !== item).filter((item)=>void 0 !== item.value && null !== item.value);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("ul", {
+        className: __WEBPACK_EXTERNAL_MODULE__SimpleList_module_js_35aaaf95__["default"].list,
+        children: nonNullItems.map((item)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("li", {
+                className: __WEBPACK_EXTERNAL_MODULE__SimpleList_module_js_35aaaf95__["default"].listItem,
+                children: item.value
+            }, item?.key))
+    });
+};
+const SimpleList_rslib_entry_ = SimpleList;
+export { SimpleList_rslib_entry_ as default };

package/dist/presentation/SimpleList.module.js

@@ -0,0 +1,5 @@
+import "./SimpleList_module.css";
+const SimpleList_module_rslib_entry_ = {
+    listItem: "listItem-mXobQC"
+};
+export { SimpleList_module_rslib_entry_ as default };

package/dist/presentation/SimpleList_module.css

@@ -0,0 +1,9 @@
+.listItem-mXobQC {
+  border-top: 1px solid var(--color-grey-t08);
+  padding: var(--size-n1) 0;
+}
+
+.listItem-mXobQC:last-child {
+  padding-bottom: 0;
+}
+

package/dist/presentation/SimpleTable.d.ts

@@ -0,0 +1,27 @@
+import type { ReactNode } from "react";
+type Props = {
+    head?: Array<{
+        key: string;
+        value: ReactNode;
+        alignment?: "left" | "center" | "right";
+        width?: string;
+    } | null> | null;
+    body: Array<{
+        key: string;
+        value: Array<{
+            key: string;
+            value: ReactNode;
+            alignment?: "left" | "center" | "right";
+            width?: string;
+        }>;
+        group?: string;
+    }>;
+    groups?: Array<{
+        key: string;
+        value: ReactNode | null;
+    }>;
+    emptyState?: ReactNode;
+    style?: "default" | "card";
+};
+declare const SimpleTable: ({ head, body, groups, emptyState, style, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default SimpleTable;

package/dist/presentation/SimpleTable.js

@@ -0,0 +1,67 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+import * as __WEBPACK_EXTERNAL_MODULE__Placeholder_js_b43af71f__ from "./Placeholder.js";
+import * as __WEBPACK_EXTERNAL_MODULE__SimpleTable_module_js_82c4d9bb__ from "./SimpleTable.module.js";
+const SimpleTable = ({ head = null, body, groups = [], emptyState = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Placeholder_js_b43af71f__["default"], {
+    children: "None"
+}), style = "default" })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("table", {
+        className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__SimpleTable_module_js_82c4d9bb__["default"].table, {
+            [__WEBPACK_EXTERNAL_MODULE__SimpleTable_module_js_82c4d9bb__["default"].cardStyle]: "card" === style
+        }),
+        children: [
+            head ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("thead", {
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("tr", {
+                    children: head.map((item, index)=>item ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("th", {
+                            className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__SimpleTable_module_js_82c4d9bb__["default"].cell, __WEBPACK_EXTERNAL_MODULE__SimpleTable_module_js_82c4d9bb__["default"].head, {
+                                [__WEBPACK_EXTERNAL_MODULE__SimpleTable_module_js_82c4d9bb__["default"].leftCellAlignment]: "left" === item.alignment,
+                                [__WEBPACK_EXTERNAL_MODULE__SimpleTable_module_js_82c4d9bb__["default"].centerCellAlignment]: "center" === item.alignment,
+                                [__WEBPACK_EXTERNAL_MODULE__SimpleTable_module_js_82c4d9bb__["default"].rightCellAlignment]: "right" === item.alignment
+                            }),
+                            children: null !== item.value ? item.value : null
+                        }, item.key) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("th", {
+                            className: __WEBPACK_EXTERNAL_MODULE__SimpleTable_module_js_82c4d9bb__["default"].cell
+                        }, index))
+                })
+            }) : null,
+            (groups.length > 0 ? groups : [
+                {
+                    key: "default",
+                    value: null
+                }
+            ]).map((group)=>{
+                const groupBody = body.filter((row)=>null === group.value ? null === row.group || void 0 === row.group : row.group === group.key);
+                return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("tbody", {
+                    children: [
+                        null === group.value ? null : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("tr", {
+                            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("th", {
+                                className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__SimpleTable_module_js_82c4d9bb__["default"].cell, __WEBPACK_EXTERNAL_MODULE__SimpleTable_module_js_82c4d9bb__["default"].group),
+                                colSpan: head ? head.length : void 0,
+                                children: group.value
+                            })
+                        }),
+                        groupBody.length > 0 ? groupBody.map((row)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("tr", {
+                                children: row.value.map((cell)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("td", {
+                                        style: {
+                                            width: cell.width
+                                        },
+                                        className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__SimpleTable_module_js_82c4d9bb__["default"].cell, {
+                                            [__WEBPACK_EXTERNAL_MODULE__SimpleTable_module_js_82c4d9bb__["default"].leftCellAlignment]: "left" === cell.alignment,
+                                            [__WEBPACK_EXTERNAL_MODULE__SimpleTable_module_js_82c4d9bb__["default"].centerCellAlignment]: "center" === cell.alignment,
+                                            [__WEBPACK_EXTERNAL_MODULE__SimpleTable_module_js_82c4d9bb__["default"].rightCellAlignment]: "right" === cell.alignment
+                                        }),
+                                        children: cell.value
+                                    }, cell.key))
+                            }, row.key)) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("tr", {
+                            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("td", {
+                                className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__SimpleTable_module_js_82c4d9bb__["default"].cell, __WEBPACK_EXTERNAL_MODULE__SimpleTable_module_js_82c4d9bb__["default"].empty),
+                                colSpan: head ? head.length : void 0,
+                                children: emptyState
+                            })
+                        })
+                    ]
+                }, group.key);
+            })
+        ]
+    });
+const SimpleTable_rslib_entry_ = SimpleTable;
+export { SimpleTable_rslib_entry_ as default };

package/dist/presentation/SimpleTable.module.js

@@ -0,0 +1,12 @@
+import "./SimpleTable_module.css";
+const SimpleTable_module_rslib_entry_ = {
+    table: "table-bMi3rL",
+    cell: "cell-DAT8kH",
+    head: "head-mhY4E9",
+    group: "group-aW3EPI",
+    cardStyle: "cardStyle-LHqmXJ",
+    leftCellAlignment: "leftCellAlignment-SgJ1Zk",
+    rightCellAlignment: "rightCellAlignment-_lmWva",
+    centerCellAlignment: "centerCellAlignment-lL95Y0"
+};
+export { SimpleTable_module_rslib_entry_ as default };

package/dist/presentation/SimpleTable_module.css

@@ -0,0 +1,42 @@
+.table-bMi3rL {
+  width: 100%;
+}
+
+.cell-DAT8kH {
+  padding: var(--size-00);
+  vertical-align: middle;
+  border-top: solid 1px var(--color-grey-t08);
+}
+
+.cell-DAT8kH.head-mhY4E9 {
+  font: var(--font-regular-bold);
+}
+
+.group-aW3EPI {
+  background-color: var(--color-grey-t10);
+}
+
+.cardStyle-LHqmXJ .cell-DAT8kH:first-child {
+  padding-left: var(--size-p2);
+}
+
+.cardStyle-LHqmXJ .cell-DAT8kH:last-child {
+  padding-right: var(--size-p2);
+}
+
+.cardStyle-LHqmXJ > :first-child > :first-child > .cell-DAT8kH {
+  border-top: none;
+}
+
+.leftCellAlignment-SgJ1Zk {
+  text-align: left;
+}
+
+.rightCellAlignment-_lmWva {
+  text-align: right;
+}
+
+.centerCellAlignment-lL95Y0 {
+  text-align: center;
+}
+

package/dist/presentation/Slot.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from "react";
+type Props = {
+    children: ReactNode;
+    disabled?: boolean;
+    onClear?: (() => void) | null;
+};
+declare const Slot: ({ children, disabled, onClear }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Slot;

package/dist/presentation/Slot.js

@@ -0,0 +1,26 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__Slot_module_js_6a83970f__ from "./Slot.module.js";
+import * as __WEBPACK_EXTERNAL_MODULE__controls_Action_js_a620af98__ from "../controls/Action.js";
+import * as __WEBPACK_EXTERNAL_MODULE__Icon_js_0d271bb6__ from "./Icon.js";
+const Slot = ({ children, disabled = false, onClear })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+        className: __WEBPACK_EXTERNAL_MODULE__Slot_module_js_6a83970f__["default"].container,
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                children: children
+            }),
+            onClear ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__controls_Action_js_a620af98__["default"], {
+                    disabled: disabled,
+                    icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_0d271bb6__["default"], {
+                        symbol: "Delete"
+                    }),
+                    onClick: ()=>{
+                        onClear();
+                    },
+                    children: "Remove"
+                })
+            }) : null
+        ]
+    });
+const Slot_rslib_entry_ = Slot;
+export { Slot_rslib_entry_ as default };

package/dist/presentation/Slot.module.js

@@ -0,0 +1,5 @@
+import "./Slot_module.css";
+const Slot_module_rslib_entry_ = {
+    container: "container-dSDQ03"
+};
+export { Slot_module_rslib_entry_ as default };

package/dist/presentation/Slot_module.css

@@ -0,0 +1,7 @@
+.container-dSDQ03 {
+  align-items: center;
+  gap: var(--size-n2);
+  grid-template-columns: 1fr auto;
+  display: grid;
+}
+

package/dist/presentation/Subheading.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from "react";
+type Props = {
+    children: ReactNode;
+    id?: string;
+};
+/**
+ * @deprecated Use `PlainText` instead.
+ */
+declare const Subheading: ({ children, id }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Subheading;

package/dist/presentation/Subheading.js

@@ -0,0 +1,10 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__PlainText_js_cd0b6798__ from "./PlainText.js";
+const Subheading = ({ children, id })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PlainText_js_cd0b6798__["default"], {
+        font: "h6",
+        id: id,
+        tagName: "h3",
+        children: children
+    });
+const Subheading_rslib_entry_ = Subheading;
+export { Subheading_rslib_entry_ as default };

package/dist/presentation/Table.d.ts

@@ -0,0 +1,71 @@
+import type { RowData } from "@tanstack/react-table";
+import { type SortingColumnDef } from "@tanstack/react-table";
+import { type ReactNode } from "react";
+import { type ZodTypeAny } from "zod";
+type PrimitiveValue = boolean | string | undefined | number;
+declare module "@tanstack/react-table" {
+    interface ColumnMeta<TData extends RowData, TValue> {
+        fixedWidth: boolean;
+    }
+}
+type Filter<Type> = {
+    label: string;
+    options: Array<{
+        id: string;
+        label: string;
+        /**
+         * If omitted no filtering will be applied.
+         */
+        predicate?: (row: Type) => boolean;
+    }>;
+};
+type Grouping<Type> = {
+    fn: (row: Type) => string;
+    header: (row: Type) => ReactNode;
+    label: string;
+    size: number;
+};
+type BulkAction<Type> = {
+    key: string;
+    label: string;
+    render: (props: {
+        rows: Array<Type>;
+        resetRowSelection: () => void;
+        onClose: () => void;
+    }) => ReactNode;
+    predicate?: (row: Type) => boolean;
+};
+type Props<Type> = {
+    data: Array<Type>;
+    columns: Array<{
+        cell?: (row: Type) => ReactNode;
+        filter?: Filter<Type>;
+        grouping?: Grouping<Type>;
+        hiddenByDefault?: boolean;
+        id: string;
+        csvExport?: boolean;
+        globalFiltering?: boolean;
+        size?: number;
+        enableSorting?: boolean;
+        fixedWidth?: boolean;
+        sortUndefined?: SortingColumnDef<Type>["sortUndefined"];
+    } & ({
+        type?: "accessor";
+        value: (row: Type) => PrimitiveValue;
+        header: string;
+    } | {
+        type: "display";
+        header?: string;
+    })>;
+    csvFilename?: string;
+    bulkActions?: BulkAction<Type>[];
+    secondaryBulkActions?: BulkAction<Type>[];
+    estimatedRowSize?: number;
+    emptyState?: ReactNode;
+    id?: string;
+    showRowCount?: boolean;
+    pathName?: string;
+    localStorageSchema?: ZodTypeAny;
+};
+declare const Table: <Type>({ data, columns, bulkActions, secondaryBulkActions, csvFilename, estimatedRowSize, emptyState, pathName, id, showRowCount, localStorageSchema, }: Props<Type>) => import("react/jsx-runtime").JSX.Element;
+export default Table;