@pnkx-lib/ui 1.9.273 → 1.9.274

package/es/chunks/{index.esm-o4O8pXMN.js → index.esm-dryjkTpj.js}

@@ -163,6 +163,40 @@ const HookFormContext = React__default.createContext(null);
  * ```
  */
 const useFormContext = () => React__default.useContext(HookFormContext);
+/**
+ * A provider component that propagates the `useForm` methods to all children components via [React Context](https://reactjs.org/docs/context.html) API. To be used with {@link useFormContext}.
+ *
+ * @remarks
+ * [API](https://react-hook-form.com/docs/useformcontext) • [Demo](https://codesandbox.io/s/react-hook-form-v7-form-context-ytudi)
+ *
+ * @param props - all useForm methods
+ *
+ * @example
+ * ```tsx
+ * function App() {
+ *   const methods = useForm();
+ *   const onSubmit = data => console.log(data);
+ *
+ *   return (
+ *     <FormProvider {...methods} >
+ *       <form onSubmit={methods.handleSubmit(onSubmit)}>
+ *         <NestedInput />
+ *         <input type="submit" />
+ *       </form>
+ *     </FormProvider>
+ *   );
+ * }
+ *
+ *  function NestedInput() {
+ *   const { register } = useFormContext(); // retrieve all hook methods
+ *   return <input {...register("test")} />;
+ * }
+ * ```
+ */
+const FormProvider = (props) => {
+    const { children, ...data } = props;
+    return (React__default.createElement(HookFormContext.Provider, { value: data }, children));
+};
 
 var getProxyFormState = (formState, control, localProxyFormState, isRoot = true) => {
     const result = {
@@ -2263,4 +2297,4 @@ function useForm(props = {}) {
     return _formControl.current;
 }
 
-export { Controller as C, useForm as u };
+export { Controller as C, FormProvider as F, useForm as u };

package/es/fields/PnkxField.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import * as React from 'react';
-import { C as Controller } from '../chunks/index.esm-o4O8pXMN.js';
+import { C as Controller } from '../chunks/index.esm-dryjkTpj.js';
 
 class PnkxField extends React.PureComponent {
   render() {

package/es/ui/SearchFilterForm.js

@@ -1,5 +1,5 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { u as useForm } from '../chunks/index.esm-o4O8pXMN.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { u as useForm, F as FormProvider } from '../chunks/index.esm-dryjkTpj.js';
 import { Button } from './Button.js';
 import { I as Icon, _ as _extends } from '../chunks/AntdIcon-ZIq9SabE.js';
 import * as React from 'react';
@@ -46,10 +46,11 @@ const SearchFiltersForm = ({
   hideDefaultSubmit,
   hideResetButton
 }) => {
-  const { control, handleSubmit, reset, setValue } = useForm({
+  const methods = useForm({
     defaultValues: initialValues
   });
-  return /* @__PURE__ */ jsxs("form", { className: classNameWrapperForm, onSubmit: handleSubmit(onSubmit), children: [
+  const { control, handleSubmit, reset, setValue } = methods;
+  return /* @__PURE__ */ jsx(FormProvider, { ...methods, children: /* @__PURE__ */ jsxs("form", { className: classNameWrapperForm, onSubmit: handleSubmit(onSubmit), children: [
     /* @__PURE__ */ jsx("div", { className: classNamesContainer, children: renderFilterFields && renderFilterFields({
       control,
       setValue,
@@ -81,7 +82,7 @@ const SearchFiltersForm = ({
         }
       )
     ] })
-  ] });
+  ] }) });
 };
 
 export { SearchFiltersForm };

package/es/ui/UploadImage.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { C as Controller } from '../chunks/index.esm-o4O8pXMN.js';
+import { C as Controller } from '../chunks/index.esm-dryjkTpj.js';
 import { UploadComponent } from './UploadComponent.js';
 
 const UploadImage = ({

package/es/ui/UploadMultiple.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
 import { useState } from 'react';
 import { Spin, Upload, message } from 'antd';
-import { C as Controller } from '../chunks/index.esm-o4O8pXMN.js';
+import { C as Controller } from '../chunks/index.esm-dryjkTpj.js';
 import { I as Icon, _ as _extends } from '../chunks/AntdIcon-ZIq9SabE.js';
 
 // This icon file is generated automatically.

package/es/ui/index.js

@@ -6,7 +6,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React__default, { useLayoutEffect, useEffect, useRef, useMemo, useCallback, useState, memo, useReducer, createContext, useContext } from 'react';
 import { Select, Input, Pagination, Table as Table$1 } from 'antd';
 import { Modal } from './Modal.js';
-import { u as useForm } from '../chunks/index.esm-o4O8pXMN.js';
+import { u as useForm } from '../chunks/index.esm-dryjkTpj.js';
 import { PnkxField } from '../fields/PnkxField.js';
 import { Checkbox } from '../fields/Checkbox.js';
 import { unstable_batchedUpdates, createPortal } from 'react-dom';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnkx-lib/ui",
   "private": false,
-  "version": "1.9.273",
+  "version": "1.9.274",
   "type": "module",
   "main": "./es/index.js",
   "module": "./es/index.js",
@@ -122,6 +122,7 @@
     "antd": "^5.24.4",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
+    "react-hook-form": "^7.54.2",
     "react-router": "^7.6.0",
     "tailwindcss": "^4.0.17"
   },
@@ -145,8 +146,6 @@
     "date-fns": "^4.1.0",
     "lodash": "^4.17.21",
     "react-datepicker": "^4.16.0",
-    "react-hook-form": "^7.54.2",
-    "react-number-format": "^5.4.3",
     "tailwind-merge": "^3.3.0",
     "yup": "^1.6.1",
     "zustand": "^5.0.3"