@kingteza/crud-component 1.2.1 → 1.2.3

package/dist/crud/view/CrudViewer.d.ts

@@ -0,0 +1,43 @@
+import { SizeType } from 'antd/es/config-provider/SizeContext';
+import { ExpandableConfig } from 'antd/es/table/interface';
+import { DragEndEvent } from '@dnd-kit/core';
+import { TableProps } from 'antd/lib';
+import { CrudActionsProps } from '../actions';
+import { default as React } from 'react';
+import { CrudFieldProps, CrudPaginateProps } from '../CrudComponent';
+import { CrudSearchComponentProps } from '../CrudSearchComponent';
+import { DescListColumn } from './CrudDecListView';
+export type CrudDragableProps<T> = {
+    onDragEnd?: (event: DragEndEvent) => void;
+    onDrag?: (params: {
+        newOrder: T[];
+    }) => void;
+    columnLabel?: string;
+    tooltip?: string;
+};
+export type CrudViewableProps<T> = boolean | keyof T | {
+    onClick: (t: T) => void;
+};
+export type CrudViewerProps<T, FormType> = {
+    fields: CrudFieldProps<T>[];
+    decListLayout?: "horizontal" | "vertical";
+    viewable?: CrudViewableProps<T>;
+    paginateProps?: CrudPaginateProps;
+    data: T[] | undefined;
+    loadingData?: boolean;
+    minusHeight?: string;
+    scroll?: TableProps<T>["scroll"];
+    className?: string;
+    bordered?: boolean;
+    size?: SizeType;
+    onClickRefresh?: () => void;
+    expandable?: ExpandableConfig<T>;
+    descListColumn?: DescListColumn;
+    extraView?: (t: T) => React.ReactElement;
+    scrollToTop?: boolean;
+    rowClassName?: TableProps<T>["rowClassName"];
+    actionWidth?: string | number;
+    draggable?: CrudDragableProps<T>;
+} & CrudActionsProps<T, FormType> & CrudSearchComponentProps<T, FormType>;
+declare function CrudViewer<T, FormType = T>({ idField, loadingData, fields, isDeleting, isHiding, viewable, paginateProps, onDelete, onHide, onUpdate, data, extraAction, onClickUpdate, minusHeight, scroll, onClickClone, className, expandable, size, bordered, descListColumn, extraView, decListLayout, scrollToTop, onClickRefresh, closeViewOnClickUpdate, onExport, confirmHiding, confirmDeleting, rowClassName, actionWidth, draggable, ...props }: CrudViewerProps<T, FormType>): import("react/jsx-runtime").JSX.Element;
+export default CrudViewer;

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

