@wix/auto-patterns 1.54.0 → 1.56.0

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

@@ -1 +1 @@
-{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../../src/cms-fields/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"richeditor2564386792\";\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\":\"richeditor2564386792__root\",\"editor\":\"richeditor2564386792__editor\",\"header-one\":\"richeditor2564386792__header-one\",\"header-two\":\"richeditor2564386792__header-two\",\"header-three\":\"richeditor2564386792__header-three\",\"header-four\":\"richeditor2564386792__header-four\",\"header-five\":\"richeditor2564386792__header-five\",\"header-six\":\"richeditor2564386792__header-six\",\"paragraph-one\":\"richeditor2564386792__paragraph-one\",\"unstyled\":\"richeditor2564386792__unstyled\",\"paragraph-three\":\"richeditor2564386792__paragraph-three\",\"align-left\":\"richeditor2564386792__align-left\",\"align-right\":\"richeditor2564386792__align-right\",\"align-center\":\"richeditor2564386792__align-center\",\"align-justify\":\"richeditor2564386792__align-justify\",\"withMargin\":\"richeditor2564386792__withMargin\",\"dir-rtl\":\"richeditor2564386792__dir-rtl\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"h1FontSize\":\"var(--rt-h1-fontSize, 72px)\",\"h1FontStyle\":\"var(--rt-h1-fontStyle, normal)\",\"h1FontWeight\":\"var(--rt-h1-fontWeight, var(--wds-font-weight-bold))\",\"h1FontFamily\":\"var(--rt-h1-fontFamily, var(--wds-font-family-default))\",\"h1LineHeight\":\"var(--rt-h1-lineHeight, 1.33)\",\"h1Font\":\"var(--rt-h1-fontStyle, normal) var(--rt-h1-fontWeight, var(--wds-font-weight-bold)) var(--rt-h1-fontSize, 72px)/var(--rt-h1-lineHeight, 1.33) var(--rt-h1-fontFamily, var(--wds-font-family-default))\",\"h2FontSize\":\"var(--rt-h2-fontSize, 42px)\",\"h2FontStyle\":\"var(--rt-h2-fontStyle, normal)\",\"h2FontWeight\":\"var(--rt-h2-fontWeight, var(--wds-font-weight-bold))\",\"h2FontFamily\":\"var(--rt-h2-fontFamily, var(--wds-font-family-default))\",\"h2LineHeight\":\"var(--rt-h2-lineHeight, 1.2)\",\"h2Font\":\"var(--rt-h2-fontStyle, normal) var(--rt-h2-fontWeight, var(--wds-font-weight-bold)) var(--rt-h2-fontSize, 42px)/var(--rt-h2-lineHeight, 1.2) var(--rt-h2-fontFamily, var(--wds-font-family-default))\",\"h3FontSize\":\"var(--rt-h3-fontSize, 38px)\",\"h3FontStyle\":\"var(--rt-h3-fontStyle, normal)\",\"h3FontWeight\":\"var(--rt-h3-fontWeight, var(--wds-font-weight-medium))\",\"h3FontFamily\":\"var(--rt-h3-fontFamily, var(--wds-font-family-default))\",\"h3LineHeight\":\"var(--rt-h3-lineHeight, 1.2)\",\"h3Font\":\"var(--rt-h3-fontStyle, normal) var(--rt-h3-fontWeight, var(--wds-font-weight-medium)) var(--rt-h3-fontSize, 38px)/var(--rt-h3-lineHeight, 1.2) var(--rt-h3-fontFamily, var(--wds-font-family-default))\",\"h4FontSize\":\"var(--rt-h4-fontSize, 34px)\",\"h4FontStyle\":\"var(--rt-h4-fontStyle, normal)\",\"h4FontWeight\":\"var(--rt-h4-fontWeight, var(--wds-font-weight-bold))\",\"h4FontFamily\":\"var(--rt-h4-fontFamily, var(--wds-font-family-default))\",\"h4LineHeight\":\"var(--rt-h4-lineHeight, 1.2)\",\"h4Font\":\"var(--rt-h4-fontStyle, normal) var(--rt-h4-fontWeight, var(--wds-font-weight-bold)) var(--rt-h4-fontSize, 34px)/var(--rt-h4-lineHeight, 1.2) var(--rt-h4-fontFamily, var(--wds-font-family-default))\",\"h5FontSize\":\"var(--rt-h5-fontSize, 28px)\",\"h5FontStyle\":\"var(--rt-h5-fontStyle, normal)\",\"h5FontWeight\":\"var(--rt-h5-fontWeight, var(--wds-font-weight-bold))\",\"h5FontFamily\":\"var(--rt-h5-fontFamily, var(--wds-font-family-default))\",\"h5LineHeight\":\"var(--rt-h5-lineHeight, 1.2)\",\"h5Font\":\"var(--rt-h5-fontStyle, normal) var(--rt-h5-fontWeight, var(--wds-font-weight-bold)) var(--rt-h5-fontSize, 28px)/var(--rt-h5-lineHeight, 1.2) var(--rt-h5-fontFamily, var(--wds-font-family-default))\",\"h6FontSize\":\"var(--rt-h6-fontSize, 22px)\",\"h6FontStyle\":\"var(--rt-h6-fontStyle, normal)\",\"h6FontWeight\":\"var(--rt-h6-fontWeight, var(--wds-font-weight-medium))\",\"h6FontFamily\":\"var(--rt-h6-fontFamily, var(--wds-font-family-default))\",\"h6LineHeight\":\"var(--rt-h6-lineHeight, 1.2)\",\"h6Font\":\"var(--rt-h6-fontStyle, normal) var(--rt-h6-fontWeight, var(--wds-font-weight-medium)) var(--rt-h6-fontSize, 22px)/var(--rt-h6-lineHeight, 1.2) var(--rt-h6-fontFamily, var(--wds-font-family-default))\",\"p1FontSize\":\"var(--rt-p1-fontSize, 18px)\",\"p1FontStyle\":\"var(--rt-p1-fontStyle, normal)\",\"p1FontWeight\":\"var(--rt-p1-fontWeight, var(--wds-font-weight-medium))\",\"p1FontFamily\":\"var(--rt-p1-fontFamily, var(--wds-font-family-default))\",\"p1LineHeight\":\"var(--rt-p1-lineHeight, 24px)\",\"p1Font\":\"var(--rt-p1-fontStyle, normal) var(--rt-p1-fontWeight, var(--wds-font-weight-medium)) var(--rt-p1-fontSize, 18px)/var(--rt-p1-lineHeight, 24px) var(--rt-p1-fontFamily, var(--wds-font-family-default))\",\"unstyledFontSize\":\"var(--rt-unstyled-fontSize, 16px)\",\"unstyledFontStyle\":\"var(--rt-unstyled-fontStyle, normal)\",\"unstyledFontWeight\":\"var(--rt-unstyled-fontWeight, var(--wds-font-weight-medium))\",\"unstyledFontFamily\":\"var(--rt-unstyled-fontFamily, var(--wds-font-family-default))\",\"unstyledLineHeight\":\"var(--rt-unstyled-lineHeight, 24px)\",\"unstyledFont\":\"var(--rt-unstyled-fontStyle, normal) var(--rt-unstyled-fontWeight, var(--wds-font-weight-medium)) var(--rt-unstyled-fontSize, 16px)/var(--rt-unstyled-lineHeight, 24px) var(--rt-unstyled-fontFamily, var(--wds-font-family-default))\",\"p3FontSize\":\"var(--rt-p3-fontSize, 14px)\",\"p3FontStyle\":\"var(--rt-p3-fontStyle, normal)\",\"p3FontWeight\":\"var(--rt-p3-fontWeight, var(--wds-font-weight-medium))\",\"p3FontFamily\":\"var(--rt-p3-fontFamily, var(--wds-font-family-default))\",\"p3LineHeight\":\"var(--rt-p3-lineHeight, 18px)\",\"p3Font\":\"var(--rt-p3-fontStyle, normal) var(--rt-p3-fontWeight, var(--wds-font-weight-medium)) var(--rt-p3-fontSize, 14px)/var(--rt-p3-lineHeight, 18px) var(--rt-p3-fontFamily, var(--wds-font-family-default))\"}; \nexport var vars = {\"wds-color-black-100\":\"--wds-color-black-100\",\"wds-color-black-700\":\"--wds-color-black-700\",\"wds-font-family-default\":\"--wds-font-family-default\",\"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\",\"rt-h1-fontSize\":\"--rt-h1-fontSize\",\"rt-h1-fontStyle\":\"--rt-h1-fontStyle\",\"rt-h1-fontWeight\":\"--rt-h1-fontWeight\",\"rt-h1-fontFamily\":\"--rt-h1-fontFamily\",\"rt-h1-lineHeight\":\"--rt-h1-lineHeight\",\"rt-h2-fontSize\":\"--rt-h2-fontSize\",\"rt-h2-fontStyle\":\"--rt-h2-fontStyle\",\"rt-h2-fontWeight\":\"--rt-h2-fontWeight\",\"rt-h2-fontFamily\":\"--rt-h2-fontFamily\",\"rt-h2-lineHeight\":\"--rt-h2-lineHeight\",\"rt-h3-fontSize\":\"--rt-h3-fontSize\",\"rt-h3-fontStyle\":\"--rt-h3-fontStyle\",\"rt-h3-fontWeight\":\"--rt-h3-fontWeight\",\"rt-h3-fontFamily\":\"--rt-h3-fontFamily\",\"rt-h3-lineHeight\":\"--rt-h3-lineHeight\",\"rt-h4-fontSize\":\"--rt-h4-fontSize\",\"rt-h4-fontStyle\":\"--rt-h4-fontStyle\",\"rt-h4-fontWeight\":\"--rt-h4-fontWeight\",\"rt-h4-fontFamily\":\"--rt-h4-fontFamily\",\"rt-h4-lineHeight\":\"--rt-h4-lineHeight\",\"rt-h5-fontSize\":\"--rt-h5-fontSize\",\"rt-h5-fontStyle\":\"--rt-h5-fontStyle\",\"rt-h5-fontWeight\":\"--rt-h5-fontWeight\",\"rt-h5-fontFamily\":\"--rt-h5-fontFamily\",\"rt-h5-lineHeight\":\"--rt-h5-lineHeight\",\"rt-h6-fontSize\":\"--rt-h6-fontSize\",\"rt-h6-fontStyle\":\"--rt-h6-fontStyle\",\"rt-h6-fontWeight\":\"--rt-h6-fontWeight\",\"rt-h6-fontFamily\":\"--rt-h6-fontFamily\",\"rt-h6-lineHeight\":\"--rt-h6-lineHeight\",\"rt-p1-fontSize\":\"--rt-p1-fontSize\",\"rt-p1-fontStyle\":\"--rt-p1-fontStyle\",\"rt-p1-fontWeight\":\"--rt-p1-fontWeight\",\"rt-p1-fontFamily\":\"--rt-p1-fontFamily\",\"rt-p1-lineHeight\":\"--rt-p1-lineHeight\",\"rt-unstyled-fontSize\":\"--rt-unstyled-fontSize\",\"rt-unstyled-fontStyle\":\"--rt-unstyled-fontStyle\",\"rt-unstyled-fontWeight\":\"--rt-unstyled-fontWeight\",\"rt-unstyled-fontFamily\":\"--rt-unstyled-fontFamily\",\"rt-unstyled-lineHeight\":\"--rt-unstyled-lineHeight\",\"rt-p3-fontSize\":\"--rt-p3-fontSize\",\"rt-p3-fontStyle\":\"--rt-p3-fontStyle\",\"rt-p3-fontWeight\":\"--rt-p3-fontWeight\",\"rt-p3-fontFamily\":\"--rt-p3-fontFamily\",\"rt-p3-lineHeight\":\"--rt-p3-lineHeight\"}; \n\n\n\n\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../../src/cms-fields/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"richeditor1262791212\";\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\":\"richeditor1262791212__root\",\"editor\":\"richeditor1262791212__editor\",\"header-one\":\"richeditor1262791212__header-one\",\"header-two\":\"richeditor1262791212__header-two\",\"header-three\":\"richeditor1262791212__header-three\",\"header-four\":\"richeditor1262791212__header-four\",\"header-five\":\"richeditor1262791212__header-five\",\"header-six\":\"richeditor1262791212__header-six\",\"paragraph-one\":\"richeditor1262791212__paragraph-one\",\"unstyled\":\"richeditor1262791212__unstyled\",\"paragraph-three\":\"richeditor1262791212__paragraph-three\",\"align-left\":\"richeditor1262791212__align-left\",\"align-right\":\"richeditor1262791212__align-right\",\"align-center\":\"richeditor1262791212__align-center\",\"align-justify\":\"richeditor1262791212__align-justify\",\"withMargin\":\"richeditor1262791212__withMargin\",\"dir-rtl\":\"richeditor1262791212__dir-rtl\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"h1FontSize\":\"var(--rt-h1-fontSize, 72px)\",\"h1FontStyle\":\"var(--rt-h1-fontStyle, normal)\",\"h1FontWeight\":\"var(--rt-h1-fontWeight, var(--wds-font-weight-bold))\",\"h1FontFamily\":\"var(--rt-h1-fontFamily, var(--wds-font-family-default))\",\"h1LineHeight\":\"var(--rt-h1-lineHeight, 1.33)\",\"h1Font\":\"var(--rt-h1-fontStyle, normal) var(--rt-h1-fontWeight, var(--wds-font-weight-bold)) var(--rt-h1-fontSize, 72px)/var(--rt-h1-lineHeight, 1.33) var(--rt-h1-fontFamily, var(--wds-font-family-default))\",\"h2FontSize\":\"var(--rt-h2-fontSize, 42px)\",\"h2FontStyle\":\"var(--rt-h2-fontStyle, normal)\",\"h2FontWeight\":\"var(--rt-h2-fontWeight, var(--wds-font-weight-bold))\",\"h2FontFamily\":\"var(--rt-h2-fontFamily, var(--wds-font-family-default))\",\"h2LineHeight\":\"var(--rt-h2-lineHeight, 1.2)\",\"h2Font\":\"var(--rt-h2-fontStyle, normal) var(--rt-h2-fontWeight, var(--wds-font-weight-bold)) var(--rt-h2-fontSize, 42px)/var(--rt-h2-lineHeight, 1.2) var(--rt-h2-fontFamily, var(--wds-font-family-default))\",\"h3FontSize\":\"var(--rt-h3-fontSize, 38px)\",\"h3FontStyle\":\"var(--rt-h3-fontStyle, normal)\",\"h3FontWeight\":\"var(--rt-h3-fontWeight, var(--wds-font-weight-medium))\",\"h3FontFamily\":\"var(--rt-h3-fontFamily, var(--wds-font-family-default))\",\"h3LineHeight\":\"var(--rt-h3-lineHeight, 1.2)\",\"h3Font\":\"var(--rt-h3-fontStyle, normal) var(--rt-h3-fontWeight, var(--wds-font-weight-medium)) var(--rt-h3-fontSize, 38px)/var(--rt-h3-lineHeight, 1.2) var(--rt-h3-fontFamily, var(--wds-font-family-default))\",\"h4FontSize\":\"var(--rt-h4-fontSize, 34px)\",\"h4FontStyle\":\"var(--rt-h4-fontStyle, normal)\",\"h4FontWeight\":\"var(--rt-h4-fontWeight, var(--wds-font-weight-bold))\",\"h4FontFamily\":\"var(--rt-h4-fontFamily, var(--wds-font-family-default))\",\"h4LineHeight\":\"var(--rt-h4-lineHeight, 1.2)\",\"h4Font\":\"var(--rt-h4-fontStyle, normal) var(--rt-h4-fontWeight, var(--wds-font-weight-bold)) var(--rt-h4-fontSize, 34px)/var(--rt-h4-lineHeight, 1.2) var(--rt-h4-fontFamily, var(--wds-font-family-default))\",\"h5FontSize\":\"var(--rt-h5-fontSize, 28px)\",\"h5FontStyle\":\"var(--rt-h5-fontStyle, normal)\",\"h5FontWeight\":\"var(--rt-h5-fontWeight, var(--wds-font-weight-bold))\",\"h5FontFamily\":\"var(--rt-h5-fontFamily, var(--wds-font-family-default))\",\"h5LineHeight\":\"var(--rt-h5-lineHeight, 1.2)\",\"h5Font\":\"var(--rt-h5-fontStyle, normal) var(--rt-h5-fontWeight, var(--wds-font-weight-bold)) var(--rt-h5-fontSize, 28px)/var(--rt-h5-lineHeight, 1.2) var(--rt-h5-fontFamily, var(--wds-font-family-default))\",\"h6FontSize\":\"var(--rt-h6-fontSize, 22px)\",\"h6FontStyle\":\"var(--rt-h6-fontStyle, normal)\",\"h6FontWeight\":\"var(--rt-h6-fontWeight, var(--wds-font-weight-medium))\",\"h6FontFamily\":\"var(--rt-h6-fontFamily, var(--wds-font-family-default))\",\"h6LineHeight\":\"var(--rt-h6-lineHeight, 1.2)\",\"h6Font\":\"var(--rt-h6-fontStyle, normal) var(--rt-h6-fontWeight, var(--wds-font-weight-medium)) var(--rt-h6-fontSize, 22px)/var(--rt-h6-lineHeight, 1.2) var(--rt-h6-fontFamily, var(--wds-font-family-default))\",\"p1FontSize\":\"var(--rt-p1-fontSize, 18px)\",\"p1FontStyle\":\"var(--rt-p1-fontStyle, normal)\",\"p1FontWeight\":\"var(--rt-p1-fontWeight, var(--wds-font-weight-medium))\",\"p1FontFamily\":\"var(--rt-p1-fontFamily, var(--wds-font-family-default))\",\"p1LineHeight\":\"var(--rt-p1-lineHeight, 24px)\",\"p1Font\":\"var(--rt-p1-fontStyle, normal) var(--rt-p1-fontWeight, var(--wds-font-weight-medium)) var(--rt-p1-fontSize, 18px)/var(--rt-p1-lineHeight, 24px) var(--rt-p1-fontFamily, var(--wds-font-family-default))\",\"unstyledFontSize\":\"var(--rt-unstyled-fontSize, 16px)\",\"unstyledFontStyle\":\"var(--rt-unstyled-fontStyle, normal)\",\"unstyledFontWeight\":\"var(--rt-unstyled-fontWeight, var(--wds-font-weight-medium))\",\"unstyledFontFamily\":\"var(--rt-unstyled-fontFamily, var(--wds-font-family-default))\",\"unstyledLineHeight\":\"var(--rt-unstyled-lineHeight, 24px)\",\"unstyledFont\":\"var(--rt-unstyled-fontStyle, normal) var(--rt-unstyled-fontWeight, var(--wds-font-weight-medium)) var(--rt-unstyled-fontSize, 16px)/var(--rt-unstyled-lineHeight, 24px) var(--rt-unstyled-fontFamily, var(--wds-font-family-default))\",\"p3FontSize\":\"var(--rt-p3-fontSize, 14px)\",\"p3FontStyle\":\"var(--rt-p3-fontStyle, normal)\",\"p3FontWeight\":\"var(--rt-p3-fontWeight, var(--wds-font-weight-medium))\",\"p3FontFamily\":\"var(--rt-p3-fontFamily, var(--wds-font-family-default))\",\"p3LineHeight\":\"var(--rt-p3-lineHeight, 18px)\",\"p3Font\":\"var(--rt-p3-fontStyle, normal) var(--rt-p3-fontWeight, var(--wds-font-weight-medium)) var(--rt-p3-fontSize, 14px)/var(--rt-p3-lineHeight, 18px) var(--rt-p3-fontFamily, var(--wds-font-family-default))\"}; \nexport var vars = {\"wds-color-black-100\":\"--wds-color-black-100\",\"wds-color-black-700\":\"--wds-color-black-700\",\"wds-font-family-default\":\"--wds-font-family-default\",\"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\",\"rt-h1-fontSize\":\"--rt-h1-fontSize\",\"rt-h1-fontStyle\":\"--rt-h1-fontStyle\",\"rt-h1-fontWeight\":\"--rt-h1-fontWeight\",\"rt-h1-fontFamily\":\"--rt-h1-fontFamily\",\"rt-h1-lineHeight\":\"--rt-h1-lineHeight\",\"rt-h2-fontSize\":\"--rt-h2-fontSize\",\"rt-h2-fontStyle\":\"--rt-h2-fontStyle\",\"rt-h2-fontWeight\":\"--rt-h2-fontWeight\",\"rt-h2-fontFamily\":\"--rt-h2-fontFamily\",\"rt-h2-lineHeight\":\"--rt-h2-lineHeight\",\"rt-h3-fontSize\":\"--rt-h3-fontSize\",\"rt-h3-fontStyle\":\"--rt-h3-fontStyle\",\"rt-h3-fontWeight\":\"--rt-h3-fontWeight\",\"rt-h3-fontFamily\":\"--rt-h3-fontFamily\",\"rt-h3-lineHeight\":\"--rt-h3-lineHeight\",\"rt-h4-fontSize\":\"--rt-h4-fontSize\",\"rt-h4-fontStyle\":\"--rt-h4-fontStyle\",\"rt-h4-fontWeight\":\"--rt-h4-fontWeight\",\"rt-h4-fontFamily\":\"--rt-h4-fontFamily\",\"rt-h4-lineHeight\":\"--rt-h4-lineHeight\",\"rt-h5-fontSize\":\"--rt-h5-fontSize\",\"rt-h5-fontStyle\":\"--rt-h5-fontStyle\",\"rt-h5-fontWeight\":\"--rt-h5-fontWeight\",\"rt-h5-fontFamily\":\"--rt-h5-fontFamily\",\"rt-h5-lineHeight\":\"--rt-h5-lineHeight\",\"rt-h6-fontSize\":\"--rt-h6-fontSize\",\"rt-h6-fontStyle\":\"--rt-h6-fontStyle\",\"rt-h6-fontWeight\":\"--rt-h6-fontWeight\",\"rt-h6-fontFamily\":\"--rt-h6-fontFamily\",\"rt-h6-lineHeight\":\"--rt-h6-lineHeight\",\"rt-p1-fontSize\":\"--rt-p1-fontSize\",\"rt-p1-fontStyle\":\"--rt-p1-fontStyle\",\"rt-p1-fontWeight\":\"--rt-p1-fontWeight\",\"rt-p1-fontFamily\":\"--rt-p1-fontFamily\",\"rt-p1-lineHeight\":\"--rt-p1-lineHeight\",\"rt-unstyled-fontSize\":\"--rt-unstyled-fontSize\",\"rt-unstyled-fontStyle\":\"--rt-unstyled-fontStyle\",\"rt-unstyled-fontWeight\":\"--rt-unstyled-fontWeight\",\"rt-unstyled-fontFamily\":\"--rt-unstyled-fontFamily\",\"rt-unstyled-lineHeight\":\"--rt-unstyled-lineHeight\",\"rt-p3-fontSize\":\"--rt-p3-fontSize\",\"rt-p3-fontStyle\":\"--rt-p3-fontStyle\",\"rt-p3-fontWeight\":\"--rt-p3-fontWeight\",\"rt-p3-fontFamily\":\"--rt-p3-fontFamily\",\"rt-p3-lineHeight\":\"--rt-p3-lineHeight\"}; \n\n\n\n\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,16 +1,16 @@
 // @ts-nocheck
 
 import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runtime.js";
-var _namespace_ = "richtexteditor2894815764";
+var _namespace_ = "richtexteditor3281387895";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
 export var classes = {
-  "root": "richtexteditor2894815764__root",
-  "nativeInput": "richtexteditor2894815764__nativeInput",
-  "editor": "richtexteditor2894815764__editor"
+  "root": "richtexteditor3281387895__root",
+  "nativeInput": "richtexteditor3281387895__nativeInput",
+  "editor": "richtexteditor3281387895__editor"
 };
 export var keyframes = {};
 export var layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../../src/cms-fields/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"richtexteditor2894815764\";\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\":\"richtexteditor2894815764__root\",\"nativeInput\":\"richtexteditor2894815764__nativeInput\",\"editor\":\"richtexteditor2894815764__editor\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-blue-100\":\"--wds-color-blue-100\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-color-red-100\":\"--wds-color-red-100\",\"wds-color-red-300\":\"--wds-color-red-300\",\"wds-color-yellow-100\":\"--wds-color-yellow-100\",\"wds-color-yellow-300\":\"--wds-color-yellow-300\",\"wds-color-black-700\":\"--wds-color-black-700\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\",\"wds-border-radius-300\":\"--wds-border-radius-300\"}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,wCAAwC;AAItF,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC,gCAAgC;EAAC,aAAa,EAAC,uCAAuC;EAAC,QAAQ,EAAC;AAAkC,CAAC;AAChK,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,IAAI,GAAG;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,sBAAsB,EAAC,wBAAwB;EAAC,sBAAsB,EAAC,wBAAwB;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,uBAAuB,EAAC;AAAyB,CAAC","ignoreList":[]}
