@wix/patterns-fields 1.72.0 → 1.74.0

package/dist/esm/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"rich-content-editor.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,4BAA4B,CAAC;AAC/C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,kCAAkC,EAAC,kBAAkB,EAAC,8CAA8C,EAAC,wBAAwB,EAAC,oDAAoD,EAAC,mCAAmC,EAAC,+DAA+D,EAAC,QAAQ,EAAC,oCAAoC,EAAC,aAAa,EAAC,yCAAyC,EAAC,CAAC;AAC3Z,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,yBAAyB,EAAC,2BAA2B,EAAC,CAAC"}
+{"version":3,"file":"rich-content-editor.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,6BAA6B,CAAC;AAChD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,mCAAmC,EAAC,kBAAkB,EAAC,+CAA+C,EAAC,wBAAwB,EAAC,qDAAqD,EAAC,mCAAmC,EAAC,gEAAgE,EAAC,QAAQ,EAAC,qCAAqC,EAAC,aAAa,EAAC,0CAA0C,EAAC,CAAC;AACja,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,yBAAyB,EAAC,2BAA2B,EAAC,CAAC"}

package/dist/esm/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "richcontenttoolbar2679013044";
+var _namespace_ = "richcontenttoolbar2225509028";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "richcontenttoolbar2679013044__root", "toolbar": "richcontenttoolbar2679013044__toolbar", "toolbarButton": "richcontenttoolbar2679013044__toolbarButton", "separator": "richcontenttoolbar2679013044__separator" };
+export var classes = { "root": "richcontenttoolbar2225509028__root", "toolbar": "richcontenttoolbar2225509028__toolbar", "toolbarButton": "richcontenttoolbar2225509028__toolbarButton", "separator": "richcontenttoolbar2225509028__separator" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "richcontentviewer253217533";
+var _namespace_ = "richcontentviewer818683085";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "richcontentviewer253217533__root", "viewer": "richcontentviewer253217533__viewer", "modalViewer": "richcontentviewer253217533__modalViewer" };
+export var classes = { "root": "richcontentviewer818683085__root", "viewer": "richcontentviewer818683085__viewer", "modalViewer": "richcontentviewer818683085__modalViewer" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/rich-text/form-rich-text.js

@@ -1,9 +1,9 @@
 import React from 'react';
-import { FormField } from '@wix/design-system';
+import { Box, FormField } from '@wix/design-system';
 import { observer } from 'mobx-react-lite';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { useController } from '@wix/bex-core/form';
-import { useTranslations } from '../../hooks';
+import { useScrollToErrorRef, useTranslations } from '../../hooks';
 import { isEmpty } from '../../validations/string';
 import { isDataValidOrNotSet, richTextValidation, } from '../../validations/validations';
 import { TypeMismatchExclamation } from '../exclamation/type-mismatch-exclamation';
@@ -25,10 +25,14 @@ const _FormRichText = (props) => {
             },
         },
     });
+    // The editor is lazy and exposes no focus handle, so hand react-hook-form
+    // a wrapper it can bring into view instead.
+    const setScrollToErrorRef = useScrollToErrorRef(controller.field.ref, '[contenteditable]');
     return (React.createElement(FormField, { label: field.displayName, required: field.validation?.required, status: controller.fieldState.error ? 'error' : undefined, statusMessage: controller.fieldState.error?.message, dataHook: dataHook, suffix: isDataValidOrNotSet(controller.field.value, richTextValidation) ? undefined : (React.createElement(TypeMismatchExclamation, { typeName: t('auto-patterns.fields.field_type_rich_text_title'), clearButtonText: t('auto-patterns.fields.type_mismatch_clear'), convertButtonText: t('auto-patterns.fields.type_mismatch_convert'), onClear: () => controller.field.onChange(undefined), onChange: (value) => controller.field.onChange(value), convertDisabledText: t('auto-patterns.fields.type_mismatch_convert_disabled'), fieldName: field.displayName, isConverted: false, isConverting: false, convertedValue: "", tooltipText: t('auto-patterns.fields.type_mismatch_tip', {
                 typeName: 'Rich Text',
             }) })) },
-        React.createElement(FormRichTextInput, { autoFocus: false, data: controller.field.value, onChange: (value) => controller.field.onChange?.(value), dataHook: `rich-text-${field.id}`, field: field.id })));
+        React.createElement(Box, { width: "100%", ref: setScrollToErrorRef },
+            React.createElement(FormRichTextInput, { autoFocus: false, data: controller.field.value, onChange: (value) => controller.field.onChange?.(value), dataHook: `rich-text-${field.id}`, field: field.id }))));
 };
 export const FormRichText = observer(_FormRichText);
 //# sourceMappingURL=form-rich-text.js.map

