@wix/patterns-fields 1.10.0 → 1.13.0

package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.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/rich-text-editor.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"richtexteditor2923741127\";\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\":\"richtexteditor2923741127__root\",\"nativeInput\":\"richtexteditor2923741127__nativeInput\",\"editor\":\"richtexteditor2923741127__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":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,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,gCAAgC;EAAC,aAAa,EAAC,uCAAuC;EAAC,QAAQ,EAAC;AAAkC,CAAC;AACzJ,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,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":["_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/rich-text-editor.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"richtexteditor2428808919\";\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\":\"richtexteditor2428808919__root\",\"nativeInput\":\"richtexteditor2428808919__nativeInput\",\"editor\":\"richtexteditor2428808919__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":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,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,gCAAgC;EAAC,aAAa,EAAC,uCAAuC;EAAC,QAAQ,EAAC;AAAkC,CAAC;AACzJ,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,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/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js

@@ -5,30 +5,30 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "toolbar155195946";
+var _namespace_ = "toolbar1400100031";
 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": "toolbar155195946__root",
-  "item": "toolbar155195946__item",
-  "separator": "toolbar155195946__separator",
-  "clearFormatting": "toolbar155195946__clearFormatting",
-  "fullScreen": "toolbar155195946__fullScreen",
-  "dropdownItemContent": "toolbar155195946__dropdownItemContent",
-  "dropdownItemTitle": "toolbar155195946__dropdownItemTitle",
-  "dropdownItemSubtitle": "toolbar155195946__dropdownItemSubtitle",
-  "dropdownHeaderOne": "toolbar155195946__dropdownHeaderOne",
-  "dropdownHeaderTwo": "toolbar155195946__dropdownHeaderTwo",
-  "dropdownHeaderThree": "toolbar155195946__dropdownHeaderThree",
-  "dropdownHeaderFour": "toolbar155195946__dropdownHeaderFour",
-  "dropdownHeaderFive": "toolbar155195946__dropdownHeaderFive",
-  "dropdownHeaderSix": "toolbar155195946__dropdownHeaderSix",
-  "dropdownParagraphOne": "toolbar155195946__dropdownParagraphOne",
-  "dropdownNormalText": "toolbar155195946__dropdownNormalText",
-  "dropdownParagraphThree": "toolbar155195946__dropdownParagraphThree"
+  "root": "toolbar1400100031__root",
+  "item": "toolbar1400100031__item",
+  "separator": "toolbar1400100031__separator",
+  "clearFormatting": "toolbar1400100031__clearFormatting",
+  "fullScreen": "toolbar1400100031__fullScreen",
+  "dropdownItemContent": "toolbar1400100031__dropdownItemContent",
+  "dropdownItemTitle": "toolbar1400100031__dropdownItemTitle",
+  "dropdownItemSubtitle": "toolbar1400100031__dropdownItemSubtitle",
+  "dropdownHeaderOne": "toolbar1400100031__dropdownHeaderOne",
+  "dropdownHeaderTwo": "toolbar1400100031__dropdownHeaderTwo",
+  "dropdownHeaderThree": "toolbar1400100031__dropdownHeaderThree",
+  "dropdownHeaderFour": "toolbar1400100031__dropdownHeaderFour",
+  "dropdownHeaderFive": "toolbar1400100031__dropdownHeaderFive",
+  "dropdownHeaderSix": "toolbar1400100031__dropdownHeaderSix",
+  "dropdownParagraphOne": "toolbar1400100031__dropdownParagraphOne",
+  "dropdownNormalText": "toolbar1400100031__dropdownNormalText",
+  "dropdownParagraphThree": "toolbar1400100031__dropdownParagraphThree"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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_ = \"toolbar155195946\";\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\":\"toolbar155195946__root\",\"item\":\"toolbar155195946__item\",\"separator\":\"toolbar155195946__separator\",\"clearFormatting\":\"toolbar155195946__clearFormatting\",\"fullScreen\":\"toolbar155195946__fullScreen\",\"dropdownItemContent\":\"toolbar155195946__dropdownItemContent\",\"dropdownItemTitle\":\"toolbar155195946__dropdownItemTitle\",\"dropdownItemSubtitle\":\"toolbar155195946__dropdownItemSubtitle\",\"dropdownHeaderOne\":\"toolbar155195946__dropdownHeaderOne\",\"dropdownHeaderTwo\":\"toolbar155195946__dropdownHeaderTwo\",\"dropdownHeaderThree\":\"toolbar155195946__dropdownHeaderThree\",\"dropdownHeaderFour\":\"toolbar155195946__dropdownHeaderFour\",\"dropdownHeaderFive\":\"toolbar155195946__dropdownHeaderFive\",\"dropdownHeaderSix\":\"toolbar155195946__dropdownHeaderSix\",\"dropdownParagraphOne\":\"toolbar155195946__dropdownParagraphOne\",\"dropdownNormalText\":\"toolbar155195946__dropdownNormalText\",\"dropdownParagraphThree\":\"toolbar155195946__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":";;;;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,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;AACv7B,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,wBAAwB,EAAC,0BAA0B;EAAC,sBAAsB,EAAC,wBAAwB;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,0BAA0B,EAAC;AAA4B,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_ = \"toolbar1400100031\";\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\":\"toolbar1400100031__root\",\"item\":\"toolbar1400100031__item\",\"separator\":\"toolbar1400100031__separator\",\"clearFormatting\":\"toolbar1400100031__clearFormatting\",\"fullScreen\":\"toolbar1400100031__fullScreen\",\"dropdownItemContent\":\"toolbar1400100031__dropdownItemContent\",\"dropdownItemTitle\":\"toolbar1400100031__dropdownItemTitle\",\"dropdownItemSubtitle\":\"toolbar1400100031__dropdownItemSubtitle\",\"dropdownHeaderOne\":\"toolbar1400100031__dropdownHeaderOne\",\"dropdownHeaderTwo\":\"toolbar1400100031__dropdownHeaderTwo\",\"dropdownHeaderThree\":\"toolbar1400100031__dropdownHeaderThree\",\"dropdownHeaderFour\":\"toolbar1400100031__dropdownHeaderFour\",\"dropdownHeaderFive\":\"toolbar1400100031__dropdownHeaderFive\",\"dropdownHeaderSix\":\"toolbar1400100031__dropdownHeaderSix\",\"dropdownParagraphOne\":\"toolbar1400100031__dropdownParagraphOne\",\"dropdownNormalText\":\"toolbar1400100031__dropdownNormalText\",\"dropdownParagraphThree\":\"toolbar1400100031__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":";;;;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,wBAAwB,EAAC,0BAA0B;EAAC,sBAAsB,EAAC,wBAAwB;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,0BAA0B,EAAC;AAA4B,CAAC","ignoreList":[]}

