@kingteza/crud-component 1.13.2 → 1.14.0

package/dist/common/rich/index.cjs.js

@@ -1 +1 @@
-"use strict";var V=Object.create;var p=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var F=Object.getOwnPropertyNames;var q=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var R=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of F(t))!w.call(e,r)&&r!==o&&p(e,r,{get:()=>t[r],enumerable:!(s=j(t,r))||s.enumerable});return e};var y=(e,t,o)=>(o=e!=null?V(q(e)):{},R(t||!e||!e.__esModule?p(o,"default",{value:e,enumerable:!0}):o,e));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),h=require("antd"),c=require("react"),E=require("../../util/ValidationUtil.cjs.js"),S=c.lazy(async()=>{const{default:e}=await import("react-quill");return{default:t=>a.jsx(e,{...t})}}),T=({name:e,label:t,required:o,rules:s=[],disabled:r,help:f})=>{const n=h.Form.useFormInstance(),[u,d]=c.useState(""),b={toolbar:[["bold","italic","underline","strike","blockquote"],[{list:"ordered"},{list:"bullet"}],["link"],["clean"]]},k=["bold","italic","underline","strike","blockquote","list","bullet","link"];c.useEffect(()=>{const i=n.getFieldValue(e);i&&i!=="<p></p>"&&i!=="<p><br></p>"&&d(i)},[n,e]);const l=h.Form.useWatch(e,n);c.useEffect(()=>{l!==u&&d(!l||l==="<p></p>"||l==="<p><br></p>"?"":l)},[l,u]);const m=i=>{d(i);const g=!i||i==="<p></p>"||i.trim()==="<p><br></p>"?void 0:i;n.setFieldValue(e,g),n.validateFields([e]).catch(()=>{})},x=c.useMemo(()=>o?[...s,...E.required(t??"")]:s,[o,s,t]);return a.jsx(h.Form.Item,{help:f,name:e,label:t,rules:x,children:a.jsx(c.Suspense,{fallback:a.jsx("div",{children:"Loading editor..."}),children:a.jsx(S,{readOnly:r,value:u,onChange:m,theme:"snow",className:"bg-white dark:!bg-[#141414] dark:text-white dark:!fill-white",modules:b,formats:k})})})};exports.RichTextEditor=T;
+"use strict";var k=Object.create;var f=Object.defineProperty;var F=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var q=Object.getPrototypeOf,R=Object.prototype.hasOwnProperty;var y=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of g(t))!R.call(e,s)&&s!==o&&f(e,s,{get:()=>t[s],enumerable:!(r=F(t,s))||r.enumerable});return e};var E=(e,t,o)=>(o=e!=null?k(q(e)):{},y(t||!e||!e.__esModule?f(o,"default",{value:e,enumerable:!0}):o,e));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),p=require("antd"),c=require("react"),S=require("../../util/ValidationUtil.cjs.js"),w=c.lazy(async()=>{const{default:e}=await import("react-quill");return{default:t=>d.jsx(e,{...t})}}),T=({name:e,label:t,required:o,rules:r=[],disabled:s,help:h})=>{const n=p.Form.useFormInstance(),[u,a]=c.useState(""),b={toolbar:[["bold","italic","underline","strike","blockquote"],[{list:"ordered"},{list:"bullet"}],["link"],["clean"]]},m=["bold","italic","underline","strike","blockquote","list","bullet","link"];c.useEffect(()=>{const i=n.getFieldValue(e);i&&i!=="<p></p>"&&i!=="<p><br></p>"&&a(i)},[n,e]);const l=p.Form.useWatch(e,n);c.useEffect(()=>{l!==u&&a(!l||l==="<p></p>"||l==="<p><br></p>"?"":l)},[l,u]);const x=i=>{a(i);const j=!i||i==="<p></p>"||i.trim()==="<p><br></p>"?void 0:i;n.setFieldValue(e,j),n.validateFields([e]).catch(()=>{})},V=c.useMemo(()=>o?[...r,...S.required(t??"")]:r,[o,r,t]);return d.jsx(p.Form.Item,{help:h,name:e,label:t,rules:V,children:d.jsx(c.Suspense,{fallback:d.jsx("div",{children:"Loading editor..."}),children:d.jsx(w,{readOnly:s,value:u,onChange:x,theme:"snow",className:"rich-text-editor",modules:b,formats:m})})})};exports.RichTextEditor=T;

