@kingteza/crud-component 1.2.1 → 1.2.3

package/dist/common/rich/index.es.js

@@ -0,0 +1,66 @@
+import { jsx as l } from "react/jsx-runtime";
+/* empty css                                                                                                                                     */
+/* empty css             */
+import { Form as a } from "antd";
+import V, { useState as g, useEffect as u, useMemo as w, Suspense as F } from "react";
+import x from "../../util/ValidationUtil.es.js";
+const R = V.lazy(async () => {
+  const { default: e } = await import("react-quill");
+  return { default: (o) => /* @__PURE__ */ l(e, { ...o }) };
+}), S = ({
+  name: e,
+  label: o,
+  required: d,
+  rules: c = [],
+  disabled: p
+}) => {
+  const r = a.useFormInstance(), [n, s] = g(""), m = {
+    toolbar: [
+      ["bold", "italic", "underline", "strike", "blockquote"],
+      [{ list: "ordered" }, { list: "bullet" }],
+      ["link"],
+      ["clean"]
+    ]
+  }, f = [
+    "bold",
+    "italic",
+    "underline",
+    "strike",
+    "blockquote",
+    "list",
+    "bullet",
+    "link"
+  ];
+  u(() => {
+    const t = r.getFieldValue(e);
+    t && t !== "<p></p>" && t !== "<p><br></p>" && s(t);
+  }, [r, e]);
+  const i = a.useWatch(e, r);
+  u(() => {
+    i !== n && s(!i || i === "<p></p>" || i === "<p><br></p>" ? "" : i);
+  }, [i, n]);
+  const h = (t) => {
+    s(t);
+    const k = !t || t === "<p></p>" || t.trim() === "<p><br></p>" ? void 0 : t;
+    r.setFieldValue(e, k), r.validateFields([e]).catch(() => {
+    });
+  }, b = w(
+    () => d ? [...c, ...x.required(o ?? "")] : c,
+    [d, c, o]
+  );
+  return /* @__PURE__ */ l(a.Item, { name: e, label: o, rules: b, children: /* @__PURE__ */ l(F, { fallback: /* @__PURE__ */ l("div", { children: "Loading editor..." }), children: /* @__PURE__ */ l(
+    R,
+    {
+      readOnly: p,
+      value: n,
+      onChange: h,
+      theme: "snow",
+      className: "bg-white dark:!bg-[#141414] dark:text-white dark:!fill-white",
+      modules: m,
+      formats: f
+    }
+  ) }) });
+};
+export {
+  S as RichTextEditor
+};

package/dist/common/select/CustomSelectOption.cjs.js

@@ -0,0 +1 @@
+"use strict";const t=require("react/jsx-runtime"),s=require("antd"),n=s.List.Item.Meta,r=s.List.Item,o=({title:e,description:i,children:c})=>t.jsxs(r,{className:"",children:[t.jsx("div",{children:t.jsx(n,{title:e,description:i})}),t.jsx("div",{className:"float-right",children:c})]});module.exports=o;

package/dist/common/select/CustomSelectOption.d.ts

@@ -0,0 +1,7 @@
+import { FC, PropsWithChildren } from 'react';
+type CustomSelectOptionProps = {
+    title: string;
+    description?: string;
+};
+declare const CustomSelectOption: FC<PropsWithChildren<CustomSelectOptionProps>>;
+export default CustomSelectOption;

package/dist/common/select/CustomSelectOption.es.js

@@ -0,0 +1,13 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { List as e } from "antd";
+const a = e.Item.Meta, i = e.Item, n = ({
+  title: s,
+  description: o,
+  children: m
+}) => /* @__PURE__ */ r(i, { className: "", children: [
+  /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(a, { title: s, description: o }) }),
+  /* @__PURE__ */ t("div", { className: "float-right", children: m })
+] });
+export {
+  n as default
+};

package/dist/common/select/SelectComponent.cjs.js