package/dist/cjs/components/text/cell-autocomplete-input.js

@@ -0,0 +1,160 @@
+"use strict";
+
+exports.__esModule = true;
+exports.CellAutoCompleteInput = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _useTranslations = require("../../hooks/use-translations");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/text/cell-autocomplete-input.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); }
+/** Imperative handle exposed via ref — allows the cell layer to close the dropdown on scroll. */
+
+/**
+ * Cell-layer AutoComplete — manages search text and selected-id state,
+ * provides a case-insensitive predicate, and shows i18n placeholder/empty-state.
+ *
+ * Architecture notes:
+ * - All WDS AutoComplete usage lives here (not in the cairo cell type).
+ * - The cairo SelectEdit only handles cell-framework integration:
+ *   isArrowNavRef gating, Enter-capture, Escape cancel, scroll-close.
+ * - `onSelect` and `onClear` are coarse-grained callbacks — they do NOT fire
+ *   on every keystroke, keeping editingValue in sync only on meaningful actions.
+ */
+const CellAutoCompleteInput = exports.CellAutoCompleteInput = /*#__PURE__*/_react.default.forwardRef(({
+  value,
+  options,
+  initialSearchText,
+  autoOpen,
+  onSelect,
+  onClear,
+  onOptionMarked,
+  onFocus,
+  onBlur,
+  inputRef,
+  className
+}, ref) => {
+  const {
+    t
+  } = (0, _useTranslations.useTranslations)();
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const acRef = (0, _react.useRef)(null);
+  _react.default.useImperativeHandle(ref, () => ({
+    hideOptions: () => {
+      var _acRef$current;
+      return (_acRef$current = acRef.current) == null || _acRef$current.hideOptions == null ? void 0 : _acRef$current.hideOptions();
+    }
+  }));
+  const resolveLabel = (0, _react.useCallback)(id => {
+    var _options$find;
+    return ((_options$find = options.find(o => o.id === id)) == null ? void 0 : _options$find.value) ?? '';
+  }, [options]);
+
+  // searchValue: the text shown in the AutoComplete input.
+  // - type-to-edit: starts as the typed character (initialSearchText)
+  // - normal edit: starts as the current option's display label
+  const [searchValue, setSearchValue] = (0, _react.useState)(initialSearchText !== undefined ? initialSearchText : resolveLabel(value));
+
+  // selectedId: which option has the checkmark in the dropdown.
+  const [selectedId, setSelectedId] = (0, _react.useState)(value || undefined);
+
+  // Open the dropdown on mount (for all edit-trigger types).
+  (0, _react.useEffect)(() => {
+    if (autoOpen) {
+      requestAnimationFrame(() => {
+        var _acRef$current2;
+        return (_acRef$current2 = acRef.current) == null || _acRef$current2.showOptions == null ? void 0 : _acRef$current2.showOptions();
+      });
+    }
+    // intentionally run only on mount
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  const acOptions = (0, _react.useMemo)(() => options.map(o => ({
+    id: o.id,
+    value: o.value,
+    label: o.value
+  })), [options]);
+
+  // Track whether the user has actually typed (vs. the initial searchValue which
+  // reflects the committed option label). For type-to-edit the initial text IS
+  // user input, so we treat it as already-typed.
+  const hasUserTyped = (0, _react.useRef)(initialSearchText !== undefined);
+
+  // Pre-filter options based on searchValue — but only after the user has typed.
+  // On normal (double-click) entry the searchValue starts as the current label;
+  // we must show all options until the user actively edits the input.
+  const filteredOptions = (0, _react.useMemo)(() => {
+    if (!searchValue || !hasUserTyped.current) {
+      return acOptions;
+    }
+    const lower = searchValue.trim().toLowerCase();
+    return acOptions.filter(o => (o.label ?? '').toLowerCase().includes(lower));
+  }, [acOptions, searchValue]);
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const handleSelect = (0, _react.useCallback)(option => {
+    const label = option.label ?? option.value ?? String(option.id);
+    setSelectedId(option.id);
+    setSearchValue(label);
+    onSelect == null || onSelect(String(option.id));
+  }, [onSelect]);
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const handleOptionMarked = (0, _react.useCallback)(option => {
+    onOptionMarked == null || onOptionMarked(option ? String(option.id) : null);
+  }, [onOptionMarked]);
+
+  // Fires on every keystroke. Only syncs editingValue when input becomes empty
+  // (via backspace) — full clear. Typing to filter does not change editingValue.
+  const handleChange = (0, _react.useCallback)(e => {
+    hasUserTyped.current = true;
+    setSearchValue(e.target.value);
+    if (!e.target.value) {
+      setSelectedId(undefined);
+      onClear == null || onClear();
+    }
+  }, [onClear]);
+  const handleClear = (0, _react.useCallback)(() => {
+    setSearchValue('');
+    setSelectedId(undefined);
+    onClear == null || onClear();
+  }, [onClear]);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.AutoComplete, {
+    ref: acRef,
+    size: "small",
+    border: "none",
+    value: searchValue,
+    selectedId: selectedId,
+    options: filteredOptions,
+    onSelect: handleSelect,
+    onOptionMarked: handleOptionMarked,
+    onChange: handleChange,
+    onClear: handleClear,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    clearButton: !!searchValue || !!selectedId,
+    placeholder: t('patterns-fields.select.search_placeholder'),
+    emptyStateMessage: t('auto-patterns.fields.no_results_found'),
+    popoverProps: {
+      appendTo: 'window',
+      moveBy: {
+        y: 4
+      }
+    },
+    autoSelect: false,
+    textOverflow: "ellipsis",
+    inputRef: el => {
+      if (inputRef) {
+        inputRef.current = el;
+      }
+    },
+    className: className,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 176,
+      columnNumber: 7
+    }
+  });
+});
+CellAutoCompleteInput.displayName = 'CellAutoCompleteInput';
+//# sourceMappingURL=cell-autocomplete-input.js.map

