npm - @wix/patterns-fields - Versions diffs - 1.73.0 → 1.74.0 - Mend

@wix/patterns-fields 1.73.0 → 1.74.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 (278) hide show

package/dist/cjs/components/text/text-view.st.css.js CHANGED Viewed

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
-var _namespace_ = "textview955586509";
+var _namespace_ = "textview2294932004";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "textview955586509__root",
-  "textView": "textview955586509__textView"
+  "root": "textview2294932004__root",
+  "textView": "textview2294932004__textView"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/text/text-view.st.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/text/text-view.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~textview955586509~~\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"~~textview955586509__root~~\",\"textView\":\"~~textview955586509__textView~~\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,~~mBAAmB~~;~~AACrC~~,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,~~yBAAyB~~;EAAC,UAAU,EAAC;~~AAA6B~~,CAAC;~~AACzF~~,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/text/text-view.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"textview2294932004\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"textview2294932004__root\",\"textView\":\"textview2294932004__textView\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oBAAoB;AACtC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,0BAA0B;EAAC,UAAU,EAAC;AAA8B,CAAC;AAC3F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/time-input/form-time.js CHANGED Viewed

@@ -45,15 +45,14 @@ 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 = (0, _react.useRef)(null);
   (0, _react.useEffect)(() => {
-    controller.field.ref({
-      focus: () => {
-        var _timeRef$current;
-        return (_timeRef$current = timeRef.current) == null ? void 0 : _timeRef$current.focus();
-      }
-    });
+    controller.field.ref((0, _hooks.fieldRefHandle)(() => {
+      var _timeRef$current;
+      return (_timeRef$current = timeRef.current) == null ? void 0 : _timeRef$current.focus();
+    }, () => timeRef.current));
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   return /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
@@ -79,14 +78,14 @@ const _FormTime = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 62,
+        lineNumber: 68,
         columnNumber: 11
       }
     }),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 51,
+      lineNumber: 57,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_formTimeInput.FormTimeInput, {
@@ -98,7 +97,7 @@ const _FormTime = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 82,
+      lineNumber: 88,
       columnNumber: 7
     }
   }));

