@bioturing/components 0.41.1 → 0.42.0-beta.0

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

@@ -0,0 +1,137 @@
+"use client";
+import { jsx as t, jsxs as I, Fragment as q } from "react/jsx-runtime";
+import * as n from "react";
+import { get as y, set as z } from "rc-util";
+import J from "rc-util/lib/hooks/useLayoutEffect";
+import K from "antd/es/grid/col";
+import { FormContext as H, FormItemPrefixContext as Q } from "antd/es/form/context";
+import T from "antd/es/form/ErrorList";
+import U from "antd/es/form/style/fallbackCmp";
+import { clsx as l } from "../../utils/cn.js";
+const Y = 24, ae = (N) => {
+  const {
+    prefixCls: a,
+    status: p,
+    labelCol: v,
+    wrapperCol: d,
+    children: M,
+    errors: w,
+    warnings: _,
+    _internalItemRender: i,
+    extra: m,
+    help: P,
+    fieldId: f,
+    marginBottom: u,
+    onErrorVisibleChanged: k,
+    label: $,
+    // ============ BioTuring Custom: Extract classNames ============
+    classNames: r
+    // ============ End Custom ============
+  } = N, o = `${a}-item`, e = n.useContext(H), j = n.useMemo(() => {
+    let s = {
+      ...d || e.wrapperCol || {}
+    };
+    return $ === null && !v && !d && e.labelCol && [void 0, "xs", "sm", "md", "lg", "xl", "xxl"].forEach((c) => {
+      const h = c ? [c] : [], D = y(e.labelCol, h), g = typeof D == "object" ? D : {}, E = y(s, h), X = typeof E == "object" ? E : {};
+      "span" in g && !("offset" in X) && g.span < Y && (s = z(
+        s,
+        [...h, "offset"],
+        g.span
+      ));
+    }), s;
+  }, [
+    d,
+    e.wrapperCol,
+    e.labelCol,
+    $,
+    v
+  ]), O = l(
+    `${o}-control`,
+    j.className,
+    r?.control
+  ), S = n.useMemo(() => {
+    const {
+      labelCol: s,
+      wrapperCol: G,
+      ...c
+    } = e;
+    return c;
+  }, [e]), x = n.useRef(null), [V, F] = n.useState(0);
+  J(() => {
+    m && x.current ? F(x.current.clientHeight) : F(0);
+  }, [m]);
+  const L = /* @__PURE__ */ t(
+    "div",
+    {
+      className: l(
+        `${o}-control-input`,
+        r?.controlInput
+      ),
+      children: /* @__PURE__ */ t(
+        "div",
+        {
+          className: l(
+            `${o}-control-input-content`,
+            r?.controlInputContent
+          ),
+          children: M
+        }
+      )
+    }
+  ), W = n.useMemo(
+    () => ({ prefixCls: a, status: p }),
+    [a, p]
+  ), C = u !== null || w.length || _.length ? /* @__PURE__ */ t(Q.Provider, { value: W, children: /* @__PURE__ */ t(
+    T,
+    {
+      fieldId: f,
+      errors: w,
+      warnings: _,
+      help: P,
+      helpStatus: p,
+      className: l(
+        `${o}-explain-connected`,
+        r?.explain
+      ),
+      onVisibleChanged: k
+    }
+  ) }) : null, R = {};
+  f && (R.id = `${f}_extra`);
+  const b = m ? /* @__PURE__ */ t(
+    "div",
+    {
+      ...R,
+      className: l(`${o}-extra`, r?.extra),
+      ref: x,
+      children: m
+    }
+  ) : null, A = C || b ? /* @__PURE__ */ I(
+    "div",
+    {
+      className: l(
+        `${o}-additional`,
+        r?.additional
+      ),
+      style: u ? { minHeight: u + V } : {},
+      children: [
+        C,
+        b
+      ]
+    }
+  ) : null, B = i && i.mark === "pro_table_render" && i.render ? i.render(N, {
+    input: L,
+    errorList: C,
+    extra: b
+  }) : /* @__PURE__ */ I(q, { children: [
+    L,
+    A
+  ] });
+  return /* @__PURE__ */ I(H.Provider, { value: S, children: [
+    /* @__PURE__ */ t(K, { ...j, className: O, children: B }),
+    /* @__PURE__ */ t(U, { prefixCls: a })
+  ] });
+};
+export {
+  ae as default
+};
+//# sourceMappingURL=FormItemInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormItemInput.js","sources":["../../../../src/components/form/FormItem/FormItemInput.tsx"],"sourcesContent":["/**\n * This file is copied from Ant Design 5.x-stable\n * Source: https://github.com/ant-design/ant-design/blob/5.x-stable/components/form/FormItemInput.tsx\n *\n * Customizations for @bioturing/components:\n * - Added `classNames` prop for styling control, input, error, and extra elements\n *\n * Last synced with antd version: 5.x-stable (2025-02-04)\n */\n\n\"use client\";\n\nimport * as React from \"react\";\nimport type { JSX } from \"react\";\nimport { get, set } from \"rc-util\";\nimport useLayoutEffect from \"rc-util/lib/hooks/useLayoutEffect\";\n\n// ============ BioTuring Utils ============\nimport { clsx as classNames } from \"../../utils\";\n\n// ============ Ant Design Imports ============\nimport type { ColProps } from \"antd/es/grid/col\";\nimport Col from \"antd/es/grid/col\";\nimport { FormContext, FormItemPrefixContext } from \"antd/es/form/context\";\nimport ErrorList from \"antd/es/form/ErrorList\";\nimport type { ValidateStatus } from \"antd/es/form/FormItem\";\nimport FallbackCmp from \"antd/es/form/style/fallbackCmp\";\ninterface FormItemInputMiscProps {\n  prefixCls: string;\n  children: React.ReactNode;\n  errors: React.ReactNode[];\n  warnings: React.ReactNode[];\n  marginBottom?: number | null;\n  onErrorVisibleChanged?: (visible: boolean) => void;\n  /** @internal do not use in any of your production. */\n  _internalItemRender?: {\n    mark: string;\n    render: (\n      props: FormItemInputProps & FormItemInputMiscProps,\n      domList: {\n        input: JSX.Element;\n        errorList: JSX.Element | null;\n        extra: JSX.Element | null;\n      },\n    ) => React.ReactNode;\n  };\n}\n\nexport interface FormItemInputProps {\n  labelCol?: ColProps;\n  wrapperCol?: ColProps;\n  extra?: React.ReactNode;\n  status?: ValidateStatus;\n  help?: React.ReactNode;\n  fieldId?: string;\n  label?: React.ReactNode;\n\n  // ============ BioTuring Custom ============\n  classNames?: {\n    control?: string;\n    controlInput?: string;\n    controlInputContent?: string;\n    additional?: string;\n    explain?: string;\n    extra?: string;\n  };\n  // ============ End Custom ============\n}\n\nconst GRID_MAX = 24;\n\nconst FormItemInput: React.FC<FormItemInputProps & FormItemInputMiscProps> = (\n  props,\n) => {\n  const {\n    prefixCls,\n    status,\n    labelCol,\n    wrapperCol,\n    children,\n    errors,\n    warnings,\n    _internalItemRender: formItemRender,\n    extra,\n    help,\n    fieldId,\n    marginBottom,\n    onErrorVisibleChanged,\n    label,\n    // ============ BioTuring Custom: Extract classNames ============\n    classNames: customClassNames,\n    // ============ End Custom ============\n  } = props;\n  const baseClassName = `${prefixCls}-item`;\n\n  const formContext = React.useContext(FormContext);\n\n  const mergedWrapperCol = React.useMemo(() => {\n    let mergedWrapper: ColProps = {\n      ...(wrapperCol || formContext.wrapperCol || {}),\n    };\n    if (label === null && !labelCol && !wrapperCol && formContext.labelCol) {\n      const list = [undefined, \"xs\", \"sm\", \"md\", \"lg\", \"xl\", \"xxl\"] as const;\n\n      list.forEach((size) => {\n        const _size = size ? [size] : [];\n\n        const formLabel = get(formContext.labelCol, _size);\n        const formLabelObj = typeof formLabel === \"object\" ? formLabel : {};\n\n        const wrapper = get(mergedWrapper, _size);\n        const wrapperObj = typeof wrapper === \"object\" ? wrapper : {};\n\n        if (\n          \"span\" in formLabelObj &&\n          !(\"offset\" in wrapperObj) &&\n          formLabelObj.span < GRID_MAX\n        ) {\n          mergedWrapper = set(\n            mergedWrapper,\n            [..._size, \"offset\"],\n            formLabelObj.span,\n          );\n        }\n      });\n    }\n    return mergedWrapper;\n  }, [\n    wrapperCol,\n    formContext.wrapperCol,\n    formContext.labelCol,\n    label,\n    labelCol,\n  ]);\n\n  // ============ BioTuring Custom: Apply control className ============\n  const className = classNames(\n    `${baseClassName}-control`,\n    mergedWrapperCol.className,\n    customClassNames?.control,\n  );\n  // ============ End Custom ============\n\n  // Pass to sub FormItem should not with col info\n  const subFormContext = React.useMemo(() => {\n    const {\n      labelCol: _labelCol,\n      wrapperCol: _wrapperCol,\n      ...rest\n    } = formContext;\n    return rest;\n  }, [formContext]);\n\n  const extraRef = React.useRef<HTMLDivElement>(null);\n  const [extraHeight, setExtraHeight] = React.useState<number>(0);\n  useLayoutEffect(() => {\n    if (extra && extraRef.current) {\n      setExtraHeight(extraRef.current.clientHeight);\n    } else {\n      setExtraHeight(0);\n    }\n  }, [extra]);\n\n  // ============ BioTuring Custom: Apply input classNames ============\n  const inputDom: React.ReactNode = (\n    <div\n      className={classNames(\n        `${baseClassName}-control-input`,\n        customClassNames?.controlInput,\n      )}\n    >\n      <div\n        className={classNames(\n          `${baseClassName}-control-input-content`,\n          customClassNames?.controlInputContent,\n        )}\n      >\n        {children}\n      </div>\n    </div>\n  );\n  // ============ End Custom ============\n\n  const formItemContext = React.useMemo(\n    () => ({ prefixCls, status }),\n    [prefixCls, status],\n  );\n\n  // ============ BioTuring Custom: Apply explain className ============\n  const errorListDom: React.ReactNode =\n    marginBottom !== null || errors.length || warnings.length ? (\n      <FormItemPrefixContext.Provider value={formItemContext}>\n        <ErrorList\n          fieldId={fieldId}\n          errors={errors}\n          warnings={warnings}\n          help={help}\n          helpStatus={status}\n          className={classNames(\n            `${baseClassName}-explain-connected`,\n            customClassNames?.explain,\n          )}\n          onVisibleChanged={onErrorVisibleChanged}\n        />\n      </FormItemPrefixContext.Provider>\n    ) : null;\n  // ============ End Custom ============\n\n  const extraProps: { id?: string } = {};\n\n  if (fieldId) {\n    extraProps.id = `${fieldId}_extra`;\n  }\n\n  // If extra = 0, && will goes wrong\n  // 0&&error -> 0\n  // ============ BioTuring Custom: Apply extra className ============\n  const extraDom: React.ReactNode = extra ? (\n    <div\n      {...extraProps}\n      className={classNames(`${baseClassName}-extra`, customClassNames?.extra)}\n      ref={extraRef}\n    >\n      {extra}\n    </div>\n  ) : null;\n  // ============ End Custom ============\n\n  // ============ BioTuring Custom: Apply additional className ============\n  const additionalDom: React.ReactNode =\n    errorListDom || extraDom ? (\n      <div\n        className={classNames(\n          `${baseClassName}-additional`,\n          customClassNames?.additional,\n        )}\n        style={marginBottom ? { minHeight: marginBottom + extraHeight } : {}}\n      >\n        {errorListDom}\n        {extraDom}\n      </div>\n    ) : null;\n  // ============ End Custom ============\n\n  const dom: React.ReactNode =\n    formItemRender &&\n    formItemRender.mark === \"pro_table_render\" &&\n    formItemRender.render ? (\n      formItemRender.render(props, {\n        input: inputDom,\n        errorList: errorListDom,\n        extra: extraDom,\n      })\n    ) : (\n      <>\n        {inputDom}\n        {additionalDom}\n      </>\n    );\n  return (\n    <FormContext.Provider value={subFormContext}>\n      <Col {...mergedWrapperCol} className={className}>\n        {dom}\n      </Col>\n      <FallbackCmp prefixCls={prefixCls} />\n    </FormContext.Provider>\n  );\n};\n\nexport default FormItemInput;\n"],"names":["GRID_MAX","FormItemInput","props","prefixCls","status","labelCol","wrapperCol","children","errors","warnings","formItemRender","extra","help","fieldId","marginBottom","onErrorVisibleChanged","label","customClassNames","baseClassName","formContext","React","FormContext","mergedWrapperCol","mergedWrapper","size","_size","formLabel","get","formLabelObj","wrapper","wrapperObj","set","className","classNames","subFormContext","_labelCol","_wrapperCol","rest","extraRef","extraHeight","setExtraHeight","useLayoutEffect","inputDom","jsx","formItemContext","errorListDom","FormItemPrefixContext","ErrorList","extraProps","extraDom","additionalDom","jsxs","dom","Fragment","Col","FallbackCmp"],"mappings":";;;;;;;;;;AAqEA,MAAMA,IAAW,IAEXC,KAAuE,CAC3EC,MACG;AACH,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,qBAAqBC;AAAA,IACrB,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,OAAAC;AAAA;AAAA,IAEA,YAAYC;AAAA;AAAA,EAAA,IAEVf,GACEgB,IAAgB,GAAGf,CAAS,SAE5BgB,IAAcC,EAAM,WAAWC,CAAW,GAE1CC,IAAmBF,EAAM,QAAQ,MAAM;AAC3C,QAAIG,IAA0B;AAAA,MAC5B,GAAIjB,KAAca,EAAY,cAAc,CAAA;AAAA,IAAC;AAE/C,WAAIH,MAAU,QAAQ,CAACX,KAAY,CAACC,KAAca,EAAY,YAC/C,CAAC,QAAW,MAAM,MAAM,MAAM,MAAM,MAAM,KAAK,EAEvD,QAAQ,CAACK,MAAS;AACrB,YAAMC,IAAQD,IAAO,CAACA,CAAI,IAAI,CAAA,GAExBE,IAAYC,EAAIR,EAAY,UAAUM,CAAK,GAC3CG,IAAe,OAAOF,KAAc,WAAWA,IAAY,CAAA,GAE3DG,IAAUF,EAAIJ,GAAeE,CAAK,GAClCK,IAAa,OAAOD,KAAY,WAAWA,IAAU,CAAA;AAE3D,MACE,UAAUD,KACV,EAAE,YAAYE,MACdF,EAAa,OAAO5B,MAEpBuB,IAAgBQ;AAAA,QACdR;AAAA,QACA,CAAC,GAAGE,GAAO,QAAQ;AAAA,QACnBG,EAAa;AAAA,MAAA;AAAA,IAGnB,CAAC,GAEIL;AAAA,EACT,GAAG;AAAA,IACDjB;AAAA,IACAa,EAAY;AAAA,IACZA,EAAY;AAAA,IACZH;AAAA,IACAX;AAAA,EAAA,CACD,GAGK2B,IAAYC;AAAAA,IAChB,GAAGf,CAAa;AAAA,IAChBI,EAAiB;AAAA,IACjBL,GAAkB;AAAA,EAAA,GAKdiB,IAAiBd,EAAM,QAAQ,MAAM;AACzC,UAAM;AAAA,MACJ,UAAUe;AAAA,MACV,YAAYC;AAAA,MACZ,GAAGC;AAAA,IAAA,IACDlB;AACJ,WAAOkB;AAAA,EACT,GAAG,CAAClB,CAAW,CAAC,GAEVmB,IAAWlB,EAAM,OAAuB,IAAI,GAC5C,CAACmB,GAAaC,CAAc,IAAIpB,EAAM,SAAiB,CAAC;AAC9D,EAAAqB,EAAgB,MAAM;AACpB,IAAI9B,KAAS2B,EAAS,UACpBE,EAAeF,EAAS,QAAQ,YAAY,IAE5CE,EAAe,CAAC;AAAA,EAEpB,GAAG,CAAC7B,CAAK,CAAC;AAGV,QAAM+B,IACJ,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWV;AAAAA,QACT,GAAGf,CAAa;AAAA,QAChBD,GAAkB;AAAA,MAAA;AAAA,MAGpB,UAAA,gBAAA0B;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWV;AAAAA,YACT,GAAGf,CAAa;AAAA,YAChBD,GAAkB;AAAA,UAAA;AAAA,UAGnB,UAAAV;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA,GAKEqC,IAAkBxB,EAAM;AAAA,IAC5B,OAAO,EAAE,WAAAjB,GAAW,QAAAC;IACpB,CAACD,GAAWC,CAAM;AAAA,EAAA,GAIdyC,IACJ/B,MAAiB,QAAQN,EAAO,UAAUC,EAAS,SACjD,gBAAAkC,EAACG,EAAsB,UAAtB,EAA+B,OAAOF,GACrC,UAAA,gBAAAD;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,SAAAlC;AAAA,MACA,QAAAL;AAAA,MACA,UAAAC;AAAA,MACA,MAAAG;AAAA,MACA,YAAYR;AAAA,MACZ,WAAW6B;AAAAA,QACT,GAAGf,CAAa;AAAA,QAChBD,GAAkB;AAAA,MAAA;AAAA,MAEpB,kBAAkBF;AAAA,IAAA;AAAA,EAAA,GAEtB,IACE,MAGAiC,IAA8B,CAAA;AAEpC,EAAInC,MACFmC,EAAW,KAAK,GAAGnC,CAAO;AAM5B,QAAMoC,IAA4BtC,IAChC,gBAAAgC;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGK;AAAA,MACJ,WAAWf,EAAW,GAAGf,CAAa,UAAUD,GAAkB,KAAK;AAAA,MACvE,KAAKqB;AAAA,MAEJ,UAAA3B;AAAA,IAAA;AAAA,EAAA,IAED,MAIEuC,IACJL,KAAgBI,IACd,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWlB;AAAAA,QACT,GAAGf,CAAa;AAAA,QAChBD,GAAkB;AAAA,MAAA;AAAA,MAEpB,OAAOH,IAAe,EAAE,WAAWA,IAAeyB,EAAA,IAAgB,CAAA;AAAA,MAEjE,UAAA;AAAA,QAAAM;AAAA,QACAI;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAED,MAGAG,IACJ1C,KACAA,EAAe,SAAS,sBACxBA,EAAe,SACbA,EAAe,OAAOR,GAAO;AAAA,IAC3B,OAAOwC;AAAA,IACP,WAAWG;AAAA,IACX,OAAOI;AAAA,EAAA,CACR,IAED,gBAAAE,EAAAE,GAAA,EACG,UAAA;AAAA,IAAAX;AAAA,IACAQ;AAAA,EAAA,GACH;AAEJ,SACE,gBAAAC,EAAC9B,EAAY,UAAZ,EAAqB,OAAOa,GAC3B,UAAA;AAAA,IAAA,gBAAAS,EAACW,GAAA,EAAK,GAAGhC,GAAkB,WAAAU,GACxB,UAAAoB,GACH;AAAA,IACA,gBAAAT,EAACY,KAAY,WAAApD,EAAA,CAAsB;AAAA,EAAA,GACrC;AAEJ;"}

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

