@j2-health/design-system 0.3.2 → 0.5.0

package/dist/src/components/drawer/Drawer.js

@@ -14,7 +14,9 @@ const Drawer = ({
     {
       ...props,
       closable: false,
-      ...fillPage && { height: "100vh", width: "100vw" },
+      ...fillPage && {
+        size: props.placement === "top" || props.placement === "bottom" ? "100vh" : "100vw"
+      },
       ...footer && { footer },
       extra: /* @__PURE__ */ jsxs(Space, { children: [
         extraContent,

package/dist/src/components/drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sources":["../../../../src/components/drawer/Drawer.tsx"],"sourcesContent":["import { Drawer as AntdDrawer, DrawerProps, Space } from 'antd'\nimport { Button } from '../button'\nimport { XIcon } from '@phosphor-icons/react'\nimport './Drawer.css'\n\ntype AllProps = Omit<DrawerProps, 'extra' | 'closable'> & {\n  fillPage?: boolean\n  footer?: React.ReactNode\n  extraContent?: React.ReactNode\n}\n\nexport type Props = Expand<AllProps>\n\nexport const Drawer = ({\n  fillPage = false,\n  footer,\n  extraContent,\n  ...props\n}: Props) => {\n  return (\n    <AntdDrawer\n      {...props}\n      closable={false}\n      {...(fillPage && { height: '100vh', width: '100vw' })}\n      {...(footer && { footer })}\n      extra={\n        <Space>\n          {extraContent}\n          <Button\n            className=\"p-0\"\n            type=\"link\"\n            onClick={props.onClose}\n            aria-label=\"Close\"\n          >\n            <XIcon size={22} weight=\"regular\" />\n          </Button>\n        </Space>\n      }\n      className=\"j2-drawer\"\n    />\n  )\n}\n"],"names":["AntdDrawer"],"mappings":";;;;;AAaO,MAAM,SAAS,CAAC;AAAA,EACrB,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAa;AACX,SACE;AAAA,IAACA;AAAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,UAAU;AAAA,MACT,GAAI,YAAY,EAAE,QAAQ,SAAS,OAAO,QAAA;AAAA,MAC1C,GAAI,UAAU,EAAE,OAAA;AAAA,MACjB,4BACG,OAAA,EACE,UAAA;AAAA,QAAA;AAAA,QACD;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,SAAS,MAAM;AAAA,YACf,cAAW;AAAA,YAEX,UAAA,oBAAC,OAAA,EAAM,MAAM,IAAI,QAAO,UAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACpC,GACF;AAAA,MAEF,WAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;"}
+{"version":3,"file":"Drawer.js","sources":["../../../../src/components/drawer/Drawer.tsx"],"sourcesContent":["import { Drawer as AntdDrawer, DrawerProps, Space } from 'antd'\nimport { Button } from '../button'\nimport { XIcon } from '@phosphor-icons/react'\nimport './Drawer.css'\n\ntype AllProps = Omit<DrawerProps, 'extra' | 'closable'> & {\n  fillPage?: boolean\n  footer?: React.ReactNode\n  extraContent?: React.ReactNode\n}\n\nexport type Props = Expand<AllProps>\n\nexport const Drawer = ({\n  fillPage = false,\n  footer,\n  extraContent,\n  ...props\n}: Props) => {\n  return (\n    <AntdDrawer\n      {...props}\n      closable={false}\n      {...(fillPage && {\n        size:\n          props.placement === 'top' || props.placement === 'bottom'\n            ? '100vh'\n            : '100vw',\n      })}\n      {...(footer && { footer })}\n      extra={\n        <Space>\n          {extraContent}\n          <Button\n            className=\"p-0\"\n            type=\"link\"\n            onClick={props.onClose}\n            aria-label=\"Close\"\n          >\n            <XIcon size={22} weight=\"regular\" />\n          </Button>\n        </Space>\n      }\n      className=\"j2-drawer\"\n    />\n  )\n}\n"],"names":["AntdDrawer"],"mappings":";;;;;AAaO,MAAM,SAAS,CAAC;AAAA,EACrB,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAa;AACX,SACE;AAAA,IAACA;AAAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,UAAU;AAAA,MACT,GAAI,YAAY;AAAA,QACf,MACE,MAAM,cAAc,SAAS,MAAM,cAAc,WAC7C,UACA;AAAA,MAAA;AAAA,MAEP,GAAI,UAAU,EAAE,OAAA;AAAA,MACjB,4BACG,OAAA,EACE,UAAA;AAAA,QAAA;AAAA,QACD;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YACL,SAAS,MAAM;AAAA,YACf,cAAW;AAAA,YAEX,UAAA,oBAAC,OAAA,EAAM,MAAM,IAAI,QAAO,UAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACpC,GACF;AAAA,MAEF,WAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;"}

package/dist/src/components/form/Form.cjs

@@ -1,11 +1,28 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const formikAntd = require("formik-antd");
+const antd = require("antd");
+const formik = require("formik");
+const FormItem = require("./FormItem.cjs");
 ;/* empty css           */
-const Form = ({ children, ...props }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(formikAntd.Form, { ...props, children });
+const Form = ({ children, onFinish, onReset, ...props }) => {
+  const { handleSubmit, handleReset } = formik.useFormikContext();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    antd.Form,
+    {
+      ...props,
+      onFinish: (values) => {
+        handleSubmit();
+        onFinish == null ? void 0 : onFinish(values);
+      },
+      onReset: (event) => {
+        handleReset(event);
+        onReset == null ? void 0 : onReset(event);
+      },
+      children
+    }
+  );
 };
-Form.Item = formikAntd.FormItem;
+Form.Item = FormItem.FormItem;
 exports.Form = Form;
 //# sourceMappingURL=Form.cjs.map

package/dist/src/components/form/Form.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Form.cjs","sources":["../../../../src/components/form/Form.tsx"],"sourcesContent":["import { FormProps } from 'antd'\nimport { Form as AntdForm, FormItem } from 'formik-antd'\nimport './Form.css'\n\ntype Props = Expand<FormProps>\n\nexport const Form = ({ children, ...props }: Props) => {\n  return <AntdForm {...props}>{children}</AntdForm>\n}\n\nForm.Item = FormItem\n"],"names":["jsx","AntdForm","FormItem"],"mappings":";;;;;AAMO,MAAM,OAAO,CAAC,EAAE,UAAU,GAAG,YAAmB;AACrD,SAAOA,2BAAAA,IAACC,WAAAA,MAAA,EAAU,GAAG,OAAQ,SAAA,CAAS;AACxC;AAEA,KAAK,OAAOC,WAAAA;;"}
+{"version":3,"file":"Form.cjs","sources":["../../../../src/components/form/Form.tsx"],"sourcesContent":["import { Form as AntdForm, type FormProps } from 'antd'\nimport { useFormikContext } from 'formik'\nimport type { ReactNode } from 'react'\nimport { FormItem } from './FormItem'\nimport './Form.css'\n\ntype Props = Expand<Omit<FormProps, 'children'> & { children?: ReactNode }>\n\nexport const Form = ({ children, onFinish, onReset, ...props }: Props) => {\n  const { handleSubmit, handleReset } = useFormikContext()\n  return (\n    <AntdForm\n      {...props}\n      onFinish={(values) => {\n        handleSubmit()\n        onFinish?.(values)\n      }}\n      onReset={(event) => {\n        handleReset(event)\n        onReset?.(event)\n      }}\n    >\n      {children}\n    </AntdForm>\n  )\n}\n\nForm.Item = FormItem\n"],"names":["useFormikContext","jsx","AntdForm","FormItem"],"mappings":";;;;;;;AAQO,MAAM,OAAO,CAAC,EAAE,UAAU,UAAU,SAAS,GAAG,YAAmB;AACxE,QAAM,EAAE,cAAc,YAAA,IAAgBA,wBAAA;AACtC,SACEC,2BAAAA;AAAAA,IAACC,KAAAA;AAAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,UAAU,CAAC,WAAW;AACpB,qBAAA;AACA,6CAAW;AAAA,MACb;AAAA,MACA,SAAS,CAAC,UAAU;AAClB,oBAAY,KAAK;AACjB,2CAAU;AAAA,MACZ;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,KAAK,OAAOC,SAAAA;;"}

package/dist/src/components/form/Form.d.ts

@@ -1,7 +1,14 @@
 import { FormProps } from 'antd';
-type Props = Expand<FormProps>;
+import { ReactNode } from 'react';
+type Props = Expand<Omit<FormProps, 'children'> & {
+    children?: ReactNode;
+}>;
 export declare const Form: {
-    ({ children, ...props }: Props): import("react").JSX.Element;
-    Item: ({ name, __debug, showValidateSuccess, showInitialErrorAfterTouched, children, validate, ...restProps }: import('formik-antd').FormItemProps) => JSX.Element;
+    ({ children, onFinish, onReset, ...props }: Props): import("react").JSX.Element;
+    Item: ({ name, validate, children, showValidateSuccess, showInitialErrorAfterTouched, ...props }: Omit<import('antd').FormItemProps<any>, "children" | "name"> & Pick<import('./FormikField.js').FormikFieldProps, "name" | "validate"> & {
+        children: ReactNode;
+        showValidateSuccess?: boolean;
+        showInitialErrorAfterTouched?: boolean;
+    }) => import("react").JSX.Element;
 };
 export {};

package/dist/src/components/form/Form.js

@@ -1,8 +1,25 @@
 import { jsx } from "react/jsx-runtime";
-import { Form as Form$1, FormItem } from "formik-antd";
+import { Form as Form$1 } from "antd";
+import { useFormikContext } from "formik";
+import { FormItem } from "./FormItem.js";
 /* empty css         */
-const Form = ({ children, ...props }) => {
-  return /* @__PURE__ */ jsx(Form$1, { ...props, children });
+const Form = ({ children, onFinish, onReset, ...props }) => {
+  const { handleSubmit, handleReset } = useFormikContext();
+  return /* @__PURE__ */ jsx(
+    Form$1,
+    {
+      ...props,
+      onFinish: (values) => {
+        handleSubmit();
+        onFinish == null ? void 0 : onFinish(values);
+      },
+      onReset: (event) => {
+        handleReset(event);
+        onReset == null ? void 0 : onReset(event);
+      },
+      children
+    }
+  );
 };
 Form.Item = FormItem;
 export {

package/dist/src/components/form/Form.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sources":["../../../../src/components/form/Form.tsx"],"sourcesContent":["import { FormProps } from 'antd'\nimport { Form as AntdForm, FormItem } from 'formik-antd'\nimport './Form.css'\n\ntype Props = Expand<FormProps>\n\nexport const Form = ({ children, ...props }: Props) => {\n  return <AntdForm {...props}>{children}</AntdForm>\n}\n\nForm.Item = FormItem\n"],"names":["AntdForm"],"mappings":";;;AAMO,MAAM,OAAO,CAAC,EAAE,UAAU,GAAG,YAAmB;AACrD,SAAO,oBAACA,QAAA,EAAU,GAAG,OAAQ,SAAA,CAAS;AACxC;AAEA,KAAK,OAAO;"}
+{"version":3,"file":"Form.js","sources":["../../../../src/components/form/Form.tsx"],"sourcesContent":["import { Form as AntdForm, type FormProps } from 'antd'\nimport { useFormikContext } from 'formik'\nimport type { ReactNode } from 'react'\nimport { FormItem } from './FormItem'\nimport './Form.css'\n\ntype Props = Expand<Omit<FormProps, 'children'> & { children?: ReactNode }>\n\nexport const Form = ({ children, onFinish, onReset, ...props }: Props) => {\n  const { handleSubmit, handleReset } = useFormikContext()\n  return (\n    <AntdForm\n      {...props}\n      onFinish={(values) => {\n        handleSubmit()\n        onFinish?.(values)\n      }}\n      onReset={(event) => {\n        handleReset(event)\n        onReset?.(event)\n      }}\n    >\n      {children}\n    </AntdForm>\n  )\n}\n\nForm.Item = FormItem\n"],"names":["AntdForm"],"mappings":";;;;;AAQO,MAAM,OAAO,CAAC,EAAE,UAAU,UAAU,SAAS,GAAG,YAAmB;AACxE,QAAM,EAAE,cAAc,YAAA,IAAgB,iBAAA;AACtC,SACE;AAAA,IAACA;AAAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,UAAU,CAAC,WAAW;AACpB,qBAAA;AACA,6CAAW;AAAA,MACb;AAAA,MACA,SAAS,CAAC,UAAU;AAClB,oBAAY,KAAK;AACjB,2CAAU;AAAA,MACZ;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,KAAK,OAAO;"}

package/dist/src/components/form/FormItem.cjs

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const antd = require("antd");
+const formik = require("formik");
+const FormikField = require("./FormikField.cjs");
+const FormItemFieldContext = require("./FormItemFieldContext.cjs");
+const FormItem = ({
+  name,
+  validate,
+  children,
+  showValidateSuccess,
+  showInitialErrorAfterTouched = false,
+  ...props
+}) => {
+  const form = formik.useFormikContext();
+  const error = formik.getIn(form.errors, name);
+  const initialError = formik.getIn(form.initialErrors, name);
+  const touched = formik.getIn(form.touched, name, false);
+  const isTouched = Array.isArray(touched) ? touched.length === 0 || touched.some(Boolean) : touched;
+  const hasError = error !== void 0 && isTouched;
+  const showInitialError = initialError !== void 0 && (!isTouched || showInitialErrorAfterTouched);
+  const isValid = !error && isTouched;
+  const item = /* @__PURE__ */ jsxRuntime.jsx(
+    antd.Form.Item,
+    {
+      htmlFor: name,
+      id: name,
+      validateStatus: hasError || initialError !== void 0 && !isTouched ? "error" : isValid && showValidateSuccess ? "success" : void 0,
+      hasFeedback: isValid,
+      help: hasError || showInitialError ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        hasError && /* @__PURE__ */ jsxRuntime.jsx("li", { children: error }),
+        showInitialError && /* @__PURE__ */ jsxRuntime.jsx("li", { children: initialError })
+      ] }) : null,
+      ...props,
+      children
+    }
+  );
+  return validate ? /* @__PURE__ */ jsxRuntime.jsx(FormikField.FormikField, { name, validate, children: (fieldProps) => /* @__PURE__ */ jsxRuntime.jsx(FormItemFieldContext.FormItemFieldContext.Provider, { value: fieldProps, children: item }) }) : item;
+};
+exports.FormItem = FormItem;
+//# sourceMappingURL=FormItem.cjs.map

package/dist/src/components/form/FormItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormItem.cjs","sources":["../../../../src/components/form/FormItem.tsx"],"sourcesContent":["import { Form as AntdForm, type FormItemProps as AntdFormItemProps } from 'antd'\nimport { getIn, useFormikContext } from 'formik'\nimport type { ReactNode } from 'react'\nimport { FormikField, type FormikFieldProps } from './FormikField'\nimport { FormItemFieldContext } from './FormItemFieldContext'\n\ntype Props = Omit<AntdFormItemProps, 'name' | 'children'> &\n  Pick<FormikFieldProps, 'name' | 'validate'> & {\n    children: ReactNode\n    showValidateSuccess?: boolean\n    showInitialErrorAfterTouched?: boolean\n  }\n\nexport const FormItem = ({\n  name,\n  validate,\n  children,\n  showValidateSuccess,\n  showInitialErrorAfterTouched = false,\n  ...props\n}: Props) => {\n  const form = useFormikContext()\n  const error = getIn(form.errors, name)\n  const initialError = getIn(form.initialErrors, name)\n  const touched = getIn(form.touched, name, false)\n  const isTouched = Array.isArray(touched)\n    ? touched.length === 0 || touched.some(Boolean)\n    : touched\n  const hasError = error !== undefined && isTouched\n  const showInitialError =\n    initialError !== undefined && (!isTouched || showInitialErrorAfterTouched)\n  const isValid = !error && isTouched\n\n  const item = (\n    <AntdForm.Item\n      htmlFor={name}\n      id={name}\n      validateStatus={\n        hasError || (initialError !== undefined && !isTouched)\n          ? 'error'\n          : isValid && showValidateSuccess\n            ? 'success'\n            : undefined\n      }\n      hasFeedback={isValid}\n      help={\n        hasError || showInitialError ? (\n          <>\n            {hasError && <li>{error}</li>}\n            {showInitialError && <li>{initialError}</li>}\n          </>\n        ) : null\n      }\n      {...props}\n    >\n      {/* Formik owns values and validation; do not register an antd field. */}\n      {children}\n    </AntdForm.Item>\n  )\n  // Display-only items must not register a second field over their control.\n  // When validate is supplied, the item owns validation (as before).\n  return validate ? (\n    <FormikField name={name} validate={validate}>\n      {(fieldProps) => (\n        <FormItemFieldContext.Provider value={fieldProps}>\n          {item}\n        </FormItemFieldContext.Provider>\n      )}\n    </FormikField>\n  ) : (\n    item\n  )\n}\n"],"names":["useFormikContext","getIn","jsx","AntdForm","jsxs","Fragment","FormikField","FormItemFieldContext"],"mappings":";;;;;;;AAaO,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,+BAA+B;AAAA,EAC/B,GAAG;AACL,MAAa;AACX,QAAM,OAAOA,OAAAA,iBAAA;AACb,QAAM,QAAQC,OAAAA,MAAM,KAAK,QAAQ,IAAI;AACrC,QAAM,eAAeA,OAAAA,MAAM,KAAK,eAAe,IAAI;AACnD,QAAM,UAAUA,OAAAA,MAAM,KAAK,SAAS,MAAM,KAAK;AAC/C,QAAM,YAAY,MAAM,QAAQ,OAAO,IACnC,QAAQ,WAAW,KAAK,QAAQ,KAAK,OAAO,IAC5C;AACJ,QAAM,WAAW,UAAU,UAAa;AACxC,QAAM,mBACJ,iBAAiB,WAAc,CAAC,aAAa;AAC/C,QAAM,UAAU,CAAC,SAAS;AAE1B,QAAM,OACJC,2BAAAA;AAAAA,IAACC,KAAAA,KAAS;AAAA,IAAT;AAAA,MACC,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,gBACE,YAAa,iBAAiB,UAAa,CAAC,YACxC,UACA,WAAW,sBACT,YACA;AAAA,MAER,aAAa;AAAA,MACb,MACE,YAAY,mBACVC,2BAAAA,KAAAC,WAAAA,UAAA,EACG,UAAA;AAAA,QAAA,YAAYH,2BAAAA,IAAC,QAAI,UAAA,MAAA,CAAM;AAAA,QACvB,oBAAoBA,2BAAAA,IAAC,MAAA,EAAI,UAAA,aAAA,CAAa;AAAA,MAAA,EAAA,CACzC,IACE;AAAA,MAEL,GAAG;AAAA,MAGH;AAAA,IAAA;AAAA,EAAA;AAKL,SAAO,WACLA,2BAAAA,IAACI,yBAAA,EAAY,MAAY,UACtB,UAAA,CAAC,eACAJ,2BAAAA,IAACK,qBAAAA,qBAAqB,UAArB,EAA8B,OAAO,YACnC,UAAA,KAAA,CACH,GAEJ,IAEA;AAEJ;;"}

package/dist/src/components/form/FormItem.d.ts

@@ -0,0 +1,10 @@
+import { FormItemProps as AntdFormItemProps } from 'antd';
+import { ReactNode } from 'react';
+import { FormikFieldProps } from './FormikField.js';
+type Props = Omit<AntdFormItemProps, 'name' | 'children'> & Pick<FormikFieldProps, 'name' | 'validate'> & {
+    children: ReactNode;
+    showValidateSuccess?: boolean;
+    showInitialErrorAfterTouched?: boolean;
+};
+export declare const FormItem: ({ name, validate, children, showValidateSuccess, showInitialErrorAfterTouched, ...props }: Props) => import("react").JSX.Element;
+export {};

package/dist/src/components/form/FormItem.js

@@ -0,0 +1,42 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { Form } from "antd";
+import { useFormikContext, getIn } from "formik";
+import { FormikField } from "./FormikField.js";
+import { FormItemFieldContext } from "./FormItemFieldContext.js";
+const FormItem = ({
+  name,
+  validate,
+  children,
+  showValidateSuccess,
+  showInitialErrorAfterTouched = false,
+  ...props
+}) => {
+  const form = useFormikContext();
+  const error = getIn(form.errors, name);
+  const initialError = getIn(form.initialErrors, name);
+  const touched = getIn(form.touched, name, false);
+  const isTouched = Array.isArray(touched) ? touched.length === 0 || touched.some(Boolean) : touched;
+  const hasError = error !== void 0 && isTouched;
+  const showInitialError = initialError !== void 0 && (!isTouched || showInitialErrorAfterTouched);
+  const isValid = !error && isTouched;
+  const item = /* @__PURE__ */ jsx(
+    Form.Item,
+    {
+      htmlFor: name,
+      id: name,
+      validateStatus: hasError || initialError !== void 0 && !isTouched ? "error" : isValid && showValidateSuccess ? "success" : void 0,
+      hasFeedback: isValid,
+      help: hasError || showInitialError ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        hasError && /* @__PURE__ */ jsx("li", { children: error }),
+        showInitialError && /* @__PURE__ */ jsx("li", { children: initialError })
+      ] }) : null,
+      ...props,
+      children
+    }
+  );
+  return validate ? /* @__PURE__ */ jsx(FormikField, { name, validate, children: (fieldProps) => /* @__PURE__ */ jsx(FormItemFieldContext.Provider, { value: fieldProps, children: item }) }) : item;
+};
+export {
+  FormItem
+};
+//# sourceMappingURL=FormItem.js.map

package/dist/src/components/form/FormItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormItem.js","sources":["../../../../src/components/form/FormItem.tsx"],"sourcesContent":["import { Form as AntdForm, type FormItemProps as AntdFormItemProps } from 'antd'\nimport { getIn, useFormikContext } from 'formik'\nimport type { ReactNode } from 'react'\nimport { FormikField, type FormikFieldProps } from './FormikField'\nimport { FormItemFieldContext } from './FormItemFieldContext'\n\ntype Props = Omit<AntdFormItemProps, 'name' | 'children'> &\n  Pick<FormikFieldProps, 'name' | 'validate'> & {\n    children: ReactNode\n    showValidateSuccess?: boolean\n    showInitialErrorAfterTouched?: boolean\n  }\n\nexport const FormItem = ({\n  name,\n  validate,\n  children,\n  showValidateSuccess,\n  showInitialErrorAfterTouched = false,\n  ...props\n}: Props) => {\n  const form = useFormikContext()\n  const error = getIn(form.errors, name)\n  const initialError = getIn(form.initialErrors, name)\n  const touched = getIn(form.touched, name, false)\n  const isTouched = Array.isArray(touched)\n    ? touched.length === 0 || touched.some(Boolean)\n    : touched\n  const hasError = error !== undefined && isTouched\n  const showInitialError =\n    initialError !== undefined && (!isTouched || showInitialErrorAfterTouched)\n  const isValid = !error && isTouched\n\n  const item = (\n    <AntdForm.Item\n      htmlFor={name}\n      id={name}\n      validateStatus={\n        hasError || (initialError !== undefined && !isTouched)\n          ? 'error'\n          : isValid && showValidateSuccess\n            ? 'success'\n            : undefined\n      }\n      hasFeedback={isValid}\n      help={\n        hasError || showInitialError ? (\n          <>\n            {hasError && <li>{error}</li>}\n            {showInitialError && <li>{initialError}</li>}\n          </>\n        ) : null\n      }\n      {...props}\n    >\n      {/* Formik owns values and validation; do not register an antd field. */}\n      {children}\n    </AntdForm.Item>\n  )\n  // Display-only items must not register a second field over their control.\n  // When validate is supplied, the item owns validation (as before).\n  return validate ? (\n    <FormikField name={name} validate={validate}>\n      {(fieldProps) => (\n        <FormItemFieldContext.Provider value={fieldProps}>\n          {item}\n        </FormItemFieldContext.Provider>\n      )}\n    </FormikField>\n  ) : (\n    item\n  )\n}\n"],"names":["AntdForm"],"mappings":";;;;;AAaO,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,+BAA+B;AAAA,EAC/B,GAAG;AACL,MAAa;AACX,QAAM,OAAO,iBAAA;AACb,QAAM,QAAQ,MAAM,KAAK,QAAQ,IAAI;AACrC,QAAM,eAAe,MAAM,KAAK,eAAe,IAAI;AACnD,QAAM,UAAU,MAAM,KAAK,SAAS,MAAM,KAAK;AAC/C,QAAM,YAAY,MAAM,QAAQ,OAAO,IACnC,QAAQ,WAAW,KAAK,QAAQ,KAAK,OAAO,IAC5C;AACJ,QAAM,WAAW,UAAU,UAAa;AACxC,QAAM,mBACJ,iBAAiB,WAAc,CAAC,aAAa;AAC/C,QAAM,UAAU,CAAC,SAAS;AAE1B,QAAM,OACJ;AAAA,IAACA,KAAS;AAAA,IAAT;AAAA,MACC,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,gBACE,YAAa,iBAAiB,UAAa,CAAC,YACxC,UACA,WAAW,sBACT,YACA;AAAA,MAER,aAAa;AAAA,MACb,MACE,YAAY,mBACV,qBAAA,UAAA,EACG,UAAA;AAAA,QAAA,YAAY,oBAAC,QAAI,UAAA,MAAA,CAAM;AAAA,QACvB,oBAAoB,oBAAC,MAAA,EAAI,UAAA,aAAA,CAAa;AAAA,MAAA,EAAA,CACzC,IACE;AAAA,MAEL,GAAG;AAAA,MAGH;AAAA,IAAA;AAAA,EAAA;AAKL,SAAO,WACL,oBAAC,aAAA,EAAY,MAAY,UACtB,UAAA,CAAC,eACA,oBAAC,qBAAqB,UAArB,EAA8B,OAAO,YACnC,UAAA,KAAA,CACH,GAEJ,IAEA;AAEJ;"}

package/dist/src/components/form/FormItemFieldContext.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const FormItemFieldContext = React.createContext(
+  void 0
+);
+exports.FormItemFieldContext = FormItemFieldContext;
+//# sourceMappingURL=FormItemFieldContext.cjs.map

package/dist/src/components/form/FormItemFieldContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormItemFieldContext.cjs","sources":["../../../../src/components/form/FormItemFieldContext.ts"],"sourcesContent":["import type { FieldProps } from 'formik'\nimport { createContext } from 'react'\n\n// An item with its own validator owns the field registration. Its controls\n// reuse that binding so mounting or unmounting them cannot replace the validator.\nexport const FormItemFieldContext = createContext<FieldProps | undefined>(\n  undefined\n)\n"],"names":["createContext"],"mappings":";;;AAKO,MAAM,uBAAuBA,MAAAA;AAAAA,EAClC;AACF;;"}

package/dist/src/components/form/FormItemFieldContext.d.ts

@@ -0,0 +1,2 @@
+import { FieldProps } from 'formik';
+export declare const FormItemFieldContext: import('react').Context<FieldProps<any, any> | undefined>;

package/dist/src/components/form/FormItemFieldContext.js

@@ -0,0 +1,8 @@
+import { createContext } from "react";
+const FormItemFieldContext = createContext(
+  void 0
+);
+export {
+  FormItemFieldContext
+};
+//# sourceMappingURL=FormItemFieldContext.js.map

package/dist/src/components/form/FormItemFieldContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormItemFieldContext.js","sources":["../../../../src/components/form/FormItemFieldContext.ts"],"sourcesContent":["import type { FieldProps } from 'formik'\nimport { createContext } from 'react'\n\n// An item with its own validator owns the field registration. Its controls\n// reuse that binding so mounting or unmounting them cannot replace the validator.\nexport const FormItemFieldContext = createContext<FieldProps | undefined>(\n  undefined\n)\n"],"names":[],"mappings":";AAKO,MAAM,uBAAuB;AAAA,EAClC;AACF;"}

package/dist/src/components/form/FormikField.cjs

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const formik = require("formik");
+const React = require("react");
+const FormItemFieldContext = require("./FormItemFieldContext.cjs");
+const FormikField = ({
+  fast,
+  children,
+  ...props
+}) => {
+  const itemField = React.useContext(FormItemFieldContext.FormItemFieldContext);
+  if ((itemField == null ? void 0 : itemField.field.name) === props.name) {
+    return children(itemField);
+  }
+  const Component = fast ? formik.FastField : formik.Field;
+  return /* @__PURE__ */ jsxRuntime.jsx(Component, { ...props, children });
+};
+exports.FormikField = FormikField;
+//# sourceMappingURL=FormikField.cjs.map

package/dist/src/components/form/FormikField.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormikField.cjs","sources":["../../../../src/components/form/FormikField.tsx"],"sourcesContent":["import { FastField, Field, type FieldConfig, type FieldProps } from 'formik'\nimport { useContext, type ReactNode } from 'react'\nimport { FormItemFieldContext } from './FormItemFieldContext'\n\nexport type FormikFieldProps = Pick<FieldConfig, 'name' | 'validate'> & {\n  fast?: boolean\n}\n\nexport const FormikField = ({\n  fast,\n  children,\n  ...props\n}: FormikFieldProps & { children: (props: FieldProps) => ReactNode }) => {\n  const itemField = useContext(FormItemFieldContext)\n  if (itemField?.field.name === props.name) {\n    return children(itemField)\n  }\n  const Component = fast ? FastField : Field\n  return <Component {...props}>{children}</Component>\n}\n"],"names":["useContext","FormItemFieldContext","FastField","Field","jsx"],"mappings":";;;;;;AAQO,MAAM,cAAc,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAyE;AACvE,QAAM,YAAYA,MAAAA,WAAWC,yCAAoB;AACjD,OAAI,uCAAW,MAAM,UAAS,MAAM,MAAM;AACxC,WAAO,SAAS,SAAS;AAAA,EAC3B;AACA,QAAM,YAAY,OAAOC,OAAAA,YAAYC,OAAAA;AACrC,SAAOC,2BAAAA,IAAC,WAAA,EAAW,GAAG,OAAQ,SAAA,CAAS;AACzC;;"}

package/dist/src/components/form/FormikField.d.ts

@@ -0,0 +1,8 @@
+import { FieldConfig, FieldProps } from 'formik';
+import { ReactNode } from 'react';
+export type FormikFieldProps = Pick<FieldConfig, 'name' | 'validate'> & {
+    fast?: boolean;
+};
+export declare const FormikField: ({ fast, children, ...props }: FormikFieldProps & {
+    children: (props: FieldProps) => ReactNode;
+}) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;

package/dist/src/components/form/FormikField.js

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import { FastField, Field } from "formik";
+import { useContext } from "react";
+import { FormItemFieldContext } from "./FormItemFieldContext.js";
+const FormikField = ({
+  fast,
+  children,
+  ...props
+}) => {
+  const itemField = useContext(FormItemFieldContext);
+  if ((itemField == null ? void 0 : itemField.field.name) === props.name) {
+    return children(itemField);
+  }
+  const Component = fast ? FastField : Field;
+  return /* @__PURE__ */ jsx(Component, { ...props, children });
+};
+export {
+  FormikField
+};
+//# sourceMappingURL=FormikField.js.map

package/dist/src/components/form/FormikField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormikField.js","sources":["../../../../src/components/form/FormikField.tsx"],"sourcesContent":["import { FastField, Field, type FieldConfig, type FieldProps } from 'formik'\nimport { useContext, type ReactNode } from 'react'\nimport { FormItemFieldContext } from './FormItemFieldContext'\n\nexport type FormikFieldProps = Pick<FieldConfig, 'name' | 'validate'> & {\n  fast?: boolean\n}\n\nexport const FormikField = ({\n  fast,\n  children,\n  ...props\n}: FormikFieldProps & { children: (props: FieldProps) => ReactNode }) => {\n  const itemField = useContext(FormItemFieldContext)\n  if (itemField?.field.name === props.name) {\n    return children(itemField)\n  }\n  const Component = fast ? FastField : Field\n  return <Component {...props}>{children}</Component>\n}\n"],"names":[],"mappings":";;;;AAQO,MAAM,cAAc,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAyE;AACvE,QAAM,YAAY,WAAW,oBAAoB;AACjD,OAAI,uCAAW,MAAM,UAAS,MAAM,MAAM;AACxC,WAAO,SAAS,SAAS;AAAA,EAC3B;AACA,QAAM,YAAY,OAAO,YAAY;AACrC,SAAO,oBAAC,WAAA,EAAW,GAAG,OAAQ,SAAA,CAAS;AACzC;"}

package/dist/src/components/input/AntdInput.d.ts

@@ -1,4 +1,4 @@
-import { InputRef } from 'antd';
+import { InputProps as AntDInputProps, InputRef } from 'antd';
 export type { InputRef };
 export declare const AntdInput: import('react').ForwardRefExoticComponent<{
     [x: `data-${string}`]: string | undefined;
@@ -10,14 +10,40 @@ export declare const AntdInput: import('react').ForwardRefExoticComponent<{
     addonAfter?: import('react').ReactNode;
     bordered?: boolean | undefined;
     variant?: import('antd/es/config-provider').Variant | undefined;
-    classNames?: Partial<Record<"prefix" | "input" | "count" | "suffix", string>> | undefined;
-    styles?: Partial<Record<"prefix" | "input" | "count" | "suffix", React.CSSProperties>> | undefined;
-    _skipAddonWarning?: boolean | undefined;
-    prefix?: import('react').ReactNode;
-    height?: number | string | undefined | undefined;
-    width?: number | string | undefined | undefined;
-    translate?: "yes" | "no" | undefined | undefined;
-    content?: string | undefined | undefined;
+    classNames?: ((info: {
+        props: AntDInputProps;
+    }) => import('antd/es/_util/hooks/useMergeSemantic/semanticType').DeepClassNameType<{
+        root?: string;
+        prefix?: string;
+        suffix?: string;
+        clear?: string;
+        input?: string;
+        count?: string;
+    } | undefined>) | import('antd/es/_util/hooks/useMergeSemantic/semanticType').DeepClassNameType<{
+        root?: string;
+        prefix?: string;
+        suffix?: string;
+        clear?: string;
+        input?: string;
+        count?: string;
+    } | undefined>;
+    styles?: ((info: {
+        props: AntDInputProps;
+    }) => import('antd/es/_util/hooks/useMergeSemantic/semanticType').DeepStylesType<{
+        root?: React.CSSProperties;
+        prefix?: React.CSSProperties;
+        suffix?: React.CSSProperties;
+        clear?: React.CSSProperties;
+        input?: React.CSSProperties;
+        count?: React.CSSProperties;
+    } | undefined>) | import('antd/es/_util/hooks/useMergeSemantic/semanticType').DeepStylesType<{
+        root?: React.CSSProperties;
+        prefix?: React.CSSProperties;
+        suffix?: React.CSSProperties;
+        clear?: React.CSSProperties;
+        input?: React.CSSProperties;
+        count?: React.CSSProperties;
+    } | undefined>;
     children?: import('react').ReactNode;
     form?: string | undefined | undefined;
     slot?: string | undefined | undefined;
@@ -27,12 +53,16 @@ export declare const AntdInput: import('react').ForwardRefExoticComponent<{
     suppressHydrationWarning?: boolean | undefined | undefined;
     className?: string | undefined | undefined;
     color?: string | undefined | undefined;
+    height?: number | string | undefined | undefined;
     id?: string | undefined | undefined;
     lang?: string | undefined | undefined;
     max?: number | string | undefined | undefined;
     min?: number | string | undefined | undefined;
     name?: string | undefined | undefined;
-    type?: import('rc-input/lib/utils/types').LiteralUnion<"button" | "checkbox" | "color" | "date" | "datetime-local" | "email" | "file" | "hidden" | "image" | "month" | "number" | "password" | "radio" | "range" | "reset" | "search" | "submit" | "tel" | "text" | "time" | "url" | "week", string> | undefined;
+    nonce?: string | undefined | undefined;
+    part?: string | undefined | undefined;
+    type?: import('@rc-component/input/lib/utils/types').LiteralUnion<"button" | "checkbox" | "color" | "date" | "datetime-local" | "email" | "file" | "hidden" | "image" | "month" | "number" | "password" | "radio" | "range" | "reset" | "search" | "submit" | "tel" | "text" | "time" | "url" | "week", string> | undefined;
+    width?: number | string | undefined | undefined;
     role?: import('react').AriaRole | undefined;
     tabIndex?: number | undefined | undefined;
     "aria-activedescendant"?: string | undefined | undefined;
@@ -107,18 +137,18 @@ export declare const AntdInput: import('react').ForwardRefExoticComponent<{
     onFocusCapture?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
     onBlur?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
     onBlurCapture?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
-    onChange?: import('react').ChangeEventHandler<HTMLInputElement> | undefined;
-    onChangeCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
+    onChange?: import('react').ChangeEventHandler<HTMLInputElement, HTMLInputElement> | undefined;
+    onChangeCapture?: import('react').ChangeEventHandler<HTMLInputElement, Element> | undefined;
     onBeforeInput?: import('react').InputEventHandler<HTMLInputElement> | undefined;
-    onBeforeInputCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
-    onInput?: import('react').FormEventHandler<HTMLInputElement> | undefined;
-    onInputCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
-    onReset?: import('react').FormEventHandler<HTMLInputElement> | undefined;
-    onResetCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
-    onSubmit?: import('react').FormEventHandler<HTMLInputElement> | undefined;
-    onSubmitCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
-    onInvalid?: import('react').FormEventHandler<HTMLInputElement> | undefined;
-    onInvalidCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
+    onBeforeInputCapture?: import('react').InputEventHandler<HTMLInputElement> | undefined;
+    onInput?: import('react').InputEventHandler<HTMLInputElement> | undefined;
+    onInputCapture?: import('react').InputEventHandler<HTMLInputElement> | undefined;
+    onReset?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+    onResetCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+    onSubmit?: import('react').SubmitEventHandler<HTMLInputElement> | undefined;
+    onSubmitCapture?: import('react').SubmitEventHandler<HTMLInputElement> | undefined;
+    onInvalid?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
+    onInvalidCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
     onLoad?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
     onLoadCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
     onError?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
@@ -239,6 +269,8 @@ export declare const AntdInput: import('react').ForwardRefExoticComponent<{
     onLostPointerCaptureCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
     onScroll?: import('react').UIEventHandler<HTMLInputElement> | undefined;
     onScrollCapture?: import('react').UIEventHandler<HTMLInputElement> | undefined;
+    onScrollEnd?: import('react').UIEventHandler<HTMLInputElement> | undefined;
+    onScrollEndCapture?: import('react').UIEventHandler<HTMLInputElement> | undefined;
     onWheel?: import('react').WheelEventHandler<HTMLInputElement> | undefined;
     onWheelCapture?: import('react').WheelEventHandler<HTMLInputElement> | undefined;
     onAnimationStart?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
@@ -247,13 +279,25 @@ export declare const AntdInput: import('react').ForwardRefExoticComponent<{
     onAnimationEndCapture?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
     onAnimationIteration?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
     onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
+    onToggle?: import('react').ToggleEventHandler<HTMLInputElement> | undefined;
+    onBeforeToggle?: import('react').ToggleEventHandler<HTMLInputElement> | undefined;
+    onTransitionCancel?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
+    onTransitionCancelCapture?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
     onTransitionEnd?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
     onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
-    value?: import('rc-input/lib/interface').ValueType;
+    onTransitionRun?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
+    onTransitionRunCapture?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
+    onTransitionStart?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
+    onTransitionStartCapture?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
+    value?: import('@rc-component/input/lib/interface').ValueType;
     prefixCls?: string | undefined;
+    list?: string | undefined | undefined;
     step?: number | string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
-    list?: string | undefined | undefined;
+    hidden?: boolean | undefined | undefined;
+    content?: string | undefined | undefined;
+    multiple?: boolean | undefined | undefined;
+    translate?: "yes" | "no" | undefined | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -264,13 +308,12 @@ export declare const AntdInput: import('react').ForwardRefExoticComponent<{
     contextMenu?: string | undefined | undefined;
     dir?: string | undefined | undefined;
     enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    hidden?: boolean | undefined | undefined;
-    nonce?: string | undefined | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
     radioGroup?: string | undefined | undefined;
     about?: string | undefined | undefined;
     datatype?: string | undefined | undefined;
     inlist?: any;
+    prefix?: import('react').ReactNode;
     property?: string | undefined | undefined;
     rel?: string | undefined | undefined;
     resource?: string | undefined | undefined;
@@ -287,36 +330,39 @@ export declare const AntdInput: import('react').ForwardRefExoticComponent<{
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
-    part?: string | undefined | undefined;
-    formAction?: string | undefined;
+    formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
     formEncType?: string | undefined | undefined;
     formMethod?: string | undefined | undefined;
     formNoValidate?: boolean | undefined | undefined;
     formTarget?: string | undefined | undefined;
-    count?: import('rc-input/lib/interface').CountConfig | undefined;
+    count?: import('@rc-component/input/lib/interface').CountConfig | undefined;
     checked?: boolean | undefined | undefined;
     required?: boolean | undefined | undefined;
     alt?: string | undefined | undefined;
     autoComplete?: string | undefined;
     accept?: string | undefined | undefined;
     capture?: boolean | "user" | "environment" | undefined | undefined;
-    multiple?: boolean | undefined | undefined;
     maxLength?: number | undefined | undefined;
     minLength?: number | undefined | undefined;
     src?: string | undefined | undefined;
     placeholder?: string | undefined | undefined;
     onClear?: (() => void) | undefined;
     allowClear?: boolean | {
+        disabled?: boolean;
         clearIcon?: import('react').ReactNode;
     } | undefined;
+    suffix?: import('react').ReactNode;
     readOnly?: boolean | undefined | undefined;
     onPressEnter?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
     showCount?: boolean | {
-        formatter: import('rc-input/lib/interface').ShowCountFormatter;
+        formatter: import('@rc-component/input/lib/interface').ShowCountFormatter;
     } | undefined;
     htmlSize?: number | undefined;
-    suffix?: import('react').ReactNode;
 } & import('react').RefAttributes<InputRef>>;