+{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../../src/cms-fields/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"richtexteditor3281387895\";\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\":\"richtexteditor3281387895__root\",\"nativeInput\":\"richtexteditor3281387895__nativeInput\",\"editor\":\"richtexteditor3281387895__editor\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-blue-100\":\"--wds-color-blue-100\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-color-red-100\":\"--wds-color-red-100\",\"wds-color-red-300\":\"--wds-color-red-300\",\"wds-color-yellow-100\":\"--wds-color-yellow-100\",\"wds-color-yellow-300\":\"--wds-color-yellow-300\",\"wds-color-black-700\":\"--wds-color-black-700\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\",\"wds-border-radius-300\":\"--wds-border-radius-300\"}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,wCAAwC;AAItF,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC,gCAAgC;EAAC,aAAa,EAAC,uCAAuC;EAAC,QAAQ,EAAC;AAAkC,CAAC;AAChK,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,IAAI,GAAG;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,sBAAsB,EAAC,wBAAwB;EAAC,sBAAsB,EAAC,wBAAwB;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,uBAAuB,EAAC;AAAyB,CAAC","ignoreList":[]}

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

@@ -1,30 +1,30 @@
 // @ts-nocheck
 
 import { classesRuntime, statesRuntime } from "../../../../../../stylable-esm-runtime.js";