package/dist/cjs/components/time-input/form-time.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_react2","_form","_hooks","_validations","_string","_typeMismatchExclamation","_formTimeInput","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_FormTime","props","_field$validation2","_controller$fieldStat","field","dataHook","formControl","data","translate","pt","useWixPatternsContainer","useTranslations","controller","useController","name","id","control","defaultValue","rules","validate","value","_field$validation","validation","required","isEmpty","timeRef","useRef","useEffect","ref","~~focus~~","_timeRef$current","current","createElement","FormField","label","displayName","status","fieldState","error","undefined","statusMessage","message","suffix","isDataValidOrNotSet","timeValidation","TypeMismatchExclamation","typeName","clearButtonText","convertButtonText","onClear","onChange","convertDisabledText","fieldName","isConverted","isConverting","convertedValue","tooltipText","__self","__source","fileName","lineNumber","columnNumber","FormTimeInput","autoFocus","inputRef","FormTime","exports","observer"],"sources":["../../../../src/components/time-input/form-time.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { FormField } from '@wix/design-system';\nimport type { TimeInputImperativeActions } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useController } from '@wix/bex-core/form';\n\nimport { BaseInputProps } from '../../types/base-input';\nimport { useTranslations } from '../../hooks';\nimport {\n isDataValidOrNotSet,\n timeValidation,\n} from '../../validations/validations';\nimport { isEmpty } from '../../validations/string';\nimport { TypeMismatchExclamation } from '../exclamation/type-mismatch-exclamation';\n\nimport { FormTimeInput } from './form-time-input';\n\nexport interface FormTimeProps extends BaseInputProps<string> {}\n\nconst _FormTime = (props: FormTimeProps) => {\n const { field, dataHook, formControl, data } = props;\n\n const { translate: pt } = useWixPatternsContainer();\n const { t } = useTranslations();\n\n const controller = useController({\n name: field.id,\n control: formControl,\n defaultValue: data?.[field.id],\n rules: {\n validate: (value) => {\n if (field.validation?.required && isEmpty(value)) {\n return pt('cairo.fieldValidation.requiredField');\n }\n return true;\n },\n },\n });\n\n // TimeInput has no DOM ref to hand to field.ref, so bridge its imperative\n // focus() — lets react-hook-form's shouldFocusError scroll to this field\n // when it blocks save.\n const timeRef = useRef<TimeInputImperativeActions>(null);\n useEffect(() => {\n controller.field.ref(~~{ focus:~~ () => timeRef.current?.focus() });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n return (\n <FormField\n label={field.displayName}\n required={field.validation?.required}\n status={controller.fieldState.error ? 'error' : undefined}\n statusMessage={controller.fieldState.error?.message}\n dataHook={dataHook}\n suffix={\n isDataValidOrNotSet(\n controller.field.value,\n timeValidation,\n ) ? undefined : (\n <TypeMismatchExclamation\n typeName={t('auto-patterns.fields.field_type_time_title')}\n clearButtonText={t('auto-patterns.fields.type_mismatch_clear')}\n convertButtonText={t('auto-patterns.fields.type_mismatch_convert')}\n onClear={() => controller.field.onChange(undefined)}\n onChange={(value) => controller.field.onChange(value)}\n convertDisabledText={t(\n 'auto-patterns.fields.type_mismatch_convert_disabled',\n )}\n fieldName={field.displayName}\n isConverted={false}\n isConverting={false}\n convertedValue=\"00:00:00.000\"\n tooltipText={t('auto-patterns.fields.type_mismatch_tip', {\n typeName: 'Time',\n })}\n />\n )\n }\n >\n <FormTimeInput\n autoFocus={false}\n inputRef={timeRef}\n data={controller.field.value}\n onChange={(value) => controller.field.onChange(value)}\n dataHook={`time-${field.id}`}\n />\n </FormField>\n );\n};\n\nexport const FormTime = observer(_FormTime);\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAGA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AAIA,IAAAO,OAAA,GAAAP,OAAA;AACA,IAAAQ,wBAAA,GAAAR,OAAA;AAEA,IAAAS,cAAA,GAAAT,OAAA;AAAkD,IAAAU,YAAA;AAAA,SAAAX,wBAAAY,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAd,uBAAA,YAAAA,CAAAY,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAIlD,MAAMkB,SAAS,GAAIC,KAAoB,IAAK;EAAA,IAAAC,kBAAA,EAAAC,qBAAA;EAC1C,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,WAAW;IAAEC;EAAK,CAAC,GAAGN,KAAK;EAEpD,MAAM;IAAEO,SAAS,EAAEC;EAAG,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EACnD,MAAM;IAAE5B;EAAE,CAAC,GAAG,IAAA6B,sBAAe,EAAC,CAAC;EAE/B,MAAMC,UAAU,GAAG,IAAAC,mBAAa,EAAC;IAC/BC,IAAI,EAAEV,KAAK,CAACW,EAAE;IACdC,OAAO,EAAEV,WAAW;IACpBW,YAAY,EAAEV,IAAI,oBAAJA,IAAI,CAAGH,KAAK,CAACW,EAAE,CAAC;IAC9BG,KAAK,EAAE;MACLC,QAAQ,EAAGC,KAAK,IAAK;QAAA,IAAAC,iBAAA;QACnB,IAAI,CAAAA,iBAAA,GAAAjB,KAAK,CAACkB,UAAU,aAAhBD,iBAAA,CAAkBE,QAAQ,IAAI,IAAAC,eAAO,EAACJ,KAAK,CAAC,EAAE;UAChD,OAAOX,EAAE,CAAC,qCAAqC,CAAC;QAClD;QACA,OAAO,IAAI;MACb;IACF;EACF,CAAC,CAAC;;EAEF;EACA;EACA;EACA,MAAMgB,OAAO,GAAG,IAAAC,aAAM,EAA6B,IAAI,CAAC;EACxD,IAAAC,gBAAS,EAAC,MAAM;IACdf,UAAU,CAACR,KAAK,CAACwB,GAAG,~~CAAC;MAAEC~~,~~KAAK~~,~~EAAEA~~,~~CAAA~~;~~QAAA~~,IAAAC,gBAAA;~~QAAA~~,QAAAA,gBAAA,GAAML,OAAO,CAACM,OAAO,qBAAfD,gBAAA,~~CAAiBD~~,KAAK,CAAC,CAAC;~~MAAA;IAAC~~,~~CAAC~~,CAAC;~~IAC/D~~;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,~~oBACE7D~~,MAAA,CAAAuB,OAAA,~~CAAAyC~~,aAAA,~~CAAC7D~~,aAAA,~~CAAA8D~~,SAAS;IACRC,KAAK,~~EAAE9B~~,KAAK,~~CAAC+B~~,WAAY;~~IACzBZ~~,QAAQ,GAAArB,kBAAA,GAAEE,KAAK,CAACkB,UAAU,qBAAhBpB,kBAAA,CAAkBqB,QAAS;~~IACrCa~~,MAAM,~~EAAExB~~,UAAU,~~CAACyB~~,UAAU,CAACC,KAAK,GAAG,OAAO,GAAGC,SAAU;IAC1DC,aAAa,~~GAAArC~~,qBAAA,GAAES,UAAU,~~CAACyB~~,UAAU,CAACC,KAAK,~~qBAA3BnC~~,qBAAA,~~CAA6BsC~~,OAAQ;~~IACpDpC~~,QAAQ,EAAEA,QAAS;~~IACnBqC~~,MAAM,EACJ,IAAAC,gCAAmB,~~EACjB/B~~,UAAU,CAACR,KAAK,CAACgB,KAAK,~~EACtBwB~~,2BACF,CAAC,GAAGL,SAAS,~~gBACXvE~~,MAAA,CAAAuB,OAAA,~~CAAAyC~~,aAAA,~~CAACtD~~,wBAAA,~~CAAAmE~~,uBAAuB;MACtBC,QAAQ,~~EAAEhE~~,CAAC,CAAC,4CAA4C,CAAE;~~MAC1DiE~~,eAAe,~~EAAEjE~~,CAAC,CAAC,0CAA0C,CAAE;MAC/~~DkE~~,iBAAiB,~~EAAElE~~,CAAC,CAAC,4CAA4C,CAAE;~~MACnEmE~~,OAAO,EAAEA,CAAA,~~KAAMrC~~,UAAU,CAACR,KAAK,~~CAAC8C~~,QAAQ,CAACX,SAAS,CAAE;MACpDW,QAAQ,~~EAAG9B~~,KAAK,IAAKR,UAAU,CAACR,KAAK,~~CAAC8C~~,QAAQ,~~CAAC9B~~,KAAK,CAAE;~~MACtD+B~~,mBAAmB,~~EAAErE~~,CAAC,CACpB,qDACF,CAAE;~~MACFsE~~,SAAS,~~EAAEhD~~,KAAK,~~CAAC+B~~,WAAY;MAC7BkB,WAAW,EAAE,KAAM;MACnBC,YAAY,EAAE,KAAM;MACpBC,cAAc,EAAC,cAAc;MAC7BC,WAAW,~~EAAE1E~~,CAAC,CAAC,wCAAwC,EAAE;~~QACvDgE~~,QAAQ,EAAE;MACZ,CAAC,CAAE;MAAAW,MAAA;MAAAC,QAAA;QAAAC,QAAA,~~EAAA/E~~,YAAA;~~QAAAgF~~,UAAA;QAAAC,YAAA;MAAA;IAAA,CACJ,CAEJ;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAA/E~~,YAAA;~~MAAAgF~~,UAAA;MAAAC,YAAA;IAAA;EAAA,~~gBAED7F~~,MAAA,CAAAuB,OAAA,~~CAAAyC~~,aAAA,~~CAACrD~~,cAAA,~~CAAAmF~~,aAAa;IACZC,SAAS,EAAE,KAAM;IACjBC,QAAQ,~~EAAEvC~~,OAAQ;IAClBlB,IAAI,EAAEK,UAAU,CAACR,KAAK,CAACgB,KAAM;~~IAC7B8B~~,QAAQ,~~EAAG9B~~,KAAK,IAAKR,UAAU,CAACR,KAAK,~~CAAC8C~~,QAAQ,~~CAAC9B~~,KAAK,CAAE;IACtDf,QAAQ,EAAE,QAAQD,KAAK,CAACW,EAAE,EAAG;~~IAAA0C~~,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAA/E~~,YAAA;~~MAAAgF~~,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC9B,CACQ,CAAC;AAEhB,CAAC;AAEM,MAAMI,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,IAAAE,uBAAQ,~~EAACnE~~,SAAS,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_react2","_form","_hooks","_validations","_string","_typeMismatchExclamation","_formTimeInput","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_FormTime","props","_field$validation2","_controller$fieldStat","field","dataHook","formControl","data","translate","pt","useWixPatternsContainer","useTranslations","controller","useController","name","id","control","defaultValue","rules","validate","value","_field$validation","validation","required","isEmpty","timeRef","useRef","useEffect","ref","fieldRefHandle","_timeRef$current","current","focus","createElement","FormField","label","displayName","status","fieldState","error","undefined","statusMessage","message","suffix","isDataValidOrNotSet","timeValidation","TypeMismatchExclamation","typeName","clearButtonText","convertButtonText","onClear","onChange","convertDisabledText","fieldName","isConverted","isConverting","convertedValue","tooltipText","__self","__source","fileName","lineNumber","columnNumber","FormTimeInput","autoFocus","inputRef","FormTime","exports","observer"],"sources":["../../../../src/components/time-input/form-time.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { FormField } from '@wix/design-system';\nimport type { TimeInputImperativeActions } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useController } from '@wix/bex-core/form';\n\nimport { BaseInputProps } from '../../types/base-input';\nimport { fieldRefHandle, useTranslations } from '../../hooks';\nimport {\n isDataValidOrNotSet,\n timeValidation,\n} from '../../validations/validations';\nimport { isEmpty } from '../../validations/string';\nimport { TypeMismatchExclamation } from '../exclamation/type-mismatch-exclamation';\n\nimport { FormTimeInput } from './form-time-input';\n\nexport interface FormTimeProps extends BaseInputProps<string> {}\n\nconst _FormTime = (props: FormTimeProps) => {\n const { field, dataHook, formControl, data } = props;\n\n const { translate: pt } = useWixPatternsContainer();\n const { t } = useTranslations();\n\n const controller = useController({\n name: field.id,\n control: formControl,\n defaultValue: data?.[field.id],\n rules: {\n validate: (value) => {\n if (field.validation?.required && isEmpty(value)) {\n return pt('cairo.fieldValidation.requiredField');\n }\n return true;\n },\n },\n });\n\n // TimeInput has no DOM ref to hand to field.ref, so bridge its imperative\n // focus() — lets react-hook-form's shouldFocusError scroll to this field\n // when it blocks save. TimeInputImperativeActions has no select(), so the\n // handle absorbs the calls react-hook-form makes beyond focus.\n const timeRef = useRef<TimeInputImperativeActions>(null);\n useEffect(() => {\n controller.field.ref(\n fieldRefHandle(\n () => timeRef.current?.focus(),\n () => timeRef.current,\n ),\n );\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n return (\n <FormField\n label={field.displayName}\n required={field.validation?.required}\n status={controller.fieldState.error ? 'error' : undefined}\n statusMessage={controller.fieldState.error?.message}\n dataHook={dataHook}\n suffix={\n isDataValidOrNotSet(\n controller.field.value,\n timeValidation,\n ) ? undefined : (\n <TypeMismatchExclamation\n typeName={t('auto-patterns.fields.field_type_time_title')}\n clearButtonText={t('auto-patterns.fields.type_mismatch_clear')}\n convertButtonText={t('auto-patterns.fields.type_mismatch_convert')}\n onClear={() => controller.field.onChange(undefined)}\n onChange={(value) => controller.field.onChange(value)}\n convertDisabledText={t(\n 'auto-patterns.fields.type_mismatch_convert_disabled',\n )}\n fieldName={field.displayName}\n isConverted={false}\n isConverting={false}\n convertedValue=\"00:00:00.000\"\n tooltipText={t('auto-patterns.fields.type_mismatch_tip', {\n typeName: 'Time',\n })}\n />\n )\n }\n >\n <FormTimeInput\n autoFocus={false}\n inputRef={timeRef}\n data={controller.field.value}\n onChange={(value) => controller.field.onChange(value)}\n dataHook={`time-${field.id}`}\n />\n </FormField>\n );\n};\n\nexport const FormTime = observer(_FormTime);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/video/form-video.js CHANGED Viewed

@@ -48,6 +48,7 @@ const _FormVideo = props => {
       }
     }
   });
