@kingteza/crud-component 1.0.59 → 1.0.61

package/crud/CrudField.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),p=require("antd"),N=require("react"),$=require("react-highlight-words"),z=require("../locale/index.cjs.js"),J=require("./FileCrudField.cjs.js"),K=require("./ImageCrudField.cjs.js"),Q=require("../common/check-box/CheckBox.cjs.js"),X=require("../common/date-picker/DatePicker.cjs.js"),Y=require("../common/date-picker/TimePicker.cjs.js"),E=require("../common/select/SelectComponent.cjs.js"),Z=require("../common/text-field/NumberField.cjs.js"),V=require("../common/text-field/TextField.cjs.js"),ee=require("../common/tooltip/TooltipComponent.cjs.js"),te=require("./CrudTextAreaComponent.cjs.js"),B=require("../util/CrudUtil.cjs.js");function re(j){const{label:s,name:c,type:g,required:i,hidden:w,rules:u=[],updatable:m=!0,readonly:S=!1,fieldClassName:f,customFormFieldRender:O,fieldTooltip:b,...t}=j,h=p.Form.useFormInstance();N.useEffect(()=>{if(g==="select"){const{items:n=[],onSearch:o,searchOnType:l}=t;!(n!=null&&n.length)&&!l&&(o==null||o(void 0,h,t==null?void 0:t.updatingValue))}},[h,t,g,t==null?void 0:t.updatingValue]);const{t:q}=z.useTranslationLib();if(S||w)return e.jsx(e.Fragment,{});if(O)return O(h,j);switch(g){case"text":case"email":case"password":{const{onChange:n,placeholder:o}=t;return e.jsx(V.default,{placeholder:o,disabled:!m,rules:u,required:i,onChange:n?l=>n(l,h):void 0,type:g,name:c,tooltip:b,label:s,className:f,autoComplete:"new-password"})}case"number":{const{onChange:n,placeholder:o,allowMinus:l}=t;return e.jsx(Z,{placeholder:o,disabled:!m,moneyField:!!t.formatted,type:g,onChange:n?x=>n(x,h):void 0,rules:u,autoComplete:"false",required:i,tooltip:b,className:f,min:l?null:void 0,name:c,label:s})}case"date":{const{range:n,disableToday:o,disabledFutureDays:l,disabledPastDays:x,onChange:v,placeholder:C,format:F}=t;return e.jsx(X,{placeholder:C,required:i,disabled:!m,type:g,format:F,tooltip:b,range:n,name:c,label:s,onChange:v?y=>v(y,h):void 0,className:f,disableToday:o,disabledFutureDays:l,disabledPastDays:x})}case"time":{const{range:n=!1,disableCurrent:o,disabledFuture:l,disabledPast:x,onChange:v,use12Hours:C,format:F,placeholder:y}=t;return e.jsx(Y,{placeholder:y,required:i,format:F,disabled:!m,type:g,tooltip:b,range:n,use12Hours:C,name:c,label:s,onChange:v?a=>v(a,h):void 0,className:f,disableCurrent:o,disabledFuture:l,disabledPast:x})}case"textarea":return e.jsx(te,{...j});case"image":return e.jsx(K.default,{...t,required:i,name:c,label:s,rules:u,fieldClassName:f,onRemoved:t.onRemoved,onUploading:t.onUploading,provider:t.provider});case"file":return e.jsx(J.default,{...t,required:i,name:c,label:s,rules:u,fieldClassName:f,onRemoved:t.onRemoved,onUploading:t.onUploading,provider:t.provider});case"select":return e.jsx(H,{...t,required:i,name:c,label:s,rules:u,fieldClassName:f,form:h,updatable:m,readonly:S,fieldTooltip:b});case"enum":{const{enum:n,radio:o=!1,translation:l,onChange:x,onSearch:v,multiple:C,tagRender:F}=t,y=Array.isArray(n)?n:Object.keys(n);return o?e.jsx(p.Form.Item,{...t,name:c,required:i,tooltip:b,rules:u,label:s,className:["w-100",f].join(" "),children:e.jsx(p.Radio.Group,{...t,onChange:x?a=>{var R;return x((R=a==null?void 0:a.target)==null?void 0:R.value,h)}:void 0,children:y.map(a=>e.jsx(p.Radio,{disabled:!m,value:a,children:l?q(l[a]):a},a))})}):e.jsx(E,{...t,tagRender:typeof F=="function"?F:F?a=>{const{value:R,label:T}=a,k=F[R];return k?e.jsx(p.Tag,{color:k.color,children:T}):e.jsx(p.Tag,{children:T})}:void 0,onChange:x?a=>x(a,h):void 0,className:["w-100",f].join(" "),name:c,items:y,required:i,tooltip:b,rules:u,label:s,disabled:!m,onSearch:v?a=>v(a,h):void 0,allowClear:!0,mode:C?"multiple":void 0,itemBuilder:a=>e.jsx(p.Select.Option,{value:a,children:l?q(l[a]):a},a)})}case"checkbox":{const{onChange:n}=t;return e.jsx(Q,{className:f,rules:u,onChange:n?o=>n(o,h):void 0,label:s,tooltip:b,disabled:!m,name:c})}case"color":return e.jsx(D,{...t,type:"color",required:i,name:c,label:s,rules:u,fieldClassName:f,updatable:m,readonly:S,fieldTooltip:b});default:return e.jsx(e.Fragment,{children:`${g} Not Implemented`})}}function H(j){const{items:s=[],loading:c,searchOnType:g,onSearch:i,multiple:w,onChange:u,highlightSearch:m,required:S,fieldClassName:f,rules:O,fieldTooltip:b,updatable:t,label:h,name:q,tagRender:n,updatingValue:o,onSet:l,placeholder:x,allowClear:v=!0}=j,C=j.form,[F,y]=N.useState(""),a=N.useMemo(()=>B.getRealName(q),[q]),R=N.useMemo(()=>B.getRealName(q,"upsertFieldName"),[q]),T=p.Form.useWatch(a,C),[k,P]=N.useState(!0);N.useEffect(()=>{l&&k&&T&&(l==null||l(T,s,C),P(!1))},[k,C,s,a,l,T]),N.useEffect(()=>{T&&P(!0)},[T]);const _=N.useCallback(async r=>{y(r),g&&(i==null||i(r,C,o))},[C,i,g,o]);return e.jsx(E,{...j,maxTagCount:"responsive",maxTagPlaceholder:r=>e.jsxs(ee,{title:e.jsx(e.Fragment,{children:r.map(d=>e.jsxs(e.Fragment,{children:[d.label," ",e.jsx("br",{})]}))}),children:["+",r==null?void 0:r.length]}),placeholder:x,onSelect:r=>{l==null||l(r==null?void 0:r.key,s,C)},onChange:u?r=>{y(""),u(r,C)}:void 0,mode:w?"multiple":void 0,className:["w-100",f].join(" "),name:R,items:s,required:S,tooltip:b,tagRender:n,rules:O,disabled:!t,label:h,allowClear:v,onSearch:_,loading:c,filterOption:m?(r,d)=>{var I,L,M;try{const U=r.toLowerCase().split(/\s+/),W=((typeof(d==null?void 0:d.children)=="string"?d==null?void 0:d.children:(L=(I=d==null?void 0:d.children)==null?void 0:I.props)==null?void 0:L.textToHighlight)??"").toLowerCase(),G=(((M=d==null?void 0:d.value)==null?void 0:M.toString())??"").toLowerCase();return U.every(A=>W.indexOf(A)>=0||G.indexOf(A)>=0)}catch{return!0}}:void 0,itemBuilder:m?r=>{const d=r.value?String(r.value):void 0;return e.jsx(p.Select.Option,{value:r.key,title:d,disabled:r.disabled,children:e.jsx($,{highlightClassName:"highlight-text",searchWords:(F??"").split(" "),autoEscape:!0,textToHighlight:d??""})},r.key)}:r=>e.jsx(p.Select.Option,{value:r.key,title:r.value,disabled:r.disabled,children:r.value},r.key)})}function D(j){const{required:s,fieldClassName:c,rules:g,fieldTooltip:i,updatable:w,label:u,name:m}=j;return e.jsx(p.Form.Item,{label:u,name:m,required:s,rules:g,tooltip:i,children:e.jsx(p.ColorPicker,{disabledAlpha:!0,format:"hex",defaultFormat:"hex",showText:!0,trigger:"click",className:c,disabled:!w,...j.innerProps})})}exports.ColorCrudFieldComponent=D;exports.SelectCrudFieldComponent=H;exports.default=re;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),p=require("antd"),T=require("react"),$=require("react-highlight-words"),z=require("../locale/index.cjs.js"),J=require("./FileCrudField.cjs.js"),K=require("./ImageCrudField.cjs.js"),Q=require("../common/check-box/CheckBox.cjs.js"),X=require("../common/date-picker/DatePicker.cjs.js"),Y=require("../common/date-picker/TimePicker.cjs.js"),E=require("../common/select/SelectComponent.cjs.js"),Z=require("../common/text-field/NumberField.cjs.js"),V=require("../common/text-field/TextField.cjs.js"),ee=require("../common/tooltip/TooltipComponent.cjs.js"),te=require("./CrudTextAreaComponent.cjs.js"),B=require("../util/CrudUtil.cjs.js");function re(j){const{label:s,name:c,type:g,required:i,hidden:S,rules:u=[],updatable:m=!0,readonly:w=!1,fieldClassName:f,customFormFieldRender:O,fieldTooltip:b,...t}=j,h=p.Form.useFormInstance();T.useEffect(()=>{if(g==="select"){const{items:n=[],onSearch:o,searchOnType:l}=t;!(n!=null&&n.length)&&!l&&(o==null||o(void 0,h,t==null?void 0:t.updatingValue))}},[h,t,g,t==null?void 0:t.updatingValue]);const{t:q}=z.useTranslationLibNoNS();if(w||S)return e.jsx(e.Fragment,{});if(O)return O(h,j);switch(g){case"text":case"email":case"password":{const{onChange:n,placeholder:o}=t;return e.jsx(V.default,{placeholder:o,disabled:!m,rules:u,required:i,onChange:n?l=>n(l,h):void 0,type:g,name:c,tooltip:b,label:s,className:f,autoComplete:"new-password"})}case"number":{const{onChange:n,placeholder:o,allowMinus:l}=t;return e.jsx(Z,{placeholder:o,disabled:!m,moneyField:!!t.formatted,type:g,onChange:n?x=>n(x,h):void 0,rules:u,autoComplete:"false",required:i,tooltip:b,className:f,min:l?null:void 0,name:c,label:s})}case"date":{const{range:n,disableToday:o,disabledFutureDays:l,disabledPastDays:x,onChange:v,placeholder:C,format:F}=t;return e.jsx(X,{placeholder:C,required:i,disabled:!m,type:g,format:F,tooltip:b,range:n,name:c,label:s,onChange:v?y=>v(y,h):void 0,className:f,disableToday:o,disabledFutureDays:l,disabledPastDays:x})}case"time":{const{range:n=!1,disableCurrent:o,disabledFuture:l,disabledPast:x,onChange:v,use12Hours:C,format:F,placeholder:y}=t;return e.jsx(Y,{placeholder:y,required:i,format:F,disabled:!m,type:g,tooltip:b,range:n,use12Hours:C,name:c,label:s,onChange:v?a=>v(a,h):void 0,className:f,disableCurrent:o,disabledFuture:l,disabledPast:x})}case"textarea":return e.jsx(te,{...j});case"image":return e.jsx(K.default,{...t,required:i,name:c,label:s,rules:u,fieldClassName:f,onRemoved:t.onRemoved,onUploading:t.onUploading,provider:t.provider});case"file":return e.jsx(J.default,{...t,required:i,name:c,label:s,rules:u,fieldClassName:f,onRemoved:t.onRemoved,onUploading:t.onUploading,provider:t.provider});case"select":return e.jsx(H,{...t,required:i,name:c,label:s,rules:u,fieldClassName:f,form:h,updatable:m,readonly:w,fieldTooltip:b});case"enum":{const{enum:n,radio:o=!1,translation:l,onChange:x,onSearch:v,multiple:C,tagRender:F}=t,y=Array.isArray(n)?n:Object.keys(n);return o?e.jsx(p.Form.Item,{...t,name:c,required:i,tooltip:b,rules:u,label:s,className:["w-100",f].join(" "),children:e.jsx(p.Radio.Group,{...t,onChange:x?a=>{var R;return x((R=a==null?void 0:a.target)==null?void 0:R.value,h)}:void 0,children:y.map(a=>e.jsx(p.Radio,{disabled:!m,value:a,children:l?q(l[a]):a},a))})}):e.jsx(E,{...t,tagRender:typeof F=="function"?F:F?a=>{const{value:R,label:N}=a,k=F[R];return k?e.jsx(p.Tag,{color:k.color,children:N}):e.jsx(p.Tag,{children:N})}:void 0,onChange:x?a=>x(a,h):void 0,className:["w-100",f].join(" "),name:c,items:y,required:i,tooltip:b,rules:u,label:s,disabled:!m,onSearch:v?a=>v(a,h):void 0,allowClear:!0,mode:C?"multiple":void 0,itemBuilder:a=>e.jsx(p.Select.Option,{value:a,children:l?q(l[a]):a},a)})}case"checkbox":{const{onChange:n}=t;return e.jsx(Q,{className:f,rules:u,onChange:n?o=>n(o,h):void 0,label:s,tooltip:b,disabled:!m,name:c})}case"color":return e.jsx(D,{...t,type:"color",required:i,name:c,label:s,rules:u,fieldClassName:f,updatable:m,readonly:w,fieldTooltip:b});default:return e.jsx(e.Fragment,{children:`${g} Not Implemented`})}}function H(j){const{items:s=[],loading:c,searchOnType:g,onSearch:i,multiple:S,onChange:u,highlightSearch:m,required:w,fieldClassName:f,rules:O,fieldTooltip:b,updatable:t,label:h,name:q,tagRender:n,updatingValue:o,onSet:l,placeholder:x,allowClear:v=!0}=j,C=j.form,[F,y]=T.useState(""),a=T.useMemo(()=>B.getRealName(q),[q]),R=T.useMemo(()=>B.getRealName(q,"upsertFieldName"),[q]),N=p.Form.useWatch(a,C),[k,P]=T.useState(!0);T.useEffect(()=>{l&&k&&N&&(l==null||l(N,s,C),P(!1))},[k,C,s,a,l,N]),T.useEffect(()=>{N&&P(!0)},[N]);const _=T.useCallback(async r=>{y(r),g&&(i==null||i(r,C,o))},[C,i,g,o]);return e.jsx(E,{...j,maxTagCount:"responsive",maxTagPlaceholder:r=>e.jsxs(ee,{title:e.jsx(e.Fragment,{children:r.map(d=>e.jsxs(e.Fragment,{children:[d.label," ",e.jsx("br",{})]}))}),children:["+",r==null?void 0:r.length]}),placeholder:x,onSelect:r=>{l==null||l(r==null?void 0:r.key,s,C)},onChange:u?r=>{y(""),u(r,C)}:void 0,mode:S?"multiple":void 0,className:["w-100",f].join(" "),name:R,items:s,required:w,tooltip:b,tagRender:n,rules:O,disabled:!t,label:h,allowClear:v,onSearch:_,loading:c,filterOption:m?(r,d)=>{var I,L,M;try{const U=r.toLowerCase().split(/\s+/),W=((typeof(d==null?void 0:d.children)=="string"?d==null?void 0:d.children:(L=(I=d==null?void 0:d.children)==null?void 0:I.props)==null?void 0:L.textToHighlight)??"").toLowerCase(),G=(((M=d==null?void 0:d.value)==null?void 0:M.toString())??"").toLowerCase();return U.every(A=>W.indexOf(A)>=0||G.indexOf(A)>=0)}catch{return!0}}:void 0,itemBuilder:m?r=>{const d=r.value?String(r.value):void 0;return e.jsx(p.Select.Option,{value:r.key,title:d,disabled:r.disabled,children:e.jsx($,{highlightClassName:"highlight-text",searchWords:(F??"").split(" "),autoEscape:!0,textToHighlight:d??""})},r.key)}:r=>e.jsx(p.Select.Option,{value:r.key,title:r.value,disabled:r.disabled,children:r.value},r.key)})}function D(j){const{required:s,fieldClassName:c,rules:g,fieldTooltip:i,updatable:S,label:u,name:m}=j;return e.jsx(p.Form.Item,{label:u,name:m,required:s,rules:g,tooltip:i,children:e.jsx(p.ColorPicker,{disabledAlpha:!0,format:"hex",defaultFormat:"hex",showText:!0,trigger:"click",className:c,disabled:!S,...j.innerProps})})}exports.ColorCrudFieldComponent=D;exports.SelectCrudFieldComponent=H;exports.default=re;

