@kingteza/crud-component 1.0.28 → 1.0.29

package/components/crud/view/CrudDecListView.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),q=require("../../common/description/DescList.cjs"),C=require("react"),f=require("react-i18next"),x=require("../../../locale/hooks/translation-constants.cjs"),V=require("./CrudViewerUtil.cjs");function a({className:l,fields:u,data:e,descListColumn:c={xs:1,md:3,sm:2,lg:4},layout:m,action:t,keepEmptyValues:b}){const{t:i}=f.useTranslation(x.TRANSLATION_NAMESPACE),g=C.useMemo(()=>{const o=u.filter(({hidden:r,hideInDescList:s})=>!r&&!s).map((r,s)=>({label:r.label,noFormatting:!0,value:V.getRendererValueCrudViewer(r)(e==null?void 0:e[r.name],e,s)}));return t&&o.push({label:i("str.action"),value:t}),o},[t,e,u,i]);return e?n.jsx(q,{keepEmptyValues:b,bordered:!0,column:c,className:l,layout:m,list:g}):n.jsx(n.Fragment,{})}exports.CrudDecListView=a;

package/components/crud/view/CrudDecListView.d.ts

@@ -1,14 +0,0 @@
-import { Breakpoint } from 'antd';
-import { default as React } from 'react';
-import { CrudFieldProps } from '../CrudComponent';
-export type DescListColumn = number | Partial<Record<Breakpoint, number>> | undefined;
-export interface CrudDecListViewProps<T> {
-    fields: CrudFieldProps<T>[];
-    data: T | undefined;
-    className?: string;
-    descListColumn?: DescListColumn;
-    layout?: "horizontal" | "vertical";
-    action?: React.JSX.Element;
-    keepEmptyValues?: boolean;
-}
-export declare function CrudDecListView<T>({ className, fields, data, descListColumn, layout, action, keepEmptyValues, }: CrudDecListViewProps<T>): import("react/jsx-runtime").JSX.Element;

package/components/crud/view/CrudDecListView.js

@@ -1,42 +0,0 @@
-import { jsx as l, Fragment as b } from "react/jsx-runtime";
-import g from "../../common/description/DescList.js";
-import { useMemo as A } from "react";
-import { useTranslation as x } from "react-i18next";
-import { TRANSLATION_NAMESPACE as C } from "../../../locale/hooks/translation-constants.js";
-import { getRendererValueCrudViewer as L } from "./CrudViewerUtil.js";
-function E({
-  className: n,
-  fields: t,
-  data: r,
-  descListColumn: u = { xs: 1, md: 3, sm: 2, lg: 4 },
-  layout: f,
-  action: o,
-  keepEmptyValues: p
-}) {
-  const { t: i } = x(C), c = A(() => {
-    const s = t.filter(({ hidden: e, hideInDescList: m }) => !e && !m).map((e, m) => ({
-      label: e.label,
-      noFormatting: !0,
-      value: L(e)(
-        r == null ? void 0 : r[e.name],
-        r,
-        m
-      )
-    }));
-    return o && s.push({ label: i("str.action"), value: o }), s;
-  }, [o, r, t, i]);
-  return r ? /* @__PURE__ */ l(
-    g,
-    {
-      keepEmptyValues: p,
-      bordered: !0,
-      column: u,
-      className: n,
-      layout: f,
-      list: c
-    }
-  ) : /* @__PURE__ */ l(b, {});
-}
-export {
-  E as CrudDecListView
-};

package/components/crud/view/CrudViewer.cjs