@@ -0,0 +1,304 @@
+import { jsx as e, jsxs as L, Fragment as ot } from "react/jsx-runtime";
+import { Modal as It } from "antd";
+import { DndContext as St } from "@dnd-kit/core";
+import { restrictToVerticalAxis as Tt } from "@dnd-kit/modifiers";
+import { CSS as Rt } from "@dnd-kit/utilities";
+import { arrayMove as nt, SortableContext as lt, verticalListSortingStrategy as Bt, useSortable as Dt } from "@dnd-kit/sortable";
+import Nt from "../../common/button/Button.es.js";
+import { RefreshButton as dt } from "../../common/button/RefreshButton.es.js";
+import jt from "../../common/button/ViewButtonTable.es.js";
+import Et from "../actions/index.es.js";
+import Lt from "../../common/table/table.es.js";
+import mt, { useMemo as h, useState as V, useEffect as rt, useCallback as et, useContext as Mt } from "react";
+import { useTranslationLib as Ot } from "../../locale/index.es.js";
+import zt from "../CrudSearchComponent.es.js";
+import { CrudDecListView as Vt } from "./CrudDecListView.es.js";
+import { getRendererValueCrudViewer as ct } from "./CrudViewerUtil.es.js";
+import { HolderOutlined as kt } from "@ant-design/icons";
+import st from "../../util/CrudUtil.es.js";
+import vt from "../../common/layout/VerticalSpace.es.js";
+const At = mt.memo(Lt);
+function ro({
+  idField: o = "id",
+  loadingData: C,
+  fields: u,
+  isDeleting: D,
+  isHiding: R,
+  viewable: c = !1,
+  paginateProps: p,
+  onDelete: x,
+  onHide: N,
+  onUpdate: I,
+  data: S = [],
+  extraAction: d,
+  onClickUpdate: j,
+  minusHeight: M,
+  scroll: k,
+  onClickClone: v,
+  className: A,
+  expandable: _,
+  size: $,
+  bordered: q,
+  descListColumn: ft,
+  extraView: O,
+  decListLayout: it,
+  scrollToTop: qt,
+  onClickRefresh: G,
+  closeViewOnClickUpdate: J,
+  onExport: K,
+  confirmHiding: Q,
+  confirmDeleting: X,
+  rowClassName: Y,
+  actionWidth: Z = 190,
+  draggable: t,
+  ...pt
+}) {
+  const { t: P } = Ot(), W = h(
+    () => u.map(({ hideInTable: n, hidden: r, width: s, label: f, halign: T, ...B }) => {
+      const E = st.getRealName(B.name);
+      return {
+        title: f,
+        width: s,
+        key: E,
+        dataIndex: E,
+        hidden: n || r,
+        align: T ?? (B.type === "number" ? "right" : void 0),
+        render: ct(B)
+      };
+    }),
+    [u]
+  ), [m, l] = V(), [H, U] = V(), [y, w] = V([]);
+  rt(() => {
+    S && w(S);
+  }, [S]), rt(() => {
+    S && l((n) => {
+      if (n)
+        return S.find((r) => r[o] === n[o]);
+    });
+  }, [S, o, m]);
+  const F = et(
+    (n) => {
+      var f;
+      const { active: r, over: s } = n;
+      if (t != null && t.onDragEnd && (t == null || t.onDragEnd(n)), r.id !== (s == null ? void 0 : s.id)) {
+        const T = y.findIndex(
+          (i) => i[o] === r.id
+        ), B = y.findIndex(
+          (i) => i[o] === (s == null ? void 0 : s.id)
+        ), E = nt(y, T, B);
+        w((i) => {
+          const Ct = i.findIndex(
+            (z) => z[o] === (r == null ? void 0 : r.id)
+          ), xt = i.findIndex(
+            (z) => z[o] === (s == null ? void 0 : s.id)
+          );
+          return nt(i, Ct, xt);
+        }), (f = t == null ? void 0 : t.onDrag) == null || f.call(t, {
+          newOrder: E.map((i) => i[o])
+        });
+      }
+    },
+    [y, o, t]
+  ), yt = h(() => {
+    let n = typeof c == "string" ? m == null ? void 0 : m[c] : void 0;
+    if (typeof n == "object") {
+      const r = u.find((s) => st.getRealName(s.name) === c);
+      n = ct(r)(
+        n,
+        m,
+        0
+      );
+    }
+    return n;
+  }, [c, m, u]), a = h(
+    () => ({
+      rowClassName: Y,
+      className: A,
+      scroll: k ?? (M ? { y: `calc(100vh - ${M})` } : void 0),
+      id: "crud-table",
+      bordered: q,
+      size: $,
+      expandable: _
+    }),
+    [Y, A, k, M, q, $, _]
+  ), b = h(
+    () => p ? {
+      total: p.count,
+      onChange: p.setPage,
+      current: p.page,
+      pageSize: p.pageSize
+    } : void 0,
+    [p]
+  ), g = h(() => {
+    const n = I || j || x || d || c, r = [];
+    return t && r.push({
+      key: "key",
+      align: "center",
+      width: 5,
+      title: t == null ? void 0 : t.columnLabel,
+      render: () => /* @__PURE__ */ e(_t, { tooltip: t == null ? void 0 : t.tooltip })
+    }), r.push(...W), n && n && r.push({
+      title: P("str.action"),
+      fixed: "right",
+      width: Z,
+      render: (s, f) => /* @__PURE__ */ L(ot, { children: [
+        c && /* @__PURE__ */ e(
+          jt,
+          {
+            value: f,
+            onClick: typeof c == "object" ? () => {
+              var T;
+              return (T = c.onClick) == null ? void 0 : T.call(c, f);
+            } : l
+          }
+        ),
+        /* @__PURE__ */ e(
+          Et,
+          {
+            data: f,
+            idField: o,
+            extraAction: d,
+            onUpdate: I,
+            onClickUpdate: j,
+            onClickClone: v,
+            onDelete: x,
+            onHide: N,
+            onExport: K,
+            isHiding: R,
+            isDeleting: D,
+            confirmHiding: Q,
+            confirmDeleting: X,
+            closeViewOnClickUpdate: J,
+            recentUpdateOrDeleteId: H,
+            setRecentUpdateOrDeleteId: U,
+            setOpenView: l
+          }
+        )
+      ] })
+    }), r;
+  }, [
+    W,
+    I,
+    j,
+    x,
+    d,
+    c,
+    P,
+    Z
+  ]), tt = h(
+    () => y.map((n) => n[o]),
+    [y, o]
+  ), ht = et(() => {
+    const n = /* @__PURE__ */ e(
+      At,
+      {
+        ...a,
+        dataSource: y,
+        loading: C,
+        components: t ? { body: { row: $t } } : void 0,
+        pagination: b,
+        columns: g
+      }
+    );
+    return t ? /* @__PURE__ */ e(St, { modifiers: [Tt], onDragEnd: F, children: /* @__PURE__ */ e(
+      lt,
+      {
+        items: tt,
+        strategy: Bt,
+        children: n
+      }
+    ) }) : n;
+  }, [
+    a,
+    y,
+    C,
+    b,
+    g,
+    t,
+    tt,
+    F
+  ]);
+  return /* @__PURE__ */ L("div", { children: [
+    typeof c == "boolean" || typeof c == "string" && /* @__PURE__ */ e(
+      It,
+      {
+        width: "100%",
+        open: !!m,
+        title: yt ?? /* @__PURE__ */ e("div", { children: " " }),
+        footer: /* @__PURE__ */ e(ot, {}),
+        closable: !0,
+        onCancel: () => l(void 0),
+        children: !!m && /* @__PURE__ */ L("div", { children: [
+          /* @__PURE__ */ e(
+            Vt,
+            {
+              layout: it,
+              descListColumn: ft,
+              data: m,
+              fields: u,
+              idField: o,
+              extraAction: d,
+              onUpdate: I,
+              onClickUpdate: j,
+              onClickClone: v,
+              onDelete: x,
+              onHide: N,
+              onExport: K,
+              isHiding: R,
+              isDeleting: D,
+              confirmHiding: Q,
+              confirmDeleting: X,
+              closeViewOnClickUpdate: J,
+              recentUpdateOrDeleteId: H,
+              setRecentUpdateOrDeleteId: U,
+              setOpenView: l
+            }
+          ),
+          O == null ? void 0 : O(m)
+        ] }, m == null ? void 0 : m[o])
+      }
+    ),
+    /* @__PURE__ */ e(zt, { fields: u, ...pt }),
+    /* @__PURE__ */ L(vt, { children: [
+      !!G && /* @__PURE__ */ e(dt, { onClick: G }),
+      ht()
+    ] })
+  ] });
+}
+const ut = mt.createContext({}), _t = ({ tooltip: o }) => {
+  const { setActivatorNodeRef: C, listeners: u } = Mt(ut);
+  return /* @__PURE__ */ e(
+    Nt,
+    {
+      type: "text",
+      size: "small",
+      tooltip: o,
+      icon: /* @__PURE__ */ e(kt, {}),
+      style: { cursor: "move", border: "none" },
+      ref: C,
+      ...u
+    }
+  );
+}, $t = (o) => {
+  const {
+    attributes: C,
+    listeners: u,
+    setNodeRef: D,
+    setActivatorNodeRef: R,
+    transform: c,
+    transition: p,
+    isDragging: x
+  } = Dt({ id: o["data-row-key"] }), N = {
+    ...o.style,
+    transform: Rt.Translate.toString(c),
+    transition: p,
+    ...x ? { position: "relative", zIndex: 9999 } : {}
+  }, I = h(
+    () => ({ setActivatorNodeRef: R, listeners: u }),
+    [R, u]
+  );
+  return /* @__PURE__ */ e(ut.Provider, { value: I, children: /* @__PURE__ */ e("tr", { ...o, ref: D, style: N, ...C }) });
+};
+export {
+  ro as default
+};

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

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