-var _namespace_ = "toolbar1545081041";
+var _namespace_ = "toolbar458414487";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
 export var classes = {
-  "root": "toolbar1545081041__root",
-  "item": "toolbar1545081041__item",
-  "separator": "toolbar1545081041__separator",
-  "clearFormatting": "toolbar1545081041__clearFormatting",
-  "fullScreen": "toolbar1545081041__fullScreen",
-  "dropdownItemContent": "toolbar1545081041__dropdownItemContent",
-  "dropdownItemTitle": "toolbar1545081041__dropdownItemTitle",
-  "dropdownItemSubtitle": "toolbar1545081041__dropdownItemSubtitle",
-  "dropdownHeaderOne": "toolbar1545081041__dropdownHeaderOne",
-  "dropdownHeaderTwo": "toolbar1545081041__dropdownHeaderTwo",
-  "dropdownHeaderThree": "toolbar1545081041__dropdownHeaderThree",
-  "dropdownHeaderFour": "toolbar1545081041__dropdownHeaderFour",
-  "dropdownHeaderFive": "toolbar1545081041__dropdownHeaderFive",
-  "dropdownHeaderSix": "toolbar1545081041__dropdownHeaderSix",
-  "dropdownParagraphOne": "toolbar1545081041__dropdownParagraphOne",
-  "dropdownNormalText": "toolbar1545081041__dropdownNormalText",
-  "dropdownParagraphThree": "toolbar1545081041__dropdownParagraphThree"
+  "root": "toolbar458414487__root",
+  "item": "toolbar458414487__item",
+  "separator": "toolbar458414487__separator",
+  "clearFormatting": "toolbar458414487__clearFormatting",
+  "fullScreen": "toolbar458414487__fullScreen",
+  "dropdownItemContent": "toolbar458414487__dropdownItemContent",
+  "dropdownItemTitle": "toolbar458414487__dropdownItemTitle",
+  "dropdownItemSubtitle": "toolbar458414487__dropdownItemSubtitle",
+  "dropdownHeaderOne": "toolbar458414487__dropdownHeaderOne",
+  "dropdownHeaderTwo": "toolbar458414487__dropdownHeaderTwo",
+  "dropdownHeaderThree": "toolbar458414487__dropdownHeaderThree",
+  "dropdownHeaderFour": "toolbar458414487__dropdownHeaderFour",
+  "dropdownHeaderFive": "toolbar458414487__dropdownHeaderFive",
+  "dropdownHeaderSix": "toolbar458414487__dropdownHeaderSix",
+  "dropdownParagraphOne": "toolbar458414487__dropdownParagraphOne",
+  "dropdownNormalText": "toolbar458414487__dropdownNormalText",
+  "dropdownParagraphThree": "toolbar458414487__dropdownParagraphThree"
 };
 export var keyframes = {};
 export var layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../../../src/cms-fields/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_ = \"toolbar1545081041\";\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\":\"toolbar1545081041__root\",\"item\":\"toolbar1545081041__item\",\"separator\":\"toolbar1545081041__separator\",\"clearFormatting\":\"toolbar1545081041__clearFormatting\",\"fullScreen\":\"toolbar1545081041__fullScreen\",\"dropdownItemContent\":\"toolbar1545081041__dropdownItemContent\",\"dropdownItemTitle\":\"toolbar1545081041__dropdownItemTitle\",\"dropdownItemSubtitle\":\"toolbar1545081041__dropdownItemSubtitle\",\"dropdownHeaderOne\":\"toolbar1545081041__dropdownHeaderOne\",\"dropdownHeaderTwo\":\"toolbar1545081041__dropdownHeaderTwo\",\"dropdownHeaderThree\":\"toolbar1545081041__dropdownHeaderThree\",\"dropdownHeaderFour\":\"toolbar1545081041__dropdownHeaderFour\",\"dropdownHeaderFive\":\"toolbar1545081041__dropdownHeaderFive\",\"dropdownHeaderSix\":\"toolbar1545081041__dropdownHeaderSix\",\"dropdownParagraphOne\":\"toolbar1545081041__dropdownParagraphOne\",\"dropdownNormalText\":\"toolbar1545081041__dropdownNormalText\",\"dropdownParagraphThree\":\"toolbar1545081041__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\",\"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\"}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,2CAA2C;AAIzF,IAAIC,WAAW,GAAG,mBAAmB;AACrC,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC,yBAAyB;EAAC,MAAM,EAAC,yBAAyB;EAAC,WAAW,EAAC,8BAA8B;EAAC,iBAAiB,EAAC,oCAAoC;EAAC,YAAY,EAAC,+BAA+B;EAAC,qBAAqB,EAAC,wCAAwC;EAAC,mBAAmB,EAAC,sCAAsC;EAAC,sBAAsB,EAAC,yCAAyC;EAAC,mBAAmB,EAAC,sCAAsC;EAAC,mBAAmB,EAAC,sCAAsC;EAAC,qBAAqB,EAAC,wCAAwC;EAAC,oBAAoB,EAAC,uCAAuC;EAAC,oBAAoB,EAAC,uCAAuC;EAAC,mBAAmB,EAAC,sCAAsC;EAAC,sBAAsB,EAAC,yCAAyC;EAAC,oBAAoB,EAAC,uCAAuC;EAAC,wBAAwB,EAAC;AAA2C,CAAC;AAC/8B,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,IAAI,GAAG;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,iBAAiB,EAAC,mBAAmB;EAAC,yBAAyB,EAAC,2BAA2B;EAAC,wBAAwB,EAAC,0BAA0B;EAAC,sBAAsB,EAAC,wBAAwB;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,0BAA0B,EAAC;AAA4B,CAAC","ignoreList":[]}
