pixel-react 1.4.9 → 1.5.0

package/lib/index.js

@@ -822,7 +822,7 @@ const Icon = /*#__PURE__*/React.forwardRef(({
   });
 });
 
-var css_248z$16 = "@font-face {\n  font-family: \"Poppins\";\n  font-weight: 400;\n  src: local(\"Poppins-Regular\"), url(../../fonts/Poppins/Poppins-Regular.woff2) format(\"woff2\");\n}\n@font-face {\n  font-family: \"Poppins\";\n  font-weight: 500;\n  src: local(\"Poppins-Medium\"), url(../../fonts/Poppins/Poppins-Medium.woff2) format(\"woff2\");\n}\n@font-face {\n  font-family: \"Poppins\";\n  font-weight: 600;\n  src: local(\"Poppins-SemiBold\"), url(../../fonts/Poppins/Poppins-SemiBold.woff2) format(\"woff2\");\n}\n@font-face {\n  font-family: \"Poppins\";\n  font-weight: 700;\n  src: local(\"Poppins-Bold\"), url(../../fonts/Poppins/Poppins-Bold.woff2) format(\"woff2\");\n}\n.ff-text {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n.ff-text--regular {\n  font-weight: 400;\n}\n.ff-text--medium {\n  font-weight: 500;\n}\n.ff-text--semi-bold {\n  font-weight: 600;\n}\n.ff-text--bold {\n  font-weight: 700;\n}\n.ff-text .required-asterisk {\n  color: var(--input-error-text-color);\n  padding-right: 4px;\n}";
+var css_248z$16 = "@font-face {\n  font-family: \"Poppins\";\n  font-weight: 400;\n  src: local(\"Poppins-Regular\"), url(../../assets/fonts/Poppins-Regular.woff2) format(\"woff2\");\n}\n@font-face {\n  font-family: \"Poppins\";\n  font-weight: 500;\n  src: local(\"Poppins-Medium\"), url(../../assets/fonts/Poppins-Medium.woff2) format(\"woff2\");\n}\n@font-face {\n  font-family: \"Poppins\";\n  font-weight: 600;\n  src: local(\"Poppins-SemiBold\"), url(../../assets/fonts/Poppins-SemiBold.woff2) format(\"woff2\");\n}\n@font-face {\n  font-family: \"Poppins\";\n  font-weight: 700;\n  src: local(\"Poppins-Bold\"), url(../../assets/fonts/Poppins-Bold.woff2) format(\"woff2\");\n}\n.ff-text {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n.ff-text--regular {\n  font-weight: 400;\n}\n.ff-text--medium {\n  font-weight: 500;\n}\n.ff-text--semi-bold {\n  font-weight: 600;\n}\n.ff-text--bold {\n  font-weight: 700;\n}\n.ff-text .required-asterisk {\n  color: var(--input-error-text-color);\n  padding-right: 4px;\n}";
 styleInject(css_248z$16);
 
 const Typography = ({
@@ -7441,7 +7441,7 @@ function createFormControl(props = {}) {
         timer = setTimeout(callback, wait);
     };
     const _updateValid = async (shouldUpdateValid) => {
-        if (!props.disabled && (_proxyFormState.isValid || shouldUpdateValid)) {
+        if (!_options.disabled && (_proxyFormState.isValid || shouldUpdateValid)) {
             const isValid = _options.resolver
                 ? isEmptyObject((await _executeSchema()).errors)
                 : await executeBuiltInValidation(_fields, true);
@@ -7453,7 +7453,7 @@ function createFormControl(props = {}) {
         }
     };
     const _updateIsValidating = (names, isValidating) => {
-        if (!props.disabled &&
+        if (!_options.disabled &&
             (_proxyFormState.isValidating || _proxyFormState.validatingFields)) {
             (names || Array.from(_names.mount)).forEach((name) => {
                 if (name) {
@@ -7469,7 +7469,7 @@ function createFormControl(props = {}) {
         }
     };
     const _updateFieldArray = (name, values = [], method, args, shouldSetValues = true, shouldUpdateFieldsAndState = true) => {
-        if (args && method && !props.disabled) {
+        if (args && method && !_options.disabled) {
             _state.action = true;
             if (shouldUpdateFieldsAndState && Array.isArray(get$1(_fields, name))) {
                 const fieldValues = method(get$1(_fields, name), args.argA, args.argB);
@@ -7533,7 +7533,7 @@ function createFormControl(props = {}) {
         const output = {
             name,
         };
-        if (!props.disabled) {
+        if (!_options.disabled) {
             const disabledField = !!(get$1(_fields, name) &&
                 get$1(_fields, name)._f &&
                 get$1(_fields, name)._f.disabled);
@@ -7669,7 +7669,7 @@ function createFormControl(props = {}) {
         }
         _names.unMount = new Set();
     };
-    const _getDirty = (name, data) => !props.disabled &&
+    const _getDirty = (name, data) => !_options.disabled &&
         (name && data && set$1(_formValues, name, data),
             !deepEqual(getValues(), _defaultValues));
     const _getWatch = (names, defaultValue, isGlobal) => generateWatchOutput(names, _names, {
@@ -7985,7 +7985,7 @@ function createFormControl(props = {}) {
     };
     const register = (name, options = {}) => {
         let field = get$1(_fields, name);
-        const disabledIsDefined = isBoolean(options.disabled) || isBoolean(props.disabled);
+        const disabledIsDefined = isBoolean(options.disabled) || isBoolean(_options.disabled);
         set$1(_fields, name, {
             ...(field || {}),
             _f: {
@@ -8001,7 +8001,7 @@ function createFormControl(props = {}) {
                 field,
                 disabled: isBoolean(options.disabled)
                     ? options.disabled
-                    : props.disabled,
+                    : _options.disabled,
                 name,
                 value: options.value,
             });
@@ -8011,7 +8011,7 @@ function createFormControl(props = {}) {
         }
         return {
             ...(disabledIsDefined
-                ? { disabled: options.disabled || props.disabled }
+                ? { disabled: options.disabled || _options.disabled }
                 : {}),
             ...(_options.progressive
                 ? {
@@ -8095,6 +8095,12 @@ function createFormControl(props = {}) {
             e.preventDefault && e.preventDefault();
             e.persist && e.persist();
         }
+        if (_options.disabled) {
+            if (onInvalid) {
+                await onInvalid({ ..._formState.errors }, e);
+            }
+            return;
+        }
         let fieldValues = cloneObject(_formValues);
         _subjects.state.next({
             isSubmitting: true,
@@ -8273,7 +8279,9 @@ function createFormControl(props = {}) {
                 : fieldReference.ref;
             if (fieldRef.focus) {
                 fieldRef.focus();
-                options.shouldSelect && fieldRef.select();
+                options.shouldSelect &&
+                    isFunction$1(fieldRef.select) &&
+                    fieldRef.select();
             }
         }
     };
@@ -8474,11 +8482,6 @@ function useForm(props = {}) {
                 values: control._getWatch(),
             });
     }, [props.shouldUnregister, control]);
-    React.useEffect(() => {
-        if (_formControl.current) {
-            _formControl.current.watch = _formControl.current.watch.bind({});
-        }
-    }, [formState]);
     _formControl.current.formState = getProxyFormState(formState, control);
     return _formControl.current;
 }