package/dist/esm/components/rich-text/form-rich-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-rich-text.js","sourceRoot":"","sources":["../../../../src/components/rich-text/form-rich-text.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"form-rich-text.js","sourceRoot":"","sources":["../../../../src/components/rich-text/form-rich-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EACL,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,uBAAuB,EAAE,MAAM,0CAA0C,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,mDAAmD,CAAC;AAItF,MAAM,aAAa,GAAG,CAAC,KAAwB,EAAE,EAAE;IACjD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAErD,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,GAAG,uBAAuB,EAAE,CAAC;IACpD,MAAM,EAAE,CAAC,EAAE,GAAG,eAAe,EAAE,CAAC;IAEhC,MAAM,UAAU,GAAG,aAAa,CAAC;QAC/B,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE;QACrB,OAAO,EAAE,WAAW;QACpB,YAAY,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC;QACrC,KAAK,EAAE;YACL,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAClB,IAAI,KAAK,CAAC,UAAU,EAAE,QAAQ,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE;oBAChD,OAAO,EAAE,CAAC,qCAAqC,CAAC,CAAC;iBAClD;gBACD,OAAO,IAAI,CAAC;YACd,CAAC;SACF;KACF,CAAC,CAAC;IAEH,0EAA0E;IAC1E,4CAA4C;IAC5C,MAAM,mBAAmB,GAAG,mBAAmB,CAC7C,UAAU,CAAC,KAAK,CAAC,GAAG,EACpB,mBAAmB,CACpB,CAAC;IAEF,OAAO,CACL,oBAAC,SAAS,IACR,KAAK,EAAE,KAAK,CAAC,WAAW,EACxB,QAAQ,EAAE,KAAK,CAAC,UAAU,EAAE,QAAQ,EACpC,MAAM,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACzD,aAAa,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,EAAE,OAAO,EACnD,QAAQ,EAAE,QAAQ,EAClB,MAAM,EACJ,mBAAmB,CACjB,UAAU,CAAC,KAAK,CAAC,KAAK,EACtB,kBAAkB,CACnB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CACd,oBAAC,uBAAuB,IACtB,QAAQ,EAAE,CAAC,CAAC,iDAAiD,CAAC,EAC9D,eAAe,EAAE,CAAC,CAAC,0CAA0C,CAAC,EAC9D,iBAAiB,EAAE,CAAC,CAAC,4CAA4C,CAAC,EAClE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,EACnD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EACrD,mBAAmB,EAAE,CAAC,CACpB,qDAAqD,CACtD,EACD,SAAS,EAAE,KAAK,CAAC,WAAW,EAC5B,WAAW,EAAE,KAAK,EAClB,YAAY,EAAE,KAAK,EACnB,cAAc,EAAC,EAAE,EACjB,WAAW,EAAE,CAAC,CAAC,wCAAwC,EAAE;gBACvD,QAAQ,EAAE,WAAW;aACtB,CAAC,GACF,CACH;QAGH,oBAAC,GAAG,IAAC,KAAK,EAAC,MAAM,EAAC,GAAG,EAAE,mBAAmB;YACxC,oBAAC,iBAAiB,IAChB,SAAS,EAAE,KAAK,EAChB,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,EAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,EACvD,QAAQ,EAAE,aAAa,KAAK,CAAC,EAAE,EAAE,EACjC,KAAK,EAAE,KAAK,CAAC,EAAE,GACf,CACE,CACI,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC"}

