@kingteza/crud-component 1.2.7 → 1.4.0

package/dist/common/show-more/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),o=require("react-show-more-text");;/* empty css               */const e=r=>t.jsx(o,{...r});exports.ShowMore=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),r=require("react");;/* empty css               */const h=({children:c,className:w="",expanded:f=!1,keepNewLines:g=!1,less:m="Show less",lines:n=3,more:p="Show more",onClick:i,width:o,truncatedEndingComponent:u,anchorClass:b="show-more-less-clickable"})=>{const[t,S]=r.useState(f),[l,x]=r.useState(!1),a=r.useRef(null),d=()=>{if(!a.current)return;const e=a.current,T=(Number.parseInt(getComputedStyle(e).lineHeight)||20)*n,j=e.scrollHeight>T;x(j)};r.useEffect(()=>{const e=setTimeout(d,0);return()=>clearTimeout(e)},[c,n]),r.useEffect(()=>{const e=()=>d();return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);const v=()=>{const e=!t;S(e),i==null||i(e)},y=()=>{const e={width:o?`${o}px`:"100%",wordBreak:"break-word",whiteSpace:g?"pre-wrap":"normal"};return!t&&l?{...e,display:"-webkit-box",WebkitLineClamp:n,WebkitBoxOrient:"vertical",overflow:"hidden"}:e};return s.jsxs("div",{className:`show-more-container ${w}`,style:{width:o?`${o}px`:"100%"},children:[s.jsx("div",{ref:a,style:y(),children:c}),!t&&l&&u&&s.jsx("span",{children:u}),l&&s.jsx("button",{type:"button",className:b,onClick:v,style:{cursor:"pointer",background:"none",border:"none",padding:0,font:"inherit",color:"inherit"},"aria-label":t?"Show less content":"Show more content",children:t?m:p})]})};exports.ShowMore=h;exports.default=h;

package/dist/common/show-more/index.d.ts

@@ -1,4 +1,16 @@
-import { ReactShowMoreTextProps } from 'react-show-more-text';
-export declare const ShowMore: React.FC<ReactShowMoreTextProps>;
-export type { ReactShowMoreTextProps };
+import { default as React } from 'react';
+export interface ShowMoreProps {
+    anchorClass?: string;
+    children?: React.ReactNode;
+    className?: string;
+    expanded?: boolean;
+    keepNewLines?: boolean;
+    less?: React.ReactNode;
+    lines?: number;
+    more?: React.ReactNode;
+    onClick?: ((expanded: boolean) => void);
+    width?: number;
+    truncatedEndingComponent?: React.ReactNode;
+}
+export declare const ShowMore: React.FC<ShowMoreProps>;
 export default ShowMore;

package/dist/common/show-more/index.es.js

@@ -1,8 +1,79 @@
-import { jsx as r } from "react/jsx-runtime";
-import t from "react-show-more-text";
+import { jsxs as E, jsx as l } from "react/jsx-runtime";
+import { useState as h, useRef as H, useEffect as w } from "react";
 /* empty css             */
-const a = (o) => /* @__PURE__ */ r(t, { ...o });
+const R = ({
+  children: a,
+  className: m = "",
+  expanded: u = !1,
+  keepNewLines: p = !1,
+  less: f = "Show less",
+  lines: r = 3,
+  more: g = "Show more",
+  onClick: n,
+  width: o,
+  truncatedEndingComponent: c,
+  anchorClass: b = "show-more-less-clickable"
+}) => {
+  const [t, x] = h(u), [s, S] = h(!1), i = H(null), d = () => {
+    if (!i.current) return;
+    const e = i.current, T = (Number.parseInt(getComputedStyle(e).lineHeight) || 20) * r, k = e.scrollHeight > T;
+    S(k);
+  };
+  w(() => {
+    const e = setTimeout(d, 0);
+    return () => clearTimeout(e);
+  }, [a, r]), w(() => {
+    const e = () => d();
+    return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+  }, []);
+  const v = () => {
+    const e = !t;
+    x(e), n == null || n(e);
+  }, y = () => {
+    const e = {
+      width: o ? `${o}px` : "100%",
+      wordBreak: "break-word",
+      whiteSpace: p ? "pre-wrap" : "normal"
+    };
+    return !t && s ? {
+      ...e,
+      display: "-webkit-box",
+      WebkitLineClamp: r,
+      WebkitBoxOrient: "vertical",
+      overflow: "hidden"
+    } : e;
+  };
+  return /* @__PURE__ */ E(
+    "div",
+    {
+      className: `show-more-container ${m}`,
+      style: { width: o ? `${o}px` : "100%" },
+      children: [
+        /* @__PURE__ */ l("div", { ref: i, style: y(), children: a }),
+        !t && s && c && /* @__PURE__ */ l("span", { children: c }),
+        s && /* @__PURE__ */ l(
+          "button",
+          {
+            type: "button",
+            className: b,
+            onClick: v,
+            style: {
+              cursor: "pointer",
+              background: "none",
+              border: "none",
+              padding: 0,
+              font: "inherit",
+              color: "inherit"
+            },
+            "aria-label": t ? "Show less content" : "Show more content",
+            children: t ? f : g
+          }
+        )
+      ]
+    }
+  );
+};
 export {
-  a as ShowMore,
-  a as default
+  R as ShowMore,
+  R as default
 };

package/dist/crud/CrudComponent.cjs.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),l=require("antd"),t=require("react"),H=require("./modal/index.cjs.js"),J=require("./import/CrudImportButton.cjs.js"),K=require("./view/CrudViewer.cjs.js"),L=require("../common/button/NewButton.cjs.js"),M=require("../common/button/PrintButton.cjs.js"),{useForm:Q}=l.Form;function O({idField:a="id",onCreate:C,onDelete:j,onHide:m,onUpdate:n,fields:r,data:f,grid:k,isHiding:q,isCreating:h,isDeleting:p,isUpdating:B,paginateProps:w,onPrint:i,printing:N,viewable:v,loadingData:R,formBuilder:g,extraAction:y,minusHeight:b,cloneable:F,fullWidthModal:P=!0,wizard:S,extraView:I,importable:u,onClickNew:d,size:V,...z}){const c=t.useRef(null),A=t.useCallback(()=>{var s;(s=c.current)==null||s.create()},[]),o=t.useCallback(async(s,E=!0,G=!1)=>{var x;await((x=c.current)==null?void 0:x.update(s,E,G))},[]),D=t.useCallback(async s=>{o(s,!1,!0)},[o]);return e.jsxs(e.Fragment,{children:[e.jsxs(l.Space,{direction:"vertical",className:"w-100",children:[e.jsxs("div",{className:"w-100 d-flex",children:[e.jsx("div",{style:{flex:1},children:e.jsx(L.NewButton,{onClick:()=>{d?d():A()},className:"flex-1"})}),e.jsxs(l.Space,{children:[!!i&&e.jsx(M.PrintButton,{className:"float-right",loading:N,onClick:i}),!!u&&e.jsx(J,{fields:r,importProps:u})]})]}),e.jsx(K,{...z,minusHeight:b,data:f,size:V,fields:r,extraAction:y,idField:a,isDeleting:p,loadingData:R,onClickUpdate:n?o:void 0,onHide:m,isHiding:q,onDelete:j,onUpdate:n,onClickClone:F?D:void 0,paginateProps:w,viewable:v,extraView:I})]}),e.jsx(H,{ref:c,fields:r,wizard:S,grid:k,fullWidthModal:P,isCreating:h,isUpdating:B,onCreate:C,onUpdate:n,idField:a,formBuilder:g})]})}module.exports=O;
+"use strict";const e=require("react/jsx-runtime"),x=require("antd"),t=require("react"),H=require("./modal/index.cjs.js"),J=require("./import/CrudImportButton.cjs.js"),K=require("./view/CrudViewer.cjs.js"),L=require("../common/button/NewButton.cjs.js"),M=require("../common/button/PrintButton.cjs.js");function O({idField:l="id",onCreate:C,onDelete:j,onHide:f,onUpdate:n,fields:r,data:m,grid:k,isHiding:q,isCreating:h,isDeleting:p,isUpdating:B,paginateProps:w,onPrint:a,printing:N,viewable:v,loadingData:R,formBuilder:g,extraAction:y,minusHeight:b,cloneable:P,fullWidthModal:S=!0,wizard:I,extraView:V,importable:i,onClickNew:u,size:z,...A}){const c=t.useRef(null),D=t.useCallback(()=>{var s;(s=c.current)==null||s.create()},[]),o=t.useCallback(async(s,F=!0,G=!1)=>{var d;await((d=c.current)==null?void 0:d.update(s,F,G))},[]),E=t.useCallback(async s=>{o(s,!1,!0)},[o]);return e.jsxs(e.Fragment,{children:[e.jsxs(x.Space,{direction:"vertical",className:"w-100",children:[e.jsxs("div",{className:"w-100 d-flex",children:[e.jsx("div",{style:{flex:1},children:e.jsx(L.NewButton,{onClick:()=>{u?u():D()},className:"flex-1"})}),e.jsxs(x.Space,{children:[!!a&&e.jsx(M.PrintButton,{className:"float-right",loading:N,onClick:a}),!!i&&e.jsx(J,{fields:r,importProps:i})]})]}),e.jsx(K,{...A,minusHeight:b,data:m,size:z,fields:r,extraAction:y,idField:l,isDeleting:p,loadingData:R,onClickUpdate:n?o:void 0,onHide:f,isHiding:q,onDelete:j,onUpdate:n,onClickClone:P?E:void 0,paginateProps:w,viewable:v,extraView:V})]}),e.jsx(H,{ref:c,fields:r,wizard:I,grid:k,fullWidthModal:S,isCreating:h,isUpdating:B,onCreate:C,onUpdate:n,idField:l,formBuilder:g})]})}module.exports=O;