@@ -1 +0,0 @@
-"use strict";const r=require("react/jsx-runtime"),k=require("antd"),H=require("../../common/button/CloneButtonTable.cjs"),p=require("../../common/button/DeleteButtonTable.cjs"),U=require("../../common/button/ExportButton.cjs"),F=require("../../common/button/HideButtonTable.cjs"),rr=require("../../common/button/RefreshButton.cjs"),er=require("../../common/button/UpdateButtonTable.cjs"),tr=require("../../common/button/ViewButtonTable.cjs"),sr=require("../../common/layout/VerticalSpace.cjs"),ur=require("../../common/table/table.cjs"),j=require("react"),nr=require("react-i18next"),or=require("../../../locale/hooks/translation-constants.cjs"),cr=require("../CrudSearchComponent.cjs"),lr=require("./CrudDecListView.cjs"),O=require("./CrudViewerUtil.cjs");function ar({idField:s="id",loadingData:z,fields:l,isDeleting:T,isHiding:m,viewable:o=!1,paginateProps:h,onDelete:q,onHide:y,onUpdate:v,data:x=[],extraAction:i,onClickUpdate:c,minusHeight:R,scroll:_,onClickClone:B,className:$,expandable:w,size:A,bordered:G,descListColumn:J,extraView:S,decListLayout:K,scrollToTop:jr,onClickRefresh:I,closeViewOnClickUpdate:V,onExport:g,confirmHiding:M,confirmDeleting:d,rowClassName:Q,actionWidth:W=190,...X}){const{t:Y}=nr.useTranslation(or.TRANSLATION_NAMESPACE),E=j.useMemo(()=>l.map(({hideInTable:e,hidden:t,width:a,name:n,label:D,halign:P,...N})=>({title:D,width:a,key:n,dataIndex:n,hidden:e||t,align:P??(N.type==="number"?"right":void 0),render:O.getRendererValueCrudViewer(N)})),[l]),[u,f]=j.useState(),[b,C]=j.useState();j.useEffect(()=>{x&&f(e=>{if(e)return x.find(t=>t[s]===e[s])})},[x,s,u]);const L=j.useCallback(e=>{var a;const t=i==null?void 0:i(e);return(Array.isArray(t)?(a=t==null?void 0:t.filter(Boolean))!=null&&a.length:t)||v||c||B||q?r.jsxs(r.Fragment,{children:[t,(v||c)&&r.jsx(er,{value:e,onClick:n=>{C(n[s]),c==null||c(e),V&&f(void 0)}}),B&&r.jsx(H,{value:e,onClick:n=>B(n)}),g&&r.jsx(U.ExportButton,{value:e,onClick:async n=>await g(n)}),y&&r.jsx(F,{value:e,disabled:m,shouldConfirm:M,loading:m&&e[s]===b,onClick:async n=>{C(n[s]),await y({[s]:n[s]})}}),q&&r.jsx(p,{value:e,disabled:T,shouldConfirm:d,loading:T&&e[s]===b,onClick:async n=>{C(n[s]),await q({[s]:n[s]})}})]}):void 0},[V,d,M,i,s,T,m,B,c,q,g,y,v,b]),Z=j.useMemo(()=>{let e=typeof o=="string"?u==null?void 0:u[o]:void 0;if(typeof e=="object"){const t=l.find(a=>a.name===o);e=O.getRendererValueCrudViewer(t)(e,u,0)}return e},[o,u,l]);return r.jsxs("div",{children:[o&&r.jsx(k.Modal,{width:"100%",open:!!u,title:Z??r.jsx("div",{children:" "}),footer:r.jsx(r.Fragment,{}),closable:!0,onCancel:()=>f(void 0),children:!!u&&r.jsxs("div",{children:[r.jsx(lr.CrudDecListView,{layout:K,descListColumn:J,data:u,fields:l,action:L(u)}),S==null?void 0:S(u)]},u==null?void 0:u[s])}),r.jsx(cr,{fields:l,...X}),r.jsxs(sr,{children:[!!I&&r.jsx(rr.RefreshButton,{onClick:I}),r.jsx(ur,{rowClassName:Q,className:$,scroll:_??(R?{y:`calc(100vh - ${R})`}:void 0),id:"crud-table",dataSource:x,loading:z,bordered:G,size:A,expandable:w,pagination:h?{total:h.count,onChange:h.setPage,current:h.page,pageSize:h.pageSize}:void 0,columns:v||c||q||i||o?[...E,{title:Y("str.action"),dataIndex:"",fixed:"right",width:W,render:(e,t)=>r.jsxs(r.Fragment,{children:[o&&r.jsx(tr,{value:t,onClick:f}),L(t)]})}]:E})]})]})}module.exports=ar;

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

