@zimyo/ui 1.11.5 → 1.11.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as e}from"../../chunks/tslib.es6-4974c96c.esm.js";import{jsxs as r,jsx as t}from"react/jsx-runtime";import*as n from"react";import a from"react";import{a as
|
|
1
|
+
import{a as e}from"../../chunks/tslib.es6-4974c96c.esm.js";import{jsxs as r,jsx as t}from"react/jsx-runtime";import*as n from"react";import a from"react";import{a as i}from"../../chunks/index-32c3a4e2.esm.js";import{Input as s}from"../Input/index.esm.js";import{Select as o}from"../Select/index.esm.js";import{DatePicker as l}from"../DatePicker/index.esm.js";import{DateRangePicker as u}from"../DateRangePicker/index.esm.js";import c from"../Switch/index.esm.js";import{RadioGroup as d}from"../RadioGroup/index.esm.js";import{Button as m}from"../Button/index.esm.js";import{TimePicker as f}from"../TimePicker/index.esm.js";import{Checkbox as p}from"../Checkbox/index.esm.js";import"../../chunks/lucide-8c9441ea.esm.js";import"../../chunks/typeof-cc63ab7d.esm.js";import"../../chunks/assertThisInitialized-406be690.esm.js";import"@emotion/react";import"react-dom";import"../../chunks/Calender-d4b487fe.esm.js";import"../Popover/index.esm.js";import"@mui/material";import"@mui/material/Popover";import"../../chunks/_commonjsHelpers-02d3be64.esm.js";var v=e=>null==e;var h=e=>!v(e)&&!Array.isArray(e)&&(e=>"object"==typeof e)(e)&&!(e=>e instanceof Date)(e),b=e=>h(e)&&e.target?"checkbox"===e.target.type?e.target.checked:e.target.value:e,y="undefined"!=typeof window&&void 0!==window.HTMLElement&&"undefined"!=typeof document;function g(e){let r;const t=Array.isArray(e),n="undefined"!=typeof FileList&&e instanceof FileList;if(e instanceof Date)r=new Date(e);else{if(y&&(e instanceof Blob||n)||!t&&!h(e))return e;if(r=t?[]:{},t||(e=>{const r=e.constructor&&e.constructor.prototype;return h(r)&&r.hasOwnProperty("isPrototypeOf")})(e))for(const t in e)e.hasOwnProperty(t)&&(r[t]=g(e[t]));else r=e}return r}var x=e=>/^\w*$/.test(e),_=e=>void 0===e,z=e=>{return r=e.replace(/["|']|\]/g,"").split(/\.|\[/),Array.isArray(r)?r.filter(Boolean):[];var r},V=(e,r,t)=>{if(!r||!h(e))return t;const n=(x(r)?[r]:z(r)).reduce((e,r)=>v(e)?e:e[r],e);return _(n)||n===e?_(e[r])?t:e[r]:n},j=e=>"boolean"==typeof e,k=(e,r,t)=>{let n=-1;const a=x(r)?[r]:z(r),i=a.length,s=i-1;for(;++n<i;){const r=a[n];let i=t;if(n!==s){const t=e[r];i=h(t)||Array.isArray(t)?t:isNaN(+a[n+1])?{}:[]}if("__proto__"===r||"constructor"===r||"prototype"===r)return;e[r]=i,e=e[r]}};const N="blur",S="change",w="all",C=a.createContext(null);C.displayName="HookFormContext";const F=()=>a.useContext(C);const P="undefined"!=typeof window?n.useLayoutEffect:n.useEffect;function A(e){const r=F(),{control:t=r.control,disabled:n,name:i,exact:s}=e||{},[o,l]=a.useState(t._formState),u=a.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1});return P(()=>t._subscribe({name:i,formState:u.current,exact:s,callback:e=>{!n&&l({...t._formState,...e})}}),[i,n,s]),a.useEffect(()=>{u.current.isValid&&t._setValid(!0)},[t]),a.useMemo(()=>((e,r,t,n=!0)=>{const a={defaultValues:r._defaultValues};for(const i in e)Object.defineProperty(a,i,{get:()=>{const a=i;return r._proxyFormState[a]!==w&&(r._proxyFormState[a]=!n||w),t&&(t[a]=!0),e[a]}});return a})(o,t,u.current,!1),[o,t])}function D(e){const r=F(),{control:t=r.control,name:n,defaultValue:i,disabled:s,exact:o}=e||{},l=a.useRef(i),[u,c]=a.useState(t._getWatch(n,l.current));return P(()=>t._subscribe({name:n,formState:{values:!0},exact:o,callback:e=>!s&&c(((e,r,t,n,a)=>"string"==typeof e?(n&&r.watch.add(e),V(t,e,a)):Array.isArray(e)?e.map(e=>(n&&r.watch.add(e),V(t,e))):(n&&(r.watchAll=!0),t))(n,t._names,e.values||t._formValues,!1,l.current))}),[n,t,s,o]),a.useEffect(()=>t._removeUnmounted()),u}const E=e=>e.render(function(e){const r=F(),{name:t,disabled:n,control:i=r.control,shouldUnregister:s}=e,o=((e,r)=>e.has((e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e)(r)))(i._names.array,t),l=D({control:i,name:t,defaultValue:V(i._formValues,t,V(i._defaultValues,t,e.defaultValue)),exact:!0}),u=A({control:i,name:t,exact:!0}),c=a.useRef(e),d=a.useRef(i.register(t,{...e.rules,value:l,...j(e.disabled)?{disabled:e.disabled}:{}})),m=a.useMemo(()=>Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!V(u.errors,t)},isDirty:{enumerable:!0,get:()=>!!V(u.dirtyFields,t)},isTouched:{enumerable:!0,get:()=>!!V(u.touchedFields,t)},isValidating:{enumerable:!0,get:()=>!!V(u.validatingFields,t)},error:{enumerable:!0,get:()=>V(u.errors,t)}}),[u,t]),f=a.useCallback(e=>d.current.onChange({target:{value:b(e),name:t},type:S}),[t]),p=a.useCallback(()=>d.current.onBlur({target:{value:V(i._formValues,t),name:t},type:N}),[t,i._formValues]),v=a.useCallback(e=>{const r=V(i._fields,t);r&&e&&(r._f.ref={focus:()=>e.focus&&e.focus(),select:()=>e.select&&e.select(),setCustomValidity:r=>e.setCustomValidity(r),reportValidity:()=>e.reportValidity()})},[i._fields,t]),h=a.useMemo(()=>({name:t,value:l,...j(n)||u.disabled?{disabled:u.disabled||n}:{},onChange:f,onBlur:p,ref:v}),[t,n,u.disabled,f,p,v,l]);return a.useEffect(()=>{const e=i._options.shouldUnregister||s;i.register(t,{...c.current.rules,...j(c.current.disabled)?{disabled:c.current.disabled}:{}});const r=(e,r)=>{const t=V(i._fields,e);t&&t._f&&(t._f.mount=r)};if(r(t,!0),e){const e=g(V(i._options.defaultValues,t));k(i._defaultValues,t,e),_(V(i._formValues,t))&&k(i._formValues,t,e)}return!o&&i.register(t),()=>{(o?e&&!i._state.action:e)?i.unregister(t):r(t,!1)}},[t,i,o,s]),a.useEffect(()=>{i._setDisabledField({disabled:n,name:t})},[n,t,i]),a.useMemo(()=>({field:h,formState:u,fieldState:m}),[h,u,m])}(e));var M=function(n){var a=n.schema,v=n.form,h=n.layout,b=void 0===h?"vertical":h,y=n.columns,g=void 0===y?2:y,x=n.className,_=n.showSubmitButton,z=void 0!==_&&_,V=n.onSubmit,j=v.control,k=v.handleSubmit,N=v.watch,S=v.formState.errors,w=N(),C="grid"===b?"zui:grid zui:grid-cols-12 zui:gap-3 zui:items-baseline":"zui:flex zui:flex-col zui:gap-3";return r("form",{onSubmit:V?k(V):void 0,className:i(C,x),children:[a.map(function(n){var a,m=n.name,v=n.label,h=n.type,y=n.placeholder,x=n.required,_=n.options,z=n.component,V=n.colSpan,k=n.inputProps,N=n.controllerProps;if(!(!n.visibleIf||n.visibleIf(w)))return null;var C=null!=V?V:Math.floor(12/g),F="grid"===b?{1:"zui:col-span-1",2:"zui:col-span-2",3:"zui:col-span-3",4:"zui:col-span-4",5:"zui:col-span-5",6:"zui:col-span-6",7:"zui:col-span-7",8:"zui:col-span-8",9:"zui:col-span-9",10:"zui:col-span-10",11:"zui:col-span-11",12:"zui:col-span-12"}[C]:void 0,P={label:v,placeholder:y,required:x,options:_},A=e({required:null!=x?x:null===(a=n.validation)||void 0===a?void 0:a.required},n.validation),D=null!=k?k:{},M=null!=N?N:{},B=function(){var e;return(null==S?void 0:S[m])?t("p",{className:"zui:text-red-600 zui:text-xs",children:null===(e=S[m])||void 0===e?void 0:e.message}):null};switch(h){case"text":case"number":return r("div",{className:i(F),children:[t(E,e({name:m,control:j,rules:A},M,{render:function(r){var n=r.field;return t(s,e({},n,{type:"number"===h?"number":"text"},P,D))}})),B()]},m);case"textarea":return r("div",{className:i(F),children:[t(E,e({name:m,control:j,rules:A},M,{render:function(r){var n=r.field;return t(s,e({},n,P,D,{type:"textarea"}))}})),B()]},m);case"select":return r("div",{className:i(F),children:[t(E,e({name:m,control:j,rules:A},M,{render:function(r){var n=r.field;return t(o,e({},n,P,D))}})),B()]},m);case"multiselect":case"multi-select":return r("div",{className:i(F),children:[t(E,e({name:m,control:j,rules:A},M,{render:function(r){var n=r.field;return t(o,e({},n,P,D,{isMulti:!0}))}})),B()]},m);case"radio":return r("div",{className:i(F),children:[t(E,e({name:m,control:j,rules:A},M,{render:function(r){var n=r.field;return t(d,e({},n,P,D))}})),B()]},m);case"switch":return r("div",{className:i(F),children:[t(E,e({name:m,control:j,rules:A},M,{render:function(r){var n=r.field;return t(c,e({},n,P,D))}})),B()]},m);case"checkbox":return r("div",{className:i(F),children:[t(E,e({name:m,control:j,rules:A},M,{render:function(r){var n=r.field;return t(p,e({},n,P,D))}})),B()]},m);case"timepicker":case"time":return r("div",{className:i(F),children:[t(E,e({name:m,control:j,rules:A},M,{render:function(r){var n=r.field;return t(f,e({},n,P,D))}})),B()]},m);case"file":return r("div",{className:i(F),children:[t(E,e({name:m,control:j,rules:A},M,{render:function(r){var n=r.field;return t(s,e({},n,P,D,{value:void 0,type:"file",ref:n.ref,onChange:function(e){return n.onChange(e.target.files)}}))}})),B()]},m);case"date":return r("div",{className:i(F),children:[t(E,e({name:m,control:j,rules:A},M,{render:function(r){var n=r.field;return t(l,e({},n,P,D))}})),B()]},m);case"daterange":return r("div",{className:i(F),children:[t(E,e({name:m,control:j,rules:A},M,{render:function(r){var n=r.field;return t(u,e({},n,P,D))}})),B()]},m);case"custom":return t("div",{className:i(F),children:z||null},m);default:return null}}),z&&t("div",{className:"zui:col-span-12",children:t(m,{type:"submit",children:"Submit"})})]})};export{M as Form,M as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../chunks/tslib.es6-a3dc1f53.js"),r=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../chunks/tslib.es6-a3dc1f53.js"),r=require("react/jsx-runtime"),t=require("react"),s=require("../../chunks/index-90b71f01.js"),n=require("../Input/index.js"),i=require("../Select/index.js"),a=require("../DatePicker/index.js"),l=require("../DateRangePicker/index.js"),u=require("../Switch/index.js"),o=require("../RadioGroup/index.js"),c=require("../Button/index.js"),d=require("../TimePicker/index.js"),f=require("../Checkbox/index.js");function m(e){var r=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,s.get?s:{enumerable:!0,get:function(){return e[t]}})}}),r.default=e,Object.freeze(r)}require("../../chunks/lucide-493ccaad.js"),require("../../chunks/typeof-b30b964a.js"),require("../../chunks/assertThisInitialized-d31798d4.js"),require("@emotion/react"),require("react-dom"),require("../../chunks/Calender-0d04996d.js"),require("../Popover/index.js"),require("@mui/material"),require("@mui/material/Popover"),require("../../chunks/_commonjsHelpers-3d4c1909.js");var _=m(t),p=e=>null==e;var x=e=>!p(e)&&!Array.isArray(e)&&(e=>"object"==typeof e)(e)&&!(e=>e instanceof Date)(e),g=e=>x(e)&&e.target?"checkbox"===e.target.type?e.target.checked:e.target.value:e,v="undefined"!=typeof window&&void 0!==window.HTMLElement&&"undefined"!=typeof document;function j(e){let r;const t=Array.isArray(e),s="undefined"!=typeof FileList&&e instanceof FileList;if(e instanceof Date)r=new Date(e);else{if(v&&(e instanceof Blob||s)||!t&&!x(e))return e;if(r=t?[]:{},t||(e=>{const r=e.constructor&&e.constructor.prototype;return x(r)&&r.hasOwnProperty("isPrototypeOf")})(e))for(const t in e)e.hasOwnProperty(t)&&(r[t]=j(e[t]));else r=e}return r}var b=e=>/^\w*$/.test(e),h=e=>void 0===e,y=e=>{return r=e.replace(/["|']|\]/g,"").split(/\.|\[/),Array.isArray(r)?r.filter(Boolean):[];var r},q=(e,r,t)=>{if(!r||!x(e))return t;const s=(b(r)?[r]:y(r)).reduce((e,r)=>p(e)?e:e[r],e);return h(s)||s===e?h(e[r])?t:e[r]:s},k=e=>"boolean"==typeof e,z=(e,r,t)=>{let s=-1;const n=b(r)?[r]:y(r),i=n.length,a=i-1;for(;++s<i;){const r=n[s];let i=t;if(s!==a){const t=e[r];i=x(t)||Array.isArray(t)?t:isNaN(+n[s+1])?{}:[]}if("__proto__"===r||"constructor"===r||"prototype"===r)return;e[r]=i,e=e[r]}};const V="blur",S="change",w="all",N=t.createContext(null);N.displayName="HookFormContext";const P=()=>t.useContext(N);const C="undefined"!=typeof window?_.useLayoutEffect:_.useEffect;function F(e){const r=P(),{control:s=r.control,disabled:n,name:i,exact:a}=e||{},[l,u]=t.useState(s._formState),o=t.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1});return C(()=>s._subscribe({name:i,formState:o.current,exact:a,callback:e=>{!n&&u({...s._formState,...e})}}),[i,n,a]),t.useEffect(()=>{o.current.isValid&&s._setValid(!0)},[s]),t.useMemo(()=>((e,r,t,s=!0)=>{const n={defaultValues:r._defaultValues};for(const i in e)Object.defineProperty(n,i,{get:()=>{const n=i;return r._proxyFormState[n]!==w&&(r._proxyFormState[n]=!s||w),t&&(t[n]=!0),e[n]}});return n})(l,s,o.current,!1),[l,s])}function O(e){const r=P(),{control:s=r.control,name:n,defaultValue:i,disabled:a,exact:l}=e||{},u=t.useRef(i),[o,c]=t.useState(s._getWatch(n,u.current));return C(()=>s._subscribe({name:n,formState:{values:!0},exact:l,callback:e=>!a&&c(((e,r,t,s,n)=>"string"==typeof e?(s&&r.watch.add(e),q(t,e,n)):Array.isArray(e)?e.map(e=>(s&&r.watch.add(e),q(t,e))):(s&&(r.watchAll=!0),t))(n,s._names,e.values||s._formValues,!1,u.current))}),[n,s,a,l]),t.useEffect(()=>s._removeUnmounted()),o}const A=e=>e.render(function(e){const r=P(),{name:s,disabled:n,control:i=r.control,shouldUnregister:a}=e,l=((e,r)=>e.has((e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e)(r)))(i._names.array,s),u=O({control:i,name:s,defaultValue:q(i._formValues,s,q(i._defaultValues,s,e.defaultValue)),exact:!0}),o=F({control:i,name:s,exact:!0}),c=t.useRef(e),d=t.useRef(i.register(s,{...e.rules,value:u,...k(e.disabled)?{disabled:e.disabled}:{}})),f=t.useMemo(()=>Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!q(o.errors,s)},isDirty:{enumerable:!0,get:()=>!!q(o.dirtyFields,s)},isTouched:{enumerable:!0,get:()=>!!q(o.touchedFields,s)},isValidating:{enumerable:!0,get:()=>!!q(o.validatingFields,s)},error:{enumerable:!0,get:()=>q(o.errors,s)}}),[o,s]),m=t.useCallback(e=>d.current.onChange({target:{value:g(e),name:s},type:S}),[s]),_=t.useCallback(()=>d.current.onBlur({target:{value:q(i._formValues,s),name:s},type:V}),[s,i._formValues]),p=t.useCallback(e=>{const r=q(i._fields,s);r&&e&&(r._f.ref={focus:()=>e.focus&&e.focus(),select:()=>e.select&&e.select(),setCustomValidity:r=>e.setCustomValidity(r),reportValidity:()=>e.reportValidity()})},[i._fields,s]),x=t.useMemo(()=>({name:s,value:u,...k(n)||o.disabled?{disabled:o.disabled||n}:{},onChange:m,onBlur:_,ref:p}),[s,n,o.disabled,m,_,p,u]);return t.useEffect(()=>{const e=i._options.shouldUnregister||a;i.register(s,{...c.current.rules,...k(c.current.disabled)?{disabled:c.current.disabled}:{}});const r=(e,r)=>{const t=q(i._fields,e);t&&t._f&&(t._f.mount=r)};if(r(s,!0),e){const e=j(q(i._options.defaultValues,s));z(i._defaultValues,s,e),h(q(i._formValues,s))&&z(i._formValues,s,e)}return!l&&i.register(s),()=>{(l?e&&!i._state.action:e)?i.unregister(s):r(s,!1)}},[s,i,l,a]),t.useEffect(()=>{i._setDisabledField({disabled:n,name:s})},[n,s,i]),t.useMemo(()=>({field:x,formState:o,fieldState:f}),[x,o,f])}(e));var D=function(t){var m=t.schema,_=t.form,p=t.layout,x=void 0===p?"vertical":p,g=t.columns,v=void 0===g?2:g,j=t.className,b=t.showSubmitButton,h=void 0!==b&&b,y=t.onSubmit,q=_.control,k=_.handleSubmit,z=_.watch,V=_.formState.errors,S=z(),w="grid"===x?"zui:grid zui:grid-cols-12 zui:gap-3 zui:items-baseline":"zui:flex zui:flex-col zui:gap-3";return r.jsxs("form",{onSubmit:y?k(y):void 0,className:s.cn(w,j),children:[m.map(function(t){var c,m=t.name,_=t.label,p=t.type,g=t.placeholder,j=t.required,b=t.options,h=t.component,y=t.colSpan,k=t.inputProps,z=t.controllerProps;if(!(!t.visibleIf||t.visibleIf(S)))return null;var w=null!=y?y:Math.floor(12/v),N="grid"===x?{1:"zui:col-span-1",2:"zui:col-span-2",3:"zui:col-span-3",4:"zui:col-span-4",5:"zui:col-span-5",6:"zui:col-span-6",7:"zui:col-span-7",8:"zui:col-span-8",9:"zui:col-span-9",10:"zui:col-span-10",11:"zui:col-span-11",12:"zui:col-span-12"}[w]:void 0,P={label:_,placeholder:g,required:j,options:b},C=e.__assign({required:null!=j?j:null===(c=t.validation)||void 0===c?void 0:c.required},t.validation),F=null!=k?k:{},O=null!=z?z:{},D=function(){var e;return(null==V?void 0:V[m])?r.jsx("p",{className:"zui:text-red-600 zui:text-xs",children:null===(e=V[m])||void 0===e?void 0:e.message}):null};switch(p){case"text":case"number":return r.jsxs("div",{className:s.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(t){var s=t.field;return r.jsx(n.Input,e.__assign({},s,{type:"number"===p?"number":"text"},P,F))}})),D()]},m);case"textarea":return r.jsxs("div",{className:s.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(t){var s=t.field;return r.jsx(n.Input,e.__assign({},s,P,F,{type:"textarea"}))}})),D()]},m);case"select":return r.jsxs("div",{className:s.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(t){var s=t.field;return r.jsx(i.Select,e.__assign({},s,P,F))}})),D()]},m);case"multiselect":case"multi-select":return r.jsxs("div",{className:s.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(t){var s=t.field;return r.jsx(i.Select,e.__assign({},s,P,F,{isMulti:!0}))}})),D()]},m);case"radio":return r.jsxs("div",{className:s.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(t){var s=t.field;return r.jsx(o.RadioGroup,e.__assign({},s,P,F))}})),D()]},m);case"switch":return r.jsxs("div",{className:s.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(t){var s=t.field;return r.jsx(u.default,e.__assign({},s,P,F))}})),D()]},m);case"checkbox":return r.jsxs("div",{className:s.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(t){var s=t.field;return r.jsx(f.Checkbox,e.__assign({},s,P,F))}})),D()]},m);case"timepicker":case"time":return r.jsxs("div",{className:s.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(t){var s=t.field;return r.jsx(d.TimePicker,e.__assign({},s,P,F))}})),D()]},m);case"file":return r.jsxs("div",{className:s.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(t){var s=t.field;return r.jsx(n.Input,e.__assign({},s,P,F,{value:void 0,type:"file",ref:s.ref,onChange:function(e){return s.onChange(e.target.files)}}))}})),D()]},m);case"date":return r.jsxs("div",{className:s.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(t){var s=t.field;return r.jsx(a.DatePicker,e.__assign({},s,P,F))}})),D()]},m);case"daterange":return r.jsxs("div",{className:s.cn(N),children:[r.jsx(A,e.__assign({name:m,control:q,rules:C},O,{render:function(t){var s=t.field;return r.jsx(l.DateRangePicker,e.__assign({},s,P,F))}})),D()]},m);case"custom":return r.jsx("div",{className:s.cn(N),children:h||null},m);default:return null}}),h&&r.jsx("div",{className:"zui:col-span-12",children:r.jsx(c.Button,{type:"submit",children:"Submit"})})]})};exports.Form=D,exports.default=D;
|