@powerhousedao/document-engineering 1.38.0 → 1.39.0

package/dist/src/ui/components/confirm/alert-dialog.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.test.js","sourceRoot":"","sources":["../../../../../src/ui/components/confirm/alert-dialog.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAA;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,mBAAmB,CAAA;AAE1B,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC3B,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,CACJ,MAAC,WAAW,eACV,KAAC,kBAAkB,8BAAiC,EACpD,MAAC,kBAAkB,eACjB,MAAC,iBAAiB,eAChB,KAAC,gBAAgB,6BAA8B,EAC/C,KAAC,sBAAsB,mCAA0C,IAC/C,EACpB,MAAC,iBAAiB,eAChB,KAAC,iBAAiB,yBAA2B,EAC7C,KAAC,iBAAiB,2BAA6B,IAC7B,IACD,IACT,CACf,CAAA;QAED,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;IAC7D,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,0CAA0C,EAAE,GAAG,EAAE;QAClD,MAAM,CACJ,MAAC,WAAW,eACV,KAAC,kBAAkB,mBAAa,SAAS,4BAAiC,EAC1E,MAAC,kBAAkB,mBAAa,SAAS,aACvC,MAAC,iBAAiB,mBAAa,QAAQ,aACrC,KAAC,gBAAgB,mBAAa,OAAO,2BAA8B,EACnE,KAAC,sBAAsB,mBAAa,aAAa,iCAA0C,IACzE,EACpB,MAAC,iBAAiB,mBAAa,QAAQ,aACrC,KAAC,iBAAiB,mBAAa,QAAQ,uBAA2B,EAClE,KAAC,iBAAiB,mBAAa,QAAQ,yBAA6B,IAClD,IACD,IACT,CACf,CAAA;QAED,MAAM,OAAO,GAAG,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAA;QAC7C,MAAM,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,WAAW,EAAE,sBAAsB,CAAC,CAAA;IACtE,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,6CAA6C,EAAE,GAAG,EAAE;QACrD,MAAM,CACJ,MAAC,WAAW,eACV,KAAC,kBAAkB,IAAC,SAAS,EAAC,gBAAgB,4BAAiC,EAC/E,MAAC,kBAAkB,IAAC,SAAS,EAAC,gBAAgB,aAC5C,MAAC,iBAAiB,IAAC,SAAS,EAAC,eAAe,aAC1C,KAAC,gBAAgB,IAAC,SAAS,EAAC,cAAc,2BAA8B,EACxE,KAAC,sBAAsB,IAAC,SAAS,EAAC,oBAAoB,iCAA0C,IAC9E,EACpB,MAAC,iBAAiB,IAAC,SAAS,EAAC,eAAe,aAC1C,KAAC,iBAAiB,IAAC,SAAS,EAAC,eAAe,uBAA2B,EACvE,KAAC,iBAAiB,IAAC,SAAS,EAAC,eAAe,yBAA6B,IACvD,IACD,IACT,CACf,CAAA;QAED,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAA;IACvE,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/dist/src/ui/components/confirm/confirm.stories.d.ts

@@ -0,0 +1,37 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { confirm } from './confirm.js';
+/**
+ * A confirmation dialog component that provides a simple way to ask users for confirmation
+ * before performing an action. Built on top of react-confirm library and uses AlertDialog internally.
+ *
+ * Usage:
+ *
+ * ```tsx
+ * import { confirm } from '@powerhousedao/document-engineering/ui'
+ *
+ * const handleDelete = async () => {
+ *   const result = await confirm({
+ *     title: 'Delete Item',
+ *     description: 'Are you sure you want to delete this item? This action cannot be undone.',
+ *     confirmLabel: 'Delete',
+ *     cancelLabel: 'Cancel',
+ *     variant: 'destructive'
+ *   })
+ *
+ *   if (result) {
+ *     // User confirmed - proceed with deletion
+ *   }
+ * }
+ * ```
+ */
+declare const meta: Meta<typeof confirm>;
+export default meta;
+type Story = StoryObj<{
+    title: string;
+    description: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    variant?: 'destructive' | 'default';
+}>;
+export declare const Default: Story;
+//# sourceMappingURL=confirm.stories.d.ts.map