package/dist/crud/view/CrudViewerUtil.d.ts

@@ -0,0 +1,2 @@
+import { CrudFieldProps } from '../CrudComponent';
+export declare function getRendererValueCrudViewer<T>({ type, render, ...props }: CrudFieldProps<T>): any;

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

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

package/dist/crud/view/index.d.ts

@@ -0,0 +1,5 @@
+export { CrudDecListView } from './CrudDecListView';
+export type { CrudDecListViewProps, DescListColumn } from './CrudDecListView';
+export { default as CrudViewer } from './CrudViewer';
+export type { CrudViewerProps } from './CrudViewer';
+export { getRendererValueCrudViewer } from './CrudViewerUtil';

package/dist/crud-component.css

@@ -0,0 +1,6 @@
+.ant-avatar-string{left:0!important;position:relative!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}.advanced-cropper-line-wrapper--north,.advanced-cropper-line-wrapper--south{height:12px;width:100%}.advanced-cropper-line-wrapper--north{cursor:n-resize}.advanced-cropper-line-wrapper--south{cursor:s-resize}.advanced-cropper-line-wrapper--east,.advanced-cropper-line-wrapper--west{width:12px;height:100%}.advanced-cropper-line-wrapper--east{cursor:e-resize}.advanced-cropper-line-wrapper--west{cursor:w-resize}.advanced-cropper-line-wrapper--disabled{cursor:auto}.advanced-cropper-line-wrapper__content{position:absolute}.advanced-cropper-line-wrapper__content--east,.advanced-cropper-line-wrapper__content--west{height:100%}.advanced-cropper-line-wrapper__content--north,.advanced-cropper-line-wrapper__content--south{width:100%}.advanced-cropper-line-wrapper__content--east{left:50%;-webkit-transform:translateX(-100%);transform:translate(-100%)}.advanced-cropper-line-wrapper__content--west{right:50%;-webkit-transform:translateX(100%);transform:translate(100%)}.advanced-cropper-line-wrapper__content--north{top:50%}.advanced-cropper-line-wrapper__content--south{bottom:50%}.advanced-cropper-handler-wrapper{position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:30px;height:30px}.advanced-cropper-handler-wrapper__draggable{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.advanced-cropper-handler-wrapper--west-north{cursor:nw-resize}.advanced-cropper-handler-wrapper--north{cursor:n-resize}.advanced-cropper-handler-wrapper--east-north{cursor:ne-resize}.advanced-cropper-handler-wrapper--east{cursor:e-resize}.advanced-cropper-handler-wrapper--east-south{cursor:se-resize}.advanced-cropper-handler-wrapper--south{cursor:s-resize}.advanced-cropper-handler-wrapper--west-south{cursor:sw-resize}.advanced-cropper-handler-wrapper--west{cursor:w-resize}.advanced-cropper-handler-wrapper--disabled{cursor:auto}.advanced-cropper-bounding-box{position:relative;height:100%;width:100%}.advanced-cropper-bounding-box__handler-wrapper{position:absolute}.advanced-cropper-bounding-box__handler-wrapper--east,.advanced-cropper-bounding-box__handler-wrapper--west{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:100%}.advanced-cropper-bounding-box__handler-wrapper--south,.advanced-cropper-bounding-box__handler-wrapper--north{left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);width:100%}.advanced-cropper-bounding-box__handler-wrapper--west,.advanced-cropper-bounding-box__handler-wrapper--west-north,.advanced-cropper-bounding-box__handler-wrapper--west-south{left:0}.advanced-cropper-bounding-box__handler-wrapper--east,.advanced-cropper-bounding-box__handler-wrapper--east-north,.advanced-cropper-bounding-box__handler-wrapper--east-south{left:100%}.advanced-cropper-bounding-box__handler-wrapper--north,.advanced-cropper-bounding-box__handler-wrapper--west-north,.advanced-cropper-bounding-box__handler-wrapper--east-north{top:0}.advanced-cropper-bounding-box__handler-wrapper--south,.advanced-cropper-bounding-box__handler-wrapper--west-south,.advanced-cropper-bounding-box__handler-wrapper--east-south{top:100%}.advanced-cropper-bounding-box__handler{position:absolute}.advanced-cropper-bounding-box__handler--west-north{left:0;top:0}.advanced-cropper-bounding-box__handler--north{left:50%;top:0}.advanced-cropper-bounding-box__handler--east-north{left:100%;top:0}.advanced-cropper-bounding-box__handler--east{left:100%;top:50%}.advanced-cropper-bounding-box__handler--east-south{left:100%;top:100%}.advanced-cropper-bounding-box__handler--south{left:50%;top:100%}.advanced-cropper-bounding-box__handler--west-south{left:0;top:100%}.advanced-cropper-bounding-box__handler--west{left:0;top:50%}.advanced-cropper-bounding-box__line{position:absolute}.advanced-cropper-bounding-box__line--north,.advanced-cropper-bounding-box__line--south{left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.advanced-cropper-bounding-box__line--north{top:0}.advanced-cropper-bounding-box__line--south{top:100%}.advanced-cropper-bounding-box__line--west,.advanced-cropper-bounding-box__line--east{top:0;-webkit-transform:translateX(-50%);transform:translate(-50%)}.advanced-cropper-bounding-box__line--west{left:0}.advanced-cropper-bounding-box__line--east{left:100%}.advanced-cropper-artificial-transition{will-change:transform}.advanced-cropper-background-image{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;-webkit-transform-origin:center;transform-origin:center;pointer-events:none;max-width:none!important}.advanced-cropper-canvas{display:none}.advanced-cropper-source{width:1px;height:1px;visibility:hidden;position:absolute;opacity:0}.advanced-cropper-fade{visibility:hidden;opacity:0;-webkit-transition:.5s;transition:.5s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.advanced-cropper-fade--visible{opacity:1;visibility:visible}.advanced-cropper-wrapper__fade{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;min-height:0}.advanced-cropper-stencil-grid{display:table;border-collapse:collapse;table-layout:fixed;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.advanced-cropper-stencil-grid--visible{opacity:1}.advanced-cropper-stencil-grid__row{display:table-row}.advanced-cropper-stencil-grid__cell{display:table-cell;width:1%;height:1%;border:currentColor solid 1px}.advanced-cropper-stencil-grid__cell--top{border-top-color:transparent}.advanced-cropper-stencil-grid__cell--left{border-left-color:transparent}.advanced-cropper-stencil-grid__cell--right{border-right-color:transparent}.advanced-cropper-stencil-grid__cell--bottom{border-bottom-color:transparent}.advanced-cropper-stencil-overlay{-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-box-shadow:0 0 0 1000px currentColor;box-shadow:0 0 0 1000px currentColor;pointer-events:none;width:100%;height:100%;position:absolute;-webkit-backface-visibility:hidden}.advanced-cropper-stencil-wrapper{will-change:transform}.advanced-cropper-boundary{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;direction:ltr;position:relative}.advanced-cropper-boundary__content{width:100%;height:100%;position:absolute;top:0;left:0}.advanced-cropper-boundary__stretcher{pointer-events:none;position:relative;max-width:100%;max-height:100%}.advanced-cropper-circle-stencil{position:absolute;height:100%;width:100%;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}.advanced-cropper-circle-stencil__overlay{border-radius:50%;overflow:hidden}.advanced-cropper-circle-stencil__preview{border-radius:50%}.advanced-cropper-circle-stencil__draggable-area,.advanced-cropper-circle-stencil__overlay,.advanced-cropper-circle-stencil__preview,.advanced-cropper-circle-stencil__grid{position:absolute;height:100%;width:100%}.advanced-cropper-circle-stencil--movable{cursor:move}.advanced-cropper-rectangle-stencil{position:absolute;height:100%;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}.advanced-cropper-rectangle-stencil__draggable-area,.advanced-cropper-rectangle-stencil__overlay,.advanced-cropper-rectangle-stencil__preview,.advanced-cropper-rectangle-stencil__grid{position:absolute;height:100%;width:100%}.advanced-cropper-rectangle-stencil--movable{cursor:move}.advanced-cropper-simple-line{background:none;border-width:0}.advanced-cropper-simple-line--south,.advanced-cropper-simple-line--north{height:0;width:100%}.advanced-cropper-simple-line--east,.advanced-cropper-simple-line--west{height:100%;width:0}.advanced-cropper-simple-line--east{border-right-width:1px}.advanced-cropper-simple-line--west{border-left-width:1px}.advanced-cropper-simple-line--south{border-bottom-width:1px}.advanced-cropper-simple-line--north{border-top-width:1px}.advanced-cropper-simple-handler{display:block}.advanced-cropper-preview{overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.advanced-cropper-preview__content{overflow:hidden;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.advanced-cropper-preview__image{display:none;pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transform-origin:center;transform-origin:center;max-width:none!important}.advanced-cropper-preview__image--visible{display:block}.advanced-cropper-preview__boundary{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;min-height:0;min-width:0}.cropper-preview-wrapper__fade{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;min-height:0;width:100%}.advanced-cropper{overflow:hidden;max-height:100%;background:#000;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#fff}.advanced-cropper__boundary{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;min-height:0;min-width:0}.advanced-cropper__wrapper,.advanced-cropper__background-wrapper{left:0;top:0;right:0;bottom:0;position:absolute}.advanced-cropper__stencil-wrapper{position:absolute}.advanced-cropper *{-webkit-box-sizing:border-box;box-sizing:border-box}.advanced-cropper-simple-handler{background:currentColor;height:10px;width:10px}.advanced-cropper-simple-line{-webkit-transition:border .5s;transition:border .5s;border-color:#ffffff4d;border-style:solid}.advanced-cropper-simple-line--hover{border-color:#fff}.advanced-cropper-circle-stencil__preview{border:solid 2px rgba(255,255,255,.2)}.advanced-cropper-stencil-overlay{color:#00000080}.advanced-cropper-stencil-grid{color:#fff6}.hide-upload div.ant-upload-select{display:none!important}/*!
+* Quill Editor v1.3.7
+* https://quilljs.com/
+* Copyright (c) 2014, Jason Chen
+* Copyright (c) 2013, salesforce.com
+*/.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"•"}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"☑"}.ql-editor ul[data-checked=false]>li:before{content:"☐"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer: coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0px}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0px;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.dark .ql-toolbar.ql-snow,.dark .ql-container.ql-snow{@apply border border-[#424242];}.ql-toolbar.ql-snow{border-top-left-radius:6px;border-top-right-radius:6px;@apply border border-[#d9d9d9];}.ql-container.ql-snow{border-bottom-left-radius:6px;border-bottom-right-radius:6px;@apply border border-[#d9d9d9];}.quill{border-radius:6px}.show-more-less-clickable{color:#209bff;cursor:pointer}.show-more-less-clickable:hover{text-decoration:underline}

package/dist/hooks/NavigatorHooks.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react-router-dom");function o(){return e.useInRouterContext()?e.useNavigate():(t=>{console.warn("React router not found, navigating to",t)})}exports.useNavigateOptional=o;

package/dist/hooks/NavigatorHooks.d.ts

@@ -0,0 +1 @@
+export declare function useNavigateOptional(): import('react-router-dom').NavigateFunction;

package/dist/hooks/NavigatorHooks.es.js

@@ -0,0 +1,9 @@
+import { useInRouterContext as e, useNavigate as n } from "react-router-dom";
+function r() {
+  return e() ? n() : ((t) => {
+    console.warn("React router not found, navigating to", t);
+  });
+}
+export {
+  r as useNavigateOptional
+};

package/dist/icons/FlipHIcon.cjs.js

@@ -0,0 +1 @@
+"use strict";const t=require("react/jsx-runtime"),n=require("../common/icon/KIcon.cjs.js");function s(i){return t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...i,children:t.jsxs("g",{fill:i.fill,children:[t.jsx("path",{fillOpacity:.5,d:"M18 7a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-3v2h3a3 3 0 0 0 3-3V8a3 3 0 0 0-3-3h-3v2z"}),t.jsx("path",{d:"M13 3h-2v18h2zM5 8a1 1 0 0 1 1-1h3V5H6a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h3v-2H6a1 1 0 0 1-1-1z"})]})})}const h=s,e=i=>t.jsx(n,{component:h,...i});module.exports=e;

package/dist/icons/FlipHIcon.d.ts

@@ -0,0 +1,3 @@
+import { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon';
+declare const _default: (props: Partial<CustomIconComponentProps>) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/icons/FlipHIcon.es.js

@@ -0,0 +1,28 @@
+import { jsx as h, jsxs as i } from "react/jsx-runtime";
+import n from "../common/icon/KIcon.es.js";
+function o(t) {
+  return /* @__PURE__ */ h(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: 24,
+      height: 24,
+      viewBox: "0 0 24 24",
+      ...t,
+      children: /* @__PURE__ */ i("g", { fill: t.fill, children: [
+        /* @__PURE__ */ h(
+          "path",
+          {
+            fillOpacity: 0.5,
+            d: "M18 7a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-3v2h3a3 3 0 0 0 3-3V8a3 3 0 0 0-3-3h-3v2z"
+          }
+        ),
+        /* @__PURE__ */ h("path", { d: "M13 3h-2v18h2zM5 8a1 1 0 0 1 1-1h3V5H6a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h3v-2H6a1 1 0 0 1-1-1z" })
+      ] })
+    }
+  );
+}
+const a = o, c = (t) => /* @__PURE__ */ h(n, { component: a, ...t });
+export {
+  c as default
+};

package/dist/icons/FlipVIcon.cjs.js

@@ -0,0 +1 @@
+"use strict";const t=require("react/jsx-runtime"),n=require("../common/icon/KIcon.cjs.js");function s(i){return t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...i,children:t.jsxs("g",{fill:i.fill,children:[t.jsx("path",{fillOpacity:.5,d:"M17 18a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-3H5v3a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3v-3h-2z"}),t.jsx("path",{d:"M16 5a1 1 0 0 1 1 1v3h2V6a3 3 0 0 0-3-3H8a3 3 0 0 0-3 3v3h2V6a1 1 0 0 1 1-1zm5 8v-2H3v2z"})]})})}const e=s,c=i=>t.jsx(n,{component:e,...i});module.exports=c;

package/dist/icons/FlipVIcon.d.ts

@@ -0,0 +1,3 @@
+import { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon';
+declare const _default: (props: Readonly<Partial<CustomIconComponentProps>>) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/icons/FlipVIcon.es.js

@@ -0,0 +1,28 @@
+import { jsx as i, jsxs as n } from "react/jsx-runtime";
+import o from "../common/icon/KIcon.es.js";
+function a(t) {
+  return /* @__PURE__ */ i(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: 24,
+      height: 24,
+      viewBox: "0 0 24 24",
+      ...t,
+      children: /* @__PURE__ */ n("g", { fill: t.fill, children: [
+        /* @__PURE__ */ i(
+          "path",
+          {
+            fillOpacity: 0.5,
+            d: "M17 18a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-3H5v3a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3v-3h-2z"
+          }
+        ),
+        /* @__PURE__ */ i("path", { d: "M16 5a1 1 0 0 1 1 1v3h2V6a3 3 0 0 0-3-3H8a3 3 0 0 0-3 3v3h2V6a1 1 0 0 1 1-1zm5 8v-2H3v2z" })
+      ] })
+    }
+  );
+}
+const h = a, c = (t) => /* @__PURE__ */ i(o, { component: h, ...t });
+export {
+  c as default
+};

package/dist/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./locale/hooks/translation-constants.cjs.js"),u=require("./locale/index.cjs.js"),l=require("./crud/CrudComponent.cjs.js"),r=require("./crud/CrudField.cjs.js"),t=require("./crud/CrudFormWizard.cjs.js"),C=require("./crud/CrudReportComponent.cjs.js"),n=require("./crud/CrudSearchComponent.cjs.js"),e=require("./crud/ImageCrudField.cjs.js"),o=require("./crud/FileCrudField.cjs.js"),a=require("./crud/import/CrudImportComponent.cjs.js"),s=require("./crud/import/CrudImportButton.cjs.js"),m=require("./crud/actions/index.cjs.js"),F=require("./crud/view/CrudViewer.cjs.js"),d=require("./crud/CrudForm.cjs.js"),c=require("./crud/modal/index.cjs.js"),p=require("./crud/view/CrudDecListView.cjs.js"),V=require("./crud/view/CrudViewerUtil.cjs.js");exports.TRANSLATION_NAMESPACE=i.TRANSLATION_NAMESPACE;exports.setupI18n=u.setupI18n;exports.updateTranslations=u.updateTranslations;exports.CrudComponent=l;exports.ColorCrudFieldComponent=r.ColorCrudFieldComponent;exports.CrudField=r.default;exports.SelectCrudFieldComponent=r.SelectCrudFieldComponent;exports.CrudFormWizard=t;exports.CrudReportComponent=C;exports.CrudSearchComponent=n;exports.FileDownloadProvider=e.FileDownloadProvider;exports.FileUploadProvider=e.FileUploadProvider;exports.ImageCellValue=e.ImageCellValue;exports.ImageCrudCellValue=e.ImageCrudCellValue;exports.ImageCrudField=e.default;exports.FileCellValue=o.FileCellValue;exports.FileCrudCellValue=o.FileCrudCellValue;exports.FileCrudField=o.default;exports.CrudImportComponent=a;exports.CrudImportButton=s;exports.CrudActions=m;exports.CrudViewer=F;exports.CrudForm=d.CrudForm;exports.CrudFormFields=d.CrudFormFields;exports.CrudModal=c;exports.CrudDecListView=p.CrudDecListView;exports.getRendererValueCrudViewer=V.getRendererValueCrudViewer;

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { TRANSLATION_NAMESPACE } from './locale/hooks/translation-constants';
+export { setupI18n, updateTranslations } from './locale';
+export * from './crud';
+export type * from './crud';