mtxuilib 0.0.358 → 0.0.360

package/dist/connectes/ConnectEs.cjs

@@ -1,9 +1,38 @@
 "use strict";
 "use client";
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -19,25 +48,49 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var ConnectEs_exports = {};
 __export(ConnectEs_exports, {
-  ConnectLoadIfNoDefaultValues: () => ConnectLoadIfNoDefaultValues
+  ConnectEsUpdateForm: () => ConnectEsUpdateForm,
+  FormInner: () => FormInner,
+  FormInnerWithSuspenseQuery: () => FormInnerWithSuspenseQuery
 });
 module.exports = __toCommonJS(ConnectEs_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_connectquery = require("./connectquery");
-function ConnectLoadIfNoDefaultValues(props) {
-  const { defauleValues, methodSig, params, children } = props;
-  if (!defauleValues) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: "loading4" }), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Load, { methodSig, params, children }) });
+var import_react_hook_form = require("react-hook-form");
+function ConnectEsUpdateForm(props) {
+  const { defaultValues, methodQuerySig, params, children, mutationMethodSig } = props;
+  const mutation = (0, import_connectquery.useMutation)(mutationMethodSig);
+  const handleSubmit = (values) => {
+    mutation.mutateAsync(values);
+  };
+  if (!defaultValues) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: "ConnectEsUpdateForm loading" }), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      FormInnerWithSuspenseQuery,
+      {
+        methodQuerySig,
+        params,
+        onSubmit: handleSubmit,
+        children
+      }
+    ) });
   }
-  return children(defauleValues);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormInner, { defaultValues, onSubmit: handleSubmit, children });
+}
+function FormInner(props) {
+  const { defaultValues, onSubmit, children } = props;
+  const form = (0, import_react_hook_form.useForm)({
+    defaultValues
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_hook_form.FormProvider, __spreadProps(__spreadValues({}, form), { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("form", { onSubmit: form.handleSubmit(onSubmit), children }) }));
 }
-function Load(props) {
-  const { methodSig, params, children } = props;
-  const query = (0, import_connectquery.useSuspenseQuery)(methodSig, params);
-  return children && children(query.data);
+function FormInnerWithSuspenseQuery(props) {
+  const _a = props, { methodQuerySig, params, onSubmit } = _a, etc = __objRest(_a, ["methodQuerySig", "params", "onSubmit"]);
+  const query = (0, import_connectquery.useSuspenseQuery)(methodQuerySig, params);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormInner, __spreadValues({ defaultValues: query.data, onSubmit }, etc));
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  ConnectLoadIfNoDefaultValues
+  ConnectEsUpdateForm,
+  FormInner,
+  FormInnerWithSuspenseQuery
 });

package/dist/esm/connectes/ConnectEs.d.ts

@@ -1,9 +1,15 @@
-/// <reference types="react" />
+import { ComponentProps, PropsWithChildren } from "react";
 import { MethodUnaryDescriptor } from "./connectquery";
 import type { Message, PartialMessage } from "@bufbuild/protobuf";
-export declare function ConnectLoadIfNoDefaultValues<I extends Message<I>, O extends Message<O>>(props: {
-    defauleValues: any;
-    methodSig: MethodUnaryDescriptor<I, O>;
+export declare function ConnectEsUpdateForm<I extends Message<I>, O extends Message<O>>(props: {
+    defaultValues?: any;
+    mutationMethodSig: MethodUnaryDescriptor<any, any>;
+} & Omit<ComponentProps<typeof FormInnerWithSuspenseQuery>, "onSubmit">): import("react").JSX.Element;
+export declare function FormInner(props: {
+    defaultValues: any;
+    onSubmit: (values: any) => void;
+} & PropsWithChildren): import("react").JSX.Element;
+export declare function FormInnerWithSuspenseQuery<I extends Message<I>, O extends Message<O>>(props: {
+    methodQuerySig: MethodUnaryDescriptor<I, O>;
     params: PartialMessage<I>;
-    children: (props: O) => JSX.Element;
-}): import("react").JSX.Element;
+} & Omit<ComponentProps<typeof FormInner>, "defaultValues">): import("react").JSX.Element;

