@wix/patterns 1.432.0 → 1.434.0

package/dist/cjs/components/SchemaSource/tableSchemaSource.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_SchemaState","TableSchemaSourceImpl","constructor","source","_defineProperty2","default","collectionId","paginationMode","itemKey","itemName","getFieldValue","setFieldValue","references","fieldsContainer","creatableFieldTypes","fieldTypes","fieldPermissions","supportsPii","loadSchema","searchableFieldIds","canAddFields","canEditField","canDeleteField","schemaState","state","setOnTable","toolbar","SchemaState","sourceState","SourceState","container","tableSchemaSource","exports"],"sources":["../../../../src/components/SchemaSource/tableSchemaSource.ts"],"sourcesContent":["import { SourceState } from '@wix/bex-core';\nimport type { SchemaSource } from '@wix/bex-core';\nimport type { FieldsSourceProvider } from '../fieldsSourceProvider';\nimport type { SchemaSourceWithFields } from '../../model/schemaFieldsContainer';\nimport type { ToolbarCollectionState } from '../../state';\nimport { SchemaState } from './SchemaState';\n\n/**\n * A schema source ready to attach to a table: the full config plus a\n * `setOnTable` that builds the SchemaState. Keeping `new SchemaState` here — not\n * in the table hook — keeps it out of the core table bundle; only consumers that\n * call `tableSchemaSource` pull it in.\n *\n * `schemaState` exposes the attached state so the import reads the same\n * live schema the table renders — import always matches the visible columns\n * (including fields it just created, or ones added via the field-management\n * panel), rather than a separate loaded copy.\n */\nexport type TableSchemaSource<T = Record<string, unknown>> = SchemaSource<T> &\n  FieldsSourceProvider & {\n    readonly schemaState?: SchemaState<T>;\n  };\n\n/**\n * Implemented as a class (not an object literal with a `get schemaState()` after\n * `...source`): a getter placed in a spread literal is evaluated once and\n * flattened to a static `undefined` data property by Object.assign-based (loose)\n * object-spread transpilation, which silently drops the live binding — so\n * the import would never see the loaded fields. A prototype accessor is\n * always a real accessor, immune to that.\n *\n * The wrapped source's members (`collectionConfig`, `loadSchema`, …) are copied\n * onto the instance so it's usable anywhere a `SchemaSource` is; `state` is\n * created once on attach and reused, so the table and the import share\n * one SchemaState (and one load).\n */\nclass TableSchemaSourceImpl<T> implements TableSchemaSource<T> {\n  private state?: SchemaState<T>;\n  private readonly source: SchemaSource<T>;\n\n  // A field + body assignment (not a constructor parameter property — the docs\n  // Storybook's Babel doesn't strip that TS syntax).\n  constructor(source: SchemaSource<T>) {\n    this.source = source;\n  }\n\n  // Delegate the SchemaSource surface to the wrapped source via getters, so the\n  // instance always reflects it with no copies to keep in sync. Prototype\n  // accessors (unlike a getter inside a `...source` spread literal) survive\n  // Object.assign-based (loose) object-spread transpilation.\n  get collectionId() {\n    return this.source.collectionId;\n  }\n  get paginationMode() {\n    return this.source.paginationMode;\n  }\n  get itemKey() {\n    return this.source.itemKey;\n  }\n  get itemName() {\n    return this.source.itemName;\n  }\n  get getFieldValue() {\n    return this.source.getFieldValue;\n  }\n  get setFieldValue() {\n    return this.source.setFieldValue;\n  }\n  get references() {\n    return this.source.references;\n  }\n  get fieldsContainer() {\n    // Attached by `useSchemaSource`; forwarded like every other member, or the\n    // wrapper would hand the components a source with no container.\n    return (this.source as SchemaSourceWithFields).fieldsContainer;\n  }\n  get creatableFieldTypes() {\n    return this.source.creatableFieldTypes;\n  }\n  get fieldTypes() {\n    return this.source.fieldTypes;\n  }\n  get fieldPermissions() {\n    return this.source.fieldPermissions;\n  }\n  get supportsPii() {\n    return this.source.supportsPii;\n  }\n  get loadSchema() {\n    return this.source.loadSchema;\n  }\n  get searchableFieldIds() {\n    return this.source.searchableFieldIds;\n  }\n  get canAddFields() {\n    return this.source.canAddFields;\n  }\n  get canEditField() {\n    return this.source.canEditField;\n  }\n  get canDeleteField() {\n    return this.source.canDeleteField;\n  }\n\n  get schemaState(): SchemaState<T> | undefined {\n    return this.state;\n  }\n\n  setOnTable(toolbar: ToolbarCollectionState<any, any>): void {\n    this.state ??= new SchemaState<T>({\n      sourceState: new SourceState<T>({\n        container: toolbar.container,\n        source: this.source,\n      }),\n    });\n    this.state.setOnTable(toolbar);\n  }\n}\n\n/** @deprecated Pass the source to a `@wix/patterns/schema` collection hook\n *  instead — no wrapper needed. */\nexport const tableSchemaSource = <T>(\n  source: SchemaSource<T>,\n): TableSchemaSource<T> => new TableSchemaSourceImpl<T>(source);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_SchemaState","TableSchemaSourceImpl","constructor","source","_defineProperty2","default","collectionId","paginationMode","itemKey","itemName","getFieldValue","setFieldValue","references","fieldsContainer","fieldModal","fieldTypes","fieldPermissions","supportsPii","loadSchema","searchableFieldIds","canAddFields","canEditField","canDeleteField","schemaState","state","setOnTable","toolbar","SchemaState","sourceState","SourceState","container","tableSchemaSource","exports"],"sources":["../../../../src/components/SchemaSource/tableSchemaSource.ts"],"sourcesContent":["import { SourceState } from '@wix/bex-core';\nimport type { SchemaSource } from '@wix/bex-core';\nimport type { FieldsSourceProvider } from '../fieldsSourceProvider';\nimport type { SchemaSourceWithFields } from '../../model/schemaFieldsContainer';\nimport type { ToolbarCollectionState } from '../../state';\nimport { SchemaState } from './SchemaState';\n\n/**\n * A schema source ready to attach to a table: the full config plus a\n * `setOnTable` that builds the SchemaState. Keeping `new SchemaState` here — not\n * in the table hook — keeps it out of the core table bundle; only consumers that\n * call `tableSchemaSource` pull it in.\n *\n * `schemaState` exposes the attached state so the import reads the same\n * live schema the table renders — import always matches the visible columns\n * (including fields it just created, or ones added via the field-management\n * panel), rather than a separate loaded copy.\n */\nexport type TableSchemaSource<T = Record<string, unknown>> = SchemaSource<T> &\n  FieldsSourceProvider & {\n    readonly schemaState?: SchemaState<T>;\n  };\n\n/**\n * Implemented as a class (not an object literal with a `get schemaState()` after\n * `...source`): a getter placed in a spread literal is evaluated once and\n * flattened to a static `undefined` data property by Object.assign-based (loose)\n * object-spread transpilation, which silently drops the live binding — so\n * the import would never see the loaded fields. A prototype accessor is\n * always a real accessor, immune to that.\n *\n * The wrapped source's members (`collectionConfig`, `loadSchema`, …) are copied\n * onto the instance so it's usable anywhere a `SchemaSource` is; `state` is\n * created once on attach and reused, so the table and the import share\n * one SchemaState (and one load).\n */\nclass TableSchemaSourceImpl<T> implements TableSchemaSource<T> {\n  private state?: SchemaState<T>;\n  private readonly source: SchemaSource<T>;\n\n  // A field + body assignment (not a constructor parameter property — the docs\n  // Storybook's Babel doesn't strip that TS syntax).\n  constructor(source: SchemaSource<T>) {\n    this.source = source;\n  }\n\n  // Delegate the SchemaSource surface to the wrapped source via getters, so the\n  // instance always reflects it with no copies to keep in sync. Prototype\n  // accessors (unlike a getter inside a `...source` spread literal) survive\n  // Object.assign-based (loose) object-spread transpilation.\n  get collectionId() {\n    return this.source.collectionId;\n  }\n  get paginationMode() {\n    return this.source.paginationMode;\n  }\n  get itemKey() {\n    return this.source.itemKey;\n  }\n  get itemName() {\n    return this.source.itemName;\n  }\n  get getFieldValue() {\n    return this.source.getFieldValue;\n  }\n  get setFieldValue() {\n    return this.source.setFieldValue;\n  }\n  get references() {\n    return this.source.references;\n  }\n  get fieldsContainer() {\n    // Attached by `useSchemaSource`; forwarded like every other member, or the\n    // wrapper would hand the components a source with no container.\n    return (this.source as SchemaSourceWithFields).fieldsContainer;\n  }\n  get fieldModal() {\n    return this.source.fieldModal;\n  }\n  get fieldTypes() {\n    return this.source.fieldTypes;\n  }\n  get fieldPermissions() {\n    return this.source.fieldPermissions;\n  }\n  get supportsPii() {\n    return this.source.supportsPii;\n  }\n  get loadSchema() {\n    return this.source.loadSchema;\n  }\n  get searchableFieldIds() {\n    return this.source.searchableFieldIds;\n  }\n  get canAddFields() {\n    return this.source.canAddFields;\n  }\n  get canEditField() {\n    return this.source.canEditField;\n  }\n  get canDeleteField() {\n    return this.source.canDeleteField;\n  }\n\n  get schemaState(): SchemaState<T> | undefined {\n    return this.state;\n  }\n\n  setOnTable(toolbar: ToolbarCollectionState<any, any>): void {\n    this.state ??= new SchemaState<T>({\n      sourceState: new SourceState<T>({\n        container: toolbar.container,\n        source: this.source,\n      }),\n    });\n    this.state.setOnTable(toolbar);\n  }\n}\n\n/** @deprecated Pass the source to a `@wix/patterns/schema` collection hook\n *  instead — no wrapper needed. */\nexport const tableSchemaSource = <T>(\n  source: SchemaSource<T>,\n): TableSchemaSource<T> => new TableSchemaSourceImpl<T>(source);\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAME,qBAAqB,CAAoC;EAI7D;EACA;EACAC,WAAWA,CAACC,MAAuB,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IACnC,IAAI,CAACF,MAAM,GAAGA,MAAM;EACtB;;EAEA;EACA;EACA;EACA;EACA,IAAIG,YAAYA,CAAA,EAAG;IACjB,OAAO,IAAI,CAACH,MAAM,CAACG,YAAY;EACjC;EACA,IAAIC,cAAcA,CAAA,EAAG;IACnB,OAAO,IAAI,CAACJ,MAAM,CAACI,cAAc;EACnC;EACA,IAAIC,OAAOA,CAAA,EAAG;IACZ,OAAO,IAAI,CAACL,MAAM,CAACK,OAAO;EAC5B;EACA,IAAIC,QAAQA,CAAA,EAAG;IACb,OAAO,IAAI,CAACN,MAAM,CAACM,QAAQ;EAC7B;EACA,IAAIC,aAAaA,CAAA,EAAG;IAClB,OAAO,IAAI,CAACP,MAAM,CAACO,aAAa;EAClC;EACA,IAAIC,aAAaA,CAAA,EAAG;IAClB,OAAO,IAAI,CAACR,MAAM,CAACQ,aAAa;EAClC;EACA,IAAIC,UAAUA,CAAA,EAAG;IACf,OAAO,IAAI,CAACT,MAAM,CAACS,UAAU;EAC/B;EACA,IAAIC,eAAeA,CAAA,EAAG;IACpB;IACA;IACA,OAAQ,IAAI,CAACV,MAAM,CAA4BU,eAAe;EAChE;EACA,IAAIC,UAAUA,CAAA,EAAG;IACf,OAAO,IAAI,CAACX,MAAM,CAACW,UAAU;EAC/B;EACA,IAAIC,UAAUA,CAAA,EAAG;IACf,OAAO,IAAI,CAACZ,MAAM,CAACY,UAAU;EAC/B;EACA,IAAIC,gBAAgBA,CAAA,EAAG;IACrB,OAAO,IAAI,CAACb,MAAM,CAACa,gBAAgB;EACrC;EACA,IAAIC,WAAWA,CAAA,EAAG;IAChB,OAAO,IAAI,CAACd,MAAM,CAACc,WAAW;EAChC;EACA,IAAIC,UAAUA,CAAA,EAAG;IACf,OAAO,IAAI,CAACf,MAAM,CAACe,UAAU;EAC/B;EACA,IAAIC,kBAAkBA,CAAA,EAAG;IACvB,OAAO,IAAI,CAAChB,MAAM,CAACgB,kBAAkB;EACvC;EACA,IAAIC,YAAYA,CAAA,EAAG;IACjB,OAAO,IAAI,CAACjB,MAAM,CAACiB,YAAY;EACjC;EACA,IAAIC,YAAYA,CAAA,EAAG;IACjB,OAAO,IAAI,CAAClB,MAAM,CAACkB,YAAY;EACjC;EACA,IAAIC,cAAcA,CAAA,EAAG;IACnB,OAAO,IAAI,CAACnB,MAAM,CAACmB,cAAc;EACnC;EAEA,IAAIC,WAAWA,CAAA,EAA+B;IAC5C,OAAO,IAAI,CAACC,KAAK;EACnB;EAEAC,UAAUA,CAACC,OAAyC,EAAQ;IAC1D,IAAI,CAACF,KAAK,KAAV,IAAI,CAACA,KAAK,GAAK,IAAIG,wBAAW,CAAI;MAChCC,WAAW,EAAE,IAAIC,oBAAW,CAAI;QAC9BC,SAAS,EAAEJ,OAAO,CAACI,SAAS;QAC5B3B,MAAM,EAAE,IAAI,CAACA;MACf,CAAC;IACH,CAAC,CAAC;IACF,IAAI,CAACqB,KAAK,CAACC,UAAU,CAACC,OAAO,CAAC;EAChC;AACF;;AAEA;AACA;AACO,MAAMK,iBAAiB,GAC5B5B,MAAuB,IACE,IAAIF,qBAAqB,CAAIE,MAAM,CAAC;AAAC6B,OAAA,CAAAD,iBAAA,GAAAA,iBAAA","ignoreList":[]}

package/dist/cjs/components/ScrollableContent/ScrollableContent.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_ = "ScrollableContent947430149";
+var _namespace_ = "ScrollableContent2990159044";
 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": "ScrollableContent947430149__root"
+  "root": "ScrollableContent2990159044__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ScrollableContent/ScrollableContent.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/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent947430149\";\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\":\"ScrollableContent947430149__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,4BAA4B;AAC9C,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;AAAkC,CAAC;AACzD,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/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent2990159044\";\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\":\"ScrollableContent2990159044__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,6BAA6B;AAC/C,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;AAAmC,CAAC;AAC1D,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/SetupWidget/SetupStepCard.js

@@ -52,7 +52,7 @@ const SetupStepCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 61,
+      lineNumber: 65,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(ChevronIcon, {
@@ -61,7 +61,7 @@ const SetupStepCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 66,
+      lineNumber: 70,
       columnNumber: 7
     }
   }));
