@powerhousedao/document-engineering 1.16.0 → 1.17.0

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

@@ -46,6 +46,47 @@ export interface ObjectSetTableConfig<T> {
      * @param data The data of the new row.
      */
     onAdd?: (data: Record<string, unknown>) => Promise<void> | void;
+    /**
+     * The actions to display in the table when the rows are hovered.
+     */
+    actions?: {
+        /**
+         * The primary action to display in the table when the rows are hovered.
+         */
+        primary?: RowAction<T>;
+        /**
+         * The secondary actions to display in the table when the rows are hovered.
+         */
+        secondary?: Array<Omit<RowAction<T>, 'icon'>>;
+    };
+}
+export interface RowContext<T> {
+    /**
+     * The row object.
+     */
+    row: T;
+    /**
+     * The index of the row.
+     */
+    rowIndex: number;
+    /**
+     * The table configuration.
+     */
+    tableConfig: ObjectSetTableConfig<T>;
+}
+export interface RowAction<T> {
+    /**
+     * The label of the action.
+     */
+    label: string;
+    /**
+     * The callback to call when the action is clicked.
+     */
+    callback: (context: RowContext<T>) => Promise<void> | void;
+    /**
+     * The icon to display in the action. Recommended to be 16x16px.
+     */
+    icon?: React.ReactNode;
 }
 export type ColumnType = 'text' | 'number' | 'boolean';
 export interface CellContext<T = any> {

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/object-set-table/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/object-set-table/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAEpD,MAAM,WAAW,oBAAoB,CAAC,CAAC;IACrC,MAAM,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,YAAY,GAAG,IAAI,CAAC,CAAA;IAEpD;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAA;IAE5B;;OAEG;IACH,IAAI,EAAE,CAAC,EAAE,CAAA;IAET;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAE3B;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IAExB;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;IAEpC;;;;;OAKG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAE9C;;;;OAIG;IACH,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAE/D;;OAEG;IACH,OAAO,CAAC,EAAE;QACR;;WAEG;QACH,OAAO,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAA;QAEtB;;WAEG;QACH,SAAS,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAA;KAC9C,CAAA;CACF;AAED,MAAM,WAAW,UAAU,CAAC,CAAC;IAC3B;;OAEG;IACH,GAAG,EAAE,CAAC,CAAA;IAEN;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAA;IAEhB;;OAEG;IACH,WAAW,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAA;CACrC;AAED,MAAM,WAAW,SAAS,CAAC,CAAC;IAC1B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,QAAQ,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAE1D;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB;AAED,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAA;AAEtD,MAAM,WAAW,WAAW,CAAC,CAAC,GAAG,GAAG;IAClC;;OAEG;IACH,GAAG,EAAE,CAAC,CAAA;IAEN;;OAEG;IACH,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,CAAA;IAEpB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAA;IAEhB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,WAAW,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAA;CACrC;AAED;;;;;;;;GAQG;AACH,MAAM,MAAM,MAAM,CAAC,CAAC,GAAG,OAAO,IAAI,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,qBAAqB,CAAC,CAAC,CAAC,KAAK,MAAM,CAAA;AAEvG;;;;GAIG;AACH,MAAM,WAAW,qBAAqB,CAAC,CAAC,GAAG,OAAO;IAChD;;OAEG;IACH,WAAW,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAA;IAEpC;;OAEG;IACH,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,CAAA;IAEvB;;OAEG;IACH,IAAI,EAAE,CAAC,EAAE,CAAA;CACV;AAED;;;;;;;;;;GAUG;AACH,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,OAAO,CAAA;AAE3E;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,MAAM,CAAA;AAErF;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,YAAY,CAAC,CAAC,EAAE,CAAC,GAAG,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;AAEjG;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,cAAc,CAAC,CAAC,EAAE,CAAC,GAAG,MAAM,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;AAElG;;;;;;;GAOG;AACH,MAAM,MAAM,YAAY,CAAC,KAAK,EAAE,UAAU,IAAI,CAAC,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,CAAC,KAAK,CAAC,KAAK,OAAO,CAAA;AAE5G,MAAM,MAAM,kBAAkB,CAAC,KAAK,EAAE,UAAU,IAAI,CAClD,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,CAAC,QAAQ,EAAE,UAAU,KAAK,IAAI,EACxC,OAAO,EAAE,WAAW,CAAC,KAAK,CAAC,KACxB,KAAK,CAAC,SAAS,CAAA;AAEpB,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,CAAA;AAE1C,MAAM,WAAW,iBAAiB,CAAC,CAAC,GAAG,OAAO;IAC5C;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;;;;;;;OAUG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAA;CAC1B;AAED,MAAM,WAAW,SAAS,CAAC,CAAC,GAAG,GAAG,CAAE,SAAQ,iBAAiB,CAAC,CAAC,CAAC;IAC9D;;;;;;;;;;;;;;;;OAgBG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;;;;;;;;;;OAaG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAA;IAEhC;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;;;;;;;;;;;;;;;;;;;;OAqBG;IACH,WAAW,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAA;IAE9B;;;;;;;;;;;;OAYG;IACH,cAAc,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAA;IAEpC;;;;;;;;;;;;;;;OAeG;IACH,UAAU,CAAC,EAAE,YAAY,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;IAEjC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC,CAAC,EAAE,OAAO,CAAC,CAAA;IAEjC;;;;;;;;;;;;;;OAcG;IACH,gBAAgB,CAAC,EAAE,kBAAkB,CAAC,CAAC,EAAE,OAAO,CAAC,CAAA;IAEjD;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;IAEpC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAA;IAE1C;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAA;IAE1C;;;;OAIG;IACH,KAAK,CAAC,EAAE,eAAe,CAAA;CACxB;AAED,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;AAEzD,MAAM,MAAM,QAAQ,GAAG,GAAG,CAAA;AAE1B,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,EAAE,MAAM,CAAA;CACf"}

package/dist/src/ui/hooks/use-controllable-state.d.ts

@@ -0,0 +1,8 @@
+interface UseControllableStateProps<T> {
+    value?: T;
+    defaultValue?: T;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+}
+declare function useControllableState<T>({ value, defaultValue, onChange }: UseControllableStateProps<T>): readonly [T | undefined, (event: React.ChangeEvent<HTMLInputElement>) => void];
+export default useControllableState;
+//# sourceMappingURL=use-controllable-state.d.ts.map

package/dist/src/ui/hooks/use-controllable-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-controllable-state.d.ts","sourceRoot":"","sources":["../../../../src/ui/hooks/use-controllable-state.ts"],"names":[],"mappings":"AAEA,UAAU,yBAAyB,CAAC,CAAC;IACnC,KAAK,CAAC,EAAE,CAAC,CAAA;IACT,YAAY,CAAC,EAAE,CAAC,CAAA;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;CAChE;AAED,iBAAS,oBAAoB,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,yBAAyB,CAAC,CAAC,CAAC,oCAKpF,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,WAQ9C;AAED,eAAe,oBAAoB,CAAA"}

package/dist/src/ui/hooks/use-controllable-state.js

@@ -0,0 +1,13 @@
+import { useCallback, useState } from 'react';
+function useControllableState({ value, defaultValue, onChange }) {
+    const [internal, setInternal] = useState(defaultValue);
+    const isControlled = value !== undefined;
+    const handleChange = useCallback((event) => {
+        if (!isControlled)
+            setInternal(event.target.value);
+        onChange?.(event);
+    }, [isControlled, onChange]);
+    return [isControlled ? value : internal, handleChange];
+}
+export default useControllableState;
+//# sourceMappingURL=use-controllable-state.js.map

package/dist/src/ui/hooks/use-controllable-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-controllable-state.js","sourceRoot":"","sources":["../../../../src/ui/hooks/use-controllable-state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAQ7C,SAAS,oBAAoB,CAAI,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAgC;IAC9F,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAgB,YAAY,CAAC,CAAA;IACrE,MAAM,YAAY,GAAG,KAAK,KAAK,SAAS,CAAA;IAExC,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAA0C,EAAE,EAAE;QAC7C,IAAI,CAAC,YAAY;YAAE,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,KAAU,CAAC,CAAA;QACvD,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAA;IACnB,CAAC,EACD,CAAC,YAAY,EAAE,QAAQ,CAAC,CACzB,CAAA;IAED,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,EAAE,YAAY,CAAU,CAAA;AACjE,CAAC;AAED,eAAe,oBAAoB,CAAA"}

package/dist/style.css

@@ -101,6 +101,8 @@
     --color-accent: oklch(0.97 0 0);
     --color-accent-foreground: oklch(0.205 0 0);
     --color-destructive: oklch(0.577 0.245 27.325);
+    --color-popover: oklch(1 0 0);
+    --color-popover-foreground: oklch(0.145 0 0);
     --color-charcoal-300: hsl(221 17% 67%);
     --color-charcoal-700: hsl(219 17% 34%);
     --color-charcoal-800: hsl(221 17% 26%);
@@ -348,6 +350,9 @@
   .z-1 {
     z-index: 1;
   }
+  .z-5 {
+    z-index: 5;
+  }
   .z-10 {
     z-index: 10;
   }
@@ -375,6 +380,9 @@
   .-m-2 {
     margin: calc(var(--spacing) * -2);
   }
+  .-mx-1 {
+    margin-inline: calc(var(--spacing) * -1);
+  }
   .mx-10 {
     margin-inline: calc(var(--spacing) * 10);
   }
@@ -601,12 +609,18 @@
   .h-full {
     height: 100%;
   }
+  .h-px {
+    height: 1px;
+  }
   .h-screen {
     height: 100vh;
   }
   .h-svh {
     height: 100svh;
   }
+  .max-h-\(--radix-dropdown-menu-content-available-height\) {
+    max-height: var(--radix-dropdown-menu-content-available-height);
+  }
   .max-h-\[300px\] {
     max-height: 300px;
   }
@@ -715,6 +729,9 @@
   .min-w-4 {
     min-width: calc(var(--spacing) * 4);
   }
+  .min-w-\[8rem\] {
+    min-width: 8rem;
+  }
   .min-w-\[40px\] {
     min-width: 40px;
   }
@@ -727,6 +744,9 @@
   .grow {
     flex-grow: 1;
   }
+  .origin-\(--radix-dropdown-menu-content-transform-origin\) {
+    transform-origin: var(--radix-dropdown-menu-content-transform-origin);
+  }
   .-translate-x-1\/2 {
     --tw-translate-x: calc(calc(1/2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1129,6 +1149,9 @@
   .bg-muted {
     background-color: var(--color-muted);
   }
+  .bg-popover {
+    background-color: var(--color-popover);
+  }
   .bg-primary {
     background-color: var(--color-primary);
   }
@@ -1183,6 +1206,9 @@
   .p-8 {
     padding: calc(var(--spacing) * 8);
   }
+  .p-\[3px\] {
+    padding: 3px;
+  }
   .px-0\.5 {
     padding-inline: calc(var(--spacing) * 0.5);
   }
@@ -1489,6 +1515,9 @@
   .text-muted-foreground {
     color: var(--color-muted-foreground);
   }
+  .text-popover-foreground {
+    color: var(--color-popover-foreground);
+  }
   .text-primary {
     color: var(--color-primary);
   }
@@ -1555,6 +1584,9 @@
   .opacity-80 {
     opacity: 80%;
   }
+  .opacity-100 {
+    opacity: 100%;
+  }
   .shadow-\[0px_2px_4px_0px_rgba\(0\,0\,0\,0\.08\)\,0px_3px_10px_0px_rgba\(0\,0\,0\,0\.10\)\] {
     --tw-shadow: 0px 2px 4px 0px var(--tw-shadow-color, rgba(0,0,0,0.08)), 0px 3px 10px 0px var(--tw-shadow-color, rgba(0,0,0,0.10));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1563,6 +1595,10 @@
     --tw-shadow: 1px 4px 15px 0px var(--tw-shadow-color, rgba(74,88,115,0.25));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .shadow-\[2px_4px_7px_0px_rgba\(107\,122\,150\,0\.25\)\] {
+    --tw-shadow: 2px 4px 7px 0px var(--tw-shadow-color, rgba(107,122,150,0.25));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .shadow-lg {
     --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1595,6 +1631,14 @@
   .ring-offset-background {
     --tw-ring-offset-color: var(--color-background);
   }
+  .outline-hidden {
+    --tw-outline-style: none;
+    outline-style: none;
+    @media (forced-colors: active) {
+      outline: 2px solid transparent;
+      outline-offset: 2px;
+    }
+  }
   .outline {
     outline-style: var(--tw-outline-style);
     outline-width: 1px;
@@ -2169,6 +2213,13 @@
       }
     }
   }
+  .hover\:text-gray-600 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-gray-600);
+      }
+    }
+  }
   .hover\:text-gray-700 {
     &:hover {
       @media (hover: hover) {
@@ -2500,6 +2551,11 @@
       pointer-events: none;
     }
   }
+  .data-\[inset\]\:pl-8 {
+    &[data-inset] {
+      padding-left: calc(var(--spacing) * 8);
+    }
+  }
   .data-\[invalid\=true\]\:group-hover\:\!border-red-900 {
     &[data-invalid="true"] {
       &:is(:where(.group):hover *) {
@@ -2690,6 +2746,16 @@
       animation: var(--animate-zoom-in);
     }
   }
+  .data-\[state\=open\]\:bg-accent {
+    &[data-state="open"] {
+      background-color: var(--color-accent);
+    }
+  }
+  .data-\[state\=open\]\:text-accent-foreground {
+    &[data-state="open"] {
+      color: var(--color-accent-foreground);
+    }
+  }
   .data-\[state\=unchecked\]\:translate-x-0 {
     &[data-state="unchecked"] {
       --tw-translate-x: calc(var(--spacing) * 0);
@@ -2706,6 +2772,28 @@
       background-color: #EFEFEF;
     }
   }
+  .data-\[variant\=destructive\]\:text-destructive {
+    &[data-variant="destructive"] {
+      color: var(--color-destructive);
+    }
+  }
+  .data-\[variant\=destructive\]\:focus\:bg-destructive\/10 {
+    &[data-variant="destructive"] {
+      &:focus {
+        background-color: color-mix(in srgb, oklch(0.577 0.245 27.325) 10%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-destructive) 10%, transparent);
+        }
+      }
+    }
+  }
+  .data-\[variant\=destructive\]\:focus\:text-destructive {
+    &[data-variant="destructive"] {
+      &:focus {
+        color: var(--color-destructive);
+      }
+    }
+  }
   .sm\:max-w-lg {
     @media (width >= 40rem) {
       max-width: var(--container-lg);
@@ -3586,6 +3674,18 @@
       }
     }
   }
+  .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20 {
+    &:where(.dark, .dark *) {
+      &[data-variant="destructive"] {
+        &:focus {
+          background-color: color-mix(in srgb, oklch(0.577 0.245 27.325) 20%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
+          }
+        }
+      }
+    }
+  }
   .\[\&\]\:\!w-\[120px\] {
     width: 120px !important;
   }
@@ -4954,6 +5054,11 @@
       height: calc(var(--spacing) * 4);
     }
   }
+  .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground {
+    & svg:not([class*='text-']) {
+      color: var(--color-muted-foreground);
+    }
+  }
   .\[\&\.base-picker\\\\_\\\\_input\]\:w-\[275px\] {
     &.base-picker\_\_input {
       width: 275px;
@@ -5064,6 +5169,15 @@
       display: none;
     }
   }
+  .data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive {
+    &[data-variant="destructive"] {
+      :is(& > *) {
+        &:is(svg) {
+          color: var(--color-destructive) !important;
+        }
+      }
+    }
+  }
   .\[\&\>button\]\:bg-accent {
     &>button {
       background-color: var(--color-accent);