@wix/patterns 1.490.0 → 1.493.0

package/dist/esm/components/ImportButton/SchemaImportFieldEditor.js

@@ -0,0 +1,65 @@
+import React, { useEffect, useState } from 'react';
+import { observer } from 'mobx-react-lite';
+import { reaction } from 'mobx';
+import { CustomFieldModalState, isReferenceFieldType, toNewFieldDraft, } from '@wix/bex-core';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { CustomFieldModal } from '../CustomFieldModal';
+// The import has no step to pick a referenced collection, so types that need
+// one are left out. Everything else is read live from the source.
+const withoutCollectionTypes = (fieldManagement) => Object.create(fieldManagement, {
+    fieldModal: {
+        get: () => ({
+            ...fieldManagement.fieldModal,
+            types: fieldManagement.fieldModal.types.filter((type) => !type.collectionInput && !isReferenceFieldType(type.patternsType)),
+        }),
+    },
+});
+/**
+ * The create/edit-field modal for an import into a source with
+ * `fieldManagement`. It is the same `CustomFieldModal` as "Add field", in
+ * `onSubmit` mode: on confirm the draft is stored on the column, and the field
+ * is created when the import runs.
+ */
+const _SchemaImportFieldEditor = ({ state }) => {
+    const container = useWixPatternsContainer();
+    const fieldManagement = state.fieldManagement;
+    const [editorState] = useState(() => fieldManagement
+        ? new CustomFieldModalState({
+            fieldManagement: withoutCollectionTypes(fieldManagement),
+            container,
+            reportBi: container.reportBi,
+            fieldCount: () => state.fields.length,
+            onSubmit: state.applySchemaFieldEdit,
+        })
+        : undefined);
+    useEffect(() => {
+        if (!editorState || !fieldManagement) {
+            return undefined;
+        }
+        const disposeOpen = reaction(() => state.editingMapping, (mapping) => {
+            const header = state.editingHeader;
+            if (mapping && header && !editorState.modalState.isOpen) {
+                const name = mapping.displayName ?? header;
+                editorState.reset();
+                editorState.mode = 'new';
+                editorState.setFormValues(toNewFieldDraft(mapping, editorState.generateUniqueKey(name), name, fieldManagement));
+                editorState.modalState.modal.open();
+            }
+        }, { fireImmediately: true });
+        const disposeClose = reaction(() => editorState.modalState.isOpen, (isOpen) => {
+            if (!isOpen && state.editingHeader != null) {
+                state.endFieldEdit();
+            }
+        });
+        return () => {
+            disposeOpen();
+            disposeClose();
+        };
+    }, []);
+    if (!editorState) {
+        return null;
+    }
+    return React.createElement(CustomFieldModal, { state: editorState });
+};
+export const SchemaImportFieldEditor = observer(_SchemaImportFieldEditor);
+//# sourceMappingURL=SchemaImportFieldEditor.js.map

package/dist/esm/components/ImportButton/SchemaImportFieldEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaImportFieldEditor.js","sourceRoot":"","sources":["../../../../src/components/ImportButton/SchemaImportFieldEditor.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/InputOverflow/InputOverflow.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "InputOverflow2191070141";
+var _namespace_ = "InputOverflow4133309353";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "InputOverflow2191070141__root" };
+export var classes = { "root": "InputOverflow4133309353__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/LoadingRow/LoadingRow.st.css.js

@@ -1,13 +1,13 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "LoadingRow373515950";
+var _namespace_ = "LoadingRow488654297";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "LoadingRow373515950__root" };
-export var keyframes = { "gradientSwoosh": "LoadingRow373515950__gradientSwoosh" };
+export var classes = { "root": "LoadingRow488654297__root" };
+export var keyframes = { "gradientSwoosh": "LoadingRow488654297__gradientSwoosh" };
 export var layers = {};
 export var containers = {};
 export var stVars = {};

