@wix/patterns 1.375.0 → 1.377.0

package/dist/cjs/components/EditableTable/cellTypes/url/View.js

@@ -4,48 +4,18 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.UrlView = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _designSystem = require("@wix/design-system");
-var _ViewStCss = require("./View.st.css.js");
+var _patternsFields = require("@wix/patterns-fields");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/cellTypes/url/View.tsx";
 const UrlView = ({
   value
-}) => /*#__PURE__*/_react.default.createElement("div", {
-  className: (0, _ViewStCss.st)(_ViewStCss.classes.textView, {
-    suffixOnHover: true
-  }),
+}) => /*#__PURE__*/_react.default.createElement(_patternsFields.UrlView, {
+  value: value,
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 7,
+    lineNumber: 6,
     columnNumber: 3
   }
-}, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
-  size: "small",
-  ellipsis: true,
-  className: _ViewStCss.classes.urlText,
-  __self: void 0,
-  __source: {
-    fileName: _jsxFileName,
-    lineNumber: 8,
-    columnNumber: 5
-  }
-}, value ?? ''), value && /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
-  dataHook: "open-link-button",
-  size: "small",
-  underline: "always",
-  as: "a",
-  href: value,
-  target: "_blank",
-  rel: "noopener noreferrer",
-  onClick: e => e.stopPropagation(),
-  onMouseDown: e => e.preventDefault(),
-  className: _ViewStCss.classes.suffix,
-  __self: void 0,
-  __source: {
-    fileName: _jsxFileName,
-    lineNumber: 12,
-    columnNumber: 7
-  }
-}, "Open link"));
+});
 exports.UrlView = UrlView;
 //# sourceMappingURL=View.js.map