@@ -0,0 +1 @@
+"use strict";const n=require("react/jsx-runtime"),l=require("antd"),O=require("react"),V=require("../../locale/index.cjs.js"),B=require("../tooltip/TooltipComponent.cjs.js"),D=require("../../util/ValidationUtil.cjs.js");function E({label:a,rules:S=[],required:h,placeholder:x,notSearch:L,children:f,readOnly:s,items:o,dropdownRender:p,itemBuilder:q,loading:m,showLoadingInEmptyIndicator:T,nameFieldInArray:u="name",innerRef:_,tooltip:b,filterOption:N,tagRender:R,...r}){const{t:P}=V.useTranslationLib(),k=O.useCallback(e=>{const t=typeof e=="string"||typeof e=="number"?e:e==null?void 0:e.id,c=typeof e=="string"||typeof e=="number"?e:e==null?void 0:e[u];return n.jsx("option",{value:t,children:n.jsx("div",{dangerouslySetInnerHTML:{__html:c}})},t)},[u]),F=a??x??"";return n.jsx(l.ConfigProvider,{renderEmpty:T&&m?()=>n.jsx(l.Spin,{}):void 0,children:n.jsx(B,{title:b,children:n.jsx(l.Form.Item,{label:a,name:r.name,help:r.help,className:r.className,required:h,rules:[...S,...h?D.required(F):[]],children:n.jsx(l.Select,{ref:_,loading:m,open:s?!1:void 0,onChange:!s&&r.onChange,allowClear:!s&&r.allowClear,showSearch:!L,className:`max-width ${s?"readOnly":""}`,...r,tagRender:R,placeholder:x??a,filterOption:N??((e,t)=>{var c,g,C,j;try{const i=(C=(g=(c=t==null?void 0:t.children)==null?void 0:c.props)==null?void 0:g.dangerouslySetInnerHTML)==null?void 0:C.__html,H=e.toLowerCase().split(/\s+/),y=(t==null?void 0:t.children)??"",w=typeof y=="string"?y.toLowerCase():typeof i=="string"?i.toLowerCase():"",I=(((j=t==null?void 0:t.value)==null?void 0:j.toString())??"").toLowerCase(),M=w.replace(/\s/g,"");return H.every(d=>w.indexOf(d)>=0||I.indexOf(d)>=0||M.indexOf(d)>=0)}catch(i){return console.log(i),!0}}),popupRender:p,children:f===null?void 0:f??(o?o==null?void 0:o.map(q??k):n.jsx(n.Fragment,{}))})})})})}module.exports=E;

package/dist/common/select/SelectComponent.d.ts

@@ -0,0 +1,21 @@
+import { FormItemProps, SelectProps } from 'antd';
+import { RefSelectProps } from 'antd/lib/select';
+import { ReactElement } from 'react';
+export type SelectTagRenderProps = SelectProps["tagRender"];
+interface SelectComponentProps<T> extends SelectProps<any>, FormItemProps<any> {
+    children?: any[] | null;
+    required?: boolean;
+    notSearch?: boolean;
+    readOnly?: boolean;
+    status?: any;
+    nameFieldInArray?: string;
+    items?: T[];
+    showLoadingInEmptyIndicator?: boolean;
+    itemBuilder?: (t: T) => ReactElement;
+    dropdownRender?: (menu: ReactElement) => ReactElement;
+    innerRef?: React.Ref<RefSelectProps>;
+    filterOption?: SelectProps["filterOption"];
+    tagRender?: SelectTagRenderProps;
+}
+declare function SelectComponent<T = any>({ label, rules, required, placeholder, notSearch, children, readOnly, items, dropdownRender, itemBuilder, loading, showLoadingInEmptyIndicator, nameFieldInArray, innerRef, tooltip, filterOption, tagRender, ...props }: Readonly<SelectComponentProps<T>>): import("react/jsx-runtime").JSX.Element;
+export default SelectComponent;

