@powerhousedao/document-engineering 1.0.0

package/dist/src/ui/components/object-set-table/subcomponents/table-provider/table-reducer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-reducer.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/object-set-table/subcomponents/table-provider/table-reducer.tsx"],"names":[],"mappings":"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"}

package/dist/src/ui/components/object-set-table/types.d.ts

@@ -0,0 +1,242 @@
+export interface ObjectSetTableConfig<T> {
+    /**
+     * The columns to display in the table.
+     */
+    columns: ColumnDef<T>[];
+    /**
+     * The data to display in the table.
+     */
+    data: T[];
+    /**
+     * Whether to allow row selection.
+     *
+     * @default true
+     */
+    allowRowSelection?: boolean;
+    /**
+     * Whether to show row numbers.
+     *
+     * @default true
+     */
+    showRowNumbers?: boolean;
+}
+export type CellType = "text" | "number";
+export interface CellContext<T = any> {
+    /**
+     * The row object.
+     */
+    row: T;
+    /**
+     * The column definition.
+     */
+    column: ColumnDef<T>;
+    /**
+     * The index of the row.
+     */
+    rowIndex: number;
+    /**
+     * The index of the column.
+     */
+    columnIndex: number;
+    /**
+     * The table configuration.
+     */
+    tableConfig: ObjectSetTableConfig<T>;
+}
+/**
+ * A function that returns a value from a row object.
+ *
+ * @param row The row object.
+ * @param context The cell context.
+ *
+ * @example
+ * ```ts
+ * const valueGetter = (row: T) => row.firstName;
+ * ```
+ */
+export type ValueGetterFn<T> = (row: T, context: CellContext<T>) => unknown;
+/**
+ * A function that formats a value for display in the table.
+ *
+ * @param value The value to format.
+ * @param context The cell context.
+ *
+ * @default The value is converted to a string.
+ *
+ * @example
+ * ```ts
+ * const taxRateValueFormatter = (value: number) => `${value * 100}%`;
+ * ```
+ */
+export type ValueFormatterFn<T> = (value: unknown, context: CellContext<T>) => string;
+/**
+ * A function that renders a cell.
+ *
+ * @param value The value to display in the cell.
+ * @param context The cell context.
+ *
+ * @example
+ * ```ts
+ * const renderCell = (value: unknown, context: CellContext<T>) => {
+ *   return <div>{value}</div>;
+ * };
+ * ```
+ */
+export type RenderCellFn<T, V = unknown> = (value: V, context: CellContext<T>) => React.ReactNode;
+/**
+ * A function that is called when a cell is saved.
+ *
+ * @param newValue The new value of the cell.
+ * @param context The cell context.
+ *
+ * @returns Whether the value was saved.
+ */
+export type OnCellSaveFn<TData, TCellValue> = (newValue: TCellValue, context: CellContext<TData>) => boolean;
+export interface ColumnDef<T = any> {
+    /**
+     * The field from the row object to display in the column.
+     * You can use dot notation to access nested fields.
+     *
+     * @example
+     * ```ts
+     * {
+     *  firstName: "Jhon",
+     *  address: {
+     *    city: "San Francisco",
+     *  }
+     * }
+     *
+     * // field: "firstName" -> (Jhon)
+     * // field: "address.city" -> (San Francisco)
+     * ```
+     */
+    field: string;
+    /**
+     * The title of the column.
+     *
+     * @default The field name capitalized.
+     *
+     * @example default title
+     * ```ts
+     * {
+     *  field: "firstName",
+     *  title: "First Name",
+     * }
+     * ```
+     *
+     * @example default for nested fields
+     * ```ts
+     * {
+     *  field: "address.city",
+     *  title: "City",
+     * }
+     * ```
+     */
+    title?: string;
+    /**
+     * The type of the column.
+     *
+     * Based on the type, the value will be formatted differently and if
+     * the column is editable, it will render the input depending on the
+     * type. Unless a custom `valueFormatter` or `renderCell` is provided.
+     *
+     * @default "text"
+     */
+    type?: CellType;
+    /**
+     * A function that returns the value to display in the column.
+     * If this is provided, the `field` property is ignored.
+     *
+     * @default The value is the result of the field accessor.
+     *
+     * @example
+     * ```ts
+     * const fullNameValueGetter = (row: T) => `${row.firstName} ${row.lastName}`;
+     * ```
+     *
+     * @example
+     * ```ts
+     * const taxRateValueGetter = (row: T) => {
+     *   const taxRate = row.taxRate;
+     *   if (!taxRate) {
+     *     return taxRate;
+     *   }
+     *   return taxRate * 100;
+     * }
+     * ```
+     */
+    valueGetter?: ValueGetterFn<T>;
+    /**
+     * A function that formats a value for display in the column.
+     *
+     * @default The value is converted to a string and formatted depending on the column type.
+     *
+     * @example
+     * ```ts
+     * const taxRateValueFormatter = (value: number) => `${value * 100}%`;
+     * ```
+     */
+    valueFormatter?: ValueFormatterFn<T>;
+    /**
+     * A function that renders a cell. Do to render the cell as a `td` element.
+     * Instead, render using `div` or `span` elements.
+     *
+     * @default The value is converted to a string and formatted depending on the column type.
+     *
+     * @example
+     * ```ts
+     * const renderCell = (value: unknown, context: CellContext<T>) => {
+     *   return <div>
+     *     <span className="text-red-900">{value}</span>
+     *     <Icon name="my-icon" />
+     *   </div>;
+     * };
+     * ```
+     */
+    renderCell?: RenderCellFn<T, any>;
+    /**
+     * Whether the column is editable.
+     *
+     * @default false
+     */
+    editable?: boolean;
+    /**
+     * A function that is called when a cell is saved.
+     *
+     * @param newValue The new value of the cell.
+     * @param context The cell context.
+     *
+     * @returns Whether the value was saved.
+     */
+    onSave?: OnCellSaveFn<T, any>;
+    /**
+     * The width of the column. It accepts any valid CSS width value.
+     *
+     * @default "auto"
+     */
+    width?: React.CSSProperties["width"];
+    /**
+     * The minimum width of the column. It accepts any valid CSS width value.
+     *
+     * @default "auto"
+     */
+    minWidth?: React.CSSProperties["minWidth"];
+    /**
+     * The maximum width of the column. It accepts any valid CSS width value.
+     *
+     * @default "auto"
+     */
+    maxWidth?: React.CSSProperties["maxWidth"];
+    /**
+     * The alignment of the column.
+     *
+     * @default "left"
+     */
+    align?: "left" | "center" | "right";
+}
+export type DataType = any;
+export type TableCellIndex = {
+    row: number;
+    column: number;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/src/ui/components/object-set-table/types.d.ts.map

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

package/dist/src/ui/components/object-set-table/types.js

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

package/dist/src/ui/components/object-set-table/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/ui/components/object-set-table/types.ts"],"names":[],"mappings":""}

package/dist/src/ui/components/object-set-table/utils.d.ts

@@ -0,0 +1,90 @@
+import type { ColumnDef, DataType, TableCellIndex } from "./types.js";
+/**
+ * Get the title of a column.
+ *
+ * @param column - The column to get the title of.
+ * @returns The title of the column.
+ *
+ * @example
+ * ```ts
+ * const title = getColumnTitle({ field: "name" }) // "Name"
+ * const title = getColumnTitle({ field: "address.city" }) // "City"
+ * const title = getColumnTitle({ field: "address.code", title: "Country" }) // "Country"
+ * ```
+ */
+export declare const getColumnTitle: (column: ColumnDef) => string;
+/**
+ * Get the value of a column from a data object using dot notation.
+ *
+ * @param value - The data object.
+ * @param field - The field to get the value of. It can be a dot notation string.
+ * @returns The value of the field or undefined if the field is not found.
+ *
+ * @example
+ * ```ts
+ * const value = {
+ *  name: "John",
+ *  address: {
+ *    city: "San Francisco",
+ *  }
+ * }
+ *
+ * getColumnValue(value, "name") // "John"
+ * getColumnValue(value, "address.city") // "San Francisco"
+ * getColumnValue(value, "address.country") // undefined
+ * getColumnValue(value, "address") // { city: "San Francisco" }
+ * ```
+ */
+export declare const getColumnValue: (value: DataType, field: string) => unknown;
+export type NextSelectedCellDirection = "right" | "left" | "down" | "up";
+interface GetNextSelectedCellOptions {
+    /**
+     * The direction to move the selected cell.
+     */
+    direction: NextSelectedCellDirection;
+    /**
+     * The current cell.
+     */
+    currentCell: TableCellIndex | null;
+    /**
+     * The number of rows in the table.
+     */
+    rowCount: number;
+    /**
+     * The number of columns in the table.
+     */
+    columnCount: number;
+    /**
+     * Whether to move to the next row when the current cell is at the last column.
+     */
+    moveToNextRow?: boolean;
+}
+/**
+ * Get the next selected cell based on the direction and the current cell.
+ *
+ * @param options - The options for the next selected cell.
+ * @returns The next selected cell.
+ *
+ * @example
+ * ```ts
+ * const nextCell = getNextSelectedCell({ direction: "right", currentCell: { row: 0, column: 0 }, rowCount: 3, columnCount: 3 });
+ * ```
+ */
+export declare const getNextSelectedCell: (options: GetNextSelectedCellOptions) => TableCellIndex;
+/**
+ * Get the direction from a key.
+ *
+ * @param key - The key to get the direction from.
+ * @returns The direction.
+ */
+export declare const getDirectionFromKey: (key: string) => NextSelectedCellDirection;
+/**
+ * Check if two cells are equal.
+ *
+ * @param cell1 - The first cell.
+ * @param cell2 - The second cell.
+ * @returns True if the cells are equal, false otherwise.
+ */
+export declare const isCellEqual: (cell1: TableCellIndex | null, cell2: TableCellIndex | null) => boolean;
+export {};
+//# sourceMappingURL=utils.d.ts.map

package/dist/src/ui/components/object-set-table/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/object-set-table/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEtE;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,cAAc,GAAI,QAAQ,SAAS,WAmB/C,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,cAAc,GAAI,OAAO,QAAQ,EAAE,OAAO,MAAM,KAAG,OAU/D,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;AAEzE,UAAU,0BAA0B;IAClC;;OAEG;IACH,SAAS,EAAE,yBAAyB,CAAC;IACrC;;OAEG;IACH,WAAW,EAAE,cAAc,GAAG,IAAI,CAAC;IACnC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,mBAAmB,GAC9B,SAAS,0BAA0B,KAClC,cA+DF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,GAAI,KAAK,MAAM,KAAG,yBAcjD,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,GACtB,OAAO,cAAc,GAAG,IAAI,EAC5B,OAAO,cAAc,GAAG,IAAI,YAM7B,CAAC"}

package/dist/src/ui/components/object-set-table/utils.js

@@ -0,0 +1,172 @@
+/**
+ * Get the title of a column.
+ *
+ * @param column - The column to get the title of.
+ * @returns The title of the column.
+ *
+ * @example
+ * ```ts
+ * const title = getColumnTitle({ field: "name" }) // "Name"
+ * const title = getColumnTitle({ field: "address.city" }) // "City"
+ * const title = getColumnTitle({ field: "address.code", title: "Country" }) // "Country"
+ * ```
+ */
+export const getColumnTitle = (column) => {
+    if (column.title) {
+        return column.title;
+    }
+    // Handle dot notation by taking only the last part
+    const fieldName = column.field.split(".").pop() || column.field;
+    // this is a humanized version of the field name handling camelCase, snake_case and kebab-case
+    // Handle different cases by inserting spaces
+    const humanized = fieldName
+        // Insert space before uppercase letters that follow lowercase or numbers
+        .replace(/([a-z0-9])([A-Z])/g, "$1 $2")
+        // Replace underscores and hyphens with spaces
+        .replace(/[_-]/g, " ")
+        // Capitalize the first letter
+        .replace(/^\w/, (c) => c.toUpperCase());
+    return humanized;
+};
+/**
+ * Get the value of a column from a data object using dot notation.
+ *
+ * @param value - The data object.
+ * @param field - The field to get the value of. It can be a dot notation string.
+ * @returns The value of the field or undefined if the field is not found.
+ *
+ * @example
+ * ```ts
+ * const value = {
+ *  name: "John",
+ *  address: {
+ *    city: "San Francisco",
+ *  }
+ * }
+ *
+ * getColumnValue(value, "name") // "John"
+ * getColumnValue(value, "address.city") // "San Francisco"
+ * getColumnValue(value, "address.country") // undefined
+ * getColumnValue(value, "address") // { city: "San Francisco" }
+ * ```
+ */
+export const getColumnValue = (value, field) => {
+    const keys = field.split(".");
+    let current = value;
+    for (const key of keys) {
+        if (typeof current !== "object" || !(key in current)) {
+            return undefined;
+        }
+        current = current[key];
+    }
+    return current;
+};
+/**
+ * Get the next selected cell based on the direction and the current cell.
+ *
+ * @param options - The options for the next selected cell.
+ * @returns The next selected cell.
+ *
+ * @example
+ * ```ts
+ * const nextCell = getNextSelectedCell({ direction: "right", currentCell: { row: 0, column: 0 }, rowCount: 3, columnCount: 3 });
+ * ```
+ */
+export const getNextSelectedCell = (options) => {
+    const { direction, currentCell, rowCount, columnCount, moveToNextRow = false, } = options;
+    if (!currentCell) {
+        // if there is no current cell, we're going to select the first cell
+        return { row: 0, column: 0 };
+    }
+    const { row, column } = currentCell;
+    switch (direction) {
+        case "right":
+            if (column < columnCount - 1) {
+                return { row, column: column + 1 };
+            }
+            else {
+                if (moveToNextRow) {
+                    return { row: (row + 1) % rowCount, column: 0 };
+                }
+                else {
+                    return { row, column: columnCount - 1 };
+                }
+            }
+        case "left":
+            if (column > 0) {
+                return { row, column: column - 1 };
+            }
+            else {
+                if (moveToNextRow) {
+                    return {
+                        row: row === 0 ? rowCount - 1 : row - 1,
+                        column: columnCount - 1,
+                    };
+                }
+                else {
+                    return { row, column: 0 };
+                }
+            }
+        case "down":
+            if (row < rowCount - 1) {
+                return { row: row + 1, column };
+            }
+            else {
+                if (moveToNextRow) {
+                    return { row: 0, column };
+                }
+                else {
+                    return { row, column };
+                }
+            }
+        case "up":
+            if (row > 0) {
+                return { row: row - 1, column };
+            }
+            else {
+                if (moveToNextRow) {
+                    return { row: rowCount - 1, column };
+                }
+                else {
+                    return { row, column };
+                }
+            }
+        default:
+            return currentCell;
+    }
+};
+/**
+ * Get the direction from a key.
+ *
+ * @param key - The key to get the direction from.
+ * @returns The direction.
+ */
+export const getDirectionFromKey = (key) => {
+    switch (key) {
+        case "ArrowRight":
+        case "Tab":
+            return "right";
+        case "ArrowLeft":
+            return "left";
+        case "ArrowDown":
+            return "down";
+        case "ArrowUp":
+            return "up";
+        default:
+            return "right";
+    }
+};
+/**
+ * Check if two cells are equal.
+ *
+ * @param cell1 - The first cell.
+ * @param cell2 - The second cell.
+ * @returns True if the cells are equal, false otherwise.
+ */
+export const isCellEqual = (cell1, cell2) => {
+    if (!cell1 || !cell2) {
+        return false;
+    }
+    return cell1.row === cell2.row && cell1.column === cell2.column;
+};
+//# sourceMappingURL=utils.js.map

package/dist/src/ui/components/object-set-table/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/ui/components/object-set-table/utils.ts"],"names":[],"mappings":"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"}

package/dist/src/ui/components/sidebar/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./sidebar.js";
+export * from "./subcomponents/sidebar-provider/index.js";
+export type * from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/ui/components/sidebar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/sidebar/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,2CAA2C,CAAC;AAC1D,mBAAmB,YAAY,CAAC"}

package/dist/src/ui/components/sidebar/index.js

@@ -0,0 +1,3 @@
+export * from "./sidebar.js";
+export * from "./subcomponents/sidebar-provider/index.js";
+//# sourceMappingURL=index.js.map

package/dist/src/ui/components/sidebar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/sidebar/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,2CAA2C,CAAC"}