package/dist/cjs/components/text/cell-autocomplete-input.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_useTranslations","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CellAutoCompleteInput","exports","React","forwardRef","value","options","initialSearchText","autoOpen","onSelect","onClear","onOptionMarked","onFocus","onBlur","inputRef","className","ref","useTranslations","acRef","useRef","useImperativeHandle","hideOptions","_acRef$current","current","resolveLabel","useCallback","id","_options$find","find","searchValue","setSearchValue","useState","undefined","selectedId","setSelectedId","useEffect","requestAnimationFrame","_acRef$current2","showOptions","acOptions","useMemo","map","label","hasUserTyped","filteredOptions","lower","trim","toLowerCase","filter","includes","handleSelect","option","String","handleOptionMarked","handleChange","target","handleClear","createElement","AutoComplete","size","border","onChange","clearButton","placeholder","emptyStateMessage","popoverProps","appendTo","moveBy","y","autoSelect","textOverflow","el","__self","__source","fileName","lineNumber","columnNumber","displayName"],"sources":["../../../../src/components/text/cell-autocomplete-input.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { AutoComplete } from '@wix/design-system';\nimport { useTranslations } from '../../hooks/use-translations';\n\nexport interface CellAutoCompleteOption {\n  id: string;\n  value: string;\n}\n\n/** Imperative handle exposed via ref — allows the cell layer to close the dropdown on scroll. */\nexport interface CellAutoCompleteHandle {\n  hideOptions(): void;\n}\n\nexport interface CellAutoCompleteInputProps {\n  /** Currently selected option id. */\n  value?: string;\n  /** Available options. */\n  options: CellAutoCompleteOption[];\n  /**\n   * Initial text to pre-fill in the search input.\n   * Pass the typed character for type-to-edit so the list filters immediately.\n   * Omit to show the matching option's display label (normal double-click edit).\n   */\n  initialSearchText?: string;\n  /** Open the dropdown immediately on mount. */\n  autoOpen?: boolean;\n  /**\n   * Fires when the user clicks an option.\n   * The caller (cairo cell type) should call onChange(id) + onCommit().\n   */\n  onSelect?(id: string): void;\n  /**\n   * Fires when the value is cleared — via the X button or by backspacing to empty.\n   * The caller should call onChange('').\n   */\n  onClear?(): void;\n  /**\n   * Fires when an option becomes highlighted during arrow navigation.\n   * The caller should gate on isArrowNavRef so that auto-highlight on dropdown\n   * open does not overwrite editingValue before the user presses Enter.\n   */\n  onOptionMarked?(id: string | null): void;\n  onFocus?(): void;\n  onBlur?(): void;\n  inputRef?: React.MutableRefObject<any>;\n  className?: string;\n}\n\n/**\n * Cell-layer AutoComplete — manages search text and selected-id state,\n * provides a case-insensitive predicate, and shows i18n placeholder/empty-state.\n *\n * Architecture notes:\n * - All WDS AutoComplete usage lives here (not in the cairo cell type).\n * - The cairo SelectEdit only handles cell-framework integration:\n *   isArrowNavRef gating, Enter-capture, Escape cancel, scroll-close.\n * - `onSelect` and `onClear` are coarse-grained callbacks — they do NOT fire\n *   on every keystroke, keeping editingValue in sync only on meaningful actions.\n */\nexport const CellAutoCompleteInput = React.forwardRef<\n  CellAutoCompleteHandle,\n  CellAutoCompleteInputProps\n>(\n  (\n    {\n      value,\n      options,\n      initialSearchText,\n      autoOpen,\n      onSelect,\n      onClear,\n      onOptionMarked,\n      onFocus,\n      onBlur,\n      inputRef,\n      className,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslations();\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const acRef = useRef<any>(null);\n\n    React.useImperativeHandle(ref, () => ({\n      hideOptions: () => acRef.current?.hideOptions?.(),\n    }));\n\n    const resolveLabel = useCallback(\n      (id?: string) => options.find((o) => o.id === id)?.value ?? '',\n      [options],\n    );\n\n    // searchValue: the text shown in the AutoComplete input.\n    // - type-to-edit: starts as the typed character (initialSearchText)\n    // - normal edit: starts as the current option's display label\n    const [searchValue, setSearchValue] = useState(\n      initialSearchText !== undefined ? initialSearchText : resolveLabel(value),\n    );\n\n    // selectedId: which option has the checkmark in the dropdown.\n    const [selectedId, setSelectedId] = useState<string | number | undefined>(\n      value || undefined,\n    );\n\n    // Open the dropdown on mount (for all edit-trigger types).\n    useEffect(() => {\n      if (autoOpen) {\n        requestAnimationFrame(() => acRef.current?.showOptions?.());\n      }\n      // intentionally run only on mount\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    const acOptions = useMemo(\n      () => options.map((o) => ({ id: o.id, value: o.value, label: o.value })),\n      [options],\n    );\n\n    // Track whether the user has actually typed (vs. the initial searchValue which\n    // reflects the committed option label). For type-to-edit the initial text IS\n    // user input, so we treat it as already-typed.\n    const hasUserTyped = useRef(initialSearchText !== undefined);\n\n    // Pre-filter options based on searchValue — but only after the user has typed.\n    // On normal (double-click) entry the searchValue starts as the current label;\n    // we must show all options until the user actively edits the input.\n    const filteredOptions = useMemo(() => {\n      if (!searchValue || !hasUserTyped.current) {\n        return acOptions;\n      }\n      const lower = searchValue.trim().toLowerCase();\n      return acOptions.filter((o) => (o.label ?? '').toLowerCase().includes(lower));\n    }, [acOptions, searchValue]);\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const handleSelect = useCallback(\n      (option: any) => {\n        const label: string = option.label ?? option.value ?? String(option.id);\n        setSelectedId(option.id);\n        setSearchValue(label);\n        onSelect?.(String(option.id));\n      },\n      [onSelect],\n    );\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const handleOptionMarked = useCallback(\n      (option: any) => {\n        onOptionMarked?.(option ? String(option.id) : null);\n      },\n      [onOptionMarked],\n    );\n\n    // Fires on every keystroke. Only syncs editingValue when input becomes empty\n    // (via backspace) — full clear. Typing to filter does not change editingValue.\n    const handleChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        hasUserTyped.current = true;\n        setSearchValue(e.target.value);\n        if (!e.target.value) {\n          setSelectedId(undefined);\n          onClear?.();\n        }\n      },\n      [onClear],\n    );\n\n    const handleClear = useCallback(() => {\n      setSearchValue('');\n      setSelectedId(undefined);\n      onClear?.();\n    }, [onClear]);\n\n    return (\n      <AutoComplete\n        ref={acRef}\n        size=\"small\"\n        border=\"none\"\n        value={searchValue}\n        selectedId={selectedId}\n        options={filteredOptions}\n        onSelect={handleSelect}\n        onOptionMarked={handleOptionMarked}\n        onChange={handleChange}\n        onClear={handleClear}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        clearButton={!!searchValue || !!selectedId}\n        placeholder={t('patterns-fields.select.search_placeholder')}\n        emptyStateMessage={t('auto-patterns.fields.no_results_found')}\n        popoverProps={{ appendTo: 'window', moveBy: { y: 4 } }}\n        autoSelect={false}\n        textOverflow=\"ellipsis\"\n        inputRef={(el: HTMLInputElement) => {\n          if (inputRef) {\n            inputRef.current = el;\n          }\n        }}\n        className={className}\n      />\n    );\n  },\n);\n\nCellAutoCompleteInput.displayName = 'CellAutoCompleteInput';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/text/cell-text-input.js

@@ -0,0 +1,136 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CellTextInput = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _useTranslations = require("../../hooks/use-translations");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/text/cell-text-input.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 toSingleLine = value => value ? value.replace(/\n+/g, ' ') : '';
+/**
+ * Renders a Tooltip that appears when the character limit is reached.
+ * Extracted into its own component so that useTranslations is only called
+ * when maxLength is configured — tests without a provider are not affected.
+ *
+ * The `<span style={{ display: 'contents' }}>` wrapper is intentional:
+ * WDS Tooltip uses React.cloneElement on its direct child to inject onFocus/onBlur
+ * handlers for accessibility. Without the wrapper, those injected handlers would
+ * override the InputArea's own onFocus/onBlur, breaking the blur → onCommit flow.
+ * The span intercepts the cloneElement while remaining invisible in layout.
+ */
+const CharLimitTooltip = ({
+  children,
+  atLimit,
+  maxLength
+}) => {
+  const {
+    t
+  } = (0, _useTranslations.useTranslations)();
+  // `shown` is a valid Tooltip runtime prop not yet reflected in the TS types
+  const shownProp = {
+    shown: atLimit
+  };
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, (0, _extends2.default)({}, shownProp, {
+    content: t('patterns-fields.text.char_limit_tooltip', {
+      maxLength
+    }),
+    placement: "top",
+    size: "small",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 50,
+      columnNumber: 5
+    }
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    style: {
+      display: 'contents'
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 56,
+      columnNumber: 7
+    }
+  }, children));
+};
+
+/**
+ * Cell-layer InputArea — fires onChange on every keystroke (required by
+ * EditableTable's Tab-commit flow), collapses newlines to spaces while
+ * unfocused, and shows a Tooltip when the character limit is reached.
+ */
+const CellTextInput = ({
+  value,
+  onChange,
+  onFocus,
+  onBlur,
+  maxLength,
+  inputRef,
+  ...props
+}) => {
+  const [isFocused, setIsFocused] = (0, _react.useState)(false);
+  const inputAreaRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    if (isFocused) {
+      var _inputAreaRef$current;
+      (_inputAreaRef$current = inputAreaRef.current) == null || _inputAreaRef$current.calculateComputedRows();
+    }
+  }, [isFocused]);
+  const handleFocus = (0, _react.useCallback)(() => {
+    setIsFocused(true);
+    onFocus == null || onFocus();
+  }, [onFocus]);
+  const handleBlur = (0, _react.useCallback)(() => {
+    setIsFocused(false);
+    onBlur == null || onBlur();
+  }, [onBlur]);
+  const handleChange = (0, _react.useCallback)(e => {
+    onChange == null || onChange(e.target.value);
+  }, [onChange]);
+  const displayValue = isFocused ? value ?? '' : toSingleLine(value);
+  const atLimit = maxLength !== undefined && (value ?? '').length >= maxLength;
+  const inputArea = /*#__PURE__*/_react.default.createElement(_designSystem.InputArea, (0, _extends2.default)({
+    ref: instance => {
+      inputAreaRef.current = instance;
+      if (inputRef) {
+        inputRef.current = instance;
+      }
+    },
+    size: "small",
+    value: displayValue,
+    onChange: handleChange,
+    onFocus: handleFocus,
+    onBlur: handleBlur,
+    maxLength: maxLength,
+    autoGrow: true,
+    minRowsAutoGrow: 1,
+    autoSelect: false
+  }, props, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 105,
+      columnNumber: 5
+    }
+  }));
+  if (maxLength !== undefined) {
+    return /*#__PURE__*/_react.default.createElement(CharLimitTooltip, {
+      atLimit: atLimit,
+      maxLength: maxLength,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 127,
+        columnNumber: 7
+      }
+    }, inputArea);
+  }
+  return inputArea;
+};
+exports.CellTextInput = CellTextInput;
+CellTextInput.displayName = 'CellTextInput';
+//# sourceMappingURL=cell-text-input.js.map

