npm - @bioturing/components - Versions diffs - 0.46.3 → 0.47.0 - Mend

@bioturing/components 0.46.3 → 0.47.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (98) hide show

package/dist/components/form/FormValidationContext.js ADDED Viewed

@@ -0,0 +1,7 @@
+"use client";
+import { createContext as t } from "react";
+const e = t({});
+export {
+  e as FormValidationContext
+};
+//# sourceMappingURL=FormValidationContext.js.map

package/dist/components/form/FormValidationContext.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"FormValidationContext.js","sources":["../../../src/components/form/FormValidationContext.ts"],"sourcesContent":["\"use client\";\n\nimport { createContext } from \"react\";\n\nexport interface FormValidationContextValue {\n ignoreDefaultRules?: string[];\n}\n\nexport const FormValidationContext = createContext<FormValidationContextValue>({});\n"],"names":["FormValidationContext","createContext"],"mappings":";;AAQO,MAAMA,IAAwBC,EAA0C,CAAA,CAAE;"}

package/dist/components/form/component.d.ts CHANGED Viewed

@@ -3,10 +3,15 @@ import { default as useFormInstance } from 'antd/es/form/hooks/useFormInstance';
 import { FormItemProps } from './item';
 import * as React from "react";
 export interface FormProps<Values = unknown> extends AntdFormProps<Values> {
+    /**
+     * Rule keys to ignore from `componentConfig.formValidationRules` for every Form.Item in this Form.
+     */
+    ignoreDefaultRules?: string[];
 }
 interface InternalFormProps<Values = unknown> extends React.ComponentProps<typeof AntdInternalForm<Values>> {
+    ignoreDefaultRules?: string[];
 }