+{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../../../src/cms-fields/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_ = \"toolbar458414487\";\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\":\"toolbar458414487__root\",\"item\":\"toolbar458414487__item\",\"separator\":\"toolbar458414487__separator\",\"clearFormatting\":\"toolbar458414487__clearFormatting\",\"fullScreen\":\"toolbar458414487__fullScreen\",\"dropdownItemContent\":\"toolbar458414487__dropdownItemContent\",\"dropdownItemTitle\":\"toolbar458414487__dropdownItemTitle\",\"dropdownItemSubtitle\":\"toolbar458414487__dropdownItemSubtitle\",\"dropdownHeaderOne\":\"toolbar458414487__dropdownHeaderOne\",\"dropdownHeaderTwo\":\"toolbar458414487__dropdownHeaderTwo\",\"dropdownHeaderThree\":\"toolbar458414487__dropdownHeaderThree\",\"dropdownHeaderFour\":\"toolbar458414487__dropdownHeaderFour\",\"dropdownHeaderFive\":\"toolbar458414487__dropdownHeaderFive\",\"dropdownHeaderSix\":\"toolbar458414487__dropdownHeaderSix\",\"dropdownParagraphOne\":\"toolbar458414487__dropdownParagraphOne\",\"dropdownNormalText\":\"toolbar458414487__dropdownNormalText\",\"dropdownParagraphThree\":\"toolbar458414487__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\",\"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\"}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,2CAA2C;AAIzF,IAAIC,WAAW,GAAG,kBAAkB;AACpC,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC,wBAAwB;EAAC,MAAM,EAAC,wBAAwB;EAAC,WAAW,EAAC,6BAA6B;EAAC,iBAAiB,EAAC,mCAAmC;EAAC,YAAY,EAAC,8BAA8B;EAAC,qBAAqB,EAAC,uCAAuC;EAAC,mBAAmB,EAAC,qCAAqC;EAAC,sBAAsB,EAAC,wCAAwC;EAAC,mBAAmB,EAAC,qCAAqC;EAAC,mBAAmB,EAAC,qCAAqC;EAAC,qBAAqB,EAAC,uCAAuC;EAAC,oBAAoB,EAAC,sCAAsC;EAAC,oBAAoB,EAAC,sCAAsC;EAAC,mBAAmB,EAAC,qCAAqC;EAAC,sBAAsB,EAAC,wCAAwC;EAAC,oBAAoB,EAAC,sCAAsC;EAAC,wBAAwB,EAAC;AAA0C,CAAC;AAC97B,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,IAAI,GAAG;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,iBAAiB,EAAC,mBAAmB;EAAC,yBAAyB,EAAC,2BAA2B;EAAC,wBAAwB,EAAC,0BAA0B;EAAC,sBAAsB,EAAC,wBAAwB;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,0BAA0B,EAAC;AAA4B,CAAC","ignoreList":[]}

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

@@ -1,15 +1,15 @@
 // @ts-nocheck
 
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "textview2984609354";
+var _namespace_ = "textview2397618990";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
 export var classes = {
-  "root": "textview2984609354__root",
-  "textView": "textview2984609354__textView"
+  "root": "textview2397618990__root",
+  "textView": "textview2397618990__textView"
 };
 export var keyframes = {};
 export var layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/cms-fields/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_ = \"textview2984609354\";\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\":\"textview2984609354__root\",\"textView\":\"textview2984609354__textView\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,kCAAkC;AAIhF,IAAIC,WAAW,GAAG,oBAAoB;AACtC,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC,0BAA0B;EAAC,UAAU,EAAC;AAA8B,CAAC;AAClG,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,IAAI,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/cms-fields/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_ = \"textview2397618990\";\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\":\"textview2397618990__root\",\"textView\":\"textview2397618990__textView\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,kCAAkC;AAIhF,IAAIC,WAAW,GAAG,oBAAoB;AACtC,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC,0BAA0B;EAAC,UAAU,EAAC;AAA8B,CAAC;AAClG,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,IAAI,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/components/video/index.js

@@ -0,0 +1,2 @@
+export { VideoView } from './video-view';
+//# sourceMappingURL=index.js.map

package/dist/esm/cms-fields/components/video/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["VideoView"],"sources":["../../../../../src/cms-fields/components/video/index.ts"],"sourcesContent":["export { VideoView } from './video-view';\nexport type { VideoViewProps } from './video-view';\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,cAAc","ignoreList":[]}

package/dist/esm/cms-fields/components/video/video-view.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import { Box } from '@wix/design-system';
+import { MediaImage } from '../media-image';
+import { VideoIndicatorOverlay } from '../media-image/overlays';
+export const VideoView = _ref => {
+  let {
+    data,
+    height = '36px',
+    width = '100%',
+    borderRadius
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Box, {
+    verticalAlign: "middle",
+    height: "100%"
+  }, /*#__PURE__*/React.createElement(MediaImage, {
+    src: data,
+    height: height,
+    width: width,
+    borderRadius: borderRadius,
+    size: MediaImage.Size.S,
+    suspended: true,
+    overlay: /*#__PURE__*/React.createElement(VideoIndicatorOverlay, {
+      src: data,
+      size: "small",
+      placement: "bottomLeft"
+    })
+  }));
+};
+VideoView.displayName = 'VideoView';
+//# sourceMappingURL=video-view.js.map

package/dist/esm/cms-fields/components/video/video-view.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Box","MediaImage","VideoIndicatorOverlay","VideoView","_ref","data","height","width","borderRadius","createElement","verticalAlign","src","size","Size","S","suspended","overlay","placement","displayName"],"sources":["../../../../../src/cms-fields/components/video/video-view.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@wix/design-system';\n\nimport { MediaImage } from '../media-image';\nimport { VideoIndicatorOverlay } from '../media-image/overlays';\n\nexport interface VideoViewProps {\n  data?: string;\n  height?: string;\n  width?: string;\n  borderRadius?: string;\n}\n\nexport const VideoView: React.FC<VideoViewProps> = ({\n  data,\n  height = '36px',\n  width = '100%',\n  borderRadius,\n}) => {\n  return (\n    <Box verticalAlign=\"middle\" height=\"100%\">\n      <MediaImage\n        src={data}\n        height={height}\n        width={width}\n        borderRadius={borderRadius}\n        size={MediaImage.Size.S}\n        suspended\n        overlay={\n          <VideoIndicatorOverlay\n            src={data}\n            size=\"small\"\n            placement=\"bottomLeft\"\n          />\n        }\n      />\n    </Box>\n  );\n};\n\nVideoView.displayName = 'VideoView';\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,QAAQ,oBAAoB;AAExC,SAASC,UAAU,QAAQ,gBAAgB;AAC3C,SAASC,qBAAqB,QAAQ,yBAAyB;AAS/D,OAAO,MAAMC,SAAmC,GAAGC,IAAA,IAK7C;EAAA,IAL8C;IAClDC,IAAI;IACJC,MAAM,GAAG,MAAM;IACfC,KAAK,GAAG,MAAM;IACdC;EACF,CAAC,GAAAJ,IAAA;EACC,oBACEL,KAAA,CAAAU,aAAA,CAACT,GAAG;IAACU,aAAa,EAAC,QAAQ;IAACJ,MAAM,EAAC;EAAM,gBACvCP,KAAA,CAAAU,aAAA,CAACR,UAAU;IACTU,GAAG,EAAEN,IAAK;IACVC,MAAM,EAAEA,MAAO;IACfC,KAAK,EAAEA,KAAM;IACbC,YAAY,EAAEA,YAAa;IAC3BI,IAAI,EAAEX,UAAU,CAACY,IAAI,CAACC,CAAE;IACxBC,SAAS;IACTC,OAAO,eACLjB,KAAA,CAAAU,aAAA,CAACP,qBAAqB;MACpBS,GAAG,EAAEN,IAAK;MACVO,IAAI,EAAC,OAAO;MACZK,SAAS,EAAC;IAAY,CACvB;EACF,CACF,CACE,CAAC;AAEV,CAAC;AAEDd,SAAS,CAACe,WAAW,GAAG,WAAW","ignoreList":[]}

package/dist/esm/cms-fields/validations/array.js

@@ -0,0 +1,20 @@
+export const isValid = data => {
+  return Array.isArray(data);
+};
+export const hardConvert = data => {
+  if (typeof data !== 'string') {
+    throw new Error(`Can not convert "${data}" into array`);
+  }
+  try {
+    return JSON.parse(data);
+  } catch {
+    return data.split(',').map(item => {
+      try {
+        return JSON.parse(item);
+      } catch {
+        return item.trim();
+      }
+    });
+  }
+};
+//# sourceMappingURL=array.js.map

package/dist/esm/cms-fields/validations/array.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isValid","data","Array","isArray","hardConvert","Error","JSON","parse","split","map","item","trim"],"sources":["../../../../src/cms-fields/validations/array.ts"],"sourcesContent":["export const isValid = (data: any): data is any[] => {\n  return Array.isArray(data);\n};\n\nexport const hardConvert = (data: any) => {\n  if (typeof data !== 'string') {\n    throw new Error(`Can not convert \"${data}\" into array`);\n  }\n\n  try {\n    return JSON.parse(data);\n  } catch {\n    return data.split(',').map((item) => {\n      try {\n        return JSON.parse(item);\n      } catch {\n        return item.trim();\n      }\n    });\n  }\n};\n"],"mappings":"AAAA,OAAO,MAAMA,OAAO,GAAIC,IAAS,IAAoB;EACnD,OAAOC,KAAK,CAACC,OAAO,CAACF,IAAI,CAAC;AAC5B,CAAC;AAED,OAAO,MAAMG,WAAW,GAAIH,IAAS,IAAK;EACxC,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE;IAC5B,MAAM,IAAII,KAAK,CAAC,oBAAoBJ,IAAI,cAAc,CAAC;EACzD;EAEA,IAAI;IACF,OAAOK,IAAI,CAACC,KAAK,CAACN,IAAI,CAAC;EACzB,CAAC,CAAC,MAAM;IACN,OAAOA,IAAI,CAACO,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,CAAEC,IAAI,IAAK;MACnC,IAAI;QACF,OAAOJ,IAAI,CAACC,KAAK,CAACG,IAAI,CAAC;MACzB,CAAC,CAAC,MAAM;QACN,OAAOA,IAAI,CAACC,IAAI,CAAC,CAAC;MACpB;IACF,CAAC,CAAC;EACJ;AACF,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/validations/video.js

@@ -0,0 +1,17 @@
+import { isMediaVideoURI } from '../auto-cms-field-types';
+export const isValid = data => {
+  if (data === null || data === undefined || data === '') {
+    return true;
+  }
+  if (typeof data !== 'string') {
+    return false;
+  }
+  return isMediaVideoURI(data);
+};
+export const hardConvert = data => {
+  if (isValid(data)) {
+    return data;
+  }
+  throw new Error(`Cannot convert "${data}" into a video URI`);
+};
+//# sourceMappingURL=video.js.map

package/dist/esm/cms-fields/validations/video.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isMediaVideoURI","isValid","data","undefined","hardConvert","Error"],"sources":["../../../../src/cms-fields/validations/video.ts"],"sourcesContent":["import { isMediaVideoURI } from '../auto-cms-field-types';\n\nexport const isValid = (data: unknown): data is string => {\n  if (data === null || data === undefined || data === '') {\n    return true;\n  }\n  if (typeof data !== 'string') {\n    return false;\n  }\n  return isMediaVideoURI(data);\n};\n\nexport const hardConvert = (data: unknown): string | null => {\n  if (isValid(data)) {\n    return data as string;\n  }\n  throw new Error(`Cannot convert \"${data}\" into a video URI`);\n};\n"],"mappings":"AAAA,SAASA,eAAe,QAAQ,yBAAyB;AAEzD,OAAO,MAAMC,OAAO,GAAIC,IAAa,IAAqB;EACxD,IAAIA,IAAI,KAAK,IAAI,IAAIA,IAAI,KAAKC,SAAS,IAAID,IAAI,KAAK,EAAE,EAAE;IACtD,OAAO,IAAI;EACb;EACA,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE;IAC5B,OAAO,KAAK;EACd;EACA,OAAOF,eAAe,CAACE,IAAI,CAAC;AAC9B,CAAC;AAED,OAAO,MAAME,WAAW,GAAIF,IAAa,IAAoB;EAC3D,IAAID,OAAO,CAACC,IAAI,CAAC,EAAE;IACjB,OAAOA,IAAI;EACb;EACA,MAAM,IAAIG,KAAK,CAAC,mBAAmBH,IAAI,oBAAoB,CAAC;AAC9D,CAAC","ignoreList":[]}