package/dist/common/select/SelectComponent.es.js

@@ -0,0 +1,85 @@
+import { jsx as t, Fragment as j } from "react/jsx-runtime";
+import { ConfigProvider as B, Form as D, Select as E, Spin as P } from "antd";
+import { useCallback as R } from "react";
+import { useTranslationLib as U } from "../../locale/index.es.js";
+import W from "../tooltip/TooltipComponent.es.js";
+import $ from "../../util/ValidationUtil.es.js";
+function Y({
+  label: m,
+  rules: S = [],
+  required: f,
+  placeholder: a,
+  notSearch: L,
+  children: d,
+  readOnly: o,
+  items: s,
+  dropdownRender: u,
+  itemBuilder: T,
+  loading: h,
+  showLoadingInEmptyIndicator: _,
+  nameFieldInArray: g = "name",
+  innerRef: b,
+  tooltip: N,
+  filterOption: k,
+  tagRender: F,
+  ...n
+}) {
+  const { t: q } = U(), H = R(
+    (e) => {
+      const r = typeof e == "string" || typeof e == "number" ? e : e == null ? void 0 : e.id, c = typeof e == "string" || typeof e == "number" ? e : e == null ? void 0 : e[g];
+      return /* @__PURE__ */ t("option", { value: r, children: /* @__PURE__ */ t("div", { dangerouslySetInnerHTML: { __html: c } }) }, r);
+    },
+    [g]
+  ), I = m ?? a ?? "";
+  return /* @__PURE__ */ t(
+    B,
+    {
+      renderEmpty: _ && h ? () => /* @__PURE__ */ t(P, {}) : void 0,
+      children: /* @__PURE__ */ t(W, { title: N, children: /* @__PURE__ */ t(
+        D.Item,
+        {
+          label: m,
+          name: n.name,
+          help: n.help,
+          className: n.className,
+          required: f,
+          rules: [
+            ...S,
+            ...f ? $.required(I) : []
+          ],
+          children: /* @__PURE__ */ t(
+            E,
+            {
+              ref: b,
+              loading: h,
+              open: o ? !1 : void 0,
+              onChange: !o && n.onChange,
+              allowClear: !o && n.allowClear,
+              showSearch: !L,
+              className: `max-width ${o ? "readOnly" : ""}`,
+              ...n,
+              tagRender: F,
+              placeholder: a ?? m,
+              filterOption: k ?? ((e, r) => {
+                var c, p, C, y;
+                try {
+                  const i = (C = (p = (c = r == null ? void 0 : r.children) == null ? void 0 : c.props) == null ? void 0 : p.dangerouslySetInnerHTML) == null ? void 0 : C.__html, M = e.toLowerCase().split(/\s+/), w = (r == null ? void 0 : r.children) ?? "", x = typeof w == "string" ? w.toLowerCase() : typeof i == "string" ? i.toLowerCase() : "", O = (((y = r == null ? void 0 : r.value) == null ? void 0 : y.toString()) ?? "").toLowerCase(), V = x.replace(/\s/g, "");
+                  return M.every(
+                    (l) => x.indexOf(l) >= 0 || O.indexOf(l) >= 0 || V.indexOf(l) >= 0
+                  );
+                } catch (i) {
+                  return console.log(i), !0;
+                }
+              }),
+              popupRender: u,
+              children: d === null ? void 0 : d ?? (s ? s == null ? void 0 : s.map(T ?? H) : /* @__PURE__ */ t(j, {}))
+            }
+          )
+        }
+      ) })
+    }
+  );
+}
+export {
+  Y as default
+};

package/dist/common/select/index.d.ts

@@ -0,0 +1,3 @@
+import { default as SelectComponent } from './SelectComponent';
+import { default as CustomSelectOption } from './CustomSelectOption';
+export { SelectComponent, CustomSelectOption };

