@kingteza/crud-component 1.0.29 → 1.0.30

package/crud/view/CrudDecListView.cjs

@@ -0,0 +1 @@
+"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/crud/view/CrudDecListView.d.ts

@@ -0,0 +1,14 @@
+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/crud/view/CrudDecListView.js

@@ -0,0 +1,42 @@
+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/crud/view/CrudViewer.cjs

@@ -0,0 +1 @@
+"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/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 { 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/crud/view/CrudViewer.js

@@ -0,0 +1,217 @@
+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/crud/view/CrudViewerUtil.cjs

@@ -0,0 +1 @@
+"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/crud/view/CrudViewerUtil.d.ts

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

package/crud/view/CrudViewerUtil.js

@@ -0,0 +1,57 @@
+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/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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kingteza/crud-component",
   "private": false,
-  "version": "1.0.29",
+  "version": "1.0.30",
   "description": "React CRUD component library with Ant Design",
   "keywords": [
     "react",
@@ -22,7 +22,7 @@
     "/*.js",
     "/*.cjs",
     "/*.d.ts",
-    "/components/",
+    "/crud/",
     "/common/",
     "/util/",
     "/locale/",