package/dist/esm/components/AutoPatternsEntityPage/AutoPatternsEntityPage.js

@@ -3,6 +3,7 @@ import { ContentSkeleton } from '../layouts/ContentSkeleton';
 import { observer } from '@wix/patterns';
 import { useAutoPatternsAppContainer } from '../AutoPatternsApp/AutoPatternsAppContainerProvider';
 import { AutoPatternsEntityPageState } from './AutoPatternsEntityPageState';
+import '../../styles.global.css';
 export const AutoPatternsEntityPage = observer(_ref => {
   let {
     configuration

package/dist/esm/components/AutoPatternsEntityPage/AutoPatternsEntityPage.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useState","ContentSkeleton","observer","useAutoPatternsAppContainer","AutoPatternsEntityPageState","AutoPatternsEntityPage","_ref","configuration","container","state","config","init","initTask","status","isIdle","isLoading","createElement","pageConfig","EntityPageElement"],"sources":["../../../../src/components/AutoPatternsEntityPage/AutoPatternsEntityPage.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { EntityPageConfig } from '../../types';\nimport { ContentSkeleton } from '../layouts/ContentSkeleton';\nimport { observer } from '@wix/patterns';\nimport { useAutoPatternsAppContainer } from '../AutoPatternsApp/AutoPatternsAppContainerProvider';\nimport { AutoPatternsEntityPageState } from './AutoPatternsEntityPageState';\n\nexport interface AutoPatternsEntityPageProps {\n  configuration: EntityPageConfig;\n}\n\nexport const AutoPatternsEntityPage = observer(\n  ({ configuration }: AutoPatternsEntityPageProps) => {\n    const container = useAutoPatternsAppContainer();\n\n    const [state] = useState(\n      () =>\n        new AutoPatternsEntityPageState({\n          container,\n          config: configuration,\n        }),\n    );\n\n    useEffect(() => state.init(), [state]);\n\n    if (state.initTask.status.isIdle || state.initTask.status.isLoading) {\n      return <ContentSkeleton pageConfig={configuration} />;\n    }\n\n    return state.EntityPageElement;\n  },\n);\n\n/*\n  Key structure explanation:\n\n  Main cards: main-section-card-{layoutIndex}\n  Sidebar cards: sidebar-section-card-{layoutIndex}\n\n  Layout content:\n  {sectionId}-card-{cardIndex}-content-{contentIndex}\n\n  Nested children:\n  {sectionId}-card-{cardIndex}-content-{parentContentIndex}-level-{level}-child-{childIndex}\n\n  This ensures uniqueness across all levels and sections.\n*/\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAElD,SAASC,eAAe,QAAQ,4BAA4B;AAC5D,SAASC,QAAQ,QAAQ,eAAe;AACxC,SAASC,2BAA2B,QAAQ,qDAAqD;AACjG,SAASC,2BAA2B,QAAQ,+BAA+B;AAM3E,OAAO,MAAMC,sBAAsB,GAAGH,QAAQ,CAC5CI,IAAA,IAAoD;EAAA,IAAnD;IAAEC;EAA2C,CAAC,GAAAD,IAAA;EAC7C,MAAME,SAAS,GAAGL,2BAA2B,CAAC,CAAC;EAE/C,MAAM,CAACM,KAAK,CAAC,GAAGT,QAAQ,CACtB,MACE,IAAII,2BAA2B,CAAC;IAC9BI,SAAS;IACTE,MAAM,EAAEH;EACV,CAAC,CACL,CAAC;EAEDR,SAAS,CAAC,MAAMU,KAAK,CAACE,IAAI,CAAC,CAAC,EAAE,CAACF,KAAK,CAAC,CAAC;EAEtC,IAAIA,KAAK,CAACG,QAAQ,CAACC,MAAM,CAACC,MAAM,IAAIL,KAAK,CAACG,QAAQ,CAACC,MAAM,CAACE,SAAS,EAAE;IACnE,oBAAOjB,KAAA,CAAAkB,aAAA,CAACf,eAAe;MAACgB,UAAU,EAAEV;IAAc,CAAE,CAAC;EACvD;EAEA,OAAOE,KAAK,CAACS,iBAAiB;AAChC,CACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useState","ContentSkeleton","observer","useAutoPatternsAppContainer","AutoPatternsEntityPageState","AutoPatternsEntityPage","_ref","configuration","container","state","config","init","initTask","status","isIdle","isLoading","createElement","pageConfig","EntityPageElement"],"sources":["../../../../src/components/AutoPatternsEntityPage/AutoPatternsEntityPage.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { EntityPageConfig } from '../../types';\nimport { ContentSkeleton } from '../layouts/ContentSkeleton';\nimport { observer } from '@wix/patterns';\nimport { useAutoPatternsAppContainer } from '../AutoPatternsApp/AutoPatternsAppContainerProvider';\nimport { AutoPatternsEntityPageState } from './AutoPatternsEntityPageState';\nimport '../../styles.global.css';\n\nexport interface AutoPatternsEntityPageProps {\n  configuration: EntityPageConfig;\n}\n\nexport const AutoPatternsEntityPage = observer(\n  ({ configuration }: AutoPatternsEntityPageProps) => {\n    const container = useAutoPatternsAppContainer();\n\n    const [state] = useState(\n      () =>\n        new AutoPatternsEntityPageState({\n          container,\n          config: configuration,\n        }),\n    );\n\n    useEffect(() => state.init(), [state]);\n\n    if (state.initTask.status.isIdle || state.initTask.status.isLoading) {\n      return <ContentSkeleton pageConfig={configuration} />;\n    }\n\n    return state.EntityPageElement;\n  },\n);\n\n/*\n  Key structure explanation:\n\n  Main cards: main-section-card-{layoutIndex}\n  Sidebar cards: sidebar-section-card-{layoutIndex}\n\n  Layout content:\n  {sectionId}-card-{cardIndex}-content-{contentIndex}\n\n  Nested children:\n  {sectionId}-card-{cardIndex}-content-{parentContentIndex}-level-{level}-child-{childIndex}\n\n  This ensures uniqueness across all levels and sections.\n*/\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAElD,SAASC,eAAe,QAAQ,4BAA4B;AAC5D,SAASC,QAAQ,QAAQ,eAAe;AACxC,SAASC,2BAA2B,QAAQ,qDAAqD;AACjG,SAASC,2BAA2B,QAAQ,+BAA+B;AAC3E,OAAO,yBAAyB;AAMhC,OAAO,MAAMC,sBAAsB,GAAGH,QAAQ,CAC5CI,IAAA,IAAoD;EAAA,IAAnD;IAAEC;EAA2C,CAAC,GAAAD,IAAA;EAC7C,MAAME,SAAS,GAAGL,2BAA2B,CAAC,CAAC;EAE/C,MAAM,CAACM,KAAK,CAAC,GAAGT,QAAQ,CACtB,MACE,IAAII,2BAA2B,CAAC;IAC9BI,SAAS;IACTE,MAAM,EAAEH;EACV,CAAC,CACL,CAAC;EAEDR,SAAS,CAAC,MAAMU,KAAK,CAACE,IAAI,CAAC,CAAC,EAAE,CAACF,KAAK,CAAC,CAAC;EAEtC,IAAIA,KAAK,CAACG,QAAQ,CAACC,MAAM,CAACC,MAAM,IAAIL,KAAK,CAACG,QAAQ,CAACC,MAAM,CAACE,SAAS,EAAE;IACnE,oBAAOjB,KAAA,CAAAkB,aAAA,CAACf,eAAe;MAACgB,UAAU,EAAEV;IAAc,CAAE,CAAC;EACvD;EAEA,OAAOE,KAAK,CAACS,iBAAiB;AAChC,CACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/dist/esm/components/AutoPatternsGrid/AutoPatternsGrid.js

@@ -67,7 +67,8 @@ const AutoPatternsGridLoaded = props => {
     preset: preset,
     imagePlacement: imagePlacement,
     renderItem: renderItem,
-    state: state
+    state: state,
+    showFieldTypeIcons: config.showFieldTypeIcons
   }, baseCollectionComponentReadyFeatures, dragAndDropProps, importProps));
 };
 