package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "richeditor3731566269";
+var _namespace_ = "richeditor207855410";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "richeditor3731566269__root", "editor": "richeditor3731566269__editor", "header-one": "richeditor3731566269__header-one", "header-two": "richeditor3731566269__header-two", "header-three": "richeditor3731566269__header-three", "header-four": "richeditor3731566269__header-four", "header-five": "richeditor3731566269__header-five", "header-six": "richeditor3731566269__header-six", "paragraph-one": "richeditor3731566269__paragraph-one", "unstyled": "richeditor3731566269__unstyled", "paragraph-three": "richeditor3731566269__paragraph-three", "align-left": "richeditor3731566269__align-left", "align-right": "richeditor3731566269__align-right", "align-center": "richeditor3731566269__align-center", "align-justify": "richeditor3731566269__align-justify", "withMargin": "richeditor3731566269__withMargin", "dir-rtl": "richeditor3731566269__dir-rtl" };
+export var classes = { "root": "richeditor207855410__root", "editor": "richeditor207855410__editor", "header-one": "richeditor207855410__header-one", "header-two": "richeditor207855410__header-two", "header-three": "richeditor207855410__header-three", "header-four": "richeditor207855410__header-four", "header-five": "richeditor207855410__header-five", "header-six": "richeditor207855410__header-six", "paragraph-one": "richeditor207855410__paragraph-one", "unstyled": "richeditor207855410__unstyled", "paragraph-three": "richeditor207855410__paragraph-three", "align-left": "richeditor207855410__align-left", "align-right": "richeditor207855410__align-right", "align-center": "richeditor207855410__align-center", "align-justify": "richeditor207855410__align-justify", "withMargin": "richeditor207855410__withMargin", "dir-rtl": "richeditor207855410__dir-rtl" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"rich-editor.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"rich-editor.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css

@@ -1,12 +1,25 @@
-@property st-global(--wds-color-blue-100);
-@property st-global(--wds-color-blue-300);
-@property st-global(--wds-color-red-100);
-@property st-global(--wds-color-red-300);
-@property st-global(--wds-color-yellow-100);
-@property st-global(--wds-color-yellow-300);
-@property st-global(--wds-color-black-700);
+/* Every border declaration below needs the same fallback chain WDS Input
+   itself uses. A `var()` with no fallback that resolves to nothing makes the
+   whole declaration invalid, and the element renders with no border at all —
+   which is what these editors did outside the theme that defines the
+   --wds-color-* palette. See CAIRO-4561. */
+@property st-global(--wds-input-border-color);
+@property st-global(--wds-input-border-color-focus);
 @property st-global(--wds-input-shadow-focus-standard);
-@property st-global(--wds-border-radius-300);
+@property st-global(--wds-input-shadow-focus-destructive);
+@property st-global(--wds-input-shadow-focus-warning);
+@property st-global(--wds-input-border-radius-default-medium);
+@property st-global(--wds-color-border-destructive-secondary-active);
+@property st-global(--wds-color-border-warning-secondary-active);
+@property st-global(--wsr-color-B10);
+@property st-global(--wsr-color-B40);
+@property st-global(--wsr-color-R10);
+@property st-global(--wsr-color-R40);
+@property st-global(--wsr-color-Y10);
+@property st-global(--wsr-color-Y40);
+@property st-global(--wsr-color-F00);
+@property st-global(--wsr-border-radius-06);
+@property st-global(--wds-color-black-700);
 
 /* Cannot import Editor from rich-editor.st.css - causes Stylable build error
 :import {
@@ -24,37 +37,37 @@
     box-sizing: border-box;
     outline: 0;
     overflow: hidden;
-    border-radius: var(--wds-border-radius-300);
+    border-radius: var(--wds-input-border-radius-default-medium, var(--wsr-border-radius-06, 6px));
 }
 
 .root:border(none) {
     border: none;
 }
 .root:border(standard) {
-    border: 1px solid var(--wds-color-blue-300);
+    border: 1px solid var(--wds-input-border-color, var(--wsr-color-B40, #D6E6FE));
 }
 .root:border(standard):focus,
 .root:border(standard):focus-within {
-    border: 1px solid var(--wds-color-blue-100);
-    box-shadow: var(--wds-input-shadow-focus-standard);
+    border: 1px solid var(--wds-input-border-color-focus, var(--wsr-color-B10, #116DFF));
+    box-shadow: var(--wds-input-shadow-focus-standard, 0 0 0 3px var(--wsr-color-F00, #A6D0FF));
 }
 
 .root:border(standard):status(error) {
-    border: 1px solid var(--wds-color-red-100);
+    border: 1px solid var(--wds-color-border-destructive-secondary-active, var(--wsr-color-R10, #E62214));
 }
 .root:border(standard):status(error):focus,
 .root:border(standard):status(error):focus-within {
-    border: 1px solid var(--wds-color-red-100);
-    box-shadow: 0 0 0 3px var(--wds-color-red-300);
+    border: 1px solid var(--wds-color-border-destructive-secondary-active, var(--wsr-color-R10, #E62214));
+    box-shadow: var(--wds-input-shadow-focus-destructive, 0 0 0 3px var(--wsr-color-R40, #FBD0CD));
 }
 
 .root:border(standard):status(warning) {
-    border: 1px solid var(--wds-color-yellow-100);
+    border: 1px solid var(--wds-color-border-warning-secondary-active, var(--wsr-color-Y10, #FFB700));
 }
 .root:border(standard):status(warning):focus,
 .root:border(standard):status(warning):focus-within {
-    border: 1px solid var(--wds-color-yellow-100);
-    box-shadow: 0 0 0 3px var(--wds-color-yellow-300);
+    border: 1px solid var(--wds-color-border-warning-secondary-active, var(--wsr-color-Y10, #FFB700));
+    box-shadow: var(--wds-input-shadow-focus-warning, 0 0 0 3px var(--wsr-color-Y40, #FFE2A5));
 }
 
 .nativeInput {
@@ -78,7 +91,7 @@
     overflow: hidden;
     box-sizing: border-box;
     flex-direction: row;
-    border-radius: var(--wds-border-radius-300);
+    border-radius: var(--wds-input-border-radius-default-medium, var(--wsr-border-radius-06, 6px));
 }
 .editor:isFullScreen {
     max-width: 782px;

package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js

@@ -1,15 +1,15 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "richtexteditor316354853";
+var _namespace_ = "richtexteditor4232484640";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "richtexteditor316354853__root", "nativeInput": "richtexteditor316354853__nativeInput", "editor": "richtexteditor316354853__editor" };
+export var classes = { "root": "richtexteditor4232484640__root", "nativeInput": "richtexteditor4232484640__nativeInput", "editor": "richtexteditor4232484640__editor" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};
 export var stVars = {};
-export var vars = { "wds-color-blue-100": "--wds-color-blue-100", "wds-color-blue-300": "--wds-color-blue-300", "wds-color-red-100": "--wds-color-red-100", "wds-color-red-300": "--wds-color-red-300", "wds-color-yellow-100": "--wds-color-yellow-100", "wds-color-yellow-300": "--wds-color-yellow-300", "wds-color-black-700": "--wds-color-black-700", "wds-input-shadow-focus-standard": "--wds-input-shadow-focus-standard", "wds-border-radius-300": "--wds-border-radius-300" };
+export var vars = { "wds-input-border-color": "--wds-input-border-color", "wds-input-border-color-focus": "--wds-input-border-color-focus", "wds-input-shadow-focus-standard": "--wds-input-shadow-focus-standard", "wds-input-shadow-focus-destructive": "--wds-input-shadow-focus-destructive", "wds-input-shadow-focus-warning": "--wds-input-shadow-focus-warning", "wds-input-border-radius-default-medium": "--wds-input-border-radius-default-medium", "wds-color-border-destructive-secondary-active": "--wds-color-border-destructive-secondary-active", "wds-color-border-warning-secondary-active": "--wds-color-border-warning-secondary-active", "wsr-color-B10": "--wsr-color-B10", "wsr-color-B40": "--wsr-color-B40", "wsr-color-R10": "--wsr-color-R10", "wsr-color-R40": "--wsr-color-R40", "wsr-color-Y10": "--wsr-color-Y10", "wsr-color-Y40": "--wsr-color-Y40", "wsr-color-F00": "--wsr-color-F00", "wsr-border-radius-06": "--wsr-border-radius-06", "wds-color-black-700": "--wds-color-black-700" };
 //# sourceMappingURL=rich-text-editor.st.css.js.map

package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"rich-text-editor.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,yBAAyB,CAAC;AAC5C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,+BAA+B,EAAC,aAAa,EAAC,sCAAsC,EAAC,QAAQ,EAAC,iCAAiC,EAAC,CAAC;AAC9J,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,mBAAmB,EAAC,qBAAqB,EAAC,mBAAmB,EAAC,qBAAqB,EAAC,sBAAsB,EAAC,wBAAwB,EAAC,sBAAsB,EAAC,wBAAwB,EAAC,qBAAqB,EAAC,uBAAuB,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,CAAC"}
+{"version":3,"file":"rich-text-editor.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,0BAA0B,CAAC;AAC7C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,gCAAgC,EAAC,aAAa,EAAC,uCAAuC,EAAC,QAAQ,EAAC,kCAAkC,EAAC,CAAC;AACjK,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,wBAAwB,EAAC,0BAA0B,EAAC,8BAA8B,EAAC,gCAAgC,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,oCAAoC,EAAC,sCAAsC,EAAC,gCAAgC,EAAC,kCAAkC,EAAC,wCAAwC,EAAC,0CAA0C,EAAC,+CAA+C,EAAC,iDAAiD,EAAC,2CAA2C,EAAC,6CAA6C,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,sBAAsB,EAAC,wBAAwB,EAAC,qBAAqB,EAAC,uBAAuB,EAAC,CAAC"}

package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runtime.js";
-var _namespace_ = "toolbar2015891380";
+var _namespace_ = "toolbar541225243";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "toolbar2015891380__root", "item": "toolbar2015891380__item", "separator": "toolbar2015891380__separator", "clearFormatting": "toolbar2015891380__clearFormatting", "fullScreen": "toolbar2015891380__fullScreen", "dropdownItemContent": "toolbar2015891380__dropdownItemContent", "dropdownItemTitle": "toolbar2015891380__dropdownItemTitle", "dropdownItemSubtitle": "toolbar2015891380__dropdownItemSubtitle", "dropdownHeaderOne": "toolbar2015891380__dropdownHeaderOne", "dropdownHeaderTwo": "toolbar2015891380__dropdownHeaderTwo", "dropdownHeaderThree": "toolbar2015891380__dropdownHeaderThree", "dropdownHeaderFour": "toolbar2015891380__dropdownHeaderFour", "dropdownHeaderFive": "toolbar2015891380__dropdownHeaderFive", "dropdownHeaderSix": "toolbar2015891380__dropdownHeaderSix", "dropdownParagraphOne": "toolbar2015891380__dropdownParagraphOne", "dropdownNormalText": "toolbar2015891380__dropdownNormalText", "dropdownParagraphThree": "toolbar2015891380__dropdownParagraphThree" };
+export var classes = { "root": "toolbar541225243__root", "item": "toolbar541225243__item", "separator": "toolbar541225243__separator", "clearFormatting": "toolbar541225243__clearFormatting", "fullScreen": "toolbar541225243__fullScreen", "dropdownItemContent": "toolbar541225243__dropdownItemContent", "dropdownItemTitle": "toolbar541225243__dropdownItemTitle", "dropdownItemSubtitle": "toolbar541225243__dropdownItemSubtitle", "dropdownHeaderOne": "toolbar541225243__dropdownHeaderOne", "dropdownHeaderTwo": "toolbar541225243__dropdownHeaderTwo", "dropdownHeaderThree": "toolbar541225243__dropdownHeaderThree", "dropdownHeaderFour": "toolbar541225243__dropdownHeaderFour", "dropdownHeaderFive": "toolbar541225243__dropdownHeaderFive", "dropdownHeaderSix": "toolbar541225243__dropdownHeaderSix", "dropdownParagraphOne": "toolbar541225243__dropdownParagraphOne", "dropdownNormalText": "toolbar541225243__dropdownNormalText", "dropdownParagraphThree": "toolbar541225243__dropdownParagraphThree" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar.st.css.js","sourceRoot":"","sources":["../../../../../../../src/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAIvF,IAAI,WAAW,GAAG,mBAAmB,CAAC;AACtC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,yBAAyB,EAAC,MAAM,EAAC,yBAAyB,EAAC,WAAW,EAAC,8BAA8B,EAAC,iBAAiB,EAAC,oCAAoC,EAAC,YAAY,EAAC,+BAA+B,EAAC,qBAAqB,EAAC,wCAAwC,EAAC,mBAAmB,EAAC,sCAAsC,EAAC,sBAAsB,EAAC,yCAAyC,EAAC,mBAAmB,EAAC,sCAAsC,EAAC,mBAAmB,EAAC,sCAAsC,EAAC,qBAAqB,EAAC,wCAAwC,EAAC,oBAAoB,EAAC,uCAAuC,EAAC,oBAAoB,EAAC,uCAAuC,EAAC,mBAAmB,EAAC,sCAAsC,EAAC,sBAAsB,EAAC,yCAAyC,EAAC,oBAAoB,EAAC,uCAAuC,EAAC,wBAAwB,EAAC,2CAA2C,EAAC,CAAC;AACh9B,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,qBAAqB,EAAC,uBAAuB,EAAC,iBAAiB,EAAC,mBAAmB,EAAC,yBAAyB,EAAC,2BAA2B,EAAC,iBAAiB,EAAC,mBAAmB,EAAC,wBAAwB,EAAC,0BAA0B,EAAC,sBAAsB,EAAC,wBAAwB,EAAC,mBAAmB,EAAC,qBAAqB,EAAC,0BAA0B,EAAC,4BAA4B,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}
+{"version":3,"file":"toolbar.st.css.js","sourceRoot":"","sources":["../../../../../../../src/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAIvF,IAAI,WAAW,GAAG,kBAAkB,CAAC;AACrC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,wBAAwB,EAAC,MAAM,EAAC,wBAAwB,EAAC,WAAW,EAAC,6BAA6B,EAAC,iBAAiB,EAAC,mCAAmC,EAAC,YAAY,EAAC,8BAA8B,EAAC,qBAAqB,EAAC,uCAAuC,EAAC,mBAAmB,EAAC,qCAAqC,EAAC,sBAAsB,EAAC,wCAAwC,EAAC,mBAAmB,EAAC,qCAAqC,EAAC,mBAAmB,EAAC,qCAAqC,EAAC,qBAAqB,EAAC,uCAAuC,EAAC,oBAAoB,EAAC,sCAAsC,EAAC,oBAAoB,EAAC,sCAAsC,EAAC,mBAAmB,EAAC,qCAAqC,EAAC,sBAAsB,EAAC,wCAAwC,EAAC,oBAAoB,EAAC,sCAAsC,EAAC,wBAAwB,EAAC,0CAA0C,EAAC,CAAC;AAC/7B,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,qBAAqB,EAAC,uBAAuB,EAAC,iBAAiB,EAAC,mBAAmB,EAAC,yBAAyB,EAAC,2BAA2B,EAAC,iBAAiB,EAAC,mBAAmB,EAAC,wBAAwB,EAAC,0BAA0B,EAAC,sBAAsB,EAAC,wBAAwB,EAAC,mBAAmB,EAAC,qBAAqB,EAAC,0BAA0B,EAAC,4BAA4B,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}

package/dist/esm/components/text/text-view.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "textview1751545812";
+var _namespace_ = "textview2294932004";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "textview1751545812__root", "textView": "textview1751545812__textView" };
+export var classes = { "root": "textview2294932004__root", "textView": "textview2294932004__textView" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/time-input/form-time.js

@@ -3,7 +3,7 @@ import { FormField } from '@wix/design-system';
 import { observer } from 'mobx-react-lite';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { useController } from '@wix/bex-core/form';
-import { useTranslations } from '../../hooks';
+import { fieldRefHandle, useTranslations } from '../../hooks';
 import { isDataValidOrNotSet, timeValidation, } from '../../validations/validations';
 import { isEmpty } from '../../validations/string';
 import { TypeMismatchExclamation } from '../exclamation/type-mismatch-exclamation';
@@ -27,10 +27,11 @@ const _FormTime = (props) => {
     });
     // TimeInput has no DOM ref to hand to field.ref, so bridge its imperative
     // focus() — lets react-hook-form's shouldFocusError scroll to this field
-    // when it blocks save.
+    // when it blocks save. TimeInputImperativeActions has no select(), so the
+    // handle absorbs the calls react-hook-form makes beyond focus.
     const timeRef = useRef(null);
     useEffect(() => {
-        controller.field.ref({ focus: () => timeRef.current?.focus() });
+        controller.field.ref(fieldRefHandle(() => timeRef.current?.focus(), () => timeRef.current));
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     return (React.createElement(FormField, { label: field.displayName, required: field.validation?.required, status: controller.fieldState.error ? 'error' : undefined, statusMessage: controller.fieldState.error?.message, dataHook: dataHook, suffix: isDataValidOrNotSet(controller.field.value, timeValidation) ? undefined : (React.createElement(TypeMismatchExclamation, { typeName: t('auto-patterns.fields.field_type_time_title'), clearButtonText: t('auto-patterns.fields.type_mismatch_clear'), convertButtonText: t('auto-patterns.fields.type_mismatch_convert'), onClear: () => controller.field.onChange(undefined), onChange: (value) => controller.field.onChange(value), convertDisabledText: t('auto-patterns.fields.type_mismatch_convert_disabled'), fieldName: field.displayName, isConverted: false, isConverting: false, convertedValue: "00:00:00.000", tooltipText: t('auto-patterns.fields.type_mismatch_tip', {

package/dist/esm/components/time-input/form-time.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-time.js","sourceRoot":"","sources":["../../../../src/components/time-input/form-time.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"form-time.js","sourceRoot":"","sources":["../../../../src/components/time-input/form-time.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/video/form-video.js

@@ -4,7 +4,7 @@ import { Replace, More, Download, Delete, Maximize, } from '@wix/wix-ui-icons-co
 import { observer } from 'mobx-react-lite';
 import { useIsMobile, useWixPatternsContainer } from '@wix/bex-core/react';
 import { useController } from '@wix/bex-core/form';
-import { useTranslations } from '../../hooks';
+import { useFieldRef, useTranslations } from '../../hooks';
 import { isEmpty } from '../../validations/string';
 import { isDataValidOrNotSet } from '../../validations/validations';
 import * as videoValidation from '../../validations/video';
@@ -29,6 +29,7 @@ const _FormVideo = (props) => {
             },
         },
     });
+    const setFieldRef = useFieldRef(controller.field.ref);
     async function openMedia() {
         if (!openMediaManager)
             return;
@@ -71,7 +72,7 @@ const _FormVideo = (props) => {
             , { 
                 // Only the empty state can fail `required`, so the add button is
                 // always the right target for react-hook-form's shouldFocusError.
-                ref: controller.field.ref, dataHook: `video-${field.id}`, onAddImage: isMobile ? undefined : () => openMedia(), addImageInfo: t('auto-patterns.fields.add_video_tooltip'), height: MEDIA_HEIGHT, width: "100%" }))),
+                ref: setFieldRef, dataHook: `video-${field.id}`, onAddImage: isMobile ? undefined : () => openMedia(), addImageInfo: t('auto-patterns.fields.add_video_tooltip'), height: MEDIA_HEIGHT, width: "100%" }))),
         isPreviewOpen && (React.createElement(Modal, { isOpen: isPreviewOpen, onRequestClose: handleClosePreview },
             React.createElement(CustomModalLayout, { title: field.displayName, onCloseButtonClick: handleClosePreview, content: React.createElement("div", { style: {
                         display: 'flex',

package/dist/esm/components/video/form-video.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-video.js","sourceRoot":"","sources":["../../../../src/components/video/form-video.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"form-video.js","sourceRoot":"","sources":["../../../../src/components/video/form-video.tsx"],"names":[],"mappings":"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"}

package/dist/esm/hooks/index.js

@@ -7,4 +7,7 @@ export * from './use-translations';
 export * from './use-with-callback';
 export * from './use-resize-effect';
 export * from './use-cell-edit-keyboard';
+export * from './use-field-ref';
+export * from './use-merged-ref';
+export * from './use-scroll-to-error-ref';
 //# sourceMappingURL=index.js.map

package/dist/esm/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,2BAA2B,CAAC"}

package/dist/esm/hooks/pr-5746-kobiburnley-comments.md

@@ -0,0 +1,54 @@
+# PR #5746 — kobiburnley review
+
+[fix(fields): register a field ref that answers every call react-hook-form makes](https://github.com/wix-private/cairo/pull/5746)
+
+> **Verdict: Request changes** — 1 blocker. (Posted as a comment review because GitHub will not let the
+> author formally request changes on their own PR.)
+>
+> The diagnosis is right, and I checked it against the installed `react-hook-form` (7.56.4) rather than
+> taking it on trust […] `fieldRefHandle` / `useFieldRef` are a clean way to close it […] I also confirmed
+> the integration test is a real guard, not decoration.
+>
+> One blocker: the audit missed a call site with exactly the shape the helper exists for.
+>
+> — [pullrequestreview-5002194499](https://github.com/wix-private/cairo/pull/5746#pullrequestreview-5002194499)
+
+All claims below were checked against the branch before being written down. Every one holds.
+
+| # | Comment link | Description | Severity | Status | Resolution recommendation |
+|---|---|---|---|---|---|
+| 1 | [discussion_r3838295772](https://github.com/wix-private/cairo/pull/5746#discussion_r3838295772) — `packages/fields/src/components/time-input/form-time.tsx:46` | `form-time` registers a hand-rolled focus-only object, `controller.field.ref({ focus: () => timeRef.current?.focus() })`. Exactly the shape the helper exists for, missed by the audit, so it ships still broken while the PR reads as closing the trap. | Blocker | done | Fixed in `23dc894` — wrapped with `fieldRefHandle` as suggested. Missed originally because `form-time` calls `controller.field.ref(...)` directly in a `useEffect`, so the `inputRef=`/`ref=` grep never matched it. Covered by the table-driven `setFocus` guard. |
+| 2 | [review summary](https://github.com/wix-private/cairo/pull/5746#pullrequestreview-5002194499) | PR body claims "audited all nine that register directly"; there are ~23 `controller.field.ref` sites. The 7 passing `ref=` to a WDS `Input`/`InputArea` get `InputImperativeActions`, which has `select` but no `setCustomValidity`/`reportValidity` — so the `shouldUseNativeValidation` half stays open in `form-url`, `form-email`, `form-short-text` (Input branch), `form-long-text`, `form-color`, `form-array`, `form-object`. | Major (accuracy) | done | PR description rewritten with the full 23-site table. `InputImperativeActions` confirmed as `{ focus, blur, select, setSelectionRange, clear, input }`. The `shouldUseNativeValidation` gap in the 7 `ref=`-on-`Input` sites is left open and stated as a follow-up rather than implied fixed. |
+| 3 | [review summary](https://github.com/wix-private/cairo/pull/5746#pullrequestreview-5002194499) | Fix it once in `packages/core` instead. `packages/core/src/exports/form.ts` is `export * from 'react-hook-form'`, so core owns the entry point; a `useController` there installing the safe handle would cover all sites and every future one, making `useFieldRef` and the seven adopting edits unnecessary. As it stands the fix is opt-in — which is how `form-time` got missed. | Major (design) | dismiss | Not implemented; kept per-site by decision. Rationale recorded in the PR reply: core's `exports/form.ts` is a bare re-export, so wrapping `useController` there would turn it into real implementation and change behaviour for every consumer of `@wix/bex-core/form`, not just Cairo renderers. Filed as a follow-up — if it lands, `useFieldRef` and all adopting edits should be deleted and the `Input` group closes for free. |
+| 4 | [review summary](https://github.com/wix-private/cairo/pull/5746#pullrequestreview-5002194499) | The same 3-line comment is copy-pasted verbatim into seven files; the `fieldRefHandle` docblock already says it, and `AGENTS.md` asks for a comment only when it tells the reader something the code cannot. | Nit | done | Removed from all seven files in `b64bfc4`. |
+| 5 | [review summary](https://github.com/wix-private/cairo/pull/5746#pullrequestreview-5002194499) | `useFieldRef`'s type parameter `T` appears only in the return type, so every call site infers `FieldControl` and the annotation buys nothing. | Minor | done | `T` dropped in `a51e9c6`; takes and returns `FieldControl`. |
+| 6 | [review summary](https://github.com/wix-private/cairo/pull/5746#pullrequestreview-5002194499) | Lint is not clean: `use-field-ref.ts:56` trips `prettier/prettier`. | Minor | done | Fixed in `c6406f6`. Root cause of the false "clean" report: all changed files were passed as one joined argument, so eslint matched nothing. Re-verified one file at a time. `form-video.tsx:73` `curly` warning remains but is unchanged from master. |
+| 7 | [review summary](https://github.com/wix-private/cairo/pull/5746#pullrequestreview-5002194499) | Only `form-address` has an integration guard; the other six conversions would not notice a revert. | Test gap | done | Fixed in `94baa17`. Table-driven over one renderer per control shape: address, time, `FormDocument` (`AddItemActions`, shared with audio/multi-document/media-gallery), `FormImageInput` (`ImageViewer`, shared with video). Each verified failing via `git checkout origin/master -- <file>` — note `git checkout -- <file>` restores from HEAD and silently proves nothing once the change is committed. |
+| 8 | [review summary](https://github.com/wix-private/cairo/pull/5746#pullrequestreview-5002194499) | In `EntityPageCustomField`, the new `control` closure and the `focus` callback each resolve consumer-then-`querySelector` separately; not wrong (focus needs `scrollIntoView` between the steps) but they will drift. | Nit | done | Fixed in `91147ff`. Both paths read one `control()`. The identity check I first wrote was also wrong, not just duplicative: with nothing focusable, `target` and `consumerRef.current` were both `null`, so it skipped the scroll in exactly the case needing it. Now keyed off `!consumerRef.current`. |
+
+## Notes
+
+- #3 is the pivot. If the fix moves into core's `useController`, then #1, #2, #4, #5 and #7 mostly evaporate and this
+  PR shrinks to deleting `useFieldRef` and reverting the seven adopting edits. Worth settling before spending
+  effort on the others.
+- #1 is a blocker on its own terms and is a one-line fix either way, since `form-time` is broken today
+  regardless of which mechanism wins.
+- The reviewer independently reproduced the address integration test (revert → `1 failed, 3 passed`), so the
+  guard is trusted; the gap is coverage of the other six (#7), not the approach.
+
+## Outcome
+
+All eight resolved: seven fixed, one (row 3) dismissed with rationale. Commits on `fix/delegating-field-ref`,
+all pushed:
+
+| Commit | Row |
+|---|---|
+| `23dc894` fix(TimeInput): give form-time a field ref that answers every call | 1 |
+| `c6406f6` style(fields): format the fieldRefHandle call in useFieldRef | 6 |
+| `a51e9c6` refactor(fields): drop useFieldRef's unusable type parameter | 5 |
+| `b64bfc4` refactor(fields): drop the repeated useFieldRef comment | 4 |
+| `91147ff` refactor(EntityPageCustomField): resolve the control once | 8 |
+| `94baa17` test(fields): guard the other converted renderers against setFocus | 7 |
+
+Row 2 was a PR-description correction, not code. Row 3 answered in
+[issuecomment-5385655358](https://github.com/wix-private/cairo/pull/5746#issuecomment-5385655358).

package/dist/esm/hooks/use-field-ref.js

@@ -0,0 +1,36 @@
+import { useCallback, useRef } from 'react';
+/**
+ * Handle to register with react-hook-form, covering every method it may call.
+ *
+ * `useController` rewrites whatever is registered into
+ * `{ focus, select, setCustomValidity, reportValidity }` and calls all four
+ * through to the target. The guards check that wrapper rather than the target,
+ * so registering a control that only has `focus` makes `setFocus` with
+ * `shouldSelect`, or `shouldUseNativeValidation`, throw on the way to it.
+ *
+ * @param focus What to do when the field has to be reached.
+ * @param getControl The control the remaining calls go to, when there is one.
+ */
+export const fieldRefHandle = (focus, getControl) => ({
+    focus,
+    select: () => getControl()?.select?.(),
+    setCustomValidity: (message) => getControl()?.setCustomValidity?.(message),
+    reportValidity: () => getControl()?.reportValidity?.() ?? true,
+});
+/**
+ * Callback ref for a field's control. Pass it where the control lands and
+ * react-hook-form gets a handle that reaches it.
+ *
+ * @param registerRef `controller.field.ref` from useController.
+ */
+export const useFieldRef = (registerRef) => {
+    const control = useRef(null);
+    return useCallback((instance) => {
+        control.current = instance;
+        if (!instance) {
+            return;
+        }
+        registerRef(fieldRefHandle(() => control.current?.focus?.(), () => control.current));
+    }, [registerRef]);
+};
+//# sourceMappingURL=use-field-ref.js.map

package/dist/esm/hooks/use-field-ref.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-field-ref.js","sourceRoot":"","sources":["../../../src/hooks/use-field-ref.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAa5C;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,KAAiB,EACjB,UAAiD,EACjD,EAAE,CAAC,CAAC;IACJ,KAAK;IACL,MAAM,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,EAAE,MAAM,EAAE,EAAE;IACtC,iBAAiB,EAAE,CAAC,OAAe,EAAE,EAAE,CACrC,UAAU,EAAE,EAAE,iBAAiB,EAAE,CAAC,OAAO,CAAC;IAC5C,cAAc,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,EAAE,cAAc,EAAE,EAAE,IAAI,IAAI;CAC/D,CAAC,CAAC;AAEH;;;;;GAKG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,WAAwC,EACG,EAAE;IAC7C,MAAM,OAAO,GACX,MAAM,CAAsB,IAAI,CAAC,CAAC;IAEpC,OAAO,WAAW,CAChB,CAAC,QAA6B,EAAE,EAAE;QAChC,OAAO,CAAC,OAAO,GAAG,QAAQ,CAAC;QAC3B,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO;SACR;QACD,WAAW,CACT,cAAc,CACZ,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,EAChC,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CACtB,CACF,CAAC;IACJ,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/hooks/use-merged-ref.js

@@ -0,0 +1,23 @@
+import { useCallback, useRef } from 'react';
+/**
+ * Keeps a component's own ref filled while also handing the value to a
+ * caller's ref.
+ *
+ * Media inputs need both: the local ref drives `autoFocus` and media
+ * callbacks, while a caller such as react-hook-form supplies its own ref to
+ * focus the field when it blocks save.
+ */
+export const useMergedRef = (forwarded) => {
+    const localRef = useRef(null);
+    const setRef = useCallback((value) => {
+        localRef.current = value;
+        if (typeof forwarded === 'function') {
+            forwarded(value);
+        }
+        else if (forwarded) {
+            forwarded.current = value;
+        }
+    }, [forwarded]);
+    return [localRef, setRef];
+};
+//# sourceMappingURL=use-merged-ref.js.map

package/dist/esm/hooks/use-merged-ref.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-merged-ref.js","sourceRoot":"","sources":["../../../src/hooks/use-merged-ref.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE5C;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,SAAkB,EACuC,EAAE;IAC3D,MAAM,QAAQ,GAAG,MAAM,CAAW,IAAI,CAAC,CAAC;IAExC,MAAM,MAAM,GAAG,WAAW,CACxB,CAAC,KAAe,EAAE,EAAE;QAClB,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;QACzB,IAAI,OAAO,SAAS,KAAK,UAAU,EAAE;YACnC,SAAS,CAAC,KAAK,CAAC,CAAC;SAClB;aAAM,IAAI,SAAS,EAAE;YACnB,SAAwC,CAAC,OAAO,GAAG,KAAK,CAAC;SAC3D;IACH,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,OAAO,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;AAC5B,CAAC,CAAC"}

package/dist/esm/hooks/use-scroll-to-error-ref.js

@@ -0,0 +1,26 @@
+import { useCallback } from 'react';
+import { fieldRefHandle } from './use-field-ref';
+/**
+ * Ref for a field whose control cannot be handed to react-hook-form directly.
+ *
+ * react-hook-form focuses an invalid field by calling `focus()` on whatever was
+ * registered, so registering a plain wrapper element does nothing — a `div` is
+ * not focusable and the call is silently dropped. Registering an object with a
+ * `focus()` of our own works instead: it brings the wrapper into view, then
+ * focuses the control inside it when there is one.
+ *
+ * @param registerRef `controller.field.ref` from useController.
+ * @param focusSelector Control to focus inside the wrapper, when present.
+ */
+export const useScrollToErrorRef = (registerRef, focusSelector) => useCallback((element) => {
+    if (!element) {
+        return;
+    }
+    const control = () => element.querySelector(focusSelector) ?? undefined;
+    registerRef(fieldRefHandle(() => {
+        // Not implemented in jsdom.
+        element.scrollIntoView?.({ block: 'center' });
+        control()?.focus();
+    }, control));
+}, [registerRef, focusSelector]);
+//# sourceMappingURL=use-scroll-to-error-ref.js.map

package/dist/esm/hooks/use-scroll-to-error-ref.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-scroll-to-error-ref.js","sourceRoot":"","sources":["../../../src/hooks/use-scroll-to-error-ref.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,WAAwC,EACxC,aAAqB,EACrB,EAAE,CACF,WAAW,CACT,CAAC,OAAiB,EAAE,EAAE;IACpB,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO;KACR;IAED,MAAM,OAAO,GAAG,GAAG,EAAE,CACnB,OAAO,CAAC,aAAa,CAAc,aAAa,CAAC,IAAI,SAAS,CAAC;IAEjE,WAAW,CACT,cAAc,CAAC,GAAG,EAAE;QAClB,4BAA4B;QAC5B,OAAO,CAAC,cAAc,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;QAC9C,OAAO,EAAE,EAAE,KAAK,EAAE,CAAC;IACrB,CAAC,EAAE,OAAO,CAAC,CACZ,CAAC;AACJ,CAAC,EACD,CAAC,WAAW,EAAE,aAAa,CAAC,CAC7B,CAAC"}