@@ -74,7 +74,7 @@ const SetupStepCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 73,
+      lineNumber: 77,
       columnNumber: 5
     }
   }, step.description);
@@ -97,7 +97,7 @@ const SetupStepCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 79,
+      lineNumber: 83,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -107,7 +107,7 @@ const SetupStepCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 97,
+      lineNumber: 101,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -118,7 +118,7 @@ const SetupStepCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 98,
+      lineNumber: 102,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -129,7 +129,7 @@ const SetupStepCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 104,
+      lineNumber: 108,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -137,7 +137,7 @@ const SetupStepCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 105,
+      lineNumber: 109,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_SetupStepIcon.SetupStepIcon, {
@@ -146,7 +146,7 @@ const SetupStepCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 106,
+      lineNumber: 110,
       columnNumber: 15
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -155,7 +155,7 @@ const SetupStepCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 110,
+      lineNumber: 114,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -167,14 +167,14 @@ const SetupStepCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 111,
+      lineNumber: 115,
       columnNumber: 15
     }
   }, isCompleted ? /*#__PURE__*/_react.default.createElement("del", {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 118,
+      lineNumber: 122,
       columnNumber: 32
     }
   }, step.title) : step.title), isInProgress && /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -184,7 +184,7 @@ const SetupStepCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 121,
+      lineNumber: 125,
       columnNumber: 17
     }
   }, t('cairo.setupWidget.step.inProgress')))), isDisabled ? /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
@@ -196,14 +196,14 @@ const SetupStepCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 132,
+      lineNumber: 136,
       columnNumber: 13
     }
   }, chevron) : chevron), isInlineExpanded && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 152,
+      lineNumber: 156,
       columnNumber: 13
     }
   }), description, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -212,7 +212,7 @@ const SetupStepCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 154,
+      lineNumber: 158,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -221,7 +221,7 @@ const SetupStepCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 161,
+      lineNumber: 165,
       columnNumber: 15
     }
   }, renderStepContent == null ? void 0 : renderStepContent(step)))), !isInline && description));