@@ -0,0 +1,48 @@
+import { ColProps } from 'antd/es/grid/col';
+import { TooltipProps } from 'antd/es/tooltip';
+import { RequiredMark } from 'antd/es/form/Form';
+import { FormLabelAlign } from 'antd/es/form/interface';
+/**
+ * This file is copied from Ant Design 5.x-stable
+ * Source: https://github.com/ant-design/ant-design/blob/5.x-stable/components/form/FormItemLabel.tsx
+ *
+ * Customizations for @bioturing/components:
+ * - Added `classNames` prop for styling label elements
+ * - Integrated with BioTuring FormLabel component for consistent styling
+ * - Use QuestionIcon from @bioturing/assets instead of antd icon
+ * - Added optionalMark and labelRender prop support
+ * - Keep all antd context and colon handling logic
+ *
+ * Last synced with antd version: 5.x-stable (2025-02-04)
+ */
+import * as React from "react";
+export type WrapperTooltipProps = TooltipProps & {
+    icon?: React.ReactElement;
+};
+export type LabelTooltipType = WrapperTooltipProps | React.ReactNode;
+export interface FormItemLabelProps {
+    colon?: boolean;
+    htmlFor?: string;
+    label?: React.ReactNode;
+    labelAlign?: FormLabelAlign;
+    labelCol?: ColProps;
+    /**
+     * @internal Used for pass `requiredMark` from `<Form />`
+     * Enhanced to support ReactNode in addition to standard RequiredMark types
+     */
+    requiredMark?: RequiredMark | React.ReactNode;
+    tooltip?: LabelTooltipType;
+    vertical?: boolean;
+    classNames?: {
+        label?: string;
+        labelText?: string;
+    };
+    optionalMark?: boolean | React.ReactNode;
+    labelRender?: (label: React.ReactElement) => React.ReactElement;
+}
+declare const FormItemLabel: React.FC<FormItemLabelProps & {
+    required?: boolean;
+    prefixCls: string;
+}>;
+export default FormItemLabel;
+//# sourceMappingURL=FormItemLabel.d.ts.map