package/dist/common/show-more/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),o=require("react-show-more-text");;/* empty css               */const e=r=>t.jsx(o,{...r});exports.ShowMore=e;exports.default=e;

package/dist/common/show-more/index.d.ts

@@ -0,0 +1,4 @@
+import { ReactShowMoreTextProps } from 'react-show-more-text';
+export declare const ShowMore: React.FC<ReactShowMoreTextProps>;
+export type { ReactShowMoreTextProps };
+export default ShowMore;

package/dist/common/show-more/index.es.js

@@ -0,0 +1,8 @@
+import { jsx as r } from "react/jsx-runtime";
+import t from "react-show-more-text";
+/* empty css             */
+const a = (o) => /* @__PURE__ */ r(t, { ...o });
+export {
+  a as ShowMore,
+  a as default
+};

package/dist/common/tab/TabViewWithRoute.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),n=require("antd"),i=require("react"),u=require("react-router-dom"),T=require("../../hooks/NavigatorHooks.cjs.js"),y=require("../../context/WindowDimension.cjs.js"),{Content:S}=n.Layout,v=({positionOfRoute:a,initialKey:o="*",tabs:l,className:d="",mode:h="default"})=>{const[b,m]=i.useState(o),e=T.useNavigateOptional(),p=t=>{e==null||e(t)},r=u.useLocation();i.useEffect(()=>{const t=r.pathname.split("/")[a];m(t??""),t||e==null||e(o,{replace:!0})},[o,r.pathname,e,a]);const{isDesktop:x}=y(),c=h==="side"&&x,f=c?"left":"top",j=c?"d-flex h-100":"";return s.jsxs("div",{className:`${d} ${j}`,children:[s.jsx(n.Tabs,{type:"card",tabPosition:f,activeKey:b,onChange:p,children:l.map(({key:t,label:q})=>s.jsx(n.Tabs.TabPane,{tab:q},t))}),s.jsx(S,{className:`max-height ${c?"overflow-auto":""}`,children:s.jsx(u.Outlet,{})})]})};exports.TabViewWithRoute=v;

package/dist/common/tab/TabViewWithRoute.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+interface TabViewWithRouteProps {
+    initialKey?: string;
+    positionOfRoute: number;
+    className?: string;
+    tabs: {
+        label: React.ReactNode;
+        key: string;
+    }[];
+    mode?: 'side' | 'default';
+}
+export declare const TabViewWithRoute: React.FC<TabViewWithRouteProps>;
+export {};

package/dist/common/tab/TabViewWithRoute.es.js

@@ -0,0 +1,38 @@
+import { jsxs as x, jsx as e } from "react/jsx-runtime";
+import { Tabs as a, Layout as y } from "antd";
+import { useState as S, useEffect as w } from "react";
+import { useLocation as N, Outlet as P } from "react-router-dom";
+import { useNavigateOptional as T } from "../../hooks/NavigatorHooks.es.js";
+import $ from "../../context/WindowDimension.es.js";
+const { Content: j } = y, E = ({
+  positionOfRoute: r,
+  initialKey: s = "*",
+  tabs: i,
+  className: m = "",
+  mode: l = "default"
+}) => {
+  const [p, u] = S(s), t = T(), f = (o) => {
+    t == null || t(o);
+  }, n = N();
+  w(() => {
+    const o = n.pathname.split("/")[r];
+    u(o ?? ""), o || t == null || t(s, { replace: !0 });
+  }, [s, n.pathname, t, r]);
+  const { isDesktop: d } = $(), c = l === "side" && d, h = c ? "left" : "top";
+  return /* @__PURE__ */ x("div", { className: `${m} ${c ? "d-flex h-100" : ""}`, children: [
+    /* @__PURE__ */ e(
+      a,
+      {
+        type: "card",
+        tabPosition: h,
+        activeKey: p,
+        onChange: f,
+        children: i.map(({ key: o, label: b }) => /* @__PURE__ */ e(a.TabPane, { tab: b }, o))
+      }
+    ),
+    /* @__PURE__ */ e(j, { className: `max-height ${c ? "overflow-auto" : ""}`, children: /* @__PURE__ */ e(P, {}) })
+  ] });
+};
+export {
+  E as TabViewWithRoute
+};