+  const setFieldRef = (0, _hooks.useFieldRef)(controller.field.ref);
   async function openMedia() {
     if (!openMediaManager) return;
     try {
@@ -98,14 +99,14 @@ const _FormVideo = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 108,
+        lineNumber: 110,
         columnNumber: 11
       }
     }),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 97,
+      lineNumber: 99,
       columnNumber: 5
     }
   }, controller.field.value ? /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -115,7 +116,7 @@ const _FormVideo = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 129,
+      lineNumber: 131,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.MediaOverlay, {
@@ -129,14 +130,14 @@ const _FormVideo = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 134,
+        lineNumber: 136,
         columnNumber: 15
       }
     }),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 130,
+      lineNumber: 132,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.MediaOverlay.Content, {
@@ -145,7 +146,7 @@ const _FormVideo = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 142,
+      lineNumber: 144,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -153,7 +154,7 @@ const _FormVideo = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 143,
+      lineNumber: 145,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
@@ -161,7 +162,7 @@ const _FormVideo = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 144,
+      lineNumber: 146,
       columnNumber: 17
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
@@ -174,14 +175,14 @@ const _FormVideo = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 147,
+      lineNumber: 149,
       columnNumber: 19
     }
   }, /*#__PURE__*/_react.default.createElement(_lazy.Replace, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 155,
+      lineNumber: 157,
       columnNumber: 21
     }
   }))), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu, {
@@ -192,7 +193,7 @@ const _FormVideo = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 160,
+        lineNumber: 162,
         columnNumber: 21
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
@@ -204,21 +205,21 @@ const _FormVideo = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 163,
+        lineNumber: 165,
         columnNumber: 23
       }
     }, /*#__PURE__*/_react.default.createElement(_lazy.More, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 172,
+        lineNumber: 174,
         columnNumber: 25
       }
     }))),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 158,