package/dist/src/ui/components/confirm/confirm.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm.stories.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/confirm/confirm.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,EAAE,OAAO,EAAuB,MAAM,cAAc,CAAA;AAG3D;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CA2B9B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,aAAa,GAAG,SAAS,CAAA;CACpC,CAAC,CAAA;AAYF,eAAO,MAAM,OAAO,EAAE,KASrB,CAAA"}

package/dist/src/ui/components/confirm/confirm.stories.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { confirm } from './confirm.js';
+import { Button } from '../button/button.js';
+/**
+ * A confirmation dialog component that provides a simple way to ask users for confirmation
+ * before performing an action. Built on top of react-confirm library and uses AlertDialog internally.
+ *
+ * Usage:
+ *
+ * ```tsx
+ * import { confirm } from '@powerhousedao/document-engineering/ui'
+ *
+ * const handleDelete = async () => {
+ *   const result = await confirm({
+ *     title: 'Delete Item',
+ *     description: 'Are you sure you want to delete this item? This action cannot be undone.',
+ *     confirmLabel: 'Delete',
+ *     cancelLabel: 'Cancel',
+ *     variant: 'destructive'
+ *   })
+ *
+ *   if (result) {
+ *     // User confirmed - proceed with deletion
+ *   }
+ * }
+ * ```
+ */
+const meta = {
+    title: 'Feedback/Confirm',
+    parameters: {
+        layout: 'centered',
+        chromatic: {
+            disableSnapshot: true,
+        },
+    },
+    tags: ['autodocs'],
+    argTypes: {
+        title: {
+            description: 'The title of the confirmation dialog',
+            control: 'text',
+        },
+        description: {
+            description: 'The description/message shown in the dialog',
+            control: 'text',
+        },
+        confirmLabel: {
+            description: 'The label for the confirm button',
+            control: 'text',
+        },
+        cancelLabel: {
+            description: 'The label for the cancel button',
+            control: 'text',
+        },
+    },
+};
+export default meta;
+const ConfirmDemo = (options) => {
+    const handleConfirm = () => {
+        void confirm(options).then((result) => {
+            console.log(result ? 'User confirmed!' : 'User cancelled!');
+        });
+    };
+    return _jsx(Button, { onClick: handleConfirm, children: "Show Confirm Dialog" });
+};
+export const Default = {
+    render: (args) => _jsx(ConfirmDemo, { ...args }),
+    args: {
+        title: 'Confirm Action',
+        description: 'Are you sure you want to perform this action?',
+        confirmLabel: 'Continue',
+        cancelLabel: 'Cancel',
+        variant: 'default',
+    },
+};
+//# sourceMappingURL=confirm.stories.js.map

package/dist/src/ui/components/confirm/confirm.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm.stories.js","sourceRoot":"","sources":["../../../../../src/ui/components/confirm/confirm.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAuB,MAAM,cAAc,CAAA;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAE5C;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,IAAI,GAAyB;IACjC,KAAK,EAAE,kBAAkB;IACzB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;QAClB,SAAS,EAAE;YACT,eAAe,EAAE,IAAI;SACtB;KACF;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,WAAW,EAAE,sCAAsC;YACnD,OAAO,EAAE,MAAM;SAChB;QACD,WAAW,EAAE;YACX,WAAW,EAAE,6CAA6C;YAC1D,OAAO,EAAE,MAAM;SAChB;QACD,YAAY,EAAE;YACZ,WAAW,EAAE,kCAAkC;YAC/C,OAAO,EAAE,MAAM;SAChB;QACD,WAAW,EAAE;YACX,WAAW,EAAE,iCAAiC;YAC9C,OAAO,EAAE,MAAM;SAChB;KACF;CACF,CAAA;AAED,eAAe,IAAI,CAAA;AASnB,MAAM,WAAW,GAAG,CAAC,OAAuB,EAAE,EAAE;IAC9C,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE;YACpC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAA;QAC7D,CAAC,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,OAAO,KAAC,MAAM,IAAC,OAAO,EAAE,aAAa,oCAA8B,CAAA;AACrE,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,WAAW,OAAK,IAAI,GAAI;IAC3C,IAAI,EAAE;QACJ,KAAK,EAAE,gBAAgB;QACvB,WAAW,EAAE,+CAA+C;QAC5D,YAAY,EAAE,UAAU;QACxB,WAAW,EAAE,QAAQ;QACrB,OAAO,EAAE,SAAS;KACnB;CACF,CAAA"}