package/dist/esm/components/AutoPatternsGrid/AutoPatternsGrid.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","Grid","GridState","useCreateCollection","useGridCollection","useSelector","useWixPatternsContainer","useBasePatternsStateParams","useGridFeaturesAsync","useBaseGridFeatures","useBaseCollectionComponentReadyFeatures","AutoPatternsGridLoaded","props","config","asyncFeaturesState","baseStateParams","dataHook","renderItem","imagePlacement","preset","dragAndDrop","importFeature","status","data","state","params","baseCollectionComponentReadyFeatures","collection","reportBi","toolbar","dragAndDropProps","useGridDragAndDrop","importProps","useImport","createElement","_extends","AutoPatternsGrid","visibleFieldIds","container","createCollection","isReady","isSuccess","isError"],"sources":["../../../../src/components/AutoPatternsGrid/AutoPatternsGrid.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  Grid,\n  GridState,\n  useCreateCollection,\n  useGridCollection,\n  useSelector,\n  useWixPatternsContainer,\n} from '@wix/patterns';\nimport { GridConfig } from '../../types';\nimport { useBasePatternsStateParams } from '../../hooks/useBasePatternsStateParams';\nimport { useGridFeaturesAsync } from '../../hooks';\nimport { useBaseGridFeatures } from '../../hooks/useBaseGridFeatures';\nimport { useBaseCollectionComponentReadyFeatures } from '../../hooks/useBaseCollectionComponentReadyFeatures';\n\nexport interface AutoPatternsGridContentProps {\n  config: GridConfig;\n}\n\n/**\n * AutoPatternsGridLoaded - Step 4 in Grid Flow\n *\n * FLOW 2: AutoPatternsCollectionComponent → AutoPatternsGrid → useGridFeaturesAsync → [AutoPatternsGridLoaded] → useBaseCollectionComponentReadyFeatures → Grid\n *\n * This component renders when all async features have been loaded and are ready.\n * It represents the \"loaded\" state of the grid flow and handles:\n *\n * Key Responsibilities:\n * - Creates the grid collection state using loaded async features\n * - Calls useBaseCollectionComponentReadyFeatures for final feature preparation\n * - Extracts grid-specific features (renderItem, preset, imagePlacement) from base features\n * - Extracts async features like dragAndDrop if enabled\n * - Renders the final Grid component with all features combined\n */\nconst AutoPatternsGridLoaded = (\n  props: NonNullable<ReturnType<typeof useGridFeaturesAsync>> &\n    AutoPatternsGridContentProps & {\n      baseStateParams: ReturnType<typeof useBasePatternsStateParams>;\n      dataHook?: string;\n    },\n) => {\n  const { config, asyncFeaturesState, baseStateParams, dataHook } = props;\n\n  // Extract grid-specific display features (how items are rendered and displayed)\n  const { renderItem, imagePlacement, preset } = useBaseGridFeatures(config);\n\n  // Extract loaded async features from the successful feature loading state\n  const { dragAndDrop, importFeature } = useSelector(() => ({\n    ...asyncFeaturesState.status.data,\n  }));\n\n  // Create grid collection state with the loaded async dependencies\n  const state = useGridCollection<any>(baseStateParams.params);\n\n  // STEP 5: Call shared hook that prepares final collection features\n  // This hook is shared across all three flows (Table, Grid, TableGridSwitch)\n  const baseCollectionComponentReadyFeatures =\n    useBaseCollectionComponentReadyFeatures({\n      config,\n      collection: state.collection,\n      reportBi: state.toolbar.reportBi,\n      asyncFeaturesState,\n      baseStateParams,\n    });\n\n  // Extract grid-specific drag and drop props if feature is loaded\n  const dragAndDropProps = dragAndDrop?.useGridDragAndDrop?.(config);\n  const importProps = importFeature?.useImport?.(config);\n\n  // FINAL STEP: Render the fully-featured Grid component\n  // Combines grid display features with loaded async features\n  return (\n    <Grid\n      dataHook={dataHook}\n      preset={preset}\n      imagePlacement={imagePlacement}\n      renderItem={renderItem}\n      state={state}\n      {...baseCollectionComponentReadyFeatures}\n      {...dragAndDropProps}\n      {...importProps}\n    />\n  );\n};\n\n/**\n * AutoPatternsGrid - Step 2 in Grid Flow\n *\n * FLOW 2: AutoPatternsCollectionComponent → [AutoPatternsGrid] → useGridFeaturesAsync → AutoPatternsGridLoaded → useBaseCollectionComponentReadyFeatures → Grid\n *\n * This is the main grid component that orchestrates the grid rendering flow.\n * It handles the loading states and coordinates between async feature loading and final rendering.\n *\n * Key Responsibilities:\n * - Extracts grid display features (renderItem, preset, imagePlacement) and visible field IDs\n * - Calls useGridFeaturesAsync (Step 3) to load grid-specific async features\n * - Creates initial grid state with basic collection\n * - Monitors loading status and switches between loading/loaded states\n * - Renders skeleton grid during loading or AutoPatternsGridLoaded when ready\n */\nexport const AutoPatternsGrid = (props: AutoPatternsGridContentProps) => {\n  const { config } = props;\n\n  // Extract grid display features and visible field IDs from configuration\n  const { renderItem, imagePlacement, preset, visibleFieldIds } =\n    useBaseGridFeatures(config);\n\n  // Initialize base state parameters with collection config and visible fields\n  const baseStateParams = useBasePatternsStateParams(config, {\n    visibleFieldIds,\n  });\n\n  // STEP 3: Load grid-specific async features (currently only drag&drop)\n  const { asyncFeaturesState } = useGridFeaturesAsync({ config });\n\n  // Create patterns container and collection factory\n  const container = useWixPatternsContainer();\n  const createCollection = useCreateCollection();\n\n  // Initialize grid state with basic collection (used during loading)\n  const [state] = useState(\n    () =>\n      new GridState<any, {}>({\n        collection: createCollection<any, {}>(baseStateParams.params),\n        container,\n      }),\n  );\n\n  // Monitor async features loading status\n  const isReady = useSelector(\n    () =>\n      asyncFeaturesState.status.isSuccess || asyncFeaturesState.status.isError,\n  );\n\n  const dataHook = 'auto-patterns-grid';\n\n  if (isReady) {\n    // STEP 4: All features loaded - render the fully-featured grid\n    return (\n      <AutoPatternsGridLoaded\n        dataHook={dataHook}\n        config={config}\n        baseStateParams={baseStateParams}\n        asyncFeaturesState={asyncFeaturesState}\n      />\n    );\n  }\n\n  // LOADING STATE: Render basic grid skeleton while features are loading\n  return (\n    <Grid\n      dataHook={dataHook}\n      preset={preset}\n      imagePlacement={imagePlacement}\n      renderItem={renderItem}\n      state={state}\n    />\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","Grid","GridState","useCreateCollection","useGridCollection","useSelector","useWixPatternsContainer","useBasePatternsStateParams","useGridFeaturesAsync","useBaseGridFeatures","useBaseCollectionComponentReadyFeatures","AutoPatternsGridLoaded","props","config","asyncFeaturesState","baseStateParams","dataHook","renderItem","imagePlacement","preset","dragAndDrop","importFeature","status","data","state","params","baseCollectionComponentReadyFeatures","collection","reportBi","toolbar","dragAndDropProps","useGridDragAndDrop","importProps","useImport","createElement","_extends","showFieldTypeIcons","AutoPatternsGrid","visibleFieldIds","container","createCollection","isReady","isSuccess","isError"],"sources":["../../../../src/components/AutoPatternsGrid/AutoPatternsGrid.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  Grid,\n  GridState,\n  useCreateCollection,\n  useGridCollection,\n  useSelector,\n  useWixPatternsContainer,\n} from '@wix/patterns';\nimport { GridConfig } from '../../types';\nimport { useBasePatternsStateParams } from '../../hooks/useBasePatternsStateParams';\nimport { useGridFeaturesAsync } from '../../hooks';\nimport { useBaseGridFeatures } from '../../hooks/useBaseGridFeatures';\nimport { useBaseCollectionComponentReadyFeatures } from '../../hooks/useBaseCollectionComponentReadyFeatures';\n\nexport interface AutoPatternsGridContentProps {\n  config: GridConfig;\n}\n\n/**\n * AutoPatternsGridLoaded - Step 4 in Grid Flow\n *\n * FLOW 2: AutoPatternsCollectionComponent → AutoPatternsGrid → useGridFeaturesAsync → [AutoPatternsGridLoaded] → useBaseCollectionComponentReadyFeatures → Grid\n *\n * This component renders when all async features have been loaded and are ready.\n * It represents the \"loaded\" state of the grid flow and handles:\n *\n * Key Responsibilities:\n * - Creates the grid collection state using loaded async features\n * - Calls useBaseCollectionComponentReadyFeatures for final feature preparation\n * - Extracts grid-specific features (renderItem, preset, imagePlacement) from base features\n * - Extracts async features like dragAndDrop if enabled\n * - Renders the final Grid component with all features combined\n */\nconst AutoPatternsGridLoaded = (\n  props: NonNullable<ReturnType<typeof useGridFeaturesAsync>> &\n    AutoPatternsGridContentProps & {\n      baseStateParams: ReturnType<typeof useBasePatternsStateParams>;\n      dataHook?: string;\n    },\n) => {\n  const { config, asyncFeaturesState, baseStateParams, dataHook } = props;\n\n  // Extract grid-specific display features (how items are rendered and displayed)\n  const { renderItem, imagePlacement, preset } = useBaseGridFeatures(config);\n\n  // Extract loaded async features from the successful feature loading state\n  const { dragAndDrop, importFeature } = useSelector(() => ({\n    ...asyncFeaturesState.status.data,\n  }));\n\n  // Create grid collection state with the loaded async dependencies\n  const state = useGridCollection<any>(baseStateParams.params);\n\n  // STEP 5: Call shared hook that prepares final collection features\n  // This hook is shared across all three flows (Table, Grid, TableGridSwitch)\n  const baseCollectionComponentReadyFeatures =\n    useBaseCollectionComponentReadyFeatures({\n      config,\n      collection: state.collection,\n      reportBi: state.toolbar.reportBi,\n      asyncFeaturesState,\n      baseStateParams,\n    });\n\n  // Extract grid-specific drag and drop props if feature is loaded\n  const dragAndDropProps = dragAndDrop?.useGridDragAndDrop?.(config);\n  const importProps = importFeature?.useImport?.(config);\n\n  // FINAL STEP: Render the fully-featured Grid component\n  // Combines grid display features with loaded async features\n  return (\n    <Grid\n      dataHook={dataHook}\n      preset={preset}\n      imagePlacement={imagePlacement}\n      renderItem={renderItem}\n      state={state}\n      showFieldTypeIcons={config.showFieldTypeIcons}\n      {...baseCollectionComponentReadyFeatures}\n      {...dragAndDropProps}\n      {...importProps}\n    />\n  );\n};\n\n/**\n * AutoPatternsGrid - Step 2 in Grid Flow\n *\n * FLOW 2: AutoPatternsCollectionComponent → [AutoPatternsGrid] → useGridFeaturesAsync → AutoPatternsGridLoaded → useBaseCollectionComponentReadyFeatures → Grid\n *\n * This is the main grid component that orchestrates the grid rendering flow.\n * It handles the loading states and coordinates between async feature loading and final rendering.\n *\n * Key Responsibilities:\n * - Extracts grid display features (renderItem, preset, imagePlacement) and visible field IDs\n * - Calls useGridFeaturesAsync (Step 3) to load grid-specific async features\n * - Creates initial grid state with basic collection\n * - Monitors loading status and switches between loading/loaded states\n * - Renders skeleton grid during loading or AutoPatternsGridLoaded when ready\n */\nexport const AutoPatternsGrid = (props: AutoPatternsGridContentProps) => {\n  const { config } = props;\n\n  // Extract grid display features and visible field IDs from configuration\n  const { renderItem, imagePlacement, preset, visibleFieldIds } =\n    useBaseGridFeatures(config);\n\n  // Initialize base state parameters with collection config and visible fields\n  const baseStateParams = useBasePatternsStateParams(config, {\n    visibleFieldIds,\n  });\n\n  // STEP 3: Load grid-specific async features (currently only drag&drop)\n  const { asyncFeaturesState } = useGridFeaturesAsync({ config });\n\n  // Create patterns container and collection factory\n  const container = useWixPatternsContainer();\n  const createCollection = useCreateCollection();\n\n  // Initialize grid state with basic collection (used during loading)\n  const [state] = useState(\n    () =>\n      new GridState<any, {}>({\n        collection: createCollection<any, {}>(baseStateParams.params),\n        container,\n      }),\n  );\n\n  // Monitor async features loading status\n  const isReady = useSelector(\n    () =>\n      asyncFeaturesState.status.isSuccess || asyncFeaturesState.status.isError,\n  );\n\n  const dataHook = 'auto-patterns-grid';\n\n  if (isReady) {\n    // STEP 4: All features loaded - render the fully-featured grid\n    return (\n      <AutoPatternsGridLoaded\n        dataHook={dataHook}\n        config={config}\n        baseStateParams={baseStateParams}\n        asyncFeaturesState={asyncFeaturesState}\n      />\n    );\n  }\n\n  // LOADING STATE: Render basic grid skeleton while features are loading\n  return (\n    <Grid\n      dataHook={dataHook}\n      preset={preset}\n      imagePlacement={imagePlacement}\n      renderItem={renderItem}\n      state={state}\n    />\n  );\n};\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SACEC,IAAI,EACJC,SAAS,EACTC,mBAAmB,EACnBC,iBAAiB,EACjBC,WAAW,EACXC,uBAAuB,QAClB,eAAe;AAEtB,SAASC,0BAA0B,QAAQ,wCAAwC;AACnF,SAASC,oBAAoB,QAAQ,aAAa;AAClD,SAASC,mBAAmB,QAAQ,iCAAiC;AACrE,SAASC,uCAAuC,QAAQ,qDAAqD;AAM7G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,sBAAsB,GAC1BC,KAIG,IACA;EACH,MAAM;IAAEC,MAAM;IAAEC,kBAAkB;IAAEC,eAAe;IAAEC;EAAS,CAAC,GAAGJ,KAAK;;EAEvE;EACA,MAAM;IAAEK,UAAU;IAAEC,cAAc;IAAEC;EAAO,CAAC,GAAGV,mBAAmB,CAACI,MAAM,CAAC;;EAE1E;EACA,MAAM;IAAEO,WAAW;IAAEC;EAAc,CAAC,GAAGhB,WAAW,CAAC,OAAO;IACxD,GAAGS,kBAAkB,CAACQ,MAAM,CAACC;EAC/B,CAAC,CAAC,CAAC;;EAEH;EACA,MAAMC,KAAK,GAAGpB,iBAAiB,CAAMW,eAAe,CAACU,MAAM,CAAC;;EAE5D;EACA;EACA,MAAMC,oCAAoC,GACxChB,uCAAuC,CAAC;IACtCG,MAAM;IACNc,UAAU,EAAEH,KAAK,CAACG,UAAU;IAC5BC,QAAQ,EAAEJ,KAAK,CAACK,OAAO,CAACD,QAAQ;IAChCd,kBAAkB;IAClBC;EACF,CAAC,CAAC;;EAEJ;EACA,MAAMe,gBAAgB,GAAGV,WAAW,YAAXA,WAAW,CAAEW,kBAAkB,oBAA/BX,WAAW,CAAEW,kBAAkB,CAAGlB,MAAM,CAAC;EAClE,MAAMmB,WAAW,GAAGX,aAAa,YAAbA,aAAa,CAAEY,SAAS,oBAAxBZ,aAAa,CAAEY,SAAS,CAAGpB,MAAM,CAAC;;EAEtD;EACA;EACA,oBACEd,KAAA,CAAAmC,aAAA,CAACjC,IAAI,EAAAkC,QAAA;IACHnB,QAAQ,EAAEA,QAAS;IACnBG,MAAM,EAAEA,MAAO;IACfD,cAAc,EAAEA,cAAe;IAC/BD,UAAU,EAAEA,UAAW;IACvBO,KAAK,EAAEA,KAAM;IACbY,kBAAkB,EAAEvB,MAAM,CAACuB;EAAmB,GAC1CV,oCAAoC,EACpCI,gBAAgB,EAChBE,WAAW,CAChB,CAAC;AAEN,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMK,gBAAgB,GAAIzB,KAAmC,IAAK;EACvE,MAAM;IAAEC;EAAO,CAAC,GAAGD,KAAK;;EAExB;EACA,MAAM;IAAEK,UAAU;IAAEC,cAAc;IAAEC,MAAM;IAAEmB;EAAgB,CAAC,GAC3D7B,mBAAmB,CAACI,MAAM,CAAC;;EAE7B;EACA,MAAME,eAAe,GAAGR,0BAA0B,CAACM,MAAM,EAAE;IACzDyB;EACF,CAAC,CAAC;;EAEF;EACA,MAAM;IAAExB;EAAmB,CAAC,GAAGN,oBAAoB,CAAC;IAAEK;EAAO,CAAC,CAAC;;EAE/D;EACA,MAAM0B,SAAS,GAAGjC,uBAAuB,CAAC,CAAC;EAC3C,MAAMkC,gBAAgB,GAAGrC,mBAAmB,CAAC,CAAC;;EAE9C;EACA,MAAM,CAACqB,KAAK,CAAC,GAAGxB,QAAQ,CACtB,MACE,IAAIE,SAAS,CAAU;IACrByB,UAAU,EAAEa,gBAAgB,CAAUzB,eAAe,CAACU,MAAM,CAAC;IAC7Dc;EACF,CAAC,CACL,CAAC;;EAED;EACA,MAAME,OAAO,GAAGpC,WAAW,CACzB,MACES,kBAAkB,CAACQ,MAAM,CAACoB,SAAS,IAAI5B,kBAAkB,CAACQ,MAAM,CAACqB,OACrE,CAAC;EAED,MAAM3B,QAAQ,GAAG,oBAAoB;EAErC,IAAIyB,OAAO,EAAE;IACX;IACA,oBACE1C,KAAA,CAAAmC,aAAA,CAACvB,sBAAsB;MACrBK,QAAQ,EAAEA,QAAS;MACnBH,MAAM,EAAEA,MAAO;MACfE,eAAe,EAAEA,eAAgB;MACjCD,kBAAkB,EAAEA;IAAmB,CACxC,CAAC;EAEN;;EAEA;EACA,oBACEf,KAAA,CAAAmC,aAAA,CAACjC,IAAI;IACHe,QAAQ,EAAEA,QAAS;IACnBG,MAAM,EAAEA,MAAO;IACfD,cAAc,EAAEA,cAAe;IAC/BD,UAAU,EAAEA,UAAW;IACvBO,KAAK,EAAEA;EAAM,CACd,CAAC;AAEN,CAAC","ignoreList":[]}

package/dist/esm/components/fields/Array.js

@@ -0,0 +1,86 @@
+import React, { useMemo } from 'react';
+import { FormField } from '@wix/design-system';
+import { useEntityPageContext, useWixPatternsContainer } from '@wix/patterns';
+import { useController } from '@wix/patterns/form';
+import { useAutoPatternsAppContainer } from '../AutoPatternsApp/AutoPatternsAppContainerProvider';
+import { isDataValidOrNotSet } from '../../cms-fields/validations/validations';
+import { FormJsonInput, TypeMismatchExclamation } from '../../cms-fields';
+import * as arrayValidation from '../../cms-fields/validations/array';
+export const Array = props => {
+  var _pageState$entity, _field$validation2, _controller$fieldStat;
+  const {
+    field,
+    dataHook
+  } = props;
+  const {
+    translate: t
+  } = useAutoPatternsAppContainer();
+  const {
+    translate: pt
+  } = useWixPatternsContainer();
+  const pageState = useEntityPageContext();
+  const controller = useController({
+    name: (field == null ? void 0 : field.id) ?? '',
+    control: pageState.form.control,
+    defaultValue: (_pageState$entity = pageState.entity) == null ? void 0 : _pageState$entity[(field == null ? void 0 : field.id) ?? ''],
+    rules: {
+      validate: value => {
+        var _field$validation;
+        if ((_field$validation = field.validation) != null && _field$validation.required && (value === null || value === undefined || value === '')) {
+          return pt('cairo.fieldValidation.requiredField');
+        }
+        return true;
+      }
+    }
+  });
+  const {
+    isConverted,
+    convertedValue
+  } = useMemo(() => {
+    try {
+      return {
+        isConverted: true,
+        convertedValue: arrayValidation.hardConvert(controller.field.value)
+      };
+    } catch {
+      return {
+        isConverted: false,
+        convertedValue: null
+      };
+    }
+  }, [controller.field.value]);
+  const typeName = t('auto-patterns.fields.field_type_array_title');
+  return /*#__PURE__*/React.createElement(FormField, {
+    label: field.displayName,
+    required: (_field$validation2 = field.validation) == null ? void 0 : _field$validation2.required,
+    status: controller.fieldState.error ? 'error' : undefined,
+    statusMessage: (_controller$fieldStat = controller.fieldState.error) == null ? void 0 : _controller$fieldStat.message,
+    dataHook: dataHook,
+    suffix: isDataValidOrNotSet(controller.field.value, arrayValidation) ? undefined : /*#__PURE__*/React.createElement(TypeMismatchExclamation, {
+      typeName: typeName,
+      clearButtonText: t('auto-patterns.fields.type_mismatch_clear'),
+      convertButtonText: t('auto-patterns.fields.type_mismatch_convert', {
+        typeName: typeName.toLocaleLowerCase()
+      }),
+      onClear: () => controller.field.onChange(undefined),
+      onChange: value => controller.field.onChange(value),
+      convertDisabledText: t('auto-patterns.fields.type_mismatch_convert_disabled'),
+      fieldName: field.displayName,
+      isConverted: isConverted,
+      isConverting: false,
+      convertedValue: convertedValue,
+      tooltipText: t('auto-patterns.fields.type_mismatch_tip', {
+        typeName
+      })
+    })
+  }, /*#__PURE__*/React.createElement(FormJsonInput, {
+    autoFocus: false,
+    data: controller.field.value,
+    onChange: value => controller.field.onChange == null ? void 0 : controller.field.onChange(value),
+    onBlur: controller.field.onBlur,
+    ref: controller.field.ref,
+    dataHook: `array-${field.id}`,
+    field: field.id
+  }));
+};
+//# sourceMappingURL=Array.js.map

package/dist/esm/components/fields/Array.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","FormField","useEntityPageContext","useWixPatternsContainer","useController","useAutoPatternsAppContainer","isDataValidOrNotSet","FormJsonInput","TypeMismatchExclamation","arrayValidation","Array","props","_pageState$entity","_field$validation2","_controller$fieldStat","field","dataHook","translate","t","pt","pageState","controller","name","id","control","form","defaultValue","entity","rules","validate","value","_field$validation","validation","required","undefined","isConverted","convertedValue","hardConvert","typeName","createElement","label","displayName","status","fieldState","error","statusMessage","message","suffix","clearButtonText","convertButtonText","toLocaleLowerCase","onClear","onChange","convertDisabledText","fieldName","isConverting","tooltipText","autoFocus","data","onBlur","ref"],"sources":["../../../../src/components/fields/Array.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { FormField } from '@wix/design-system';\nimport { BaseInputProps } from './types';\nimport { useEntityPageContext, useWixPatternsContainer } from '@wix/patterns';\nimport { useController } from '@wix/patterns/form';\nimport { useAutoPatternsAppContainer } from '../AutoPatternsApp/AutoPatternsAppContainerProvider';\nimport { isDataValidOrNotSet } from '../../cms-fields/validations/validations';\nimport { FormJsonInput, TypeMismatchExclamation } from '../../cms-fields';\nimport * as arrayValidation from '../../cms-fields/validations/array';\n\nexport interface ArrayProps extends BaseInputProps<string> {}\n\nexport const Array = (props: ArrayProps) => {\n  const { field, dataHook } = props;\n\n  const { translate: t } = useAutoPatternsAppContainer();\n  const { translate: pt } = useWixPatternsContainer();\n\n  const pageState = useEntityPageContext();\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: pageState.form.control,\n    defaultValue: (pageState.entity as any)?.[field?.id ?? ''],\n    rules: {\n      validate: (value) => {\n        if (\n          field.validation?.required &&\n          (value === null || value === undefined || value === '')\n        ) {\n          return pt('cairo.fieldValidation.requiredField');\n        }\n\n        return true;\n      },\n    },\n  });\n\n  const { isConverted, convertedValue } = useMemo(() => {\n    try {\n      return {\n        isConverted: true,\n        convertedValue: arrayValidation.hardConvert(controller.field.value),\n      };\n    } catch {\n      return { isConverted: false, convertedValue: null };\n    }\n  }, [controller.field.value]);\n\n  const typeName = t('auto-patterns.fields.field_type_array_title');\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          arrayValidation,\n        ) ? undefined : (\n          <TypeMismatchExclamation\n            typeName={typeName}\n            clearButtonText={t('auto-patterns.fields.type_mismatch_clear')}\n            convertButtonText={t('auto-patterns.fields.type_mismatch_convert', {\n              typeName: typeName.toLocaleLowerCase(),\n            })}\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={isConverted}\n            isConverting={false}\n            convertedValue={convertedValue}\n            tooltipText={t('auto-patterns.fields.type_mismatch_tip', {\n              typeName,\n            })}\n          />\n        )\n      }\n    >\n      <FormJsonInput\n        autoFocus={false}\n        data={controller.field.value}\n        onChange={(value) => controller.field.onChange?.(value)}\n        onBlur={controller.field.onBlur}\n        ref={controller.field.ref}\n        dataHook={`array-${field.id}`}\n        field={field.id}\n      />\n    </FormField>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/fields/DateInput.js