package/dist/components/form/FormItem/FormItemLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormItemLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/form/FormItem/FormItemLabel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAK7D,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG;IAC/C,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,mBAAmB,GAAG,KAAK,CAAC,SAAS,CAAC;AAErE,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC;IAC9C,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAGnB,UAAU,CAAC,EAAE;QACX,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC;IACzC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,YAAY,KAAK,KAAK,CAAC,YAAY,CAAC;CAEjE;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAC3B,kBAAkB,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,CA4H/D,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -0,0 +1,80 @@
+"use client";
+import { jsx as n } from "react/jsx-runtime";
+import * as L from "react";
+import B from "antd/es/grid/col";
+import { useLocale as I } from "antd/es/locale";
+import W from "antd/es/locale/en_US";
+import { FormContext as z } from "antd/es/form/context";
+import { FormLabel as D } from "../label.js";
+import { clsx as C } from "../../utils/cn.js";
+const Y = ({
+  prefixCls: t,
+  label: o,
+  htmlFor: $,
+  labelCol: g,
+  labelAlign: N,
+  colon: r,
+  required: a,
+  requiredMark: l,
+  tooltip: F,
+  vertical: w,
+  // ============ BioTuring Custom ============
+  classNames: f,
+  optionalMark: p,
+  labelRender: h
+  // ============ End Custom ============
+}) => {
+  const [x] = I("Form"), {
+    labelAlign: y,
+    labelCol: R,
+    labelWrap: S,
+    colon: A
+  } = L.useContext(z);
+  if (!o)
+    return null;
+  const d = g || R || {}, O = N || y, m = `${t}-item-label`, v = C(
+    m,
+    O === "left" && `${m}-left`,
+    d.className,
+    f?.label,
+    S && `${m}-wrap`
+  );
+  let e = o;
+  const b = r === !0 || A !== !1 && r !== !1;
+  b && !w && typeof o == "string" && o.trim() && (e = o.replace(/[:|：]\s*$/, ""));
+  const s = l === "optional", c = typeof l == "function", T = l === !1;
+  c ? e = l(e, { required: !!a }) : s && !a && (e = [
+    /* @__PURE__ */ n(L.Fragment, { children: e }, "label"),
+    /* @__PURE__ */ n("span", { className: `${t}-item-optional`, title: "", children: x?.optional || W.Form?.optional }, "optional")
+  ]);
+  let i;
+  T ? i = "hidden" : (s || c) && (i = "optional");
+  const u = /* @__PURE__ */ n(
+    D,
+    {
+      as: "span",
+      label: e,
+      tooltip: F,
+      optionalMark: !a && p && !s ? p : !1,
+      requiredMark: a && l !== !1 && !c && !s ? l : !1,
+      className: f?.labelText
+    }
+  ), j = h ? h(u) : u, k = C(
+    a && `${t}-item-required`,
+    i && `${t}-item-required-mark-${i}`,
+    !b && `${t}-item-no-colon`
+  );
+  return /* @__PURE__ */ n(B, { ...d, className: v, children: /* @__PURE__ */ n(
+    "label",
+    {
+      htmlFor: $,
+      className: k,
+      title: typeof o == "string" ? o : "",
+      children: j
+    }
+  ) });
+};
+export {
+  Y as default
+};
+//# sourceMappingURL=FormItemLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormItemLabel.js","sources":["../../../../src/components/form/FormItem/FormItemLabel.tsx"],"sourcesContent":["/**\n * This file is copied from Ant Design 5.x-stable\n * Source: https://github.com/ant-design/ant-design/blob/5.x-stable/components/form/FormItemLabel.tsx\n *\n * Customizations for @bioturing/components:\n * - Added `classNames` prop for styling label elements\n * - Integrated with BioTuring FormLabel component for consistent styling\n * - Use QuestionIcon from @bioturing/assets instead of antd icon\n * - Added optionalMark and labelRender prop support\n * - Keep all antd context and colon handling logic\n *\n * Last synced with antd version: 5.x-stable (2025-02-04)\n */\n\n\"use client\";\n\nimport * as React from \"react\";\n\n// ============ BioTuring Utils ============\nimport { clsx as classNames } from \"../../utils\";\n\n// ============ Ant Design Imports ============\nimport type { ColProps } from \"antd/es/grid/col\";\nimport Col from \"antd/es/grid/col\";\nimport { useLocale } from \"antd/es/locale\";\nimport defaultLocale from \"antd/es/locale/en_US\";\nimport type { TooltipProps } from \"antd/es/tooltip\";\nimport type { FormContextProps } from \"antd/es/form/context\";\nimport { FormContext } from \"antd/es/form/context\";\nimport type { RequiredMark } from \"antd/es/form/Form\";\nimport type { FormLabelAlign } from \"antd/es/form/interface\";\n\n// ============ BioTuring Custom Imports ============\nimport { FormLabel } from \"../label\";\n\nexport type WrapperTooltipProps = TooltipProps & {\n  icon?: React.ReactElement;\n};\n\nexport type LabelTooltipType = WrapperTooltipProps | React.ReactNode;\n\nexport interface FormItemLabelProps {\n  colon?: boolean;\n  htmlFor?: string;\n  label?: React.ReactNode;\n  labelAlign?: FormLabelAlign;\n  labelCol?: ColProps;\n  /**\n   * @internal Used for pass `requiredMark` from `<Form />`\n   * Enhanced to support ReactNode in addition to standard RequiredMark types\n   */\n  requiredMark?: RequiredMark | React.ReactNode;\n  tooltip?: LabelTooltipType;\n  vertical?: boolean;\n\n  // ============ BioTuring Custom Props ============\n  classNames?: {\n    label?: string;\n    labelText?: string;\n  };\n  optionalMark?: boolean | React.ReactNode;\n  labelRender?: (label: React.ReactElement) => React.ReactElement;\n  // ============ End Custom Props ============\n}\n\nconst FormItemLabel: React.FC<\n  FormItemLabelProps & { required?: boolean; prefixCls: string }\n> = ({\n  prefixCls,\n  label,\n  htmlFor,\n  labelCol,\n  labelAlign,\n  colon,\n  required,\n  requiredMark,\n  tooltip,\n  vertical,\n  // ============ BioTuring Custom ============\n  classNames: customClassNames,\n  optionalMark,\n  labelRender,\n  // ============ End Custom ============\n}) => {\n  const [formLocale] = useLocale(\"Form\");\n\n  const {\n    labelAlign: contextLabelAlign,\n    labelCol: contextLabelCol,\n    labelWrap,\n    colon: contextColon,\n  } = React.useContext<FormContextProps>(FormContext);\n\n  if (!label) {\n    return null;\n  }\n\n  // ============ Keep all antd logic unchanged ============\n  const mergedLabelCol: ColProps = labelCol || contextLabelCol || {};\n  const mergedLabelAlign: FormLabelAlign | undefined =\n    labelAlign || contextLabelAlign;\n\n  const labelClsBasic = `${prefixCls}-item-label`;\n\n  // ============ BioTuring Custom: Apply label className ============\n  const labelColClassName = classNames(\n    labelClsBasic,\n    mergedLabelAlign === \"left\" && `${labelClsBasic}-left`,\n    mergedLabelCol.className,\n    customClassNames?.label,\n    labelWrap && `${labelClsBasic}-wrap`,\n  );\n  // ============ End Custom ============\n\n  let labelChildren: React.ReactNode = label;\n\n  // ============ Keep antd colon logic ============\n  const computedColon =\n    colon === true || (contextColon !== false && colon !== false);\n  const haveColon = computedColon && !vertical;\n\n  if (haveColon && typeof label === \"string\" && label.trim()) {\n    labelChildren = label.replace(/[:|：]\\s*$/, \"\");\n  }\n  // ============ End colon logic ============\n\n  // ============ Keep antd required mark logic ============\n  const isOptionalMark = requiredMark === \"optional\";\n  const isRenderMark = typeof requiredMark === \"function\";\n  const hideRequiredMark = requiredMark === false;\n\n  if (isRenderMark) {\n    labelChildren = requiredMark(labelChildren, { required: !!required });\n  } else if (isOptionalMark && !required) {\n    // Combine label and optional mark using array with keys\n    labelChildren = [\n      <React.Fragment key=\"label\">{labelChildren}</React.Fragment>,\n      <span key=\"optional\" className={`${prefixCls}-item-optional`} title=\"\">\n        {formLocale?.optional || defaultLocale.Form?.optional}\n      </span>,\n    ];\n  }\n\n  let markType: string | undefined;\n  if (hideRequiredMark) {\n    markType = \"hidden\";\n  } else if (isOptionalMark || isRenderMark) {\n    markType = \"optional\";\n  }\n  // ============ End required mark logic ============\n\n  // ============ BioTuring Custom: Use FormLabel for styling ============\n  // Determine if we should show optional/required marks based on antd logic + custom props\n  const shouldShowOptional = !required && optionalMark && !isOptionalMark;\n  const shouldShowRequired =\n    required && requiredMark !== false && !isRenderMark && !isOptionalMark;\n\n  // Wrap labelChildren with FormLabel for consistent styling\n  const styledLabel = (\n    <FormLabel\n      as=\"span\"\n      label={labelChildren}\n      tooltip={tooltip}\n      optionalMark={shouldShowOptional ? optionalMark : false}\n      requiredMark={shouldShowRequired ? requiredMark : false}\n      className={customClassNames?.labelText}\n    />\n  );\n\n  // Apply labelRender if provided\n  const finalLabel = labelRender ? labelRender(styledLabel) : styledLabel;\n  // ============ End Custom ============\n\n  const labelClassName = classNames(\n    required && `${prefixCls}-item-required`,\n    markType && `${prefixCls}-item-required-mark-${markType}`,\n    !computedColon && `${prefixCls}-item-no-colon`,\n  );\n\n  return (\n    <Col {...mergedLabelCol} className={labelColClassName}>\n      <label\n        htmlFor={htmlFor}\n        className={labelClassName}\n        title={typeof label === \"string\" ? label : \"\"}\n      >\n        {finalLabel}\n      </label>\n    </Col>\n  );\n};\n\nexport default FormItemLabel;\n"],"names":["FormItemLabel","prefixCls","label","htmlFor","labelCol","labelAlign","colon","required","requiredMark","tooltip","vertical","customClassNames","optionalMark","labelRender","formLocale","useLocale","contextLabelAlign","contextLabelCol","labelWrap","contextColon","React","FormContext","mergedLabelCol","mergedLabelAlign","labelClsBasic","labelColClassName","classNames","labelChildren","computedColon","isOptionalMark","isRenderMark","hideRequiredMark","jsx","defaultLocale","markType","styledLabel","FormLabel","finalLabel","labelClassName","Col"],"mappings":";;;;;;;;;AAiEA,MAAMA,IAEF,CAAC;AAAA,EACH,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA;AAAA,EAEA,YAAYC;AAAA,EACZ,cAAAC;AAAA,EACA,aAAAC;AAAA;AAEF,MAAM;AACJ,QAAM,CAACC,CAAU,IAAIC,EAAU,MAAM,GAE/B;AAAA,IACJ,YAAYC;AAAA,IACZ,UAAUC;AAAA,IACV,WAAAC;AAAA,IACA,OAAOC;AAAA,EAAA,IACLC,EAAM,WAA6BC,CAAW;AAElD,MAAI,CAACnB;AACH,WAAO;AAIT,QAAMoB,IAA2BlB,KAAYa,KAAmB,CAAA,GAC1DM,IACJlB,KAAcW,GAEVQ,IAAgB,GAAGvB,CAAS,eAG5BwB,IAAoBC;AAAAA,IACxBF;AAAA,IACAD,MAAqB,UAAU,GAAGC,CAAa;AAAA,IAC/CF,EAAe;AAAA,IACfX,GAAkB;AAAA,IAClBO,KAAa,GAAGM,CAAa;AAAA,EAAA;AAI/B,MAAIG,IAAiCzB;AAGrC,QAAM0B,IACJtB,MAAU,MAASa,MAAiB,MAASb,MAAU;AAGzD,EAFkBsB,KAAiB,CAAClB,KAEnB,OAAOR,KAAU,YAAYA,EAAM,WAClDyB,IAAgBzB,EAAM,QAAQ,aAAa,EAAE;AAK/C,QAAM2B,IAAiBrB,MAAiB,YAClCsB,IAAe,OAAOtB,KAAiB,YACvCuB,IAAmBvB,MAAiB;AAE1C,EAAIsB,IACFH,IAAgBnB,EAAamB,GAAe,EAAE,UAAU,CAAC,CAACpB,GAAU,IAC3DsB,KAAkB,CAACtB,MAE5BoB,IAAgB;AAAA,IACd,gBAAAK,EAACZ,EAAM,UAAN,EAA4B,eAAT,OAAuB;AAAA,IAC3C,gBAAAY,EAAC,QAAA,EAAoB,WAAW,GAAG/B,CAAS,kBAAkB,OAAM,IACjE,UAAAa,GAAY,YAAYmB,EAAc,MAAM,YADrC,UAEV;AAAA,EAAA;AAIJ,MAAIC;AACJ,EAAIH,IACFG,IAAW,YACFL,KAAkBC,OAC3BI,IAAW;AAWb,QAAMC,IACJ,gBAAAH;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,OAAOT;AAAA,MACP,SAAAlB;AAAA,MACA,cAVuB,CAACF,KAAYK,KAAgB,CAACiB,IAUlBjB,IAAe;AAAA,MAClD,cATFL,KAAYC,MAAiB,MAAS,CAACsB,KAAgB,CAACD,IASnBrB,IAAe;AAAA,MAClD,WAAWG,GAAkB;AAAA,IAAA;AAAA,EAAA,GAK3B0B,IAAaxB,IAAcA,EAAYsB,CAAW,IAAIA,GAGtDG,IAAiBZ;AAAAA,IACrBnB,KAAY,GAAGN,CAAS;AAAA,IACxBiC,KAAY,GAAGjC,CAAS,uBAAuBiC,CAAQ;AAAA,IACvD,CAACN,KAAiB,GAAG3B,CAAS;AAAA,EAAA;AAGhC,SACE,gBAAA+B,EAACO,GAAA,EAAK,GAAGjB,GAAgB,WAAWG,GAClC,UAAA,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAA7B;AAAA,MACA,WAAWmC;AAAA,MACX,OAAO,OAAOpC,KAAU,WAAWA,IAAQ;AAAA,MAE1C,UAAAmC;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;"}

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