package/dist/crud/CrudComponent.d.ts

@@ -140,6 +140,7 @@ export interface ColorPickerFieldProps<T> extends Omit<InitialCrudField<T>, "pla
 export interface CheckboxBasedFieldProps<T> extends InitialCrudField<T> {
     type: "checkbox";
     onChange?: (value: boolean, form: FormInstance<T>) => void;
+    switch?: boolean;
 }
 export interface NumberBasedFieldProps<T> extends InitialCrudField<T>, AddonFieldProps {
     type: "number";

package/dist/crud/CrudComponent.es.js

@@ -1,19 +1,18 @@
 import { jsxs as e, Fragment as H, jsx as r } from "react/jsx-runtime";
-import { Space as f, Form as J } from "antd";
-import { useRef as K, useCallback as c } from "react";
-import L from "./modal/index.es.js";
-import O from "./import/CrudImportButton.es.js";
-import Q from "./view/CrudViewer.es.js";
-import { NewButton as T } from "../common/button/NewButton.es.js";
-import { PrintButton as U } from "../common/button/PrintButton.es.js";
-const { useForm: eo } = J;
-function to({
+import { Space as f } from "antd";
+import { useRef as J, useCallback as c } from "react";
+import K from "./modal/index.es.js";
+import L from "./import/CrudImportButton.es.js";
+import O from "./view/CrudViewer.es.js";
+import { NewButton as Q } from "../common/button/NewButton.es.js";
+import { PrintButton as T } from "../common/button/PrintButton.es.js";
+function ro({
   idField: i = "id",
   onCreate: p,
   onDelete: C,
   onHide: h,
   onUpdate: t,
-  fields: n,
+  fields: l,
   data: k,
   grid: x,
   isHiding: v,
@@ -24,29 +23,29 @@ function to({
   onPrint: m,
   printing: y,
   viewable: j,
-  loadingData: F,
-  formBuilder: R,
-  extraAction: I,
-  minusHeight: M,
-  cloneable: P,
-  fullWidthModal: S = !0,
-  wizard: V,
-  extraView: b,
+  loadingData: R,
+  formBuilder: I,
+  extraAction: M,
+  minusHeight: P,
+  cloneable: S,
+  fullWidthModal: V = !0,
+  wizard: b,
+  extraView: q,
   importable: s,
   onClickNew: u,
-  size: q,
-  ...z
+  size: z,
+  ...A
 }) {
-  const l = K(null), A = c(() => {
+  const n = J(null), D = c(() => {
     var o;
-    (o = l.current) == null || o.create();
+    (o = n.current) == null || o.create();
   }, []), a = c(
-    async (o, E = !0, G = !1) => {
+    async (o, F = !0, G = !1) => {
       var d;
-      await ((d = l.current) == null ? void 0 : d.update(o, E, G));
+      await ((d = n.current) == null ? void 0 : d.update(o, F, G));
     },
     []
-  ), D = c(
+  ), E = c(
     async (o) => {
       a(o, !1, !0);
     },
@@ -56,68 +55,68 @@ function to({
     /* @__PURE__ */ e(f, { direction: "vertical", className: "w-100", children: [
       /* @__PURE__ */ e("div", { className: "w-100 d-flex", children: [
         /* @__PURE__ */ r("div", { style: { flex: 1 }, children: /* @__PURE__ */ r(
-          T,
+          Q,
           {
             onClick: () => {
-              u ? u() : A();
+              u ? u() : D();
             },
             className: "flex-1"
           }
         ) }),
         /* @__PURE__ */ e(f, { children: [
           !!m && /* @__PURE__ */ r(
-            U,
+            T,
             {
               className: "float-right",
               loading: y,
               onClick: m
             }
           ),
-          !!s && /* @__PURE__ */ r(O, { fields: n, importProps: s })
+          !!s && /* @__PURE__ */ r(L, { fields: l, importProps: s })
         ] })
       ] }),
       /* @__PURE__ */ r(
-        Q,
+        O,
         {
-          ...z,
-          minusHeight: M,
+          ...A,
+          minusHeight: P,
           data: k,
-          size: q,
-          fields: n,
-          extraAction: I,
+          size: z,
+          fields: l,
+          extraAction: M,
           idField: i,
           isDeleting: B,
-          loadingData: F,
+          loadingData: R,
           onClickUpdate: t ? a : void 0,
           onHide: h,
           isHiding: v,
           onDelete: C,
           onUpdate: t,
-          onClickClone: P ? D : void 0,
+          onClickClone: S ? E : void 0,
           paginateProps: g,
           viewable: j,
-          extraView: b
+          extraView: q
         }
       )
     ] }),
     /* @__PURE__ */ r(
-      L,
+      K,
       {
-        ref: l,
-        fields: n,
-        wizard: V,
+        ref: n,
+        fields: l,
+        wizard: b,
         grid: x,
-        fullWidthModal: S,
+        fullWidthModal: V,
         isCreating: w,
         isUpdating: N,
         onCreate: p,
         onUpdate: t,
         idField: i,
-        formBuilder: R
+        formBuilder: I
       }
     )
   ] });
 }
 export {
-  to as default
+  ro as default
 };

package/dist/crud/CrudField.cjs.js

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

package/dist/crud/CrudField.es.js

@@ -1,5 +1,5 @@
-import { jsx as t, Fragment as S, jsxs as E } from "react/jsx-runtime";
-import { Form as j, Radio as M, Select as A, Tag as W, ColorPicker as X } from "antd";
+import { jsx as t, Fragment as P, jsxs as E } from "react/jsx-runtime";
+import { Form as A, Radio as M, Select as j, Tag as W, ColorPicker as X } from "antd";
 import { useEffect as B, useState as G, useMemo as _, useCallback as Y } from "react";
 import Z from "react-highlight-words";
 import { useTranslationLibNoNS as V } from "../locale/index.es.js";
@@ -19,58 +19,58 @@ function Re(N) {
     label: i,
     name: u,
     type: g,
-    required: d,
+    required: s,
     hidden: k,
     rules: h = [],
     updatable: f = !0,
     readonly: w = !1,
     fieldClassName: C,
-    customFormFieldRender: H,
+    customFormFieldRender: S,
     fieldTooltip: v,
     fieldHelper: y,
     ...e
-  } = N, s = j.useFormInstance();
+  } = N, c = A.useFormInstance();
   B(() => {
     if (g === "select") {
       const {
         items: l = [],
         onSearch: a,
-        searchOnType: c
+        searchOnType: d
       } = e;
-      !(l != null && l.length) && !c && (a == null || a(void 0, s, e == null ? void 0 : e.updatingValue));
+      !(l != null && l.length) && !d && (a == null || a(void 0, c, e == null ? void 0 : e.updatingValue));
     }
-  }, [s, e, g, e == null ? void 0 : e.updatingValue]);
-  const { t: P } = V();
-  if (w || k) return /* @__PURE__ */ t(S, {});
-  if (H)
-    return H(s, N);
+  }, [c, e, g, e == null ? void 0 : e.updatingValue]);
+  const { t: H } = V();
+  if (w || k) return /* @__PURE__ */ t(P, {});
+  if (S)
+    return S(c, N);
   switch (g) {
     case "text":
     case "email":
     case "password": {
-      const { onChange: l, placeholder: a, addonAfter: c, addonBefore: p } = e;
+      const { onChange: l, placeholder: a, addonAfter: d, addonBefore: p } = e;
       return /* @__PURE__ */ t(
         ne,
         {
           placeholder: a,
           disabled: !f,
           rules: h,
-          required: d,
-          onChange: l ? (n) => l(n, s) : void 0,
+          required: s,
+          onChange: l ? (n) => l(n, c) : void 0,
           type: g,
           name: u,
           tooltip: v,
           label: i,
           className: C,
           autoComplete: "new-password",
-          addonAfter: c,
+          addonAfter: d,
           addonBefore: p,
           help: y
         }
       );
     }
     case "number": {
-      const { onChange: l, placeholder: a, allowMinus: c, min: p, max: n, addonAfter: T, addonBefore: b } = e;
+      const { onChange: l, placeholder: a, allowMinus: d, min: p, max: n, addonAfter: T, addonBefore: b } = e;
       return /* @__PURE__ */ t(
         oe,
         {
@@ -78,13 +78,13 @@ function Re(N) {
           disabled: !f,
           moneyField: !!e.formatted,
           type: g,
-          onChange: l ? (x) => l(x, s) : void 0,
+          onChange: l ? (x) => l(x, c) : void 0,
           rules: h,
           autoComplete: "false",
-          required: d,
+          required: s,
           tooltip: v,
           className: C,
-          min: c ? null : p,
+          min: d ? null : p,
           max: n,
           addonAfter: T,
           addonBefore: b,
@@ -98,7 +98,7 @@ function Re(N) {
       const {
         range: l,
         disableToday: a,
-        disabledFutureDays: c,
+        disabledFutureDays: d,
         disabledPastDays: p,
         onChange: n,
         placeholder: T,
@@ -108,7 +108,7 @@ function Re(N) {
         ae,
         {
           placeholder: T,
-          required: d,
+          required: s,
           disabled: !f,
           type: g,
           format: b,
@@ -116,10 +116,10 @@ function Re(N) {
           range: l,
           name: u,
           label: i,
-          onChange: n ? (x) => n(x, s) : void 0,
+          onChange: n ? (x) => n(x, c) : void 0,
           className: C,
           disableToday: a,
-          disabledFutureDays: c,
+          disabledFutureDays: d,
           disabledPastDays: p,
           help: y
         }
@@ -129,7 +129,7 @@ function Re(N) {
       const {
         range: l = !1,
         disableCurrent: a,
-        disabledFuture: c,
+        disabledFuture: d,
         disabledPast: p,
         onChange: n,
         use12Hours: T,
@@ -140,7 +140,7 @@ function Re(N) {
         le,
         {
           placeholder: x,
-          required: d,
+          required: s,
           format: b,
           disabled: !f,
           type: g,
@@ -149,10 +149,10 @@ function Re(N) {
           use12Hours: T,
           name: u,
           label: i,
-          onChange: n ? (o) => n(o, s) : void 0,
+          onChange: n ? (o) => n(o, c) : void 0,
           className: C,
           disableCurrent: a,
-          disabledFuture: c,
+          disabledFuture: d,
           disabledPast: p,
           help: y
         }
@@ -165,7 +165,7 @@ function Re(N) {
         re,
         {
           ...e,
-          required: d,
+          required: s,
           name: u,
           label: i,
           rules: h,
@@ -180,7 +180,7 @@ function Re(N) {
         ee,
         {
           ...e,
-          required: d,
+          required: s,
           name: u,
           label: i,
           rules: h,
@@ -195,12 +195,12 @@ function Re(N) {
         se,
         {
           ...e,
-          required: d,
+          required: s,
           name: u,
           label: i,
           rules: h,
           fieldClassName: C,
-          form: s,
+          form: c,
           updatable: f,
           readonly: w,
           fieldTooltip: v,
@@ -211,18 +211,18 @@ function Re(N) {
       const {
         enum: l,
         radio: a = !1,
-        translation: c,
+        translation: d,
         onChange: p,
         onSearch: n,
         multiple: T,
         tagRender: b
       } = e, x = Array.isArray(l) ? l : Object.keys(l);
       return a ? /* @__PURE__ */ t(
-        j.Item,
+        A.Item,
         {
           ...e,
           name: u,
-          required: d,
+          required: s,
           tooltip: v,
           rules: h,
           label: i,
@@ -234,9 +234,9 @@ function Re(N) {
               ...e,
               onChange: p ? (o) => {
                 var F;
-                return p((F = o == null ? void 0 : o.target) == null ? void 0 : F.value, s);
+                return p((F = o == null ? void 0 : o.target) == null ? void 0 : F.value, c);
               } : void 0,
-              children: x.map((o) => /* @__PURE__ */ t(M, { disabled: !f, value: o, children: c ? P(c[o]) : o }, o))
+              children: x.map((o) => /* @__PURE__ */ t(M, { disabled: !f, value: o, children: d ? H(d[o]) : o }, o))
             }
           )
         }
@@ -248,46 +248,47 @@ function Re(N) {
             const { value: F, label: R } = o, O = b[F];
             return O ? /* @__PURE__ */ t(W, { color: O.color, children: R }) : /* @__PURE__ */ t(W, { children: R });
           } : void 0,
-          onChange: p ? (o) => p(o, s) : void 0,
+          onChange: p ? (o) => p(o, c) : void 0,
           className: ["w-100", C].join(" "),
           name: u,
           items: x,
-          required: d,
+          required: s,
           tooltip: v,
           rules: h,
           label: i,
           help: y,
           disabled: !f,
-          onSearch: n ? (o) => n(o, s) : void 0,
+          onSearch: n ? (o) => n(o, c) : void 0,
           allowClear: !0,
           mode: T ? "multiple" : void 0,
-          itemBuilder: (o) => /* @__PURE__ */ t(A.Option, { value: o, children: c ? P(c[o]) : o }, o)
+          itemBuilder: (o) => /* @__PURE__ */ t(j.Option, { value: o, children: d ? H(d[o]) : o }, o)
         }
       );
     }
     case "checkbox": {
-      const { onChange: l } = e;
+      const { onChange: l, switch: a } = e;
       return /* @__PURE__ */ t(
         te,
         {
           className: C,
           rules: h,
-          onChange: l ? (a) => l(a, s) : void 0,
+          onChange: l ? (d) => l(d, c) : void 0,
           label: i,
           tooltip: v,
           disabled: !f,
           name: u,
-          help: y
+          help: y,
+          switch: a
         }
       );
     }
     case "color":
       return /* @__PURE__ */ t(
-        me,
+        ce,
         {
           ...e,
           type: "color",
-          required: d,
+          required: s,
           name: u,
           label: i,
           rules: h,
@@ -299,7 +300,7 @@ function Re(N) {
         }
       );
     default:
-      return /* @__PURE__ */ t(S, { children: `${g} Not Implemented` });
+      return /* @__PURE__ */ t(P, { children: `${g} Not Implemented` });
   }
 }
 function se(N) {
@@ -307,23 +308,23 @@ function se(N) {
     items: i = [],
     loading: u,
     searchOnType: g,
-    onSearch: d,
+    onSearch: s,
     multiple: k,
     onChange: h,
     highlightSearch: f,
     required: w,
     fieldClassName: C,
-    rules: H,
+    rules: S,
     fieldTooltip: v,
     updatable: y,
     label: e,
-    name: s,
-    tagRender: P,
+    name: c,
+    tagRender: H,
     updatingValue: l,
     onSet: a,
-    placeholder: c,
+    placeholder: d,
     allowClear: p = !0
-  } = N, n = N.form, [T, b] = G(""), x = _(() => $.getRealName(s), [s]), o = _(() => $.getRealName(s, "upsertFieldName"), [s]), F = j.useWatch(x, n), [R, O] = G(!0);
+  } = N, n = N.form, [T, b] = G(""), x = _(() => $.getRealName(c), [c]), o = _(() => $.getRealName(c, "upsertFieldName"), [c]), F = A.useWatch(x, n), [R, O] = G(!0);
   B(() => {
     a && R && F && (a == null || a(F, i, n), O(!1));
   }, [R, n, i, x, a, F]), B(() => {
@@ -331,9 +332,9 @@ function se(N) {
   }, [F]);
   const J = Y(
     async (r) => {
-      b(r), g && (d == null || d(r, n, l));
+      b(r), g && (s == null || s(r, n, l));
     },
-    [n, d, g, l]
+    [n, s, g, l]
   );
   return /* @__PURE__ */ t(
     z,
@@ -343,7 +344,7 @@ function se(N) {
       maxTagPlaceholder: (r) => /* @__PURE__ */ E(
         ie,
         {
-          title: /* @__PURE__ */ t(S, { children: r.map((m) => /* @__PURE__ */ E(S, { children: [
+          title: /* @__PURE__ */ t(P, { children: r.map((m) => /* @__PURE__ */ E(P, { children: [
             m.label,
             " ",
             /* @__PURE__ */ t("br", {})
@@ -354,7 +355,7 @@ function se(N) {
           ]
         }
       ),
-      placeholder: c,
+      placeholder: d,
       onSelect: (r) => {
         a == null || a(r == null ? void 0 : r.key, i, n);
       },
@@ -367,8 +368,8 @@ function se(N) {
       items: i,
       required: w,
       tooltip: v,
-      tagRender: P,
-      rules: H,
+      tagRender: H,
+      rules: S,
       disabled: !y,
       label: e,
       allowClear: p,
@@ -388,7 +389,7 @@ function se(N) {
       itemBuilder: f ? (r) => {
         const m = r.value ? String(r.value) : void 0;
         return /* @__PURE__ */ t(
-          A.Option,
+          j.Option,
           {
             value: r.key,
             title: m,
@@ -406,7 +407,7 @@ function se(N) {
           r.key
         );
       } : (r) => /* @__PURE__ */ t(
-        A.Option,
+        j.Option,
         {
           value: r.key,
           title: r.value,
@@ -418,25 +419,25 @@ function se(N) {
     }
   );
 }
-function me(N) {
+function ce(N) {
   const {
     required: i,
     fieldClassName: u,
     rules: g,
-    fieldTooltip: d,
+    fieldTooltip: s,
     updatable: k,
     label: h,
     name: f,
     fieldHelper: w
   } = N;
   return /* @__PURE__ */ t(
-    j.Item,
+    A.Item,
     {
       label: h,
       name: f,
       required: i,
       rules: g,
-      tooltip: d,
+      tooltip: s,
       help: w,
       children: /* @__PURE__ */ t(
         X,
@@ -455,7 +456,7 @@ function me(N) {
   );
 }
 export {
-  me as ColorCrudFieldComponent,
+  ce as ColorCrudFieldComponent,
   se as SelectCrudFieldComponent,
   Re as default
 };

package/dist/crud/view/CrudViewerUtil.cjs.js

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

package/dist/crud/view/CrudViewerUtil.es.js

@@ -4,24 +4,24 @@ import { Space as R, Tag as S, Tooltip as w, Avatar as I } from "antd";
 import { ShowMore as V } from "../../common/show-more/index.es.js";
 import { FileCrudCellValue as k } from "../FileCrudField.es.js";
 import { ImageCrudCellValue as x } from "../ImageCrudField.es.js";
-import g from "../../util/DateUtil.es.js";
+import y from "../../util/DateUtil.es.js";
 import j from "../../util/NumberUtil.es.js";
-import { tWithOrWithoutNS as y } from "../../locale/index.es.js";
+import { tWithOrWithoutNS as g } from "../../locale/index.es.js";
 import H from "../../util/CrudUtil.es.js";
 import { ErrorBoundaryComponent as h } from "../../common/error/ErrorBoundaryComponent.es.js";
 function z({
-  type: u,
+  type: c,
   render: i,
   ...l
 }) {
   try {
-    return u === "object" ? (t, o, r) => typeof i == "function" ? i(t, o, r) : "" : u === "select" ? (t, o, r) => {
+    return c === "object" ? (t, o, r) => typeof i == "function" ? i(t, o, r) : "" : c === "select" ? (t, o, r) => {
       if (!t) return "-";
       const n = l, a = t || (n.items ?? []).find(
         (m) => m[n.innerFieldId ?? "key"] === o[H.getRealName(l.name, "upsertFieldName")]
-      ), c = n.multiple ? Array.isArray(a) ? a.map((m) => m == null ? void 0 : m[n.innerFieldLabel ?? "name"]) : void 0 : a == null ? void 0 : a[n.innerFieldLabel ?? "value"];
-      return typeof i == "function" ? i(c, o, r) : Array.isArray(c) ? c.join(", ") : c;
-    } : u === "number" ? (t, o, r) => typeof i == "function" ? i(t, o, r) : l != null && l.int ? j.toInt(t, l.formatted) : j.toMoney(t) : u === "enum" ? (t, o, r) => {
+      ), u = n.multiple ? Array.isArray(a) ? a.map((m) => m == null ? void 0 : m[n.innerFieldLabel ?? "name"]) : void 0 : a == null ? void 0 : a[n.innerFieldLabel ?? "value"];
+      return typeof i == "function" ? i(u, o, r) : Array.isArray(u) ? u.join(", ") : u;
+    } : c === "number" ? (t, o, r) => typeof i == "function" ? i(t, o, r) : l != null && l.int ? j.toInt(t, l.formatted) : j.toMoney(t) : c === "enum" ? (t, o, r) => {
       var m;
       if (!t) return "-";
       const n = l;
@@ -31,50 +31,51 @@ function z({
         const f = Array.isArray(t) ? t : t ? [t] : [];
         return typeof n.tagRender == "object" ? /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(R, { wrap: !0, children: f.map((d, s) => {
           var b, A;
-          const v = (b = n.tagRender) == null ? void 0 : b[d], C = y(
+          const v = (b = n.tagRender) == null ? void 0 : b[d], C = g(
             ((A = n == null ? void 0 : n.translation) == null ? void 0 : A[d ?? ""]) ?? d
           );
           return v ? /* @__PURE__ */ e(S, { color: v.color, children: C }, s + d) : C;
         }) }) }) : n != null && n.translation ? /* @__PURE__ */ e(h, { children: f == null ? void 0 : f.map(
           (d) => {
             var s;
-            return y(((s = n == null ? void 0 : n.translation) == null ? void 0 : s[d ?? ""]) ?? d);
+            return g(((s = n == null ? void 0 : n.translation) == null ? void 0 : s[d ?? ""]) ?? d);
           }
         ).join(", ") }) : f == null ? void 0 : f.join(", ");
       }
-      const a = ((m = n == null ? void 0 : n.translation) == null ? void 0 : m[t ?? ""]) ?? t, c = y(a);
+      const a = ((m = n == null ? void 0 : n.translation) == null ? void 0 : m[t ?? ""]) ?? t, u = g(a);
       if (typeof n.tagRender == "object") {
         const f = n.tagRender[t];
         if (f)
-          return /* @__PURE__ */ e(S, { color: f.color, children: c });
+          return /* @__PURE__ */ e(S, { color: f.color, children: u });
       }
-      return c;
-    } : u === "date" ? (t, o, r) => {
+      return u;
+    } : c === "date" ? (t, o, r) => {
       if (!t) return "-";
-      const n = l != null && l.formatTime ? g.formatDateTime(t) : g.formatDate(t);
+      const n = l != null && l.formatTime ? y.formatDateTime(t) : y.formatDate(t);
       return /* @__PURE__ */ e(h, { children: typeof i == "function" ? i(t, o, r) : n });
-    } : u === "checkbox" ? (t, o, r) => typeof i == "function" ? i(t, o, r) : t ? /* @__PURE__ */ e(T, {}) : /* @__PURE__ */ e(F, {}) : u === "image" ? (t, o, r) => t ? /* @__PURE__ */ e(h, { children: typeof i == "function" ? i(t, o, r) : /* @__PURE__ */ e(
+    } : c === "checkbox" ? (t, o, r) => typeof i == "function" ? i(t, o, r) : t ? /* @__PURE__ */ e(T, {}) : /* @__PURE__ */ e(F, {}) : c === "image" ? (t, o, r) => t ? /* @__PURE__ */ e(h, { children: typeof i == "function" ? i(t, o, r) : /* @__PURE__ */ e(
       x,
       {
         value: t,
         provider: l.provider
       }
-    ) }) : "-" : u === "file" ? (t, o, r) => t ? /* @__PURE__ */ e(h, { children: typeof i == "function" ? i(t, o, r) : /* @__PURE__ */ e(
+    ) }) : "-" : c === "file" ? (t, o, r) => t ? /* @__PURE__ */ e(h, { children: typeof i == "function" ? i(t, o, r) : /* @__PURE__ */ e(
       k,
       {
         value: t,
         provider: l.provider
       }
-    ) }) : "" : u === "time" ? (t, o, r) => {
+    ) }) : "" : c === "time" ? (t, o, r) => {
       if (!t) return "-";
-      const n = l == null ? void 0 : l.format, a = l == null ? void 0 : l.use12Hours, c = g.formatTime(
+      const n = l == null ? void 0 : l.format, a = l == null ? void 0 : l.use12Hours, u = y.formatTime(
         t,
         n || (a ? "hh:mm:ss A" : void 0)
       );
-      return /* @__PURE__ */ e(h, { children: typeof i == "function" ? i(t, o, r) : c });
-    } : u === "color" ? (t, o, r) => t ? typeof i == "function" ? i(t, o, r) : typeof t == "string" && t.startsWith("#") ? /* @__PURE__ */ e(w, { title: t, children: /* @__PURE__ */ e(I, { style: { backgroundColor: t } }) }) : String(t) : "-" : u === "textarea" ? (t, o, r) => {
+      return /* @__PURE__ */ e(h, { children: typeof i == "function" ? i(t, o, r) : u });
+    } : c === "color" ? (t, o, r) => t ? typeof i == "function" ? i(t, o, r) : typeof t == "string" && t.startsWith("#") ? /* @__PURE__ */ e(w, { title: t, children: /* @__PURE__ */ e(I, { style: { backgroundColor: t } }) }) : String(t) : "-" : c === "textarea" ? (t, o, r) => {
       if (!t) return "-";
-      const n = l, a = n.truncated ?? 1, c = typeof i == "function" ? i(t, o, r) : a ? /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(V, { lines: a === !0 ? 1 : a, children: n.rich ? /* @__PURE__ */ e(
+      const n = l, a = n.truncated ?? 1;
+      return typeof i == "function" ? i(t, o, r) : a ? /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(V, { lines: a === !0 ? 1 : a, children: n.rich ? /* @__PURE__ */ e(
         "div",
         {
           style: { all: "unset" },
@@ -87,7 +88,6 @@ function z({
           dangerouslySetInnerHTML: { __html: t }
         }
       ) : t;
-      return console.log("component", c), c;
     } : typeof i == "function" ? i : (t, o, r) => t;
   } catch (t) {
     return console.warn(

package/dist/crud-component.css

@@ -3,4 +3,4 @@
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
-*/.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"•"}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"☑"}.ql-editor ul[data-checked=false]>li:before{content:"☐"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer: coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0px}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0px;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.dark .ql-toolbar.ql-snow,.dark .ql-container.ql-snow{@apply border border-[#424242];}.ql-toolbar.ql-snow{border-top-left-radius:6px;border-top-right-radius:6px;@apply border border-[#d9d9d9];}.ql-container.ql-snow{border-bottom-left-radius:6px;border-bottom-right-radius:6px;@apply border border-[#d9d9d9];}.quill{border-radius:6px}.show-more-less-clickable{color:#209bff;cursor:pointer}.show-more-less-clickable:hover{text-decoration:underline}
+*/.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"•"}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"☑"}.ql-editor ul[data-checked=false]>li:before{content:"☐"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer: coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0px}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0px;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.dark .ql-toolbar.ql-snow,.dark .ql-container.ql-snow{@apply border border-[#424242];}.ql-toolbar.ql-snow{border-top-left-radius:6px;border-top-right-radius:6px;@apply border border-[#d9d9d9];}.ql-container.ql-snow{border-bottom-left-radius:6px;border-bottom-right-radius:6px;@apply border border-[#d9d9d9];}.quill{border-radius:6px}.show-more-container{position:relative}.show-more-less-clickable{cursor:pointer;background:none;border:none;padding:4px 8px;font-size:inherit;text-decoration:none;transition:color .2s ease}.show-more-less-clickable:hover{color:#40a9ff;text-decoration:underline}.show-more-less-clickable:focus{outline:2px solid #1890ff;outline-offset:2px;border-radius:2px}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kingteza/crud-component",
   "private": false,
-  "version": "1.2.7",
+  "version": "1.4.0",
   "description": "React CRUD component library with Ant Design",
   "keywords": [
     "react",
@@ -69,7 +69,6 @@
     "react-i18next": "^15.2.0",
     "react-quill": "^2.0.0",
     "react-responsive": "^10.0.0",
-    "react-show-more-text": "^1.7.1",
     "uuid": "^11.0.3"
   },
   "devDependencies": {
@@ -85,7 +84,6 @@
     "@types/path-browserify": "^1.0.3",
     "@types/react": "^18.3.18",
     "@types/react-dom": "^18.3.5",
-    "@types/react-show-more-text": "^1.4.5",
     "@types/uuid": "^10.0.0",
     "@vitejs/plugin-react": "^4.3.4",
     "antd": "^5.22.7",

package/dist/Play.d.ts

@@ -1,2 +0,0 @@
-declare const BuildingAndFloorScreen: () => import("react/jsx-runtime").JSX.Element;
-export default BuildingAndFloorScreen;