package/dist/cjs/components/SetupWidget/SetupStepCard.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_react2","_SetupStepIcon","_SetupWidgetStCss","_jsxFileName","SetupStepCard","step","isPrimary","expanded","onActivate","renderStepContent","translate","t","useWixPatternsContainer","isInProgress","status","isCompleted","isDisabled","isInline","expansionMode","isInlineExpanded","showCompletedCta","completedCtaLabel","isTogglable","isNavigable","clickable","showChevron","ChevronIcon","ChevronUp","ChevronDown","ChevronRight","chevron","default","createElement","Box","dataHook","id","verticalAlign","className","st","classes","chevronDisabled","__self","__source","fileName","lineNumber","columnNumber","width","height","description","Text","size","secondary","card","primary","onClick","undefined","role","tabIndex","onKeyDown","event","key","preventDefault","direction","gap","padding","align","flexGrow","minWidth","stepIcon","SetupStepIcon","marginTop","weight","skin","title","inProgressLabel","Tooltip","content","disabledTooltip","Fragment","Divider","stopPropagation","exports"],"sources":["../../../../src/components/SetupWidget/SetupStepCard.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Text, Divider, Tooltip } from '@wix/design-system';\nimport { ChevronRight, ChevronDown, ChevronUp } from '@wix/wix-ui-icons-common/lazy';\nimport { SetupWidgetStep } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { SetupStepIcon } from './SetupStepIcon';\nimport { st, classes } from './SetupWidget.st.css.js';\n\nexport interface SetupStepCardProps {\n  step: SetupWidgetStep;\n  /** The recommended next step — soft blue surface + bold title. */\n  isPrimary: boolean;\n  /** Inline content is shown below the header. */\n  expanded: boolean;\n  onActivate: () => void;\n  renderStepContent?: (step: SetupWidgetStep) => React.ReactNode;\n}\n\n/**\n * Mobile step card (per Figma \"Support FW on mobile\"). 12px padding, a 24px\n * icon cell and a trailing chevron that replaces the per-step CTA button: a\n * right chevron for navigate / completed (with a completed action) steps, and a\n * down/up chevron for inline-expandable steps. The whole card is the click\n * target. Collapsed cards are a bare title + chevron; an expanded inline card\n * adds a divider, its description, and the consumer content below the header.\n */\nexport const SetupStepCard = ({\n  step,\n  isPrimary,\n  expanded,\n  onActivate,\n  renderStepContent,\n}: SetupStepCardProps) => {\n  const { translate: t } = useWixPatternsContainer();\n\n  const isInProgress = step.status === 'in-progress';\n  const isCompleted = step.status === 'completed';\n  const isDisabled = step.status === 'disabled';\n  const isInline = step.expansionMode === 'inline';\n  const isInlineExpanded = expanded && isInline;\n\n  // Completed steps stay actionable only when they carry a completed action.\n  const showCompletedCta =\n    isCompleted && !!step.completedCtaLabel && !isDisabled;\n  // Inline steps toggle; navigate steps act; completed steps fire their action.\n  const isTogglable = isInline && !isCompleted && !isDisabled;\n  const isNavigable = !isInline && !isCompleted && !isDisabled;\n  const clickable = isTogglable || isNavigable || showCompletedCta;\n\n  // Disabled steps show a muted chevron (with a permission tooltip); completed\n  // steps without an action show none. Everything actionable shows a chevron.\n  const showChevron = clickable || isDisabled;\n\n  const ChevronIcon = isInline\n    ? isInlineExpanded\n      ? ChevronUp\n      : ChevronDown\n    : ChevronRight;\n\n  const chevron = showChevron && (\n    <Box\n      dataHook={`setup-step-cta-${step.id}`}\n      verticalAlign=\"middle\"\n      className={st(isDisabled ? classes.chevronDisabled : classes.chevron)}\n    >\n      <ChevronIcon width=\"18\" height=\"18\" />\n    </Box>\n  );\n\n  // The description only belongs to the expanded inline state. Non-inline steps\n  // keep theirs (if provided) inline below the header.\n  const description = step.description && !isCompleted && (\n    <Text size=\"small\" secondary>\n      {step.description}\n    </Text>\n  );\n\n  return (\n    <div\n      data-hook={`setup-step-${step.id}`}\n      data-focused={isPrimary}\n      className={st(classes.card, { primary: isPrimary, clickable })}\n      onClick={clickable ? onActivate : undefined}\n      role={clickable ? 'button' : undefined}\n      tabIndex={clickable ? 0 : undefined}\n      onKeyDown={\n        clickable\n          ? (event: React.KeyboardEvent) => {\n              if (event.key === 'Enter' || event.key === ' ') {\n                event.preventDefault();\n                onActivate();\n              }\n            }\n          : undefined\n      }\n    >\n      <Box direction=\"vertical\" gap=\"SP2\" padding=\"SP2\">\n        <Box\n          align=\"space-between\"\n          verticalAlign=\"middle\"\n          gap=\"SP1\"\n          width=\"100%\"\n        >\n          <Box verticalAlign=\"middle\" gap=\"SP1\" flexGrow={1} minWidth={0}>\n            <Box className={st(classes.stepIcon)}>\n              <SetupStepIcon status={step.status} marginTop=\"0px\" />\n            </Box>\n            {/* Title + \"In progress\" badge stack together so the icon centers\n                against the whole block (matches the Figma in-progress card). */}\n            <Box direction=\"vertical\" gap=\"SP1\">\n              <Text\n                dataHook={`setup-step-title-${step.id}`}\n                size=\"small\"\n                weight={isPrimary ? 'bold' : 'thin'}\n                skin={isDisabled ? 'disabled' : 'standard'}\n                secondary={isCompleted}\n              >\n                {isCompleted ? <del>{step.title}</del> : step.title}\n              </Text>\n              {isInProgress && (\n                <Text\n                  size=\"tiny\"\n                  weight=\"normal\"\n                  className={st(classes.inProgressLabel)}\n                >\n                  {t('cairo.setupWidget.step.inProgress')}\n                </Text>\n              )}\n            </Box>\n          </Box>\n          {isDisabled ? (\n            <Tooltip\n              dataHook={`setup-step-disabled-tooltip-${step.id}`}\n              content={\n                step.disabledTooltip ??\n                // Translation-key id stays `lockedTooltip` until the\n                // Translation Center key is renamed (TC follow-up to T2).\n                t('cairo.setupWidget.step.lockedTooltip')\n              }\n            >\n              {chevron}\n            </Tooltip>\n          ) : (\n            chevron\n          )}\n        </Box>\n\n        {/* Expanded inline step: a divider separates the header from the\n            description and the consumer-supplied content. */}\n        {isInlineExpanded && (\n          <>\n            <Divider />\n            {description}\n            <Box\n              dataHook={`setup-step-content-${step.id}`}\n              direction=\"vertical\"\n            >\n              {/* Stop clicks/keys inside the consumer widget from bubbling to\n                  the card's toggle handler — otherwise interacting with the\n                  content (e.g. an input) would collapse the card. */}\n              <div\n                onClick={(event) => event.stopPropagation()}\n                onKeyDown={(event) => event.stopPropagation()}\n              >\n                {renderStepContent?.(step)}\n              </div>\n            </Box>\n          </>\n        )}\n\n        {/* Non-inline steps render their description (if any) under the row. */}\n        {!isInline && description}\n      </Box>\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_react2","_SetupStepIcon","_SetupWidgetStCss","_jsxFileName","SetupStepCard","step","isPrimary","expanded","onActivate","renderStepContent","translate","t","useWixPatternsContainer","isInProgress","status","isCompleted","isDisabled","isInline","expansionMode","isInlineExpanded","showCompletedCta","completedCtaLabel","isTogglable","isNavigable","clickable","showChevron","ChevronIcon","ChevronUp","ChevronDown","ChevronRight","chevron","default","createElement","Box","dataHook","id","verticalAlign","className","st","classes","chevronDisabled","__self","__source","fileName","lineNumber","columnNumber","width","height","description","Text","size","secondary","card","primary","onClick","undefined","role","tabIndex","onKeyDown","event","key","preventDefault","direction","gap","padding","align","flexGrow","minWidth","stepIcon","SetupStepIcon","marginTop","weight","skin","title","inProgressLabel","Tooltip","content","disabledTooltip","Fragment","Divider","stopPropagation","exports"],"sources":["../../../../src/components/SetupWidget/SetupStepCard.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Text, Divider, Tooltip } from '@wix/design-system';\nimport {\n  ChevronRight,\n  ChevronDown,\n  ChevronUp,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { SetupWidgetStep } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { SetupStepIcon } from './SetupStepIcon';\nimport { st, classes } from './SetupWidget.st.css.js';\n\nexport interface SetupStepCardProps {\n  step: SetupWidgetStep;\n  /** The recommended next step — soft blue surface + bold title. */\n  isPrimary: boolean;\n  /** Inline content is shown below the header. */\n  expanded: boolean;\n  onActivate: () => void;\n  renderStepContent?: (step: SetupWidgetStep) => React.ReactNode;\n}\n\n/**\n * Mobile step card (per Figma \"Support FW on mobile\"). 12px padding, a 24px\n * icon cell and a trailing chevron that replaces the per-step CTA button: a\n * right chevron for navigate / completed (with a completed action) steps, and a\n * down/up chevron for inline-expandable steps. The whole card is the click\n * target. Collapsed cards are a bare title + chevron; an expanded inline card\n * adds a divider, its description, and the consumer content below the header.\n */\nexport const SetupStepCard = ({\n  step,\n  isPrimary,\n  expanded,\n  onActivate,\n  renderStepContent,\n}: SetupStepCardProps) => {\n  const { translate: t } = useWixPatternsContainer();\n\n  const isInProgress = step.status === 'in-progress';\n  const isCompleted = step.status === 'completed';\n  const isDisabled = step.status === 'disabled';\n  const isInline = step.expansionMode === 'inline';\n  const isInlineExpanded = expanded && isInline;\n\n  // Completed steps stay actionable only when they carry a completed action.\n  const showCompletedCta =\n    isCompleted && !!step.completedCtaLabel && !isDisabled;\n  // Inline steps toggle; navigate steps act; completed steps fire their action.\n  const isTogglable = isInline && !isCompleted && !isDisabled;\n  const isNavigable = !isInline && !isCompleted && !isDisabled;\n  const clickable = isTogglable || isNavigable || showCompletedCta;\n\n  // Disabled steps show a muted chevron (with a permission tooltip); completed\n  // steps without an action show none. Everything actionable shows a chevron.\n  const showChevron = clickable || isDisabled;\n\n  const ChevronIcon = isInline\n    ? isInlineExpanded\n      ? ChevronUp\n      : ChevronDown\n    : ChevronRight;\n\n  const chevron = showChevron && (\n    <Box\n      dataHook={`setup-step-cta-${step.id}`}\n      verticalAlign=\"middle\"\n      className={st(isDisabled ? classes.chevronDisabled : classes.chevron)}\n    >\n      <ChevronIcon width=\"18\" height=\"18\" />\n    </Box>\n  );\n\n  // The description only belongs to the expanded inline state. Non-inline steps\n  // keep theirs (if provided) inline below the header.\n  const description = step.description && !isCompleted && (\n    <Text size=\"small\" secondary>\n      {step.description}\n    </Text>\n  );\n\n  return (\n    <div\n      data-hook={`setup-step-${step.id}`}\n      data-focused={isPrimary}\n      className={st(classes.card, { primary: isPrimary, clickable })}\n      onClick={clickable ? onActivate : undefined}\n      role={clickable ? 'button' : undefined}\n      tabIndex={clickable ? 0 : undefined}\n      onKeyDown={\n        clickable\n          ? (event: React.KeyboardEvent) => {\n              if (event.key === 'Enter' || event.key === ' ') {\n                event.preventDefault();\n                onActivate();\n              }\n            }\n          : undefined\n      }\n    >\n      <Box direction=\"vertical\" gap=\"SP2\" padding=\"SP2\">\n        <Box\n          align=\"space-between\"\n          verticalAlign=\"middle\"\n          gap=\"SP1\"\n          width=\"100%\"\n        >\n          <Box verticalAlign=\"middle\" gap=\"SP1\" flexGrow={1} minWidth={0}>\n            <Box className={st(classes.stepIcon)}>\n              <SetupStepIcon status={step.status} marginTop=\"0px\" />\n            </Box>\n            {/* Title + \"In progress\" badge stack together so the icon centers\n                against the whole block (matches the Figma in-progress card). */}\n            <Box direction=\"vertical\" gap=\"SP1\">\n              <Text\n                dataHook={`setup-step-title-${step.id}`}\n                size=\"small\"\n                weight={isPrimary ? 'bold' : 'thin'}\n                skin={isDisabled ? 'disabled' : 'standard'}\n                secondary={isCompleted}\n              >\n                {isCompleted ? <del>{step.title}</del> : step.title}\n              </Text>\n              {isInProgress && (\n                <Text\n                  size=\"tiny\"\n                  weight=\"normal\"\n                  className={st(classes.inProgressLabel)}\n                >\n                  {t('cairo.setupWidget.step.inProgress')}\n                </Text>\n              )}\n            </Box>\n          </Box>\n          {isDisabled ? (\n            <Tooltip\n              dataHook={`setup-step-disabled-tooltip-${step.id}`}\n              content={\n                step.disabledTooltip ??\n                // Translation-key id stays `lockedTooltip` until the\n                // Translation Center key is renamed (TC follow-up to T2).\n                t('cairo.setupWidget.step.lockedTooltip')\n              }\n            >\n              {chevron}\n            </Tooltip>\n          ) : (\n            chevron\n          )}\n        </Box>\n\n        {/* Expanded inline step: a divider separates the header from the\n            description and the consumer-supplied content. */}\n        {isInlineExpanded && (\n          <>\n            <Divider />\n            {description}\n            <Box\n              dataHook={`setup-step-content-${step.id}`}\n              direction=\"vertical\"\n            >\n              {/* Stop clicks/keys inside the consumer widget from bubbling to\n                  the card's toggle handler — otherwise interacting with the\n                  content (e.g. an input) would collapse the card. */}\n              <div\n                onClick={(event) => event.stopPropagation()}\n                onKeyDown={(event) => event.stopPropagation()}\n              >\n                {renderStepContent?.(step)}\n              </div>\n            </Box>\n          </>\n        )}\n\n        {/* Non-inline steps render their description (if any) under the row. */}\n        {!isInline && description}\n      </Box>\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/SetupWidget/SetupStepIcon.js

@@ -26,7 +26,7 @@ const SetupStepIcon = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 24,
+        lineNumber: 27,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_lazy.ConfirmSmall, {
@@ -36,7 +36,7 @@ const SetupStepIcon = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 25,
+        lineNumber: 28,
         columnNumber: 9
       }
     }));