package/dist/common/tab/index.d.ts

@@ -0,0 +1,2 @@
+import { TabViewWithRoute } from './TabViewWithRoute';
+export { TabViewWithRoute };

package/dist/common/table/index.d.ts

@@ -0,0 +1,3 @@
+import { default as TableComponent, TableComponentColumnProp, TableComponentProps } from './table';
+export { TableComponent };
+export type { TableComponentColumnProp, TableComponentProps };

package/dist/common/table/table.cjs.js

@@ -0,0 +1 @@
+"use strict";const a=require("react/jsx-runtime"),c=require("antd"),l=require("react");function d({minusHeight:h,onRow:g,count:m=1,onPageSizeChanged:f,pagination:e=!1,rowKey:s="id",columns:t,className:o,scroll:n,...i}){const r=l.useMemo(()=>t.filter(u=>!u.hidden),[t]);return a.jsx(c.Table,{className:`custom-scroll ${o}`,style:{width:"100%"},columns:r,rowKey:s,...i,scroll:n||{x:!0},pagination:e&&{...e,hideOnSinglePage:!0,showSizeChanger:!1}})}module.exports=d;

package/dist/common/table/table.d.ts

@@ -0,0 +1,19 @@
+import { ColumnsType, TableProps } from 'antd/lib/table';
+import { default as React } from 'react';
+export type TableComponentColumnProp<T> = {
+    dataIndex?: keyof T;
+    render?: (value: any, record: T, index: number) => React.ReactNode;
+    hidden?: boolean;
+    title?: any;
+    align?: 'right' | 'left' | 'center';
+    width?: number | string;
+}[] & ColumnsType<T>;
+export interface TableComponentProps<T> extends TableProps<T> {
+    minusHeight?: number;
+    count?: number;
+    dataSource?: T[];
+    columns: TableComponentColumnProp<T>;
+    onPageSizeChanged?: (page: number, pageSize: number) => void;
+}
+declare function TableComponent<T>({ minusHeight, onRow, count, onPageSizeChanged, pagination, rowKey, columns, className, scroll, ...props }: TableComponentProps<T>): import("react/jsx-runtime").JSX.Element;
+export default TableComponent;

package/dist/common/table/table.es.js

@@ -0,0 +1,40 @@
+import { jsx as l } from "react/jsx-runtime";
+import { Table as m } from "antd";
+import { useMemo as u } from "react";
+function x({
+  minusHeight: f,
+  onRow: c,
+  count: d = 1,
+  onPageSizeChanged: h,
+  pagination: e = !1,
+  rowKey: n = "id",
+  columns: o,
+  className: i,
+  scroll: t,
+  ...r
+}) {
+  const s = u(() => o.filter((a) => !a.hidden), [o]);
+  return /* @__PURE__ */ l(
+    m,
+    {
+      className: `custom-scroll ${i}`,
+      style: { width: "100%" },
+      columns: s,
+      rowKey: n,
+      ...r,
+      scroll: t || {
+        // y: `calc(100vh - ${minusHeight ?? 0}px)`,
+        x: !0
+        // scrollToFirstRowOnChange: true,
+      },
+      pagination: e && {
+        ...e,
+        hideOnSinglePage: !0,
+        showSizeChanger: !1
+      }
+    }
+  );
+}
+export {
+  x as default
+};

package/dist/common/tag/StatusTag.cjs.js