@@ -0,0 +1,33 @@
+import { Meta } from 'rc-field-form/lib/interface';
+import { FormItemProps } from '.';
+import { ReportMetaChange } from 'antd/es/form/context';
+/**
+ * This file is copied from Ant Design 5.x-stable
+ * Source: https://github.com/ant-design/ant-design/blob/5.x-stable/components/form/FormItem/ItemHolder.tsx
+ *
+ * Customizations for @bioturing/components:
+ * - Added `classNames` prop support for styling sub-elements
+ * - Pass custom props (optionalMark, requiredMark, labelRender) to FormItemLabel
+ *
+ * Last synced with antd version: 5.x-stable (2025-02-04)
+ */
+import * as React from 'react';
+export interface ItemHolderProps extends FormItemProps {
+    prefixCls: string;
+    className?: string;
+    rootClassName?: string;
+    style?: React.CSSProperties;
+    errors: React.ReactNode[];
+    warnings: React.ReactNode[];
+    meta: Meta;
+    children?: React.ReactNode;
+    fieldId?: string;
+    isRequired?: boolean;
+    onSubItemMetaChange: ReportMetaChange;
+    classNames?: FormItemProps['classNames'];
+    optionalMark?: FormItemProps['optionalMark'];
+    requiredMark?: FormItemProps['requiredMark'];
+    labelRender?: FormItemProps['labelRender'];
+}
+export default function ItemHolder(props: ItemHolderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ItemHolder.d.ts.map

package/dist/components/form/FormItem/ItemHolder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemHolder.d.ts","sourceRoot":"","sources":["../../../../src/components/form/FormItem/ItemHolder.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AASxD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,GAAG,CAAC;AAEvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAU7D,MAAM,WAAW,eAAgB,SAAQ,aAAa;IACpD,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,MAAM,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5B,IAAI,EAAE,IAAI,CAAC;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mBAAmB,EAAE,gBAAgB,CAAC;IAGtC,UAAU,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC7C,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC7C,WAAW,CAAC,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;CAE5C;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,eAAe,2CAqLxD"}

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

@@ -0,0 +1,168 @@
+"use client";
+import { jsxs as y, jsx as s } from "react/jsx-runtime";
+import * as p from "react";
+import G from "rc-util/lib/Dom/isVisible";
+import J from "rc-util/lib/hooks/useLayoutEffect";
+import Q from "rc-util/lib/omit";
+import { Row as X } from "antd/es/grid";
+import { FormContext as Y, NoStyleItemContext as Z } from "antd/es/form/context";
+import C from "antd/es/form/hooks/useDebounce";
+import { getStatus as ee } from "antd/es/form/util";
+import re from "antd/es/form/FormItem/StatusProvider";
+import te from "./FormItemInput.js";
+import ae from "./FormItemLabel.js";
+import { clsx as N } from "../../utils/cn.js";
+function ve(l) {
+  const {
+    prefixCls: i,
+    className: $,
+    rootClassName: x,
+    style: F,
+    help: m,
+    errors: h,
+    warnings: v,
+    validateStatus: I,
+    meta: r,
+    hasFeedback: c,
+    hidden: V,
+    children: k,
+    fieldId: q,
+    required: M,
+    isRequired: R,
+    onSubItemMetaChange: P,
+    layout: E,
+    name: L,
+    // ============ BioTuring Custom: Extract classNames ============
+    classNames: n,
+    optionalMark: B,
+    requiredMark: _,
+    labelRender: j,
+    // ============ End Custom ============
+    ...H
+  } = l, e = `${i}-item`, { requiredMark: W, layout: z } = p.useContext(Y), u = E || z, A = u === "vertical", o = p.useRef(null), d = C(h), g = C(v), b = m != null, S = !!(b || h.length || v.length), D = !!o.current && G(o.current), [f, w] = p.useState(null);
+  J(() => {
+    if (S && o.current) {
+      const a = getComputedStyle(o.current);
+      w(Number.parseInt(a.marginBottom, 10));
+    }
+  }, [S, D]);
+  const K = (a) => {
+    a || w(null);
+  }, t = ((a = !1) => {
+    const T = a ? d : r.errors, U = a ? g : r.warnings;
+    return ee(T, U, r, "", !!c, I);
+  })(), O = N(
+    e,
+    $,
+    x,
+    n?.root,
+    (b || d.length || g.length) && `${e}-with-help`,
+    // Status
+    t && c && `${e}-has-feedback`,
+    t === "success" && `${e}-has-success`,
+    t === "warning" && `${e}-has-warning`,
+    t === "error" && `${e}-has-error`,
+    t === "validating" && `${e}-is-validating`,
+    V && `${e}-hidden`,
+    // Layout
+    u && `${e}-${u}`
+  );
+  return /* @__PURE__ */ y("div", { className: O, style: F, ref: o, children: [
+    /* @__PURE__ */ y(
+      X,
+      {
+        className: N(`${e}-row`, n?.row),
+        ...Q(H, [
+          "_internalItemRender",
+          "colon",
+          "dependencies",
+          "extra",
+          "fieldKey",
+          "getValueFromEvent",
+          "getValueProps",
+          "htmlFor",
+          "id",
+          // It is deprecated because `htmlFor` is its replacement.
+          "initialValue",
+          "isListField",
+          "label",
+          "labelAlign",
+          "labelCol",
+          "labelWrap",
+          "messageVariables",
+          "name",
+          "normalize",
+          "noStyle",
+          "preserve",
+          "requiredMark",
+          "rules",
+          "shouldUpdate",
+          "trigger",
+          "tooltip",
+          "validateFirst",
+          "validateTrigger",
+          "valuePropName",
+          "wrapperCol",
+          "validateDebounce"
+        ]),
+        children: [
+          /* @__PURE__ */ s(
+            ae,
+            {
+              htmlFor: q,
+              ...l,
+              requiredMark: _ ?? W,
+              required: M ?? R,
+              prefixCls: i,
+              vertical: A,
+              classNames: n,
+              optionalMark: B,
+              labelRender: j
+            }
+          ),
+          /* @__PURE__ */ s(
+            te,
+            {
+              ...l,
+              ...r,
+              errors: d,
+              warnings: g,
+              prefixCls: i,
+              status: t,
+              help: m,
+              marginBottom: f,
+              onErrorVisibleChanged: K,
+              classNames: n,
+              children: /* @__PURE__ */ s(Z.Provider, { value: P, children: /* @__PURE__ */ s(
+                re,
+                {
+                  prefixCls: i,
+                  meta: r,
+                  errors: r.errors,
+                  warnings: r.warnings,
+                  hasFeedback: c,
+                  validateStatus: t,
+                  name: L,
+                  children: k
+                }
+              ) })
+            }
+          )
+        ]
+      }
+    ),
+    !!f && /* @__PURE__ */ s(
+      "div",
+      {
+        className: `${e}-margin-offset`,
+        style: {
+          marginBottom: -f
+        }
+      }
+    )
+  ] });
+}
+export {
+  ve as default
+};
+//# sourceMappingURL=ItemHolder.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ItemHolder.js","sources":["../../../../src/components/form/FormItem/ItemHolder.tsx"],"sourcesContent":["/**\n * This file is copied from Ant Design 5.x-stable\n * Source: https://github.com/ant-design/ant-design/blob/5.x-stable/components/form/FormItem/ItemHolder.tsx\n * \n * Customizations for @bioturing/components:\n * - Added `classNames` prop support for styling sub-elements\n * - Pass custom props (optionalMark, requiredMark, labelRender) to FormItemLabel\n * \n * Last synced with antd version: 5.x-stable (2025-02-04)\n */\n\n\"use client\";\n\nimport * as React from 'react';\nimport type { Meta } from 'rc-field-form/lib/interface';\nimport isVisible from 'rc-util/lib/Dom/isVisible';\nimport useLayoutEffect from 'rc-util/lib/hooks/useLayoutEffect';\nimport omit from 'rc-util/lib/omit';\n\n// ============ BioTuring Utils ============\nimport { clsx as classNames } from '../../utils';\n\n// ============ Ant Design Imports ============\nimport type { FormItemProps } from '.';\nimport { Row } from 'antd/es/grid';\nimport type { ReportMetaChange } from 'antd/es/form/context';\nimport { FormContext, NoStyleItemContext } from 'antd/es/form/context';\nimport useDebounce from 'antd/es/form/hooks/useDebounce';\nimport { getStatus } from 'antd/es/form/util';\nimport StatusProvider from 'antd/es/form/FormItem/StatusProvider';\n\n// ============ BioTuring Custom Imports ============\nimport FormItemInput from './FormItemInput';\nimport FormItemLabel from './FormItemLabel';\n\nexport interface ItemHolderProps extends FormItemProps {\n  prefixCls: string;\n  className?: string;\n  rootClassName?: string;\n  style?: React.CSSProperties;\n  errors: React.ReactNode[];\n  warnings: React.ReactNode[];\n  meta: Meta;\n  children?: React.ReactNode;\n  fieldId?: string;\n  isRequired?: boolean;\n  onSubItemMetaChange: ReportMetaChange;\n  \n  // ============ BioTuring Custom Props ============\n  classNames?: FormItemProps['classNames'];\n  optionalMark?: FormItemProps['optionalMark'];\n  requiredMark?: FormItemProps['requiredMark'];\n  labelRender?: FormItemProps['labelRender'];\n  // ============ End Custom Props ============\n}\n\nexport default function ItemHolder(props: ItemHolderProps) {\n  const {\n    prefixCls,\n    className,\n    rootClassName,\n    style,\n    help,\n    errors,\n    warnings,\n    validateStatus,\n    meta,\n    hasFeedback,\n    hidden,\n    children,\n    fieldId,\n    required,\n    isRequired,\n    onSubItemMetaChange,\n    layout: propsLayout,\n    name,\n    // ============ BioTuring Custom: Extract classNames ============\n    classNames: customClassNames,\n    optionalMark,\n    requiredMark,\n    labelRender,\n    // ============ End Custom ============\n    ...restProps\n  } = props;\n\n  const itemPrefixCls = `${prefixCls}-item`;\n  const { requiredMark: contextRequiredMark, layout: formLayout } = React.useContext(FormContext);\n  const layout = propsLayout || formLayout;\n\n  const vertical = layout === 'vertical';\n\n  // ======================== Margin ========================\n  const itemRef = React.useRef<HTMLDivElement>(null);\n  const debounceErrors = useDebounce(errors);\n  const debounceWarnings = useDebounce(warnings);\n  const hasHelp = help !== undefined && help !== null;\n  const hasError = !!(hasHelp || errors.length || warnings.length);\n  const isOnScreen = !!itemRef.current && isVisible(itemRef.current);\n  const [marginBottom, setMarginBottom] = React.useState<number | null>(null);\n\n  useLayoutEffect(() => {\n    if (hasError && itemRef.current) {\n      // The element must be part of the DOMTree to use getComputedStyle\n      // https://stackoverflow.com/questions/35360711/getcomputedstyle-returns-a-cssstyledeclaration-but-all-properties-are-empty-on-a\n      const itemStyle = getComputedStyle(itemRef.current);\n      setMarginBottom(Number.parseInt(itemStyle.marginBottom, 10));\n    }\n  }, [hasError, isOnScreen]);\n\n  const onErrorVisibleChanged = (nextVisible: boolean) => {\n    if (!nextVisible) {\n      setMarginBottom(null);\n    }\n  };\n\n  // ======================== Status ========================\n\n  const getValidateState = (isDebounce = false) => {\n    const _errors = isDebounce ? debounceErrors : meta.errors;\n    const _warnings = isDebounce ? debounceWarnings : meta.warnings;\n\n    return getStatus(_errors, _warnings, meta, '', !!hasFeedback, validateStatus);\n  };\n\n  const mergedValidateStatus = getValidateState();\n\n  // ======================== Render ========================\n  // ============ BioTuring Custom: Apply root className ============\n  const itemClassName = classNames(\n    itemPrefixCls,\n    className,\n    rootClassName,\n    customClassNames?.root,\n    (hasHelp || debounceErrors.length || debounceWarnings.length) && `${itemPrefixCls}-with-help`,\n    // Status\n    mergedValidateStatus && hasFeedback && `${itemPrefixCls}-has-feedback`,\n    mergedValidateStatus === 'success' && `${itemPrefixCls}-has-success`,\n    mergedValidateStatus === 'warning' && `${itemPrefixCls}-has-warning`,\n    mergedValidateStatus === 'error' && `${itemPrefixCls}-has-error`,\n    mergedValidateStatus === 'validating' && `${itemPrefixCls}-is-validating`,\n    hidden && `${itemPrefixCls}-hidden`,\n    // Layout\n    layout && `${itemPrefixCls}-${layout}`,\n  );\n  // ============ End Custom ============\n\n  return (\n    <div className={itemClassName} style={style} ref={itemRef}>\n      {/* ============ BioTuring Custom: Apply row className ============ */}\n      <Row\n        className={classNames(`${itemPrefixCls}-row`, customClassNames?.row)}\n        {...omit(restProps, [\n          '_internalItemRender' as any,\n          'colon',\n          'dependencies',\n          'extra',\n          'fieldKey',\n          'getValueFromEvent',\n          'getValueProps',\n          'htmlFor',\n          'id', // It is deprecated because `htmlFor` is its replacement.\n          'initialValue',\n          'isListField',\n          'label',\n          'labelAlign',\n          'labelCol',\n          'labelWrap',\n          'messageVariables',\n          'name',\n          'normalize',\n          'noStyle',\n          'preserve',\n          'requiredMark',\n          'rules',\n          'shouldUpdate',\n          'trigger',\n          'tooltip',\n          'validateFirst',\n          'validateTrigger',\n          'valuePropName',\n          'wrapperCol',\n          'validateDebounce',\n        ])}\n      >\n        {/* Label */}\n        <FormItemLabel\n          htmlFor={fieldId}\n          {...props}\n          requiredMark={requiredMark ?? contextRequiredMark}\n          required={required ?? isRequired}\n          prefixCls={prefixCls}\n          vertical={vertical}\n          classNames={customClassNames}\n          optionalMark={optionalMark}\n          labelRender={labelRender}\n        />\n        {/* Input Group */}\n        <FormItemInput\n          {...props}\n          {...meta}\n          errors={debounceErrors}\n          warnings={debounceWarnings}\n          prefixCls={prefixCls}\n          status={mergedValidateStatus}\n          help={help}\n          marginBottom={marginBottom}\n          onErrorVisibleChanged={onErrorVisibleChanged}\n          classNames={customClassNames}\n        >\n          <NoStyleItemContext.Provider value={onSubItemMetaChange}>\n            <StatusProvider\n              prefixCls={prefixCls}\n              meta={meta}\n              errors={meta.errors}\n              warnings={meta.warnings}\n              hasFeedback={hasFeedback}\n              // Already calculated\n              validateStatus={mergedValidateStatus}\n              name={name}\n            >\n              {children}\n            </StatusProvider>\n          </NoStyleItemContext.Provider>\n        </FormItemInput>\n      </Row>\n      {/* ============ End Custom ============ */}\n\n      {!!marginBottom && (\n        <div\n          className={`${itemPrefixCls}-margin-offset`}\n          style={{\n            marginBottom: -marginBottom,\n          }}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["ItemHolder","props","prefixCls","className","rootClassName","style","help","errors","warnings","validateStatus","meta","hasFeedback","hidden","children","fieldId","required","isRequired","onSubItemMetaChange","propsLayout","name","customClassNames","optionalMark","requiredMark","labelRender","restProps","itemPrefixCls","contextRequiredMark","formLayout","React","FormContext","layout","vertical","itemRef","debounceErrors","useDebounce","debounceWarnings","hasHelp","hasError","isOnScreen","isVisible","marginBottom","setMarginBottom","useLayoutEffect","itemStyle","onErrorVisibleChanged","nextVisible","mergedValidateStatus","isDebounce","_errors","_warnings","getStatus","itemClassName","classNames","jsxs","Row","omit","jsx","FormItemLabel","FormItemInput","NoStyleItemContext","StatusProvider"],"mappings":"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"}

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

@@ -0,0 +1,106 @@
+import { FieldProps } from 'rc-field-form/lib/Field';
+import { FormInstance, FormItemLayout } from 'antd/es/form/Form';
+import { FormItemInputProps } from 'antd/es/form/FormItemInput';
+import { FormItemLabelProps, LabelTooltipType } from 'antd/es/form/FormItemLabel';
+import { default as useFormItemStatus } from 'antd/es/form/hooks/useFormItemStatus';
+/**
+ * This file is copied from Ant Design 5.x-stable
+ * Source: https://github.com/ant-design/ant-design/blob/5.x-stable/components/form/FormItem/index.tsx
+ *
+ * Customizations for @bioturing/components:
+ * - Added `classNames` prop for styling sub-elements (root, row, label, control, etc.)
+ * - Added `optionalMark` prop to show optional indicator
+ * - Added enhanced `requiredMark` support (boolean | ReactNode)
+ * - Added `labelRender` prop for custom label rendering
+ *
+ * Last synced with antd version: 5.x-stable (2025-02-04)
+ */
+import * as React from 'react';
+declare const _ValidateStatuses: readonly ["success", "warning", "error", "validating", ""];
+export type ValidateStatus = (typeof _ValidateStatuses)[number];
+type RenderChildren<Values = any> = (form: FormInstance<Values>) => React.ReactNode;
+type RcFieldProps<Values = any> = Omit<FieldProps<Values>, 'children'>;
+type ChildrenType<Values = any> = RenderChildren<Values> | React.ReactNode;
+export type FeedbackIcons = (itemStatus: {
+    status: ValidateStatus;
+    errors?: React.ReactNode[];
+    warnings?: React.ReactNode[];
+}) => {
+    [key in ValidateStatus]?: React.ReactNode;
+};
+export interface FormItemProps<Values = any> extends Omit<FormItemLabelProps, 'requiredMark'>, FormItemInputProps, RcFieldProps<Values> {
+    prefixCls?: string;
+    noStyle?: boolean;
+    style?: React.CSSProperties;
+    className?: string;
+    rootClassName?: string;
+    children?: ChildrenType<Values>;
+    id?: string;
+    hasFeedback?: boolean | {
+        icons: FeedbackIcons;
+    };
+    validateStatus?: ValidateStatus;
+    required?: boolean;
+    hidden?: boolean;
+    initialValue?: any;
+    messageVariables?: Record<string, string>;
+    tooltip?: LabelTooltipType;
+    /** @deprecated No need anymore */
+    fieldKey?: React.Key | React.Key[];
+    layout?: FormItemLayout;
+    /**
+     * Custom class names for different parts of the form item
+     * @custom BioTuring addition
+     */
+    classNames?: {
+        /** Class name for the form item root wrapper */
+        root?: string;
+        /** Class name for the row container */
+        row?: string;
+        /** Class name for the label column wrapper */
+        label?: string;
+        /** Class name for the label text element */
+        labelText?: string;
+        /** Class name for the label tooltip icon */
+        labelIcon?: string;
+        /** Class name for the control/input wrapper column */
+        control?: string;
+        /** Class name for the control input wrapper */
+        controlInput?: string;
+        /** Class name for the control input content */
+        controlInputContent?: string;
+        /** Class name for the additional wrapper (errors + extra) */
+        additional?: string;
+        /** Class name for the error/help message wrapper */
+        explain?: string;
+        /** Class name for the extra text wrapper */
+        extra?: string;
+        /** Class name for the feedback icon */
+        feedbackIcon?: string;
+    };
+    /**
+     * Whether to show the optional mark
+     * @default false
+     * @custom BioTuring addition
+     */
+    optionalMark?: boolean | React.ReactNode;
+    /**
+     * Custom required mark (enhanced from antd to support ReactNode)
+     * @default true
+     * @custom BioTuring addition - enhanced to support ReactNode
+     */
+    requiredMark?: boolean | React.ReactNode;
+    /**
+     * Custom render function for the label
+     * @custom BioTuring addition
+     */
+    labelRender?: (label: React.ReactElement) => React.ReactElement;
+}
+declare function InternalFormItem<Values = any>(props: FormItemProps<Values>): React.ReactElement;
+type InternalFormItemType = typeof InternalFormItem;
+type CompoundedComponent = InternalFormItemType & {
+    useStatus: typeof useFormItemStatus;
+};
+declare const FormItem: CompoundedComponent;
+export default FormItem;
+//# sourceMappingURL=index.d.ts.map