@ukiahinsure/a2ui-react-adapter 0.1.13 → 0.1.14

package/dist/index.js

@@ -13,9 +13,65 @@ import {
 import { basicCatalog } from "@a2ui/react/v0_9";
 import {
   A2uiError,
+  Catalog,
   A2uiMessageListSchema,
   MessageProcessor
 } from "@a2ui/web_core/v0_9";
+
+// src/DateTimeInput.tsx
+import { useId, useLayoutEffect, useRef } from "react";
+import { createComponentImplementation } from "@a2ui/react/v0_9";
+import { DateTimeInputApi } from "@a2ui/web_core/v0_9/basic_catalog";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DateTimeInput = createComponentImplementation(
+  DateTimeInputApi,
+  ({ props }) => {
+    const id = useId();
+    const inputRef = useRef(null);
+    const initialValue = useRef(props.value || "");
+    const type = props.enableDate && !props.enableTime ? "date" : !props.enableDate && props.enableTime ? "time" : "datetime-local";
+    useLayoutEffect(() => {
+      const input = inputRef.current;
+      if (input && input.ownerDocument.activeElement !== input && input.value !== (props.value || "")) {
+        input.value = props.value || "";
+      }
+    }, [props.value]);
+    return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "var(--a2ui-spacing-xs, 0.25rem)" }, children: [
+      props.label && /* @__PURE__ */ jsx("label", { htmlFor: id, style: { fontSize: "var(--a2ui-label-font-size, var(--a2ui-font-size-s))", fontWeight: "bold" }, children: props.label }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref: inputRef,
+          id,
+          type,
+          "data-a2ui-native-date-draft": "true",
+          defaultValue: initialValue.current,
+          onChange: (event) => props.setValue(event.currentTarget.value),
+          min: typeof props.min === "string" ? props.min : void 0,
+          max: typeof props.max === "string" ? props.max : void 0,
+          style: {
+            backgroundColor: "var(--a2ui-datetimeinput-background, var(--a2ui-color-input, #fff))",
+            color: "var(--a2ui-datetimeinput-color, var(--a2ui-color-on-input, #333))",
+            border: "var(--a2ui-datetimeinput-border, var(--a2ui-border))",
+            borderRadius: "var(--a2ui-datetimeinput-border-radius, var(--a2ui-border-radius))",
+            padding: "var(--a2ui-datetimeinput-padding, var(--a2ui-spacing-s))",
+            boxSizing: "border-box"
+          }
+        }
+      )
+    ] });
+  }
+);
+
+// src/adapter.ts
+var editableDateCatalog = new Catalog(
+  basicCatalog.id,
+  [...basicCatalog.components.values()].map(
+    (component) => component.name === DateTimeInput.name ? DateTimeInput : component
+  ),
+  [...basicCatalog.functions.values()],
+  basicCatalog.themeSchema
+);
 var RENDERER_NAME = "a2ui_react_adapter";
 var RENDERER_VERSION = "0.1.0";
 var A2UIClientAdapter = class {
@@ -328,7 +384,7 @@ var A2UIClientAdapter = class {
   }
   #createProcessor() {
     return new MessageProcessor(
-      [basicCatalog],
+      [editableDateCatalog],
       (action) => this.#emitAction(action)
     );
   }
@@ -1569,13 +1625,13 @@ function classifyProcessingError(error) {
 // src/SurfaceHost.tsx
 import {
   Component,
-  useId,
-  useLayoutEffect,
-  useRef,
+  useId as useId2,
+  useLayoutEffect as useLayoutEffect2,
+  useRef as useRef2,
   useSyncExternalStore
 } from "react";
 import { A2uiSurface } from "@a2ui/react/v0_9";
-import { jsx } from "react/jsx-runtime";
+import { jsx as jsx2 } from "react/jsx-runtime";
 function A2UISurfaceHost({
   adapter,
   surfaceId,
@@ -1602,18 +1658,18 @@ function A2UISurfaceHost({
     readSessionSnapshot,
     readSessionSnapshot
   );
-  const generatedId = useId().replaceAll(":", "");
-  const rootRef = useRef(null);
-  const lastFocusedState = useRef(void 0);
-  const lastViewedSection = useRef(void 0);
-  const lastValidationKey = useRef("");
+  const generatedId = useId2().replaceAll(":", "");
+  const rootRef = useRef2(null);
+  const lastFocusedState = useRef2(void 0);
+  const lastViewedSection = useRef2(void 0);
+  const lastValidationKey = useRef2("");
   const resolvedSurfaceMetadata = surfaceMetadata ?? controllerSnapshot?.surface ?? null;
   const editing = controllerSnapshot?.editing ?? editingForSurface(resolvedSurfaceMetadata);
   const surface = surfaceId === void 0 ? adapter.currentSurface : adapter.getSurface(surfaceId);
   const structure = surface === void 0 ? EMPTY_STRUCTURE : adapter.getSurfaceStructure(surface.id);
   const focusKey = surface === void 0 ? void 0 : `${surface.id}:${resolvedSurfaceMetadata?.activeStateId ?? "surface"}`;
   const frameId = hostId ?? `a2ui-surface-${generatedId}`;
-  useLayoutEffect(() => {
+  useLayoutEffect2(() => {
     const root = rootRef.current;
     if (root === null || surface === void 0) {
       return;
@@ -1715,9 +1771,9 @@ function A2UISurfaceHost({
     version
   ]);
   if (surface === void 0) {
-    return noSurfaceFallback ?? /* @__PURE__ */ jsx("div", { "data-a2ui-host": "no-surface", role: "status", "aria-live": "polite", children: "Your conversation continues by voice." });
+    return noSurfaceFallback ?? /* @__PURE__ */ jsx2("div", { "data-a2ui-host": "no-surface", role: "status", "aria-live": "polite", children: "Your conversation continues by voice." });
   }
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx2(
     "div",
     {
       ref: rootRef,
@@ -1730,13 +1786,13 @@ function A2UISurfaceHost({
       "aria-busy": busy || void 0,
       "aria-disabled": disabled || busy || void 0,
       tabIndex: -1,
-      children: /* @__PURE__ */ jsx(
+      children: /* @__PURE__ */ jsx2(
         SurfaceErrorBoundary,
         {
           adapter,
           surface,
-          fallback: errorFallback ?? /* @__PURE__ */ jsx("div", { "data-a2ui-host": "render-error", role: "alert", children: "This step can't be shown right now. Please continue by voice." }),
-          children: /* @__PURE__ */ jsx(A2uiSurface, { surface })
+          fallback: errorFallback ?? /* @__PURE__ */ jsx2("div", { "data-a2ui-host": "render-error", role: "alert", children: "This step can't be shown right now. Please continue by voice." }),
+          children: /* @__PURE__ */ jsx2(A2uiSurface, { surface })
         },
         surface.id
       )
@@ -2022,7 +2078,7 @@ var SurfaceErrorBoundary = class extends Component {
   }
   render() {
     if (this.state.failedSurfaceId !== void 0) {
-      return /* @__PURE__ */ jsx(
+      return /* @__PURE__ */ jsx2(
         "div",
         {
           "data-a2ui-error-boundary": "true",