@@ -0,0 +1 @@
+"use strict";const x=require("react/jsx-runtime"),d=require("antd"),u=require("../../locale/index.cjs.js"),q=({onClick:n,clickable:o,colorFunction:e,translation:i,value:s})=>{var r;const t=e==null?void 0:e(s),{t:c}=u.useTranslationLib(),p=d.Tag;return x.jsx(p,{onClick:n,color:t==null?void 0:t.color,icon:t==null?void 0:t.icon,style:{color:t==null?void 0:t.text,cursor:o?"pointer":void 0},children:(r=c(i[s]))==null?void 0:r.toUpperCase()})};module.exports=q;

package/dist/common/tag/StatusTag.d.ts

@@ -0,0 +1,14 @@
+import { FC, ReactElement } from 'react';
+type StatusTagProps = {
+    translation: any;
+    value: string;
+    clickable?: boolean;
+    onClick?: () => void;
+    colorFunction?: (val: any) => {
+        color?: string;
+        text?: string;
+        icon?: ReactElement;
+    };
+};
+declare const StatusTag: FC<StatusTagProps>;
+export default StatusTag;

package/dist/common/tag/StatusTag.es.js

@@ -0,0 +1,29 @@
+import { jsx as i } from "react/jsx-runtime";
+import { Tag as f } from "antd";
+import { useTranslationLib as c } from "../../locale/index.es.js";
+const a = ({
+  onClick: e,
+  clickable: p,
+  colorFunction: o,
+  translation: m,
+  value: r
+}) => {
+  var s;
+  const t = o == null ? void 0 : o(r), { t: n } = c();
+  return /* @__PURE__ */ i(
+    f,
+    {
+      onClick: e,
+      color: t == null ? void 0 : t.color,
+      icon: t == null ? void 0 : t.icon,
+      style: {
+        color: t == null ? void 0 : t.text,
+        cursor: p ? "pointer" : void 0
+      },
+      children: (s = n(m[r])) == null ? void 0 : s.toUpperCase()
+    }
+  );
+};
+export {
+  a as default
+};

package/dist/common/tag/index.d.ts

@@ -0,0 +1,2 @@
+import { default as StatusTag } from './StatusTag';
+export { StatusTag };

package/dist/common/text/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("antd"),{Text:t}=e.Typography;exports.Text=t;

package/dist/common/text/index.d.ts

@@ -0,0 +1,3 @@
+import { Title } from './title';
+declare const Text: import('react').ForwardRefExoticComponent<import('antd/es/typography/Text').TextProps & import('react').RefAttributes<HTMLSpanElement>>;
+export { Title, Text };

package/dist/common/text/index.es.js

@@ -0,0 +1,5 @@
+import { Typography as o } from "antd";
+const { Text: r } = o;
+export {
+  r as Text
+};

package/dist/common/text/title/TitleWithHeadTitle.d.ts

@@ -0,0 +1,7 @@
+import { default as React, CSSProperties, FC } from 'react';
+declare const TitleWithHeadTitle: FC<{
+    children: string | React.ReactNode;
+    style?: CSSProperties;
+    level?: 3 | 5 | 1 | 2 | 4 | undefined;
+}>;
+export default TitleWithHeadTitle;

package/dist/common/text/title/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("antd"),{Title:t}=e.Typography;exports.Title=t;

package/dist/common/text/title/index.d.ts

@@ -0,0 +1 @@
+export declare const Title: import('react').ForwardRefExoticComponent<import('antd/es/typography/Title').TitleProps & import('react').RefAttributes<HTMLElement>>;

package/dist/common/text/title/index.es.js

@@ -0,0 +1,5 @@
+import { Typography as o } from "antd";
+const { Title: r } = o;
+export {
+  r as Title
+};

package/dist/common/text-field/NumberField.cjs.js