package/dist/cjs/components/text/cell-text-input.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_useTranslations","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","toSingleLine","value","replace","CharLimitTooltip","children","atLimit","maxLength","useTranslations","shownProp","shown","createElement","Tooltip","_extends2","content","placement","size","__self","__source","fileName","lineNumber","columnNumber","style","display","CellTextInput","onChange","onFocus","onBlur","inputRef","props","isFocused","setIsFocused","useState","inputAreaRef","useRef","useEffect","_inputAreaRef$current","current","calculateComputedRows","handleFocus","useCallback","handleBlur","handleChange","target","displayValue","undefined","length","inputArea","InputArea","ref","instance","autoGrow","minRowsAutoGrow","autoSelect","exports","displayName"],"sources":["../../../../src/components/text/cell-text-input.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { InputArea, Tooltip } from '@wix/design-system';\nimport type { InputAreaProps } from '@wix/design-system';\nimport { useTranslations } from '../../hooks/use-translations';\n\nconst toSingleLine = (value?: string) => (value ? value.replace(/\\n+/g, ' ') : '');\n\nexport interface CellTextInputProps\n  extends Omit<\n    InputAreaProps,\n    'value' | 'onChange' | 'autoGrow' | 'minRowsAutoGrow' | 'autoSelect' | 'onFocus' | 'onBlur'\n  > {\n  value?: string;\n  onChange?(value: string): void;\n  /** Called when the textarea gains focus */\n  onFocus?(): void;\n  /** Called when the textarea loses focus */\n  onBlur?(): void;\n  maxLength?: number;\n  inputRef?: React.MutableRefObject<any>;\n}\n\ninterface CharLimitTooltipProps {\n  children: React.ReactElement;\n  atLimit: boolean;\n  maxLength: number;\n}\n\n/**\n * Renders a Tooltip that appears when the character limit is reached.\n * Extracted into its own component so that useTranslations is only called\n * when maxLength is configured — tests without a provider are not affected.\n *\n * The `<span style={{ display: 'contents' }}>` wrapper is intentional:\n * WDS Tooltip uses React.cloneElement on its direct child to inject onFocus/onBlur\n * handlers for accessibility. Without the wrapper, those injected handlers would\n * override the InputArea's own onFocus/onBlur, breaking the blur → onCommit flow.\n * The span intercepts the cloneElement while remaining invisible in layout.\n */\nconst CharLimitTooltip: React.FC<CharLimitTooltipProps> = ({\n  children,\n  atLimit,\n  maxLength,\n}) => {\n  const { t } = useTranslations();\n  // `shown` is a valid Tooltip runtime prop not yet reflected in the TS types\n  const shownProp = { shown: atLimit } as {};\n\n  return (\n    <Tooltip\n      {...shownProp}\n      content={t('patterns-fields.text.char_limit_tooltip', { maxLength })}\n      placement=\"top\"\n      size=\"small\"\n    >\n      <span style={{ display: 'contents' }}>{children}</span>\n    </Tooltip>\n  );\n};\n\n/**\n * Cell-layer InputArea — fires onChange on every keystroke (required by\n * EditableTable's Tab-commit flow), collapses newlines to spaces while\n * unfocused, and shows a Tooltip when the character limit is reached.\n */\nexport const CellTextInput: React.FC<CellTextInputProps> = ({\n  value,\n  onChange,\n  onFocus,\n  onBlur,\n  maxLength,\n  inputRef,\n  ...props\n}) => {\n  const [isFocused, setIsFocused] = useState(false);\n  const inputAreaRef = useRef<InputArea | null>(null);\n\n  useEffect(() => {\n    if (isFocused) {\n      inputAreaRef.current?.calculateComputedRows();\n    }\n  }, [isFocused]);\n\n  const handleFocus = useCallback(() => {\n    setIsFocused(true);\n    onFocus?.();\n  }, [onFocus]);\n\n  const handleBlur = useCallback(() => {\n    setIsFocused(false);\n    onBlur?.();\n  }, [onBlur]);\n\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n      onChange?.(e.target.value);\n    },\n    [onChange],\n  );\n\n  const displayValue = isFocused ? (value ?? '') : toSingleLine(value);\n  const atLimit = maxLength !== undefined && (value ?? '').length >= maxLength;\n\n  const inputArea = (\n    <InputArea\n      ref={(instance) => {\n        inputAreaRef.current = instance;\n        if (inputRef) {\n          inputRef.current = instance;\n        }\n      }}\n      size=\"small\"\n      value={displayValue}\n      onChange={handleChange}\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n      maxLength={maxLength}\n      autoGrow\n      minRowsAutoGrow={1}\n      autoSelect={false}\n      {...props}\n    />\n  );\n\n  if (maxLength !== undefined) {\n    return (\n      <CharLimitTooltip atLimit={atLimit} maxLength={maxLength}>\n        {inputArea}\n      </CharLimitTooltip>\n    );\n  }\n\n  return inputArea;\n};\n\nCellTextInput.displayName = 'CellTextInput';\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,gBAAA,GAAAF,OAAA;AAA+D,IAAAG,YAAA;AAAA,SAAAJ,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,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;AAE/D,MAAMkB,YAAY,GAAIC,KAAc,IAAMA,KAAK,GAAGA,KAAK,CAACC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,EAAG;AAuBlF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,gBAAiD,GAAGA,CAAC;EACzDC,QAAQ;EACRC,OAAO;EACPC;AACF,CAAC,KAAK;EACJ,MAAM;IAAExB;EAAE,CAAC,GAAG,IAAAyB,gCAAe,EAAC,CAAC;EAC/B;EACA,MAAMC,SAAS,GAAG;IAAEC,KAAK,EAAEJ;EAAQ,CAAO;EAE1C,oBACE9B,MAAA,CAAAgB,OAAA,CAAAmB,aAAA,CAAChC,aAAA,CAAAiC,OAAO,MAAAC,SAAA,CAAArB,OAAA,MACFiB,SAAS;IACbK,OAAO,EAAE/B,CAAC,CAAC,yCAAyC,EAAE;MAAEwB;IAAU,CAAC,CAAE;IACrEQ,SAAS,EAAC,KAAK;IACfC,IAAI,EAAC,OAAO;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtC,YAAA;MAAAuC,UAAA;MAAAC,YAAA;IAAA;EAAA,iBAEZ7C,MAAA,CAAAgB,OAAA,CAAAmB,aAAA;IAAMW,KAAK,EAAE;MAAEC,OAAO,EAAE;IAAW,CAAE;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtC,YAAA;MAAAuC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEhB,QAAe,CAC/C,CAAC;AAEd,CAAC;;AAED;AACA;AACA;AACA;AACA;AACO,MAAMmB,aAA2C,GAAGA,CAAC;EAC1DtB,KAAK;EACLuB,QAAQ;EACRC,OAAO;EACPC,MAAM;EACNpB,SAAS;EACTqB,QAAQ;EACR,GAAGC;AACL,CAAC,KAAK;EACJ,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACjD,MAAMC,YAAY,GAAG,IAAAC,aAAM,EAAmB,IAAI,CAAC;EAEnD,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAIL,SAAS,EAAE;MAAA,IAAAM,qBAAA;MACb,CAAAA,qBAAA,GAAAH,YAAY,CAACI,OAAO,aAApBD,qBAAA,CAAsBE,qBAAqB,CAAC,CAAC;IAC/C;EACF,CAAC,EAAE,CAACR,SAAS,CAAC,CAAC;EAEf,MAAMS,WAAW,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACpCT,YAAY,CAAC,IAAI,CAAC;IAClBL,OAAO,YAAPA,OAAO,CAAG,CAAC;EACb,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,MAAMe,UAAU,GAAG,IAAAD,kBAAW,EAAC,MAAM;IACnCT,YAAY,CAAC,KAAK,CAAC;IACnBJ,MAAM,YAANA,MAAM,CAAG,CAAC;EACZ,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZ,MAAMe,YAAY,GAAG,IAAAF,kBAAW,EAC7B1D,CAAyC,IAAK;IAC7C2C,QAAQ,YAARA,QAAQ,CAAG3C,CAAC,CAAC6D,MAAM,CAACzC,KAAK,CAAC;EAC5B,CAAC,EACD,CAACuB,QAAQ,CACX,CAAC;EAED,MAAMmB,YAAY,GAAGd,SAAS,GAAI5B,KAAK,IAAI,EAAE,GAAID,YAAY,CAACC,KAAK,CAAC;EACpE,MAAMI,OAAO,GAAGC,SAAS,KAAKsC,SAAS,IAAI,CAAC3C,KAAK,IAAI,EAAE,EAAE4C,MAAM,IAAIvC,SAAS;EAE5E,MAAMwC,SAAS,gBACbvE,MAAA,CAAAgB,OAAA,CAAAmB,aAAA,CAAChC,aAAA,CAAAqE,SAAS,MAAAnC,SAAA,CAAArB,OAAA;IACRyD,GAAG,EAAGC,QAAQ,IAAK;MACjBjB,YAAY,CAACI,OAAO,GAAGa,QAAQ;MAC/B,IAAItB,QAAQ,EAAE;QACZA,QAAQ,CAACS,OAAO,GAAGa,QAAQ;MAC7B;IACF,CAAE;IACFlC,IAAI,EAAC,OAAO;IACZd,KAAK,EAAE0C,YAAa;IACpBnB,QAAQ,EAAEiB,YAAa;IACvBhB,OAAO,EAAEa,WAAY;IACrBZ,MAAM,EAAEc,UAAW;IACnBlC,SAAS,EAAEA,SAAU;IACrB4C,QAAQ;IACRC,eAAe,EAAE,CAAE;IACnBC,UAAU,EAAE;EAAM,GACdxB,KAAK;IAAAZ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtC,YAAA;MAAAuC,UAAA;MAAAC,YAAA;IAAA;EAAA,EACV,CACF;EAED,IAAId,SAAS,KAAKsC,SAAS,EAAE;IAC3B,oBACErE,MAAA,CAAAgB,OAAA,CAAAmB,aAAA,CAACP,gBAAgB;MAACE,OAAO,EAAEA,OAAQ;MAACC,SAAS,EAAEA,SAAU;MAAAU,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtC,YAAA;QAAAuC,UAAA;QAAAC,YAAA;MAAA;IAAA,GACtD0B,SACe,CAAC;EAEvB;EAEA,OAAOA,SAAS;AAClB,CAAC;AAACO,OAAA,CAAA9B,aAAA,GAAAA,aAAA;AAEFA,aAAa,CAAC+B,WAAW,GAAG,eAAe","ignoreList":[]}

package/dist/cjs/components/text/index.js

@@ -7,4 +7,16 @@ Object.keys(_textView).forEach(function (key) {
   if (key in exports && exports[key] === _textView[key]) return;
   exports[key] = _textView[key];
 });
+var _cellTextInput = require("./cell-text-input");
+Object.keys(_cellTextInput).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _cellTextInput[key]) return;
+  exports[key] = _cellTextInput[key];
+});
+var _cellAutocompleteInput = require("./cell-autocomplete-input");
+Object.keys(_cellAutocompleteInput).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _cellAutocompleteInput[key]) return;
+  exports[key] = _cellAutocompleteInput[key];
+});
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/text/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_textView","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/text/index.ts"],"sourcesContent":["export * from './text-view';\n"],"mappings":";;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,SAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,SAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,SAAA,CAAAK,GAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["_textView","require","Object","keys","forEach","key","exports","_cellTextInput","_cellAutocompleteInput"],"sources":["../../../../src/components/text/index.ts"],"sourcesContent":["export * from './text-view';\nexport * from './cell-text-input';\nexport * from './cell-autocomplete-input';\n"],"mappings":";;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,SAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,SAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,SAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,cAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,cAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,cAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,cAAA,CAAAF,GAAA;AAAA;AACA,IAAAG,sBAAA,GAAAP,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAK,sBAAA,EAAAJ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAG,sBAAA,CAAAH,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAG,sBAAA,CAAAH,GAAA;AAAA","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_ = "textview4060489688";
+var _namespace_ = "textview2947092605";
 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": "textview4060489688__root",