@@ -1,43 +0,0 @@
-import { SizeType } from 'antd/es/config-provider/SizeContext';
-import { ExpandableConfig } from 'antd/es/table/interface';
-import { TableProps } from 'antd/lib';
-import { default as React, ReactElement } from 'react';
-import { default as IdProps } from 'types/Id';
-import { CrudFieldProps, CrudPaginateProps } from '../CrudComponent';
-import { CrudSearchComponentProps } from '../CrudSearchComponent';
-import { DescListColumn } from './CrudDecListView';
-export type CrudViewerProps<T, FormType> = {
-    fields: CrudFieldProps<T>[];
-    decListLayout?: "horizontal" | "vertical";
-    viewable?: boolean | keyof T;
-    paginateProps?: CrudPaginateProps;
-    onDelete?: (id: any) => Promise<any>;
-    confirmDeleting?: boolean;
-    confirmHiding?: boolean;
-    onHide?: (id: any) => Promise<any>;
-    onUpdate?: (t: FormType & IdProps) => Promise<any>;
-    onExport?: (t: T) => Promise<any>;
-    data: T[] | undefined;
-    extraAction?: (t: T) => ReactElement | undefined | ReactElement[];
-    onClickUpdate?: (t: T) => void;
-    closeViewOnClickUpdate?: boolean;
-    isHiding?: boolean;
-    isDeleting?: boolean;
-    idField?: string;
-    loadingData?: boolean;
-    minusHeight?: string;
-    scroll?: TableProps<T>["scroll"];
-    className?: string;
-    bordered?: boolean;
-    size?: SizeType;
-    onClickClone?: (t: T) => Promise<any>;
-    onClickRefresh?: () => void;
-    expandable?: ExpandableConfig<T>;
-    descListColumn?: DescListColumn;
-    extraView?: (t: T) => React.ReactElement;
-    scrollToTop?: boolean;
-    rowClassName?: TableProps<T>["rowClassName"];
-    actionWidth?: string | number;
-} & 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, ...props }: CrudViewerProps<T, FormType>): import("react/jsx-runtime").JSX.Element;
-export default CrudViewer;

package/components/crud/view/CrudViewer.js