-export declare const Form: (<Values = unknown>({ ...rest }: InternalFormProps<Values>) => import("react/jsx-runtime").JSX.Element) & {
+export declare const Form: (<Values = unknown>({ ignoreDefaultRules, ...rest }: InternalFormProps<Values>) => import("react/jsx-runtime").JSX.Element) & {
     useForm: typeof useForm;
     useFormInstance: typeof useFormInstance;
     useWatch: typeof useWatch;

package/dist/components/form/component.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/form/component.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,SAAS,IAAI,aAAa,EAC1B,OAAO,IAAI,gBAAgB,EAC3B,OAAO,EACP,QAAQ,EACT,MAAM,mBAAmB,CAAC;AAG3B,OAAO,eAAe,MAAM,oCAAoC,CAAC;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;~~AAC~~/B,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,QAAQ,CAAC;AAItD,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,SAAS,CAAC,MAAM,GAAG,OAAO,CAAE,SAAQ,aAAa,CAAC,MAAM,CAAC;~~CAAG~~;~~AAE7E~~,UAAU,iBAAiB,CAAC,MAAM,GAAG,OAAO,~~CAC1C~~,SAAQ,KAAK,CAAC,cAAc,~~CAAC~~,OAAO,gBAAgB,CAAC,MAAM,CAAC,CAAC;~~CAAG~~;~~AAQlE~~,eAAO,MAAM,IAAI,~~IANK~~,MAAM,~~yBAEzB~~,iBAAiB,CAAC,MAAM,CAAC;;;;;;~~kBApBxB~~,CAAC;;;;;;;;;~~WAoCiqD~~,CAAC;;~~CAHrqD~~,CAAC;AAEH,YAAY,EAAE,aAAa,EAAE,CAAC"}
1	+ {"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/form/component.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,SAAS,IAAI,aAAa,EAC1B,OAAO,IAAI,gBAAgB,EAC3B,OAAO,EACP,QAAQ,EACT,MAAM,mBAAmB,CAAC;AAG3B,OAAO,eAAe,MAAM,oCAAoC,CAAC;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,QAAQ,CAAC;AAItD,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,SAAS,CAAC,MAAM,GAAG,OAAO,CAAE,SAAQ,aAAa,CAAC,MAAM,CAAC;IACxE;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC/B;AAED,UAAU,iBAAiB,CAAC,MAAM,GAAG,OAAO,CAAE,SAAQ,KAAK,CAAC,cAAc,CACxE,OAAO,gBAAgB,CAAC,MAAM,CAAC,CAChC;IACC,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC/B;AAoBD,eAAO,MAAM,IAAI,IAlBK,MAAM,6CAGzB,iBAAiB,CAAC,MAAM,CAAC;;;;;;kBA9BxB,CAAC;;;;;;;;;WAyD4kC,CAAC;;CAHhlC,CAAC;AAEH,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/form/component.js CHANGED Viewed

@@ -1,26 +1,36 @@
 "use client";
-import { jsx as o } from "react/jsx-runtime";
-import m from "antd/es/form/ErrorList";
-import t, { useWatch as e, useForm as i } from "antd/es/form/Form";
-import s from "antd/es/form/FormList";
-import { FormProvider as n } from "antd/es/form/context";
-import p from "antd/es/form/hooks/useFormInstance";
-import { FormLabel as F } from "./label.js";
+import { jsx as r } from "react/jsx-runtime";
+import e from "antd/es/form/ErrorList";
+import n, { useWatch as s, useForm as a } from "antd/es/form/Form";
+import p from "antd/es/form/FormList";
+import { FormProvider as c } from "antd/es/form/context";
+import F from "antd/es/form/hooks/useFormInstance";
+import * as f from "react";
+import { FormValidationContext as d } from "./FormValidationContext.js";
+import { FormLabel as l } from "./label.js";
 import './style.css';/* empty css          */
-import f from "./FormItem/index.js";
-const a = ({
-  ...r
-}) => /* @__PURE__ */ o(t, { ...r }), x = Object.assign(a, {
-  useForm: i,
-  useFormInstance: p,
-  useWatch: e,
-  Item: f,
-  List: s,
-  ErrorList: m,
-  Provider: n,
-  Label: F
+import u from "./FormItem/index.js";
+const v = ({
+  ignoreDefaultRules: o,
+  ...t
+}) => {
+  const m = o?.join(","), i = f.useMemo(
+    () => ({ ignoreDefaultRules: o }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [m]
+  );
+  return /* @__PURE__ */ r(d.Provider, { value: i, children: /* @__PURE__ */ r(n, { ...t }) });
+}, A = Object.assign(v, {
+  useForm: a,
+  useFormInstance: F,
+  useWatch: s,
+  Item: u,
+  List: p,
+  ErrorList: e,
+  Provider: c,
+  Label: l
 });
 export {
-  x as Form
+  A as Form
 };
 //# sourceMappingURL=component.js.map

package/dist/components/form/component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"component.js","sources":["../../../src/components/form/component.tsx"],"sourcesContent":["\"use client\";\nimport ErrorList from \"antd/es/form/ErrorList\";\nimport {\n FormProps as AntdFormProps,\n default as AntdInternalForm,\n useForm,\n useWatch,\n} from \"antd/es/form/Form\";\nimport FormList from \"antd/es/form/FormList\";\nimport { FormProvider } from \"antd/es/form/context\";\nimport useFormInstance from \"antd/es/form/hooks/useFormInstance\";\nimport * as React from \"react\";\nimport { FormItem, type FormItemProps } from \"./item\";\nimport { FormLabel } from \"./label\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport interface FormProps<Values = unknown> extends AntdFormProps<Values> {}\n\ninterface InternalFormProps<Values = unknown~~>\n~~ extends React.ComponentProps<typeof AntdInternalForm<Values>> {}\n\nconst InternalForm = <Values = unknown,>({\n ...rest\n}: InternalFormProps<Values>) => {\n return <AntdInternalForm {...rest} ~~/>;\~~n};\n\nexport const Form = Object.assign(InternalForm, {\n useForm,\n useFormInstance,\n useWatch,\n Item: FormItem,\n List: FormList,\n ErrorList,\n Provider: FormProvider,\n Label: FormLabel,\n});\n\nexport type { FormItemProps };\n"],"names":["InternalForm","rest","jsx","AntdInternalForm","Form","useForm","useFormInstance","useWatch","FormItem","FormList","ErrorList","FormProvider","FormLabel"],"mappings":"~~;;;;;;;;;;AAuBA~~,MAAMA,IAAe,CAAoB;AAAA,EACvC,GAAGC;AACL,~~MACS~~,~~gBAAAC~~,EAACC,GAAA,EAAkB,~~GAAGF~~,EAAA,CAAM,~~GAGxBG~~,IAAO,OAAO,~~OAAOJ~~,GAAc;AAAA,EAC9C,~~SAAAK~~;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAMC;AAAA,EACN,MAAMC;AAAA,EACN,WAAAC;AAAA,EACA,UAAUC;AAAA,EACV,OAAOC;AACT,CAAC;"}
1	+ {"version":3,"file":"component.js","sources":["../../../src/components/form/component.tsx"],"sourcesContent":["\"use client\";\nimport ErrorList from \"antd/es/form/ErrorList\";\nimport {\n FormProps as AntdFormProps,\n default as AntdInternalForm,\n useForm,\n useWatch,\n} from \"antd/es/form/Form\";\nimport FormList from \"antd/es/form/FormList\";\nimport { FormProvider } from \"antd/es/form/context\";\nimport useFormInstance from \"antd/es/form/hooks/useFormInstance\";\nimport * as React from \"react\";\nimport { FormValidationContext } from \"./FormValidationContext\";\nimport { FormItem, type FormItemProps } from \"./item\";\nimport { FormLabel } from \"./label\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport interface FormProps<Values = unknown> extends AntdFormProps<Values> {\n /*\n Rule keys to ignore from `componentConfig.formValidationRules` for every Form.Item in this Form.\n */\n ignoreDefaultRules?: string[];\n}\n\ninterface InternalFormProps<Values = unknown> extends React.ComponentProps<\n typeof AntdInternalForm<Values>\n> {\n ignoreDefaultRules?: string[];\n}\n\nconst InternalForm = <Values = unknown,>({\n ignoreDefaultRules,\n ...rest\n}: InternalFormProps<Values>) => {\n const ignoreKey = ignoreDefaultRules?.join(\",\");\n const validationContext = React.useMemo(\n () => ({ ignoreDefaultRules }),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [ignoreKey],\n );\n\n return (\n <FormValidationContext.Provider value={validationContext}>\n <AntdInternalForm {...rest} />\n </FormValidationContext.Provider>\n );\n};\n\nexport const Form = Object.assign(InternalForm, {\n useForm,\n useFormInstance,\n useWatch,\n Item: FormItem,\n List: FormList,\n ErrorList,\n Provider: FormProvider,\n Label: FormLabel,\n});\n\nexport type { FormItemProps };\n"],"names":["InternalForm","ignoreDefaultRules","rest","ignoreKey","validationContext","React","jsx","FormValidationContext","AntdInternalForm","Form","useForm","useFormInstance","useWatch","FormItem","FormList","ErrorList","FormProvider","FormLabel"],"mappings":";;;;;;;;;;;;AAgCA,MAAMA,IAAe,CAAoB;AAAA,EACvC,oBAAAC;AAAA,EACA,GAAGC;AACL,MAAiC;AAC/B,QAAMC,IAAYF,GAAoB,KAAK,GAAG,GACxCG,IAAoBC,EAAM;AAAA,IAC9B,OAAO,EAAE,oBAAAJ,EAAA;AAAA;AAAA,IAET,CAACE,CAAS;AAAA,EAAA;AAGZ,SACE,gBAAAG,EAACC,EAAsB,UAAtB,EAA+B,OAAOH,GACrC,UAAA,gBAAAE,EAACE,GAAA,EAAkB,GAAGN,EAAA,CAAM,EAAA,CAC9B;AAEJ,GAEaO,IAAO,OAAO,OAAOT,GAAc;AAAA,EAC9C,SAAAU;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAMC;AAAA,EACN,MAAMC;AAAA,EACN,WAAAC;AAAA,EACA,UAAUC;AAAA,EACV,OAAOC;AACT,CAAC;"}

package/dist/components/form/formValidationRule.d.ts ADDED Viewed

@@ -0,0 +1,19 @@
+import { Rule } from 'rc-field-form/lib/interface';
+export declare const BLOCKED_CHARS_RULE_KEY = "blockedChars";
+/**
+ * Blocks characters and sequences that are commonly risky in user-entered text:
+ * angle brackets (`<`, `>`), quotes (`'`, `"`), ampersand (`&`), backslash (`\\`),
+ * slash (`/`), and directory traversal (`..`).
+ */
+export declare const DEFAULT_BLOCKED_CHARS_PATTERN: RegExp;
+export declare const DEFAULT_BLOCKED_CHARS_MESSAGE = "This field cannot contain <, >, ', \", &, \\, /, or ..";
+export type FormValidationRule = Rule & {
+    key: string;
+    sanitize?: (value: unknown) => unknown;
+};
+export declare function createBlockedCharsRule(options?: {
+    pattern?: RegExp;
+    message?: string;
+}): FormValidationRule;
+export declare const BLOCKED_CHARS_RULE: FormValidationRule;
+//# sourceMappingURL=formValidationRule.d.ts.map

package/dist/components/form/formValidationRule.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"formValidationRule.d.ts","sourceRoot":"","sources":["../../../src/components/form/formValidationRule.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAExD,eAAO,MAAM,sBAAsB,iBAAiB,CAAC;AAErD;;;;GAIG;AACH,eAAO,MAAM,6BAA6B,QAAqB,CAAC;AAChE,eAAO,MAAM,6BAA6B,2DACgB,CAAC;AAE3D,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO,CAAC;CACxC,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,OAAO,CAAC,EAAE;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,GAAG,kBAAkB,CAiBrB;AAED,eAAO,MAAM,kBAAkB,oBAA2B,CAAC"}

package/dist/components/form/formValidationRule.js ADDED Viewed

@@ -0,0 +1,22 @@
+const o = "blockedChars", c = /[<>'"&\\/]|\.\./g, i = `This field cannot contain <, >, ', ", &, \\, /, or ..`;
+function E(n) {
+  const r = n?.pattern ?? c, s = n?.message ?? i;
+  return {
+    key: o,
+    sanitize: (e) => {
+      if (typeof e != "string") return e;
+      const t = e.replace(r, "");
+      return t === e ? e : t;
+    },
+    validator: (e, t) => typeof t == "string" && new RegExp(r.source, r.flags).test(t) ? Promise.reject(s) : Promise.resolve()
+  };
+}
+const _ = E();
+export {
+  _ as BLOCKED_CHARS_RULE,
+  o as BLOCKED_CHARS_RULE_KEY,
+  i as DEFAULT_BLOCKED_CHARS_MESSAGE,
+  c as DEFAULT_BLOCKED_CHARS_PATTERN,
+  E as createBlockedCharsRule
+};
+//# sourceMappingURL=formValidationRule.js.map

package/dist/components/form/formValidationRule.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"formValidationRule.js","sources":["../../../src/components/form/formValidationRule.ts"],"sourcesContent":["import type { Rule } from \"rc-field-form/lib/interface\";\n\nexport const BLOCKED_CHARS_RULE_KEY = \"blockedChars\";\n\n/**\n * Blocks characters and sequences that are commonly risky in user-entered text:\n * angle brackets (`<`, `>`), quotes (`'`, `\"`), ampersand (`&`), backslash (`\\\\`),\n * slash (`/`), and directory traversal (`..`).\n */\nexport const DEFAULT_BLOCKED_CHARS_PATTERN = /[<>'\"&\\\\/]|\\.\\./g;\nexport const DEFAULT_BLOCKED_CHARS_MESSAGE =\n \"This field cannot contain <, >, ', \\\", &, \\\\, /, or ..\";\n\nexport type FormValidationRule = Rule & {\n key: string;\n sanitize?: (value: unknown) => unknown;\n};\n\nexport function createBlockedCharsRule(options?: {\n pattern?: RegExp;\n message?: string;\n}): FormValidationRule {\n const pattern = options?.pattern ?? DEFAULT_BLOCKED_CHARS_PATTERN;\n const message = options?.message ?? DEFAULT_BLOCKED_CHARS_MESSAGE;\n return {\n key: BLOCKED_CHARS_RULE_KEY,\n sanitize: (value: unknown) => {\n if (typeof value !== \"string\") return value;\n const sanitized = value.replace(pattern, \"\");\n return sanitized === value ? value : sanitized;\n },\n validator: (_: unknown, value: unknown) => {\n if (typeof value === \"string\" && new RegExp(pattern.source, pattern.flags).test(value)) {\n return Promise.reject(message);\n }\n return Promise.resolve();\n },\n };\n}\n\nexport const BLOCKED_CHARS_RULE = createBlockedCharsRule();\n"],"names":["BLOCKED_CHARS_RULE_KEY","DEFAULT_BLOCKED_CHARS_PATTERN","DEFAULT_BLOCKED_CHARS_MESSAGE","createBlockedCharsRule","options","pattern","message","value","sanitized","_","BLOCKED_CHARS_RULE"],"mappings":"AAEO,MAAMA,IAAyB,gBAOzBC,IAAgC,oBAChCC,IACX;AAOK,SAASC,EAAuBC,GAGhB;AACrB,QAAMC,IAAUD,GAAS,WAAWH,GAC9BK,IAAUF,GAAS,WAAWF;AACpC,SAAO;AAAA,IACL,KAAKF;AAAA,IACL,UAAU,CAACO,MAAmB;AAC5B,UAAI,OAAOA,KAAU,SAAU,QAAOA;AACtC,YAAMC,IAAYD,EAAM,QAAQF,GAAS,EAAE;AAC3C,aAAOG,MAAcD,IAAQA,IAAQC;AAAA,IACvC;AAAA,IACA,WAAW,CAACC,GAAYF,MAClB,OAAOA,KAAU,YAAY,IAAI,OAAOF,EAAQ,QAAQA,EAAQ,KAAK,EAAE,KAAKE,CAAK,IAC5E,QAAQ,OAAOD,CAAO,IAExB,QAAQ,QAAA;AAAA,EACjB;AAEJ;AAEO,MAAMI,IAAqBP,EAAA;"}

package/dist/components/form/index.d.ts CHANGED Viewed

@@ -1,2 +1,4 @@
 export * from './component';
+export * from './formValidationRule';
+export { useFormValidation } from './useFormValidation';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/form/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/form/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/form/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/form/useFormValidation.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { Rule } from 'rc-field-form/lib/interface';
+export declare function useFormValidation(ignoreRules?: string[]): Rule[] | null;
+//# sourceMappingURL=useFormValidation.d.ts.map

package/dist/components/form/useFormValidation.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"useFormValidation.d.ts","sourceRoot":"","sources":["../../../src/components/form/useFormValidation.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAExD,wBAAgB,iBAAiB,CAAC,WAAW,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAmBvE"}

package/dist/components/form/useFormValidation.js ADDED Viewed

@@ -0,0 +1,18 @@
+"use client";
+import { useMemo as u } from "react";
+import { useThemeContext as a } from "../theme-provider/context/themeStore.js";
+function y(i) {
+  const { componentConfig: s } = a(), e = s?.formValidationRules, n = i?.join(","), r = e ? e.map((t) => t.key).join(",") : void 0;
+  return u(() => {
+    if (!e?.length)
+      return null;
+    const t = n ? new Set(n.split(",")) : null;
+    return e.filter(
+      (o) => !t?.has(o.key)
+    ).map(({ key: o, sanitize: m, ...l }) => l);
+  }, [n, r]);
+}
+export {
+  y as useFormValidation
+};
+//# sourceMappingURL=useFormValidation.js.map

package/dist/components/form/useFormValidation.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useFormValidation.js","sources":["../../../src/components/form/useFormValidation.ts"],"sourcesContent":["\"use client\";\n\nimport { useMemo } from \"react\";\nimport { useThemeContext } from \"../theme-provider/context\";\nimport type { FormValidationRule } from \"./formValidationRule\";\nimport type { Rule } from \"rc-field-form/lib/interface\";\n\nexport function useFormValidation(ignoreRules?: string[]): Rule[] | null {\n const { componentConfig } = useThemeContext();\n const validationRules = componentConfig?.formValidationRules;\n const ignoreKey = ignoreRules?.join(\",\");\n const rulesKey = validationRules ? validationRules.map((r) => r.key).join(\",\") : undefined;\n\n return useMemo(() => {\n if (!validationRules?.length) {\n return null;\n }\n\n const ignoreSet = ignoreKey ? new Set(ignoreKey.split(\",\")) : null;\n const activeRules: FormValidationRule[] = validationRules.filter(\n (rule) => !ignoreSet?.has(rule.key),\n );\n\n return activeRules.map(({ key: _key, sanitize: _sanitize, ...rule }) => rule);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [ignoreKey, rulesKey]);\n}\n"],"names":["useFormValidation","ignoreRules","componentConfig","useThemeContext","validationRules","ignoreKey","rulesKey","r","useMemo","ignoreSet","rule","_key","_sanitize"],"mappings":";;;AAOO,SAASA,EAAkBC,GAAuC;AACvE,QAAM,EAAE,iBAAAC,EAAA,IAAoBC,EAAA,GACtBC,IAAkBF,GAAiB,qBACnCG,IAAYJ,GAAa,KAAK,GAAG,GACjCK,IAAWF,IAAkBA,EAAgB,IAAI,CAACG,MAAMA,EAAE,GAAG,EAAE,KAAK,GAAG,IAAI;AAEjF,SAAOC,EAAQ,MAAM;AACnB,QAAI,CAACJ,GAAiB;AACpB,aAAO;AAGT,UAAMK,IAAYJ,IAAY,IAAI,IAAIA,EAAU,MAAM,GAAG,CAAC,IAAI;AAK9D,WAJ0CD,EAAgB;AAAA,MACxD,CAACM,MAAS,CAACD,GAAW,IAAIC,EAAK,GAAG;AAAA,IAAA,EAGjB,IAAI,CAAC,EAAE,KAAKC,GAAM,UAAUC,GAAW,GAAGF,EAAA,MAAWA,CAAI;AAAA,EAE9E,GAAG,CAACL,GAAWC,CAAQ,CAAC;AAC1B;"}

package/dist/components/index.d.ts CHANGED Viewed

@@ -29,6 +29,7 @@ export * from './tree/index';
 export * from './spin/index';
 export * from './empty/component';
 export * from './form/component';
+export * from './form/formValidationRule';
 export * from './field/component';
 export * from './tour/component';
 export * from './toast/index';
@@ -55,6 +56,7 @@ export * from './loader/index';
 export * from './window-portal/index';
 export * from './alert/index';
 export * from './label-with-help/index';
+export * from './base-menu/index';
 export * from './utils/index';
 export * from './hooks/index';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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~~AAExC~~,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}

package/dist/components/keyboard-shortcut/component.d.ts CHANGED Viewed

@@ -8,6 +8,8 @@ export interface KeyboardShortcutProps {
     style?: React.CSSProperties;
     /** Size variant */
     size?: "small" | "medium" | "large";
+    /** Whether to display modifier keys as symbols. When false, shows text labels like "Shift" instead of "⇧". Default: true */
+    useSymbol?: boolean;
     /** Children to display as keyboard shortcuts */
     children?: React.ReactNode;
 }

package/dist/components/keyboard-shortcut/component.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/keyboard-shortcut/component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,qBAAqB;IACpC,yEAAyE;IACzE,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,mBAAmB;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,gDAAgD;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;~~AAED~~,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,~~CAsF5D~~,CAAC"}
1	+ {"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/keyboard-shortcut/component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,qBAAqB;IACpC,yEAAyE;IACzE,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,mBAAmB;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,4HAA4H;IAC5H,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAsDD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA+D5D,CAAC"}

package/dist/components/keyboard-shortcut/component.js CHANGED Viewed

@@ -1,72 +1,92 @@
-import { jsx as t, jsxs as u } from "react/jsx-runtime";
-import h from "react";
+import { jsx as e, jsxs as h } from "react/jsx-runtime";
+import i from "react";
 import './style.css';/* empty css          */
-import { useCls as i } from "../utils/antdUtils.js";
-import { clsx as m } from "../utils/cn.js";
-const g = ({
-  keys: o,
+import { useCls as u } from "../utils/antdUtils.js";
+import { clsx as l } from "../utils/cn.js";
+const f = /* @__PURE__ */ new Set([
+  "meta",
+  "cmd",
+  "command",
+  "ctrl",
+  "control",
+  "shift",
+  "alt",
+  "option"
+]), b = {
+  meta: "⌘",
+  cmd: "⌘",
+  command: "⌘",
+  ctrl: "⌃",
+  control: "⌃",
+  shift: "⇧",
+  alt: "⌥",
+  option: "⌥"
+}, w = {
+  meta: "Cmd",
+  cmd: "Cmd",
+  command: "Cmd",
+  ctrl: "Ctrl",
+  control: "Ctrl",
+  shift: "Shift",
+  alt: "Alt",
+  option: "Option"
+}, C = {
+  enter: "↵",
+  return: "↵",
+  space: "Space",
+  tab: "⇥",
+  escape: "Esc",
+  esc: "Esc",
+  delete: "⌫",
+  backspace: "⌫",
+  arrowup: "↑",
+  arrowdown: "↓",
+  arrowleft: "←",
+  arrowright: "→",
+  up: "↑",
+  down: "↓",
+  left: "←",
+  right: "→"
+}, K = ({
+  keys: a,
   className: c,
   style: s,
   size: n = "medium",
-  children: l
+  useSymbol: d = !0,
+  children: m
 }) => {
-  const r = i(), p = (e) => {
-    const a = {
-      meta: "⌘",
-      cmd: "⌘",
-      command: "⌘",
-      ctrl: "Ctrl",
-      control: "Ctrl",
-      shift: "⇧",
-      alt: "⌥",
-      option: "⌥",
-      enter: "↵",
-      return: "↵",
-      space: "Space",
-      tab: "⇥",
-      escape: "Esc",
-      esc: "Esc",
-      delete: "⌫",
-      backspace: "⌫",
-      arrowup: "↑",
-      arrowdown: "↓",
-      arrowleft: "←",
-      arrowright: "→",
-      up: "↑",
-      down: "↓",
-      left: "←",
-      right: "→"
-    }, d = e.toLowerCase();
-    return a[d] || e.toUpperCase();
+  const t = u(), p = (o) => {
+    const r = o.toLowerCase();
+    return f.has(r) ? (d ? b : w)[r] || o : C[r] || o.toUpperCase();
   };
-  return l ? /* @__PURE__ */ t(
+  return m ? /* @__PURE__ */ e(
     "span",
     {
-      className: m(
-        r("keyboard-shortcut"),
-        r(`keyboard-shortcut-${n}`),
+      className: l(
+        t("keyboard-shortcut"),
+        t(`keyboard-shortcut-${n}`),
         c
       ),
       style: s,
-      children: /* @__PURE__ */ t("kbd", { className: r("keyboard-shortcut-key"), children: l })
+      children: /* @__PURE__ */ e("kbd", { className: t("keyboard-shortcut-key"), children: m })
     }
-  ) : !o || o.length === 0 ? null : /* @__PURE__ */ t(
+  ) : !a || a.length === 0 ? null : /* @__PURE__ */ e(
     "span",
     {
-      className: m(
-        r("keyboard-shortcut"),
-        r(`keyboard-shortcut-${n}`),
+      className: l(
+        t("keyboard-shortcut"),
+        t(`keyboard-shortcut-${n}`),
         c
       ),
       style: s,
-      children: o.map((e, a) => /* @__PURE__ */ u(h.Fragment, { children: [
-        /* @__PURE__ */ t("kbd", { className: r("keyboard-shortcut-key"), children: p(e) }),
-        a < o.length - 1 && /* @__PURE__ */ t("span", { className: r("keyboard-shortcut-separator"), children: "+" })
-      ] }, a))
+      children: a.map((o, r) => /* @__PURE__ */ h(i.Fragment, { children: [
+        /* @__PURE__ */ e("kbd", { className: t("keyboard-shortcut-key"), children: p(o) }),
+        r < a.length - 1 && /* @__PURE__ */ e("span", { className: t("keyboard-shortcut-separator"), children: "+" })
+      ] }, r))
     }
   );
 };
 export {
-  g as KeyboardShortcut
+  K as KeyboardShortcut
 };
 //# sourceMappingURL=component.js.map

package/dist/components/keyboard-shortcut/component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"component.js","sources":["../../../src/components/keyboard-shortcut/component.tsx"],"sourcesContent":["import React from \"react\";\nimport { useCls, clsx } from \"../utils\";\nimport \"./style.css\";\n\nexport interface KeyboardShortcutProps {\n /** The keyboard shortcut keys to display (optional if using children) /\n keys?: string[];\n /* Custom className /\n className?: string;\n /* Custom style /\n style?: React.CSSProperties;\n /* Size variant /\n size?: \"small\" \| \"medium\" \| \"large\";\n /* Children to display as keyboard shortcuts */\n children?: React.ReactNode;\n}\n\~~nexport~~ ~~const~~ ~~KeyboardShortcut:~~ ~~React.FC<KeyboardShortcutProps>~~ = ({\n ~~keys~~,\n ~~className~~,\n ~~style~~,\n ~~size =~~ \"~~medium~~\",\n ~~children~~,\n~~}) => {~~\n ~~const cls = useCls(~~);\n\~~n const~~ ~~formatKey = (key~~: string): string => {\n // ~~Common~~ ~~key~~ ~~mappings~~ ~~for~~ ~~better~~ ~~display~~\n ~~const~~ ~~keyMap~~: Record<string, string> = {\n meta: \"⌘\",\n cmd: \"⌘\",\n command: \"⌘\",\n ctrl: \"Ctrl\",\n control: \"Ctrl\",\n shift: \"⇧\",\n alt: \"⌥\",\n option: \"⌥\",\n enter: \"↵\",\n return: \"↵\",\n space: \"Space\",\n tab: \"⇥\",\n escape: \"Esc\",\n esc: \"Esc\",\n delete: \"⌫\",\n backspace: \"⌫\",\n arrowup: \"↑\",\n arrowdown: \"↓\",\n arrowleft: \"←\",\n arrowright: \"→\",\n up: \"↑\",\n down: \"↓\",\n left: \"←\",\n right: \"→\",\n };\n\n const lowerKey = key.toLowerCase();\n return ~~keyMap~~[lowerKey] \|\| key.toUpperCase();\n };\n\n // If children are provided, use them directly\n if (children) {\n return (\n <span\n className={clsx(\n cls(\"keyboard-shortcut\"),\n cls(`keyboard-shortcut-${size}`),\n className\n )}\n style={style}\n >\n <kbd className={cls(\"keyboard-shortcut-key\")}>\n {children}\n </kbd>\n </span>\n );\n }\n\n // If no keys provided, return null\n if (!keys \|\| keys.length === 0) {\n return null;\n }\n\n return (\n <span\n className={clsx(\n cls(\"keyboard-shortcut\"),\n cls(`keyboard-shortcut-${size}`),\n className\n )}\n style={style}\n >\n {keys.map((key, index) => (\n <React.Fragment key={index}>\n <kbd className={cls(\"keyboard-shortcut-key\")}>\n {formatKey(key)}\n </kbd>\n {index < keys.length - 1 && (\n <span className={cls(\"keyboard-shortcut-separator\")}>+</span>\n )}\n </React.Fragment>\n ))}\n </span>\n );\n};"],"names":["KeyboardShortcut","keys","className","style","size","children","cls","useCls","formatKey","key","~~keyMap","~~lowerKey","jsx","clsx","index","jsxs","React"],"mappings":";;;;;~~AAiBO~~,MAAMA,~~IAAoD~~,~~CAAC~~;AAAA,~~EAChE~~,~~MAAAC~~;AAAA,EACA,~~WAAAC~~;AAAA,EACA,~~OAAAC~~;AAAA,EACA,~~MAAAC~~,~~IAAO~~;AAAA,~~EACP~~,~~UAAAC~~;~~AACF~~,MAAM;~~AACJ~~,~~QAAMC~~,~~IAAMC~~,~~EAAA~~,~~GAENC~~,~~IAAY~~,~~CAACC~~,~~MAAwB~~;~~AAEzC~~,~~UAAMC~~,~~IAAiC~~;AAAA,~~MACrC~~,MAAM;AAAA,~~MACN~~,KAAK;AAAA,~~MACL~~,SAAS;AAAA,~~MACT~~,MAAM;AAAA,~~MACN~~,SAAS;AAAA,~~MACT~~,OAAO;AAAA,~~MACP~~,KAAK;AAAA,~~MACL~~,QAAQ;AAAA,~~MACR~~,OAAO;AAAA,~~MACP~~,QAAQ;AAAA,~~MACR~~,OAAO;AAAA,~~MACP~~,KAAK;AAAA,~~MACL~~,QAAQ;AAAA,~~MACR~~,KAAK;AAAA,~~MACL~~,QAAQ;AAAA,~~MACR~~,WAAW;AAAA,~~MACX~~,SAAS;AAAA,~~MACT~~,WAAW;AAAA,~~MACX~~,WAAW;AAAA,~~MACX~~,YAAY;AAAA,~~MACZ~~,IAAI;AAAA,~~MACJ~~,MAAM;AAAA,~~MACN~~,MAAM;AAAA,~~MACN~~,OAAO;AAAA,~~IAAA~~,~~GAGHC~~,~~IAAWF~~,EAAI,YAAA;AACrB,~~WAAOC~~,~~EAAOC~~,CAAQ,~~KAAKF~~,EAAI,YAAA;AAAA,~~EACjC~~;AAGA,SAAIJ,IAEA,~~gBAAAO~~;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,~~QACTP~~,EAAI,mBAAmB;AAAA,QACvBA,EAAI,~~qBAAqBF~~,CAAI,EAAE;AAAA,QAC/BF;AAAA,MAAA;AAAA,MAEF,OAAAC;AAAA,MAEA,4BAAC,OAAA,EAAI,~~WAAWG~~,EAAI,uBAAuB,GACxC,UAAAD,EAAA,CACH;AAAA,IAAA;AAAA,EAAA,IAMF,~~CAACJ~~,KAAQA,EAAK,WAAW,IACpB,OAIP,gBAAAW;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,~~QACTP~~,EAAI,mBAAmB;AAAA,QACvBA,EAAI,~~qBAAqBF~~,CAAI,EAAE;AAAA,QAC/BF;AAAA,MAAA;AAAA,MAEF,OAAAC;AAAA,MAEC,UAAAF,EAAK,IAAI,~~CAACQ~~,~~GAAKK~~,MACd,gBAAAC,EAACC,EAAM,UAAN,EACC,UAAA;AAAA,QAAA,gBAAAJ,EAAC,SAAI,~~WAAWN~~,EAAI,uBAAuB,GACxC,UAAAE,EAAUC,CAAG,GAChB;AAAA,~~QACCK~~,IAAQb,EAAK,SAAS,KACrB,gBAAAW,EAAC,UAAK,~~WAAWN~~,EAAI,6BAA6B,GAAG,UAAA,IAAA,CAAC;AAAA,MAAA,EAAA,~~GALrCQ~~,CAOrB,CACD;AAAA,IAAA;AAAA,EAAA;AAGP;"}
1	+ {"version":3,"file":"component.js","sources":["../../../src/components/keyboard-shortcut/component.tsx"],"sourcesContent":["import React from \"react\";\nimport { useCls, clsx } from \"../utils\";\nimport \"./style.css\";\n\nexport interface KeyboardShortcutProps {\n /** The keyboard shortcut keys to display (optional if using children) /\n keys?: string[];\n /* Custom className /\n className?: string;\n /* Custom style /\n style?: React.CSSProperties;\n /* Size variant /\n size?: \"small\" \| \"medium\" \| \"large\";\n /* Whether to display modifier keys as symbols. When false, shows text labels like \"Shift\" instead of \"⇧\". Default: true /\n useSymbol?: boolean;\n /* Children to display as keyboard shortcuts */\n children?: React.ReactNode;\n}\n\nconst MODIFIER_KEYS = new Set([\n \"meta\",\n \"cmd\",\n \"command\",\n \"ctrl\",\n \"control\",\n \"shift\",\n \"alt\",\n \"option\",\n]);\n\nconst SYMBOL_MAP: Record<string, string> = {\n meta: \"⌘\",\n cmd: \"⌘\",\n command: \"⌘\",\n ctrl: \"⌃\",\n control: \"⌃\",\n shift: \"⇧\",\n alt: \"⌥\",\n option: \"⌥\",\n};\n\nconst TEXT_MAP: Record<string, string> = {\n meta: \"Cmd\",\n cmd: \"Cmd\",\n command: \"Cmd\",\n ctrl: \"Ctrl\",\n control: \"Ctrl\",\n shift: \"Shift\",\n alt: \"Alt\",\n option: \"Option\",\n};\n\nconst KEY_MAP: Record<string, string> = {\n enter: \"↵\",\n return: \"↵\",\n space: \"Space\",\n tab: \"⇥\",\n escape: \"Esc\",\n esc: \"Esc\",\n delete: \"⌫\",\n backspace: \"⌫\",\n arrowup: \"↑\",\n arrowdown: \"↓\",\n arrowleft: \"←\",\n arrowright: \"→\",\n up: \"↑\",\n down: \"↓\",\n left: \"←\",\n right: \"→\",\n};\n\nexport const KeyboardShortcut: React.FC<KeyboardShortcutProps> = ({\n keys,\n className,\n style,\n size = \"medium\",\n useSymbol = true,\n children,\n}) => {\n const cls = useCls();\n\n const formatKey = (key: string): string => {\n const lowerKey = key.toLowerCase();\n if (MODIFIER_KEYS.has(lowerKey)) {\n const map = useSymbol ? SYMBOL_MAP : TEXT_MAP;\n return map[lowerKey] \|\| key;\n }\n return KEY_MAP[lowerKey] \|\| key.toUpperCase();\n };\n\n // If children are provided, use them directly\n if (children) {\n return (\n <span\n className={clsx(\n cls(\"keyboard-shortcut\"),\n cls(`keyboard-shortcut-${size}`),\n className\n )}\n style={style}\n >\n <kbd className={cls(\"keyboard-shortcut-key\")}>\n {children}\n </kbd>\n </span>\n );\n }\n\n // If no keys provided, return null\n if (!keys \|\| keys.length === 0) {\n return null;\n }\n\n return (\n <span\n className={clsx(\n cls(\"keyboard-shortcut\"),\n cls(`keyboard-shortcut-${size}`),\n className\n )}\n style={style}\n >\n {keys.map((key, index) => (\n <React.Fragment key={index}>\n <kbd className={cls(\"keyboard-shortcut-key\")}>\n {formatKey(key)}\n </kbd>\n {index < keys.length - 1 && (\n <span className={cls(\"keyboard-shortcut-separator\")}>+</span>\n )}\n </React.Fragment>\n ))}\n </span>\n );\n};"],"names":["MODIFIER_KEYS","SYMBOL_MAP","TEXT_MAP","KEY_MAP","KeyboardShortcut","keys","className","style","size","useSymbol","children","cls","useCls","formatKey","key","lowerKey","jsx","clsx","index","jsxs","React"],"mappings":";;;;;AAmBA,MAAMA,wBAAoB,IAAI;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC,GAEKC,IAAqC;AAAA,EACzC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AAAA,EACP,KAAK;AAAA,EACL,QAAQ;AACV,GAEMC,IAAmC;AAAA,EACvC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AAAA,EACP,KAAK;AAAA,EACL,QAAQ;AACV,GAEMC,IAAkC;AAAA,EACtC,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,SAAS;AAAA,EACT,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AACT,GAEaC,IAAoD,CAAC;AAAA,EAChE,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC,IAAY;AAAA,EACZ,UAAAC;AACF,MAAM;AACJ,QAAMC,IAAMC,EAAA,GAENC,IAAY,CAACC,MAAwB;AACzC,UAAMC,IAAWD,EAAI,YAAA;AACrB,WAAId,EAAc,IAAIe,CAAQ,KAChBN,IAAYR,IAAaC,GAC1Ba,CAAQ,KAAKD,IAEnBX,EAAQY,CAAQ,KAAKD,EAAI,YAAA;AAAA,EAClC;AAGA,SAAIJ,IAEA,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTN,EAAI,mBAAmB;AAAA,QACvBA,EAAI,qBAAqBH,CAAI,EAAE;AAAA,QAC/BF;AAAA,MAAA;AAAA,MAEF,OAAAC;AAAA,MAEA,4BAAC,OAAA,EAAI,WAAWI,EAAI,uBAAuB,GACxC,UAAAD,EAAA,CACH;AAAA,IAAA;AAAA,EAAA,IAMF,CAACL,KAAQA,EAAK,WAAW,IACpB,OAIP,gBAAAW;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTN,EAAI,mBAAmB;AAAA,QACvBA,EAAI,qBAAqBH,CAAI,EAAE;AAAA,QAC/BF;AAAA,MAAA;AAAA,MAEF,OAAAC;AAAA,MAEC,UAAAF,EAAK,IAAI,CAACS,GAAKI,MACd,gBAAAC,EAACC,EAAM,UAAN,EACC,UAAA;AAAA,QAAA,gBAAAJ,EAAC,SAAI,WAAWL,EAAI,uBAAuB,GACxC,UAAAE,EAAUC,CAAG,GAChB;AAAA,QACCI,IAAQb,EAAK,SAAS,KACrB,gBAAAW,EAAC,UAAK,WAAWL,EAAI,6BAA6B,GAAG,UAAA,IAAA,CAAC;AAAA,MAAA,EAAA,GALrCO,CAOrB,CACD;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/modal/Modal.d.ts CHANGED Viewed

@@ -30,7 +30,7 @@ export interface ModalProps extends Omit<AntModalProps, "centered"> {
     hideCancelButton?: boolean;
     /**
      * Custom Content Padding
-     * @default "24px"
+     * @default "var(--ds-modal-padding)"
      */
     contentPadding?: number | string | boolean;
     /**

package/dist/components/modal/Modal.js CHANGED Viewed

@@ -75,7 +75,7 @@ const to = ({
       ...f,
       body: {
         ...typeof t < "u" ? {
-          "--ds-modal-content-padding": t === !1 || t === 0 ? "0" : typeof t == "number" ? `${t}px` : t
+          "--ds-modal-body-content-padding": t === !1 || t === 0 ? "0" : typeof t == "number" ? `${t}px` : t
         } : {},
         ...f?.body
       }
@@ -109,19 +109,19 @@ const to = ({
       ...T
     }),
     [T]
-  ), H = n(
+  ), b = n(
     () => ({
       ...N
     }),
     [N]
-  ), [He, V] = x(ne), b = typeof z > "u", be = b ? He : z, y = ke(
+  ), [be, V] = x(ne), H = typeof z > "u", He = H ? be : z, y = ke(
     (e) => {
       a || O?.(e);
     }
   ), X = n(
     () => ({
       okButtonProps: v,
-      cancelButtonProps: H,
+      cancelButtonProps: b,
       onCancel: y,
       onOk: u,
       okType: B,
@@ -131,7 +131,7 @@ const to = ({
     }),
     [
       v,
-      H,
+      b,
       u,
       B,
       a,
@@ -150,7 +150,7 @@ const to = ({
     xe,
     {
       closeIcon: !1,
-      open: be,
+      open: He,
       width: fe,
       style: ue,
       title: /* @__PURE__ */ i(Q, { children: [
@@ -185,12 +185,12 @@ const to = ({
       styles: pe,
       modalRender: (e) => /* @__PURE__ */ o("div", { ref: ve, className: r("modal-inner"), children: e }),
       okButtonProps: v,
-      cancelButtonProps: H,
+      cancelButtonProps: b,
       onOk: (e) => {
-        b && V(!1), u?.(e);
+        H && V(!1), u?.(e);
       },
       onCancel: (e) => {
-        a || (b && V(!1), O?.(e));
+        a || (H && V(!1), O?.(e));
       },
       okText: R,
       cancelText: E,

package/dist/components/modal/Modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Modal.js","sources":["../../../src/components/modal/Modal.tsx"],"sourcesContent":["\"use client\";\nimport {\n default as AntModal,\n type ModalProps as AntModalProps,\n} from \"antd/es/modal\";\nimport { XIcon } from \"@bioturing/assets\";\nimport React, {\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { useStableCallback } from \"@base-ui/utils/useStableCallback\";\nimport { clsx, useCls } from \"../utils\";\nimport { ModalContextProvider } from \"antd/es/modal/context\";\nimport NormalCancelBtn from \"antd/es/modal/components/NormalCancelBtn\";\nimport NormalOkBtn from \"antd/es/modal/components/NormalOkBtn\";\nimport { getConfirmLocale } from \"antd/es/modal/locale\";\nimport { useLocale } from \"antd/es/locale\";\nimport { IconButton } from \"../icon-button\";\nimport { ModalSize } from \"./constants\";\nimport { ModalType } from \"./functions\";\nimport { Truncate } from \"../truncate\";\nimport { Stack } from \"../stack\";\nimport { useTheme } from \"../theme-provider\";\nimport { Spin } from \"../spin\";\n\n// Define props interface extending Ant Design's ModalProps\nexport interface ModalProps extends Omit<AntModalProps, \"centered\"> {\n /*\n Predefined sizes for the modal\n * - xsmall: 400px\n * - small: 520px\n * - medium: 640px (default)\n * - large: 840px\n * - xlarge: 1024px\n * - fullscreen: 100vw (takes full screen width with margins)\n * @default \"medium\" for default type, \"xsmall\" for other types\n /\n size?:\n \| \"xsmall\"\n \| \"small\"\n \| \"medium\"\n \| \"large\"\n \| \"xlarge\"\n \| \"xxlarge\"\n \| \"fullscreen\";\n /\n Mark modal as loading\n * @default false\n /\n loading?: boolean;\n /\n Hide Ok button\n * @default false\n /\n hideOkButton?: boolean;\n /\n Hide Cancel button\n * @default false\n /\n hideCancelButton?: boolean;\n /\n Custom Content Padding\n * @default \"24px\"\n /\n contentPadding?: number \| string \| boolean;\n /\n Add more content below the title\n /\n afterTitle?: React.ReactNode;\n /\n Add more actions before close button\n /\n beforeCloseButton?: React.ReactNode;\n /\n Add more actions after close button\n /\n afterCloseButton?: React.ReactNode;\n /\n Set header and footer to fixed position\n * @default false\n /\n defaultFixedHeaderFooter?: boolean;\n /\n Centered Modal\n * @default true\n /\n centered?: boolean;\n /\n Modal type\n * @default \"default\"\n /\n type?: ModalType;\n /\n Default open state for uncontrolled modal\n * @default true\n /\n defaultOpen?: boolean;\n /\n Modal background\n * @default \"elevated\" if size smaller than \"medium\", otherwise \"container\"\n /\n background?: \"elevated\" \| \"container\";\n /\n Modal old close callback\n * @deprecated use onCancel instead\n /\n onClose?: () => void;\n /\n Make modal body scrollable\n * @default true\n */\n bodyScrollable?: boolean;\n}\n\n// Create Modal component\nexport const Modal = ({\n open: externalOpen,\n closeIcon,\n children,\n size: sizeProp,\n footer,\n width,\n style,\n styles,\n classNames,\n okButtonProps,\n cancelButtonProps,\n loading,\n onOk,\n onCancel,\n okText,\n okType = \"primary\",\n confirmLoading,\n cancelText = \"Close\",\n hideOkButton = false,\n hideCancelButton = false,\n contentPadding,\n title,\n afterTitle,\n beforeCloseButton,\n afterCloseButton,\n defaultFixedHeaderFooter = false,\n centered = true,\n type = \"default\",\n defaultOpen = true,\n background: backgroundProp,\n bodyScrollable = true,\n rootClassName,\n ...rest\n}: ModalProps) => {\n // Default close icon with Phosphor icon\n const defaultCloseIcon =\n closeIcon === undefined ? <XIcon size={16} weight=\"bold\" /> : closeIcon;\n\n // Use custom width if provided, otherwise use the size from the map\n const defaultModalSize = type === \"default\" ? \"medium\" : \"xsmall\";\n\n const size: keyof typeof ModalSize = sizeProp \|\| defaultModalSize;\n const modalWidth = width \|\| ModalSize[size];\n\n const [sizeTracking, setSizeTracking] = useState<{\n headerHeight: number \| undefined;\n footerHeight: number \| undefined;\n }>({\n headerHeight: undefined,\n footerHeight: undefined,\n });\n\n const background =\n backgroundProp \|\|\n (size &&\n size in ModalSize &&\n parseInt(ModalSize[size]) <= parseInt(ModalSize.medium)\n ? \"elevated\"\n : \"container\");\n\n // Memoize modal styles to prevent recreating on every render\n const modalStyle = useMemo(\n () =>\n ({\n \"--ds-modal-bg\": `var(--ds-color-bg-${background})`,\n \"--ds-modal-header-height\": sizeTracking.headerHeight\n ? `${sizeTracking.headerHeight}px`\n : undefined,\n \"--ds-modal-footer-height\": sizeTracking.footerHeight\n ? `${sizeTracking.footerHeight}px`\n : undefined,\n ...style,\n ...(size === \"fullscreen\"\n ? { top: 0, maxWidth: \"100%\", height: \"100%\" }\n : {}),\n }) as React.CSSProperties,\n [\n background,\n style,\n size,\n sizeTracking.headerHeight,\n sizeTracking.footerHeight,\n ],\n );\n\n const modalStyles = useMemo(\n () => ({\n ...styles,\n body: {\n ...((typeof contentPadding != \"undefined\"\n ? {\n \"--ds-modal-content-padding\":\n contentPadding === false \|\| contentPadding === 0\n ? \"0\"\n : typeof contentPadding == \"number\"\n ? `${contentPadding}px`\n : contentPadding,\n }\n : {}) as React.CSSProperties),\n ...styles?.body,\n },\n }),\n [styles, contentPadding],\n );\n\n const [isContentOverflow, setIsContentOverflow] = useState(false);\n\n const cls = useCls();\n\n const { className: themeClassName } = useTheme();\n\n const resizeObserverRef = useRef<ResizeObserver \| null>(null);\n\n const modalInnerRef = useCallback(\n (node: HTMLElement \| null) => {\n // If the node is null (component unmounting), just return\n if (!node) return;\n\n const modalBody = node.querySelector(\".\" + cls(\"modal-body\"));\n if (!(modalBody instanceof HTMLElement)) return;\n\n const modalHeader = node.querySelector(\".\" + cls(\"modal-header\"));\n const modalFooter = node.querySelector(\".\" + cls(\"modal-footer\"));\n\n const resizeObserverHandler = () => {\n const hasOverflow = modalBody.scrollHeight > modalBody.clientHeight;\n setIsContentOverflow(hasOverflow);\n if (modalHeader instanceof HTMLElement) {\n setSizeTracking((prev) => ({\n ...prev,\n headerHeight: modalHeader.offsetHeight,\n }));\n }\n if (modalFooter instanceof HTMLElement) {\n setSizeTracking((prev) => ({\n ...prev,\n footerHeight: modalFooter.offsetHeight,\n }));\n }\n };\n\n // Create ResizeObserver to detect overflow\n const resizeObserver = new ResizeObserver(resizeObserverHandler);\n\n // Store reference to the observer\n resizeObserverRef.current = resizeObserver;\n\n // Start observing\n resizeObserver.observe(modalBody);\n\n // Initial check\n resizeObserverHandler();\n },\n [cls],\n );\n\n // clean up resize observer\n useEffect(() => {\n return () => {\n if (resizeObserverRef.current) {\n resizeObserverRef.current.disconnect();\n resizeObserverRef.current = null;\n }\n };\n }, []);\n\n const [locale] = useLocale(\"Modal\", getConfirmLocale());\n\n const okTextLocale: React.ReactNode = okText \|\| locale?.okText;\n const cancelTextLocale = cancelText \|\| locale?.cancelText;\n\n const modalOkButtonProps = useMemo(\n () => ({\n // loading: typeof confirmLoading === \"boolean\" ? confirmLoading : loading,\n ...okButtonProps,\n }),\n [okButtonProps],\n );\n\n const modalCancelButtonProps = useMemo(\n () => ({\n ...cancelButtonProps,\n }),\n [cancelButtonProps],\n );\n\n const [internalOpen, setInternalOpen] = useState(defaultOpen);\n\n const uncontrolledOpen = typeof externalOpen === \"undefined\";\n\n const open = uncontrolledOpen ? internalOpen : externalOpen;\n\n const handleCancel = useStableCallback(\n (e: React.MouseEvent<HTMLButtonElement>) => {\n if (confirmLoading) {\n return;\n }\n onCancel?.(e);\n },\n );\n\n const modalContextValue = useMemo(\n () => ({\n okButtonProps: modalOkButtonProps,\n cancelButtonProps: modalCancelButtonProps,\n onCancel: handleCancel,\n onOk,\n okType,\n confirmLoading,\n okTextLocale,\n cancelTextLocale,\n }),\n [\n modalOkButtonProps,\n modalCancelButtonProps,\n onOk,\n okType,\n confirmLoading,\n okTextLocale,\n cancelTextLocale,\n handleCancel,\n ],\n );\n\n const defaultFooter = useMemo(\n () => (\n <ModalContextProvider value={modalContextValue}>\n {hideOkButton ? (\n <NormalCancelBtn />\n ) : hideCancelButton ? (\n <NormalOkBtn />\n ) : (\n <>\n <NormalCancelBtn />\n <NormalOkBtn />\n </>\n )}\n </ModalContextProvider>\n ),\n [modalContextValue, hideOkButton, hideCancelButton],\n );\n\n const renderTitle = () => {\n return (\n <>\n <Stack align=\"center\" gap={8} className={cls(\"modal-title-wrapper\")}>\n <Stack.Child grow>\n {typeof title === \"string\" ? <Truncate>{title}</Truncate> : title}\n </Stack.Child>\n <Stack.Child stack hug align=\"center\" gap={8}>\n {beforeCloseButton}\n <IconButton\n onClick={(e: React.MouseEvent<HTMLButtonElement>) =>\n handleCancel(e)\n }\n >\n {defaultCloseIcon}\n </IconButton>\n {afterCloseButton}\n </Stack.Child>\n {}\n </Stack>\n {afterTitle ? afterTitle : null}\n </>\n );\n };\n return (\n <AntModal\n closeIcon={false}\n open={open}\n width={modalWidth}\n style={modalStyle}\n title={renderTitle()}\n rootClassName={clsx(themeClassName, rootClassName)}\n classNames={{\n ...classNames,\n wrapper: cls(\n \"modal-wrap\",\n size == \"fullscreen\" && \"modal-fullscreen\",\n isContentOverflow && \"modal-content-overflow\",\n bodyScrollable === false && \"modal-no-body-scroll\",\n loading && \"modal-loading\",\n defaultFixedHeaderFooter \|\| isContentOverflow \|\| size == \"fullscreen\"\n ? \"modal-fixed\"\n : \"\",\n ),\n }}\n styles={modalStyles}\n modalRender={(modal) => (\n <div ref={modalInnerRef} className={cls(\"modal-inner\")}>\n {modal}\n </div>\n )}\n okButtonProps={modalOkButtonProps}\n cancelButtonProps={modalCancelButtonProps}\n onOk={(e) => {\n if (uncontrolledOpen) setInternalOpen(false);\n onOk?.(e);\n }}\n onCancel={(e) => {\n if (confirmLoading) return;\n if (uncontrolledOpen) setInternalOpen(false);\n onCancel?.(e);\n }}\n okText={okText}\n cancelText={cancelText}\n okType=\"primary\"\n confirmLoading={confirmLoading}\n footer={\n typeof footer === \"undefined\"\n ? hideOkButton && hideCancelButton\n ? null\n : defaultFooter\n : footer\n }\n centered={centered}\n {...rest}\n >\n {children}\n {loading ? (\n <div className={cls(\"modal-loading-overlay\")}>\n <Spin />\n </div>\n ) : null}\n </AntModal>\n );\n};\n"],"names":["Modal","externalOpen","closeIcon","children","sizeProp","footer","width","style","styles","classNames","okButtonProps","cancelButtonProps","loading","onOk","onCancel","okText","okType","confirmLoading","cancelText","hideOkButton","hideCancelButton","contentPadding","title","afterTitle","beforeCloseButton","afterCloseButton","defaultFixedHeaderFooter","centered","type","defaultOpen","backgroundProp","bodyScrollable","rootClassName","rest","defaultCloseIcon","jsx","XIcon","size","modalWidth","ModalSize","sizeTracking","setSizeTracking","useState","background","modalStyle","useMemo","modalStyles","isContentOverflow","setIsContentOverflow","cls","useCls","themeClassName","useTheme","resizeObserverRef","useRef","modalInnerRef","useCallback","node","modalBody","modalHeader","modalFooter","resizeObserverHandler","hasOverflow","prev","resizeObserver","useEffect","locale","useLocale","getConfirmLocale","okTextLocale","cancelTextLocale","modalOkButtonProps","modalCancelButtonProps","internalOpen","setInternalOpen","uncontrolledOpen","open","handleCancel","useStableCallback","modalContextValue","defaultFooter","ModalContextProvider","NormalCancelBtn","NormalOkBtn","jsxs","Fragment","AntModal","Stack","Truncate","IconButton","clsx","modal","Spin"],"mappings":"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"}
1	+ {"version":3,"file":"Modal.js","sources":["../../../src/components/modal/Modal.tsx"],"sourcesContent":["\"use client\";\nimport {\n default as AntModal,\n type ModalProps as AntModalProps,\n} from \"antd/es/modal\";\nimport { XIcon } from \"@bioturing/assets\";\nimport React, {\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { useStableCallback } from \"@base-ui/utils/useStableCallback\";\nimport { clsx, useCls } from \"../utils\";\nimport { ModalContextProvider } from \"antd/es/modal/context\";\nimport NormalCancelBtn from \"antd/es/modal/components/NormalCancelBtn\";\nimport NormalOkBtn from \"antd/es/modal/components/NormalOkBtn\";\nimport { getConfirmLocale } from \"antd/es/modal/locale\";\nimport { useLocale } from \"antd/es/locale\";\nimport { IconButton } from \"../icon-button\";\nimport { ModalSize } from \"./constants\";\nimport { ModalType } from \"./functions\";\nimport { Truncate } from \"../truncate\";\nimport { Stack } from \"../stack\";\nimport { useTheme } from \"../theme-provider\";\nimport { Spin } from \"../spin\";\n\n// Define props interface extending Ant Design's ModalProps\nexport interface ModalProps extends Omit<AntModalProps, \"centered\"> {\n /*\n Predefined sizes for the modal\n * - xsmall: 400px\n * - small: 520px\n * - medium: 640px (default)\n * - large: 840px\n * - xlarge: 1024px\n * - fullscreen: 100vw (takes full screen width with margins)\n * @default \"medium\" for default type, \"xsmall\" for other types\n /\n size?:\n \| \"xsmall\"\n \| \"small\"\n \| \"medium\"\n \| \"large\"\n \| \"xlarge\"\n \| \"xxlarge\"\n \| \"fullscreen\";\n /\n Mark modal as loading\n * @default false\n /\n loading?: boolean;\n /\n Hide Ok button\n * @default false\n /\n hideOkButton?: boolean;\n /\n Hide Cancel button\n * @default false\n /\n hideCancelButton?: boolean;\n /\n Custom Content Padding\n * @default \"var(--ds-modal-padding)\"\n /\n contentPadding?: number \| string \| boolean;\n /\n Add more content below the title\n /\n afterTitle?: React.ReactNode;\n /\n Add more actions before close button\n /\n beforeCloseButton?: React.ReactNode;\n /\n Add more actions after close button\n /\n afterCloseButton?: React.ReactNode;\n /\n Set header and footer to fixed position\n * @default false\n /\n defaultFixedHeaderFooter?: boolean;\n /\n Centered Modal\n * @default true\n /\n centered?: boolean;\n /\n Modal type\n * @default \"default\"\n /\n type?: ModalType;\n /\n Default open state for uncontrolled modal\n * @default true\n /\n defaultOpen?: boolean;\n /\n Modal background\n * @default \"elevated\" if size smaller than \"medium\", otherwise \"container\"\n /\n background?: \"elevated\" \| \"container\";\n /\n Modal old close callback\n * @deprecated use onCancel instead\n /\n onClose?: () => void;\n /\n Make modal body scrollable\n * @default true\n */\n bodyScrollable?: boolean;\n}\n\n// Create Modal component\nexport const Modal = ({\n open: externalOpen,\n closeIcon,\n children,\n size: sizeProp,\n footer,\n width,\n style,\n styles,\n classNames,\n okButtonProps,\n cancelButtonProps,\n loading,\n onOk,\n onCancel,\n okText,\n okType = \"primary\",\n confirmLoading,\n cancelText = \"Close\",\n hideOkButton = false,\n hideCancelButton = false,\n contentPadding,\n title,\n afterTitle,\n beforeCloseButton,\n afterCloseButton,\n defaultFixedHeaderFooter = false,\n centered = true,\n type = \"default\",\n defaultOpen = true,\n background: backgroundProp,\n bodyScrollable = true,\n rootClassName,\n ...rest\n}: ModalProps) => {\n // Default close icon with Phosphor icon\n const defaultCloseIcon =\n closeIcon === undefined ? <XIcon size={16} weight=\"bold\" /> : closeIcon;\n\n // Use custom width if provided, otherwise use the size from the map\n const defaultModalSize = type === \"default\" ? \"medium\" : \"xsmall\";\n\n const size: keyof typeof ModalSize = sizeProp \|\| defaultModalSize;\n const modalWidth = width \|\| ModalSize[size];\n\n const [sizeTracking, setSizeTracking] = useState<{\n headerHeight: number \| undefined;\n footerHeight: number \| undefined;\n }>({\n headerHeight: undefined,\n footerHeight: undefined,\n });\n\n const background =\n backgroundProp \|\|\n (size &&\n size in ModalSize &&\n parseInt(ModalSize[size]) <= parseInt(ModalSize.medium)\n ? \"elevated\"\n : \"container\");\n\n // Memoize modal styles to prevent recreating on every render\n const modalStyle = useMemo(\n () =>\n ({\n \"--ds-modal-bg\": `var(--ds-color-bg-${background})`,\n \"--ds-modal-header-height\": sizeTracking.headerHeight\n ? `${sizeTracking.headerHeight}px`\n : undefined,\n \"--ds-modal-footer-height\": sizeTracking.footerHeight\n ? `${sizeTracking.footerHeight}px`\n : undefined,\n ...style,\n ...(size === \"fullscreen\"\n ? { top: 0, maxWidth: \"100%\", height: \"100%\" }\n : {}),\n }) as React.CSSProperties,\n [\n background,\n style,\n size,\n sizeTracking.headerHeight,\n sizeTracking.footerHeight,\n ],\n );\n\n const modalStyles = useMemo(\n () => ({\n ...styles,\n body: {\n ...((typeof contentPadding != \"undefined\"\n ? {\n \"--ds-modal-body-content-padding\":\n contentPadding === false \|\| contentPadding === 0\n ? \"0\"\n : typeof contentPadding == \"number\"\n ? `${contentPadding}px`\n : contentPadding,\n }\n : {}) as React.CSSProperties),\n ...styles?.body,\n },\n }),\n [styles, contentPadding],\n );\n\n const [isContentOverflow, setIsContentOverflow] = useState(false);\n\n const cls = useCls();\n\n const { className: themeClassName } = useTheme();\n\n const resizeObserverRef = useRef<ResizeObserver \| null>(null);\n\n const modalInnerRef = useCallback(\n (node: HTMLElement \| null) => {\n // If the node is null (component unmounting), just return\n if (!node) return;\n\n const modalBody = node.querySelector(\".\" + cls(\"modal-body\"));\n if (!(modalBody instanceof HTMLElement)) return;\n\n const modalHeader = node.querySelector(\".\" + cls(\"modal-header\"));\n const modalFooter = node.querySelector(\".\" + cls(\"modal-footer\"));\n\n const resizeObserverHandler = () => {\n const hasOverflow = modalBody.scrollHeight > modalBody.clientHeight;\n setIsContentOverflow(hasOverflow);\n if (modalHeader instanceof HTMLElement) {\n setSizeTracking((prev) => ({\n ...prev,\n headerHeight: modalHeader.offsetHeight,\n }));\n }\n if (modalFooter instanceof HTMLElement) {\n setSizeTracking((prev) => ({\n ...prev,\n footerHeight: modalFooter.offsetHeight,\n }));\n }\n };\n\n // Create ResizeObserver to detect overflow\n const resizeObserver = new ResizeObserver(resizeObserverHandler);\n\n // Store reference to the observer\n resizeObserverRef.current = resizeObserver;\n\n // Start observing\n resizeObserver.observe(modalBody);\n\n // Initial check\n resizeObserverHandler();\n },\n [cls],\n );\n\n // clean up resize observer\n useEffect(() => {\n return () => {\n if (resizeObserverRef.current) {\n resizeObserverRef.current.disconnect();\n resizeObserverRef.current = null;\n }\n };\n }, []);\n\n const [locale] = useLocale(\"Modal\", getConfirmLocale());\n\n const okTextLocale: React.ReactNode = okText \|\| locale?.okText;\n const cancelTextLocale = cancelText \|\| locale?.cancelText;\n\n const modalOkButtonProps = useMemo(\n () => ({\n // loading: typeof confirmLoading === \"boolean\" ? confirmLoading : loading,\n ...okButtonProps,\n }),\n [okButtonProps],\n );\n\n const modalCancelButtonProps = useMemo(\n () => ({\n ...cancelButtonProps,\n }),\n [cancelButtonProps],\n );\n\n const [internalOpen, setInternalOpen] = useState(defaultOpen);\n\n const uncontrolledOpen = typeof externalOpen === \"undefined\";\n\n const open = uncontrolledOpen ? internalOpen : externalOpen;\n\n const handleCancel = useStableCallback(\n (e: React.MouseEvent<HTMLButtonElement>) => {\n if (confirmLoading) {\n return;\n }\n onCancel?.(e);\n },\n );\n\n const modalContextValue = useMemo(\n () => ({\n okButtonProps: modalOkButtonProps,\n cancelButtonProps: modalCancelButtonProps,\n onCancel: handleCancel,\n onOk,\n okType,\n confirmLoading,\n okTextLocale,\n cancelTextLocale,\n }),\n [\n modalOkButtonProps,\n modalCancelButtonProps,\n onOk,\n okType,\n confirmLoading,\n okTextLocale,\n cancelTextLocale,\n handleCancel,\n ],\n );\n\n const defaultFooter = useMemo(\n () => (\n <ModalContextProvider value={modalContextValue}>\n {hideOkButton ? (\n <NormalCancelBtn />\n ) : hideCancelButton ? (\n <NormalOkBtn />\n ) : (\n <>\n <NormalCancelBtn />\n <NormalOkBtn />\n </>\n )}\n </ModalContextProvider>\n ),\n [modalContextValue, hideOkButton, hideCancelButton],\n );\n\n const renderTitle = () => {\n return (\n <>\n <Stack align=\"center\" gap={8} className={cls(\"modal-title-wrapper\")}>\n <Stack.Child grow>\n {typeof title === \"string\" ? <Truncate>{title}</Truncate> : title}\n </Stack.Child>\n <Stack.Child stack hug align=\"center\" gap={8}>\n {beforeCloseButton}\n <IconButton\n onClick={(e: React.MouseEvent<HTMLButtonElement>) =>\n handleCancel(e)\n }\n >\n {defaultCloseIcon}\n </IconButton>\n {afterCloseButton}\n </Stack.Child>\n {}\n </Stack>\n {afterTitle ? afterTitle : null}\n </>\n );\n };\n return (\n <AntModal\n closeIcon={false}\n open={open}\n width={modalWidth}\n style={modalStyle}\n title={renderTitle()}\n rootClassName={clsx(themeClassName, rootClassName)}\n classNames={{\n ...classNames,\n wrapper: cls(\n \"modal-wrap\",\n size == \"fullscreen\" && \"modal-fullscreen\",\n isContentOverflow && \"modal-content-overflow\",\n bodyScrollable === false && \"modal-no-body-scroll\",\n loading && \"modal-loading\",\n defaultFixedHeaderFooter \|\| isContentOverflow \|\| size == \"fullscreen\"\n ? \"modal-fixed\"\n : \"\",\n ),\n }}\n styles={modalStyles}\n modalRender={(modal) => (\n <div ref={modalInnerRef} className={cls(\"modal-inner\")}>\n {modal}\n </div>\n )}\n okButtonProps={modalOkButtonProps}\n cancelButtonProps={modalCancelButtonProps}\n onOk={(e) => {\n if (uncontrolledOpen) setInternalOpen(false);\n onOk?.(e);\n }}\n onCancel={(e) => {\n if (confirmLoading) return;\n if (uncontrolledOpen) setInternalOpen(false);\n onCancel?.(e);\n }}\n okText={okText}\n cancelText={cancelText}\n okType=\"primary\"\n confirmLoading={confirmLoading}\n footer={\n typeof footer === \"undefined\"\n ? hideOkButton && hideCancelButton\n ? null\n : defaultFooter\n : footer\n }\n centered={centered}\n {...rest}\n >\n {children}\n {loading ? (\n <div className={cls(\"modal-loading-overlay\")}>\n <Spin />\n </div>\n ) : null}\n </AntModal>\n );\n};\n"],"names":["Modal","externalOpen","closeIcon","children","sizeProp","footer","width","style","styles","classNames","okButtonProps","cancelButtonProps","loading","onOk","onCancel","okText","okType","confirmLoading","cancelText","hideOkButton","hideCancelButton","contentPadding","title","afterTitle","beforeCloseButton","afterCloseButton","defaultFixedHeaderFooter","centered","type","defaultOpen","backgroundProp","bodyScrollable","rootClassName","rest","defaultCloseIcon","jsx","XIcon","size","modalWidth","ModalSize","sizeTracking","setSizeTracking","useState","background","modalStyle","useMemo","modalStyles","isContentOverflow","setIsContentOverflow","cls","useCls","themeClassName","useTheme","resizeObserverRef","useRef","modalInnerRef","useCallback","node","modalBody","modalHeader","modalFooter","resizeObserverHandler","hasOverflow","prev","resizeObserver","useEffect","locale","useLocale","getConfirmLocale","okTextLocale","cancelTextLocale","modalOkButtonProps","modalCancelButtonProps","internalOpen","setInternalOpen","uncontrolledOpen","open","handleCancel","useStableCallback","modalContextValue","defaultFooter","ModalContextProvider","NormalCancelBtn","NormalOkBtn","jsxs","Fragment","AntModal","Stack","Truncate","IconButton","clsx","modal","Spin"],"mappings":"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"}