@kingteza/crud-component 1.0.25 → 1.0.26

package/README.md

@@ -0,0 +1,89 @@
+# @kingteza/crud-component
+
+React CRUD component library built with Ant Design and TypeScript.
+
+## Installation
+
+```bash
+npm install @kingteza/crud-component
+```
+
+## Prerequisites
+
+This library has the following peer dependencies that need to be installed:
+
+```bash
+npm install antd@^5.22.6 react@^18.3.1 react-dom@^18.3.1 react-router-dom@^7.0.0
+```
+
+## Setup
+
+### 1. Initialize translations
+
+The library uses i18next for internationalization. You need to set it up before using the components:
+
+```typescript
+import { setupI18n } from '@kingteza/crud-component';
+
+// Basic setup with default English translations
+setupI18n();
+
+// Or with custom options
+setupI18n({
+  language: 'en', // default language
+  translations: {
+    en: {
+      'crud-component': {
+        // your custom translations
+      }
+    }
+  },
+  i18nInstance: existingI18nInstance // optional: use your existing i18n instance
+});
+```
+
+### 2. Usage
+
+```typescript
+import { CrudComponent } from '@kingteza/crud-component';
+import { Button } from '@kingteza/crud-component/common';
+
+function App() {
+  return (
+    <CrudComponent
+      fields={[
+        { type: "text", name: "name", label: "Name", required: true },
+        { type: "select", name: "status", label: "Status", options: [
+          { value: "active", label: "Active" },
+          { value: "inactive", label: "Inactive" }
+        ]}
+      ]}
+      data={[]}
+      onSave={(data) => console.log(data)}
+    />
+  );
+}
+```
+
+### 3. Available Imports
+
+The library provides several entry points for importing components:
+
+```typescript
+// Main CRUD component
+import { CrudComponent } from '@kingteza/crud-component';
+
+// Common components
+import { Button, Select, DatePicker } from '@kingteza/crud-component/common';
+
+// Utility functions
+import { DateUtil } from '@kingteza/crud-component/util';
+```
+
+## Documentation
+
+For detailed documentation of components and their props, please visit our [GitHub repository](https://github.com/kingteza/crud-component).
+
+## License
+
+MIT

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kingteza/crud-component",
   "private": false,
-  "version": "1.0.25",
+  "version": "1.0.26",
   "description": "React CRUD component library with Ant Design",
   "keywords": [
     "react",
@@ -33,7 +33,7 @@
     "dev": "vite",
     "clean": "rm -rf dist",
     "build": "npm run clean && tsc && vite build && cp package.json dist/",
-    "publish-npm": "yarn build && cd dist && npm publish",
+    "publish-npm": "yarn build && npm whoami >/dev/null 2>&1 || npm login && npm publish",
     "lint": "eslint .",
     "preview": "vite preview"
   },
@@ -67,9 +67,7 @@
     "mime": "^4.0.6",
     "papaparse": "^5.4.1",
     "path-browserify": "^1.0.1",
-    "react": "^18.3.1",
     "react-cropper": "^2.3.3",
-    "react-dom": "^18.3.1",
     "react-highlight-words": "^0.20.0",
     "react-i18next": "^15.2.0",
     "react-responsive": "^10.0.0",
@@ -91,8 +89,8 @@
     "eslint-plugin-react-hooks": "^5.0.0",
     "eslint-plugin-react-refresh": "^0.4.16",
     "globals": "^15.14.0",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-router-dom": "^7.0.2",
     "tsup": "^8.3.5",
     "typescript": "~5.6.2",

package/App.d.ts

@@ -1,2 +0,0 @@
-declare function App(): import("react/jsx-runtime").JSX.Element;
-export default App;

package/components/common/DatePicker/DatePicker.cjs

@@ -1 +0,0 @@
-"use strict";const d=require("react/jsx-runtime"),s=require("antd"),t=require("dayjs"),E=require("dayjs/plugin/advancedFormat"),F=require("dayjs/plugin/customParseFormat"),I=require("dayjs/plugin/localeData"),v=require("dayjs/plugin/weekday"),S=require("dayjs/plugin/weekOfYear"),T=require("dayjs/plugin/weekYear"),Y=require("../../../locale/hooks/translation-constants.cjs"),$=require("react"),L=require("react-i18next");t.extend(F);t.extend(E);t.extend(v);t.extend(I);t.extend(S);t.extend(T);const M=({type:_,required:q,label:o,rules:x=[],placeholder:a,disabledPastDays:c=!1,disableToday:i=!1,onEnter:z,disabled:f,nextFocus:B,onChange:r,range:m,showTime:l,disabledFutureDays:u,picker:k,defaultValue:O,value:y,format:P,autoComplete:G="off",enabledDates:H=[],renderExtraFooter:j,...p})=>{const{t:w}=L.useTranslation(Y.TRANSLATION_NAMESPACE),A=m?s.DatePicker.RangePicker:s.DatePicker,D=$.useCallback(e=>{if(!e)return!1;const n=t(),N=c&&e<n.startOf("day"),R=u&&e>n.endOf("day"),C=i&&e<n.endOf("day")&&n.startOf("day")<e;return N||R||C},[c,u,i]);return d.jsx(s.Form.Item,{...p,label:o,rules:[{required:q,message:`${o??a??""} ${w("err.validation.required")}`},...x],children:d.jsx(A,{renderExtraFooter:j,value:y,picker:k,defaultValue:O,format:P,onChange:e=>r==null?void 0:r(e),disabledDate:D,disabled:f,className:"w-100",placeholder:a,showTime:l})})};module.exports=M;

package/components/common/DatePicker/DatePicker.d.ts

@@ -1,37 +0,0 @@
-import { FormItemProps } from 'antd/lib/form';
-import { Dayjs } from 'dayjs';
-import { default as React, FC } from 'react';
-export type DateRange = [Dayjs | null, Dayjs | null];
-export interface DatePickerComponentProps extends FormItemProps<any> {
-    type?: any;
-    placeholder?: string;
-    onEnter?: React.KeyboardEventHandler<HTMLInputElement>;
-    nextFocus?: string;
-    disableToday?: boolean;
-    autoComplete?: string;
-    disabled?: boolean;
-    enabledDates?: Date[];
-    disabledPastDays?: boolean;
-    disabledFutureDays?: boolean;
-    renderExtraFooter?: () => React.ReactElement;
-}
-export interface DateRangePickerProps extends DatePickerComponentProps {
-    onChange?: (date: DateRange) => void;
-    range: true;
-    defaultValue?: DateRange | boolean;
-    value?: DateRange;
-    format?: string;
-    picker?: string;
-    showTime?: boolean;
-}
-export interface DatePickerProps extends DatePickerComponentProps {
-    onChange?: (date: Dayjs | null) => void;
-    defaultValue?: Dayjs;
-    value?: Dayjs;
-    range?: false;
-    format?: string;
-    picker?: string;
-    showTime?: never;
-}
-declare const DatePickerComponent: FC<DateRangePickerProps | DatePickerProps>;
-export default DatePickerComponent;

package/components/common/DatePicker/DatePicker.js

@@ -1,88 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import { DatePicker as d, Form as C } from "antd";
-import e from "dayjs";
-import I from "dayjs/plugin/advancedFormat";
-import R from "dayjs/plugin/customParseFormat";
-import S from "dayjs/plugin/localeData";
-import T from "dayjs/plugin/weekday";
-import Y from "dayjs/plugin/weekOfYear";
-import $ from "dayjs/plugin/weekYear";
-import { TRANSLATION_NAMESPACE as q } from "../../../locale/hooks/translation-constants.js";
-import { useCallback as L } from "react";
-import { useTranslation as M } from "react-i18next";
-e.extend(R);
-e.extend(I);
-e.extend(T);
-e.extend(S);
-e.extend(Y);
-e.extend($);
-const et = ({
-  type: _,
-  required: c,
-  label: m,
-  rules: p = [],
-  placeholder: a,
-  disabledPastDays: n = !1,
-  disableToday: f = !1,
-  onEnter: z,
-  disabled: l,
-  nextFocus: B,
-  onChange: r,
-  range: x,
-  showTime: k,
-  disabledFutureDays: s,
-  picker: O,
-  defaultValue: u,
-  value: y,
-  format: w,
-  autoComplete: G = "off",
-  enabledDates: H = [],
-  renderExtraFooter: A,
-  ...N
-}) => {
-  const { t: P } = M(q), D = x ? d.RangePicker : d, E = L(
-    (t) => {
-      if (!t)
-        return !1;
-      const o = e(), F = n && t < o.startOf("day"), j = s && t > o.endOf("day"), v = f && t < o.endOf("day") && o.startOf("day") < t;
-      return F || j || v;
-    },
-    [n, s, f]
-    // Dependencies for useCallback
-  );
-  return /* @__PURE__ */ i(
-    C.Item,
-    {
-      ...N,
-      label: m,
-      rules: [
-        {
-          required: c,
-          message: `${m ?? a ?? ""} ${P(
-            "err.validation.required"
-          )}`
-        },
-        ...p
-      ],
-      children: /* @__PURE__ */ i(
-        D,
-        {
-          renderExtraFooter: A,
-          value: y,
-          picker: O,
-          defaultValue: u,
-          format: w,
-          onChange: (t) => r == null ? void 0 : r(t),
-          disabledDate: E,
-          disabled: l,
-          className: "w-100",
-          placeholder: a,
-          showTime: k
-        }
-      )
-    }
-  );
-};
-export {
-  et as default
-};

package/components/common/DatePicker/TimePicker.cjs

@@ -1 +0,0 @@
-"use strict";const l=require("react/jsx-runtime"),c=require("antd"),C=require("dayjs"),q=require("react"),F=require("react-i18next"),M=require("../../../locale/hooks/translation-constants.cjs"),$=({type:v,required:T,label:r,rules:f=[],placeholder:t,disabledPast:i=!1,disableCurrent:m=!1,onEnter:w,disabled:x,use12Hours:k,nextFocus:D,onChange:s,range:n,disabledFuture:a,defaultValue:j,value:p,format:A,autoComplete:H="off",renderExtraFooter:N,...P})=>{const{t:R}=F.useTranslation(M.TRANSLATION_NAMESPACE),u=q.useMemo(()=>t||(n?["From","To"]:"Select time"),[t,n]);console.log(u);const y=n?c.TimePicker.RangePicker:c.TimePicker,E=q.useCallback(e=>{if(!e)return!1;const o=C(),I=i&&e<o,S=a&&e>o,d=m&&e<o&&o<e;return I||S||d},[m,a,i]);return l.jsx(c.Form.Item,{...P,label:r,rules:[{required:T,message:`${r??t??""} ${R("err.validation.required")}`},...f],children:l.jsx(y,{use12Hours:k,renderExtraFooter:N,value:p,defaultValue:j,format:A,onChange:e=>s==null?void 0:s(e),disabledDate:E,disabled:x,className:"w-100",placeholder:u})})};module.exports=$;

package/components/common/DatePicker/TimePicker.d.ts

@@ -1,34 +0,0 @@
-import { FormItemProps } from 'antd/lib/form';
-import { Dayjs } from 'dayjs';
-import { default as React, FC } from 'react';
-export type DateRange = [Dayjs | null, Dayjs | null];
-export interface TimePickerComponentProps extends FormItemProps<any> {
-    type?: any;
-    onEnter?: React.KeyboardEventHandler<HTMLInputElement>;
-    nextFocus?: string;
-    disableCurrent?: boolean;
-    use12Hours?: boolean;
-    autoComplete?: string;
-    disabled?: boolean;
-    disabledPast?: boolean;
-    disabledFuture?: boolean;
-    renderExtraFooter?: () => React.ReactElement;
-}
-export interface TimeRangePickerProps extends TimePickerComponentProps {
-    onChange?: (date: DateRange) => void;
-    range: true;
-    defaultValue?: DateRange;
-    value?: DateRange;
-    format?: string;
-    placeholder?: [string, string];
-}
-export interface TimePickerProps extends TimePickerComponentProps {
-    onChange?: (date: Dayjs | null) => void;
-    range: false;
-    defaultValue?: Dayjs;
-    value?: Dayjs;
-    format?: string;
-    placeholder?: string;
-}
-declare const TimePickerComponent: FC<TimeRangePickerProps | TimePickerProps>;
-export default TimePickerComponent;

package/components/common/DatePicker/TimePicker.js

@@ -1,78 +0,0 @@
-import { jsx as p } from "react/jsx-runtime";
-import { TimePicker as a, Form as M } from "antd";
-import R from "dayjs";
-import { useMemo as $, useCallback as q } from "react";
-import { useTranslation as v } from "react-i18next";
-import { TRANSLATION_NAMESPACE as w } from "../../../locale/hooks/translation-constants.js";
-const K = ({
-  type: C,
-  required: l,
-  label: r,
-  rules: T = [],
-  placeholder: t,
-  disabledPast: c = !1,
-  disableCurrent: i = !1,
-  onEnter: D,
-  disabled: k,
-  use12Hours: u,
-  nextFocus: H,
-  onChange: e,
-  range: s,
-  disabledFuture: n,
-  defaultValue: A,
-  value: N,
-  format: x,
-  autoComplete: L = "off",
-  renderExtraFooter: y,
-  ...E
-}) => {
-  const { t: P } = v(w), f = $(
-    () => t || (s ? ["From", "To"] : "Select time"),
-    [t, s]
-  );
-  console.log(f);
-  const S = s ? a.RangePicker : a, d = q(
-    (o) => {
-      if (!o)
-        return !1;
-      const m = R(), j = c && o < m, F = n && o > m, I = i && o < m && m < o;
-      return j || F || I;
-    },
-    [i, n, c]
-    // Dependencies for useCallback
-  );
-  return /* @__PURE__ */ p(
-    M.Item,
-    {
-      ...E,
-      label: r,
-      rules: [
-        {
-          required: l,
-          message: `${r ?? t ?? ""} ${P(
-            "err.validation.required"
-          )}`
-        },
-        ...T
-      ],
-      children: /* @__PURE__ */ p(
-        S,
-        {
-          use12Hours: u,
-          renderExtraFooter: y,
-          value: N,
-          defaultValue: A,
-          format: x,
-          onChange: (o) => e == null ? void 0 : e(o),
-          disabledDate: d,
-          disabled: k,
-          className: "w-100",
-          placeholder: f
-        }
-      )
-    }
-  );
-};
-export {
-  K as default
-};

package/components/common/DatePicker/index.d.ts

@@ -1,3 +0,0 @@
-import { default as DatePickerComponent } from './DatePicker';
-import { default as TimePickerComponent } from './TimePicker';
-export { DatePickerComponent, TimePickerComponent };

package/components/common/appearance/Hider.cjs

@@ -1 +0,0 @@
-"use strict";const r=require("react/jsx-runtime"),t=({children:e,hide:s})=>r.jsx("div",{className:s?"d-none":"",children:e});module.exports=t;

package/components/common/appearance/Hider.d.ts

@@ -1,6 +0,0 @@
-import { FC } from 'react';
-declare const Hider: FC<{
-    children: any;
-    hide: boolean;
-}>;
-export default Hider;

package/components/common/appearance/Hider.js

@@ -1,5 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-const t = ({ children: e, hide: r }) => /* @__PURE__ */ o("div", { className: r ? "d-none" : "", children: e });
-export {
-  t as default
-};

package/components/common/button/Button.cjs

@@ -1 +0,0 @@
-"use strict";const y=require("react/jsx-runtime"),f=require("antd"),g=require("../../../locale/hooks/translation-constants.cjs"),l=require("react"),A=require("react-i18next");;/* empty css            */const d=require("react-router-dom"),q=({className:i,to:t,onClick:n,tooltip:o,ref:x,...r})=>{var a;const{t:e}=A.useTranslation(g.TRANSLATION_NAMESPACE);let s;try{s=(a=d.useNavigate)==null?void 0:a.call(d)}catch(u){console.error(u)}const c=l.useMemo(()=>y.jsx(f.Button,{onClick:n||(t&&s?()=>s(t):void 0),className:i,...r,children:r.children||e(`button.${r.type}`)}),[i,s,n,r,e,t]);return o?y.jsx(f.Tooltip,{title:o,children:c}):c},j=({className:i,to:t,onClick:n,tooltip:o,ref:x,...r})=>{let e;try{e=d.useNavigate()}catch(h){console.error(h)}const[s,c]=l.useState(!1),a=l.useCallback(async h=>{try{return c(!0),await n(h)}finally{c(!1)}},[n]),u=l.useMemo(()=>y.jsx(f.Button,{loading:s||r.loading,onClick:n?a:t?()=>{e?e==null||e(t):window.location.href=t}:void 0,className:i,...r}),[a,i,s,e,n,r,t]);return o?y.jsx(f.Tooltip,{title:o,children:u}):u};q.Async=j;module.exports=q;

package/components/common/button/Button.d.ts

@@ -1,12 +0,0 @@
-import { ButtonProps } from 'antd';
-import { default as React } from 'react';
-export interface ButtonComponentProps extends ButtonProps {
-    to?: string | number;
-    tooltip?: string | undefined;
-    ref?: any;
-}
-type ComponentType = React.FC<ButtonComponentProps> & {
-    Async: React.FC<ButtonComponentProps>;
-};
-declare const _default: ComponentType;
-export default _default;

package/components/common/button/Button.js

@@ -1,79 +0,0 @@
-import { jsx as f } from "react/jsx-runtime";
-import { Button as u, Tooltip as d } from "antd";
-import { TRANSLATION_NAMESPACE as g } from "../../../locale/hooks/translation-constants.js";
-import { useMemo as y, useState as b, useCallback as T } from "react";
-import { useTranslation as v } from "react-i18next";
-/* empty css          */
-import { useNavigate as h } from "react-router-dom";
-const w = ({
-  className: i,
-  to: r,
-  onClick: e,
-  tooltip: a,
-  ref: A,
-  ...n
-}) => {
-  var l;
-  const { t } = v(g);
-  let o;
-  try {
-    o = (l = h) == null ? void 0 : l();
-  } catch (s) {
-    console.error(s);
-  }
-  const c = y(
-    () => /* @__PURE__ */ f(
-      u,
-      {
-        onClick: e || (r && o ? () => o(r) : void 0),
-        className: i,
-        ...n,
-        children: n.children || t(`button.${n.type}`)
-      }
-    ),
-    [i, o, e, n, t, r]
-  );
-  return a ? /* @__PURE__ */ f(d, { title: a, children: c }) : c;
-}, S = ({
-  className: i,
-  to: r,
-  onClick: e,
-  tooltip: a,
-  ref: A,
-  ...n
-}) => {
-  let t;
-  try {
-    t = h();
-  } catch (m) {
-    console.error(m);
-  }
-  const [o, c] = b(!1), l = T(
-    async (m) => {
-      try {
-        return c(!0), await e(m);
-      } finally {
-        c(!1);
-      }
-    },
-    [e]
-  ), s = y(
-    () => /* @__PURE__ */ f(
-      u,
-      {
-        loading: o || n.loading,
-        onClick: e ? l : r ? () => {
-          t ? t == null || t(r) : window.location.href = r;
-        } : void 0,
-        className: i,
-        ...n
-      }
-    ),
-    [l, i, o, t, e, n, r]
-  );
-  return a ? /* @__PURE__ */ f(d, { title: a, children: s }) : s;
-};
-w.Async = S;
-export {
-  w as default
-};

package/components/common/button/CloneButtonTable.cjs

@@ -1 +0,0 @@
-"use strict";const t=require("react/jsx-runtime"),s=require("@ant-design/icons"),r=require("./Button.cjs"),i=require("react-i18next"),c=require("../../../locale/hooks/translation-constants.cjs");function u({value:n,onClick:e}){const{t:o}=i.useTranslation(c.TRANSLATION_NAMESPACE);return t.jsx(r,{type:"link",onClick:()=>e(n),icon:t.jsx(s.CopyOutlined,{}),tooltip:o("clone")})}module.exports=u;

package/components/common/button/CloneButtonTable.d.ts

@@ -1,6 +0,0 @@
-interface Props<T> {
-    value: T;
-    onClick: (value: T) => void;
-}
-declare function CloneButtonTable<T>({ value, onClick }: Props<T>): import("react/jsx-runtime").JSX.Element;
-export default CloneButtonTable;

package/components/common/button/CloneButtonTable.js

@@ -1,20 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { CopyOutlined as i } from "@ant-design/icons";
-import m from "./Button.js";
-import { useTranslation as e } from "react-i18next";
-import { TRANSLATION_NAMESPACE as p } from "../../../locale/hooks/translation-constants.js";
-function s({ value: t, onClick: n }) {
-  const { t: r } = e(p);
-  return /* @__PURE__ */ o(
-    m,
-    {
-      type: "link",
-      onClick: () => n(t),
-      icon: /* @__PURE__ */ o(i, {}),
-      tooltip: r("clone")
-    }
-  );
-}
-export {
-  s as default
-};

package/components/common/button/DeleteButtonTable.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),q=require("@ant-design/icons"),T=require("antd"),n=require("react"),p=require("./Button.cjs"),j=require("react-i18next"),g=require("../../../locale/hooks/translation-constants.cjs");function m({shouldConfirm:C=!0,block:r,value:i,loading:a,onClick:u,text:c,disabled:l,type:f="link"}){const{t}=j.useTranslation(g.TRANSLATION_NAMESPACE),o=n.useMemo(()=>c??t("str.delete"),[c,t]),[x,s]=n.useState(!1);n.useEffect(()=>{s(a??!1)},[a]);const d=n.useCallback(async()=>{try{s(!0),await u(i)}finally{s(!1)}},[u,i]);return C?e.jsx(T.Popconfirm,{title:t("qus.doYouWantToDelete"),okText:o.toUpperCase(),cancelText:t("str.no").toUpperCase(),onConfirm:d,children:e.jsx(p,{tooltip:o,icon:e.jsx(q.DeleteOutlined,{}),disabled:l,loading:x,type:f,danger:!0,block:r})}):e.jsx(p,{tooltip:o,icon:e.jsx(q.DeleteOutlined,{}),disabled:l,loading:x,type:f,danger:!0,block:r,onClick:d})}module.exports=m;