package/dist/common/rich/index.es.js

@@ -1,26 +1,26 @@
 import { jsx as r } from "react/jsx-runtime";
 import { Form as a } from "antd";
-import g, { useState as w, useEffect as u, useMemo as F, Suspense as x } from "react";
-import R from "../../util/ValidationUtil.es.js";
-const y = g.lazy(async () => {
+import F, { useState as g, useEffect as u, useMemo as x, Suspense as R } from "react";
+import w from "../../util/ValidationUtil.es.js";
+const y = F.lazy(async () => {
   const { default: e } = await import("react-quill");
-  return { default: (o) => /* @__PURE__ */ r(e, { ...o }) };
+  return { default: (i) => /* @__PURE__ */ r(e, { ...i }) };
 }), Q = ({
   name: e,
-  label: o,
+  label: i,
   required: d,
   rules: c = [],
   disabled: p,
   help: f
 }) => {
-  const l = a.useFormInstance(), [n, s] = w(""), h = {
+  const l = a.useFormInstance(), [n, s] = g(""), m = {
     toolbar: [
       ["bold", "italic", "underline", "strike", "blockquote"],
       [{ list: "ordered" }, { list: "bullet" }],
       ["link"],
       ["clean"]
     ]
-  }, m = [
+  }, h = [
     "bold",
     "italic",
     "underline",
@@ -34,29 +34,29 @@ const y = g.lazy(async () => {
     const t = l.getFieldValue(e);
     t && t !== "<p></p>" && t !== "<p><br></p>" && s(t);
   }, [l, e]);
-  const i = a.useWatch(e, l);
+  const o = a.useWatch(e, l);
   u(() => {
-    i !== n && s(!i || i === "<p></p>" || i === "<p><br></p>" ? "" : i);
-  }, [i, n]);
+    o !== n && s(!o || o === "<p></p>" || o === "<p><br></p>" ? "" : o);
+  }, [o, n]);
   const b = (t) => {
     s(t);
-    const V = !t || t === "<p></p>" || t.trim() === "<p><br></p>" ? void 0 : t;
-    l.setFieldValue(e, V), l.validateFields([e]).catch(() => {
+    const k = !t || t === "<p></p>" || t.trim() === "<p><br></p>" ? void 0 : t;
+    l.setFieldValue(e, k), l.validateFields([e]).catch(() => {
     });
-  }, k = F(
-    () => d ? [...c, ...R.required(o ?? "")] : c,
-    [d, c, o]
+  }, V = x(
+    () => d ? [...c, ...w.required(i ?? "")] : c,
+    [d, c, i]
   );
-  return /* @__PURE__ */ r(a.Item, { help: f, name: e, label: o, rules: k, children: /* @__PURE__ */ r(x, { fallback: /* @__PURE__ */ r("div", { children: "Loading editor..." }), children: /* @__PURE__ */ r(
+  return /* @__PURE__ */ r(a.Item, { help: f, name: e, label: i, rules: V, children: /* @__PURE__ */ r(R, { fallback: /* @__PURE__ */ r("div", { children: "Loading editor..." }), children: /* @__PURE__ */ r(
     y,
     {
       readOnly: p,
       value: n,
       onChange: b,
       theme: "snow",
-      className: "bg-white dark:!bg-[#141414] dark:text-white dark:!fill-white",
-      modules: h,
-      formats: m
+      className: "rich-text-editor",
+      modules: m,
+      formats: h
     }
   ) }) });
 };

package/dist/crud/CrudComponent.d.ts

@@ -105,6 +105,7 @@ export interface SelectCrudField<T, ItemType extends SelectFieldItem = SelectFie
     };
     onChange?: (value: any, form: FormInstance<T>) => void;
     onSet?: (value: any | any[], items: SelectFieldItem[], form: FormInstance<T>) => void;
+    selectOptionRender?: (option: SelectFieldItem) => ReactNode;
 }
 export interface EnumCrudField<T> extends InitialCrudField<T>, Copyable<false> {
     type: "enum";

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

package/dist/crud/CrudField.es.js

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

package/dist/crud/CrudReportComponent.cjs.js

@@ -1,4 +1 @@
-"use strict";const r=require("react/jsx-runtime"),J=require("@ant-design/icons"),s=require("antd"),i=require("react"),j=require("./CrudField.cjs.js"),K=require("./view/CrudViewer.cjs.js"),M=require("../common/report/SelectFieldInReport.cjs.js"),v=require("./view/CrudViewerUtil.cjs.js"),Q=require("../common/select/SelectComponent.cjs.js"),V=require("../common/button/Button.cjs.js"),W=require("../common/button/PrintButton.cjs.js"),A={lg:6,md:8,sm:12,xs:24},X={lg:12,md:16,sm:24,xs:24};function Y({fields:d,data:u,idField:L,loadingData:f,onSubmit:x,paginateProps:G,size:O,onClickPrint:h,onClickExcelExport:y,minusHeight:U,extraSearchFields:R,searchOnMount:B,summary:_}){const{searchable:$,selectable:c,sortable:w,defaultSort:p}=i.useMemo(()=>{var b,m,N,I,T;const e=[],t=[],o=[];let n;for(const l of d.filter(H=>!H.hidden))l.type==="image"||!l.report||((b=l.report)!=null&&b.searchable&&e.push(l),(m=l.report)!=null&&m.sortable&&(t.push(l),!n&&((N=l.report)!=null&&N.defaultSort)&&(n=l)),l.hideInTable||o.push({id:l.name,label:l.label,lock:(I=l.report)==null?void 0:I.lock,alreadySelected:(T=l.report)==null?void 0:T.alreadySelected}));return{defaultSort:n,searchable:e,sortable:t,selectable:o}},[d]),[S,F]=i.useState([]),g=i.useCallback(async({sortBy:e,sortByType:t,showFields:o=[],...n})=>{const b=[];e&&b.push({field:e,sort:t??"DESC"}),F(d.filter(m=>o.includes(m.name)).map(m=>({...m,hideInTable:!1}))),x({showFields:o,sortBy:b,...n})},[d,x]),[a]=s.Form.useForm(),[q,z]=i.useState(!1),[C,D]=i.useState(!0);return i.useEffect(()=>{if(B&&C){const e=setTimeout(()=>{a.validateFields().then(t=>{g(t)}),D(!1)},200);return()=>clearTimeout(e)}},[g,a,C,B]),i.useEffect(()=>{var t,o;!a.getFieldValue("sortBy")&&p&&a.setFieldsValue({sortBy:p.name,sortByType:typeof((t=p.report)==null?void 0:t.defaultSort)=="string"?(o=p.report)==null?void 0:o.defaultSort:"ASC"})},[p,a]),i.useEffect(()=>{if(q){const e=c.filter(t=>t.alreadySelected).map(t=>t.id);F(d.filter(t=>e.includes(t.name)).map(t=>({...t,hideInTable:!1}))),z(!1)}},[d,q,c]),r.jsxs(s.Space,{className:"w-100",direction:"vertical",children:[r.jsxs(s.Form,{form:a,layout:"vertical",onFinish:g,children:[r.jsxs(s.Row,{gutter:[8,8],children:[$.map(e=>{var t,o,n;return r.jsx(s.Col,{...e.grid??A,style:{alignSelf:"end"},children:(t=e.report)!=null&&t.customRender?e.report.customRender(a):e.type==="date"?r.jsx(j.default,{...e,type:"date",range:(o=e.report)==null?void 0:o.range,required:!!((n=e.report)!=null&&n.required),readonly:!1,fieldClassName:"mb-0"}):e.type==="select"?r.jsx(j.default,{...e,type:"select",multiple:!0,required:!1,readonly:!1,fieldClassName:"mb-0"}):r.jsx(j.default,{...e,readonly:!1,required:!1,fieldClassName:"mb-0"})},e.name)}),!!(c!=null&&c.length)&&r.jsx(s.Col,{...X,children:r.jsx(M.SelectFieldInReport,{items:c,name:"showFields",mode:"multiple",label:"Show Fields",className:"mb-0"})}),!!w.length&&r.jsx(s.Col,{...A,children:r.jsx(Q,{label:"Sort By",name:"sortBy",items:w.map(e=>({id:e.name,label:e.label})),nameFieldInArray:"label",fieldId:"id",className:"mb-0",dropdownRender:e=>r.jsxs(r.Fragment,{children:[e,r.jsx(s.Form.Item,{name:"sortByType",noStyle:!0,className:"mt-3",children:r.jsx(s.Radio.Group,{className:"w-100",defaultValue:"DESC",optionType:"button",children:r.jsxs(s.Row,{children:[r.jsx(s.Col,{xs:12,children:r.jsx(s.Radio,{className:"w-100",style:{borderTopRightRadius:0,borderBottomRightRadius:0},value:"ASC",children:"Ascending"})}),r.jsx(s.Col,{xs:12,children:r.jsx(s.Radio,{className:"w-100",style:{borderTopLeftRadius:0,borderBottomLeftRadius:0},value:"DESC",children:"Descending"})})]})})})]})})}),R?R(a):null]}),r.jsx(V,{className:"mt-3",type:"primary",block:!0,htmlType:"submit",disabled:f,children:"Submit"})]}),r.jsxs(s.Space,{children:[!!h&&r.jsx(W.PrintButton,{disabled:f||!u.length,onClick:()=>h==null?void 0:h({tableId:"#crud-table table",data:u,fields:S.map(e=>({...e,render:v.getRendererValueCrudViewer(e)}))})}),!!y&&r.jsx(V,{disabled:f||!u.length,onClick:()=>y==null?void 0:y({tableId:"#crud-table table",data:u,fields:S.map(e=>({...e,render:v.getRendererValueCrudViewer(e)}))}),icon:r.jsx(J.FileExcelOutlined,{}),className:`group
-                ${f||!u.length?"":"!bg-green-700 hover:!bg-green-600 !text-white !border-green-700 hover:!border-green-600"}
-                
-              `,children:"Excel"})]}),_,r.jsx(K,{minusHeight:U,data:u,size:O,fields:S,idField:L,loadingData:f,paginateProps:G,viewable:!1})]})}module.exports=Y;
+"use strict";const t=require("react/jsx-runtime"),J=require("@ant-design/icons"),s=require("antd"),i=require("react"),x=require("./CrudField.cjs.js"),K=require("./view/CrudViewer.cjs.js"),M=require("../common/report/SelectFieldInReport.cjs.js"),V=require("./view/CrudViewerUtil.cjs.js"),Q=require("../common/select/SelectComponent.cjs.js"),v=require("../common/button/Button.cjs.js"),W=require("../common/button/PrintButton.cjs.js"),A={lg:6,md:8,sm:12,xs:24},X={lg:12,md:16,sm:24,xs:24};function Y({fields:d,data:u,idField:L,loadingData:f,onSubmit:g,paginateProps:G,size:O,onClickPrint:h,onClickExcelExport:y,minusHeight:U,extraSearchFields:R,searchOnMount:B,summary:_}){const{searchable:$,selectable:c,sortable:F,defaultSort:p}=i.useMemo(()=>{var b,m,N,I,T;const e=[],r=[],o=[];let n;for(const l of d.filter(H=>!H.hidden))l.type==="image"||!l.report||((b=l.report)!=null&&b.searchable&&e.push(l),(m=l.report)!=null&&m.sortable&&(r.push(l),!n&&((N=l.report)!=null&&N.defaultSort)&&(n=l)),l.hideInTable||o.push({id:l.name,label:l.label,lock:(I=l.report)==null?void 0:I.lock,alreadySelected:(T=l.report)==null?void 0:T.alreadySelected}));return{defaultSort:n,searchable:e,sortable:r,selectable:o}},[d]),[S,q]=i.useState([]),j=i.useCallback(async({sortBy:e,sortByType:r,showFields:o=[],...n})=>{const b=[];e&&b.push({field:e,sort:r??"DESC"}),q(d.filter(m=>o.includes(m.name)).map(m=>({...m,hideInTable:!1}))),g({showFields:o,sortBy:b,...n})},[d,g]),[a]=s.Form.useForm(),[w,z]=i.useState(!1),[C,D]=i.useState(!0);return i.useEffect(()=>{if(B&&C){const e=setTimeout(()=>{a.validateFields().then(r=>{j(r)}),D(!1)},200);return()=>clearTimeout(e)}},[j,a,C,B]),i.useEffect(()=>{var r,o;!a.getFieldValue("sortBy")&&p&&a.setFieldsValue({sortBy:p.name,sortByType:typeof((r=p.report)==null?void 0:r.defaultSort)=="string"?(o=p.report)==null?void 0:o.defaultSort:"ASC"})},[p,a]),i.useEffect(()=>{if(w){const e=c.filter(r=>r.alreadySelected).map(r=>r.id);q(d.filter(r=>e.includes(r.name)).map(r=>({...r,hideInTable:!1}))),z(!1)}},[d,w,c]),t.jsxs(s.Space,{className:"w-100",direction:"vertical",children:[t.jsxs(s.Form,{form:a,layout:"vertical",onFinish:j,children:[t.jsxs(s.Row,{gutter:[8,8],children:[$.map(e=>{var r,o,n;return t.jsx(s.Col,{...e.grid??A,style:{alignSelf:"end"},children:(r=e.report)!=null&&r.customRender?e.report.customRender(a):e.type==="date"?t.jsx(x.default,{...e,type:"date",range:(o=e.report)==null?void 0:o.range,required:!!((n=e.report)!=null&&n.required),readonly:!1,fieldClassName:"mb-0"}):e.type==="select"?t.jsx(x.default,{...e,type:"select",multiple:!0,required:!1,readonly:!1,fieldClassName:"mb-0"}):t.jsx(x.default,{...e,readonly:!1,required:!1,fieldClassName:"mb-0"})},e.name)}),!!(c!=null&&c.length)&&t.jsx(s.Col,{...X,children:t.jsx(M.SelectFieldInReport,{items:c,name:"showFields",mode:"multiple",label:"Show Fields",className:"mb-0"})}),!!F.length&&t.jsx(s.Col,{...A,children:t.jsx(Q,{label:"Sort By",name:"sortBy",items:F.map(e=>({id:e.name,label:e.label})),nameFieldInArray:"label",fieldId:"id",className:"mb-0",dropdownRender:e=>t.jsxs(t.Fragment,{children:[e,t.jsx(s.Form.Item,{name:"sortByType",noStyle:!0,className:"mt-3",children:t.jsx(s.Radio.Group,{className:"w-100",defaultValue:"DESC",optionType:"button",children:t.jsxs(s.Row,{children:[t.jsx(s.Col,{xs:12,children:t.jsx(s.Radio,{className:"w-100",style:{borderTopRightRadius:0,borderBottomRightRadius:0},value:"ASC",children:"Ascending"})}),t.jsx(s.Col,{xs:12,children:t.jsx(s.Radio,{className:"w-100",style:{borderTopLeftRadius:0,borderBottomLeftRadius:0},value:"DESC",children:"Descending"})})]})})})]})})}),R?R(a):null]}),t.jsx(v,{className:"mt-3",type:"primary",block:!0,htmlType:"submit",disabled:f,children:"Submit"})]}),t.jsxs(s.Space,{children:[!!h&&t.jsx(W.PrintButton,{disabled:f||!u.length,onClick:()=>h==null?void 0:h({tableId:"#crud-table table",data:u,fields:S.map(e=>({...e,render:V.getRendererValueCrudViewer(e)}))})}),!!y&&t.jsx(v,{disabled:f||!u.length,onClick:()=>y==null?void 0:y({tableId:"#crud-table table",data:u,fields:S.map(e=>({...e,render:V.getRendererValueCrudViewer(e)}))}),icon:t.jsx(J.FileExcelOutlined,{}),className:`group ${f||!u.length?"":"crud-excel-export-btn"}`,children:"Excel"})]}),_,t.jsx(K,{minusHeight:U,data:u,size:O,fields:S,idField:L,loadingData:f,paginateProps:G,viewable:!1})]})}module.exports=Y;

package/dist/crud/CrudReportComponent.es.js

@@ -1,35 +1,35 @@
-import { jsxs as u, jsx as t, Fragment as Z } from "react/jsx-runtime";
-import { FileExcelOutlined as x } from "@ant-design/icons";
+import { jsxs as u, jsx as t, Fragment as Y } from "react/jsx-runtime";
+import { FileExcelOutlined as Z } from "@ant-design/icons";
 import { Form as B, Space as O, Row as _, Col as b, Radio as R } from "antd";
-import { useMemo as k, useState as w, useCallback as E, useEffect as F } from "react";
+import { useMemo as k, useState as F, useCallback as E, useEffect as w } from "react";
 import N from "./CrudField.es.js";
 import P from "./view/CrudViewer.es.js";
 import { SelectFieldInReport as ee } from "../common/report/SelectFieldInReport.es.js";
 import { getRendererValueCrudViewer as $ } from "./view/CrudViewerUtil.es.js";
 import re from "../common/select/SelectComponent.es.js";
-import z from "../common/button/Button.es.js";
+import x from "../common/button/Button.es.js";
 import { PrintButton as te } from "../common/button/PrintButton.es.js";
-const D = { lg: 6, md: 8, sm: 12, xs: 24 }, le = { lg: 12, md: 16, sm: 24, xs: 24 };
+const z = { lg: 6, md: 8, sm: 12, xs: 24 }, le = { lg: 12, md: 16, sm: 24, xs: 24 };
 function be({
-  fields: n,
-  data: i,
-  idField: H,
+  fields: i,
+  data: d,
+  idField: D,
   loadingData: c,
   onSubmit: T,
-  paginateProps: J,
-  size: K,
+  paginateProps: H,
+  size: J,
   onClickPrint: h,
   onClickExcelExport: y,
-  minusHeight: M,
-  extraSearchFields: v,
-  searchOnMount: C,
-  summary: Q
+  minusHeight: K,
+  extraSearchFields: C,
+  searchOnMount: I,
+  summary: M
 }) {
-  const { searchable: U, selectable: d, sortable: I, defaultSort: p } = k(() => {
+  const { searchable: Q, selectable: n, sortable: v, defaultSort: p } = k(() => {
     var f, m, j, L, G;
     const e = [], r = [], o = [];
     let a;
-    for (const l of n.filter((Y) => !Y.hidden))
+    for (const l of i.filter((X) => !X.hidden))
       l.type === "image" || !l.report || ((f = l.report) != null && f.searchable && e.push(l), (m = l.report) != null && m.sortable && (r.push(l), !a && ((j = l.report) != null && j.defaultSort) && (a = l)), l.hideInTable || o.push({
         id: l.name,
         label: l.label,
@@ -42,9 +42,9 @@ function be({
       sortable: r,
       selectable: o
     };
-  }, [n]), [g, V] = w(
+  }, [i]), [S, V] = F(
     []
-  ), S = E(
+  ), g = E(
     async ({
       sortBy: e,
       sortByType: r,
@@ -56,42 +56,42 @@ function be({
         field: e,
         sort: r ?? "DESC"
       }), V(
-        n.filter((m) => o.includes(m.name)).map((m) => ({ ...m, hideInTable: !1 }))
+        i.filter((m) => o.includes(m.name)).map((m) => ({ ...m, hideInTable: !1 }))
       ), T({ showFields: o, sortBy: f, ...a });
     },
-    [n, T]
-  ), [s] = B.useForm(), [q, W] = w(!1), [A, X] = w(!0);
-  return F(() => {
-    if (C && A) {
+    [i, T]
+  ), [s] = B.useForm(), [q, U] = F(!1), [A, W] = F(!0);
+  return w(() => {
+    if (I && A) {
       const e = setTimeout(() => {
         s.validateFields().then((r) => {
-          S(r);
-        }), X(!1);
+          g(r);
+        }), W(!1);
       }, 200);
       return () => clearTimeout(e);
     }
-  }, [S, s, A, C]), F(() => {
+  }, [g, s, A, I]), w(() => {
     var r, o;
     !s.getFieldValue("sortBy") && p && s.setFieldsValue({
       sortBy: p.name,
       sortByType: typeof ((r = p.report) == null ? void 0 : r.defaultSort) == "string" ? (o = p.report) == null ? void 0 : o.defaultSort : "ASC"
     });
-  }, [p, s]), F(() => {
+  }, [p, s]), w(() => {
     if (q) {
-      const e = d.filter((r) => r.alreadySelected).map((r) => r.id);
+      const e = n.filter((r) => r.alreadySelected).map((r) => r.id);
       V(
-        n.filter((r) => e.includes(r.name)).map((r) => ({ ...r, hideInTable: !1 }))
-      ), W(!1);
+        i.filter((r) => e.includes(r.name)).map((r) => ({ ...r, hideInTable: !1 }))
+      ), U(!1);
     }
-  }, [n, q, d]), /* @__PURE__ */ u(O, { className: "w-100", direction: "vertical", children: [
-    /* @__PURE__ */ u(B, { form: s, layout: "vertical", onFinish: S, children: [
+  }, [i, q, n]), /* @__PURE__ */ u(O, { className: "w-100", direction: "vertical", children: [
+    /* @__PURE__ */ u(B, { form: s, layout: "vertical", onFinish: g, children: [
       /* @__PURE__ */ u(_, { gutter: [8, 8], children: [
-        U.map((e) => {
+        Q.map((e) => {
           var r, o, a;
           return /* @__PURE__ */ t(
             b,
             {
-              ...e.grid ?? D,
+              ...e.grid ?? z,
               style: { alignSelf: "end" },
               children: (r = e.report) != null && r.customRender ? e.report.customRender(s) : e.type === "date" ? /* @__PURE__ */ t(
                 N,
@@ -126,26 +126,26 @@ function be({
             e.name
           );
         }),
-        !!(d != null && d.length) && /* @__PURE__ */ t(b, { ...le, children: /* @__PURE__ */ t(
+        !!(n != null && n.length) && /* @__PURE__ */ t(b, { ...le, children: /* @__PURE__ */ t(
           ee,
           {
-            items: d,
+            items: n,
             name: "showFields",
             mode: "multiple",
             label: "Show Fields",
             className: "mb-0"
           }
         ) }),
-        !!I.length && /* @__PURE__ */ t(b, { ...D, children: /* @__PURE__ */ t(
+        !!v.length && /* @__PURE__ */ t(b, { ...z, children: /* @__PURE__ */ t(
           re,
           {
             label: "Sort By",
             name: "sortBy",
-            items: I.map((e) => ({ id: e.name, label: e.label })),
+            items: v.map((e) => ({ id: e.name, label: e.label })),
             nameFieldInArray: "label",
             fieldId: "id",
             className: "mb-0",
-            dropdownRender: (e) => /* @__PURE__ */ u(Z, { children: [
+            dropdownRender: (e) => /* @__PURE__ */ u(Y, { children: [
               e,
               /* @__PURE__ */ t(B.Item, { name: "sortByType", noStyle: !0, className: "mt-3", children: /* @__PURE__ */ t(
                 R.Group,
@@ -184,10 +184,10 @@ function be({
             ] })
           }
         ) }),
-        v ? v(s) : null
+        C ? C(s) : null
       ] }),
       /* @__PURE__ */ t(
-        z,
+        x,
         {
           className: "mt-3",
           type: "primary",
@@ -202,11 +202,11 @@ function be({
       !!h && /* @__PURE__ */ t(
         te,
         {
-          disabled: c || !i.length,
+          disabled: c || !d.length,
           onClick: () => h == null ? void 0 : h({
             tableId: "#crud-table table",
-            data: i,
-            fields: g.map((e) => ({
+            data: d,
+            fields: S.map((e) => ({
               ...e,
               render: $(e)
             }))
@@ -214,37 +214,34 @@ function be({
         }
       ),
       !!y && /* @__PURE__ */ t(
-        z,
+        x,
         {
-          disabled: c || !i.length,
+          disabled: c || !d.length,
           onClick: () => y == null ? void 0 : y({
             tableId: "#crud-table table",
-            data: i,
-            fields: g.map((e) => ({
+            data: d,
+            fields: S.map((e) => ({
               ...e,
               render: $(e)
             }))
           }),
-          icon: /* @__PURE__ */ t(x, {}),
-          className: `group
-                ${c || !i.length ? "" : "!bg-green-700 hover:!bg-green-600 !text-white !border-green-700 hover:!border-green-600"}
-                
-              `,
+          icon: /* @__PURE__ */ t(Z, {}),
+          className: `group ${c || !d.length ? "" : "crud-excel-export-btn"}`,
           children: "Excel"
         }
       )
     ] }),
-    Q,
+    M,
     /* @__PURE__ */ t(
       P,
       {
-        minusHeight: M,
-        data: i,
-        size: K,
-        fields: g,
-        idField: H,
+        minusHeight: K,
+        data: d,
+        size: J,
+        fields: S,
+        idField: D,
         loadingData: c,
-        paginateProps: J,
+        paginateProps: H,
         viewable: !1
       }
     )

package/dist/style.css

@@ -8,4 +8,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}.ant-avatar-string{left:0!important;position:relative!important}.hide-upload div.ant-upload-select{display:none!important}.max-width{width:100%}.ant-btn:focus{outline:none!important;box-shadow:none!important}.ant-btn:active{outline:none!important;border-color:inherit!important}input:focus{outline:none!important}
+*/.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}html.dark .ql-toolbar.ql-snow,html[data-theme=dark] .ql-toolbar.ql-snow,body.dark .ql-toolbar.ql-snow,html.dark .ql-container.ql-snow,html[data-theme=dark] .ql-container.ql-snow,body.dark .ql-container.ql-snow{border:1px solid #424242}html.dark .rich-text-editor,html[data-theme=dark] .rich-text-editor,body.dark .rich-text-editor{background-color:#141414!important;color:#fff!important}html.dark .rich-text-editor svg,html[data-theme=dark] .rich-text-editor svg,body.dark .rich-text-editor svg{fill:#fff!important}.ql-toolbar.ql-snow{border-top-left-radius:6px;border-top-right-radius:6px;border:1px solid #d9d9d9}.ql-container.ql-snow{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border:1px solid #d9d9d9}.quill{border-radius:6px}.rich-text-editor{background-color:#fff}.ant-avatar-string{left:0!important;position:relative!important}.hide-upload div.ant-upload-select{display:none!important}.max-width{width:100%}.crud-excel-export-btn{background-color:#15803d!important;color:#fff!important;border-color:#15803d!important}.crud-excel-export-btn:hover{background-color:#16a34a!important;border-color:#16a34a!important}.ant-btn:focus{outline:none!important;box-shadow:none!important}.ant-btn:active{outline:none!important;border-color:inherit!important}input:focus{outline:none!important}

package/package.json

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