@kingteza/crud-component 1.2.0 → 1.2.2

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;

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

@@ -0,0 +1,46 @@
+import { jsx as a } from "react/jsx-runtime";
+import { Form as u, Input as p } from "antd";
+import { useTranslationLib as I } from "../../locale/index.es.js";
+const f = (n, e, t, r) => {
+  var o;
+  e && t && (n.preventDefault(), (o = t == null ? void 0 : t.getFieldInstance(e)) == null || o.focus()), r && r(n);
+}, g = ({
+  required: n,
+  label: e,
+  rules: t = [],
+  placeholder: r,
+  onEnter: o,
+  nextFocus: c,
+  className: i,
+  ...s
+}) => {
+  const { t: d } = I(), l = u.useFormInstance();
+  return /* @__PURE__ */ a(
+    u.Item,
+    {
+      ...s,
+      className: i,
+      label: e,
+      rules: [
+        ...t,
+        {
+          required: n,
+          message: `${e} ${d("err.validation.required")}`
+        }
+      ],
+      children: /* @__PURE__ */ a(
+        p.TextArea,
+        {
+          ...s,
+          className: i,
+          onPressEnter: (m) => f(m, c, l, o),
+          placeholder: r ?? e
+        }
+      )
+    }
+  );
+};
+export {
+  g as default,
+  f as onEnterInternalTextField
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),R=require("@ant-design/icons"),d=require("antd"),S=require("react"),_=require("../../locale/index.cjs.js"),$=require("../tooltip/TooltipComponent.cjs.js"),c=(n,t,e,i)=>{var s;t&&e&&(n.preventDefault(),(s=e==null?void 0:e.getFieldInstance(t))==null||s.focus()),i&&i(n)},A=({type:n,required:t,label:e,disabled:i,rules:s=[],placeholder:u,onEnter:l,size:p,form:x,addonAfter:g,addonBefore:m,nextFocus:I,autoComplete:f="off",defaultValue:j,readOnly:q,value:v,loading:T,onBlur:F,inputRef:P,status:h,autoFocus:C,onChange:D,tooltip:E,...M})=>{const{t:a}=_.useTranslationLib(),w=S.useMemo(()=>{const r=[...s,{required:t,message:`${e??u??""} ${a("err.validation.required")}`}];return n==="email"&&r.push({type:"email",message:a("err.validation.invalidEmail")}),r},[s,t,e,u,a,n]),L={disabled:i,value:v,readOnly:q,defaultValue:j,autoFocus:C,addonBefore:m,ref:P,onBlur:F,addonAfter:T?o.jsx(R.LoadingOutlined,{}):g,status:h,size:p,autoComplete:f,onPressEnter:r=>c(r,I,x,l),type:n,placeholder:u??e},O=n=="password"?d.Input.Password:d.Input;return o.jsx($,{title:E,children:o.jsx(d.Form.Item,{...M,label:e,rules:w,children:o.jsx(O,{...L})})})};exports.default=A;exports.onEnterInternalTextField=c;

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

@@ -0,0 +1,27 @@
+import { FormItemProps } from 'antd';
+import { SizeType } from 'antd/es/config-provider/SizeContext';
+import { FormInstance } from 'antd/lib/form/Form';
+import { default as React } from 'react';
+export interface TextFieldProps extends FormItemProps<any> {
+    type?: any;
+    placeholder?: string;
+    onEnter?: React.KeyboardEventHandler<HTMLInputElement>;
+    form?: FormInstance<any>;
+    addonAfter?: any;
+    addonBefore?: any;
+    nextFocus?: string;
+    autoComplete?: string;
+    defaultValue?: any;
+    readOnly?: boolean;
+    value?: any;
+    autoFocus?: boolean;
+    disabled?: boolean;
+    size?: SizeType;
+    loading?: boolean;
+    inputRef?: any;
+    onBlur?: any;
+    onChange?: (val: any) => void;
+}
+export declare const onEnterInternalTextField: (e: React.KeyboardEvent<HTMLInputElement>, nextFocus?: string, form?: FormInstance<any>, onEnter?: React.KeyboardEventHandler<HTMLInputElement>) => void;
+declare const TextField: React.FC<TextFieldProps>;
+export default TextField;