package/dist/cjs/components/EditableTable/cellTypes/url/View.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_ViewStCss","_jsxFileName","UrlView","value","default","createElement","className","st","classes","textView","suffixOnHover","__self","__source","fileName","lineNumber","columnNumber","Text","size","ellipsis","urlText","TextButton","dataHook","underline","as","href","target","rel","onClick","e","stopPropagation","onMouseDown","preventDefault","suffix","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/url/View.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, TextButton } from '@wix/design-system';\nimport type { CellViewProps } from '../../types';\nimport { st, classes } from './View.st.css.js';\n\nexport const UrlView: React.FC<CellViewProps<string>> = ({ value }) => (\n  <div className={st(classes.textView, { suffixOnHover: true })}>\n    <Text size=\"small\" ellipsis className={classes.urlText}>\n      {value ?? ''}\n    </Text>\n    {value && (\n      <TextButton\n        dataHook=\"open-link-button\"\n        size=\"small\"\n        underline=\"always\"\n        as=\"a\"\n        href={value}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        onClick={(e: React.MouseEvent) => e.stopPropagation()}\n        onMouseDown={(e: React.MouseEvent) => e.preventDefault()}\n        className={classes.suffix}\n      >\n        Open link\n      </TextButton>\n    )}\n  </div>\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AAA+C,IAAAG,YAAA;AAExC,MAAMC,OAAwC,GAAGA,CAAC;EAAEC;AAAM,CAAC,kBAChEP,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EAAKC,SAAS,EAAE,IAAAC,aAAE,EAACC,kBAAO,CAACC,QAAQ,EAAE;IAAEC,aAAa,EAAE;EAAK,CAAC,CAAE;EAAAC,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAZ,YAAA;IAAAa,UAAA;IAAAC,YAAA;EAAA;AAAA,gBAC5DnB,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,aAAA,CAAAiB,IAAI;EAACC,IAAI,EAAC,OAAO;EAACC,QAAQ;EAACZ,SAAS,EAAEE,kBAAO,CAACW,OAAQ;EAAAR,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAZ,YAAA;IAAAa,UAAA;IAAAC,YAAA;EAAA;AAAA,GACpDZ,KAAK,IAAI,EACN,CAAC,EACNA,KAAK,iBACJP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,aAAA,CAAAqB,UAAU;EACTC,QAAQ,EAAC,kBAAkB;EAC3BJ,IAAI,EAAC,OAAO;EACZK,SAAS,EAAC,QAAQ;EAClBC,EAAE,EAAC,GAAG;EACNC,IAAI,EAAErB,KAAM;EACZsB,MAAM,EAAC,QAAQ;EACfC,GAAG,EAAC,qBAAqB;EACzBC,OAAO,EAAGC,CAAmB,IAAKA,CAAC,CAACC,eAAe,CAAC,CAAE;EACtDC,WAAW,EAAGF,CAAmB,IAAKA,CAAC,CAACG,cAAc,CAAC,CAAE;EACzDzB,SAAS,EAAEE,kBAAO,CAACwB,MAAO;EAAArB,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAZ,YAAA;IAAAa,UAAA;IAAAC,YAAA;EAAA;AAAA,GAC3B,WAEW,CAEX,CACN;AAACkB,OAAA,CAAA/B,OAAA,GAAAA,OAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_patternsFields","_jsxFileName","UrlView","value","default","createElement","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/url/View.tsx"],"sourcesContent":["import React from 'react';\nimport { UrlView as FieldsUrlView } from '@wix/patterns-fields';\nimport type { CellViewProps } from '../../types';\n\nexport const UrlView: React.FC<CellViewProps<string>> = ({ value }) => (\n  <FieldsUrlView value={value} />\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAAgE,IAAAE,YAAA;AAGzD,MAAMC,OAAwC,GAAGA,CAAC;EAAEC;AAAM,CAAC,kBAChEN,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACL,eAAA,CAAAE,OAAa;EAACC,KAAK,EAAEA,KAAM;EAAAG,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAP,YAAA;IAAAQ,UAAA;IAAAC,YAAA;EAAA;AAAA,CAAE,CAC/B;AAACC,OAAA,CAAAT,OAAA,GAAAA,OAAA","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/url/View.st.css.js

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "View1156487360";
+var _namespace_ = "View1214063703";
 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": "View1156487360__root",
-  "textView": "View1156487360__textView",
-  "urlText": "View1156487360__urlText",
-  "suffix": "View1156487360__suffix"
+  "root": "View1214063703__root",
+  "textView": "View1214063703__textView",
+  "urlText": "View1214063703__urlText",
+  "suffix": "View1214063703__suffix"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/cellTypes/url/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/EditableTable/cellTypes/url/View.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"View1156487360\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"View1156487360__root\",\"textView\":\"View1156487360__textView\",\"urlText\":\"View1156487360__urlText\",\"suffix\":\"View1156487360__suffix\"};\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,gBAAgB;AAClC,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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,sBAAsB;EAAC,UAAU,EAAC,0BAA0B;EAAC,SAAS,EAAC,yBAAyB;EAAC,QAAQ,EAAC;AAAwB,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,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/EditableTable/cellTypes/url/View.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"View1214063703\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"View1214063703__root\",\"textView\":\"View1214063703__textView\",\"urlText\":\"View1214063703__urlText\",\"suffix\":\"View1214063703__suffix\"};\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,gBAAgB;AAClC,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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,sBAAsB;EAAC,UAAU,EAAC,0BAA0B;EAAC,SAAS,EAAC,yBAAyB;EAAC,QAAQ,EAAC;AAAwB,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,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/url/View.uni.driver.js

@@ -5,12 +5,12 @@ exports.UrlViewUniDriver = UrlViewUniDriver;
 var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
 var _unidriver2 = require("../../../../unidriver");
 function UrlViewUniDriver(base, body) {
-  const linkButton = (0, _unidriver.TextButtonUniDriver)(base.$('[data-hook="open-link-button"]'), body);
+  const linkButton = (0, _unidriver.IconButtonUniDriver)(base.$('[data-hook="open-link-button"]'), body);
   return {
     ...(0, _unidriver2.baseUniDriverFactory)(base),
     getValue: () => base.text(),
     hasOpenLinkButton: () => linkButton.exists(),
-    getLinkHref: () => linkButton.getHref(),
+    getLinkHref: () => base.$('[data-hook="open-link-button"]').attr('href'),
     clickOpenLink: () => linkButton.click()
   };
 }

package/dist/cjs/components/EditableTable/cellTypes/url/View.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_unidriver2","UrlViewUniDriver","base","body","linkButton","TextButtonUniDriver","$","baseUniDriverFactory","getValue","text","hasOpenLinkButton","exists","getLinkHref","getHref","clickOpenLink","click"],"sources":["../../../../../../src/components/EditableTable/cellTypes/url/View.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { TextButtonUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport { baseUniDriverFactory } from '../../../../unidriver';\n\nexport function UrlViewUniDriver(base: UniDriver, body: UniDriver) {\n  const linkButton = TextButtonUniDriver(\n    base.$('[data-hook=\"open-link-button\"]'),\n    body,\n  );\n\n  return {\n    ...baseUniDriverFactory(base),\n    getValue: () => base.text(),\n    hasOpenLinkButton: () => linkButton.exists(),\n    getLinkHref: () => linkButton.getHref(),\n    clickOpenLink: () => linkButton.click(),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEO,SAASE,gBAAgBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACjE,MAAMC,UAAU,GAAG,IAAAC,8BAAmB,EACpCH,IAAI,CAACI,CAAC,CAAC,gCAAgC,CAAC,EACxCH,IACF,CAAC;EAED,OAAO;IACL,GAAG,IAAAI,gCAAoB,EAACL,IAAI,CAAC;IAC7BM,QAAQ,EAAEA,CAAA,KAAMN,IAAI,CAACO,IAAI,CAAC,CAAC;IAC3BC,iBAAiB,EAAEA,CAAA,KAAMN,UAAU,CAACO,MAAM,CAAC,CAAC;IAC5CC,WAAW,EAAEA,CAAA,KAAMR,UAAU,CAACS,OAAO,CAAC,CAAC;IACvCC,aAAa,EAAEA,CAAA,KAAMV,UAAU,CAACW,KAAK,CAAC;EACxC,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_unidriver2","UrlViewUniDriver","base","body","linkButton","IconButtonUniDriver","$","baseUniDriverFactory","getValue","text","hasOpenLinkButton","exists","getLinkHref","attr","clickOpenLink","click"],"sources":["../../../../../../src/components/EditableTable/cellTypes/url/View.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { IconButtonUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport { baseUniDriverFactory } from '../../../../unidriver';\n\nexport function UrlViewUniDriver(base: UniDriver, body: UniDriver) {\n  const linkButton = IconButtonUniDriver(\n    base.$('[data-hook=\"open-link-button\"]'),\n    body,\n  );\n\n  return {\n    ...baseUniDriverFactory(base),\n    getValue: () => base.text(),\n    hasOpenLinkButton: () => linkButton.exists(),\n    getLinkHref: () =>\n      base\n        .$('[data-hook=\"open-link-button\"]')\n        .attr('href') as Promise<string>,\n    clickOpenLink: () => linkButton.click(),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEO,SAASE,gBAAgBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACjE,MAAMC,UAAU,GAAG,IAAAC,8BAAmB,EACpCH,IAAI,CAACI,CAAC,CAAC,gCAAgC,CAAC,EACxCH,IACF,CAAC;EAED,OAAO;IACL,GAAG,IAAAI,gCAAoB,EAACL,IAAI,CAAC;IAC7BM,QAAQ,EAAEA,CAAA,KAAMN,IAAI,CAACO,IAAI,CAAC,CAAC;IAC3BC,iBAAiB,EAAEA,CAAA,KAAMN,UAAU,CAACO,MAAM,CAAC,CAAC;IAC5CC,WAAW,EAAEA,CAAA,KACXV,IAAI,CACDI,CAAC,CAAC,gCAAgC,CAAC,CACnCO,IAAI,CAAC,MAAM,CAAoB;IACpCC,aAAa,EAAEA,CAAA,KAAMV,UAAU,CAACW,KAAK,CAAC;EACxC,CAAC;AACH","ignoreList":[]}

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

@@ -7,7 +7,23 @@ var _View = require("./View");
 exports.UrlView = _View.UrlView;
 var _Edit = require("./Edit");
 exports.UrlEdit = _Edit.UrlEdit;
+const URL_PROTOCOL_RE = /^https?:\/\//;
 const URL_PATTERN = /^(https?:\/\/)?([\w-]+\.)+[\w-]+(\/[\w-./?%&=]*)?$/;
+
+/** Auto-prepend https:// on commit.
+ *  - Has protocol → unchanged
+ *  - No dot → append .com then prepend https://  (e.g. "example" → "https://example.com")
+ *  - Has dot, no protocol → prepend https://  (e.g. "example.com" → "https://example.com")
+ */
+function normalizeUrlOnCommit(value) {
+  if (!value) return value;
+  if (URL_PROTOCOL_RE.test(value)) return value;
+  let normalized = value;
+  if (!normalized.includes('.')) {
+    normalized = `${normalized}.com`;
+  }
+  return `https://${normalized}`;
+}
 const urlCellType = exports.urlCellType = (0, _types.defineCellType)({
   type: 'url',
   ViewComponent: _View.UrlView,
@@ -22,10 +38,12 @@ const urlCellType = exports.urlCellType = (0, _types.defineCellType)({
   },
   editable: true,
   clearable: true,
+  // Replace the current value with the typed key (same behaviour as text/email).
   onTypeToEdit: ({
     key
   }) => ({
     value: key
-  })
+  }),
+  normalizeOnCommit: normalizeUrlOnCommit
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_types","require","_View","exports","UrlView","_Edit","UrlEdit","URL_PATTERN","urlCellType","defineCellType","type","ViewComponent","EditComponent","serialize","value","deserialize","raw","validate","test","editable","clearable","onTypeToEdit","key"],"sources":["../../../../../../src/components/EditableTable/cellTypes/url/index.ts"],"sourcesContent":["import { defineCellType } from '../../types';\nimport { UrlView } from './View';\nimport { UrlEdit } from './Edit';\n\nexport { UrlView, UrlEdit };\n\nconst URL_PATTERN = /^(https?:\\/\\/)?([\\w-]+\\.)+[\\w-]+(\\/[\\w-./?%&=]*)?$/;\n\nexport const urlCellType = defineCellType<string>({\n  type: 'url',\n  ViewComponent: UrlView,\n  EditComponent: UrlEdit,\n  serialize: (value) => value ?? '',\n  deserialize: (raw) => raw,\n  validate: (value) => {\n    if (value && !URL_PATTERN.test(value)) {\n      return 'Invalid URL format';\n    }\n    return null;\n  },\n  editable: true,\n  clearable: true,\n  onTypeToEdit: ({ key }) => ({ value: key }),\n});\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAAiCE,OAAA,CAAAC,OAAA,GAAAF,KAAA,CAAAE,OAAA;AACjC,IAAAC,KAAA,GAAAJ,OAAA;AAAiCE,OAAA,CAAAG,OAAA,GAAAD,KAAA,CAAAC,OAAA;AAIjC,MAAMC,WAAW,GAAG,oDAAoD;AAEjE,MAAMC,WAAW,GAAAL,OAAA,CAAAK,WAAA,GAAG,IAAAC,qBAAc,EAAS;EAChDC,IAAI,EAAE,KAAK;EACXC,aAAa,EAAEP,aAAO;EACtBQ,aAAa,EAAEN,aAAO;EACtBO,SAAS,EAAGC,KAAK,IAAKA,KAAK,IAAI,EAAE;EACjCC,WAAW,EAAGC,GAAG,IAAKA,GAAG;EACzBC,QAAQ,EAAGH,KAAK,IAAK;IACnB,IAAIA,KAAK,IAAI,CAACP,WAAW,CAACW,IAAI,CAACJ,KAAK,CAAC,EAAE;MACrC,OAAO,oBAAoB;IAC7B;IACA,OAAO,IAAI;EACb,CAAC;EACDK,QAAQ,EAAE,IAAI;EACdC,SAAS,EAAE,IAAI;EACfC,YAAY,EAAEA,CAAC;IAAEC;EAAI,CAAC,MAAM;IAAER,KAAK,EAAEQ;EAAI,CAAC;AAC5C,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_types","require","_View","exports","UrlView","_Edit","UrlEdit","URL_PROTOCOL_RE","URL_PATTERN","normalizeUrlOnCommit","value","test","normalized","includes","urlCellType","defineCellType","type","ViewComponent","EditComponent","serialize","deserialize","raw","validate","editable","clearable","onTypeToEdit","key","normalizeOnCommit"],"sources":["../../../../../../src/components/EditableTable/cellTypes/url/index.ts"],"sourcesContent":["import { defineCellType } from '../../types';\nimport { UrlView } from './View';\nimport { UrlEdit } from './Edit';\n\nexport { UrlView, UrlEdit };\n\nconst URL_PROTOCOL_RE = /^https?:\\/\\//;\nconst URL_PATTERN = /^(https?:\\/\\/)?([\\w-]+\\.)+[\\w-]+(\\/[\\w-./?%&=]*)?$/;\n\n/** Auto-prepend https:// on commit.\n *  - Has protocol → unchanged\n *  - No dot → append .com then prepend https://  (e.g. \"example\" → \"https://example.com\")\n *  - Has dot, no protocol → prepend https://  (e.g. \"example.com\" → \"https://example.com\")\n */\nfunction normalizeUrlOnCommit(value: string): string {\n  if (!value) return value;\n  if (URL_PROTOCOL_RE.test(value)) return value;\n  let normalized = value;\n  if (!normalized.includes('.')) {\n    normalized = `${normalized}.com`;\n  }\n  return `https://${normalized}`;\n}\n\nexport const urlCellType = defineCellType<string>({\n  type: 'url',\n  ViewComponent: UrlView,\n  EditComponent: UrlEdit,\n  serialize: (value) => value ?? '',\n  deserialize: (raw) => raw,\n  validate: (value) => {\n    if (value && !URL_PATTERN.test(value)) {\n      return 'Invalid URL format';\n    }\n    return null;\n  },\n  editable: true,\n  clearable: true,\n  // Replace the current value with the typed key (same behaviour as text/email).\n  onTypeToEdit: ({ key }) => ({ value: key }),\n  normalizeOnCommit: normalizeUrlOnCommit,\n});\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAAiCE,OAAA,CAAAC,OAAA,GAAAF,KAAA,CAAAE,OAAA;AACjC,IAAAC,KAAA,GAAAJ,OAAA;AAAiCE,OAAA,CAAAG,OAAA,GAAAD,KAAA,CAAAC,OAAA;AAIjC,MAAMC,eAAe,GAAG,cAAc;AACtC,MAAMC,WAAW,GAAG,oDAAoD;;AAExE;AACA;AACA;AACA;AACA;AACA,SAASC,oBAAoBA,CAACC,KAAa,EAAU;EACnD,IAAI,CAACA,KAAK,EAAE,OAAOA,KAAK;EACxB,IAAIH,eAAe,CAACI,IAAI,CAACD,KAAK,CAAC,EAAE,OAAOA,KAAK;EAC7C,IAAIE,UAAU,GAAGF,KAAK;EACtB,IAAI,CAACE,UAAU,CAACC,QAAQ,CAAC,GAAG,CAAC,EAAE;IAC7BD,UAAU,GAAG,GAAGA,UAAU,MAAM;EAClC;EACA,OAAO,WAAWA,UAAU,EAAE;AAChC;AAEO,MAAME,WAAW,GAAAX,OAAA,CAAAW,WAAA,GAAG,IAAAC,qBAAc,EAAS;EAChDC,IAAI,EAAE,KAAK;EACXC,aAAa,EAAEb,aAAO;EACtBc,aAAa,EAAEZ,aAAO;EACtBa,SAAS,EAAGT,KAAK,IAAKA,KAAK,IAAI,EAAE;EACjCU,WAAW,EAAGC,GAAG,IAAKA,GAAG;EACzBC,QAAQ,EAAGZ,KAAK,IAAK;IACnB,IAAIA,KAAK,IAAI,CAACF,WAAW,CAACG,IAAI,CAACD,KAAK,CAAC,EAAE;MACrC,OAAO,oBAAoB;IAC7B;IACA,OAAO,IAAI;EACb,CAAC;EACDa,QAAQ,EAAE,IAAI;EACdC,SAAS,EAAE,IAAI;EACf;EACAC,YAAY,EAAEA,CAAC;IAAEC;EAAI,CAAC,MAAM;IAAEhB,KAAK,EAAEgB;EAAI,CAAC,CAAC;EAC3CC,iBAAiB,EAAElB;AACrB,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/EditableTable/headerActionTypes.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=headerActionTypes.js.map

package/dist/cjs/components/EditableTable/headerActionTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../src/components/EditableTable/headerActionTypes.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nexport interface HeaderAction {\n  /** The text label of the action item. */\n  label: string;\n  /** Handler called when the action is clicked. */\n  onClick: () => void;\n  /** An icon to display before the text. */\n  icon?: ReactNode;\n  /** Disables the action both visually and functionally. */\n  disabled?: boolean;\n  /** Tooltip text shown when the action is disabled. */\n  disabledTooltip?: string;\n  /** Visual style — 'dark' (default) or 'destructive' (red). */\n  skin?: 'dark' | 'destructive';\n}\n"],"mappings":"","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_EditableTable","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","_types","defineCellType"],"sources":["../../../../src/components/EditableTable/index.ts"],"sourcesContent":["export * from './EditableTable';\nexport { defineCellType } from './types';\n"],"mappings":";;;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,cAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,cAAA,CAAAK,GAAA;EAAAK,OAAA,CAAAL,GAAA,IAAAL,cAAA,CAAAK,GAAA;AAAA;AACA,IAAAM,MAAA,GAAAV,OAAA;AAAyCS,OAAA,CAAAE,cAAA,GAAAD,MAAA,CAAAC,cAAA","ignoreList":[]}
+{"version":3,"names":["_EditableTable","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","_types","defineCellType"],"sources":["../../../../src/components/EditableTable/index.ts"],"sourcesContent":["export * from './EditableTable';\nexport { defineCellType } from './types';\nexport type { CellViewProps, CellEditProps } from './types';\n"],"mappings":";;;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,cAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,cAAA,CAAAK,GAAA;EAAAK,OAAA,CAAAL,GAAA,IAAAL,cAAA,CAAAK,GAAA;AAAA;AACA,IAAAM,MAAA,GAAAV,OAAA;AAAyCS,OAAA,CAAAE,cAAA,GAAAD,MAAA,CAAAC,cAAA","ignoreList":[]}

package/dist/cjs/components/EditableTable/types.js.map

@@ -1 +1 @@
-{"version":3,"names":["defineCellType","cellType"],"sources":["../../../../src/components/EditableTable/types.ts"],"sourcesContent":["import type { CellType, ValidationRule } from '../../state/EditableTable/types';\n\nexport interface CellViewProps<V> {\n  value: V;\n  typeConfig?: unknown;\n}\n\nexport interface Focusable {\n  focus: () => void;\n}\n\nexport interface CellEditProps<V> {\n  value: V;\n  onChange: (value: V) => void;\n  onCommit: () => void;\n  onCancel: () => void;\n  /** Ref to the focusable input element. Used for type-to-edit (focusing the input when user starts typing on a focused cell). */\n  inputRef?: React.MutableRefObject<Focusable | undefined | null>;\n  typeConfig?: unknown;\n  /** How edit mode was triggered. Edit components can use this to customize behavior (e.g., date picker auto-opens on 'type'). */\n  editTrigger?: 'type' | 'enter' | 'doubleClick' | null;\n}\n\n/** Type-safe factory for defining cell types. V ensures all value-typed fields are consistent. */\nexport function defineCellType<V>(cellType: {\n  type: CellType['type'];\n  ViewComponent: React.ComponentType<CellViewProps<V>>;\n  EditComponent?: React.ComponentType<CellEditProps<V>>;\n  serialize?: (value: V) => string;\n  deserialize?: (raw: string) => V;\n  validate?: (value: V, rules?: ValidationRule[]) => string | null;\n  editable?: boolean;\n  clearable?: boolean;\n  toggleValue?: (value: V) => V;\n  onTypeToEdit?: (params: { key: string }) => { value?: V } | undefined;\n}): CellType {\n  return cellType;\n}\n\n"],"mappings":";;;;AAuBA;AACO,SAASA,cAAcA,CAAIC,QAWjC,EAAY;EACX,OAAOA,QAAQ;AACjB","ignoreList":[]}
+{"version":3,"names":["defineCellType","cellType"],"sources":["../../../../src/components/EditableTable/types.ts"],"sourcesContent":["import type { CellType, ValidationRule } from '../../state/EditableTable/types';\n\nexport interface CellViewProps<V> {\n  value: V;\n  typeConfig?: unknown;\n  validation?: ValidationRule[];\n}\n\nexport interface Focusable {\n  focus: () => void;\n}\n\nexport interface CellEditProps<V> {\n  value: V;\n  onChange: (value: V) => void;\n  onCommit: () => void;\n  onCancel: () => void;\n  /** Ref to the focusable input element. Used for type-to-edit (focusing the input when user starts typing on a focused cell). */\n  inputRef?: React.MutableRefObject<Focusable | undefined | null>;\n  typeConfig?: unknown;\n  /** How edit mode was triggered. Edit components can use this to customize behavior (e.g., date picker auto-opens on 'type'). */\n  editTrigger?: { kind: 'type'; key: string } | 'enter' | 'doubleClick' | null;\n  /** Column-level validation rules. Edit components can derive UI behavior (e.g., maxLength blocking/tooltip) from these. */\n  validation?: ValidationRule[];\n}\n\n/** Type-safe factory for defining cell types. V ensures all value-typed fields are consistent. */\nexport function defineCellType<V>(cellType: {\n  type: CellType['type'];\n  ViewComponent: React.ComponentType<CellViewProps<V>>;\n  EditComponent?: React.ComponentType<CellEditProps<V>>;\n  serialize?: (value: V) => string;\n  deserialize?: (raw: string) => V;\n  validate?: (value: V, rules?: ValidationRule[]) => string | null;\n  editable?: boolean;\n  clearable?: boolean;\n  toggleValue?: (value: V) => V;\n  onTypeToEdit?: (params: { key: string; validation?: ValidationRule[] }) => { value?: V } | undefined;\n  normalizeOnCommit?: (value: V) => V;\n}): CellType {\n  return cellType;\n}\n\n"],"mappings":";;;;AA0BA;AACO,SAASA,cAAcA,CAAIC,QAYjC,EAAY;EACX,OAAOA,QAAQ;AACjB","ignoreList":[]}

package/dist/cjs/components/EditableTable/useBuiltInHeaderActions.js

@@ -0,0 +1,109 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useBuiltInHeaderActions = useBuiltInHeaderActions;
+var _react = _interopRequireWildcard(require("react"));
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _HeaderActionsPopover = require("./HeaderActionsPopover");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/useBuiltInHeaderActions.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); }
+function useBuiltInHeaderActions(state, columns, disabled) {
+  const {
+    toolbar
+  } = state;
+  const {
+    customColumnsState,
+    panels,
+    toolbarFiltersState
+  } = toolbar;
+  return (0, _react.useMemo)(() => {
+    if (disabled) {
+      return {};
+    }
+    const result = {};
+    for (const col of columns) {
+      const groups = [];
+
+      // Group 1: Sort actions
+      if (col.sortable) {
+        groups.push([{
+          label: 'Sort Ascending',
+          icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.SortAscendingSmall, {
+            __self: this,
+            __source: {
+              fileName: _jsxFileName,
+              lineNumber: 37,
+              columnNumber: 19
+            }
+          }),
+          onClick: () => state.sort(col.id, {
+            forceDirection: 'asc'
+          })
+        }, {
+          label: 'Sort Descending',
+          icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.SortDescendingSmall, {
+            __self: this,
+            __source: {
+              fileName: _jsxFileName,
+              lineNumber: 42,
+              columnNumber: 19
+            }
+          }),
+          onClick: () => state.sort(col.id, {
+            forceDirection: 'desc'
+          })
+        }]);
+      }
+
+      // Group 2: Filter action (only when filter exists for this column)
+      const hasFilter = toolbarFiltersState && state.collection.query.customFilters[col.id] != null;
+      if (hasFilter) {
+        groups.push([{
+          label: 'Filter',
+          icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ContentFilterSmall, {
+            __self: this,
+            __source: {
+              fileName: _jsxFileName,
+              lineNumber: 56,
+              columnNumber: 19
+            }
+          }),
+          onClick: () => panels.openSidePanel('filters')
+        }]);
+      }
+
+      // Group 3: Hide column action
+      if (col.hideable !== false && customColumnsState) {
+        const column = toolbar.columns.find(c => c.id === col.id);
+        if (column) {
+          groups.push([{
+            label: 'Hide Column',
+            icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.HiddenSmall, {
+              __self: this,
+              __source: {
+                fileName: _jsxFileName,
+                lineNumber: 69,
+                columnNumber: 21
+              }
+            }),
+            onClick: () => customColumnsState.onColumnCheckboxToggle(column)
+          }]);
+        }
+      }
+      if (groups.length > 0) {
+        result[col.id] = /*#__PURE__*/_react.default.createElement(_HeaderActionsPopover.HeaderActionsPopover, {
+          actions: groups,
+          dataHook: `header-actions-${col.id}`,
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 78,
+            columnNumber: 11
+          }
+        });
+      }
+    }
+    return result;
+  }, [state, columns, toolbar, customColumnsState, panels, toolbarFiltersState, disabled]);
+}
+//# sourceMappingURL=useBuiltInHeaderActions.js.map

package/dist/cjs/components/EditableTable/useBuiltInHeaderActions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_wixUiIconsCommon","_HeaderActionsPopover","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useBuiltInHeaderActions","state","columns","disabled","toolbar","customColumnsState","panels","toolbarFiltersState","useMemo","result","col","groups","sortable","push","label","icon","createElement","SortAscendingSmall","__self","__source","fileName","lineNumber","columnNumber","onClick","sort","id","forceDirection","SortDescendingSmall","hasFilter","collection","query","customFilters","ContentFilterSmall","openSidePanel","hideable","column","find","c","HiddenSmall","onColumnCheckboxToggle","length","HeaderActionsPopover","actions","dataHook"],"sources":["../../../../src/components/EditableTable/useBuiltInHeaderActions.tsx"],"sourcesContent":["import React, { useMemo, type ReactNode } from 'react';\nimport {\n  SortAscendingSmall,\n  SortDescendingSmall,\n  ContentFilterSmall,\n  HiddenSmall,\n} from '@wix/wix-ui-icons-common';\nimport type { FiltersMap } from '@wix/bex-core';\nimport type { EditableTableState } from '../../state/EditableTable';\nimport type { EditableColumn } from '../../state/EditableTable/types';\nimport type { HeaderAction } from './headerActionTypes';\nimport { HeaderActionsPopover } from './HeaderActionsPopover';\n\nexport function useBuiltInHeaderActions<T, F extends FiltersMap>(\n  state: EditableTableState<T, F>,\n  columns: EditableColumn<T>[],\n  disabled?: boolean,\n): Record<string, ReactNode> {\n  const { toolbar } = state;\n  const { customColumnsState, panels, toolbarFiltersState } = toolbar;\n\n  return useMemo(() => {\n    if (disabled) {\n      return {};\n    }\n\n    const result: Record<string, ReactNode> = {};\n\n    for (const col of columns) {\n      const groups: HeaderAction[][] = [];\n\n      // Group 1: Sort actions\n      if (col.sortable) {\n        groups.push([\n          {\n            label: 'Sort Ascending',\n            icon: <SortAscendingSmall />,\n            onClick: () => state.sort(col.id, { forceDirection: 'asc' }),\n          },\n          {\n            label: 'Sort Descending',\n            icon: <SortDescendingSmall />,\n            onClick: () => state.sort(col.id, { forceDirection: 'desc' }),\n          },\n        ]);\n      }\n\n      // Group 2: Filter action (only when filter exists for this column)\n      const hasFilter =\n        toolbarFiltersState &&\n        state.collection.query.customFilters[col.id] != null;\n      if (hasFilter) {\n        groups.push([\n          {\n            label: 'Filter',\n            icon: <ContentFilterSmall />,\n            onClick: () => panels.openSidePanel('filters'),\n          },\n        ]);\n      }\n\n      // Group 3: Hide column action\n      if (col.hideable !== false && customColumnsState) {\n        const column = toolbar.columns.find((c) => c.id === col.id);\n        if (column) {\n          groups.push([\n            {\n              label: 'Hide Column',\n              icon: <HiddenSmall />,\n              onClick: () => customColumnsState.onColumnCheckboxToggle(column),\n            },\n          ]);\n        }\n      }\n\n      if (groups.length > 0) {\n        result[col.id] = (\n          <HeaderActionsPopover\n            actions={groups}\n            dataHook={`header-actions-${col.id}`}\n          />\n        );\n      }\n    }\n\n    return result;\n  }, [\n    state,\n    columns,\n    toolbar,\n    customColumnsState,\n    panels,\n    toolbarFiltersState,\n    disabled,\n  ]);\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/EditableTable/useCellFocusAndEditing.js

@@ -14,7 +14,7 @@ function useCellFocusAndEditing({
     cellInteraction
   } = state;
   const column = state._columnMap.get(columnId);
-  const resolved = column ? state.resolveCellType(column.cellType) : null;
+  const resolved = column ? state.resolveCellTypeByColumnId(column.id) : null;
   const isFocused = cellInteraction.isCellFocused(rowKey, columnId);
   const isEditing = cellInteraction.isCellEditing(rowKey, columnId);
   const isEditable = state.isCellEditable(rowKey, columnId);
@@ -106,13 +106,17 @@ function useCellFocusAndEditing({
       // Key-level gate: onTypeToEdit returning undefined means "block this key"
       // (e.g. number blocks non-digit keys).
       const typeResult = resolved.onTypeToEdit({
-        key: e.key
+        key: e.key,
+        validation: column == null ? void 0 : column.validation
       });
       if (typeResult === undefined) {
         return;
       }
       e.preventDefault();
-      cellInteraction.startEdit(undefined, undefined, 'type');
+      cellInteraction.startEdit(undefined, undefined, {
+        kind: 'type',
+        key: e.key
+      });
       if ('value' in typeResult) {
         // Cell type provides an explicit pre-populated value (e.g. first typed
         // char for text, or the digit for number).

package/dist/cjs/components/EditableTable/useCellFocusAndEditing.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","useCellFocusAndEditing","state","rowKey","columnId","cellRef","editInputRef","cellInteraction","column","_columnMap","get","resolved","resolveCellType","cellType","isFocused","isCellFocused","isEditing","isCellEditing","isEditable","isCellEditable","useLayoutEffect","focusedCellElement","current","useEffect","document","activeElement","focus","setTimeout","_input$value","input","selectionStart","selectionEnd","len","value","length","setSelectionRange","_cellRef$current","preventScroll","handleActivate","useCallback","toggleValue","cellValue","toggleCell","startEdit","onKeyDown","e","updateItemDisabled","key","preventDefault","ctrlKey","metaKey","altKey","nativeEvent","isComposing","_editInputRef$current","onTypeToEdit","typeResult","undefined","setEditingValue","stopPropagation","useMemo"],"sources":["../../../../src/components/EditableTable/useCellFocusAndEditing.ts"],"sourcesContent":["import { useEffect, useLayoutEffect, useCallback, useMemo } from 'react';\nimport type { FiltersMap } from '@wix/bex-core';\nimport type { EditableTableState } from '../../state/EditableTable';\nimport { Focusable } from './types';\n\ninterface UseCellFocusAndEditingParams<T, F extends FiltersMap> {\n  state: EditableTableState<T, F>;\n  rowKey: string;\n  columnId: string;\n  cellRef: React.MutableRefObject<HTMLDivElement | null | undefined>;\n  editInputRef: React.MutableRefObject<Focusable | null | undefined>;\n}\n\nexport function useCellFocusAndEditing<T, F extends FiltersMap>({\n  state,\n  rowKey,\n  columnId,\n  cellRef,\n  editInputRef,\n}: UseCellFocusAndEditingParams<T, F>) {\n  const { cellInteraction } = state;\n  const column = state._columnMap.get(columnId);\n  const resolved = column ? state.resolveCellType(column.cellType) : null;\n  const isFocused = cellInteraction.isCellFocused(rowKey, columnId);\n  const isEditing = cellInteraction.isCellEditing(rowKey, columnId);\n  const isEditable = state.isCellEditable(rowKey, columnId);\n\n  // Register the focused cell's DOM element on the state so\n  // scrollFocusedCellIntoView can use it. useLayoutEffect ensures\n  // the element is set before the requestAnimationFrame in\n  // scrollFocusedCellIntoView runs.\n  useLayoutEffect(() => {\n    if (isFocused) {\n      cellInteraction.focusedCellElement = cellRef.current;\n    }\n    return () => {\n      if (cellInteraction.focusedCellElement === cellRef.current) {\n        cellInteraction.focusedCellElement = null;\n      }\n    };\n  }, [isFocused, cellRef, cellInteraction]);\n\n  // When focused (not editing): focus the cell div so it receives keyboard events.\n  // When editing starts: focus the input, then place caret at end in a setTimeout\n  // so it runs after the browser's own selection (e.g. from autoSelect) settles.\n  // Skip caret placement if the input already has a non-collapsed selection.\n  useEffect(() => {\n    if (!isFocused) {\n      return;\n    }\n\n    if (isEditing) {\n      if (\n        editInputRef.current &&\n        (document.activeElement as\n          | HTMLInputElement\n          | HTMLTextAreaElement\n          | null) !== editInputRef.current\n      ) {\n        editInputRef.current.focus();\n      }\n      setTimeout(() => {\n        // Use document.activeElement rather than editInputRef.current because\n        // editInputRef may point to a React component instance (e.g. InputArea)\n        // rather than the underlying DOM element, which has no .value property.\n        const input = document.activeElement as\n          | HTMLInputElement\n          | HTMLTextAreaElement\n          | null;\n        if (!input || !('selectionStart' in input)) {\n          return;\n        }\n        if (input.selectionStart !== input.selectionEnd) {\n          return;\n        }\n        const len = input.value?.length ?? 0;\n        input.setSelectionRange(len, len);\n      }, 0);\n    } else {\n      // Let CellInteractionState own scroll positioning for the focused cell.\n      cellRef.current?.focus({ preventScroll: true });\n    }\n  }, [isFocused, isEditing, cellRef, editInputRef]);\n\n  const handleActivate = useCallback(() => {\n    if (resolved?.toggleValue) {\n      state.cellValue.toggleCell(rowKey, columnId);\n    } else {\n      cellInteraction.startEdit();\n    }\n  }, [resolved, state, rowKey, columnId, cellInteraction]);\n\n  // Handle Enter and type-to-edit at the cell level\n  const onKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (!isFocused || !isEditable || isEditing) {\n        return;\n      }\n      if (state.updateItemDisabled) {\n        return;\n      }\n\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        handleActivate();\n        return;\n      }\n\n      // Type-to-edit: prevent the browser's default text insertion, start\n      // edit mode, then set the value programmatically via React state.\n      // startEdit() must come before setEditingValue() because it resets\n      // editingValue to undefined.\n      if (\n        e.key.length === 1 &&\n        !e.ctrlKey &&\n        !e.metaKey &&\n        !e.altKey &&\n        !e.nativeEvent.isComposing\n      ) {\n        // Cell-type-level gate: only cell types that define onTypeToEdit support\n        // type-to-edit. Absence of onTypeToEdit is the natural opt-out (e.g. boolean).\n        if (!resolved?.onTypeToEdit) {\n          return;\n        }\n\n        // Key-level gate: onTypeToEdit returning undefined means \"block this key\"\n        // (e.g. number blocks non-digit keys).\n        const typeResult = resolved.onTypeToEdit({ key: e.key });\n        if (typeResult === undefined) {\n          return;\n        }\n\n        e.preventDefault();\n        cellInteraction.startEdit(undefined, undefined, 'type');\n\n        if ('value' in typeResult) {\n          // Cell type provides an explicit pre-populated value (e.g. first typed\n          // char for text, or the digit for number).\n          cellInteraction.setEditingValue(typeResult.value);\n        }\n        // onTypeToEdit returned {} (no value): enter edit mode with current value intact\n        // (e.g. select/date open their picker without pre-populating).\n\n        // Best-effort: editInputRef.current is null here because the Edit\n        // component only mounts after isEditing flips. The useEffect above\n        // is the reliable focus path once the component renders.\n        editInputRef.current?.focus();\n        e.stopPropagation();\n      }\n    },\n    [\n      editInputRef,\n      isFocused,\n      isEditable,\n      isEditing,\n      state,\n      cellInteraction,\n      resolved,\n      handleActivate,\n    ],\n  );\n\n  return useMemo(() => ({ onKeyDown }), [onKeyDown]);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","useCellFocusAndEditing","state","rowKey","columnId","cellRef","editInputRef","cellInteraction","column","_columnMap","get","resolved","resolveCellTypeByColumnId","id","isFocused","isCellFocused","isEditing","isCellEditing","isEditable","isCellEditable","useLayoutEffect","focusedCellElement","current","useEffect","document","activeElement","focus","setTimeout","_input$value","input","selectionStart","selectionEnd","len","value","length","setSelectionRange","_cellRef$current","preventScroll","handleActivate","useCallback","toggleValue","cellValue","toggleCell","startEdit","onKeyDown","e","updateItemDisabled","key","preventDefault","ctrlKey","metaKey","altKey","nativeEvent","isComposing","_editInputRef$current","onTypeToEdit","typeResult","validation","undefined","kind","setEditingValue","stopPropagation","useMemo"],"sources":["../../../../src/components/EditableTable/useCellFocusAndEditing.ts"],"sourcesContent":["import { useEffect, useLayoutEffect, useCallback, useMemo } from 'react';\nimport type { FiltersMap } from '@wix/bex-core';\nimport type { EditableTableState } from '../../state/EditableTable';\nimport { Focusable } from './types';\n\ninterface UseCellFocusAndEditingParams<T, F extends FiltersMap> {\n  state: EditableTableState<T, F>;\n  rowKey: string;\n  columnId: string;\n  cellRef: React.MutableRefObject<HTMLDivElement | null | undefined>;\n  editInputRef: React.MutableRefObject<Focusable | null | undefined>;\n}\n\nexport function useCellFocusAndEditing<T, F extends FiltersMap>({\n  state,\n  rowKey,\n  columnId,\n  cellRef,\n  editInputRef,\n}: UseCellFocusAndEditingParams<T, F>) {\n  const { cellInteraction } = state;\n  const column = state._columnMap.get(columnId);\n  const resolved = column ? state.resolveCellTypeByColumnId(column.id) : null;\n  const isFocused = cellInteraction.isCellFocused(rowKey, columnId);\n  const isEditing = cellInteraction.isCellEditing(rowKey, columnId);\n  const isEditable = state.isCellEditable(rowKey, columnId);\n\n  // Register the focused cell's DOM element on the state so\n  // scrollFocusedCellIntoView can use it. useLayoutEffect ensures\n  // the element is set before the requestAnimationFrame in\n  // scrollFocusedCellIntoView runs.\n  useLayoutEffect(() => {\n    if (isFocused) {\n      cellInteraction.focusedCellElement = cellRef.current;\n    }\n    return () => {\n      if (cellInteraction.focusedCellElement === cellRef.current) {\n        cellInteraction.focusedCellElement = null;\n      }\n    };\n  }, [isFocused, cellRef, cellInteraction]);\n\n  // When focused (not editing): focus the cell div so it receives keyboard events.\n  // When editing starts: focus the input, then place caret at end in a setTimeout\n  // so it runs after the browser's own selection (e.g. from autoSelect) settles.\n  // Skip caret placement if the input already has a non-collapsed selection.\n  useEffect(() => {\n    if (!isFocused) {\n      return;\n    }\n\n    if (isEditing) {\n      if (\n        editInputRef.current &&\n        (document.activeElement as\n          | HTMLInputElement\n          | HTMLTextAreaElement\n          | null) !== editInputRef.current\n      ) {\n        editInputRef.current.focus();\n      }\n      setTimeout(() => {\n        // Use document.activeElement rather than editInputRef.current because\n        // editInputRef may point to a React component instance (e.g. InputArea)\n        // rather than the underlying DOM element, which has no .value property.\n        const input = document.activeElement as\n          | HTMLInputElement\n          | HTMLTextAreaElement\n          | null;\n        if (!input || !('selectionStart' in input)) {\n          return;\n        }\n        if (input.selectionStart !== input.selectionEnd) {\n          return;\n        }\n        const len = input.value?.length ?? 0;\n        input.setSelectionRange(len, len);\n      }, 0);\n    } else {\n      // Let CellInteractionState own scroll positioning for the focused cell.\n      cellRef.current?.focus({ preventScroll: true });\n    }\n  }, [isFocused, isEditing, cellRef, editInputRef]);\n\n  const handleActivate = useCallback(() => {\n    if (resolved?.toggleValue) {\n      state.cellValue.toggleCell(rowKey, columnId);\n    } else {\n      cellInteraction.startEdit();\n    }\n  }, [resolved, state, rowKey, columnId, cellInteraction]);\n\n  // Handle Enter and type-to-edit at the cell level\n  const onKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (!isFocused || !isEditable || isEditing) {\n        return;\n      }\n      if (state.updateItemDisabled) {\n        return;\n      }\n\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        handleActivate();\n        return;\n      }\n\n      // Type-to-edit: prevent the browser's default text insertion, start\n      // edit mode, then set the value programmatically via React state.\n      // startEdit() must come before setEditingValue() because it resets\n      // editingValue to undefined.\n      if (\n        e.key.length === 1 &&\n        !e.ctrlKey &&\n        !e.metaKey &&\n        !e.altKey &&\n        !e.nativeEvent.isComposing\n      ) {\n        // Cell-type-level gate: only cell types that define onTypeToEdit support\n        // type-to-edit. Absence of onTypeToEdit is the natural opt-out (e.g. boolean).\n        if (!resolved?.onTypeToEdit) {\n          return;\n        }\n\n        // Key-level gate: onTypeToEdit returning undefined means \"block this key\"\n        // (e.g. number blocks non-digit keys).\n        const typeResult = resolved.onTypeToEdit({\n          key: e.key,\n          validation: column?.validation,\n        });\n        if (typeResult === undefined) {\n          return;\n        }\n\n        e.preventDefault();\n        cellInteraction.startEdit(undefined, undefined, { kind: 'type', key: e.key });\n\n        if ('value' in typeResult) {\n          // Cell type provides an explicit pre-populated value (e.g. first typed\n          // char for text, or the digit for number).\n          cellInteraction.setEditingValue(typeResult.value);\n        }\n        // onTypeToEdit returned {} (no value): enter edit mode with current value intact\n        // (e.g. select/date open their picker without pre-populating).\n\n        // Best-effort: editInputRef.current is null here because the Edit\n        // component only mounts after isEditing flips. The useEffect above\n        // is the reliable focus path once the component renders.\n        editInputRef.current?.focus();\n        e.stopPropagation();\n      }\n    },\n    [\n      editInputRef,\n      isFocused,\n      isEditable,\n      isEditing,\n      state,\n      cellInteraction,\n      resolved,\n      handleActivate,\n    ],\n  );\n\n  return useMemo(() => ({ onKeyDown }), [onKeyDown]);\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/EditableTable/useKeyboardNavigation.js

@@ -68,13 +68,16 @@ function useKeyboardNavigation(state) {
         navigated = true;
         break;
       case 'Escape':
-        e.preventDefault();
-        if (clipboard.hasCopiedCells) {
-          clipboard.clear();
-        } else {
-          cellInteraction.clearFocus();
+        {
+          const handledByEditor = e.defaultPrevented;
+          e.preventDefault();
+          if (clipboard.hasCopiedCells) {
+            clipboard.clear();
+          } else if (!handledByEditor) {
+            cellInteraction.clearFocus();
+          }
+          break;
         }
-        break;
       case 'Delete':
       case 'Backspace':
         e.preventDefault();

package/dist/cjs/components/EditableTable/useKeyboardNavigation.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","useKeyboardNavigation","state","cellInteraction","clipboard","onKeyDown","useCallback","e","focusedCell","isEditing","key","preventDefault","cancelEdit","commitEdit","shiftKey","moveToPreviousCell","moveToNextCell","scrollFocusedCellIntoView","isCtrlOrCmd","ctrlKey","metaKey","extend","navigated","moveFocus","hasCopiedCells","clear","clearFocus","updateItemDisabled","clearCells","selectedCellsList","selectAll"],"sources":["../../../../src/components/EditableTable/useKeyboardNavigation.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport type { EditableTableState } from '../../state/EditableTable';\nimport type { FiltersMap } from '@wix/bex-core';\n\nexport function useKeyboardNavigation<T, F extends FiltersMap>(\n  state: EditableTableState<T, F>,\n) {\n  const { cellInteraction, clipboard } = state;\n\n  const onKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      const { focusedCell, isEditing } = cellInteraction;\n      if (!focusedCell) {\n        return;\n      }\n\n      // Don't intercept keys when editing (let the editor handle them)\n      if (isEditing) {\n        if (e.key === 'Escape') {\n          e.preventDefault();\n          cellInteraction.cancelEdit();\n        } else if (e.key === 'Tab') {\n          e.preventDefault();\n          cellInteraction.commitEdit();\n          if (e.shiftKey) {\n            cellInteraction.moveToPreviousCell();\n          } else {\n            cellInteraction.moveToNextCell();\n          }\n          cellInteraction.scrollFocusedCellIntoView();\n        }\n        return;\n      }\n\n      const isCtrlOrCmd = e.ctrlKey || e.metaKey;\n      const extend = e.shiftKey;\n      let navigated = false;\n\n      switch (e.key) {\n        case 'ArrowUp':\n          e.preventDefault();\n          cellInteraction.moveFocus('up', extend);\n          navigated = true;\n          break;\n        case 'ArrowDown':\n          e.preventDefault();\n          cellInteraction.moveFocus('down', extend);\n          navigated = true;\n          break;\n        case 'ArrowLeft':\n          e.preventDefault();\n          cellInteraction.moveFocus('left', extend);\n          navigated = true;\n          break;\n        case 'ArrowRight':\n          e.preventDefault();\n          cellInteraction.moveFocus('right', extend);\n          navigated = true;\n          break;\n        case 'Tab':\n          e.preventDefault();\n          if (e.shiftKey) {\n            cellInteraction.moveToPreviousCell();\n          } else {\n            cellInteraction.moveToNextCell();\n          }\n          navigated = true;\n          break;\n        case 'Escape':\n          e.preventDefault();\n          if (clipboard.hasCopiedCells) {\n            clipboard.clear();\n          } else {\n            cellInteraction.clearFocus();\n          }\n          break;\n        case 'Delete':\n        case 'Backspace':\n          e.preventDefault();\n          if (!state.updateItemDisabled) {\n            state.clearCells(cellInteraction.selectedCellsList);\n          }\n          break;\n        case 'a':\n          if (isCtrlOrCmd) {\n            e.preventDefault();\n            cellInteraction.selectAll();\n          }\n          break;\n        default:\n          break;\n      }\n\n      if (navigated) {\n        cellInteraction.scrollFocusedCellIntoView();\n      }\n    },\n    [cellInteraction, clipboard, state],\n  );\n\n  return { onKeyDown };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","useKeyboardNavigation","state","cellInteraction","clipboard","onKeyDown","useCallback","e","focusedCell","isEditing","key","preventDefault","cancelEdit","commitEdit","shiftKey","moveToPreviousCell","moveToNextCell","scrollFocusedCellIntoView","isCtrlOrCmd","ctrlKey","metaKey","extend","navigated","moveFocus","handledByEditor","defaultPrevented","hasCopiedCells","clear","clearFocus","updateItemDisabled","clearCells","selectedCellsList","selectAll"],"sources":["../../../../src/components/EditableTable/useKeyboardNavigation.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport type { EditableTableState } from '../../state/EditableTable';\nimport type { FiltersMap } from '@wix/bex-core';\n\nexport function useKeyboardNavigation<T, F extends FiltersMap>(\n  state: EditableTableState<T, F>,\n) {\n  const { cellInteraction, clipboard } = state;\n\n  const onKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      const { focusedCell, isEditing } = cellInteraction;\n      if (!focusedCell) {\n        return;\n      }\n\n      // Don't intercept keys when editing (let the editor handle them)\n      if (isEditing) {\n        if (e.key === 'Escape') {\n          e.preventDefault();\n          cellInteraction.cancelEdit();\n        } else if (e.key === 'Tab') {\n          e.preventDefault();\n          cellInteraction.commitEdit();\n          if (e.shiftKey) {\n            cellInteraction.moveToPreviousCell();\n          } else {\n            cellInteraction.moveToNextCell();\n          }\n          cellInteraction.scrollFocusedCellIntoView();\n        }\n        return;\n      }\n\n      const isCtrlOrCmd = e.ctrlKey || e.metaKey;\n      const extend = e.shiftKey;\n      let navigated = false;\n\n      switch (e.key) {\n        case 'ArrowUp':\n          e.preventDefault();\n          cellInteraction.moveFocus('up', extend);\n          navigated = true;\n          break;\n        case 'ArrowDown':\n          e.preventDefault();\n          cellInteraction.moveFocus('down', extend);\n          navigated = true;\n          break;\n        case 'ArrowLeft':\n          e.preventDefault();\n          cellInteraction.moveFocus('left', extend);\n          navigated = true;\n          break;\n        case 'ArrowRight':\n          e.preventDefault();\n          cellInteraction.moveFocus('right', extend);\n          navigated = true;\n          break;\n        case 'Tab':\n          e.preventDefault();\n          if (e.shiftKey) {\n            cellInteraction.moveToPreviousCell();\n          } else {\n            cellInteraction.moveToNextCell();\n          }\n          navigated = true;\n          break;\n        case 'Escape': {\n          const handledByEditor = e.defaultPrevented;\n          e.preventDefault();\n          if (clipboard.hasCopiedCells) {\n            clipboard.clear();\n          } else if (!handledByEditor) {\n            cellInteraction.clearFocus();\n          }\n          break;\n        }\n        case 'Delete':\n        case 'Backspace':\n          e.preventDefault();\n          if (!state.updateItemDisabled) {\n            state.clearCells(cellInteraction.selectedCellsList);\n          }\n          break;\n        case 'a':\n          if (isCtrlOrCmd) {\n            e.preventDefault();\n            cellInteraction.selectAll();\n          }\n          break;\n        default:\n          break;\n      }\n\n      if (navigated) {\n        cellInteraction.scrollFocusedCellIntoView();\n      }\n    },\n    [cellInteraction, clipboard, state],\n  );\n\n  return { onKeyDown };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/EntityPage/EntityPagePlain.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "EntityPagePlain3492012727";
+var _namespace_ = "EntityPagePlain1477466796";
 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": "EntityPagePlain3492012727__root"
+  "root": "EntityPagePlain1477466796__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EntityPage/EntityPagePlain.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/EntityPage/EntityPagePlain.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EntityPagePlain3492012727\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"EntityPagePlain3492012727__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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;AAAiC,CAAC;AACxD,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,oCAAoC,EAAC;AAAsC,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/EntityPage/EntityPagePlain.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EntityPagePlain1477466796\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"EntityPagePlain1477466796__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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;AAAiC,CAAC;AACxD,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,oCAAoC,EAAC;AAAsC,CAAC","ignoreList":[]}

package/dist/cjs/components/Fade/Fade.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "Fade2782678393";
+var _namespace_ = "Fade3161725745";
 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": "Fade2782678393__root"
+  "root": "Fade3161725745__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Fade/Fade.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/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Fade2782678393\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Fade2782678393__root\"};\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,gBAAgB;AAClC,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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;AAAsB,CAAC;AAC7C,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/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Fade3161725745\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Fade3161725745__root\"};\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,gBAAgB;AAClC,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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;AAAsB,CAAC;AAC7C,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/Heading/Heading.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "Heading810863429";
+var _namespace_ = "Heading4066011626";
 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": "Heading810863429__root"
+  "root": "Heading4066011626__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Heading/Heading.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/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading810863429\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Heading810863429__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kBAAkB;AACpC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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;AAAwB,CAAC;AAC/C,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/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading4066011626\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Heading4066011626__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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;AAAyB,CAAC;AAChD,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/ImportButton/ImportStepUpload.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_ = "ImportStepUpload2236557936";
+var _namespace_ = "ImportStepUpload3407014856";
 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": "ImportStepUpload2236557936__root",
-  "fileUpload": "ImportStepUpload2236557936__fileUpload"
+  "root": "ImportStepUpload3407014856__root",
+  "fileUpload": "ImportStepUpload3407014856__fileUpload"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};