@@ -47,7 +47,7 @@ const SetupStepIcon = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 34,
+      lineNumber: 37,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_lazy.CircleSmallFilledSmall, {
@@ -57,7 +57,7 @@ const SetupStepIcon = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 35,
+      lineNumber: 38,
       columnNumber: 7
     }
   }));

package/dist/cjs/components/SetupWidget/SetupStepIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_jsxFileName","SetupStepIcon","status","marginTop","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","ConfirmSmall","width","height","color","CircleSmallFilledSmall","exports"],"sources":["../../../../src/components/SetupWidget/SetupStepIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@wix/design-system';\nimport { ConfirmSmall, CircleSmallFilledSmall } from '@wix/wix-ui-icons-common/lazy';\nimport { SetupWidgetStepStatus } from '@wix/bex-core';\n\n/**\n * Leading status indicator for a step. Mirrors the existing Setup widget:\n * green check when completed, muted dot when disabled, blue dot otherwise.\n */\nexport const SetupStepIcon = ({\n  status,\n  /**\n   * Top nudge that centers the 18px icon on a single line of text. Defaults to\n   * the desktop value; the mobile card centers the icon via its own wrapper and\n   * passes \"0px\" to drop the nudge.\n   */\n  marginTop = '3px',\n}: {\n  status: SetupWidgetStepStatus;\n  marginTop?: string;\n}) => {\n  if (status === 'completed') {\n    return (\n      <Box marginTop={marginTop}>\n        <ConfirmSmall width=\"18px\" height=\"18px\" color=\"var(--wsr-color-G20)\" />\n      </Box>\n    );\n  }\n\n  const color =\n    status === 'disabled' ? 'var(--wsr-color-D40)' : 'var(--wsr-color-B10)';\n\n  return (\n    <Box marginTop={marginTop}>\n      <CircleSmallFilledSmall width=\"18px\" height=\"18px\" color={color} />\n    </Box>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAAqF,IAAAG,YAAA;AAGrF;AACA;AACA;AACA;AACO,MAAMC,aAAa,GAAGA,CAAC;EAC5BC,MAAM;EACN;AACF;AACA;AACA;AACA;EACEC,SAAS,GAAG;AAId,CAAC,KAAK;EACJ,IAAID,MAAM,KAAK,WAAW,EAAE;IAC1B,oBACEP,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,GAAG;MAACH,SAAS,EAAEA,SAAU;MAAAI,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAT,YAAA;QAAAU,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACxBhB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,KAAA,CAAAa,YAAY;MAACC,KAAK,EAAC,MAAM;MAACC,MAAM,EAAC,MAAM;MAACC,KAAK,EAAC,sBAAsB;MAAAR,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAT,YAAA;QAAAU,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACpE,CAAC;EAEV;EAEA,MAAMI,KAAK,GACTb,MAAM,KAAK,UAAU,GAAG,sBAAsB,GAAG,sBAAsB;EAEzE,oBACEP,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,GAAG;IAACH,SAAS,EAAEA,SAAU;IAAAI,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACxBhB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,KAAA,CAAAiB,sBAAsB;IAACH,KAAK,EAAC,MAAM;IAACC,MAAM,EAAC,MAAM;IAACC,KAAK,EAAEA,KAAM;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC/D,CAAC;AAEV,CAAC;AAACM,OAAA,CAAAhB,aAAA,GAAAA,aAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_jsxFileName","SetupStepIcon","status","marginTop","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","ConfirmSmall","width","height","color","CircleSmallFilledSmall","exports"],"sources":["../../../../src/components/SetupWidget/SetupStepIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@wix/design-system';\nimport {\n  ConfirmSmall,\n  CircleSmallFilledSmall,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { SetupWidgetStepStatus } from '@wix/bex-core';\n\n/**\n * Leading status indicator for a step. Mirrors the existing Setup widget:\n * green check when completed, muted dot when disabled, blue dot otherwise.\n */\nexport const SetupStepIcon = ({\n  status,\n  /**\n   * Top nudge that centers the 18px icon on a single line of text. Defaults to\n   * the desktop value; the mobile card centers the icon via its own wrapper and\n   * passes \"0px\" to drop the nudge.\n   */\n  marginTop = '3px',\n}: {\n  status: SetupWidgetStepStatus;\n  marginTop?: string;\n}) => {\n  if (status === 'completed') {\n    return (\n      <Box marginTop={marginTop}>\n        <ConfirmSmall width=\"18px\" height=\"18px\" color=\"var(--wsr-color-G20)\" />\n      </Box>\n    );\n  }\n\n  const color =\n    status === 'disabled' ? 'var(--wsr-color-D40)' : 'var(--wsr-color-B10)';\n\n  return (\n    <Box marginTop={marginTop}>\n      <CircleSmallFilledSmall width=\"18px\" height=\"18px\" color={color} />\n    </Box>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAGuC,IAAAG,YAAA;AAGvC;AACA;AACA;AACA;AACO,MAAMC,aAAa,GAAGA,CAAC;EAC5BC,MAAM;EACN;AACF;AACA;AACA;AACA;EACEC,SAAS,GAAG;AAId,CAAC,KAAK;EACJ,IAAID,MAAM,KAAK,WAAW,EAAE;IAC1B,oBACEP,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,GAAG;MAACH,SAAS,EAAEA,SAAU;MAAAI,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAT,YAAA;QAAAU,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACxBhB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,KAAA,CAAAa,YAAY;MAACC,KAAK,EAAC,MAAM;MAACC,MAAM,EAAC,MAAM;MAACC,KAAK,EAAC,sBAAsB;MAAAR,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAT,YAAA;QAAAU,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACpE,CAAC;EAEV;EAEA,MAAMI,KAAK,GACTb,MAAM,KAAK,UAAU,GAAG,sBAAsB,GAAG,sBAAsB;EAEzE,oBACEP,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,GAAG;IAACH,SAAS,EAAEA,SAAU;IAAAI,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACxBhB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,KAAA,CAAAiB,sBAAsB;IAACH,KAAK,EAAC,MAAM;IAACC,MAAM,EAAC,MAAM;IAACC,KAAK,EAAEA,KAAM;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC/D,CAAC;AAEV,CAAC;AAACM,OAAA,CAAAhB,aAAA,GAAAA,aAAA","ignoreList":[]}

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

@@ -5,21 +5,21 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "SetupWidget2654981828";
+var _namespace_ = "SetupWidget122544272";
 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": "SetupWidget2654981828__root",
-  "row": "SetupWidget2654981828__row",
-  "completedCta": "SetupWidget2654981828__completedCta",
-  "card": "SetupWidget2654981828__card",
-  "stepIcon": "SetupWidget2654981828__stepIcon",
-  "chevron": "SetupWidget2654981828__chevron",
-  "chevronDisabled": "SetupWidget2654981828__chevronDisabled",
-  "inProgressLabel": "SetupWidget2654981828__inProgressLabel"
+  "root": "SetupWidget122544272__root",
+  "row": "SetupWidget122544272__row",
+  "completedCta": "SetupWidget122544272__completedCta",
+  "card": "SetupWidget122544272__card",
+  "stepIcon": "SetupWidget122544272__stepIcon",
+  "chevron": "SetupWidget122544272__chevron",
+  "chevronDisabled": "SetupWidget122544272__chevronDisabled",
+  "inProgressLabel": "SetupWidget122544272__inProgressLabel"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SetupWidget/SetupWidget.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/SetupWidget/SetupWidget.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SetupWidget2654981828\";\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\":\"SetupWidget2654981828__root\",\"row\":\"SetupWidget2654981828__row\",\"completedCta\":\"SetupWidget2654981828__completedCta\",\"card\":\"SetupWidget2654981828__card\",\"stepIcon\":\"SetupWidget2654981828__stepIcon\",\"chevron\":\"SetupWidget2654981828__chevron\",\"chevronDisabled\":\"SetupWidget2654981828__chevronDisabled\",\"inProgressLabel\":\"SetupWidget2654981828__inProgressLabel\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-border-dark-secondary\":\"--wds-color-border-dark-secondary\",\"wds-color-border-standard-primary\":\"--wds-color-border-standard-primary\",\"wds-color-border-standard-secondary\":\"--wds-color-border-standard-secondary\",\"wds-color-fill-standard-tertiary\":\"--wds-color-fill-standard-tertiary\",\"wds-color-fill-standard-tertiary-hover\":\"--wds-color-fill-standard-tertiary-hover\",\"wsr-color-D60\":\"--wsr-color-D60\",\"wsr-color-D80\":\"--wsr-color-D80\",\"wsr-color-B30\":\"--wsr-color-B30\",\"wsr-color-B40\":\"--wsr-color-B40\",\"wsr-color-B60\":\"--wsr-color-B60\",\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-color-text-disabled\":\"--wds-color-text-disabled\",\"wds-color-text-urgent\":\"--wds-color-text-urgent\",\"wsr-color-D10\":\"--wsr-color-D10\",\"wsr-color-D10-30\":\"--wsr-color-D10-30\",\"wsr-color-O10\":\"--wsr-color-O10\",\"wds-space-100\":\"--wds-space-100\",\"wds-border-radius-200\":\"--wds-border-radius-200\",\"wds-border-radius-400\":\"--wds-border-radius-400\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,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,6BAA6B;EAAC,KAAK,EAAC,4BAA4B;EAAC,cAAc,EAAC,qCAAqC;EAAC,MAAM,EAAC,6BAA6B;EAAC,UAAU,EAAC,iCAAiC;EAAC,SAAS,EAAC,gCAAgC;EAAC,iBAAiB,EAAC,wCAAwC;EAAC,iBAAiB,EAAC;AAAwC,CAAC;AAC/X,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,iCAAiC,EAAC,mCAAmC;EAAC,mCAAmC,EAAC,qCAAqC;EAAC,qCAAqC,EAAC,uCAAuC;EAAC,kCAAkC,EAAC,oCAAoC;EAAC,wCAAwC,EAAC,0CAA0C;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,yBAAyB,EAAC,2BAA2B;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,eAAe,EAAC,iBAAiB;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,uBAAuB,EAAC,yBAAyB;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/SetupWidget/SetupWidget.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SetupWidget122544272\";\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\":\"SetupWidget122544272__root\",\"row\":\"SetupWidget122544272__row\",\"completedCta\":\"SetupWidget122544272__completedCta\",\"card\":\"SetupWidget122544272__card\",\"stepIcon\":\"SetupWidget122544272__stepIcon\",\"chevron\":\"SetupWidget122544272__chevron\",\"chevronDisabled\":\"SetupWidget122544272__chevronDisabled\",\"inProgressLabel\":\"SetupWidget122544272__inProgressLabel\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-border-dark-secondary\":\"--wds-color-border-dark-secondary\",\"wds-color-border-standard-primary\":\"--wds-color-border-standard-primary\",\"wds-color-border-standard-secondary\":\"--wds-color-border-standard-secondary\",\"wds-color-fill-standard-tertiary\":\"--wds-color-fill-standard-tertiary\",\"wds-color-fill-standard-tertiary-hover\":\"--wds-color-fill-standard-tertiary-hover\",\"wsr-color-D60\":\"--wsr-color-D60\",\"wsr-color-D80\":\"--wsr-color-D80\",\"wsr-color-B30\":\"--wsr-color-B30\",\"wsr-color-B40\":\"--wsr-color-B40\",\"wsr-color-B60\":\"--wsr-color-B60\",\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-color-text-disabled\":\"--wds-color-text-disabled\",\"wds-color-text-urgent\":\"--wds-color-text-urgent\",\"wsr-color-D10\":\"--wsr-color-D10\",\"wsr-color-D10-30\":\"--wsr-color-D10-30\",\"wsr-color-O10\":\"--wsr-color-O10\",\"wds-space-100\":\"--wds-space-100\",\"wds-border-radius-200\":\"--wds-border-radius-200\",\"wds-border-radius-400\":\"--wds-border-radius-400\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,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,4BAA4B;EAAC,KAAK,EAAC,2BAA2B;EAAC,cAAc,EAAC,oCAAoC;EAAC,MAAM,EAAC,4BAA4B;EAAC,UAAU,EAAC,gCAAgC;EAAC,SAAS,EAAC,+BAA+B;EAAC,iBAAiB,EAAC,uCAAuC;EAAC,iBAAiB,EAAC;AAAuC,CAAC;AACvX,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,iCAAiC,EAAC,mCAAmC;EAAC,mCAAmC,EAAC,qCAAqC;EAAC,qCAAqC,EAAC,uCAAuC;EAAC,kCAAkC,EAAC,oCAAoC;EAAC,wCAAwC,EAAC,0CAA0C;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,yBAAyB,EAAC,2BAA2B;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,eAAe,EAAC,iBAAiB;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,uBAAuB,EAAC;AAAyB,CAAC","ignoreList":[]}

package/dist/cjs/components/SkeletonCard/SkeletonCard.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_ = "SkeletonCard1840186893";
+var _namespace_ = "SkeletonCard2938728785";
 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": "SkeletonCard1840186893__root",
-  "headerLoading": "SkeletonCard1840186893__headerLoading"
+  "root": "SkeletonCard2938728785__root",
+  "headerLoading": "SkeletonCard2938728785__headerLoading"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SkeletonCard/SkeletonCard.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/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SkeletonCard1840186893\";\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\":\"SkeletonCard1840186893__root\",\"headerLoading\":\"SkeletonCard1840186893__headerLoading\"};\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,wBAAwB;AAC1C,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,8BAA8B;EAAC,eAAe,EAAC;AAAuC,CAAC;AAC7G,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/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SkeletonCard2938728785\";\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\":\"SkeletonCard2938728785__root\",\"headerLoading\":\"SkeletonCard2938728785__headerLoading\"};\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,wBAAwB;AAC1C,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,8BAA8B;EAAC,eAAe,EAAC;AAAuC,CAAC;AAC7G,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/SlidingModal/SlidingModal.js

@@ -5,6 +5,7 @@ exports.SlidingModal = SlidingModal;
 var _react = _interopRequireWildcard(require("react"));
 var _SlidingModalStCss = require("./SlidingModal.st.css.js");
 var _scopeTab = require("./scopeTab");
+var _version = require("../../version");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/SlidingModal/SlidingModal.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 SlidingModal(props) {
@@ -83,6 +84,7 @@ function SlidingModal(props) {
       contentRef == null || contentRef(el);
     },
     "data-hook": dataHook,
+    "data-wix-patterns": _version.version,
     "data-transition-status": transitionStatus,
     className: (0, _SlidingModalStCss.st)(_SlidingModalStCss.classes.root, {
       exited: transitionStatus === 'exited',
@@ -95,7 +97,7 @@ function SlidingModal(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 109,
+      lineNumber: 110,
       columnNumber: 5
     }
   }, children);

package/dist/cjs/components/SlidingModal/SlidingModal.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_SlidingModalStCss","_scopeTab","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SlidingModal","props","dataHook","className","style","styleProp","shadowWidth","width","isOpen","children","contentRef","onExited","onEntered","onEntering","onExiting","onRequestClose","transitionStatus","appendTo","overlay","useMemo","transform","isOpenRef","useRef","divRef","useEffect","process","env","NODE_ENV","current","rootElement","onTransitionEnd","propertyName","onTransitionStart","addEventListener","removeEventListener","createElement","tabIndex","onKeyDown","nativeEvent","code","scopeTab","ref","el","st","classes","root","exited","undefined","role","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/SlidingModal/SlidingModal.tsx"],"sourcesContent":["import React, {\n  HTMLAttributes,\n  ReactNode,\n  RefCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport { st, classes } from './SlidingModal.st.css.js';\nimport { scopeTab } from './scopeTab';\n\nexport interface SlidingModalProps {\n  dataHook?: string;\n  width: string | number;\n  isOpen?: boolean;\n  style?: HTMLAttributes<HTMLElement>['style'];\n  className?: HTMLAttributes<HTMLElement>['className'];\n  children?: ReactNode;\n  contentRef?: RefCallback<HTMLDivElement>;\n  onExited?: () => void;\n  onEntered?: () => void;\n  onEntering?: () => void;\n  onExiting?: () => void;\n  transitionStatus?: string;\n  onRequestClose?: () => void;\n  shadowWidth?: number;\n  appendTo?: 'parent';\n  overlay?: boolean;\n}\n\nexport function SlidingModal(props: SlidingModalProps) {\n  const {\n    dataHook,\n    className,\n    style: styleProp,\n    shadowWidth = 20,\n    width,\n    isOpen,\n    children,\n    contentRef,\n    onExited,\n    onEntered,\n    onEntering,\n    onExiting,\n    onRequestClose,\n    transitionStatus,\n    appendTo,\n    overlay,\n  } = props;\n\n  const style = useMemo(\n    () => ({\n      ...styleProp,\n      transform: `translate3d(${\n        isOpen\n          ? 0\n          : typeof width === 'number'\n          ? `${width + shadowWidth}px`\n          : `${width}px`\n      }, 0, 0)`,\n    }),\n    [styleProp, width, isOpen],\n  );\n\n  const isOpenRef = useRef(isOpen);\n  const divRef = useRef<HTMLDivElement>();\n\n  useEffect(() => {\n    if (process.env.NODE_ENV === 'test' && isOpen) {\n      onEntered?.();\n    } else {\n      if (process.env.NODE_ENV === 'test' && isOpenRef.current) {\n        onExited?.();\n      }\n    }\n\n    isOpenRef.current = isOpen;\n  }, [isOpen]);\n\n  useEffect(() => {\n    const rootElement = divRef.current;\n\n    if (!rootElement) {\n      return;\n    }\n\n    const onTransitionEnd = (e: TransitionEvent) => {\n      if (e.propertyName === 'transform') {\n        isOpenRef.current ? onEntered?.() : onExited?.();\n      }\n    };\n\n    const onTransitionStart = (e: TransitionEvent) => {\n      if (e.propertyName === 'transform') {\n        isOpenRef.current ? onEntering?.() : onExiting?.();\n      }\n    };\n\n    rootElement.addEventListener('transitionend', onTransitionEnd);\n    rootElement.addEventListener('transitionstart', onTransitionStart);\n\n    return () => {\n      rootElement.removeEventListener('transitionend', onTransitionEnd);\n      rootElement.removeEventListener('transitionstart', onTransitionStart);\n    };\n  }, []);\n\n  return (\n    <div\n      tabIndex={-1}\n      onKeyDown={(e) => {\n        if (e.nativeEvent.code === 'Escape') {\n          onRequestClose?.();\n          return;\n        }\n        if (divRef.current && e.nativeEvent.code === 'Tab') {\n          scopeTab(divRef.current, e);\n          return;\n        }\n      }}\n      ref={(el) => {\n        if (el) {\n          divRef.current = el;\n        }\n\n        contentRef?.(el);\n      }}\n      data-hook={dataHook}\n      data-transition-status={transitionStatus}\n      className={st(\n        classes.root,\n        {\n          exited: transitionStatus === 'exited',\n          overlay,\n          appendTo,\n        },\n        ...[className, isOpen ? 'cairo-sliding-modal-is-open' : undefined],\n      )}\n      role=\"presentation\"\n      style={style}\n      aria-modal={undefined}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_SlidingModalStCss","_scopeTab","_version","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SlidingModal","props","dataHook","className","style","styleProp","shadowWidth","width","isOpen","children","contentRef","onExited","onEntered","onEntering","onExiting","onRequestClose","transitionStatus","appendTo","overlay","useMemo","transform","isOpenRef","useRef","divRef","useEffect","process","env","NODE_ENV","current","rootElement","onTransitionEnd","propertyName","onTransitionStart","addEventListener","removeEventListener","createElement","tabIndex","onKeyDown","nativeEvent","code","scopeTab","ref","el","cairoVersion","st","classes","root","exited","undefined","role","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/SlidingModal/SlidingModal.tsx"],"sourcesContent":["import React, {\n  HTMLAttributes,\n  ReactNode,\n  RefCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport { st, classes } from './SlidingModal.st.css.js';\nimport { scopeTab } from './scopeTab';\nimport { version as cairoVersion } from '../../version';\n\nexport interface SlidingModalProps {\n  dataHook?: string;\n  width: string | number;\n  isOpen?: boolean;\n  style?: HTMLAttributes<HTMLElement>['style'];\n  className?: HTMLAttributes<HTMLElement>['className'];\n  children?: ReactNode;\n  contentRef?: RefCallback<HTMLDivElement>;\n  onExited?: () => void;\n  onEntered?: () => void;\n  onEntering?: () => void;\n  onExiting?: () => void;\n  transitionStatus?: string;\n  onRequestClose?: () => void;\n  shadowWidth?: number;\n  appendTo?: 'parent';\n  overlay?: boolean;\n}\n\nexport function SlidingModal(props: SlidingModalProps) {\n  const {\n    dataHook,\n    className,\n    style: styleProp,\n    shadowWidth = 20,\n    width,\n    isOpen,\n    children,\n    contentRef,\n    onExited,\n    onEntered,\n    onEntering,\n    onExiting,\n    onRequestClose,\n    transitionStatus,\n    appendTo,\n    overlay,\n  } = props;\n\n  const style = useMemo(\n    () => ({\n      ...styleProp,\n      transform: `translate3d(${\n        isOpen\n          ? 0\n          : typeof width === 'number'\n          ? `${width + shadowWidth}px`\n          : `${width}px`\n      }, 0, 0)`,\n    }),\n    [styleProp, width, isOpen],\n  );\n\n  const isOpenRef = useRef(isOpen);\n  const divRef = useRef<HTMLDivElement>();\n\n  useEffect(() => {\n    if (process.env.NODE_ENV === 'test' && isOpen) {\n      onEntered?.();\n    } else {\n      if (process.env.NODE_ENV === 'test' && isOpenRef.current) {\n        onExited?.();\n      }\n    }\n\n    isOpenRef.current = isOpen;\n  }, [isOpen]);\n\n  useEffect(() => {\n    const rootElement = divRef.current;\n\n    if (!rootElement) {\n      return;\n    }\n\n    const onTransitionEnd = (e: TransitionEvent) => {\n      if (e.propertyName === 'transform') {\n        isOpenRef.current ? onEntered?.() : onExited?.();\n      }\n    };\n\n    const onTransitionStart = (e: TransitionEvent) => {\n      if (e.propertyName === 'transform') {\n        isOpenRef.current ? onEntering?.() : onExiting?.();\n      }\n    };\n\n    rootElement.addEventListener('transitionend', onTransitionEnd);\n    rootElement.addEventListener('transitionstart', onTransitionStart);\n\n    return () => {\n      rootElement.removeEventListener('transitionend', onTransitionEnd);\n      rootElement.removeEventListener('transitionstart', onTransitionStart);\n    };\n  }, []);\n\n  return (\n    <div\n      tabIndex={-1}\n      onKeyDown={(e) => {\n        if (e.nativeEvent.code === 'Escape') {\n          onRequestClose?.();\n          return;\n        }\n        if (divRef.current && e.nativeEvent.code === 'Tab') {\n          scopeTab(divRef.current, e);\n          return;\n        }\n      }}\n      ref={(el) => {\n        if (el) {\n          divRef.current = el;\n        }\n\n        contentRef?.(el);\n      }}\n      data-hook={dataHook}\n      data-wix-patterns={cairoVersion}\n      data-transition-status={transitionStatus}\n      className={st(\n        classes.root,\n        {\n          exited: transitionStatus === 'exited',\n          overlay,\n          appendTo,\n        },\n        ...[className, isOpen ? 'cairo-sliding-modal-is-open' : undefined],\n      )}\n      role=\"presentation\"\n      style={style}\n      aria-modal={undefined}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/SlidingModal/SlidingModal.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_ = "SlidingModal3053485234";
+var _namespace_ = "SlidingModal2563845956";
 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": "SlidingModal3053485234__root"
+  "root": "SlidingModal2563845956__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SlidingModal/SlidingModal.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/SlidingModal/SlidingModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SlidingModal3053485234\";\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\":\"SlidingModal3053485234__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,wBAAwB;AAC1C,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;AAA8B,CAAC;AACrD,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/SlidingModal/SlidingModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SlidingModal2563845956\";\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\":\"SlidingModal2563845956__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,wBAAwB;AAC1C,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;AAA8B,CAAC;AACrD,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/Table/AddFieldColumnHeader.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "AddFieldColumnHeader2380146996";
+var _namespace_ = "AddFieldColumnHeader1409429537";
 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": "AddFieldColumnHeader2380146996__root",
-  "title": "AddFieldColumnHeader2380146996__title",
-  "hoverBridge": "AddFieldColumnHeader2380146996__hoverBridge"
+  "root": "AddFieldColumnHeader1409429537__root",
+  "title": "AddFieldColumnHeader1409429537__title",
+  "hoverBridge": "AddFieldColumnHeader1409429537__hoverBridge"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Table/AddFieldColumnHeader.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/Table/AddFieldColumnHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AddFieldColumnHeader2380146996\";\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\":\"AddFieldColumnHeader2380146996__root\",\"title\":\"AddFieldColumnHeader2380146996__title\",\"hoverBridge\":\"AddFieldColumnHeader2380146996__hoverBridge\"};\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,gCAAgC;AAClD,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,sCAAsC;EAAC,OAAO,EAAC,uCAAuC;EAAC,aAAa,EAAC;AAA6C,CAAC;AACzK,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/Table/AddFieldColumnHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AddFieldColumnHeader1409429537\";\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\":\"AddFieldColumnHeader1409429537__root\",\"title\":\"AddFieldColumnHeader1409429537__title\",\"hoverBridge\":\"AddFieldColumnHeader1409429537__hoverBridge\"};\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,gCAAgC;AAClD,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,sCAAsC;EAAC,OAAO,EAAC,uCAAuC;EAAC,aAAa,EAAC;AAA6C,CAAC;AACzK,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/TabsFilter/TabsDefault.js

@@ -15,6 +15,7 @@ function _TabsDefault(props) {
     selectedId,
     items,
     type,
+    size,
     onChange,
     all
   } = props;
@@ -45,12 +46,13 @@ function _TabsDefault(props) {
       filter.refresh(values);
     },
     type: type,
+    size: size,
     items: items,
     hasDivider: false,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 28,
+      lineNumber: 29,
       columnNumber: 5
     }
   });

package/dist/cjs/components/TabsFilter/TabsDefault.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_types","_jsxFileName","_TabsDefault","props","state","filter","selectedId","items","type","onChange","all","itemKey","responsive","default","createElement","Tabs","minWidth","panelMinWidth","dataHook","activeId","onClick","tab","id","isEmpty","ALL_TAB_ITEM_ID","value","prevTab","find","item","values","_reportTabSelectedBiOnNextResult","nextTab","hasAllTab","refresh","hasDivider","__self","__source","fileName","lineNumber","columnNumber","TabsDefault","exports","observer"],"sources":["../../../../src/components/TabsFilter/TabsDefault.tsx"],"sourcesContent":["import React from 'react';\nimport { Tabs } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { Filter, FiltersMap } from '@wix/bex-core';\nimport { ALL_TAB_ITEM_ID, TabsFilterItem, TabsFilterItemBase } from './types';\nimport { TabsFilterState } from './TabsFilterState';\n\nexport interface TabsDefaultProps<V, T, F extends FiltersMap> {\n  items: TabsFilterItemBase[];\n  data: V[];\n  filter: Filter<V[]>;\n  selectedId: string;\n  state: TabsFilterState<T, F>;\n  type?: 'uniformFull';\n  onChange?: (value: V | null | undefined) => unknown;\n  all?: string | null | false;\n}\n\nfunction _TabsDefault<V, T, F extends FiltersMap>(\n  props: TabsDefaultProps<V, T, F>,\n) {\n  const { state, filter, selectedId, items, type, onChange, all } = props;\n  const { itemKey } = filter;\n\n  const { responsive } = state;\n\n  return (\n    <Tabs\n      minWidth={responsive.panelMinWidth}\n      dataHook=\"tabs-default\"\n      activeId={selectedId}\n      onClick={(tab) => {\n        const { id } = tab as TabsFilterItemBase;\n        const activeId = filter.isEmpty\n          ? ALL_TAB_ITEM_ID\n          : itemKey(filter.value[0]);\n        const prevTab = items.find((item) => item.id === activeId);\n\n        const values =\n          id === ALL_TAB_ITEM_ID ? [] : [(tab as TabsFilterItem<V>).value];\n\n        state._reportTabSelectedBiOnNextResult({\n          prevTab,\n          nextTab: tab as TabsFilterItemBase,\n          items,\n          hasAllTab: all != null,\n        });\n        onChange?.(values[0]);\n        filter.refresh(values);\n      }}\n      type={type}\n      items={items}\n      hasDivider={false}\n    />\n  );\n}\n\nexport const TabsDefault = observer(_TabsDefault);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AAA8E,IAAAI,YAAA;AAc9E,SAASC,YAAYA,CACnBC,KAAgC,EAChC;EACA,MAAM;IAAEC,KAAK;IAAEC,MAAM;IAAEC,UAAU;IAAEC,KAAK;IAAEC,IAAI;IAAEC,QAAQ;IAAEC;EAAI,CAAC,GAAGP,KAAK;EACvE,MAAM;IAAEQ;EAAQ,CAAC,GAAGN,MAAM;EAE1B,MAAM;IAAEO;EAAW,CAAC,GAAGR,KAAK;EAE5B,oBACET,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAAiB,IAAI;IACHC,QAAQ,EAAEJ,UAAU,CAACK,aAAc;IACnCC,QAAQ,EAAC,cAAc;IACvBC,QAAQ,EAAEb,UAAW;IACrBc,OAAO,EAAGC,GAAG,IAAK;MAChB,MAAM;QAAEC;MAAG,CAAC,GAAGD,GAAyB;MACxC,MAAMF,QAAQ,GAAGd,MAAM,CAACkB,OAAO,GAC3BC,sBAAe,GACfb,OAAO,CAACN,MAAM,CAACoB,KAAK,CAAC,CAAC,CAAC,CAAC;MAC5B,MAAMC,OAAO,GAAGnB,KAAK,CAACoB,IAAI,CAAEC,IAAI,IAAKA,IAAI,CAACN,EAAE,KAAKH,QAAQ,CAAC;MAE1D,MAAMU,MAAM,GACVP,EAAE,KAAKE,sBAAe,GAAG,EAAE,GAAG,CAAEH,GAAG,CAAuBI,KAAK,CAAC;MAElErB,KAAK,CAAC0B,gCAAgC,CAAC;QACrCJ,OAAO;QACPK,OAAO,EAAEV,GAAyB;QAClCd,KAAK;QACLyB,SAAS,EAAEtB,GAAG,IAAI;MACpB,CAAC,CAAC;MACFD,QAAQ,YAARA,QAAQ,CAAGoB,MAAM,CAAC,CAAC,CAAC,CAAC;MACrBxB,MAAM,CAAC4B,OAAO,CAACJ,MAAM,CAAC;IACxB,CAAE;IACFrB,IAAI,EAAEA,IAAK;IACXD,KAAK,EAAEA,KAAM;IACb2B,UAAU,EAAE,KAAM;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACnB,CAAC;AAEN;AAEO,MAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,uBAAQ,EAACxC,YAAY,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_types","_jsxFileName","_TabsDefault","props","state","filter","selectedId","items","type","size","onChange","all","itemKey","responsive","default","createElement","Tabs","minWidth","panelMinWidth","dataHook","activeId","onClick","tab","id","isEmpty","ALL_TAB_ITEM_ID","value","prevTab","find","item","values","_reportTabSelectedBiOnNextResult","nextTab","hasAllTab","refresh","hasDivider","__self","__source","fileName","lineNumber","columnNumber","TabsDefault","exports","observer"],"sources":["../../../../src/components/TabsFilter/TabsDefault.tsx"],"sourcesContent":["import React from 'react';\nimport { Tabs, TabsProps } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { Filter, FiltersMap } from '@wix/bex-core';\nimport { ALL_TAB_ITEM_ID, TabsFilterItemBase, TabsFilterItem } from './types';\nimport { TabsFilterState } from './TabsFilterState';\n\nexport interface TabsDefaultProps<V, T, F extends FiltersMap> {\n  items: TabsFilterItemBase[];\n  data: V[];\n  filter: Filter<V[]>;\n  selectedId: string;\n  state: TabsFilterState<T, F>;\n  type?: 'uniformFull';\n  size?: TabsProps['size'];\n  onChange?: (value: V | null | undefined) => unknown;\n  all?: string | null | false;\n}\n\nfunction _TabsDefault<V, T, F extends FiltersMap>(\n  props: TabsDefaultProps<V, T, F>,\n) {\n  const { state, filter, selectedId, items, type, size, onChange, all } = props;\n  const { itemKey } = filter;\n\n  const { responsive } = state;\n\n  return (\n    <Tabs\n      minWidth={responsive.panelMinWidth}\n      dataHook=\"tabs-default\"\n      activeId={selectedId}\n      onClick={(tab) => {\n        const { id } = tab as TabsFilterItemBase;\n        const activeId = filter.isEmpty\n          ? ALL_TAB_ITEM_ID\n          : itemKey(filter.value[0]);\n        const prevTab = items.find((item) => item.id === activeId);\n\n        const values =\n          id === ALL_TAB_ITEM_ID ? [] : [(tab as TabsFilterItem<V>).value];\n\n        state._reportTabSelectedBiOnNextResult({\n          prevTab,\n          nextTab: tab as TabsFilterItemBase,\n          items,\n          hasAllTab: all != null,\n        });\n        onChange?.(values[0]);\n        filter.refresh(values);\n      }}\n      type={type}\n      size={size}\n      items={items}\n      hasDivider={false}\n    />\n  );\n}\n\nexport const TabsDefault = observer(_TabsDefault);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AAA8E,IAAAI,YAAA;AAe9E,SAASC,YAAYA,CACnBC,KAAgC,EAChC;EACA,MAAM;IAAEC,KAAK;IAAEC,MAAM;IAAEC,UAAU;IAAEC,KAAK;IAAEC,IAAI;IAAEC,IAAI;IAAEC,QAAQ;IAAEC;EAAI,CAAC,GAAGR,KAAK;EAC7E,MAAM;IAAES;EAAQ,CAAC,GAAGP,MAAM;EAE1B,MAAM;IAAEQ;EAAW,CAAC,GAAGT,KAAK;EAE5B,oBACET,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAkB,IAAI;IACHC,QAAQ,EAAEJ,UAAU,CAACK,aAAc;IACnCC,QAAQ,EAAC,cAAc;IACvBC,QAAQ,EAAEd,UAAW;IACrBe,OAAO,EAAGC,GAAG,IAAK;MAChB,MAAM;QAAEC;MAAG,CAAC,GAAGD,GAAyB;MACxC,MAAMF,QAAQ,GAAGf,MAAM,CAACmB,OAAO,GAC3BC,sBAAe,GACfb,OAAO,CAACP,MAAM,CAACqB,KAAK,CAAC,CAAC,CAAC,CAAC;MAC5B,MAAMC,OAAO,GAAGpB,KAAK,CAACqB,IAAI,CAAEC,IAAI,IAAKA,IAAI,CAACN,EAAE,KAAKH,QAAQ,CAAC;MAE1D,MAAMU,MAAM,GACVP,EAAE,KAAKE,sBAAe,GAAG,EAAE,GAAG,CAAEH,GAAG,CAAuBI,KAAK,CAAC;MAElEtB,KAAK,CAAC2B,gCAAgC,CAAC;QACrCJ,OAAO;QACPK,OAAO,EAAEV,GAAyB;QAClCf,KAAK;QACL0B,SAAS,EAAEtB,GAAG,IAAI;MACpB,CAAC,CAAC;MACFD,QAAQ,YAARA,QAAQ,CAAGoB,MAAM,CAAC,CAAC,CAAC,CAAC;MACrBzB,MAAM,CAAC6B,OAAO,CAACJ,MAAM,CAAC;IACxB,CAAE;IACFtB,IAAI,EAAEA,IAAK;IACXC,IAAI,EAAEA,IAAK;IACXF,KAAK,EAAEA,KAAM;IACb4B,UAAU,EAAE,KAAM;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACnB,CAAC;AAEN;AAEO,MAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,uBAAQ,EAACzC,YAAY,CAAC","ignoreList":[]}