package/dist/src/ui/components/data-entry/aid-input/aid-input.stories.d.ts

@@ -0,0 +1,74 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { AIDInput } from './aid-input.js';
+/**
+ * ## Autocomplete input component
+ *
+ * `AIDInput` is a specialized input component for handling AIDs (Agent Identifiers) with advanced
+ * autocomplete functionality. It allows users to search and select items intuitively as they type.
+ *
+ * ### Important configs:
+ *
+ * **1.`fetchOptionsCallback` (for dynamic autocomplete)**
+ * - Executes while the user types in the input field
+ * - Receives the user's input text as a parameter
+ * - Must return a list of options that match the search criteria
+ * - Enables real-time search from APIs, databases, or others external or internal data sources
+ *
+ * **2.`fetchSelectedOptionCallback` (to update the preview of the selected option)**
+ * - Called when the "refresh" button in the preview of the selected option is clicked
+ * - Receives the selected option's ID/value as a parameter
+ * - Must return the updated details of that specific option or undefined if the option is not found for some reason
+ * - As `fetchOptionsCallback` can be used synchronously or asynchronously
+ *
+ * ### Basic usage example:
+ *
+ * ```tsx
+ * <AIDInput
+ *   name="agent-selector"
+ *   label="Select Agent"
+ *   placeholder="did:ethr:"
+ *   variant="withValueTitleAndDescription"
+ *
+ *   // search options as the user types
+ *   fetchOptionsCallback={async (userInput) => {
+ *     const results = await searchAgents(userInput)
+ *     return results.map(agent => ({
+ *       value: agent.id, // unique agent ID
+ *       title: agent.title, // agent title or name
+ *       path: agent.path, // agent path or location
+ *       description: agent.description, // agent description or summary
+ *       agentType: agent.type, // agent type (e.g. "human", "bot", "organization", etc.)
+ *       icon: agent.icon // agent icon
+ *     }))
+ *   }}
+ *
+ *   // get details of a specific option by its ID/value
+ *   fetchSelectedOptionCallback={async (agentId) => {
+ *     const agent = await getAgentById(agentId)
+ *     return {
+ *       value: agent.id,
+ *       title: agent.title,
+ *       path: agent.path,
+ *       description: agent.description,
+ *       agentType: agent.type,
+ *       icon: agent.icon
+ *     }
+ *   }}
+ * />
+ * ```
+ *
+ * > **Note:** This component does not have built-in validation. If you need built-in validation
+ * > you can use the [AIDField](?path=/docs/scalars-aid-field--readme)
+ * > component.
+ */
+declare const meta: Meta<typeof AIDInput>;
+export default meta;
+type Story = StoryObj<typeof AIDInput>;
+export declare const Default: Story;
+export declare const Empty: Story;
+export declare const Open: Story;
+export declare const Filled: Story;
+export declare const WithDifferencesAddition: Story;
+export declare const WithDifferencesRemoval: Story;
+export declare const WithDifferencesMixed: Story;
+//# sourceMappingURL=aid-input.stories.d.ts.map

package/dist/src/ui/components/data-entry/aid-input/aid-input.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aid-input.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/aid-input/aid-input.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAOtD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAGzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4DG;AAEH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAsLC,CAAA;AAEjC,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAmDtC,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAuBnB,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,KAyBlB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAuBpB,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,KA2CrC,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KA2CpC,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KA2ClC,CAAA"}