@wix/patterns-fields 1.55.0 → 1.59.0

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

@@ -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/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"toolbar3600818548\";\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\":\"toolbar3600818548__root\",\"item\":\"toolbar3600818548__item\",\"separator\":\"toolbar3600818548__separator\",\"clearFormatting\":\"toolbar3600818548__clearFormatting\",\"fullScreen\":\"toolbar3600818548__fullScreen\",\"dropdownItemContent\":\"toolbar3600818548__dropdownItemContent\",\"dropdownItemTitle\":\"toolbar3600818548__dropdownItemTitle\",\"dropdownItemSubtitle\":\"toolbar3600818548__dropdownItemSubtitle\",\"dropdownHeaderOne\":\"toolbar3600818548__dropdownHeaderOne\",\"dropdownHeaderTwo\":\"toolbar3600818548__dropdownHeaderTwo\",\"dropdownHeaderThree\":\"toolbar3600818548__dropdownHeaderThree\",\"dropdownHeaderFour\":\"toolbar3600818548__dropdownHeaderFour\",\"dropdownHeaderFive\":\"toolbar3600818548__dropdownHeaderFive\",\"dropdownHeaderSix\":\"toolbar3600818548__dropdownHeaderSix\",\"dropdownParagraphOne\":\"toolbar3600818548__dropdownParagraphOne\",\"dropdownNormalText\":\"toolbar3600818548__dropdownNormalText\",\"dropdownParagraphThree\":\"toolbar3600818548__dropdownParagraphThree\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-blue-400\":\"--wds-color-blue-400\",\"wds-color-black-400\":\"--wds-color-black-400\",\"wds-color-white\":\"--wds-color-white\",\"wds-font-family-default\":\"--wds-font-family-default\",\"wsr-font-family\":\"--wsr-font-family\",\"wds-font-weight-medium\":\"--wds-font-weight-medium\",\"wds-font-weight-bold\":\"--wds-font-weight-bold\",\"wds-font-size-500\":\"--wds-font-size-500\",\"wds-font-line-height-300\":\"--wds-font-line-height-300\",\"wsr-color-B40\":\"--wsr-color-B40\",\"wsr-color-D80\":\"--wsr-color-D80\"}; \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,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;AAA2C,CAAC;AACx8B,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;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;AAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../../src/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"toolbar4112744814\";\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\":\"toolbar4112744814__root\",\"item\":\"toolbar4112744814__item\",\"separator\":\"toolbar4112744814__separator\",\"clearFormatting\":\"toolbar4112744814__clearFormatting\",\"fullScreen\":\"toolbar4112744814__fullScreen\",\"dropdownItemContent\":\"toolbar4112744814__dropdownItemContent\",\"dropdownItemTitle\":\"toolbar4112744814__dropdownItemTitle\",\"dropdownItemSubtitle\":\"toolbar4112744814__dropdownItemSubtitle\",\"dropdownHeaderOne\":\"toolbar4112744814__dropdownHeaderOne\",\"dropdownHeaderTwo\":\"toolbar4112744814__dropdownHeaderTwo\",\"dropdownHeaderThree\":\"toolbar4112744814__dropdownHeaderThree\",\"dropdownHeaderFour\":\"toolbar4112744814__dropdownHeaderFour\",\"dropdownHeaderFive\":\"toolbar4112744814__dropdownHeaderFive\",\"dropdownHeaderSix\":\"toolbar4112744814__dropdownHeaderSix\",\"dropdownParagraphOne\":\"toolbar4112744814__dropdownParagraphOne\",\"dropdownNormalText\":\"toolbar4112744814__dropdownNormalText\",\"dropdownParagraphThree\":\"toolbar4112744814__dropdownParagraphThree\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-blue-400\":\"--wds-color-blue-400\",\"wds-color-black-400\":\"--wds-color-black-400\",\"wds-color-white\":\"--wds-color-white\",\"wds-font-family-default\":\"--wds-font-family-default\",\"wsr-font-family\":\"--wsr-font-family\",\"wds-font-weight-medium\":\"--wds-font-weight-medium\",\"wds-font-weight-bold\":\"--wds-font-weight-bold\",\"wds-font-size-500\":\"--wds-font-size-500\",\"wds-font-line-height-300\":\"--wds-font-line-height-300\",\"wsr-color-B40\":\"--wsr-color-B40\",\"wsr-color-D80\":\"--wsr-color-D80\"}; \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,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;AAA2C,CAAC;AACx8B,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;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;AAAiB,CAAC","ignoreList":[]}

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

@@ -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_ = "textview370550586";
+var _namespace_ = "textview62424450";
 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": "textview370550586__root",
-  "textView": "textview370550586__textView"
+  "root": "textview62424450__root",
+  "textView": "textview62424450__textView"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -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_ = \"textview370550586\";\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\":\"textview370550586__root\",\"textView\":\"textview370550586__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":[]}
+{"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_ = \"textview62424450\";\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\":\"textview62424450__root\",\"textView\":\"textview62424450__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,kBAAkB;AACpC,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,wBAAwB;EAAC,UAAU,EAAC;AAA4B,CAAC;AACvF,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-input.js

@@ -15,9 +15,11 @@ const FormTimeInput = ({
   onInput,
   autoFocus,
   readOnly,
-  dataHook
+  dataHook,
+  inputRef: externalRef
 }) => {
-  const inputRef = (0, _react.useRef)(null);
+  const internalRef = (0, _react.useRef)(null);
+  const inputRef = externalRef ?? internalRef;
   (0, _hooks.useAutoFocus)(inputRef, autoFocus);
   const {
     t
@@ -46,14 +48,14 @@ const FormTimeInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 47,
+        lineNumber: 52,
         columnNumber: 11
       }
     }) : undefined,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 35,
+      lineNumber: 40,
       columnNumber: 5
     }
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_hooks","_timeInput","_hooks2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FormTimeInput","data","onChange","onInput","autoFocus","readOnly","dataHook","inputRef","useRef","useAutoFocus","useTranslations","value","onChangeValue","useTime","handleClear","useCallback","undefined","createElement","TimeInput","ref","width","placeholder","invalidMessage","suffix","CloseButton","as","size","skin","onClick","__self","__source","fileName","lineNumber","columnNumber","exports","displayName"],"sources":["../../../../src/components/time-input/form-time-input.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React, { useCallback, useRef } from 'react';\n\nimport { CloseButton } from '@wix/design-system';\nimport type { TimeInputImperativeActions } from '@wix/design-system';\n\nimport type { FormInputProps } from '../../types';\nimport { useAutoFocus, useTranslations } from '../../hooks';\n\nimport { TimeInput } from './time-input';\nimport { useTime, type Time } from './hooks';\n\nexport type FormTimeInputProps = FormInputProps<Time>;\n\nexport const FormTimeInput: FC<FormTimeInputProps> = ({\n  data,\n  onChange,\n  onInput,\n  autoFocus,\n  readOnly,\n  dataHook,\n}) => {\n  const inputRef = useRef<TimeInputImperativeActions>(null);\n  useAutoFocus(inputRef, autoFocus);\n  const { t } = useTranslations();\n\n  const [value, onChangeValue] = useTime(data, onChange);\n\n  const handleClear = useCallback(() => {\n    onChangeValue(undefined);\n    onInput?.();\n  }, [onChangeValue, onInput]);\n\n  return (\n    <TimeInput\n      dataHook={dataHook}\n      ref={inputRef}\n      readOnly={readOnly}\n      value={value}\n      onChange={onChangeValue}\n      onInput={onInput}\n      width=\"100%\"\n      placeholder={t('CMS.formTime.placeholder')}\n      invalidMessage={t('CMS.formTime.invalidMessage')}\n      suffix={\n        value && !readOnly ? (\n          <CloseButton\n            as=\"button\"\n            size=\"small\"\n            skin=\"standardFilled\"\n            onClick={handleClear}\n            dataHook=\"form-time-input-clear\"\n          />\n        ) : undefined\n      }\n    />\n  );\n};\n\nFormTimeInput.displayName = 'FormTimeInput';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_hooks","_timeInput","_hooks2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FormTimeInput","data","onChange","onInput","autoFocus","readOnly","dataHook","inputRef","externalRef","internalRef","useRef","useAutoFocus","useTranslations","value","onChangeValue","useTime","handleClear","useCallback","undefined","createElement","TimeInput","ref","width","placeholder","invalidMessage","suffix","CloseButton","as","size","skin","onClick","__self","__source","fileName","lineNumber","columnNumber","exports","displayName"],"sources":["../../../../src/components/time-input/form-time-input.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React, { useCallback, useRef } from 'react';\n\nimport { CloseButton } from '@wix/design-system';\nimport type { TimeInputImperativeActions } from '@wix/design-system';\n\nimport type { FormInputProps } from '../../types';\nimport { useAutoFocus, useTranslations } from '../../hooks';\n\nimport { TimeInput } from './time-input';\nimport { useTime, type Time } from './hooks';\n\nexport type FormTimeInputProps = FormInputProps<Time> & {\n  /** Ref to the underlying TimeInput's imperative handle (focus/blur/clear). */\n  inputRef?: React.RefObject<TimeInputImperativeActions>;\n};\n\nexport const FormTimeInput: FC<FormTimeInputProps> = ({\n  data,\n  onChange,\n  onInput,\n  autoFocus,\n  readOnly,\n  dataHook,\n  inputRef: externalRef,\n}) => {\n  const internalRef = useRef<TimeInputImperativeActions>(null);\n  const inputRef = externalRef ?? internalRef;\n  useAutoFocus(inputRef, autoFocus);\n  const { t } = useTranslations();\n\n  const [value, onChangeValue] = useTime(data, onChange);\n\n  const handleClear = useCallback(() => {\n    onChangeValue(undefined);\n    onInput?.();\n  }, [onChangeValue, onInput]);\n\n  return (\n    <TimeInput\n      dataHook={dataHook}\n      ref={inputRef}\n      readOnly={readOnly}\n      value={value}\n      onChange={onChangeValue}\n      onInput={onInput}\n      width=\"100%\"\n      placeholder={t('CMS.formTime.placeholder')}\n      invalidMessage={t('CMS.formTime.invalidMessage')}\n      suffix={\n        value && !readOnly ? (\n          <CloseButton\n            as=\"button\"\n            size=\"small\"\n            skin=\"standardFilled\"\n            onClick={handleClear}\n            dataHook=\"form-time-input-clear\"\n          />\n        ) : undefined\n      }\n    />\n  );\n};\n\nFormTimeInput.displayName = 'FormTimeInput';\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,9 +1,8 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.FormTime = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
 var _mobxReactLite = require("mobx-react-lite");
 var _react2 = require("@wix/bex-core/react");
@@ -14,6 +13,7 @@ var _string = require("../../validations/string");
 var _typeMismatchExclamation = require("../exclamation/type-mismatch-exclamation");
 var _formTimeInput = require("./form-time-input");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/time-input/form-time.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const _FormTime = props => {
   var _field$validation2, _controller$fieldStat;
   const {
@@ -42,6 +42,20 @@ 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.
+  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();
+      }
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
   return /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
     label: field.displayName,
     required: (_field$validation2 = field.validation) == null ? void 0 : _field$validation2.required,
@@ -65,25 +79,26 @@ const _FormTime = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 52,
+        lineNumber: 62,
         columnNumber: 11
       }
     }),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 41,