package/dist/esm/components/MaxHeightText/MaxHeightText.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MaxHeightText1746708834";
+var _namespace_ = "MaxHeightText4092199991";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "MaxHeightText1746708834__root" };
+export var classes = { "root": "MaxHeightText4092199991__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/MaxLines/MaxLines.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MaxLines4130075497";
+var _namespace_ = "MaxLines905384402";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "MaxLines4130075497__root" };
+export var classes = { "root": "MaxLines905384402__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/MaxLines/MaxLines.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaxLines.st.css.js","sourceRoot":"","sources":["../../../../src/components/MaxLines/MaxLines.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,oBAAoB,CAAC;AACvC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,0BAA0B,EAAC,CAAC;AACzD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"MaxLines.st.css.js","sourceRoot":"","sources":["../../../../src/components/MaxLines/MaxLines.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,mBAAmB,CAAC;AACtC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,yBAAyB,EAAC,CAAC;AACxD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MultiBulkActionToolbar1296620202";
+var _namespace_ = "MultiBulkActionToolbar177080439";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "MultiBulkActionToolbar1296620202__root", "leftGroupWrapper": "MultiBulkActionToolbar1296620202__leftGroupWrapper", "selectedCountItem": "MultiBulkActionToolbar1296620202__selectedCountItem", "selectedCountText": "MultiBulkActionToolbar1296620202__selectedCountText" };
+export var classes = { "root": "MultiBulkActionToolbar177080439__root", "leftGroupWrapper": "MultiBulkActionToolbar177080439__leftGroupWrapper", "selectedCountItem": "MultiBulkActionToolbar177080439__selectedCountItem", "selectedCountText": "MultiBulkActionToolbar177080439__selectedCountText" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiBulkActionToolbar.st.css.js","sourceRoot":"","sources":["../../../../src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,kCAAkC,CAAC;AACrD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,wCAAwC,EAAC,kBAAkB,EAAC,oDAAoD,EAAC,mBAAmB,EAAC,qDAAqD,EAAC,mBAAmB,EAAC,qDAAqD,EAAC,CAAC;AACnS,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"MultiBulkActionToolbar.st.css.js","sourceRoot":"","sources":["../../../../src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,iCAAiC,CAAC;AACpD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,uCAAuC,EAAC,kBAAkB,EAAC,mDAAmD,EAAC,mBAAmB,EAAC,oDAAoD,EAAC,mBAAmB,EAAC,oDAAoD,EAAC,CAAC;AAC/R,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "NestedTablePlaceholderStatesRow2167059059";
+var _namespace_ = "NestedTablePlaceholderStatesRow896444906";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "NestedTablePlaceholderStatesRow2167059059__root" };
+export var classes = { "root": "NestedTablePlaceholderStatesRow896444906__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"NestedTablePlaceholderStatesRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,2CAA2C,CAAC;AAC9D,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,iDAAiD,EAAC,CAAC;AAChF,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"NestedTablePlaceholderStatesRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,0CAA0C,CAAC;AAC7D,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,gDAAgD,EAAC,CAAC;AAC/E,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/NestedTable/NestedTableRow.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "NestedTableRow3979174525";
+var _namespace_ = "NestedTableRow1861244735";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "NestedTableRow3979174525__root", "firstLevel": "NestedTableRow3979174525__firstLevel", "placeholder": "NestedTableRow3979174525__placeholder", "parentHovered": "NestedTableRow3979174525__parentHovered" };
+export var classes = { "root": "NestedTableRow1861244735__root", "firstLevel": "NestedTableRow1861244735__firstLevel", "placeholder": "NestedTableRow1861244735__placeholder", "parentHovered": "NestedTableRow1861244735__parentHovered" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MultipleDragOverlayEffect3433020952";
+var _namespace_ = "MultipleDragOverlayEffect3291447162";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "MultipleDragOverlayEffect3433020952__root" };
+export var classes = { "root": "MultipleDragOverlayEffect3291447162__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "NestedTableDragAndDropRow923085269";
+var _namespace_ = "NestedTableDragAndDropRow267611183";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "NestedTableDragAndDropRow923085269__root" };
+export var classes = { "root": "NestedTableDragAndDropRow267611183__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/PickerContent/PickerContent.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "PickerContent1519190683";
+var _namespace_ = "PickerContent3079729872";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "PickerContent1519190683__root" };
+export var classes = { "root": "PickerContent3079729872__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/PickerContent/PickerContentAdditionalStep.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "PickerContentAdditionalStep834158438";
+var _namespace_ = "PickerContentAdditionalStep586623197";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "PickerContentAdditionalStep834158438__root", "titles": "PickerContentAdditionalStep834158438__titles", "suffix": "PickerContentAdditionalStep834158438__suffix" };
+export var classes = { "root": "PickerContentAdditionalStep586623197__root", "titles": "PickerContentAdditionalStep586623197__titles", "suffix": "PickerContentAdditionalStep586623197__suffix" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/PickerTableListItem/PickerTableListItem.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "PickerTableListItem218966620";
+var _namespace_ = "PickerTableListItem4251398585";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "PickerTableListItem218966620__root" };
+export var classes = { "root": "PickerTableListItem4251398585__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/PickerTableListItem/PickerTableListItem.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"PickerTableListItem.st.css.js","sourceRoot":"","sources":["../../../../src/components/PickerTableListItem/PickerTableListItem.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,8BAA8B,CAAC;AACjD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,oCAAoC,EAAC,CAAC;AACnE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"PickerTableListItem.st.css.js","sourceRoot":"","sources":["../../../../src/components/PickerTableListItem/PickerTableListItem.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,+BAA+B,CAAC;AAClD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,qCAAqC,EAAC,CAAC;AACpE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/ScrollableContent/ScrollableContent.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "ScrollableContent3186890972";
+var _namespace_ = "ScrollableContent3723949767";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "ScrollableContent3186890972__root" };
+export var classes = { "root": "ScrollableContent3723949767__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "SetupWidget3343471957";
+var _namespace_ = "SetupWidget4244152725";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "SetupWidget3343471957__root", "row": "SetupWidget3343471957__row", "completedCta": "SetupWidget3343471957__completedCta", "secondaryCta": "SetupWidget3343471957__secondaryCta", "card": "SetupWidget3343471957__card", "stepIcon": "SetupWidget3343471957__stepIcon", "chevron": "SetupWidget3343471957__chevron", "chevronDisabled": "SetupWidget3343471957__chevronDisabled", "inProgressLabel": "SetupWidget3343471957__inProgressLabel" };
+export var classes = { "root": "SetupWidget4244152725__root", "row": "SetupWidget4244152725__row", "completedCta": "SetupWidget4244152725__completedCta", "secondaryCta": "SetupWidget4244152725__secondaryCta", "card": "SetupWidget4244152725__card", "stepIcon": "SetupWidget4244152725__stepIcon", "chevron": "SetupWidget4244152725__chevron", "chevronDisabled": "SetupWidget4244152725__chevronDisabled", "inProgressLabel": "SetupWidget4244152725__inProgressLabel" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/SkeletonCard/SkeletonCard.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "SkeletonCard3552661966";
+var _namespace_ = "SkeletonCard1594950216";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "SkeletonCard3552661966__root", "headerLoading": "SkeletonCard3552661966__headerLoading" };
+export var classes = { "root": "SkeletonCard1594950216__root", "headerLoading": "SkeletonCard1594950216__headerLoading" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/SlidingModal/SlidingModal.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "SlidingModal730738133";
+var _namespace_ = "SlidingModal3107098857";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "SlidingModal730738133__root" };
+export var classes = { "root": "SlidingModal3107098857__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/SlidingModal/SlidingModal.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlidingModal.st.css.js","sourceRoot":"","sources":["../../../../src/components/SlidingModal/SlidingModal.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,uBAAuB,CAAC;AAC1C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,6BAA6B,EAAC,CAAC;AAC5D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,uCAAuC,EAAC,yCAAyC,EAAC,CAAC"}
+{"version":3,"file":"SlidingModal.st.css.js","sourceRoot":"","sources":["../../../../src/components/SlidingModal/SlidingModal.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,wBAAwB,CAAC;AAC3C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,8BAA8B,EAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,uCAAuC,EAAC,yCAAyC,EAAC,CAAC"}

package/dist/esm/components/Table/AddFieldColumnHeader.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "AddFieldColumnHeader3195699753";
+var _namespace_ = "AddFieldColumnHeader2295953540";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "AddFieldColumnHeader3195699753__root", "anchorLayer": "AddFieldColumnHeader3195699753__anchorLayer", "popover": "AddFieldColumnHeader3195699753__popover", "title": "AddFieldColumnHeader3195699753__title", "hoverBridge": "AddFieldColumnHeader3195699753__hoverBridge" };
+export var classes = { "root": "AddFieldColumnHeader2295953540__root", "anchorLayer": "AddFieldColumnHeader2295953540__anchorLayer", "popover": "AddFieldColumnHeader2295953540__popover", "title": "AddFieldColumnHeader2295953540__title", "hoverBridge": "AddFieldColumnHeader2295953540__hoverBridge" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Table/NumberCell.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "NumberCell1034364082";
+var _namespace_ = "NumberCell1098532258";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "NumberCell1034364082__root" };
+export var classes = { "root": "NumberCell1098532258__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Table/TableBaseRow.js

@@ -1,6 +1,19 @@
 import React, { forwardRef } from 'react';
 import { observer } from 'mobx-react-lite';
+import { Table } from '@wix/design-system';
 import { LoadingRowTD } from '../LoadingRow/LoadingRowTD';
+const stickyCellClasses = Table.dataTableRowStyle.classes.sticky.split(' ');
+function markStickyCell(child) {
+    if (!React.isValidElement(child) ||
+        child.type !== 'td') {
+        return child;
+    }
+    const isSticky = child.props.className
+        ?.split(' ')
+        .some((className) => stickyCellClasses.includes(className));
+    // WDS marks headers with data-sticky, but exposes body pinning through its row stylesheet.
+    return isSticky ? React.cloneElement(child, { 'data-sticky': true }) : child;
+}
 export const TableBaseRow = observer(forwardRef((props, ref) => {
     const { state, rowData, children, ...rest } = props;
     const isLoadingRow = state.isLoading(rowData.id);
@@ -14,6 +27,6 @@ export const TableBaseRow = observer(forwardRef((props, ref) => {
                 style: { visibility: 'hidden' },
             }));
         })
-        : children));
+        : React.Children.map(children, markStickyCell)));
 }));
 //# sourceMappingURL=TableBaseRow.js.map