@@ -1,217 +0,0 @@
-import { jsxs as v, Fragment as M, jsx as n } from "react/jsx-runtime";
-import { Modal as U } from "antd";
-import F from "../../common/button/CloneButtonTable.js";
-import rr from "../../common/button/DeleteButtonTable.js";
-import { ExportButton as or } from "../../common/button/ExportButton.js";
-import tr from "../../common/button/HideButtonTable.js";
-import { RefreshButton as mr } from "../../common/button/RefreshButton.js";
-import ur from "../../common/button/UpdateButtonTable.js";
-import nr from "../../common/button/ViewButtonTable.js";
-import fr from "../../common/layout/VerticalSpace.js";
-import cr from "../../common/table/table.js";
-import { useMemo as $, useState as q, useEffect as er, useCallback as lr } from "react";
-import { useTranslation as sr } from "react-i18next";
-import { TRANSLATION_NAMESPACE as hr } from "../../../locale/hooks/translation-constants.js";
-import ar from "../CrudSearchComponent.js";
-import { CrudDecListView as vr } from "./CrudDecListView.js";
-import { getRendererValueCrudViewer as A } from "./CrudViewerUtil.js";
-function _r({
-  idField: t = "id",
-  loadingData: G,
-  fields: e,
-  isDeleting: S,
-  isHiding: b,
-  viewable: f = !1,
-  paginateProps: s,
-  onDelete: h,
-  onHide: i,
-  onUpdate: T,
-  data: y = [],
-  extraAction: a,
-  onClickUpdate: c,
-  minusHeight: N,
-  scroll: J,
-  onClickClone: B,
-  className: K,
-  expandable: Q,
-  size: W,
-  bordered: X,
-  descListColumn: Y,
-  extraView: g,
-  decListLayout: Z,
-  scrollToTop: Tr,
-  onClickRefresh: O,
-  closeViewOnClickUpdate: R,
-  onExport: I,
-  confirmHiding: z,
-  confirmDeleting: E,
-  rowClassName: d,
-  actionWidth: P = 190,
-  ...w
-}) {
-  const { t: D } = sr(hr), L = $(
-    () => e.map(
-      ({ hideInTable: r, hidden: o, width: l, name: u, label: H, halign: x, ...V }) => ({
-        title: H,
-        width: l,
-        key: u,
-        dataIndex: u,
-        hidden: r || o,
-        align: x ?? (V.type === "number" ? "right" : void 0),
-        render: A(V)
-      })
-    ),
-    [e]
-  ), [m, p] = q(), [C, j] = q();
-  er(() => {
-    y && p((r) => {
-      if (r)
-        return y.find((o) => o[t] === r[t]);
-    });
-  }, [y, t, m]);
-  const _ = lr(
-    (r) => {
-      var l;
-      const o = a == null ? void 0 : a(r);
-      return (Array.isArray(o) ? (l = o == null ? void 0 : o.filter(Boolean)) != null && l.length : o) || T || c || B || h ? /* @__PURE__ */ v(M, { children: [
-        o,
-        (T || c) && /* @__PURE__ */ n(
-          ur,
-          {
-            value: r,
-            onClick: (u) => {
-              j(u[t]), c == null || c(r), R && p(void 0);
-            }
-          }
-        ),
-        B && /* @__PURE__ */ n(F, { value: r, onClick: (u) => B(u) }),
-        I && /* @__PURE__ */ n(
-          or,
-          {
-            value: r,
-            onClick: async (u) => await I(u)
-          }
-        ),
-        i && /* @__PURE__ */ n(
-          tr,
-          {
-            value: r,
-            disabled: b,
-            shouldConfirm: z,
-            loading: b && r[t] === C,
-            onClick: async (u) => {
-              j(u[t]), await i({ [t]: u[t] });
-            }
-          }
-        ),
-        h && /* @__PURE__ */ n(
-          rr,
-          {
-            value: r,
-            disabled: S,
-            shouldConfirm: E,
-            loading: S && r[t] === C,
-            onClick: async (u) => {
-              j(u[t]), await h({ [t]: u[t] });
-            }
-          }
-        )
-      ] }) : void 0;
-    },
-    [
-      R,
-      E,
-      z,
-      a,
-      t,
-      S,
-      b,
-      B,
-      c,
-      h,
-      I,
-      i,
-      T,
-      C
-    ]
-  ), k = $(() => {
-    let r = typeof f == "string" ? m == null ? void 0 : m[f] : void 0;
-    if (typeof r == "object") {
-      const o = e.find((l) => l.name === f);
-      r = A(o)(
-        r,
-        m,
-        0
-      );
-    }
-    return r;
-  }, [f, m, e]);
-  return /* @__PURE__ */ v("div", { children: [
-    f && /* @__PURE__ */ n(
-      U,
-      {
-        width: "100%",
-        open: !!m,
-        title: k ?? /* @__PURE__ */ n("div", { children: " " }),
-        footer: /* @__PURE__ */ n(M, {}),
-        closable: !0,
-        onCancel: () => p(void 0),
-        children: !!m && /* @__PURE__ */ v("div", { children: [
-          /* @__PURE__ */ n(
-            vr,
-            {
-              layout: Z,
-              descListColumn: Y,
-              data: m,
-              fields: e,
-              action: _(m)
-            }
-          ),
-          g == null ? void 0 : g(m)
-        ] }, m == null ? void 0 : m[t])
-      }
-    ),
-    /* @__PURE__ */ n(ar, { fields: e, ...w }),
-    /* @__PURE__ */ v(fr, { children: [
-      !!O && /* @__PURE__ */ n(mr, { onClick: O }),
-      /* @__PURE__ */ n(
-        cr,
-        {
-          rowClassName: d,
-          className: K,
-          scroll: J ?? (N ? {
-            y: `calc(100vh - ${N})`
-          } : void 0),
-          id: "crud-table",
-          dataSource: y,
-          loading: G,
-          bordered: X,
-          size: W,
-          expandable: Q,
-          pagination: s ? {
-            total: s.count,
-            onChange: s.setPage,
-            current: s.page,
-            pageSize: s.pageSize
-          } : void 0,
-          columns: T || c || h || a || f ? [
-            ...L,
-            {
-              title: D("str.action"),
-              dataIndex: "",
-              fixed: "right",
-              width: P,
-              render: (r, o) => /* @__PURE__ */ v(M, { children: [
-                f && /* @__PURE__ */ n(nr, { value: o, onClick: p }),
-                _(o)
-              ] })
-            }
-          ] : L
-        }
-      )
-    ] })
-  ] });
-}
-export {
-  _r as default
-};