+      lineNumber: 51,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_formTimeInput.FormTimeInput, {
     autoFocus: false,
+    inputRef: timeRef,
     data: controller.field.value,
     onChange: value => controller.field.onChange(value),
     dataHook: `time-${field.id}`,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 72,
+      lineNumber: 82,
       columnNumber: 7
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_react2","_form","_hooks","_validations","_string","_typeMismatchExclamation","_formTimeInput","_jsxFileName","_FormTime","props","_field$validation2","_controller$fieldStat","field","dataHook","formControl","data","translate","pt","useWixPatternsContainer","t","useTranslations","controller","useController","name","id","control","defaultValue","rules","validate","value","_field$validation","validation","required","isEmpty","default","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","FormTime","exports","observer"],"sources":["../../../../src/components/time-input/form-time.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField } 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  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        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":[]}
+{"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":"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","ignoreList":[]}

package/dist/cjs/components/url/form-url.js

@@ -6,7 +6,7 @@ exports.FormUrl = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
 var _mobxReactLite = require("mobx-react-lite");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _react2 = require("@wix/bex-core/react");
 var _form = require("@wix/bex-core/form");
 var _string = require("../../validations/string");
@@ -59,7 +59,7 @@ const _FormUrl = props => {
         lineNumber: 44,
         columnNumber: 11
       }
-    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Link, {
+    }, /*#__PURE__*/_react.default.createElement(_lazy.Link, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,

package/dist/cjs/components/url/form-url.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_wixUiIconsCommon","_react2","_form","_string","_url","_jsxFileName","_FormUrl","props","_field$validation2","_controller$fieldStat","field","dataHook","formControl","data","translate","t","useWixPatternsContainer","controller","useController","name","id","control","defaultValue","rules","validate","value","_field$validation","validation","required","isEmpty","isValidUri","default","createElement","FormField","label","displayName","status","fieldState","error","undefined","statusMessage","message","__self","__source","fileName","lineNumber","columnNumber","Input","prefix","IconAffix","Link","placeholder","onChange","e","target","onBlur","ref","FormUrl","exports","observer"],"sources":["../../../../src/components/url/form-url.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField, Input } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { Link } from '@wix/wix-ui-icons-common';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useController } from '@wix/bex-core/form';\n\nimport { BaseInputProps } from '../../types/base-input';\nimport { isEmpty } from '../../validations/string';\nimport { isValidUri } from '../../validations/url';\n\nexport interface FormUrlProps extends BaseInputProps<string> {}\n\nconst _FormUrl = (props: FormUrlProps) => {\n  const { field, dataHook, formControl, data } = props;\n  const { translate: t } = useWixPatternsContainer();\n\n  const controller = useController({\n    name: field.id,\n    control: formControl,\n    defaultValue: data?.[field.id],\n    rules: {\n      validate: (value: string | null | undefined) => {\n        if (field.validation?.required && isEmpty(value)) {\n          return t('cairo.fieldValidation.requiredField');\n        } else if (value) {\n          return isValidUri(value) || t('cairo.customFields.url-input.error');\n        }\n        return true;\n      },\n    },\n  });\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      dataHook={dataHook}\n      status={controller.fieldState.error ? 'error' : undefined}\n      statusMessage={controller.fieldState.error?.message}\n    >\n      <Input\n        prefix={\n          <Input.IconAffix>\n            <Link />\n          </Input.IconAffix>\n        }\n        placeholder={t('cairo.customFields.url-input.placeholder')}\n        dataHook={`url-${field.id}`}\n        value={controller.field.value}\n        onChange={(e) => controller.field.onChange?.(e.target.value)}\n        onBlur={controller.field.onBlur}\n        ref={controller.field.ref}\n      />\n    </FormField>\n  );\n};\n\nexport const FormUrl = observer(_FormUrl);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_lazy","_react2","_form","_string","_url","_jsxFileName","_FormUrl","props","_field$validation2","_controller$fieldStat","field","dataHook","formControl","data","translate","t","useWixPatternsContainer","controller","useController","name","id","control","defaultValue","rules","validate","value","_field$validation","validation","required","isEmpty","isValidUri","default","createElement","FormField","label","displayName","status","fieldState","error","undefined","statusMessage","message","__self","__source","fileName","lineNumber","columnNumber","Input","prefix","IconAffix","Link","placeholder","onChange","e","target","onBlur","ref","FormUrl","exports","observer"],"sources":["../../../../src/components/url/form-url.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField, Input } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { Link } from '@wix/wix-ui-icons-common/lazy';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useController } from '@wix/bex-core/form';\n\nimport { BaseInputProps } from '../../types/base-input';\nimport { isEmpty } from '../../validations/string';\nimport { isValidUri } from '../../validations/url';\n\nexport interface FormUrlProps extends BaseInputProps<string> {}\n\nconst _FormUrl = (props: FormUrlProps) => {\n  const { field, dataHook, formControl, data } = props;\n  const { translate: t } = useWixPatternsContainer();\n\n  const controller = useController({\n    name: field.id,\n    control: formControl,\n    defaultValue: data?.[field.id],\n    rules: {\n      validate: (value: string | null | undefined) => {\n        if (field.validation?.required && isEmpty(value)) {\n          return t('cairo.fieldValidation.requiredField');\n        } else if (value) {\n          return isValidUri(value) || t('cairo.customFields.url-input.error');\n        }\n        return true;\n      },\n    },\n  });\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      dataHook={dataHook}\n      status={controller.fieldState.error ? 'error' : undefined}\n      statusMessage={controller.fieldState.error?.message}\n    >\n      <Input\n        prefix={\n          <Input.IconAffix>\n            <Link />\n          </Input.IconAffix>\n        }\n        placeholder={t('cairo.customFields.url-input.placeholder')}\n        dataHook={`url-${field.id}`}\n        value={controller.field.value}\n        onChange={(e) => controller.field.onChange?.(e.target.value)}\n        onBlur={controller.field.onBlur}\n        ref={controller.field.ref}\n      />\n    </FormField>\n  );\n};\n\nexport const FormUrl = observer(_FormUrl);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/url/url-view.js

