@assistant-ui/react-generative-ui 0.0.21 → 0.0.22

package/dist/vocabulary/collectFormValues.d.ts

@@ -9,10 +9,11 @@ export type FormControlElementLike = {
     readonly checked?: boolean;
     readonly disabled: boolean;
     readonly hasAttribute: (name: string) => boolean;
+    readonly getAttribute?: ((name: string) => string | null) | undefined;
     readonly matches?: ((selector: string) => boolean) | undefined;
 };
 /**
- * Collects a submitted form's named control values into a plain object, keyed by `name`, in document order. Reads each control's live DOM state rather than `FormData`, so a checkbox resolves to its `checked` boolean instead of an on/off string. A radio group resolves to its checked option's `value`, or `undefined` if none is checked. Any other repeated `name` resolves to an array of its controls' values, in document order. Controls without a `name`, that carry `data-aui-generated-name`, or that are effectively disabled, including through an ancestor disabled fieldset outside its first legend, are skipped entirely.
+ * Collects a submitted form's named control values into a plain object, keyed by `name`, in document order. Reads each control's live DOM state rather than `FormData`, so a checkbox resolves to its `checked` boolean instead of an on/off string. A radio group resolves to its checked option's `value`, or `undefined` if none is checked. A checkbox group resolves to its checked options' values in document order, or an empty array if none is checked. Any other repeated `name` resolves to an array of its controls' values, in document order. Controls without a `name`, that carry `data-aui-generated-name`, or that are effectively disabled, including through an ancestor disabled fieldset outside its first legend, are skipped entirely.
  */
 export declare function collectFormValues(elements: ArrayLike<FormControlElementLike>): Record<string, unknown>;
 /**

package/dist/vocabulary/collectFormValues.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collectFormValues.d.ts","sourceRoot":"","sources":["../../src/vocabulary/collectFormValues.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IACjD,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,SAAS,CAAC;CAChE,CAAC;AAEF;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,SAAS,CAAC,sBAAsB,CAAC,GAC1C,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAiCzB;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,SAAS,CAAC,eAAe,CAAC,GAChC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAKzB"}
+{"version":3,"file":"collectFormValues.d.ts","sourceRoot":"","sources":["../../src/vocabulary/collectFormValues.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IACjD,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IACtE,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,SAAS,CAAC;CAChE,CAAC;AAEF;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,SAAS,CAAC,sBAAsB,CAAC,GAC1C,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAgDzB;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,SAAS,CAAC,eAAe,CAAC,GAChC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAKzB"}

package/dist/vocabulary/collectFormValues.js

@@ -1,19 +1,26 @@
 import "../constants.js";
 //#region src/vocabulary/collectFormValues.ts
 /**
-* Collects a submitted form's named control values into a plain object, keyed by `name`, in document order. Reads each control's live DOM state rather than `FormData`, so a checkbox resolves to its `checked` boolean instead of an on/off string. A radio group resolves to its checked option's `value`, or `undefined` if none is checked. Any other repeated `name` resolves to an array of its controls' values, in document order. Controls without a `name`, that carry `data-aui-generated-name`, or that are effectively disabled, including through an ancestor disabled fieldset outside its first legend, are skipped entirely.
+* Collects a submitted form's named control values into a plain object, keyed by `name`, in document order. Reads each control's live DOM state rather than `FormData`, so a checkbox resolves to its `checked` boolean instead of an on/off string. A radio group resolves to its checked option's `value`, or `undefined` if none is checked. A checkbox group resolves to its checked options' values in document order, or an empty array if none is checked. Any other repeated `name` resolves to an array of its controls' values, in document order. Controls without a `name`, that carry `data-aui-generated-name`, or that are effectively disabled, including through an ancestor disabled fieldset outside its first legend, are skipped entirely.
 */
 function collectFormValues(elements) {
 	const values = Object.create(null);
 	for (const element of Array.from(elements)) {
-		const { name, disabled } = element;
+		const { disabled } = element;
+		const name = element.getAttribute?.("data-aui-field-name") ?? element.name;
 		if (!name || disabled || element.hasAttribute("data-aui-generated-name") || element.matches?.(":disabled")) continue;
 		if (element.type === "radio") {
 			if (element.checked) values[name] = element.value;
 			else if (!Object.hasOwn(values, name)) values[name] = void 0;
 			continue;
 		}
-		const value = element.type === "checkbox" ? element.checked ?? false : element.value;
+		if (element.type === "checkbox" && element.hasAttribute("data-aui-checkbox-group")) {
+			const existing = values[name];
+			const checked = Array.isArray(existing) ? existing : [];
+			values[name] = element.checked ? [...checked, element.value] : checked;
+			continue;
+		}
+		const value = element.type === "checkbox" ? element.checked ?? false : element.type === "range" ? Number(element.value) : element.value;
 		if (Object.hasOwn(values, name)) {
 			const existing = values[name];
 			values[name] = Array.isArray(existing) ? [...existing, value] : [existing, value];

package/dist/vocabulary/collectFormValues.js.map

@@ -1 +1 @@
-{"version":3,"file":"collectFormValues.js","names":[],"sources":["../../src/vocabulary/collectFormValues.ts"],"sourcesContent":["import type { FormEvent } from \"react\";\nimport { GENERATED_NAME_ATTR } from \"../constants\";\n\n/**\n * The subset of `HTMLInputElement`/`HTMLSelectElement`/`HTMLTextAreaElement` that {@link collectFormValues} reads. A structural type rather than the DOM interfaces themselves, so a plain object can stand in for a form control in tests.\n */\nexport type FormControlElementLike = {\n  readonly name: string;\n  readonly type: string;\n  readonly value: string;\n  readonly checked?: boolean;\n  readonly disabled: boolean;\n  readonly hasAttribute: (name: string) => boolean;\n  readonly matches?: ((selector: string) => boolean) | undefined;\n};\n\n/**\n * Collects a submitted form's named control values into a plain object, keyed by `name`, in document order. Reads each control's live DOM state rather than `FormData`, so a checkbox resolves to its `checked` boolean instead of an on/off string. A radio group resolves to its checked option's `value`, or `undefined` if none is checked. Any other repeated `name` resolves to an array of its controls' values, in document order. Controls without a `name`, that carry `data-aui-generated-name`, or that are effectively disabled, including through an ancestor disabled fieldset outside its first legend, are skipped entirely.\n */\nexport function collectFormValues(\n  elements: ArrayLike<FormControlElementLike>,\n): Record<string, unknown> {\n  const values: Record<string, unknown> = Object.create(null);\n\n  for (const element of Array.from(elements)) {\n    const { name, disabled } = element;\n    if (\n      !name ||\n      disabled ||\n      element.hasAttribute(GENERATED_NAME_ATTR) ||\n      element.matches?.(\":disabled\")\n    )\n      continue;\n\n    if (element.type === \"radio\") {\n      if (element.checked) values[name] = element.value;\n      else if (!Object.hasOwn(values, name)) values[name] = undefined;\n      continue;\n    }\n\n    const value: string | boolean =\n      element.type === \"checkbox\" ? (element.checked ?? false) : element.value;\n\n    if (Object.hasOwn(values, name)) {\n      const existing = values[name];\n      values[name] = Array.isArray(existing)\n        ? [...existing, value]\n        : [existing, value];\n    } else {\n      values[name] = value;\n    }\n  }\n\n  return values;\n}\n\n/**\n * Convenience wrapper around {@link collectFormValues} for a native form submit event; the cast from `HTMLFormControlsCollection` to `ArrayLike<FormControlElementLike>` lives here once instead of at every call site.\n */\nexport function collectFormValuesFromEvent(\n  event: FormEvent<HTMLFormElement>,\n): Record<string, unknown> {\n  return collectFormValues(\n    event.currentTarget\n      .elements as unknown as ArrayLike<FormControlElementLike>,\n  );\n}\n"],"mappings":";;;;;AAmBA,SAAgB,kBACd,UACyB;CACzB,MAAM,SAAkC,OAAO,OAAO,IAAI;CAE1D,KAAK,MAAM,WAAW,MAAM,KAAK,QAAQ,GAAG;EAC1C,MAAM,EAAE,MAAM,aAAa;EAC3B,IACE,CAAC,QACD,YACA,QAAQ,aAAA,yBAAgC,KACxC,QAAQ,UAAU,WAAW,GAE7B;EAEF,IAAI,QAAQ,SAAS,SAAS;GAC5B,IAAI,QAAQ,SAAS,OAAO,QAAQ,QAAQ;QACvC,IAAI,CAAC,OAAO,OAAO,QAAQ,IAAI,GAAG,OAAO,QAAQ,KAAA;GACtD;EACF;EAEA,MAAM,QACJ,QAAQ,SAAS,aAAc,QAAQ,WAAW,QAAS,QAAQ;EAErE,IAAI,OAAO,OAAO,QAAQ,IAAI,GAAG;GAC/B,MAAM,WAAW,OAAO;GACxB,OAAO,QAAQ,MAAM,QAAQ,QAAQ,IACjC,CAAC,GAAG,UAAU,KAAK,IACnB,CAAC,UAAU,KAAK;EACtB,OACE,OAAO,QAAQ;CAEnB;CAEA,OAAO;AACT;;;;AAKA,SAAgB,2BACd,OACyB;CACzB,OAAO,kBACL,MAAM,cACH,QACL;AACF"}
+{"version":3,"file":"collectFormValues.js","names":[],"sources":["../../src/vocabulary/collectFormValues.ts"],"sourcesContent":["import type { FormEvent } from \"react\";\nimport {\n  CHECKBOX_GROUP_ATTR,\n  FIELD_NAME_ATTR,\n  GENERATED_NAME_ATTR,\n} from \"../constants\";\n\n/**\n * The subset of `HTMLInputElement`/`HTMLSelectElement`/`HTMLTextAreaElement` that {@link collectFormValues} reads. A structural type rather than the DOM interfaces themselves, so a plain object can stand in for a form control in tests.\n */\nexport type FormControlElementLike = {\n  readonly name: string;\n  readonly type: string;\n  readonly value: string;\n  readonly checked?: boolean;\n  readonly disabled: boolean;\n  readonly hasAttribute: (name: string) => boolean;\n  readonly getAttribute?: ((name: string) => string | null) | undefined;\n  readonly matches?: ((selector: string) => boolean) | undefined;\n};\n\n/**\n * Collects a submitted form's named control values into a plain object, keyed by `name`, in document order. Reads each control's live DOM state rather than `FormData`, so a checkbox resolves to its `checked` boolean instead of an on/off string. A radio group resolves to its checked option's `value`, or `undefined` if none is checked. A checkbox group resolves to its checked options' values in document order, or an empty array if none is checked. Any other repeated `name` resolves to an array of its controls' values, in document order. Controls without a `name`, that carry `data-aui-generated-name`, or that are effectively disabled, including through an ancestor disabled fieldset outside its first legend, are skipped entirely.\n */\nexport function collectFormValues(\n  elements: ArrayLike<FormControlElementLike>,\n): Record<string, unknown> {\n  const values: Record<string, unknown> = Object.create(null);\n\n  for (const element of Array.from(elements)) {\n    const { disabled } = element;\n    const name = element.getAttribute?.(FIELD_NAME_ATTR) ?? element.name;\n    if (\n      !name ||\n      disabled ||\n      element.hasAttribute(GENERATED_NAME_ATTR) ||\n      element.matches?.(\":disabled\")\n    )\n      continue;\n\n    if (element.type === \"radio\") {\n      if (element.checked) values[name] = element.value;\n      else if (!Object.hasOwn(values, name)) values[name] = undefined;\n      continue;\n    }\n\n    if (\n      element.type === \"checkbox\" &&\n      element.hasAttribute(CHECKBOX_GROUP_ATTR)\n    ) {\n      const existing = values[name];\n      const checked = Array.isArray(existing) ? existing : [];\n      values[name] = element.checked ? [...checked, element.value] : checked;\n      continue;\n    }\n\n    const value: string | number | boolean =\n      element.type === \"checkbox\"\n        ? (element.checked ?? false)\n        : element.type === \"range\"\n          ? Number(element.value)\n          : element.value;\n\n    if (Object.hasOwn(values, name)) {\n      const existing = values[name];\n      values[name] = Array.isArray(existing)\n        ? [...existing, value]\n        : [existing, value];\n    } else {\n      values[name] = value;\n    }\n  }\n\n  return values;\n}\n\n/**\n * Convenience wrapper around {@link collectFormValues} for a native form submit event; the cast from `HTMLFormControlsCollection` to `ArrayLike<FormControlElementLike>` lives here once instead of at every call site.\n */\nexport function collectFormValuesFromEvent(\n  event: FormEvent<HTMLFormElement>,\n): Record<string, unknown> {\n  return collectFormValues(\n    event.currentTarget\n      .elements as unknown as ArrayLike<FormControlElementLike>,\n  );\n}\n"],"mappings":";;;;;AAwBA,SAAgB,kBACd,UACyB;CACzB,MAAM,SAAkC,OAAO,OAAO,IAAI;CAE1D,KAAK,MAAM,WAAW,MAAM,KAAK,QAAQ,GAAG;EAC1C,MAAM,EAAE,aAAa;EACrB,MAAM,OAAO,QAAQ,eAAA,qBAA8B,KAAK,QAAQ;EAChE,IACE,CAAC,QACD,YACA,QAAQ,aAAA,yBAAgC,KACxC,QAAQ,UAAU,WAAW,GAE7B;EAEF,IAAI,QAAQ,SAAS,SAAS;GAC5B,IAAI,QAAQ,SAAS,OAAO,QAAQ,QAAQ;QACvC,IAAI,CAAC,OAAO,OAAO,QAAQ,IAAI,GAAG,OAAO,QAAQ,KAAA;GACtD;EACF;EAEA,IACE,QAAQ,SAAS,cACjB,QAAQ,aAAA,yBAAgC,GACxC;GACA,MAAM,WAAW,OAAO;GACxB,MAAM,UAAU,MAAM,QAAQ,QAAQ,IAAI,WAAW,CAAC;GACtD,OAAO,QAAQ,QAAQ,UAAU,CAAC,GAAG,SAAS,QAAQ,KAAK,IAAI;GAC/D;EACF;EAEA,MAAM,QACJ,QAAQ,SAAS,aACZ,QAAQ,WAAW,QACpB,QAAQ,SAAS,UACf,OAAO,QAAQ,KAAK,IACpB,QAAQ;EAEhB,IAAI,OAAO,OAAO,QAAQ,IAAI,GAAG;GAC/B,MAAM,WAAW,OAAO;GACxB,OAAO,QAAQ,MAAM,QAAQ,QAAQ,IACjC,CAAC,GAAG,UAAU,KAAK,IACnB,CAAC,UAAU,KAAK;EACtB,OACE,OAAO,QAAQ;CAEnB;CAEA,OAAO;AACT;;;;AAKA,SAAgB,2BACd,OACyB;CACzB,OAAO,kBACL,MAAM,cACH,QACL;AACF"}

package/dist/vocabulary/data.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import { z } from "zod";
 export declare const dataVocabulary: {
     Table: {
@@ -5,10 +6,25 @@ export declare const dataVocabulary: {
         properties: z.ZodObject<{
             columns: z.ZodOptional<z.ZodArray<z.ZodObject<{
                 label: z.ZodString;
+                align: z.ZodOptional<z.ZodEnum<{
+                    start: "start";
+                    end: "end";
+                }>>;
+                format: z.ZodOptional<z.ZodObject<{
+                    kind: z.ZodEnum<{
+                        number: "number";
+                        currency: "currency";
+                        percent: "percent";
+                        date: "date";
+                    }>;
+                    currency: z.ZodOptional<z.ZodString>;
+                    decimals: z.ZodOptional<z.ZodNumber>;
+                }, z.core.$strip>>;
             }, z.core.$strip>>>;
             rows: z.ZodOptional<z.ZodArray<z.ZodArray<z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodBoolean]>>>>;
+            sortable: z.ZodOptional<z.ZodBoolean>;
         }, z.core.$strip>;
-        render: ({ columns, rows, children }: any) => import("react").JSX.Element;
+        render: ({ columns, rows, sortable, children }: any) => React.JSX.Element;
     };
     Markdown: {
         description: string;
@@ -16,16 +32,16 @@ export declare const dataVocabulary: {
             value: z.ZodString;
         }, z.core.$strip>;
         streamProperties: true;
-        render: ({ value, children }: any) => import("react").JSX.Element;
+        render: ({ value, children }: any) => React.JSX.Element;
     };
     Chart: {
         description: string;
         properties: z.ZodObject<{
             variant: z.ZodEnum<{
-                bar: "bar";
+                area: "area";
                 line: "line";
+                bar: "bar";
                 sparkline: "sparkline";
-                area: "area";
             }>;
             data: z.ZodOptional<z.ZodArray<z.ZodObject<{
                 label: z.ZodOptional<z.ZodString>;
@@ -33,6 +49,7 @@ export declare const dataVocabulary: {
             }, z.core.$strip>>>;
             series: z.ZodOptional<z.ZodArray<z.ZodObject<{
                 label: z.ZodOptional<z.ZodString>;
+                color: z.ZodOptional<z.ZodString>;
                 data: z.ZodArray<z.ZodObject<{
                     label: z.ZodOptional<z.ZodString>;
                     value: z.ZodNumber;
@@ -43,7 +60,7 @@ export declare const dataVocabulary: {
             showLegend: z.ZodOptional<z.ZodBoolean>;
             color: z.ZodOptional<z.ZodString>;
         }, z.core.$strip>;
-        render: ({ variant, data, series, stacked, showAxis, showLegend, color, }: any) => import("react").JSX.Element;
+        render: ({ variant, data, series, stacked, showAxis, showLegend, color, }: any) => React.JSX.Element;
     };
 };
 //# sourceMappingURL=data.d.ts.map

package/dist/vocabulary/data.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../src/vocabulary/data.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAmSxB,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqOI,CAAC"}
+{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../src/vocabulary/data.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAojBxB,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6PI,CAAC"}