package/components/crud/view/CrudViewerUtil.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),m=require("@ant-design/icons"),s=require("antd"),y=require("../../common/show-more/index.cjs"),C=require("../FileCrudField.cjs"),g=require("../ImageCrudField.cjs"),d=require("../../../locale/hooks/translation-constants.cjs"),j=require("i18next"),r=require("../../../util/DateUtil.cjs"),v=require("../../../util/NumberUtil.cjs");function x({type:a,render:i,...n}){return a==="object"?(t,u,o)=>typeof i=="function"?i(t,u,o):"":a==="select"?(t,u,o)=>{const e=n;let c=e.multiple?Array.isArray(t)?t.map(f=>f==null?void 0:f[e.innerFieldLabel??"name"]):void 0:t==null?void 0:t[e.innerFieldLabel??"name"];return(!c&&typeof t=="string"||typeof t=="number")&&(c=t),typeof i=="function"?i(c,u,o):Array.isArray(c)?c.join(", "):c}:a==="number"?(t,u,o)=>typeof i=="function"?i(t,u,o):n!=null&&n.int?v.default.toInt(t,n.formatted):v.default.toMoney(t):a==="enum"?(t,u,o)=>{var c;const e=j.t(((c=n==null?void 0:n.translation)==null?void 0:c[t??""])??t,{ns:d.TRANSLATION_NAMESPACE});return typeof i=="function"?i(t,u,o):e}:a==="date"?(t,u,o)=>{if(!t)return"-";const e=n!=null&&n.formatTime?r.formatDateTime(t):r.formatDate(t);return typeof i=="function"?i(t,u,o):e}:a==="checkbox"?(t,u,o)=>typeof i=="function"?i(t,u,o):t?l.jsx(m.CheckOutlined,{}):l.jsx(m.CloseOutlined,{}):a==="image"?(t,u,o)=>typeof i=="function"?i(t,u,o):l.jsx(g.ImageCrudCellValue,{value:t,provider:n.provider}):a==="file"?(t,u,o)=>typeof i=="function"?i(t,u,o):l.jsx(C.FileCrudCellValue,{value:t,provider:n.provider}):a==="time"?(t,u,o)=>{if(!t)return"-";const e=n==null?void 0:n.format,c=n==null?void 0:n.use12Hours,f=r.formatTime(t,e||(c?"hh:mm:ss A":void 0));return typeof i=="function"?i(t,u,o):f}:a==="color"?(t,u,o)=>typeof i=="function"?i(t,u,o):typeof t=="string"&&t.startsWith("#")?l.jsx(s.Tooltip,{title:t,children:l.jsx(s.Avatar,{style:{backgroundColor:t}})}):String(t):a==="textarea"?(t,u,o)=>{const e=(n==null?void 0:n.truncated)??1;return typeof i=="function"?i(t,u,o):e?l.jsx(y.ShowMore,{lines:e===!0?1:e,children:t}):t}:typeof i=="function"?i:t=>t}exports.getRendererValueCrudViewer=x;

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

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