package/dist/esm/components/Table/TableBaseRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableBaseRow.js","sourceRoot":"","sources":["../../../../src/components/Table/TableBaseRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAqC,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAO1D,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAClC,UAAU,CAAC,CAAC,KAA2C,EAAE,GAAQ,EAAE,EAAE;IACnE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACpD,MAAM,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IACjD,OAAO,CACL,4BACE,GAAG,EAAE,GAAG,KACJ,IAAI,EACR,KAAK,EAAE;YACL,GAAG,IAAI,CAAC,KAAK;YACb,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ;SAC3D,IAEA,YAAY,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;QACtC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YAC5B,OAAO,KAAK,KAAK,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACrC,oBAAC,YAAY,IAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,GAAI,CAChE,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;gBACxB,GAAG,EAAE,KAAK;gBACV,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE;aAChC,CAAC,CACH,CAAC;QACJ,CAAC,CAAC;QACJ,CAAC,CAAC,QAAQ,CACT,CACN,CAAC;AACJ,CAAC,CAAC,CACH,CAAC"}
+{"version":3,"file":"TableBaseRow.js","sourceRoot":"","sources":["../../../../src/components/Table/TableBaseRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAqC,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,MAAM,iBAAiB,GAAG,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AAE5E,SAAS,cAAc,CAAC,KAAsB;IAC5C,IACE,CAAC,KAAK,CAAC,cAAc,CACnB,KAAK,CACN;QACD,KAAK,CAAC,IAAI,KAAK,IAAI,EACnB,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IACD,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,SAAS;QACpC,EAAE,KAAK,CAAC,GAAG,CAAC;SACX,IAAI,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC;IAC9D,2FAA2F;IAC3F,OAAO,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;AAC/E,CAAC;AAOD,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAClC,UAAU,CAAC,CAAC,KAA2C,EAAE,GAAQ,EAAE,EAAE;IACnE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACpD,MAAM,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IACjD,OAAO,CACL,4BACE,GAAG,EAAE,GAAG,KACJ,IAAI,EACR,KAAK,EAAE;YACL,GAAG,IAAI,CAAC,KAAK;YACb,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ;SAC3D,IAEA,YAAY,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;QACtC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YAC5B,OAAO,KAAK,KAAK,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACrC,oBAAC,YAAY,IAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,GAAI,CAChE,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;gBACxB,GAAG,EAAE,KAAK;gBACV,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE;aAChC,CAAC,CACH,CAAC;QACJ,CAAC,CAAC;QACJ,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,cAAc,CAAC,CAC7C,CACN,CAAC;AACJ,CAAC,CAAC,CACH,CAAC"}

package/dist/esm/components/TabsFilter/TabsFilter.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "TabsFilter1436865992";
+var _namespace_ = "TabsFilter2353664205";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "TabsFilter1436865992__root", "titleBox": "TabsFilter1436865992__titleBox" };
+export var classes = { "root": "TabsFilter2353664205__root", "titleBox": "TabsFilter2353664205__titleBox" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "ManageTagsModal3642681782";
+var _namespace_ = "ManageTagsModal3900250439";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "ManageTagsModal3642681782__root" };
+export var classes = { "root": "ManageTagsModal3900250439__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/ToolbarItem/ToolbarItem.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "ToolbarItem2392152758";
+var _namespace_ = "ToolbarItem1028651276";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "ToolbarItem2392152758__root" };
+export var classes = { "root": "ToolbarItem1028651276__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/ToolbarItemBox/ToolbarItemBox.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "ToolbarItemBox156689590";
+var _namespace_ = "ToolbarItemBox1543388702";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "ToolbarItemBox156689590__root" };
+export var classes = { "root": "ToolbarItemBox1543388702__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/ToolbarItemBox/ToolbarItemBox.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarItemBox.st.css.js","sourceRoot":"","sources":["../../../../src/components/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,yBAAyB,CAAC;AAC5C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,+BAA+B,EAAC,CAAC;AAC9D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"ToolbarItemBox.st.css.js","sourceRoot":"","sources":["../../../../src/components/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,0BAA0B,CAAC;AAC7C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,gCAAgC,EAAC,CAAC;AAC/D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/common.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../stylable-esm-runtime.js";
-var _namespace_ = "common2669482570";
+var _namespace_ = "common1889741109";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "common2669482570__root", "column": "common2669482570__column", "fullHeight": "common2669482570__fullHeight" };
+export var classes = { "root": "common1889741109__root", "column": "common1889741109__column", "fullHeight": "common1889741109__fullHeight" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/state/CollectionPage/CollectionPageHeader.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionPageHeader1956509891";
+var _namespace_ = "CollectionPageHeader2841821885";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CollectionPageHeader1956509891__root", "mobileMoreActions": "CollectionPageHeader1956509891__mobileMoreActions" };
+export var classes = { "root": "CollectionPageHeader2841821885__root", "mobileMoreActions": "CollectionPageHeader2841821885__mobileMoreActions" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/state/CollectionPage/MobilePrimaryActionBar.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MobilePrimaryActionBar1567729410";
+var _namespace_ = "MobilePrimaryActionBar1135495497";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "MobilePrimaryActionBar1567729410__root" };
+export var classes = { "root": "MobilePrimaryActionBar1135495497__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/state/CollectionPage/TitleBadges.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "TitleBadges3696893018";
+var _namespace_ = "TitleBadges789200656";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "TitleBadges3696893018__root", "tooltip": "TitleBadges3696893018__tooltip", "tooltipTrigger": "TitleBadges3696893018__tooltipTrigger" };
+export var classes = { "root": "TitleBadges789200656__root", "tooltip": "TitleBadges789200656__tooltip", "tooltipTrigger": "TitleBadges789200656__tooltipTrigger" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/state/CollectionPage/TitleBadges.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"TitleBadges.st.css.js","sourceRoot":"","sources":["../../../../src/state/CollectionPage/TitleBadges.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,uBAAuB,CAAC;AAC1C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,6BAA6B,EAAC,SAAS,EAAC,gCAAgC,EAAC,gBAAgB,EAAC,uCAAuC,EAAC,CAAC;AAChK,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"TitleBadges.st.css.js","sourceRoot":"","sources":["../../../../src/state/CollectionPage/TitleBadges.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,sBAAsB,CAAC;AACzC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,4BAA4B,EAAC,SAAS,EAAC,+BAA+B,EAAC,gBAAgB,EAAC,sCAAsC,EAAC,CAAC;AAC7J,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/state/EditableTable/fieldTypeToCellType.js

@@ -18,6 +18,7 @@ export const FIELD_TYPE_TO_CELL_TYPE = {
     EMAIL: 'email',
     COLOR: 'color',
     IMAGE: 'image',
+    MEDIA_IMAGE: 'mediaImage',
     VIDEO: 'video',
     AUDIO: 'audio',
     MEDIA_GALLERY: 'mediaGallery',

package/dist/esm/state/EditableTable/fieldTypeToCellType.js.map

@@ -1 +1 @@
-{"version":3,"file":"fieldTypeToCellType.js","sourceRoot":"","sources":["../../../../src/state/EditableTable/fieldTypeToCellType.ts"],"names":[],"mappings":"AAGA;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAGhC;IACF,UAAU,EAAE,MAAM;IAClB,SAAS,EAAE,MAAM;IACjB,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,aAAa,EAAE,cAAc;IAC7B,QAAQ,EAAE,UAAU;IACpB,cAAc,EAAE,eAAe;IAC/B,SAAS,EAAE,UAAU;IACrB,YAAY,EAAE,aAAa;IAC3B,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,WAAW;IACtB,eAAe,EAAE,gBAAgB;IACjC,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,qEAAqE;IACrE,yEAAyE;IACzE,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,QAAQ;CAClB,CAAC"}
+{"version":3,"file":"fieldTypeToCellType.js","sourceRoot":"","sources":["../../../../src/state/EditableTable/fieldTypeToCellType.ts"],"names":[],"mappings":"AAGA;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAGhC;IACF,UAAU,EAAE,MAAM;IAClB,SAAS,EAAE,MAAM;IACjB,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,MAAM;IACZ,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,WAAW,EAAE,YAAY;IACzB,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,aAAa,EAAE,cAAc;IAC7B,QAAQ,EAAE,UAAU;IACpB,cAAc,EAAE,eAAe;IAC/B,SAAS,EAAE,UAAU;IACrB,YAAY,EAAE,aAAa;IAC3B,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,WAAW;IACtB,eAAe,EAAE,gBAAgB;IACjC,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,qEAAqE;IACrE,yEAAyE;IACzE,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,QAAQ;CAClB,CAAC"}