-  "textView": "textview4060489688__textView"
+  "root": "textview2947092605__root",
+  "textView": "textview2947092605__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_ = \"textview4060489688\";\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\":\"textview4060489688__root\",\"textView\":\"textview4060489688__textView\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oBAAoB;AACtC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,0BAA0B;EAAC,UAAU,EAAC;AAA8B,CAAC;AAC3F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"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_ = \"textview2947092605\";\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\":\"textview2947092605__root\",\"textView\":\"textview2947092605__textView\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oBAAoB;AACtC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,0BAA0B;EAAC,UAAU,EAAC;AAA8B,CAAC;AAC3F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/url/cell-url-input.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CellUrlInput = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/url/cell-url-input.tsx";
+/**
+ * Cell-layer URL input — fires onChange on every keystroke (required by
+ * EditableTable's Tab-commit flow, which reads editingValue synchronously before blur).
+ */
+const CellUrlInput = ({
+  value,
+  onChange,
+  inputRef,
+  ...props
+}) => /*#__PURE__*/_react.default.createElement(_designSystem.Input, (0, _extends2.default)({
+  ref: instance => {
+    if (inputRef) inputRef.current = instance;
+  },
+  type: "url",
+  size: "small",
+  border: "none",
+  value: value ?? '',
+  onChange: e => onChange == null ? void 0 : onChange(e.target.value)
+}, props, {
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 23,
+    columnNumber: 3
+  }
+}));
+exports.CellUrlInput = CellUrlInput;
+CellUrlInput.displayName = 'CellUrlInput';
+//# sourceMappingURL=cell-url-input.js.map