@@ -5,7 +5,7 @@ exports.__esModule = true;
 exports.UrlView = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _useTranslations = require("../../hooks/use-translations");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/url/url-view.tsx";
 const UrlView = ({
@@ -94,7 +94,7 @@ const UrlView = ({
       lineNumber: 36,
       columnNumber: 13
     }
-  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ExternalLinkSmall, {
+  }, /*#__PURE__*/_react.default.createElement(_lazy.ExternalLinkSmall, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,

package/dist/cjs/components/url/url-view.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_useTranslations","_jsxFileName","UrlView","value","t","useTranslations","openLinkLabel","safeHref","test","undefined","default","createElement","style","width","padding","display","alignItems","boxSizing","height","__self","__source","fileName","lineNumber","columnNumber","flex","minWidth","overflow","Text","size","ellipsis","Tooltip","content","appendTo","IconButton","dataHook","as","href","target","rel","skin","priority","ariaLabel","onClick","e","stopPropagation","onMouseDown","preventDefault","flexShrink","marginLeft","ExternalLinkSmall","exports","displayName"],"sources":["../../../../src/components/url/url-view.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Tooltip, IconButton } from '@wix/design-system';\nimport { ExternalLinkSmall } from '@wix/wix-ui-icons-common';\nimport { useTranslations } from '../../hooks/use-translations';\n\nexport interface UrlViewProps {\n  value?: string | null;\n}\n\nexport const UrlView: React.FC<UrlViewProps> = ({ value }) => {\n  const { t } = useTranslations();\n  const openLinkLabel = t('auto-patterns.url_view.open_in_new_tab');\n  const safeHref = value && /^https?:\\/\\//i.test(value) ? value : undefined;\n\n  return (\n    <div\n      style={{\n        width: '100%',\n        padding: '9px 6px 9px 12px',\n        display: 'flex',\n        alignItems: 'center',\n        boxSizing: 'border-box',\n        height: '100%',\n      }}\n    >\n      <div style={{ flex: 1, minWidth: 0, overflow: 'hidden' }}>\n        <Text size=\"small\" ellipsis>\n          {value ?? ''}\n        </Text>\n      </div>\n      {safeHref && (\n        <Tooltip content={openLinkLabel} appendTo=\"window\" size=\"small\">\n          {/* span with display:contents prevents WDS Tooltip's cloneElement from\n              injecting onFocus/onBlur directly onto the IconButton anchor element */}\n          <span style={{ display: 'contents' }}>\n            <IconButton\n              dataHook=\"open-link-button\"\n              as=\"a\"\n              href={safeHref}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              size=\"tiny\"\n              skin=\"dark\"\n              priority=\"tertiary\"\n              ariaLabel={openLinkLabel}\n              onClick={(e: React.MouseEvent) => e.stopPropagation()}\n              onMouseDown={(e: React.MouseEvent) => e.preventDefault()}\n              style={{ flexShrink: 0, marginLeft: 6 }}\n            >\n              <ExternalLinkSmall />\n            </IconButton>\n          </span>\n        </Tooltip>\n      )}\n    </div>\n  );\n};\n\nUrlView.displayName = 'UrlView';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_useTranslations","_jsxFileName","UrlView","value","t","useTranslations","openLinkLabel","safeHref","test","undefined","default","createElement","style","width","padding","display","alignItems","boxSizing","height","__self","__source","fileName","lineNumber","columnNumber","flex","minWidth","overflow","Text","size","ellipsis","Tooltip","content","appendTo","IconButton","dataHook","as","href","target","rel","skin","priority","ariaLabel","onClick","e","stopPropagation","onMouseDown","preventDefault","flexShrink","marginLeft","ExternalLinkSmall","exports","displayName"],"sources":["../../../../src/components/url/url-view.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Tooltip, IconButton } from '@wix/design-system';\nimport { ExternalLinkSmall } from '@wix/wix-ui-icons-common/lazy';\nimport { useTranslations } from '../../hooks/use-translations';\n\nexport interface UrlViewProps {\n  value?: string | null;\n}\n\nexport const UrlView: React.FC<UrlViewProps> = ({ value }) => {\n  const { t } = useTranslations();\n  const openLinkLabel = t('auto-patterns.url_view.open_in_new_tab');\n  const safeHref = value && /^https?:\\/\\//i.test(value) ? value : undefined;\n\n  return (\n    <div\n      style={{\n        width: '100%',\n        padding: '9px 6px 9px 12px',\n        display: 'flex',\n        alignItems: 'center',\n        boxSizing: 'border-box',\n        height: '100%',\n      }}\n    >\n      <div style={{ flex: 1, minWidth: 0, overflow: 'hidden' }}>\n        <Text size=\"small\" ellipsis>\n          {value ?? ''}\n        </Text>\n      </div>\n      {safeHref && (\n        <Tooltip content={openLinkLabel} appendTo=\"window\" size=\"small\">\n          {/* span with display:contents prevents WDS Tooltip's cloneElement from\n              injecting onFocus/onBlur directly onto the IconButton anchor element */}\n          <span style={{ display: 'contents' }}>\n            <IconButton\n              dataHook=\"open-link-button\"\n              as=\"a\"\n              href={safeHref}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              size=\"tiny\"\n              skin=\"dark\"\n              priority=\"tertiary\"\n              ariaLabel={openLinkLabel}\n              onClick={(e: React.MouseEvent) => e.stopPropagation()}\n              onMouseDown={(e: React.MouseEvent) => e.preventDefault()}\n              style={{ flexShrink: 0, marginLeft: 6 }}\n            >\n              <ExternalLinkSmall />\n            </IconButton>\n          </span>\n        </Tooltip>\n      )}\n    </div>\n  );\n};\n\nUrlView.displayName = 'UrlView';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/video/cell-video-edit.js

@@ -4,7 +4,7 @@ exports.__esModule = true;
 exports.CellVideoEdit = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _mediaUtils = require("../../utils/media-utils");
 var _hooks = require("../../hooks");
 var _mediaControl = require("../media-control");
@@ -265,7 +265,7 @@ const CellVideoEdit = ({
       lineNumber: 228,
       columnNumber: 13
     }
-  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Add, {
+  }, /*#__PURE__*/_react.default.createElement(_lazy.Add, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
@@ -316,7 +316,7 @@ const CellVideoEdit = ({
         lineNumber: 263,
         columnNumber: 17
       }
-    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.MoreSmall, {
+    }, /*#__PURE__*/_react.default.createElement(_lazy.MoreSmall, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
@@ -333,7 +333,7 @@ const CellVideoEdit = ({
   }, /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
     dataHook: "video-edit-action-change",
     text: t('CMS.video.change'),
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Replace, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Replace, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
@@ -358,7 +358,7 @@ const CellVideoEdit = ({
   }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
     dataHook: "video-edit-action-preview",
     text: t('CMS.video.preview'),
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Maximize, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Maximize, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
@@ -376,7 +376,7 @@ const CellVideoEdit = ({
   }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
     dataHook: "video-edit-action-download",
     text: t('CMS.video.download'),
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Download, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Download, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
@@ -402,7 +402,7 @@ const CellVideoEdit = ({
     dataHook: "video-edit-action-delete",
     text: t('CMS.video.delete'),
     skin: "destructive",
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Delete, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Delete, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,

package/dist/cjs/components/video/cell-video-edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_wixUiIconsCommon","_mediaUtils","_hooks","_mediaControl","_imageThumbnail","_thumbnailReplaceOverlay","_mediaPreviewModal","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CellVideoEdit","value","onChange","onCommit","onCancel","onStartEdit","onRequestCellFocus","inputRef","dataHook","useTranslations","containerRef","useRef","isPreviewOpen","setIsPreviewOpen","useState","thumbnailButtonRef","addButtonRef","moreButtonRef","onMediaChange","useCallback","uri","callMedia","downloadMedia","loading","useMediaControl","mediaType","MEDIA_TYPES","VIDEO","undefined","handleCallMedia","committed","handleDelete","handleDownload","useEffect","current","focus","_thumbnailButtonRef$c","_addButtonRef$current","handleContainerFocus","_containerRef$current","setAttribute","handleContainerBlur","currentTarget","contains","relatedTarget","_containerRef$current2","removeAttribute","el","handleKeyDown","key","preventDefault","stopPropagation","active","document","activeElement","hook","getAttribute","isPrimary","isMore","focusPrimary","_thumbnailButtonRef$c2","_addButtonRef$current2","shiftKey","addEventListener","removeEventListener","createElement","Box","verticalAlign","width","height","padding","__self","__source","fileName","lineNumber","columnNumber","Loader","size","ref","style","onFocus","onBlur","align","boxSizing","Tooltip","content","appendTo","type","onClick","cursor","lineHeight","position","background","border","ImageThumbnail","showVideoIndicator","ThumbnailReplaceOverlay","IconButton","priority","Add","MediaPreviewModal","isOpen","onClose","onRequestMedia","onClearMedia","onDownloadMedia","textKeys","replace","download","delete","PopoverMenu","textSize","triggerElement","MoreSmall","MenuItem","text","prefixIcon","Replace","Divider","Maximize","Download","skin","Delete","exports","displayName"],"sources":["../../../../src/components/video/cell-video-edit.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport {\n  Box,\n  IconButton,\n  Loader,\n  PopoverMenu,\n  Tooltip,\n} from '@wix/design-system';\nimport {\n  Add,\n  Delete,\n  Download,\n  Maximize,\n  MoreSmall,\n  Replace,\n} from '@wix/wix-ui-icons-common';\nimport { MEDIA_TYPES } from '../../utils/media-utils';\nimport { useTranslations } from '../../hooks';\nimport { useMediaControl } from '../media-control';\nimport { ImageThumbnail } from '../image/image-thumbnail';\nimport { ThumbnailReplaceOverlay } from '../image/thumbnail-replace-overlay';\nimport { MediaPreviewModal } from '../media-gallery/media-preview-modal';\n\nexport interface CellVideoEditProps {\n  value: string | null | undefined;\n  onChange: (value: string | null) => void;\n  onCommit: () => void;\n  onCancel?: () => void;\n  /**\n   * Called before opening external UI (media manager) so the table can set\n   * isEditing=true and protect cell focus while the modal is open.\n   */\n  onStartEdit?: () => void;\n  /** Called to return focus to the table cell (e.g. on Escape or Tab-out). */\n  onRequestCellFocus?: () => void;\n  inputRef?: React.MutableRefObject<{ focus: () => void } | null | undefined>;\n  dataHook?: string;\n}\n\nexport const CellVideoEdit: React.FC<CellVideoEditProps> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  onStartEdit,\n  onRequestCellFocus,\n  inputRef,\n  dataHook,\n}) => {\n  const { t } = useTranslations();\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const [isPreviewOpen, setIsPreviewOpen] = useState(false);\n\n  // Explicit refs for each focusable button — avoids querySelectorAll on the container.\n  const thumbnailButtonRef = useRef<HTMLButtonElement | null>(null);\n  const addButtonRef = useRef<React.ElementRef<typeof IconButton> | null>(null);\n  const moreButtonRef = useRef<React.ElementRef<typeof IconButton> | null>(\n    null,\n  );\n\n  const onMediaChange = useCallback(\n    (uri: string) => {\n      onChange(uri);\n      onCommit();\n    },\n    [onChange, onCommit],\n  );\n\n  const { callMedia, downloadMedia, loading } = useMediaControl({\n    mediaType: MEDIA_TYPES.VIDEO,\n    value: value ?? undefined,\n    onChange: onMediaChange,\n  });\n\n  const handleCallMedia = useCallback(async () => {\n    onStartEdit?.();\n    const committed = await callMedia();\n    if (!committed) {\n      onCancel?.();\n    }\n  }, [onStartEdit, callMedia, onCancel]);\n\n  const handleDelete = useCallback(() => {\n    onChange(null);\n    onCommit();\n  }, [onChange, onCommit]);\n\n  const handleDownload = useCallback(() => {\n    if (value) {\n      downloadMedia(value);\n    }\n  }, [downloadMedia, value]);\n\n  // Wire inputRef so the table can focus the first button when activating edit mode.\n  useEffect(() => {\n    if (!inputRef) return;\n    inputRef.current = {\n      focus: () => {\n        // Only one of these is mounted at a time depending on whether value is set.\n        thumbnailButtonRef.current?.focus();\n        addButtonRef.current?.focus();\n      },\n    };\n    return () => {\n      inputRef.current = null;\n    };\n  }, [inputRef]);\n\n  const handleContainerFocus = useCallback(() => {\n    containerRef.current?.setAttribute('data-inner-focused', '');\n  }, []);\n\n  const handleContainerBlur = useCallback((e: React.FocusEvent) => {\n    if (!e.currentTarget.contains(e.relatedTarget as Node | null)) {\n      containerRef.current?.removeAttribute('data-inner-focused');\n    }\n  }, []);\n\n  // Native keydown listener to intercept Tab/Escape before useKeyboardNavigation.\n  useEffect(() => {\n    const el = containerRef.current;\n    if (!el) return;\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        e.stopPropagation();\n        onCancel?.();\n        onRequestCellFocus?.();\n        return;\n      }\n\n      if (e.key === 'Tab') {\n        const active = document.activeElement as HTMLElement | null;\n        if (!active || !el.contains(active)) return;\n\n        const hook = active.getAttribute('data-hook');\n        const isPrimary =\n          hook === 'video-edit-thumbnail' || hook === 'video-edit-add-button';\n        const isMore = hook === 'video-edit-more-button';\n        if (!isPrimary && !isMore) return;\n\n        e.preventDefault();\n        e.stopPropagation();\n\n        const focusPrimary = () => {\n          thumbnailButtonRef.current?.focus();\n          addButtonRef.current?.focus();\n        };\n\n        if (!e.shiftKey) {\n          // Forward: primary → more → cell\n          if (isPrimary && moreButtonRef.current) {\n            moreButtonRef.current.focus();\n          } else {\n            onRequestCellFocus?.();\n          }\n        } else {\n          // Backward: more → primary → cell\n          if (isMore) {\n            focusPrimary();\n          } else {\n            onRequestCellFocus?.();\n          }\n        }\n      }\n    };\n\n    el.addEventListener('keydown', handleKeyDown);\n    return () => el.removeEventListener('keydown', handleKeyDown);\n  }, [onCancel, onRequestCellFocus]);\n\n  if (loading) {\n    return (\n      <Box\n        dataHook={dataHook}\n        verticalAlign=\"middle\"\n        width=\"100%\"\n        height=\"100%\"\n        padding=\"0 8px\"\n      >\n        <Loader size=\"tiny\" />\n      </Box>\n    );\n  }\n\n  return (\n    <div\n      ref={containerRef}\n      data-hook={dataHook}\n      style={{ width: '100%', height: '100%' }}\n      onFocus={handleContainerFocus}\n      onBlur={handleContainerBlur}\n    >\n      <Box\n        align=\"space-between\"\n        verticalAlign=\"middle\"\n        height=\"100%\"\n        padding=\"0 8px\"\n        style={{ boxSizing: 'border-box' }}\n      >\n        {value ? (\n          /* Has value: clickable thumbnail button with replace overlay */\n          <Tooltip content={t('CMS.video.change')} appendTo=\"window\">\n            <Box>\n              <button\n                ref={thumbnailButtonRef}\n                type=\"button\"\n                data-hook=\"video-edit-thumbnail\"\n                onClick={handleCallMedia}\n                style={{\n                  cursor: 'pointer',\n                  lineHeight: 0,\n                  position: 'relative',\n                  background: 'none',\n                  border: 'none',\n                  padding: 0,\n                }}\n              >\n                <ImageThumbnail value={value} showVideoIndicator={false} />\n                <ThumbnailReplaceOverlay />\n              </button>\n            </Box>\n          </Tooltip>\n        ) : (\n          /* Empty: icon button opens media manager */\n          <Tooltip content={t('CMS.video.add')} appendTo=\"window\">\n            <IconButton\n              ref={addButtonRef}\n              size=\"tiny\"\n              priority=\"secondary\"\n              dataHook=\"video-edit-add-button\"\n              onClick={handleCallMedia}\n            >\n              <Add />\n            </IconButton>\n          </Tooltip>\n        )}\n\n        <MediaPreviewModal\n          isOpen={isPreviewOpen}\n          onClose={() => setIsPreviewOpen(false)}\n          value={value ?? undefined}\n          onRequestMedia={handleCallMedia}\n          onClearMedia={handleDelete}\n          onDownloadMedia={() => handleDownload()}\n          textKeys={{\n            replace: 'CMS.video.change',\n            download: 'CMS.video.download',\n            delete: 'CMS.video.delete',\n          }}\n        />\n        {value ? (\n          /* Has value: \"...\" menu with Change / Preview / Download / Delete */\n          <PopoverMenu\n            textSize=\"small\"\n            appendTo=\"window\"\n            triggerElement={\n              <Tooltip\n                content={t('auto-patterns.fields.more_actions_tooltip')}\n                appendTo=\"window\"\n              >\n                <IconButton\n                  ref={moreButtonRef}\n                  size=\"tiny\"\n                  priority=\"tertiary\"\n                  dataHook=\"video-edit-more-button\"\n                >\n                  <MoreSmall />\n                </IconButton>\n              </Tooltip>\n            }\n          >\n            <PopoverMenu.MenuItem\n              dataHook=\"video-edit-action-change\"\n              text={t('CMS.video.change')}\n              prefixIcon={<Replace />}\n              onClick={handleCallMedia}\n            />\n            <PopoverMenu.Divider />\n            <PopoverMenu.MenuItem\n              dataHook=\"video-edit-action-preview\"\n              text={t('CMS.video.preview')}\n              prefixIcon={<Maximize />}\n              onClick={() => setIsPreviewOpen(true)}\n            />\n            <PopoverMenu.MenuItem\n              dataHook=\"video-edit-action-download\"\n              text={t('CMS.video.download')}\n              prefixIcon={<Download />}\n              onClick={handleDownload}\n            />\n            <PopoverMenu.Divider />\n            <PopoverMenu.MenuItem\n              dataHook=\"video-edit-action-delete\"\n              text={t('CMS.video.delete')}\n              skin=\"destructive\"\n              prefixIcon={<Delete />}\n              onClick={handleDelete}\n            />\n          </PopoverMenu>\n        ) : null}\n      </Box>\n    </div>\n  );\n};\n\nCellVideoEdit.displayName = 'CellVideoEdit';\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAOA,IAAAE,iBAAA,GAAAF,OAAA;AAQA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,eAAA,GAAAN,OAAA;AACA,IAAAO,wBAAA,GAAAP,OAAA;AACA,IAAAQ,kBAAA,GAAAR,OAAA;AAAyE,IAAAS,YAAA;AAAA,SAAAV,wBAAAW,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAb,uBAAA,YAAAA,CAAAW,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;AAkBlE,MAAMkB,aAA2C,GAAGA,CAAC;EAC1DC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,WAAW;EACXC,kBAAkB;EAClBC,QAAQ;EACRC;AACF,CAAC,KAAK;EACJ,MAAM;IAAE1B;EAAE,CAAC,GAAG,IAAA2B,sBAAe,EAAC,CAAC;EAC/B,MAAMC,YAAY,GAAG,IAAAC,aAAM,EAAwB,IAAI,CAAC;EACxD,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;;EAEzD;EACA,MAAMC,kBAAkB,GAAG,IAAAJ,aAAM,EAA2B,IAAI,CAAC;EACjE,MAAMK,YAAY,GAAG,IAAAL,aAAM,EAA6C,IAAI,CAAC;EAC7E,MAAMM,aAAa,GAAG,IAAAN,aAAM,EAC1B,IACF,CAAC;EAED,MAAMO,aAAa,GAAG,IAAAC,kBAAW,EAC9BC,GAAW,IAAK;IACflB,QAAQ,CAACkB,GAAG,CAAC;IACbjB,QAAQ,CAAC,CAAC;EACZ,CAAC,EACD,CAACD,QAAQ,EAAEC,QAAQ,CACrB,CAAC;EAED,MAAM;IAAEkB,SAAS;IAAEC,aAAa;IAAEC;EAAQ,CAAC,GAAG,IAAAC,6BAAe,EAAC;IAC5DC,SAAS,EAAEC,uBAAW,CAACC,KAAK;IAC5B1B,KAAK,EAAEA,KAAK,IAAI2B,SAAS;IACzB1B,QAAQ,EAAEgB;EACZ,CAAC,CAAC;EAEF,MAAMW,eAAe,GAAG,IAAAV,kBAAW,EAAC,YAAY;IAC9Cd,WAAW,YAAXA,WAAW,CAAG,CAAC;IACf,MAAMyB,SAAS,GAAG,MAAMT,SAAS,CAAC,CAAC;IACnC,IAAI,CAACS,SAAS,EAAE;MACd1B,QAAQ,YAARA,QAAQ,CAAG,CAAC;IACd;EACF,CAAC,EAAE,CAACC,WAAW,EAAEgB,SAAS,EAAEjB,QAAQ,CAAC,CAAC;EAEtC,MAAM2B,YAAY,GAAG,IAAAZ,kBAAW,EAAC,MAAM;IACrCjB,QAAQ,CAAC,IAAI,CAAC;IACdC,QAAQ,CAAC,CAAC;EACZ,CAAC,EAAE,CAACD,QAAQ,EAAEC,QAAQ,CAAC,CAAC;EAExB,MAAM6B,cAAc,GAAG,IAAAb,kBAAW,EAAC,MAAM;IACvC,IAAIlB,KAAK,EAAE;MACTqB,aAAa,CAACrB,KAAK,CAAC;IACtB;EACF,CAAC,EAAE,CAACqB,aAAa,EAAErB,KAAK,CAAC,CAAC;;EAE1B;EACA,IAAAgC,gBAAS,EAAC,MAAM;IACd,IAAI,CAAC1B,QAAQ,EAAE;IACfA,QAAQ,CAAC2B,OAAO,GAAG;MACjBC,KAAK,EAAEA,CAAA,KAAM;QAAA,IAAAC,qBAAA,EAAAC,qBAAA;QACX;QACA,CAAAD,qBAAA,GAAArB,kBAAkB,CAACmB,OAAO,aAA1BE,qBAAA,CAA4BD,KAAK,CAAC,CAAC;QACnC,CAAAE,qBAAA,GAAArB,YAAY,CAACkB,OAAO,aAApBG,qBAAA,CAAsBF,KAAK,CAAC,CAAC;MAC/B;IACF,CAAC;IACD,OAAO,MAAM;MACX5B,QAAQ,CAAC2B,OAAO,GAAG,IAAI;IACzB,CAAC;EACH,CAAC,EAAE,CAAC3B,QAAQ,CAAC,CAAC;EAEd,MAAM+B,oBAAoB,GAAG,IAAAnB,kBAAW,EAAC,MAAM;IAAA,IAAAoB,qBAAA;IAC7C,CAAAA,qBAAA,GAAA7B,YAAY,CAACwB,OAAO,aAApBK,qBAAA,CAAsBC,YAAY,CAAC,oBAAoB,EAAE,EAAE,CAAC;EAC9D,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,mBAAmB,GAAG,IAAAtB,kBAAW,EAAEtC,CAAmB,IAAK;IAC/D,IAAI,CAACA,CAAC,CAAC6D,aAAa,CAACC,QAAQ,CAAC9D,CAAC,CAAC+D,aAA4B,CAAC,EAAE;MAAA,IAAAC,sBAAA;MAC7D,CAAAA,sBAAA,GAAAnC,YAAY,CAACwB,OAAO,aAApBW,sBAAA,CAAsBC,eAAe,CAAC,oBAAoB,CAAC;IAC7D;EACF,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA,IAAAb,gBAAS,EAAC,MAAM;IACd,MAAMc,EAAE,GAAGrC,YAAY,CAACwB,OAAO;IAC/B,IAAI,CAACa,EAAE,EAAE;IAET,MAAMC,aAAa,GAAInE,CAAgB,IAAK;MAC1C,IAAIA,CAAC,CAACoE,GAAG,KAAK,QAAQ,EAAE;QACtBpE,CAAC,CAACqE,cAAc,CAAC,CAAC;QAClBrE,CAAC,CAACsE,eAAe,CAAC,CAAC;QACnB/C,QAAQ,YAARA,QAAQ,CAAG,CAAC;QACZE,kBAAkB,YAAlBA,kBAAkB,CAAG,CAAC;QACtB;MACF;MAEA,IAAIzB,CAAC,CAACoE,GAAG,KAAK,KAAK,EAAE;QACnB,MAAMG,MAAM,GAAGC,QAAQ,CAACC,aAAmC;QAC3D,IAAI,CAACF,MAAM,IAAI,CAACL,EAAE,CAACJ,QAAQ,CAACS,MAAM,CAAC,EAAE;QAErC,MAAMG,IAAI,GAAGH,MAAM,CAACI,YAAY,CAAC,WAAW,CAAC;QAC7C,MAAMC,SAAS,GACbF,IAAI,KAAK,sBAAsB,IAAIA,IAAI,KAAK,uBAAuB;QACrE,MAAMG,MAAM,GAAGH,IAAI,KAAK,wBAAwB;QAChD,IAAI,CAACE,SAAS,IAAI,CAACC,MAAM,EAAE;QAE3B7E,CAAC,CAACqE,cAAc,CAAC,CAAC;QAClBrE,CAAC,CAACsE,eAAe,CAAC,CAAC;QAEnB,MAAMQ,YAAY,GAAGA,CAAA,KAAM;UAAA,IAAAC,sBAAA,EAAAC,sBAAA;UACzB,CAAAD,sBAAA,GAAA7C,kBAAkB,CAACmB,OAAO,aAA1B0B,sBAAA,CAA4BzB,KAAK,CAAC,CAAC;UACnC,CAAA0B,sBAAA,GAAA7C,YAAY,CAACkB,OAAO,aAApB2B,sBAAA,CAAsB1B,KAAK,CAAC,CAAC;QAC/B,CAAC;QAED,IAAI,CAACtD,CAAC,CAACiF,QAAQ,EAAE;UACf;UACA,IAAIL,SAAS,IAAIxC,aAAa,CAACiB,OAAO,EAAE;YACtCjB,aAAa,CAACiB,OAAO,CAACC,KAAK,CAAC,CAAC;UAC/B,CAAC,MAAM;YACL7B,kBAAkB,YAAlBA,kBAAkB,CAAG,CAAC;UACxB;QACF,CAAC,MAAM;UACL;UACA,IAAIoD,MAAM,EAAE;YACVC,YAAY,CAAC,CAAC;UAChB,CAAC,MAAM;YACLrD,kBAAkB,YAAlBA,kBAAkB,CAAG,CAAC;UACxB;QACF;MACF;IACF,CAAC;IAEDyC,EAAE,CAACgB,gBAAgB,CAAC,SAAS,EAAEf,aAAa,CAAC;IAC7C,OAAO,MAAMD,EAAE,CAACiB,mBAAmB,CAAC,SAAS,EAAEhB,aAAa,CAAC;EAC/D,CAAC,EAAE,CAAC5C,QAAQ,EAAEE,kBAAkB,CAAC,CAAC;EAElC,IAAIiB,OAAO,EAAE;IACX,oBACEtD,MAAA,CAAAsB,OAAA,CAAA0E,aAAA,CAAC7F,aAAA,CAAA8F,GAAG;MACF1D,QAAQ,EAAEA,QAAS;MACnB2D,aAAa,EAAC,QAAQ;MACtBC,KAAK,EAAC,MAAM;MACZC,MAAM,EAAC,MAAM;MACbC,OAAO,EAAC,OAAO;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA7F,YAAA;QAAA8F,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEf1G,MAAA,CAAAsB,OAAA,CAAA0E,aAAA,CAAC7F,aAAA,CAAAwG,MAAM;MAACC,IAAI,EAAC,MAAM;MAAAN,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA7F,YAAA;QAAA8F,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAClB,CAAC;EAEV;EAEA,oBACE1G,MAAA,CAAAsB,OAAA,CAAA0E,aAAA;IACEa,GAAG,EAAEpE,YAAa;IAClB,aAAWF,QAAS;IACpBuE,KAAK,EAAE;MAAEX,KAAK,EAAE,MAAM;MAAEC,MAAM,EAAE;IAAO,CAAE;IACzCW,OAAO,EAAE1C,oBAAqB;IAC9B2C,MAAM,EAAExC,mBAAoB;IAAA8B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7F,YAAA;MAAA8F,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE5B1G,MAAA,CAAAsB,OAAA,CAAA0E,aAAA,CAAC7F,aAAA,CAAA8F,GAAG;IACFgB,KAAK,EAAC,eAAe;IACrBf,aAAa,EAAC,QAAQ;IACtBE,MAAM,EAAC,MAAM;IACbC,OAAO,EAAC,OAAO;IACfS,KAAK,EAAE;MAAEI,SAAS,EAAE;IAAa,CAAE;IAAAZ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7F,YAAA;MAAA8F,UAAA;MAAAC,YAAA;IAAA;EAAA,GAElC1E,KAAK;EAAA;EACJ;EACAhC,MAAA,CAAAsB,OAAA,CAAA0E,aAAA,CAAC7F,aAAA,CAAAgH,OAAO;IAACC,OAAO,EAAEvG,CAAC,CAAC,kBAAkB,CAAE;IAACwG,QAAQ,EAAC,QAAQ;IAAAf,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7F,YAAA;MAAA8F,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACxD1G,MAAA,CAAAsB,OAAA,CAAA0E,aAAA,CAAC7F,aAAA,CAAA8F,GAAG;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7F,YAAA;MAAA8F,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACF1G,MAAA,CAAAsB,OAAA,CAAA0E,aAAA;IACEa,GAAG,EAAE/D,kBAAmB;IACxBwE,IAAI,EAAC,QAAQ;IACb,aAAU,sBAAsB;IAChCC,OAAO,EAAE3D,eAAgB;IACzBkD,KAAK,EAAE;MACLU,MAAM,EAAE,SAAS;MACjBC,UAAU,EAAE,CAAC;MACbC,QAAQ,EAAE,UAAU;MACpBC,UAAU,EAAE,MAAM;MAClBC,MAAM,EAAE,MAAM;MACdvB,OAAO,EAAE;IACX,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7F,YAAA;MAAA8F,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEF1G,MAAA,CAAAsB,OAAA,CAAA0E,aAAA,CAACxF,eAAA,CAAAqH,cAAc;IAAC7F,KAAK,EAAEA,KAAM;IAAC8F,kBAAkB,EAAE,KAAM;IAAAxB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7F,YAAA;MAAA8F,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eAC3D1G,MAAA,CAAAsB,OAAA,CAAA0E,aAAA,CAACvF,wBAAA,CAAAsH,uBAAuB;IAAAzB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7F,YAAA;MAAA8F,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACpB,CACL,CACE,CAAC;EAAA;EAEV;EACA1G,MAAA,CAAAsB,OAAA,CAAA0E,aAAA,CAAC7F,aAAA,CAAAgH,OAAO;IAACC,OAAO,EAAEvG,CAAC,CAAC,eAAe,CAAE;IAACwG,QAAQ,EAAC,QAAQ;IAAAf,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7F,YAAA;MAAA8F,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACrD1G,MAAA,CAAAsB,OAAA,CAAA0E,aAAA,CAAC7F,aAAA,CAAA6H,UAAU;IACTnB,GAAG,EAAE9D,YAAa;IAClB6D,IAAI,EAAC,MAAM;IACXqB,QAAQ,EAAC,WAAW;IACpB1F,QAAQ,EAAC,uBAAuB;IAChCgF,OAAO,EAAE3D,eAAgB;IAAA0C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7F,YAAA;MAAA8F,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEzB1G,MAAA,CAAAsB,OAAA,CAAA0E,aAAA,CAAC5F,iBAAA,CAAA8H,GAAG;IAAA5B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7F,YAAA;MAAA8F,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACI,CACL,CACV,eAED1G,MAAA,CAAAsB,OAAA,CAAA0E,aAAA,CAACtF,kBAAA,CAAAyH,iBAAiB;IAChBC,MAAM,EAAEzF,aAAc;IACtB0F,OAAO,EAAEA,CAAA,KAAMzF,gBAAgB,CAAC,KAAK,CAAE;IACvCZ,KAAK,EAAEA,KAAK,IAAI2B,SAAU;IAC1B2E,cAAc,EAAE1E,eAAgB;IAChC2E,YAAY,EAAEzE,YAAa;IAC3B0E,eAAe,EAAEA,CAAA,KAAMzE,cAAc,CAAC,CAAE;IACxC0E,QAAQ,EAAE;MACRC,OAAO,EAAE,kBAAkB;MAC3BC,QAAQ,EAAE,oBAAoB;MAC9BC,MAAM,EAAE;IACV,CAAE;IAAAtC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7F,YAAA;MAAA8F,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CAAC,EACD1E,KAAK;EAAA;EACJ;EACAhC,MAAA,CAAAsB,OAAA,CAAA0E,aAAA,CAAC7F,aAAA,CAAA0I,WAAW;IACVC,QAAQ,EAAC,OAAO;IAChBzB,QAAQ,EAAC,QAAQ;IACjB0B,cAAc,eACZ/I,MAAA,CAAAsB,OAAA,CAAA0E,aAAA,CAAC7F,aAAA,CAAAgH,OAAO;MACNC,OAAO,EAAEvG,CAAC,CAAC,2CAA2C,CAAE;MACxDwG,QAAQ,EAAC,QAAQ;MAAAf,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA7F,YAAA;QAAA8F,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEjB1G,MAAA,CAAAsB,OAAA,CAAA0E,aAAA,CAAC7F,aAAA,CAAA6H,UAAU;MACTnB,GAAG,EAAE7D,aAAc;MACnB4D,IAAI,EAAC,MAAM;MACXqB,QAAQ,EAAC,UAAU;MACnB1F,QAAQ,EAAC,wBAAwB;MAAA+D,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA7F,YAAA;QAAA8F,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEjC1G,MAAA,CAAAsB,OAAA,CAAA0E,aAAA,CAAC5F,iBAAA,CAAA4I,SAAS;MAAA1C,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA7F,YAAA;QAAA8F,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACF,CACL,CACV;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7F,YAAA;MAAA8F,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAED1G,MAAA,CAAAsB,OAAA,CAAA0E,aAAA,CAAC7F,aAAA,CAAA0I,WAAW,CAACI,QAAQ;IACnB1G,QAAQ,EAAC,0BAA0B;IACnC2G,IAAI,EAAErI,CAAC,CAAC,kBAAkB,CAAE;IAC5BsI,UAAU,eAAEnJ,MAAA,CAAAsB,OAAA,CAAA0E,aAAA,CAAC5F,iBAAA,CAAAgJ,OAAO;MAAA9C,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA7F,YAAA;QAAA8F,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACxBa,OAAO,EAAE3D,eAAgB;IAAA0C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7F,YAAA;MAAA8F,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC1B,CAAC,eACF1G,MAAA,CAAAsB,OAAA,CAAA0E,aAAA,CAAC7F,aAAA,CAAA0I,WAAW,CAACQ,OAAO;IAAA/C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7F,YAAA;MAAA8F,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eACvB1G,MAAA,CAAAsB,OAAA,CAAA0E,aAAA,CAAC7F,aAAA,CAAA0I,WAAW,CAACI,QAAQ;IACnB1G,QAAQ,EAAC,2BAA2B;IACpC2G,IAAI,EAAErI,CAAC,CAAC,mBAAmB,CAAE;IAC7BsI,UAAU,eAAEnJ,MAAA,CAAAsB,OAAA,CAAA0E,aAAA,CAAC5F,iBAAA,CAAAkJ,QAAQ;MAAAhD,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA7F,YAAA;QAAA8F,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACzBa,OAAO,EAAEA,CAAA,KAAM3E,gBAAgB,CAAC,IAAI,CAAE;IAAA0D,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7F,YAAA;MAAA8F,UAAA;MAAAC,YAAA;IAAA;EAAA,CACvC,CAAC,eACF1G,MAAA,CAAAsB,OAAA,CAAA0E,aAAA,CAAC7F,aAAA,CAAA0I,WAAW,CAACI,QAAQ;IACnB1G,QAAQ,EAAC,4BAA4B;IACrC2G,IAAI,EAAErI,CAAC,CAAC,oBAAoB,CAAE;IAC9BsI,UAAU,eAAEnJ,MAAA,CAAAsB,OAAA,CAAA0E,aAAA,CAAC5F,iBAAA,CAAAmJ,QAAQ;MAAAjD,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA7F,YAAA;QAAA8F,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACzBa,OAAO,EAAExD,cAAe;IAAAuC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7F,YAAA;MAAA8F,UAAA;MAAAC,YAAA;IAAA;EAAA,CACzB,CAAC,eACF1G,MAAA,CAAAsB,OAAA,CAAA0E,aAAA,CAAC7F,aAAA,CAAA0I,WAAW,CAACQ,OAAO;IAAA/C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7F,YAAA;MAAA8F,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eACvB1G,MAAA,CAAAsB,OAAA,CAAA0E,aAAA,CAAC7F,aAAA,CAAA0I,WAAW,CAACI,QAAQ;IACnB1G,QAAQ,EAAC,0BAA0B;IACnC2G,IAAI,EAAErI,CAAC,CAAC,kBAAkB,CAAE;IAC5B2I,IAAI,EAAC,aAAa;IAClBL,UAAU,eAAEnJ,MAAA,CAAAsB,OAAA,CAAA0E,aAAA,CAAC5F,iBAAA,CAAAqJ,MAAM;MAAAnD,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA7F,YAAA;QAAA8F,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACvBa,OAAO,EAAEzD,YAAa;IAAAwC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7F,YAAA;MAAA8F,UAAA;MAAAC,YAAA;IAAA;EAAA,CACvB,CACU,CAAC,GACZ,IACD,CACF,CAAC;AAEV,CAAC;AAACgD,OAAA,CAAA3H,aAAA,GAAAA,aAAA;AAEFA,aAAa,CAAC4H,WAAW,GAAG,eAAe","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_lazy","_mediaUtils","_hooks","_mediaControl","_imageThumbnail","_thumbnailReplaceOverlay","_mediaPreviewModal","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CellVideoEdit","value","onChange","onCommit","onCancel","onStartEdit","onRequestCellFocus","inputRef","dataHook","useTranslations","containerRef","useRef","isPreviewOpen","setIsPreviewOpen","useState","thumbnailButtonRef","addButtonRef","moreButtonRef","onMediaChange","useCallback","uri","callMedia","downloadMedia","loading","useMediaControl","mediaType","MEDIA_TYPES","VIDEO","undefined","handleCallMedia","committed","handleDelete","handleDownload","useEffect","current","focus","_thumbnailButtonRef$c","_addButtonRef$current","handleContainerFocus","_containerRef$current","setAttribute","handleContainerBlur","currentTarget","contains","relatedTarget","_containerRef$current2","removeAttribute","el","handleKeyDown","key","preventDefault","stopPropagation","active","document","activeElement","hook","getAttribute","isPrimary","isMore","focusPrimary","_thumbnailButtonRef$c2","_addButtonRef$current2","shiftKey","addEventListener","removeEventListener","createElement","Box","verticalAlign","width","height","padding","__self","__source","fileName","lineNumber","columnNumber","Loader","size","ref","style","onFocus","onBlur","align","boxSizing","Tooltip","content","appendTo","type","onClick","cursor","lineHeight","position","background","border","ImageThumbnail","showVideoIndicator","ThumbnailReplaceOverlay","IconButton","priority","Add","MediaPreviewModal","isOpen","onClose","onRequestMedia","onClearMedia","onDownloadMedia","textKeys","replace","download","delete","PopoverMenu","textSize","triggerElement","MoreSmall","MenuItem","text","prefixIcon","Replace","Divider","Maximize","Download","skin","Delete","exports","displayName"],"sources":["../../../../src/components/video/cell-video-edit.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport {\n  Box,\n  IconButton,\n  Loader,\n  PopoverMenu,\n  Tooltip,\n} from '@wix/design-system';\nimport {\n  Add,\n  Delete,\n  Download,\n  Maximize,\n  MoreSmall,\n  Replace,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { MEDIA_TYPES } from '../../utils/media-utils';\nimport { useTranslations } from '../../hooks';\nimport { useMediaControl } from '../media-control';\nimport { ImageThumbnail } from '../image/image-thumbnail';\nimport { ThumbnailReplaceOverlay } from '../image/thumbnail-replace-overlay';\nimport { MediaPreviewModal } from '../media-gallery/media-preview-modal';\n\nexport interface CellVideoEditProps {\n  value: string | null | undefined;\n  onChange: (value: string | null) => void;\n  onCommit: () => void;\n  onCancel?: () => void;\n  /**\n   * Called before opening external UI (media manager) so the table can set\n   * isEditing=true and protect cell focus while the modal is open.\n   */\n  onStartEdit?: () => void;\n  /** Called to return focus to the table cell (e.g. on Escape or Tab-out). */\n  onRequestCellFocus?: () => void;\n  inputRef?: React.MutableRefObject<{ focus: () => void } | null | undefined>;\n  dataHook?: string;\n}\n\nexport const CellVideoEdit: React.FC<CellVideoEditProps> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  onStartEdit,\n  onRequestCellFocus,\n  inputRef,\n  dataHook,\n}) => {\n  const { t } = useTranslations();\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const [isPreviewOpen, setIsPreviewOpen] = useState(false);\n\n  // Explicit refs for each focusable button — avoids querySelectorAll on the container.\n  const thumbnailButtonRef = useRef<HTMLButtonElement | null>(null);\n  const addButtonRef = useRef<React.ElementRef<typeof IconButton> | null>(null);\n  const moreButtonRef = useRef<React.ElementRef<typeof IconButton> | null>(\n    null,\n  );\n\n  const onMediaChange = useCallback(\n    (uri: string) => {\n      onChange(uri);\n      onCommit();\n    },\n    [onChange, onCommit],\n  );\n\n  const { callMedia, downloadMedia, loading } = useMediaControl({\n    mediaType: MEDIA_TYPES.VIDEO,\n    value: value ?? undefined,\n    onChange: onMediaChange,\n  });\n\n  const handleCallMedia = useCallback(async () => {\n    onStartEdit?.();\n    const committed = await callMedia();\n    if (!committed) {\n      onCancel?.();\n    }\n  }, [onStartEdit, callMedia, onCancel]);\n\n  const handleDelete = useCallback(() => {\n    onChange(null);\n    onCommit();\n  }, [onChange, onCommit]);\n\n  const handleDownload = useCallback(() => {\n    if (value) {\n      downloadMedia(value);\n    }\n  }, [downloadMedia, value]);\n\n  // Wire inputRef so the table can focus the first button when activating edit mode.\n  useEffect(() => {\n    if (!inputRef) return;\n    inputRef.current = {\n      focus: () => {\n        // Only one of these is mounted at a time depending on whether value is set.\n        thumbnailButtonRef.current?.focus();\n        addButtonRef.current?.focus();\n      },\n    };\n    return () => {\n      inputRef.current = null;\n    };\n  }, [inputRef]);\n\n  const handleContainerFocus = useCallback(() => {\n    containerRef.current?.setAttribute('data-inner-focused', '');\n  }, []);\n\n  const handleContainerBlur = useCallback((e: React.FocusEvent) => {\n    if (!e.currentTarget.contains(e.relatedTarget as Node | null)) {\n      containerRef.current?.removeAttribute('data-inner-focused');\n    }\n  }, []);\n\n  // Native keydown listener to intercept Tab/Escape before useKeyboardNavigation.\n  useEffect(() => {\n    const el = containerRef.current;\n    if (!el) return;\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        e.stopPropagation();\n        onCancel?.();\n        onRequestCellFocus?.();\n        return;\n      }\n\n      if (e.key === 'Tab') {\n        const active = document.activeElement as HTMLElement | null;\n        if (!active || !el.contains(active)) return;\n\n        const hook = active.getAttribute('data-hook');\n        const isPrimary =\n          hook === 'video-edit-thumbnail' || hook === 'video-edit-add-button';\n        const isMore = hook === 'video-edit-more-button';\n        if (!isPrimary && !isMore) return;\n\n        e.preventDefault();\n        e.stopPropagation();\n\n        const focusPrimary = () => {\n          thumbnailButtonRef.current?.focus();\n          addButtonRef.current?.focus();\n        };\n\n        if (!e.shiftKey) {\n          // Forward: primary → more → cell\n          if (isPrimary && moreButtonRef.current) {\n            moreButtonRef.current.focus();\n          } else {\n            onRequestCellFocus?.();\n          }\n        } else {\n          // Backward: more → primary → cell\n          if (isMore) {\n            focusPrimary();\n          } else {\n            onRequestCellFocus?.();\n          }\n        }\n      }\n    };\n\n    el.addEventListener('keydown', handleKeyDown);\n    return () => el.removeEventListener('keydown', handleKeyDown);\n  }, [onCancel, onRequestCellFocus]);\n\n  if (loading) {\n    return (\n      <Box\n        dataHook={dataHook}\n        verticalAlign=\"middle\"\n        width=\"100%\"\n        height=\"100%\"\n        padding=\"0 8px\"\n      >\n        <Loader size=\"tiny\" />\n      </Box>\n    );\n  }\n\n  return (\n    <div\n      ref={containerRef}\n      data-hook={dataHook}\n      style={{ width: '100%', height: '100%' }}\n      onFocus={handleContainerFocus}\n      onBlur={handleContainerBlur}\n    >\n      <Box\n        align=\"space-between\"\n        verticalAlign=\"middle\"\n        height=\"100%\"\n        padding=\"0 8px\"\n        style={{ boxSizing: 'border-box' }}\n      >\n        {value ? (\n          /* Has value: clickable thumbnail button with replace overlay */\n          <Tooltip content={t('CMS.video.change')} appendTo=\"window\">\n            <Box>\n              <button\n                ref={thumbnailButtonRef}\n                type=\"button\"\n                data-hook=\"video-edit-thumbnail\"\n                onClick={handleCallMedia}\n                style={{\n                  cursor: 'pointer',\n                  lineHeight: 0,\n                  position: 'relative',\n                  background: 'none',\n                  border: 'none',\n                  padding: 0,\n                }}\n              >\n                <ImageThumbnail value={value} showVideoIndicator={false} />\n                <ThumbnailReplaceOverlay />\n              </button>\n            </Box>\n          </Tooltip>\n        ) : (\n          /* Empty: icon button opens media manager */\n          <Tooltip content={t('CMS.video.add')} appendTo=\"window\">\n            <IconButton\n              ref={addButtonRef}\n              size=\"tiny\"\n              priority=\"secondary\"\n              dataHook=\"video-edit-add-button\"\n              onClick={handleCallMedia}\n            >\n              <Add />\n            </IconButton>\n          </Tooltip>\n        )}\n\n        <MediaPreviewModal\n          isOpen={isPreviewOpen}\n          onClose={() => setIsPreviewOpen(false)}\n          value={value ?? undefined}\n          onRequestMedia={handleCallMedia}\n          onClearMedia={handleDelete}\n          onDownloadMedia={() => handleDownload()}\n          textKeys={{\n            replace: 'CMS.video.change',\n            download: 'CMS.video.download',\n            delete: 'CMS.video.delete',\n          }}\n        />\n        {value ? (\n          /* Has value: \"...\" menu with Change / Preview / Download / Delete */\n          <PopoverMenu\n            textSize=\"small\"\n            appendTo=\"window\"\n            triggerElement={\n              <Tooltip\n                content={t('auto-patterns.fields.more_actions_tooltip')}\n                appendTo=\"window\"\n              >\n                <IconButton\n                  ref={moreButtonRef}\n                  size=\"tiny\"\n                  priority=\"tertiary\"\n                  dataHook=\"video-edit-more-button\"\n                >\n                  <MoreSmall />\n                </IconButton>\n              </Tooltip>\n            }\n          >\n            <PopoverMenu.MenuItem\n              dataHook=\"video-edit-action-change\"\n              text={t('CMS.video.change')}\n              prefixIcon={<Replace />}\n              onClick={handleCallMedia}\n            />\n            <PopoverMenu.Divider />\n            <PopoverMenu.MenuItem\n              dataHook=\"video-edit-action-preview\"\n              text={t('CMS.video.preview')}\n              prefixIcon={<Maximize />}\n              onClick={() => setIsPreviewOpen(true)}\n            />\n            <PopoverMenu.MenuItem\n              dataHook=\"video-edit-action-download\"\n              text={t('CMS.video.download')}\n              prefixIcon={<Download />}\n              onClick={handleDownload}\n            />\n            <PopoverMenu.Divider />\n            <PopoverMenu.MenuItem\n              dataHook=\"video-edit-action-delete\"\n              text={t('CMS.video.delete')}\n              skin=\"destructive\"\n              prefixIcon={<Delete />}\n              onClick={handleDelete}\n            />\n          </PopoverMenu>\n        ) : null}\n      </Box>\n    </div>\n  );\n};\n\nCellVideoEdit.displayName = 'CellVideoEdit';\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,7 +5,7 @@ exports.__esModule = true;
 exports.FormVideo = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _mobxReactLite = require("mobx-react-lite");
 var _react2 = require("@wix/bex-core/react");
 var _form = require("@wix/bex-core/form");
@@ -177,7 +177,7 @@ const _FormVideo = props => {
       lineNumber: 147,
       columnNumber: 19
     }
-  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Replace, {
+  }, /*#__PURE__*/_react.default.createElement(_lazy.Replace, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
@@ -207,7 +207,7 @@ const _FormVideo = props => {
         lineNumber: 163,
         columnNumber: 23
       }
-    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.More, {
+    }, /*#__PURE__*/_react.default.createElement(_lazy.More, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
@@ -222,7 +222,7 @@ const _FormVideo = props => {
       columnNumber: 17
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Maximize, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Maximize, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
@@ -241,7 +241,7 @@ const _FormVideo = props => {
       columnNumber: 19
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Download, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Download, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
@@ -266,7 +266,7 @@ const _FormVideo = props => {
       columnNumber: 19
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Delete, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Delete, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,