@@ -0,0 +1 @@
+"use strict";const i=require("react/jsx-runtime"),a=require("antd"),m=require("react"),L=require("../../locale/index.cjs.js"),M=require("../tooltip/TooltipComponent.cjs.js"),P=require("./TextField.cjs.js"),k=m.forwardRef(function({type:y,required:o,label:t,rules:c=[],placeholder:r,onEnter:x,form:f,nextFocus:q,min:d,moneyField:n,addonAfter:j,minLength:l,defaultValue:T,pattern:$,disabled:g,readOnly:h,onChange:I,value:N,max:R,addonBefore:w,size:B,isInt:p=!1,tooltip:E,help:z,...F},b){const{t:u}=L.useTranslationLib(),C=m.useMemo(()=>[...c,{required:o,message:`${t??r??""} ${u("err.validation.required")}`}],[c,t,r,u,o]);return i.jsx(M,{title:E,children:i.jsx(a.Form.Item,{...F,label:t,rules:C,children:i.jsx(a.InputNumber,{ref:b,disabled:g,defaultValue:T,value:N,readOnly:h,addonBefore:w,minLength:l,addonAfter:j,step:p?1:void 0,pattern:p?"d*":$,onChange:I,onPressEnter:e=>P.onEnterInternalTextField(e,q,f,x),className:"max-width",min:d===null?void 0:d??0,max:R,type:n?void 0:"number",size:B,formatter:n?e=>{if(e.includes(".")){const s=`${e}`.split(".");return s[0]=s[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),s.join(".")}else return`${e}`.replace(/\B(?=(\d{3})+(?!\d))/g,",")}:void 0,parser:n?e=>e==null?void 0:e.replace(/\$\s?|(,*)/g,""):void 0,placeholder:r??t})})})});module.exports=k;

package/dist/common/text-field/NumberField.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { TextFieldProps } from './TextField';
+interface NumberTextFieldProps extends TextFieldProps {
+    moneyField?: boolean;
+    addonAfter?: ReactNode;
+    minLength?: number;
+    isInt?: boolean;
+    max?: number;
+    pattern?: string;
+    min?: number | null;
+}
+declare const NumberTextField: import('react').ForwardRefExoticComponent<NumberTextFieldProps & import('react').RefAttributes<HTMLInputElement>>;
+export default NumberTextField;

package/dist/common/text-field/NumberField.es.js

@@ -0,0 +1,83 @@
+import { jsx as i } from "react/jsx-runtime";
+import { Form as L, InputNumber as M } from "antd";
+import { forwardRef as P, useMemo as R } from "react";
+import { useTranslationLib as k } from "../../locale/index.es.js";
+import q from "../tooltip/TooltipComponent.es.js";
+import { onEnterInternalTextField as v } from "./TextField.es.js";
+const Q = P(
+  function({
+    // eslint-disable-next-line no-unused-vars
+    type: z,
+    required: s,
+    label: t,
+    rules: m = [],
+    placeholder: o,
+    onEnter: c,
+    form: a,
+    nextFocus: u,
+    min: p,
+    moneyField: e,
+    addonAfter: l,
+    minLength: x,
+    defaultValue: $,
+    pattern: g,
+    disabled: T,
+    readOnly: h,
+    onChange: I,
+    value: N,
+    max: j,
+    addonBefore: w,
+    size: B,
+    isInt: d = !1,
+    tooltip: E,
+    help: A,
+    ...b
+  }, C) {
+    const { t: f } = k(), F = R(
+      () => [
+        ...m,
+        {
+          required: s,
+          message: `${t ?? o ?? ""} ${f(
+            "err.validation.required"
+          )}`
+        }
+      ],
+      [m, t, o, f, s]
+    );
+    return /* @__PURE__ */ i(q, { title: E, children: /* @__PURE__ */ i(L.Item, { ...b, label: t, rules: F, children: /* @__PURE__ */ i(
+      M,
+      {
+        ref: C,
+        disabled: T,
+        defaultValue: $,
+        value: N,
+        readOnly: h,
+        addonBefore: w,
+        minLength: x,
+        addonAfter: l,
+        step: d ? 1 : void 0,
+        pattern: d ? "d*" : g,
+        onChange: I,
+        onPressEnter: (r) => v(r, u, a, c),
+        className: "max-width",
+        min: p === null ? void 0 : p ?? 0,
+        max: j,
+        type: e ? void 0 : "number",
+        size: B,
+        formatter: e ? (r) => {
+          if (r.includes(".")) {
+            const n = `${r}`.split(".");
+            return n[0] = n[0].replace(/\B(?=(\d{3})+(?!\d))/g, ","), n.join(".");
+          } else
+            return `${r}`.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+        } : void 0,
+        parser: e ? (r) => r == null ? void 0 : r.replace(/\$\s?|(,*)/g, "") : void 0,
+        placeholder: o ?? t
+      }
+    ) }) });
+  }
+);
+export {
+  Q as default
+};

