@kingteza/crud-component 1.0.24 → 1.0.25

package/App.d.ts

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

package/components/common/DatePicker/DatePicker.cjs

@@ -0,0 +1 @@
+"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

@@ -0,0 +1,37 @@
+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

@@ -0,0 +1,88 @@
+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

@@ -0,0 +1 @@
+"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

@@ -0,0 +1,34 @@
+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

@@ -0,0 +1,78 @@
+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

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

package/components/common/appearance/Hider.cjs

@@ -0,0 +1 @@
+"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

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

package/components/common/appearance/Hider.js

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

@@ -0,0 +1 @@
+"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

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1,79 @@
+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

@@ -0,0 +1 @@
+"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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,20 @@
+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

@@ -0,0 +1 @@
+"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

@@ -0,0 +1,13 @@
+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

@@ -0,0 +1,68 @@
+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

@@ -0,0 +1 @@
+"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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,27 @@
+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

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

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

@@ -0,0 +1,13 @@
+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 HideButtonTable<T>({ shouldConfirm, block, value, loading, onClick, text, disabled, type, }: Props<T>): import("react/jsx-runtime").JSX.Element;
+export default HideButtonTable;

package/components/common/button/HideButtonTable.js

@@ -0,0 +1,68 @@
+import { jsx as o } from "react/jsx-runtime";
+import { DownCircleOutlined as p } 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 { useTranslation as k } from "react-i18next";
+import { TRANSLATION_NAMESPACE as E } from "../../../locale/hooks/translation-constants.js";
+import d from "./Button.js";
+function M({
+  shouldConfirm: C = !0,
+  block: n,
+  value: i,
+  loading: a,
+  onClick: s,
+  text: l,
+  disabled: f,
+  type: m = "link"
+}) {
+  const { t } = k(E), r = g(() => l ?? t("str.hide"), [l, t]), [u, e] = x(!1);
+  A(() => {
+    e(a ?? !1);
+  }, [a]);
+  const c = _(
+    async () => {
+      try {
+        e(!0), await s(i);
+      } finally {
+        e(!1);
+      }
+    },
+    [s, i]
+  );
+  return C ? /* @__PURE__ */ o(
+    T,
+    {
+      title: t("qus.doYouWantToHide"),
+      okText: r.toUpperCase(),
+      cancelText: t("str.no").toUpperCase(),
+      onConfirm: c,
+      children: /* @__PURE__ */ o(
+        d,
+        {
+          tooltip: r,
+          icon: /* @__PURE__ */ o(p, {}),
+          disabled: f,
+          loading: u,
+          type: m,
+          danger: !0,
+          block: n
+        }
+      )
+    }
+  ) : /* @__PURE__ */ o(
+    d,
+    {
+      tooltip: r,
+      icon: /* @__PURE__ */ o(p, {}),
+      disabled: f,
+      loading: u,
+      type: m,
+      danger: !0,
+      block: n,
+      onClick: c
+    }
+  );
+}
+export {
+  M as default
+};

package/components/common/button/ImportButton.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),k=require("@ant-design/icons"),n=require("react"),q=require("react-i18next"),x=require("../../../locale/hooks/translation-constants.cjs"),C=require("./Button.cjs");function S({onClick:o,children:c,accept:u,className:a,disabled:l,type:f="link"}){const[d,i]=n.useState(!1),{t:p}=q.useTranslation(x.TRANSLATION_NAMESPACE),e=n.useRef(null),y=n.useCallback(()=>{m(t=>t+1),e.current&&setTimeout(()=>{var t;(t=e==null?void 0:e.current)==null||t.click()},10)},[]),[g,m]=n.useState(0),j=n.useCallback(async t=>{i(!0);const r=t.target.files[0];r&&await o(r),i(!1)},[o]);return s.jsxs("div",{className:a,children:[s.jsx("input",{type:"file",style:{display:"none"},ref:e,onChange:j,accept:u},g),s.jsx(C,{loading:d,type:f,disabled:l,onClick:y,icon:s.jsx(k.ImportOutlined,{}),tooltip:p("str.import"),children:c})]})}exports.ImportButton=S;

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

@@ -0,0 +1,9 @@
+import { BaseButtonProps } from 'antd/es/button/button';
+import { PropsWithChildren } from 'react';
+export declare function ImportButton({ onClick, children, accept, className, disabled, type, }: PropsWithChildren<{
+    className?: string;
+    accept?: string;
+    disabled?: boolean;
+    onClick: (file: File) => Promise<any>;
+    type?: BaseButtonProps["type"];
+}>): import("react/jsx-runtime").JSX.Element;