+      lineNumber: 160,
       columnNumber: 17
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
@@ -226,7 +227,7 @@ const _FormVideo = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 178,
+        lineNumber: 180,
         columnNumber: 33
       }
     }),
@@ -237,7 +238,7 @@ const _FormVideo = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 177,
+      lineNumber: 179,
       columnNumber: 19
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
@@ -245,7 +246,7 @@ const _FormVideo = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 185,
+        lineNumber: 187,
         columnNumber: 33
       }
     }),
@@ -255,14 +256,14 @@ const _FormVideo = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 184,
+      lineNumber: 186,
       columnNumber: 19
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.Divider, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 190,
+      lineNumber: 192,
       columnNumber: 19
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
@@ -270,7 +271,7 @@ const _FormVideo = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 192,
+        lineNumber: 194,
         columnNumber: 33
       }
     }),
@@ -280,7 +281,7 @@ const _FormVideo = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 191,
+      lineNumber: 193,
       columnNumber: 19
     }
   })))))) : /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -289,14 +290,14 @@ const _FormVideo = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 203,
+      lineNumber: 205,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.ImageViewer
   // 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,
+    ref: setFieldRef,
     dataHook: `video-${field.id}`,
     onAddImage: isMobile ? undefined : () => openMedia(),
     addImageInfo: t('auto-patterns.fields.add_video_tooltip'),
@@ -305,7 +306,7 @@ const _FormVideo = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 204,
+      lineNumber: 206,
       columnNumber: 11
     }
   })), isPreviewOpen && /*#__PURE__*/_react.default.createElement(_designSystem.Modal, {
@@ -314,7 +315,7 @@ const _FormVideo = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 217,
+      lineNumber: 219,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.CustomModalLayout, {
@@ -329,7 +330,7 @@ const _FormVideo = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 222,
+        lineNumber: 224,
         columnNumber: 15
       }
     }, /*#__PURE__*/_react.default.createElement("video", {
@@ -343,7 +344,7 @@ const _FormVideo = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 229,
+        lineNumber: 231,
         columnNumber: 17
       }
     }, videoUrl && /*#__PURE__*/_react.default.createElement("source", {
@@ -352,14 +353,14 @@ const _FormVideo = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 235,
+        lineNumber: 237,
         columnNumber: 32
       }
     }), "Your browser does not support the video tag.")),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 218,
+      lineNumber: 220,
       columnNumber: 11
     }
   })));