package/dist/common/text-field/PhoneNumberField.cjs.js

@@ -0,0 +1 @@
+"use strict";const t=require("react/jsx-runtime"),i=require("../../util/ValidationUtil.cjs.js"),l=require("./TextField.cjs.js"),r=e=>t.jsx(l.default,{...e,rules:[...e.rules??[],...i.phoneValidation(e.label??e.placeholder??"")]});module.exports=r;

package/dist/common/text-field/PhoneNumberField.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { TextFieldProps } from './TextField';
+declare const PhoneNumberField: FC<TextFieldProps>;
+export default PhoneNumberField;

package/dist/common/text-field/PhoneNumberField.es.js

@@ -0,0 +1,18 @@
+import { jsx as l } from "react/jsx-runtime";
+import t from "../../util/ValidationUtil.es.js";
+import i from "./TextField.es.js";
+const m = (e) => /* @__PURE__ */ l(
+  i,
+  {
+    ...e,
+    rules: [
+      ...e.rules ?? [],
+      ...t.phoneValidation(
+        e.label ?? e.placeholder ?? ""
+      )
+    ]
+  }
+);
+export {
+  m as default
+};

package/dist/common/text-field/TextArea.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),i=require("antd"),T=require("../../locale/index.cjs.js"),d=(n,e,t,r)=>{var s;e&&t&&(n.preventDefault(),(s=t==null?void 0:t.getFieldInstance(e))==null||s.focus()),r&&r(n)},F=({required:n,label:e,rules:t=[],placeholder:r,onEnter:s,nextFocus:l,className:u,...o})=>{const{t:c}=T.useTranslationLib(),x=i.Form.useFormInstance();return a.jsx(i.Form.Item,{...o,className:u,label:e,rules:[...t,{required:n,message:`${e} ${c("err.validation.required")}`}],children:a.jsx(i.Input.TextArea,{...o,className:u,onPressEnter:I=>d(I,l,x,s),placeholder:r??e})})};exports.default=F;exports.onEnterInternalTextField=d;

package/dist/common/text-field/TextArea.d.ts

@@ -0,0 +1,17 @@
+import { FormInstance, FormItemProps } from 'antd';
+import { TextAreaProps } from 'antd/lib/input';
+import { InputHTMLAttributes } from 'react';
+export interface TextFieldProps extends TextAreaProps, FormItemProps<any> {
+    type?: InputHTMLAttributes<HTMLInputElement>;
+    placeholder?: string;
+    status?: any;
+    onEnter?: React.KeyboardEventHandler<HTMLInputElement>;
+    form?: any;
+    nextFocus?: string;
+    children?: any;
+    name?: any;
+    onReset?: any;
+}
+export declare const onEnterInternalTextField: (e: React.KeyboardEvent<HTMLTextAreaElement>, nextFocus?: string, form?: FormInstance<any>, onEnter?: React.KeyboardEventHandler<HTMLInputElement>) => void;
+declare const TextAreaComponent: React.FC<TextFieldProps>;
+export default TextAreaComponent;