package/dist/cjs/components/url/cell-url-input.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","CellUrlInput","value","onChange","inputRef","props","default","createElement","Input","_extends2","ref","instance","current","type","size","border","e","target","__self","__source","fileName","lineNumber","columnNumber","exports","displayName"],"sources":["../../../../src/components/url/cell-url-input.tsx"],"sourcesContent":["import React from 'react';\nimport { Input } from '@wix/design-system';\nimport type { InputProps, InputImperativeActions } from '@wix/design-system';\n\nexport interface CellUrlInputProps\n  extends Omit<InputProps, 'value' | 'onChange' | 'type' | 'inputRef'> {\n  value?: string;\n  onChange?(value: string): void;\n  /** Ref to the underlying WDS Input imperative handle (used for type-to-edit focusing). */\n  inputRef?: React.MutableRefObject<InputImperativeActions | null | undefined>;\n}\n\n/**\n * Cell-layer URL input — fires onChange on every keystroke (required by\n * EditableTable's Tab-commit flow, which reads editingValue synchronously before blur).\n */\nexport const CellUrlInput: React.FC<CellUrlInputProps> = ({\n  value,\n  onChange,\n  inputRef,\n  ...props\n}) => (\n  <Input\n    ref={(instance) => {\n      if (inputRef) inputRef.current = instance;\n    }}\n    type=\"url\"\n    size=\"small\"\n    border=\"none\"\n    value={value ?? ''}\n    onChange={(e) => onChange?.(e.target.value)}\n    {...props}\n  />\n);\n\nCellUrlInput.displayName = 'CellUrlInput';\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAA2C,IAAAE,YAAA;AAW3C;AACA;AACA;AACA;AACO,MAAMC,YAAyC,GAAGA,CAAC;EACxDC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACR,GAAGC;AACL,CAAC,kBACCT,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAS,KAAK,MAAAC,SAAA,CAAAH,OAAA;EACJI,GAAG,EAAGC,QAAQ,IAAK;IACjB,IAAIP,QAAQ,EAAEA,QAAQ,CAACQ,OAAO,GAAGD,QAAQ;EAC3C,CAAE;EACFE,IAAI,EAAC,KAAK;EACVC,IAAI,EAAC,OAAO;EACZC,MAAM,EAAC,MAAM;EACbb,KAAK,EAAEA,KAAK,IAAI,EAAG;EACnBC,QAAQ,EAAGa,CAAC,IAAKb,QAAQ,oBAARA,QAAQ,CAAGa,CAAC,CAACC,MAAM,CAACf,KAAK;AAAE,GACxCG,KAAK;EAAAa,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAApB,YAAA;IAAAqB,UAAA;IAAAC,YAAA;EAAA;AAAA,EACV,CACF;AAACC,OAAA,CAAAtB,YAAA,GAAAA,YAAA;AAEFA,YAAY,CAACuB,WAAW,GAAG,cAAc","ignoreList":[]}

package/dist/cjs/components/url/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+exports.__esModule = true;
+var _urlView = require("./url-view");
+Object.keys(_urlView).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _urlView[key]) return;
+  exports[key] = _urlView[key];
+});
+var _cellUrlInput = require("./cell-url-input");
+Object.keys(_cellUrlInput).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _cellUrlInput[key]) return;
+  exports[key] = _cellUrlInput[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/url/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_urlView","require","Object","keys","forEach","key","exports","_cellUrlInput"],"sources":["../../../../src/components/url/index.ts"],"sourcesContent":["export * from './url-view';\nexport * from './cell-url-input';\n"],"mappings":";;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,QAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,QAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,QAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,aAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,aAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,aAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,aAAA,CAAAF,GAAA;AAAA","ignoreList":[]}