package/components/common/button/DeleteButtonTable.d.ts

@@ -1,13 +0,0 @@
-import { ButtonType } from 'antd/es/button';
-interface Props<T> {
-    value: T;
-    onClick: (value: T) => Promise<void>;
-    text?: string;
-    loading?: boolean;
-    disabled?: boolean;
-    type?: ButtonType;
-    block?: boolean;
-    shouldConfirm?: boolean;
-}
-declare function DeleteButtonTable<T>({ shouldConfirm, block, value, loading, onClick, text, disabled, type, }: Props<T>): import("react/jsx-runtime").JSX.Element;
-export default DeleteButtonTable;

package/components/common/button/DeleteButtonTable.js

@@ -1,68 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { DeleteOutlined as c } from "@ant-design/icons";
-import { Popconfirm as T } from "antd";
-import { useMemo as g, useState as x, useEffect as A, useCallback as _ } from "react";
-import d from "./Button.js";
-import { useTranslation as k } from "react-i18next";
-import { TRANSLATION_NAMESPACE as D } from "../../../locale/hooks/translation-constants.js";
-function P({
-  shouldConfirm: C = !0,
-  block: n,
-  value: i,
-  loading: a,
-  onClick: l,
-  text: s,
-  disabled: f,
-  type: m = "link"
-}) {
-  const { t: o } = k(D), e = g(() => s ?? o("str.delete"), [s, o]), [u, r] = x(!1);
-  A(() => {
-    r(a ?? !1);
-  }, [a]);
-  const p = _(
-    async () => {
-      try {
-        r(!0), await l(i);
-      } finally {
-        r(!1);
-      }
-    },
-    [l, i]
-  );
-  return C ? /* @__PURE__ */ t(
-    T,
-    {
-      title: o("qus.doYouWantToDelete"),
-      okText: e.toUpperCase(),
-      cancelText: o("str.no").toUpperCase(),
-      onConfirm: p,
-      children: /* @__PURE__ */ t(
-        d,
-        {
-          tooltip: e,
-          icon: /* @__PURE__ */ t(c, {}),
-          disabled: f,
-          loading: u,
-          type: m,
-          danger: !0,
-          block: n
-        }
-      )
-    }
-  ) : /* @__PURE__ */ t(
-    d,
-    {
-      tooltip: e,
-      icon: /* @__PURE__ */ t(c, {}),
-      disabled: f,
-      loading: u,
-      type: m,
-      danger: !0,
-      block: n,
-      onClick: p
-    }
-  );
-}
-export {
-  P as default
-};