package/crud/CrudField.es.js

@@ -2,7 +2,7 @@ import { jsx as t, Fragment as S, jsxs as E } from "react/jsx-runtime";
 import { Form as j, Radio as M, Select as I, Tag as W, ColorPicker as X } from "antd";
 import { useEffect as L, useState as G, useMemo as _, useCallback as Y } from "react";
 import Z from "react-highlight-words";
-import { useTranslationLib as V } from "../locale/index.es.js";
+import { useTranslationLibNoNS as V } from "../locale/index.es.js";
 import ee from "./FileCrudField.es.js";
 import re from "./ImageCrudField.es.js";
 import te from "../common/check-box/CheckBox.es.js";
@@ -94,7 +94,7 @@ function Re(v) {
         disabledPastDays: C,
         onChange: y,
         placeholder: g,
-        format: x
+        format: N
       } = e;
       return /* @__PURE__ */ t(
         ae,
@@ -103,12 +103,12 @@ function Re(v) {
           required: d,
           disabled: !u,
           type: p,
-          format: x,
+          format: N,
           tooltip: b,
           range: l,
           name: c,
           label: n,
-          onChange: y ? (F) => y(F, h) : void 0,
+          onChange: y ? (x) => y(x, h) : void 0,
           className: f,
           disableToday: i,
           disabledFutureDays: o,
@@ -124,15 +124,15 @@ function Re(v) {
         disabledPast: C,
         onChange: y,
         use12Hours: g,
-        format: x,
-        placeholder: F
+        format: N,
+        placeholder: x
       } = e;
       return /* @__PURE__ */ t(
         oe,
         {
-          placeholder: F,
+          placeholder: x,
           required: d,
-          format: x,
+          format: N,
           disabled: !u,
           type: p,
           tooltip: b,
@@ -204,8 +204,8 @@ function Re(v) {
         onChange: C,
         onSearch: y,
         multiple: g,
-        tagRender: x
-      } = e, F = Array.isArray(l) ? l : Object.keys(l);
+        tagRender: N
+      } = e, x = Array.isArray(l) ? l : Object.keys(l);
       return i ? /* @__PURE__ */ t(
         j.Item,
         {
@@ -224,7 +224,7 @@ function Re(v) {
                 var w;
                 return C((w = a == null ? void 0 : a.target) == null ? void 0 : w.value, h);
               } : void 0,
-              children: F.map((a) => /* @__PURE__ */ t(M, { disabled: !u, value: a, children: o ? T(o[a]) : a }, a))
+              children: x.map((a) => /* @__PURE__ */ t(M, { disabled: !u, value: a, children: o ? T(o[a]) : a }, a))
             }
           )
         }
@@ -232,14 +232,14 @@ function Re(v) {
         z,
         {
           ...e,
-          tagRender: typeof x == "function" ? x : x ? (a) => {
-            const { value: w, label: N } = a, O = x[w];
-            return O ? /* @__PURE__ */ t(W, { color: O.color, children: N }) : /* @__PURE__ */ t(W, { children: N });
+          tagRender: typeof N == "function" ? N : N ? (a) => {
+            const { value: w, label: F } = a, O = N[w];
+            return O ? /* @__PURE__ */ t(W, { color: O.color, children: F }) : /* @__PURE__ */ t(W, { children: F });
           } : void 0,
           onChange: C ? (a) => C(a, h) : void 0,
           className: ["w-100", f].join(" "),
           name: c,
-          items: F,
+          items: x,
           required: d,
           tooltip: b,
           rules: m,
@@ -308,15 +308,15 @@ function se(v) {
     onSet: o,
     placeholder: C,
     allowClear: y = !0
-  } = v, g = v.form, [x, F] = G(""), a = _(() => $.getRealName(T), [T]), w = _(() => $.getRealName(T, "upsertFieldName"), [T]), N = j.useWatch(a, g), [O, U] = G(!0);
+  } = v, g = v.form, [N, x] = G(""), a = _(() => $.getRealName(T), [T]), w = _(() => $.getRealName(T, "upsertFieldName"), [T]), F = j.useWatch(a, g), [O, U] = G(!0);
   L(() => {
-    o && O && N && (o == null || o(N, n, g), U(!1));
-  }, [O, g, n, a, o, N]), L(() => {
-    N && U(!0);
-  }, [N]);
+    o && O && F && (o == null || o(F, n, g), U(!1));
+  }, [O, g, n, a, o, F]), L(() => {
+    F && U(!0);
+  }, [F]);
   const J = Y(
     async (r) => {
-      F(r), p && (d == null || d(r, g, i));
+      x(r), p && (d == null || d(r, g, i));
     },
     [g, d, p, i]
   );
@@ -344,7 +344,7 @@ function se(v) {
         o == null || o(r == null ? void 0 : r.key, n, g);
       },
       onChange: m ? (r) => {
-        F(""), m(r, g);
+        x(""), m(r, g);
       } : void 0,
       mode: k ? "multiple" : void 0,
       className: ["w-100", f].join(" "),
@@ -382,7 +382,7 @@ function se(v) {
               Z,
               {
                 highlightClassName: "highlight-text",
-                searchWords: (x ?? "").split(" "),
+                searchWords: (N ?? "").split(" "),
                 autoEscape: !0,
                 textToHighlight: s ?? ""
               }

package/crud/view/CrudViewerUtil.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),b=require("@ant-design/icons"),m=require("antd"),A=require("../../common/show-more/index.cjs.js"),F=require("../FileCrudField.cjs.js"),S=require("../ImageCrudField.cjs.js"),y=require("../../util/DateUtil.cjs.js"),q=require("../../util/NumberUtil.cjs.js"),j=require("../../locale/index.cjs.js"),T=require("../../util/CrudUtil.cjs.js");function R({type:u,render:e,...r}){try{return u==="object"?(t,i,o)=>typeof e=="function"?e(t,i,o):"":u==="select"?(t,i,o)=>{const n=r,a=t||(n.items??[]).find(s=>s[n.innerFieldId??"key"]===i[T.getRealName(r.name,"upsertFieldName")]),f=n.multiple?Array.isArray(a)?a.map(s=>s==null?void 0:s[n.innerFieldLabel??"name"]):void 0:a==null?void 0:a[n.innerFieldLabel??"value"];return typeof e=="function"?e(f,i,o):Array.isArray(f)?f.join(", "):f}:u==="number"?(t,i,o)=>typeof e=="function"?e(t,i,o):r!=null&&r.int?q.default.toInt(t,r.formatted):q.default.toMoney(t):u==="enum"?(t,i,o)=>{var s;const n=r;if(typeof e=="function")return e(t,i,o);if(n.multiple){const c=Array.isArray(t)?t:t?[t]:[];return typeof n.tagRender=="object"?l.jsx(m.Space,{wrap:!0,children:c.map((d,g)=>{var x,C;const v=(x=n.tagRender)==null?void 0:x[d],h=j.t(((C=n==null?void 0:n.translation)==null?void 0:C[d??""])??d);return v?l.jsx(m.Tag,{color:v.color,children:h},g+d):h})}):n!=null&&n.translation?c==null?void 0:c.map(d=>{var g;return j.t(((g=n==null?void 0:n.translation)==null?void 0:g[d??""])??d)}).join(", "):c==null?void 0:c.join(", ")}const a=((s=n==null?void 0:n.translation)==null?void 0:s[t??""])??t,f=j.t(a);if(typeof n.tagRender=="object"){const c=n.tagRender[t];if(c)return l.jsx(m.Tag,{color:c.color,children:f})}return f}:u==="date"?(t,i,o)=>{if(!t)return"-";const n=r!=null&&r.formatTime?y.formatDateTime(t):y.formatDate(t);return typeof e=="function"?e(t,i,o):n}:u==="checkbox"?(t,i,o)=>typeof e=="function"?e(t,i,o):t?l.jsx(b.CheckOutlined,{}):l.jsx(b.CloseOutlined,{}):u==="image"?(t,i,o)=>typeof e=="function"?e(t,i,o):l.jsx(S.ImageCrudCellValue,{value:t,provider:r.provider}):u==="file"?(t,i,o)=>typeof e=="function"?e(t,i,o):l.jsx(F.FileCrudCellValue,{value:t,provider:r.provider}):u==="time"?(t,i,o)=>{if(!t)return"-";const n=r==null?void 0:r.format,a=r==null?void 0:r.use12Hours,f=y.formatTime(t,n||(a?"hh:mm:ss A":void 0));return typeof e=="function"?e(t,i,o):f}:u==="color"?(t,i,o)=>typeof e=="function"?e(t,i,o):typeof t=="string"&&t.startsWith("#")?l.jsx(m.Tooltip,{title:t,children:l.jsx(m.Avatar,{style:{backgroundColor:t}})}):String(t):u==="textarea"?(t,i,o)=>{const n=r,a=n.truncated??1;return typeof e=="function"?e(t,i,o):a?l.jsx(A.ShowMore,{lines:a===!0?1:a,children:n.rich?l.jsx("div",{style:{all:"unset"},dangerouslySetInnerHTML:{__html:t}}):t}):n.rich?l.jsx("div",{style:{all:"unset"},dangerouslySetInnerHTML:{__html:t}}):t}:typeof e=="function"?e:(t,i,o)=>t}catch(t){return console.warn("An error occurred while rendering the value for field: "+String(r.name),t),"-"}}exports.getRendererValueCrudViewer=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),b=require("@ant-design/icons"),m=require("antd"),A=require("../../common/show-more/index.cjs.js"),F=require("../FileCrudField.cjs.js"),S=require("../ImageCrudField.cjs.js"),y=require("../../util/DateUtil.cjs.js"),q=require("../../util/NumberUtil.cjs.js"),j=require("../../locale/index.cjs.js"),T=require("../../util/CrudUtil.cjs.js");function R({type:l,render:e,...u}){try{return l==="object"?(t,i,r)=>typeof e=="function"?e(t,i,r):"":l==="select"?(t,i,r)=>{if(!t)return"-";const n=u,o=t||(n.items??[]).find(s=>s[n.innerFieldId??"key"]===i[T.getRealName(u.name,"upsertFieldName")]),f=n.multiple?Array.isArray(o)?o.map(s=>s==null?void 0:s[n.innerFieldLabel??"name"]):void 0:o==null?void 0:o[n.innerFieldLabel??"value"];return typeof e=="function"?e(f,i,r):Array.isArray(f)?f.join(", "):f}:l==="number"?(t,i,r)=>typeof e=="function"?e(t,i,r):u!=null&&u.int?q.default.toInt(t,u.formatted):q.default.toMoney(t):l==="enum"?(t,i,r)=>{var s;if(!t)return"-";const n=u;if(typeof e=="function")return e(t,i,r);if(n.multiple){const c=Array.isArray(t)?t:t?[t]:[];return typeof n.tagRender=="object"?a.jsx(m.Space,{wrap:!0,children:c.map((d,g)=>{var x,C;const v=(x=n.tagRender)==null?void 0:x[d],h=j.t(((C=n==null?void 0:n.translation)==null?void 0:C[d??""])??d);return v?a.jsx(m.Tag,{color:v.color,children:h},g+d):h})}):n!=null&&n.translation?c==null?void 0:c.map(d=>{var g;return j.t(((g=n==null?void 0:n.translation)==null?void 0:g[d??""])??d)}).join(", "):c==null?void 0:c.join(", ")}const o=((s=n==null?void 0:n.translation)==null?void 0:s[t??""])??t,f=j.t(o);if(typeof n.tagRender=="object"){const c=n.tagRender[t];if(c)return a.jsx(m.Tag,{color:c.color,children:f})}return f}:l==="date"?(t,i,r)=>{if(!t)return"-";const n=u!=null&&u.formatTime?y.formatDateTime(t):y.formatDate(t);return typeof e=="function"?e(t,i,r):n}:l==="checkbox"?(t,i,r)=>typeof e=="function"?e(t,i,r):t?a.jsx(b.CheckOutlined,{}):a.jsx(b.CloseOutlined,{}):l==="image"?(t,i,r)=>t?typeof e=="function"?e(t,i,r):a.jsx(S.ImageCrudCellValue,{value:t,provider:u.provider}):"-":l==="file"?(t,i,r)=>t?typeof e=="function"?e(t,i,r):a.jsx(F.FileCrudCellValue,{value:t,provider:u.provider}):"":l==="time"?(t,i,r)=>{if(!t)return"-";const n=u==null?void 0:u.format,o=u==null?void 0:u.use12Hours,f=y.formatTime(t,n||(o?"hh:mm:ss A":void 0));return typeof e=="function"?e(t,i,r):f}:l==="color"?(t,i,r)=>t?typeof e=="function"?e(t,i,r):typeof t=="string"&&t.startsWith("#")?a.jsx(m.Tooltip,{title:t,children:a.jsx(m.Avatar,{style:{backgroundColor:t}})}):String(t):"-":l==="textarea"?(t,i,r)=>{if(!t)return"-";const n=u,o=n.truncated??1;return typeof e=="function"?e(t,i,r):o?a.jsx(A.ShowMore,{lines:o===!0?1:o,children:n.rich?a.jsx("div",{style:{all:"unset"},dangerouslySetInnerHTML:{__html:t}}):t}):n.rich?a.jsx("div",{style:{all:"unset"},dangerouslySetInnerHTML:{__html:t}}):t}:typeof e=="function"?e:(t,i,r)=>t}catch(t){return console.warn("An error occurred while rendering the value for field: "+String(u.name),t),"-"}}exports.getRendererValueCrudViewer=R;

package/crud/view/CrudViewerUtil.es.js

@@ -11,65 +11,68 @@ import x from "../../util/CrudUtil.es.js";
 function q({
   type: u,
   render: n,
-  ...r
+  ...a
 }) {
   try {
-    return u === "object" ? (t, o, a) => typeof n == "function" ? n(t, o, a) : "" : u === "select" ? (t, o, a) => {
-      const i = r, l = t || (i.items ?? []).find(
-        (m) => m[i.innerFieldId ?? "key"] === o[x.getRealName(r.name, "upsertFieldName")]
-      ), f = i.multiple ? Array.isArray(l) ? l.map((m) => m == null ? void 0 : m[i.innerFieldLabel ?? "name"]) : void 0 : l == null ? void 0 : l[i.innerFieldLabel ?? "value"];
-      return typeof n == "function" ? n(f, o, a) : Array.isArray(f) ? f.join(", ") : f;
-    } : u === "number" ? (t, o, a) => typeof n == "function" ? n(t, o, a) : r != null && r.int ? j.toInt(t, r.formatted) : j.toMoney(t) : u === "enum" ? (t, o, a) => {
+    return u === "object" ? (t, o, r) => typeof n == "function" ? n(t, o, r) : "" : u === "select" ? (t, o, r) => {
+      if (!t) return "-";
+      const i = a, l = t || (i.items ?? []).find(
+        (m) => m[i.innerFieldId ?? "key"] === o[x.getRealName(a.name, "upsertFieldName")]
+      ), c = i.multiple ? Array.isArray(l) ? l.map((m) => m == null ? void 0 : m[i.innerFieldLabel ?? "name"]) : void 0 : l == null ? void 0 : l[i.innerFieldLabel ?? "value"];
+      return typeof n == "function" ? n(c, o, r) : Array.isArray(c) ? c.join(", ") : c;
+    } : u === "number" ? (t, o, r) => typeof n == "function" ? n(t, o, r) : a != null && a.int ? j.toInt(t, a.formatted) : j.toMoney(t) : u === "enum" ? (t, o, r) => {
       var m;
-      const i = r;
+      if (!t) return "-";
+      const i = a;
       if (typeof n == "function")
-        return n(t, o, a);
+        return n(t, o, r);
       if (i.multiple) {
-        const c = Array.isArray(t) ? t : t ? [t] : [];
-        return typeof i.tagRender == "object" ? /* @__PURE__ */ e(F, { wrap: !0, children: c.map((s, d) => {
+        const f = Array.isArray(t) ? t : t ? [t] : [];
+        return typeof i.tagRender == "object" ? /* @__PURE__ */ e(F, { wrap: !0, children: f.map((s, d) => {
           var b, A;
           const h = (b = i.tagRender) == null ? void 0 : b[s], v = y(
             ((A = i == null ? void 0 : i.translation) == null ? void 0 : A[s ?? ""]) ?? s
           );
           return h ? /* @__PURE__ */ e(C, { color: h.color, children: v }, d + s) : v;
-        }) }) : i != null && i.translation ? c == null ? void 0 : c.map((s) => {
+        }) }) : i != null && i.translation ? f == null ? void 0 : f.map((s) => {
           var d;
           return y(((d = i == null ? void 0 : i.translation) == null ? void 0 : d[s ?? ""]) ?? s);
-        }).join(", ") : c == null ? void 0 : c.join(", ");
+        }).join(", ") : f == null ? void 0 : f.join(", ");
       }
-      const l = ((m = i == null ? void 0 : i.translation) == null ? void 0 : m[t ?? ""]) ?? t, f = y(l);
+      const l = ((m = i == null ? void 0 : i.translation) == null ? void 0 : m[t ?? ""]) ?? t, c = y(l);
       if (typeof i.tagRender == "object") {
-        const c = i.tagRender[t];
-        if (c)
-          return /* @__PURE__ */ e(C, { color: c.color, children: f });
+        const f = i.tagRender[t];
+        if (f)
+          return /* @__PURE__ */ e(C, { color: f.color, children: c });
       }
-      return f;
-    } : u === "date" ? (t, o, a) => {
+      return c;
+    } : u === "date" ? (t, o, r) => {
       if (!t) return "-";
-      const i = r != null && r.formatTime ? g.formatDateTime(t) : g.formatDate(t);
-      return typeof n == "function" ? n(t, o, a) : i;
-    } : u === "checkbox" ? (t, o, a) => typeof n == "function" ? n(t, o, a) : t ? /* @__PURE__ */ e(S, {}) : /* @__PURE__ */ e(T, {}) : u === "image" ? (t, o, a) => typeof n == "function" ? n(t, o, a) : /* @__PURE__ */ e(
+      const i = a != null && a.formatTime ? g.formatDateTime(t) : g.formatDate(t);
+      return typeof n == "function" ? n(t, o, r) : i;
+    } : u === "checkbox" ? (t, o, r) => typeof n == "function" ? n(t, o, r) : t ? /* @__PURE__ */ e(S, {}) : /* @__PURE__ */ e(T, {}) : u === "image" ? (t, o, r) => t ? typeof n == "function" ? n(t, o, r) : /* @__PURE__ */ e(
       k,
       {
         value: t,
-        provider: r.provider
+        provider: a.provider
       }
-    ) : u === "file" ? (t, o, a) => typeof n == "function" ? n(t, o, a) : /* @__PURE__ */ e(
+    ) : "-" : u === "file" ? (t, o, r) => t ? typeof n == "function" ? n(t, o, r) : /* @__PURE__ */ e(
       V,
       {
         value: t,
-        provider: r.provider
+        provider: a.provider
       }
-    ) : u === "time" ? (t, o, a) => {
+    ) : "" : u === "time" ? (t, o, r) => {
       if (!t) return "-";
-      const i = r == null ? void 0 : r.format, l = r == null ? void 0 : r.use12Hours, f = g.formatTime(
+      const i = a == null ? void 0 : a.format, l = a == null ? void 0 : a.use12Hours, c = g.formatTime(
         t,
         i || (l ? "hh:mm:ss A" : void 0)
       );
-      return typeof n == "function" ? n(t, o, a) : f;
-    } : u === "color" ? (t, o, a) => typeof n == "function" ? n(t, o, a) : typeof t == "string" && t.startsWith("#") ? /* @__PURE__ */ e(R, { title: t, children: /* @__PURE__ */ e(w, { style: { backgroundColor: t } }) }) : String(t) : u === "textarea" ? (t, o, a) => {
-      const i = r, l = i.truncated ?? 1;
-      return typeof n == "function" ? n(t, o, a) : l ? /* @__PURE__ */ e(I, { lines: l === !0 ? 1 : l, children: i.rich ? /* @__PURE__ */ e(
+      return typeof n == "function" ? n(t, o, r) : c;
+    } : u === "color" ? (t, o, r) => t ? typeof n == "function" ? n(t, o, r) : typeof t == "string" && t.startsWith("#") ? /* @__PURE__ */ e(R, { title: t, children: /* @__PURE__ */ e(w, { style: { backgroundColor: t } }) }) : String(t) : "-" : u === "textarea" ? (t, o, r) => {
+      if (!t) return "-";
+      const i = a, l = i.truncated ?? 1;
+      return typeof n == "function" ? n(t, o, r) : l ? /* @__PURE__ */ e(I, { lines: l === !0 ? 1 : l, children: i.rich ? /* @__PURE__ */ e(
         "div",
         {
           style: { all: "unset" },
@@ -82,10 +85,10 @@ function q({
           dangerouslySetInnerHTML: { __html: t }
         }
       ) : t;
-    } : typeof n == "function" ? n : (t, o, a) => t;
+    } : typeof n == "function" ? n : (t, o, r) => t;
   } catch (t) {
     return console.warn(
-      "An error occurred while rendering the value for field: " + String(r.name),
+      "An error occurred while rendering the value for field: " + String(a.name),
       t
     ), "-";
   }

package/locale/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./hooks/translation-constants.cjs.js"),I=require("./translations/en.cjs.js"),i=require("i18next"),o=require("react-i18next"),c={en:{[s.TRANSLATION_NAMESPACE]:I}};exports.i18nInstance=i;const N=(n={})=>{const{translations:e=c,language:t="en",i18nInstance:r}=n,a=r||i;return exports.i18nInstance=a,a.isInitialized?Object.entries(e).forEach(([u,l])=>{Object.entries(l).forEach(([T,A])=>{a.addResourceBundle(u,T,A,!0,!0)})}):a.use(o.initReactI18next).init({resources:e,lng:t,fallbackLng:"en",ns:s.TRANSLATION_NAMESPACE,interpolation:{escapeValue:!1}}),i},d=(n,e,t)=>{(t||i).addResourceBundle(n,s.TRANSLATION_NAMESPACE,e,!0,!0)},E=n=>o.useTranslation(s.TRANSLATION_NAMESPACE,{...n,i18n:exports.i18nInstance}),S=(n,e)=>{var t;return(t=exports.i18nInstance)==null?void 0:t.t(n,{ns:s.TRANSLATION_NAMESPACE,...e})};exports.defaultTranslations=c;exports.setupI18n=N;exports.t=S;exports.updateTranslations=d;exports.useTranslationLib=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./hooks/translation-constants.cjs.js"),N=require("./translations/en.cjs.js"),i=require("i18next"),r=require("react-i18next"),u={en:{[s.TRANSLATION_NAMESPACE]:N}};exports.i18nInstance=i;const I=(n={})=>{const{translations:e=u,language:t="en",i18nInstance:o}=n,a=o||i;return exports.i18nInstance=a,a.isInitialized?Object.entries(e).forEach(([c,l])=>{Object.entries(l).forEach(([T,A])=>{a.addResourceBundle(c,T,A,!0,!0)})}):a.use(r.initReactI18next).init({resources:e,lng:t,fallbackLng:"en",ns:s.TRANSLATION_NAMESPACE,interpolation:{escapeValue:!1}}),i},d=(n,e,t)=>{(t||i).addResourceBundle(n,s.TRANSLATION_NAMESPACE,e,!0,!0)},S=n=>r.useTranslation(s.TRANSLATION_NAMESPACE,{...n,i18n:exports.i18nInstance}),E=n=>r.useTranslation(void 0,{...n,i18n:exports.i18nInstance}),L=(n,e)=>{var t;return(t=exports.i18nInstance)==null?void 0:t.t(n,{ns:s.TRANSLATION_NAMESPACE,...e})};exports.defaultTranslations=u;exports.setupI18n=I;exports.t=L;exports.updateTranslations=d;exports.useTranslationLib=S;exports.useTranslationLibNoNS=E;

package/locale/index.d.ts

@@ -80,4 +80,5 @@ export declare let i18nInstance: i18nType;
 export declare const setupI18n: (options?: SetupI18nOptions) => i18nType;
 export declare const updateTranslations: (language: string, translations: Record<string, any>, i18nInstance?: i18nType) => void;
 export declare const useTranslationLib: (options?: Omit<UseTranslationOptions<string>, "i18n">) => import('react-i18next').UseTranslationResponse<"crud-component", string>;
+export declare const useTranslationLibNoNS: (options?: Omit<UseTranslationOptions<string>, "i18n">) => import('react-i18next').UseTranslationResponse<"translation", string>;
 export declare const t: (key: string, options?: any) => string | import('node_modules/i18next/typescript/helpers').$SpecialObject | import('i18next').TFunctionDetailedResult<string | import('node_modules/i18next/typescript/helpers').$SpecialObject, any>;

package/locale/index.es.js

@@ -1,25 +1,25 @@
 import { TRANSLATION_NAMESPACE as s } from "./hooks/translation-constants.es.js";
-import T from "./translations/en.es.js";
+import f from "./translations/en.es.js";
 import r from "i18next";
-import { initReactI18next as d, useTranslation as p } from "react-i18next";
+import { initReactI18next as p, useTranslation as u } from "react-i18next";
 const m = {
   en: {
-    [s]: T
+    [s]: f
   }
 };
 let t = r;
-const E = (e = {}) => {
+const A = (n = {}) => {
   const {
-    translations: n = m,
+    translations: e = m,
     language: i = "en",
     i18nInstance: a
-  } = e, o = a || r;
-  return t = o, o.isInitialized ? Object.entries(n).forEach(([u, c]) => {
-    Object.entries(c).forEach(([l, f]) => {
-      o.addResourceBundle(u, l, f, !0, !0);
+  } = n, o = a || r;
+  return t = o, o.isInitialized ? Object.entries(e).forEach(([c, l]) => {
+    Object.entries(l).forEach(([T, d]) => {
+      o.addResourceBundle(c, T, d, !0, !0);
     });
-  }) : o.use(d).init({
-    resources: n,
+  }) : o.use(p).init({
+    resources: e,
     lng: i,
     fallbackLng: "en",
     ns: s,
@@ -27,23 +27,24 @@ const E = (e = {}) => {
       escapeValue: !1
     }
   }), r;
-}, R = (e, n, i) => {
+}, E = (n, e, i) => {
   (i || r).addResourceBundle(
-    e,
-    s,
     n,
+    s,
+    e,
     !0,
     !0
   );
-}, U = (e) => p(s, { ...e, i18n: t }), L = (e, n) => t == null ? void 0 : t.t(e, {
+}, L = (n) => u(s, { ...n, i18n: t }), R = (n) => u(void 0, { ...n, i18n: t }), U = (n, e) => t == null ? void 0 : t.t(n, {
   ns: s,
-  ...n
+  ...e
 });
 export {
   m as defaultTranslations,
   t as i18nInstance,
-  E as setupI18n,
-  L as t,
-  R as updateTranslations,
-  U as useTranslationLib
+  A as setupI18n,
+  U as t,
+  E as updateTranslations,
+  L as useTranslationLib,
+  R as useTranslationLibNoNS
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kingteza/crud-component",
   "private": false,
-  "version": "1.0.59",
+  "version": "1.0.61",
   "description": "React CRUD component library with Ant Design",
   "keywords": [
     "react",