package/components/crud/view/CrudViewerUtil.js

@@ -1,57 +0,0 @@
-import { jsx as l } from "react/jsx-runtime";
-import { CheckOutlined as y, CloseOutlined as A } from "@ant-design/icons";
-import { Tooltip as e, Avatar as C } from "antd";
-import { ShowMore as b } from "../../common/show-more/index.js";
-import { FileCrudCellValue as g } from "../FileCrudField.js";
-import { ImageCrudCellValue as h } from "../ImageCrudField.js";
-import { TRANSLATION_NAMESPACE as T } from "../../../locale/hooks/translation-constants.js";
-import { t as S } from "i18next";
-import r from "../../../util/DateUtil.js";
-import v from "../../../util/NumberUtil.js";
-function O({
-  type: m,
-  render: i,
-  ...o
-}) {
-  return m === "object" ? (t, n, f) => typeof i == "function" ? i(t, n, f) : "" : m === "select" ? (t, n, f) => {
-    const u = o;
-    let a = u.multiple ? Array.isArray(t) ? t.map((c) => c == null ? void 0 : c[u.innerFieldLabel ?? "name"]) : void 0 : t == null ? void 0 : t[u.innerFieldLabel ?? "name"];
-    return (!a && typeof t == "string" || typeof t == "number") && (a = t), typeof i == "function" ? i(a, n, f) : Array.isArray(a) ? a.join(", ") : a;
-  } : m === "number" ? (t, n, f) => typeof i == "function" ? i(t, n, f) : o != null && o.int ? v.toInt(t, o.formatted) : v.toMoney(t) : m === "enum" ? (t, n, f) => {
-    var a;
-    const u = S(
-      ((a = o == null ? void 0 : o.translation) == null ? void 0 : a[t ?? ""]) ?? t,
-      { ns: T }
-    );
-    return typeof i == "function" ? i(t, n, f) : u;
-  } : m === "date" ? (t, n, f) => {
-    if (!t) return "-";
-    const u = o != null && o.formatTime ? r.formatDateTime(t) : r.formatDate(t);
-    return typeof i == "function" ? i(t, n, f) : u;
-  } : m === "checkbox" ? (t, n, f) => typeof i == "function" ? i(t, n, f) : t ? /* @__PURE__ */ l(y, {}) : /* @__PURE__ */ l(A, {}) : m === "image" ? (t, n, f) => typeof i == "function" ? i(t, n, f) : /* @__PURE__ */ l(
-    h,
-    {
-      value: t,
-      provider: o.provider
-    }
-  ) : m === "file" ? (t, n, f) => typeof i == "function" ? i(t, n, f) : /* @__PURE__ */ l(
-    g,
-    {
-      value: t,
-      provider: o.provider
-    }
-  ) : m === "time" ? (t, n, f) => {
-    if (!t) return "-";
-    const u = o == null ? void 0 : o.format, a = o == null ? void 0 : o.use12Hours, c = r.formatTime(
-      t,
-      u || (a ? "hh:mm:ss A" : void 0)
-    );
-    return typeof i == "function" ? i(t, n, f) : c;
-  } : m === "color" ? (t, n, f) => typeof i == "function" ? i(t, n, f) : typeof t == "string" && t.startsWith("#") ? /* @__PURE__ */ l(e, { title: t, children: /* @__PURE__ */ l(C, { style: { backgroundColor: t } }) }) : String(t) : m === "textarea" ? (t, n, f) => {
-    const u = (o == null ? void 0 : o.truncated) ?? 1;
-    return typeof i == "function" ? i(t, n, f) : u ? /* @__PURE__ */ l(b, { lines: u === !0 ? 1 : u, children: t }) : t;
-  } : typeof i == "function" ? i : (t) => t;
-}
-export {
-  O as getRendererValueCrudViewer
-};

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

@@ -1,5 +0,0 @@
-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';