package/components/common/button/ExportButton.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),u=require("@ant-design/icons"),r=require("react"),a=require("react-i18next"),l=require("./Button.cjs"),x=require("../../../locale/hooks/translation-constants.cjs");function p({value:t,onClick:e}){const[s,n]=r.useState(!1),{t:i}=a.useTranslation(x.TRANSLATION_NAMESPACE),c=r.useCallback(async()=>{n(!0),e(t).finally(()=>n(!1))},[e,t]);return o.jsx(l,{loading:s,type:"link",onClick:c,icon:o.jsx(u.ExportOutlined,{}),tooltip:i("str.export")})}exports.ExportButton=p;

package/components/common/button/ExportButton.d.ts

@@ -1,4 +0,0 @@
-export declare function ExportButton<T>({ value, onClick, }: {
-    value: T;
-    onClick: (value: T) => Promise<any>;
-}): import("react/jsx-runtime").JSX.Element;

package/components/common/button/ExportButton.js

@@ -1,27 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import { ExportOutlined as p } from "@ant-design/icons";
-import { useState as s, useCallback as l } from "react";
-import { useTranslation as a } from "react-i18next";
-import f from "./Button.js";
-import { TRANSLATION_NAMESPACE as c } from "../../../locale/hooks/translation-constants.js";
-function y({
-  value: t,
-  onClick: o
-}) {
-  const [i, r] = s(!1), { t: e } = a(c), m = l(async () => {
-    r(!0), o(t).finally(() => r(!1));
-  }, [o, t]);
-  return /* @__PURE__ */ n(
-    f,
-    {
-      loading: i,
-      type: "link",
-      onClick: m,
-      icon: /* @__PURE__ */ n(p, {}),
-      tooltip: e("str.export")
-    }
-  );
-}
-export {
-  y as ExportButton
-};