package/dist/esm/connectes/ConnectEs.js

@@ -1 +1 @@
-"use client";import{Fragment as p,jsx as o}from"react/jsx-runtime";import{Suspense as n}from"react";import{useSuspenseQuery as d}from"./connectquery";function c(r){const{defauleValues:e,methodSig:t,params:s,children:a}=r;return e?a(e):o(n,{fallback:o(p,{children:"loading4"}),children:o(i,{methodSig:t,params:s,children:a})})}function i(r){const{methodSig:e,params:t,children:s}=r,a=d(e,t);return s&&s(a.data)}export{c as ConnectLoadIfNoDefaultValues};
+"use client";var b=Object.defineProperty,g=Object.defineProperties;var M=Object.getOwnPropertyDescriptors;var a=Object.getOwnPropertySymbols;var l=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable;var p=(e,t,o)=>t in e?b(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,m=(e,t)=>{for(var o in t||(t={}))l.call(t,o)&&p(e,o,t[o]);if(a)for(var o of a(t))f.call(t,o)&&p(e,o,t[o]);return e},y=(e,t)=>g(e,M(t));var S=(e,t)=>{var o={};for(var n in e)l.call(e,n)&&t.indexOf(n)<0&&(o[n]=e[n]);if(e!=null&&a)for(var n of a(e))t.indexOf(n)<0&&f.call(e,n)&&(o[n]=e[n]);return o};import{Fragment as O,jsx as s}from"react/jsx-runtime";import{Suspense as I}from"react";import{useMutation as F,useSuspenseQuery as P}from"./connectquery";import{FormProvider as Q,useForm as V}from"react-hook-form";function q(e){const{defaultValues:t,methodQuerySig:o,params:n,children:r,mutationMethodSig:i}=e,u=F(i),d=h=>{u.mutateAsync(h)};return t?s(c,{defaultValues:t,onSubmit:d,children:r}):s(I,{fallback:s(O,{children:"ConnectEsUpdateForm loading"}),children:s(C,{methodQuerySig:o,params:n,onSubmit:d,children:r})})}function c(e){const{defaultValues:t,onSubmit:o,children:n}=e,r=V({defaultValues:t});return s(Q,y(m({},r),{children:s("form",{onSubmit:r.handleSubmit(o),children:n})}))}function C(e){const u=e,{methodQuerySig:t,params:o,onSubmit:n}=u,r=S(u,["methodQuerySig","params","onSubmit"]),i=P(t,o);return s(c,m({defaultValues:i.data,onSubmit:n},r))}export{q as ConnectEsUpdateForm,c as FormInner,C as FormInnerWithSuspenseQuery};

package/dist/esm/ui/ui-mt/input-field/RichEditorInput.js

@@ -1 +1 @@
-import{Fragment as l,jsx as r}from"react/jsx-runtime";import{useMemo as i}from"react";import{useFormContext as u}from"react-hook-form";import{TailwindAdvancedEditor as p}from"../../novel/tailwind/advanced-editor";import{convertEditorHTMLToJson as a,convertEditorJsonToHTML as T}from"../../novel/tailwind/utils";const M=s=>{const{name:n,contentType:o}=s,e=u(),c=i(()=>{const t=e.getValues()[n];return o=="html"?a(t):t},[o,e,n]);return r(l,{children:r(p,{content:c,onValueChange:t=>{const m=T(t);e.setValue("content",m)}})})};export{M as RichTextInput};
+import{Fragment as l,jsx as r}from"react/jsx-runtime";import{useMemo as i}from"react";import{useFormContext as u}from"react-hook-form";import{TailwindAdvancedEditor as p}from"../../novel/tailwind/advanced-editor";import{convertEditorHTMLToJson as a,convertEditorJsonToHTML as T}from"../../novel/tailwind/utils";const M=s=>{const{name:n,contentType:o}=s,e=u(),c=i(()=>{const t=e.getValues()[n];return o=="html"&&t?a(t):t},[o,e,n]);return r(l,{children:r(p,{content:c,onValueChange:t=>{const m=T(t);e.setValue("content",m)}})})};export{M as RichTextInput};