package/dist/cjs/components/video/form-video.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_mobxReactLite","_react2","_form","_hooks","_string","_validations","videoValidation","_interopRequireWildcard","_typeMismatchExclamation","_mediaConstants","_useVideoPreview","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_FormVideo","props","_field$validation2","_controller$fieldStat","field","dataHook","formControl","data","translate","pt","openMediaManager","useWixPatternsContainer","useTranslations","isMobile","useIsMobile","controller","useController","name","id","control","defaultValue","rules","validate","value","_field$validation","validation","required","isEmpty","openMedia","_chosenMediaItems$ite","_mediaItem$media","chosenMediaItems","multiSelect","category","mediaItem","items","newVideo","media","video","onChange","error","console","videoUrl","posterUrl","imageUrl","isPreviewOpen","openPreview","handlePreview","closePreview","handleClosePreview","handleDownload","useVideoPreview","videoUri","createElement","FormField","label","displayName","status","fieldState","undefined","statusMessage","message","suffix","isDataValidOrNotSet","TypeMismatchExclamation","typeName","clearButtonText","convertButtonText","onClear","convertDisabledText","fieldName","isConverted","isConverting","convertedValue","tooltipText","__self","__source","fileName","lineNumber","columnNumber","Box","width","maxWidth","MEDIA_MAX_WIDTH","height","MEDIA_HEIGHT","MediaOverlay","hoverSkin","Image","src","fit","Content","placement","visible","gap","Tooltip","content","IconButton","onClick","skin","priority","disabled","ariaLabel","Replace","PopoverMenu","triggerElement","toggle","More","MenuItem","prefixIcon","Maximize","text","Download","Divider","Delete","ImageViewer","ref","onAddImage","addImageInfo","Modal","isOpen","onRequestClose","CustomModalLayout","title","onCloseButtonClick","style","display","justifyContent","padding","controls","autoPlay","maxHeight","poster","type","FormVideo","exports","observer"],"sources":["../../../../src/components/video/form-video.tsx"],"sourcesContent":["import React from 'react';\nimport {\n FormField,\n ImageViewer,\n Modal,\n CustomModalLayout,\n MediaOverlay,\n Box,\n Tooltip,\n IconButton,\n PopoverMenu,\n Image,\n} from '@wix/design-system';\nimport {\n Replace,\n More,\n Download,\n Delete,\n Maximize,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { observer } from 'mobx-react-lite';\nimport { useIsMobile, useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useController } from '@wix/bex-core/form';\nimport { BaseInputProps } from '../../types/base-input';\nimport { useTranslations } from '../../hooks';\nimport { isEmpty } from '../../validations/string';\nimport { isDataValidOrNotSet } from '../../validations/validations';\nimport * as videoValidation from '../../validations/video';\nimport { TypeMismatchExclamation } from '../exclamation/type-mismatch-exclamation';\nimport { MEDIA_HEIGHT, MEDIA_MAX_WIDTH } from '../../utils/media-constants';\nimport { useVideoPreview } from './use-video-preview';\n\ninterface VideoMediaDescriptor {\n video?: string;\n}\n\ninterface MediaManagerVideoItem {\n _id?: string;\n displayName?: string;\n mediaType?: string;\n media?: VideoMediaDescriptor;\n}\n\nexport interface FormVideoProps extends BaseInputProps<string> {}\n\nconst _FormVideo = (props: FormVideoProps) => {\n const { field, dataHook, formControl, data } = props;\n\n const { translate: pt, openMediaManager } = useWixPatternsContainer();\n const { t } = useTranslations();\n const isMobile = useIsMobile();\n\n const controller = useController({\n name: field?.id ?? '',\n control: formControl,\n defaultValue: data?.[field?.id ?? ''],\n rules: {\n validate: (value) => {\n if (field.validation?.required && isEmpty(value)) {\n return pt('cairo.fieldValidation.requiredField');\n }\n return true;\n },\n },\n });\n\n async function openMedia() {\n if (!openMediaManager) return;\n try {\n const chosenMediaItems = await openMediaManager({\n multiSelect: false,\n category: 'VIDEO',\n });\n\n const mediaItem = chosenMediaItems?.items?.[0] as\n \| MediaManagerVideoItem\n \| undefined;\n const newVideo = mediaItem?.media?.video;\n if (newVideo) {\n controller.field.onChange(newVideo);\n }\n } catch (error) {\n console.error('Error opening Media Manager or no files selected:', error);\n }\n }\n\n const {\n videoUrl,\n posterUrl: imageUrl,\n isPreviewOpen,\n openPreview: handlePreview,\n closePreview: handleClosePreview,\n handleDownload,\n } = useVideoPreview({ videoUri: controller.field.value });\n\n return (\n <FormField\n label={field.displayName}\n required={field.validation?.required}\n status={controller.fieldState.error ? 'error' : undefined}\n statusMessage={controller.fieldState.error?.message}\n dataHook={dataHook}\n suffix={\n isDataValidOrNotSet(\n controller.field.value,\n videoValidation,\n ) ? undefined : (\n <TypeMismatchExclamation\n typeName={t('auto-patterns.fields.field_type_video_title')}\n clearButtonText={t('auto-patterns.fields.type_mismatch_clear')}\n convertButtonText={t('auto-patterns.fields.type_mismatch_convert')}\n onClear={() => controller.field.onChange(undefined)}\n onChange={(value) => controller.field.onChange(value)}\n convertDisabledText={t(\n 'auto-patterns.fields.type_mismatch_convert_disabled',\n )}\n fieldName={field.displayName}\n isConverted={false}\n isConverting={false}\n convertedValue={null}\n tooltipText={t('auto-patterns.fields.type_mismatch_tip', {\n typeName: 'Video',\n })}\n />\n )\n }\n >\n {controller.field.value ? (\n <Box width=\"100%\" maxWidth={MEDIA_MAX_WIDTH} height={MEDIA_HEIGHT}>\n <MediaOverlay\n dataHook={`video-${field.id}`}\n hoverSkin=\"dark\"\n media={\n <Image\n src={imageUrl}\n width=\"100%\"\n height={MEDIA_HEIGHT}\n fit=\"cover\"\n />\n }\n >\n <MediaOverlay.Content placement=\"middle\" visible=\"hover\">\n <Box gap=\"SP2\">\n <Tooltip\n content={t('auto-patterns.fields.replace_video_tooltip')}\n >\n <IconButton\n onClick={() => openMedia()}\n skin=\"light\"\n priority=\"secondary\"\n disabled={isMobile}\n ariaLabel={t('auto-patterns.fields.replace_video_tooltip')}\n dataHook={`video-replace-${field.id}`}\n >\n <Replace />\n </IconButton>\n </Tooltip>\n <PopoverMenu\n triggerElement={({ toggle }) => (\n <Tooltip\n content={t('auto-patterns.fields.more_actions_tooltip')}\n >\n <IconButton\n priority=\"secondary\"\n onClick={toggle}\n skin=\"light\"\n ariaLabel={t(\n 'auto-patterns.fields.more_actions_tooltip',\n )}\n dataHook={`video-more-${field.id}`}\n >\n <More />\n </IconButton>\n </Tooltip>\n )}\n >\n <PopoverMenu.MenuItem\n prefixIcon={<Maximize />}\n text={t('auto-patterns.fields.preview_video')}\n onClick={handlePreview}\n disabled={!videoUrl}\n dataHook={`video-preview-${field.id}`}\n />\n <PopoverMenu.MenuItem\n prefixIcon={<Download />}\n text={t('auto-patterns.fields.download_video')}\n onClick={handleDownload}\n dataHook={`video-download-${field.id}`}\n />\n <PopoverMenu.Divider />\n <PopoverMenu.MenuItem\n prefixIcon={<Delete />}\n text={t('auto-patterns.fields.remove_video')}\n onClick={() => controller.field.onChange(null)}\n dataHook={`video-delete-${field.id}`}\n />\n </PopoverMenu>\n </Box>\n </MediaOverlay.Content>\n </MediaOverlay>\n </Box>\n ) : (\n <Box width=\"100%\" maxWidth={MEDIA_MAX_WIDTH}>\n <ImageViewer\n // Only the empty state can fail `required`, so the add button is\n // always the right target for react-hook-form's shouldFocusError.\n ref={controller.field.ref}\n dataHook={`video-${field.id}`}\n onAddImage={isMobile ? undefined : () => openMedia()}\n addImageInfo={t('auto-patterns.fields.add_video_tooltip')}\n height={MEDIA_HEIGHT}\n width=\"100%\"\n />\n </Box>\n )}\n {isPreviewOpen && (\n <Modal isOpen={isPreviewOpen} onRequestClose={handleClosePreview}>\n <CustomModalLayout\n title={field.displayName}\n onCloseButtonClick={handleClosePreview}\n content={\n <div\n style={{\n display: 'flex',\n justifyContent: 'center',\n padding: '24px',\n }}\n >\n <video\n controls\n autoPlay\n style={{ maxWidth: '100%', maxHeight: '70vh' }}\n poster={imageUrl}\n >\n {videoUrl && <source src={videoUrl} type=\"video/mp4\" />}\n Your browser does not support the video tag.\n </video>\n </div>\n }\n />\n </Modal>\n )}\n </FormField>\n );\n};\n\nexport const FormVideo = observer(_FormVideo);\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_mobxReactLite","_react2","_form","_hooks","_string","_validations","videoValidation","_interopRequireWildcard","_typeMismatchExclamation","_mediaConstants","_useVideoPreview","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_FormVideo","props","_field$validation2","_controller$fieldStat","field","dataHook","formControl","data","translate","pt","openMediaManager","useWixPatternsContainer","useTranslations","isMobile","useIsMobile","controller","useController","name","id","control","defaultValue","rules","validate","value","_field$validation","validation","required","isEmpty","setFieldRef","useFieldRef","ref","openMedia","_chosenMediaItems$ite","_mediaItem$media","chosenMediaItems","multiSelect","category","mediaItem","items","newVideo","media","video","onChange","error","console","videoUrl","posterUrl","imageUrl","isPreviewOpen","openPreview","handlePreview","closePreview","handleClosePreview","handleDownload","useVideoPreview","videoUri","createElement","FormField","label","displayName","status","fieldState","undefined","statusMessage","message","suffix","isDataValidOrNotSet","TypeMismatchExclamation","typeName","clearButtonText","convertButtonText","onClear","convertDisabledText","fieldName","isConverted","isConverting","convertedValue","tooltipText","__self","__source","fileName","lineNumber","columnNumber","Box","width","maxWidth","MEDIA_MAX_WIDTH","height","MEDIA_HEIGHT","MediaOverlay","hoverSkin","Image","src","fit","Content","placement","visible","gap","Tooltip","content","IconButton","onClick","skin","priority","disabled","ariaLabel","Replace","PopoverMenu","triggerElement","toggle","More","MenuItem","prefixIcon","Maximize","text","Download","Divider","Delete","ImageViewer","onAddImage","addImageInfo","Modal","isOpen","onRequestClose","CustomModalLayout","title","onCloseButtonClick","style","display","justifyContent","padding","controls","autoPlay","maxHeight","poster","type","FormVideo","exports","observer"],"sources":["../../../../src/components/video/form-video.tsx"],"sourcesContent":["import React from 'react';\nimport {\n FormField,\n ImageViewer,\n Modal,\n CustomModalLayout,\n MediaOverlay,\n Box,\n Tooltip,\n IconButton,\n PopoverMenu,\n Image,\n} from '@wix/design-system';\nimport {\n Replace,\n More,\n Download,\n Delete,\n Maximize,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { observer } from 'mobx-react-lite';\nimport { useIsMobile, useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useController } from '@wix/bex-core/form';\nimport { BaseInputProps } from '../../types/base-input';\nimport { useFieldRef, useTranslations } from '../../hooks';\nimport { isEmpty } from '../../validations/string';\nimport { isDataValidOrNotSet } from '../../validations/validations';\nimport * as videoValidation from '../../validations/video';\nimport { TypeMismatchExclamation } from '../exclamation/type-mismatch-exclamation';\nimport { MEDIA_HEIGHT, MEDIA_MAX_WIDTH } from '../../utils/media-constants';\nimport { useVideoPreview } from './use-video-preview';\n\ninterface VideoMediaDescriptor {\n video?: string;\n}\n\ninterface MediaManagerVideoItem {\n _id?: string;\n displayName?: string;\n mediaType?: string;\n media?: VideoMediaDescriptor;\n}\n\nexport interface FormVideoProps extends BaseInputProps<string> {}\n\nconst _FormVideo = (props: FormVideoProps) => {\n const { field, dataHook, formControl, data } = props;\n\n const { translate: pt, openMediaManager } = useWixPatternsContainer();\n const { t } = useTranslations();\n const isMobile = useIsMobile();\n\n const controller = useController({\n name: field?.id ?? '',\n control: formControl,\n defaultValue: data?.[field?.id ?? ''],\n rules: {\n validate: (value) => {\n if (field.validation?.required && isEmpty(value)) {\n return pt('cairo.fieldValidation.requiredField');\n }\n return true;\n },\n },\n });\n\n const setFieldRef = useFieldRef(controller.field.ref);\n\n async function openMedia() {\n if (!openMediaManager) return;\n try {\n const chosenMediaItems = await openMediaManager({\n multiSelect: false,\n category: 'VIDEO',\n });\n\n const mediaItem = chosenMediaItems?.items?.[0] as\n \| MediaManagerVideoItem\n \| undefined;\n const newVideo = mediaItem?.media?.video;\n if (newVideo) {\n controller.field.onChange(newVideo);\n }\n } catch (error) {\n console.error('Error opening Media Manager or no files selected:', error);\n }\n }\n\n const {\n videoUrl,\n posterUrl: imageUrl,\n isPreviewOpen,\n openPreview: handlePreview,\n closePreview: handleClosePreview,\n handleDownload,\n } = useVideoPreview({ videoUri: controller.field.value });\n\n return (\n <FormField\n label={field.displayName}\n required={field.validation?.required}\n status={controller.fieldState.error ? 'error' : undefined}\n statusMessage={controller.fieldState.error?.message}\n dataHook={dataHook}\n suffix={\n isDataValidOrNotSet(\n controller.field.value,\n videoValidation,\n ) ? undefined : (\n <TypeMismatchExclamation\n typeName={t('auto-patterns.fields.field_type_video_title')}\n clearButtonText={t('auto-patterns.fields.type_mismatch_clear')}\n convertButtonText={t('auto-patterns.fields.type_mismatch_convert')}\n onClear={() => controller.field.onChange(undefined)}\n onChange={(value) => controller.field.onChange(value)}\n convertDisabledText={t(\n 'auto-patterns.fields.type_mismatch_convert_disabled',\n )}\n fieldName={field.displayName}\n isConverted={false}\n isConverting={false}\n convertedValue={null}\n tooltipText={t('auto-patterns.fields.type_mismatch_tip', {\n typeName: 'Video',\n })}\n />\n )\n }\n >\n {controller.field.value ? (\n <Box width=\"100%\" maxWidth={MEDIA_MAX_WIDTH} height={MEDIA_HEIGHT}>\n <MediaOverlay\n dataHook={`video-${field.id}`}\n hoverSkin=\"dark\"\n media={\n <Image\n src={imageUrl}\n width=\"100%\"\n height={MEDIA_HEIGHT}\n fit=\"cover\"\n />\n }\n >\n <MediaOverlay.Content placement=\"middle\" visible=\"hover\">\n <Box gap=\"SP2\">\n <Tooltip\n content={t('auto-patterns.fields.replace_video_tooltip')}\n >\n <IconButton\n onClick={() => openMedia()}\n skin=\"light\"\n priority=\"secondary\"\n disabled={isMobile}\n ariaLabel={t('auto-patterns.fields.replace_video_tooltip')}\n dataHook={`video-replace-${field.id}`}\n >\n <Replace />\n </IconButton>\n </Tooltip>\n <PopoverMenu\n triggerElement={({ toggle }) => (\n <Tooltip\n content={t('auto-patterns.fields.more_actions_tooltip')}\n >\n <IconButton\n priority=\"secondary\"\n onClick={toggle}\n skin=\"light\"\n ariaLabel={t(\n 'auto-patterns.fields.more_actions_tooltip',\n )}\n dataHook={`video-more-${field.id}`}\n >\n <More />\n </IconButton>\n </Tooltip>\n )}\n >\n <PopoverMenu.MenuItem\n prefixIcon={<Maximize />}\n text={t('auto-patterns.fields.preview_video')}\n onClick={handlePreview}\n disabled={!videoUrl}\n dataHook={`video-preview-${field.id}`}\n />\n <PopoverMenu.MenuItem\n prefixIcon={<Download />}\n text={t('auto-patterns.fields.download_video')}\n onClick={handleDownload}\n dataHook={`video-download-${field.id}`}\n />\n <PopoverMenu.Divider />\n <PopoverMenu.MenuItem\n prefixIcon={<Delete />}\n text={t('auto-patterns.fields.remove_video')}\n onClick={() => controller.field.onChange(null)}\n dataHook={`video-delete-${field.id}`}\n />\n </PopoverMenu>\n </Box>\n </MediaOverlay.Content>\n </MediaOverlay>\n </Box>\n ) : (\n <Box width=\"100%\" maxWidth={MEDIA_MAX_WIDTH}>\n <ImageViewer\n // Only the empty state can fail `required`, so the add button is\n // always the right target for react-hook-form's shouldFocusError.\n ref={setFieldRef}\n dataHook={`video-${field.id}`}\n onAddImage={isMobile ? undefined : () => openMedia()}\n addImageInfo={t('auto-patterns.fields.add_video_tooltip')}\n height={MEDIA_HEIGHT}\n width=\"100%\"\n />\n </Box>\n )}\n {isPreviewOpen && (\n <Modal isOpen={isPreviewOpen} onRequestClose={handleClosePreview}>\n <CustomModalLayout\n title={field.displayName}\n onCloseButtonClick={handleClosePreview}\n content={\n <div\n style={{\n display: 'flex',\n justifyContent: 'center',\n padding: '24px',\n }}\n >\n <video\n controls\n autoPlay\n style={{ maxWidth: '100%', maxHeight: '70vh' }}\n poster={imageUrl}\n >\n {videoUrl && <source src={videoUrl} type=\"video/mp4\" />}\n Your browser does not support the video tag.\n </video>\n </div>\n }\n />\n </Modal>\n )}\n </FormField>\n );\n};\n\nexport const FormVideo = observer(_FormVideo);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/hooks/index.js CHANGED Viewed

@@ -55,6 +55,12 @@ Object.keys(_useCellEditKeyboard).forEach(function (key) {
   if (key in exports && exports[key] === _useCellEditKeyboard[key]) return;
   exports[key] = _useCellEditKeyboard[key];
 });
+var _useFieldRef = require("./use-field-ref");
+Object.keys(_useFieldRef).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useFieldRef[key]) return;
+  exports[key] = _useFieldRef[key];
+});
 var _useMergedRef = require("./use-merged-ref");
 Object.keys(_useMergedRef).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/dist/cjs/hooks/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_useAutoFocus","require","Object","keys","forEach","key","exports","_useControlledInput","_useRequestCallback","_useSetSelectionOnFocus","_useOpenState","_useTranslations","_useWithCallback","_useResizeEffect","_useCellEditKeyboard","_useMergedRef","_useScrollToErrorRef"],"sources":["../../../src/hooks/index.ts"],"sourcesContent":["export * from './use-auto-focus';\nexport * from './use-controlled-input';\nexport * from './use-request-callback';\nexport * from './use-set-selection-on-focus';\nexport * from './use-open-state';\nexport * from './use-translations';\nexport * from './use-with-callback';\nexport * from './use-resize-effect';\nexport * from './use-cell-edit-keyboard';\nexport * from './use-merged-ref';\nexport * from './use-scroll-to-error-ref';\n"],"mappings":"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~~aAAA~~,GAAAd,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAY,~~aAAA~~,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAU,~~aAAA~~,CAAAV,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAU,~~aAAA~~,CAAAV,GAAA;AAAA;AACA,IAAAW,~~oBAAA~~,GAAAf,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAa,~~oBAAA~~,EAAAZ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAW,~~oBAAA~~,CAAAX,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAW,~~oBAAA~~,CAAAX,GAAA;AAAA","ignoreList":[]}
1	+ {"version":3,"names":["_useAutoFocus","require","Object","keys","forEach","key","exports","_useControlledInput","_useRequestCallback","_useSetSelectionOnFocus","_useOpenState","_useTranslations","_useWithCallback","_useResizeEffect","_useCellEditKeyboard","_useFieldRef","_useMergedRef","_useScrollToErrorRef"],"sources":["../../../src/hooks/index.ts"],"sourcesContent":["export * from './use-auto-focus';\nexport * from './use-controlled-input';\nexport * from './use-request-callback';\nexport * from './use-set-selection-on-focus';\nexport * from './use-open-state';\nexport * from './use-translations';\nexport * from './use-with-callback';\nexport * from './use-resize-effect';\nexport * from './use-cell-edit-keyboard';\nexport * from './use-field-ref';\nexport * from './use-merged-ref';\nexport * from './use-scroll-to-error-ref';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/hooks/pr-5746-kobiburnley-comments.md ADDED Viewed

@@ -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).