package/components/common/button/HideButtonTable.cjs

@@ -1 +0,0 @@
-"use strict";const t=require("react/jsx-runtime"),C=require("@ant-design/icons"),T=require("antd"),n=require("react"),j=require("react-i18next"),g=require("../../../locale/hooks/translation-constants.cjs"),q=require("./Button.cjs");function m({shouldConfirm:p=!0,block:s,value:i,loading:c,onClick:a,text:u,disabled:l,type:d="link"}){const{t:e}=j.useTranslation(g.TRANSLATION_NAMESPACE),o=n.useMemo(()=>u??e("str.hide"),[u,e]),[f,r]=n.useState(!1);n.useEffect(()=>{r(c??!1)},[c]);const x=n.useCallback(async()=>{try{r(!0),await a(i)}finally{r(!1)}},[a,i]);return p?t.jsx(T.Popconfirm,{title:e("qus.doYouWantToHide"),okText:o.toUpperCase(),cancelText:e("str.no").toUpperCase(),onConfirm:x,children:t.jsx(q,{tooltip:o,icon:t.jsx(C.DownCircleOutlined,{}),disabled:l,loading:f,type:d,danger:!0,block:s})}):t.jsx(q,{tooltip:o,icon:t.jsx(C.DownCircleOutlined,{}),disabled:l,loading:f,type:d,danger:!0,block:s,onClick:x})}module.exports=m;