@@ -49,6 +49,7 @@ export const DateInput = props => {
   return /*#__PURE__*/React.createElement(FormField, {
     label: field.displayName,
     required: (_field$validation = field.validation) == null ? void 0 : _field$validation.required,
+    statusMessage: errorMessage,
     dataHook: dataHook
   }, /*#__PURE__*/React.createElement(DatePicker, {
     ref: internalRef => {

package/dist/esm/components/fields/DateInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","useRef","FormField","DatePicker","getDateWithoutTimezone","getISODateStringWithFixedTimezone","useSelector","useWixPatternsContainer","useController","validateDateField","value","validation","t","format","validationType","required","undefined","dateFormat","DateInput","props","_field$validation","field","dataHook","inputRef","formControl","data","translate","container","initTask","status","controller","name","id","control","defaultValue","rules","validate","error","date","setDate","ref","errorMessage","setErrorMessage","createElement","label","displayName","internalRef","current","focus","_internalRef$state","state","width","onChange","newValue","formattedDate","split","onValidate","_ref","invalid","statusMessage"],"sources":["../../../../src/components/fields/DateInput.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport { FormField, DatePicker } from '@wix/design-system';\nimport {\n  getDateWithoutTimezone,\n  getISODateStringWithFixedTimezone,\n} from './utils/dates';\nimport { BaseInputProps, BaseInputRef } from './types';\nimport { useSelector, useWixPatternsContainer } from '@wix/patterns';\nimport { useController } from '@wix/patterns/form';\nimport { Translate } from '@wix/patterns/core';\n\nexport interface DateProps extends BaseInputProps<string | null> {}\n\nfunction validateDateField(\n  value: string | null | undefined,\n  validation: DateProps['field']['validation'],\n  t: Translate,\n  format?: string,\n  validationType?: 'outOfBoundsError' | 'formatError' | 'valid',\n) {\n  if (\n    validation?.required &&\n    (value === null || value === undefined || value === '')\n  ) {\n    return t('cairo.fieldValidation.requiredField');\n  } else if (validationType === 'formatError' && format) {\n    return t('cairo.customFields.fieldType.date.invalid.value', {\n      dateFormat: format,\n    });\n  }\n\n  return '';\n}\n\nexport const DateInput = (props: DateProps) => {\n  const { field, dataHook, inputRef, formControl, data } = props;\n  const { translate: t, ...container } = useWixPatternsContainer();\n  useSelector(() => container.initTask.status);\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: formControl,\n    defaultValue: data?.[field?.id ?? ''],\n    rules: {\n      validate: (value) => {\n        const error = validateDateField(value, field.validation, t);\n        return error || true;\n      },\n    },\n  });\n\n  const [date, setDate] = useState<Date | undefined>(() => {\n    if (controller.field.value) {\n      return getDateWithoutTimezone(\n        getISODateStringWithFixedTimezone(controller.field.value),\n      );\n    }\n    return undefined;\n  });\n\n  const ref = useRef<BaseInputRef>({});\n  const [errorMessage, setErrorMessage] = useState<string>('');\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      dataHook={dataHook}\n    >\n      <DatePicker\n        ref={(internalRef) => {\n          inputRef?.(ref.current);\n          // @ts-expect-error: WSR internal API hack for focusing\n          ref.current.focus = () => internalRef?.state?.inputRef?.focus?.();\n        }}\n        dataHook={`date-${field.id}`}\n        width=\"100%\"\n        value={date}\n        onChange={(newValue: Date) => {\n          setDate(newValue);\n          if (newValue) {\n            const formattedDate = getISODateStringWithFixedTimezone(newValue);\n            controller.field.onChange(formattedDate.split('T')[0]);\n          } else {\n            controller.field.onChange(null);\n          }\n        }}\n        onValidate={({ validationType, value: newValue, format }) => {\n          const error = validateDateField(\n            newValue,\n            field.validation,\n            t,\n            format,\n            validationType,\n          );\n          setErrorMessage(error);\n          ref.current.invalid = !!error;\n\n          if (validationType === 'formatError' && newValue === '') {\n            setDate(undefined);\n            controller.field.onChange(null);\n          }\n        }}\n        status={errorMessage ? 'error' : undefined}\n        statusMessage={errorMessage}\n      />\n    </FormField>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","useRef","FormField","DatePicker","getDateWithoutTimezone","getISODateStringWithFixedTimezone","useSelector","useWixPatternsContainer","useController","validateDateField","value","validation","t","format","validationType","required","undefined","dateFormat","DateInput","props","_field$validation","field","dataHook","inputRef","formControl","data","translate","container","initTask","status","controller","name","id","control","defaultValue","rules","validate","error","date","setDate","ref","errorMessage","setErrorMessage","createElement","label","displayName","statusMessage","internalRef","current","focus","_internalRef$state","state","width","onChange","newValue","formattedDate","split","onValidate","_ref","invalid"],"sources":["../../../../src/components/fields/DateInput.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport { FormField, DatePicker } from '@wix/design-system';\nimport {\n  getDateWithoutTimezone,\n  getISODateStringWithFixedTimezone,\n} from './utils/dates';\nimport { BaseInputProps, BaseInputRef } from './types';\nimport { useSelector, useWixPatternsContainer } from '@wix/patterns';\nimport { useController } from '@wix/patterns/form';\nimport { Translate } from '@wix/patterns/core';\n\nexport interface DateProps extends BaseInputProps<string | null> {}\n\nfunction validateDateField(\n  value: string | null | undefined,\n  validation: DateProps['field']['validation'],\n  t: Translate,\n  format?: string,\n  validationType?: 'outOfBoundsError' | 'formatError' | 'valid',\n) {\n  if (\n    validation?.required &&\n    (value === null || value === undefined || value === '')\n  ) {\n    return t('cairo.fieldValidation.requiredField');\n  } else if (validationType === 'formatError' && format) {\n    return t('cairo.customFields.fieldType.date.invalid.value', {\n      dateFormat: format,\n    });\n  }\n\n  return '';\n}\n\nexport const DateInput = (props: DateProps) => {\n  const { field, dataHook, inputRef, formControl, data } = props;\n  const { translate: t, ...container } = useWixPatternsContainer();\n  useSelector(() => container.initTask.status);\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: formControl,\n    defaultValue: data?.[field?.id ?? ''],\n    rules: {\n      validate: (value) => {\n        const error = validateDateField(value, field.validation, t);\n        return error || true;\n      },\n    },\n  });\n\n  const [date, setDate] = useState<Date | undefined>(() => {\n    if (controller.field.value) {\n      return getDateWithoutTimezone(\n        getISODateStringWithFixedTimezone(controller.field.value),\n      );\n    }\n    return undefined;\n  });\n\n  const ref = useRef<BaseInputRef>({});\n  const [errorMessage, setErrorMessage] = useState<string>('');\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      statusMessage={errorMessage}\n      dataHook={dataHook}\n    >\n      <DatePicker\n        ref={(internalRef) => {\n          inputRef?.(ref.current);\n          // @ts-expect-error: WSR internal API hack for focusing\n          ref.current.focus = () => internalRef?.state?.inputRef?.focus?.();\n        }}\n        dataHook={`date-${field.id}`}\n        width=\"100%\"\n        value={date}\n        onChange={(newValue: Date) => {\n          setDate(newValue);\n          if (newValue) {\n            const formattedDate = getISODateStringWithFixedTimezone(newValue);\n            controller.field.onChange(formattedDate.split('T')[0]);\n          } else {\n            controller.field.onChange(null);\n          }\n        }}\n        onValidate={({ validationType, value: newValue, format }) => {\n          const error = validateDateField(\n            newValue,\n            field.validation,\n            t,\n            format,\n            validationType,\n          );\n          setErrorMessage(error);\n          ref.current.invalid = !!error;\n\n          if (validationType === 'formatError' && newValue === '') {\n            setDate(undefined);\n            controller.field.onChange(null);\n          }\n        }}\n        status={errorMessage ? 'error' : undefined}\n        statusMessage={errorMessage}\n      />\n    </FormField>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/fields/ImageInput.js

@@ -1,9 +1,10 @@
 import React from 'react';
-import { FormField, ImageViewer } from '@wix/design-system';
+import { Box, FormField, ImageViewer } from '@wix/design-system';
 import { dashboard } from '@wix/dashboard';
 import { useIsMobile, useSelector, useWixPatternsContainer } from '@wix/patterns';
 import { useController } from '@wix/patterns/form';
 import { getImageUrl } from '../../utils/media/getImageUrl';
+import { MEDIA_HEIGHT, MEDIA_MAX_WIDTH } from './mediaConstants';
 export const ImageInput = props => {
   var _field$validation2, _controller$fieldStat;
   const {
@@ -52,6 +53,9 @@ export const ImageInput = props => {
     status: controller.fieldState.error ? 'error' : undefined,
     statusMessage: (_controller$fieldStat = controller.fieldState.error) == null ? void 0 : _controller$fieldStat.message,
     dataHook: dataHook
+  }, /*#__PURE__*/React.createElement(Box, {
+    width: "100%",
+    maxWidth: MEDIA_MAX_WIDTH
   }, /*#__PURE__*/React.createElement(ImageViewer, {
     imageUrl: imageUrl,
     dataHook: `image-${field.id}`,
@@ -60,10 +64,10 @@ export const ImageInput = props => {
     updateImageInfo: t('cairo.replace-image.tooltip'),
     removeImageInfo: t('cairo.remove-image.tooltip'),
     addImageInfo: t('cairo.add-image.tooltip'),
-    height: "120px",
-    width: "25%",
+    height: MEDIA_HEIGHT,
+    width: "100%",
     fit: "cover",
     onRemoveImage: () => controller.field.onChange(null)
-  }));
+  })));
 };
 //# sourceMappingURL=ImageInput.js.map