@wix/patterns 1.395.0 → 1.397.0

package/dist/esm/components/CustomColumnsPanel/CustomColumnsPanel.js

@@ -17,7 +17,7 @@ export function _CustomColumnsPanel({ state, }) {
     const schemaCtx = useSchemaContext();
     const isSchema = !!schemaCtx?.schema;
     const isEditable = !!collectionDataExtension || isSchema;
-    const fieldActions = useSidePanelFieldActions(isEditable ? state.columnsCollection.result.items : [], schemaCtx?.schema?.fieldActions);
+    const { fieldActionsByColumn, fieldActionsModal } = useSidePanelFieldActions(isEditable ? state.columnsCollection.result.items : [], schemaCtx?.schema?.fieldActions, schemaCtx?.schema?.refresh);
     useEffect(() => state.init(), []);
     if (!entered) {
         return null;
@@ -38,24 +38,26 @@ export function _CustomColumnsPanel({ state, }) {
         : dragAndDrop
             ? 'cairo.table.custom-columns.dragAndDrop.subtitle'
             : 'cairo.table.custom-columns.subtitle';
-    return (React.createElement(PatternsSidePanel, { dataHook: "custom-columns-panel", width: "100%", onClose: () => state.onClose() },
-        React.createElement(SidePanel.Header, { title: t(titleKey), subtitle: t(subtitleKey) }, shouldShowSearch && (React.createElement(Box, { padding: "0 SP3 SP2 SP3" },
-            React.createElement(CustomColumnsSearch, { state: state })))),
-        React.createElement(ScrollableContent, { overflowY: true, dataHook: "custom-columns-panel-scroll-container", ref: (e) => {
-                if (state.dragAndDrop) {
-                    state.dragAndDrop.listRect.element = e;
-                }
-            } }, hasSearchValue && !hasSearchResults ? (React.createElement(CustomColumnsNoResults, { state: state })) : (React.createElement(React.Fragment, null,
-            collectionDataExtension?.dataExtension?.shouldDisplayArchive &&
-                collectionDataExtension?.DataExtension
-                    ?.CustomColumnsArchivedItemsCTAButton && (React.createElement(collectionDataExtension.DataExtension.CustomColumnsArchivedItemsCTAButton, { dataExtension: collectionDataExtension.dataExtension, onCloseSidePanel: () => state.onClose(), dataHook: "custom-columns" })),
-            React.createElement(ColumnsList, { state: state, fieldActions: fieldActions })))),
-        collectionDataExtension?.DataExtension
-            ?.CustomColumnsAddCustomFieldCTAButton && (React.createElement(collectionDataExtension.DataExtension.CustomColumnsAddCustomFieldCTAButton, null)),
-        schemaCtx?.addField && (React.createElement(Box, { direction: "vertical", width: "100%" },
-            React.createElement(Divider, { direction: "horizontal" }),
-            React.createElement(Box, { padding: "SP4", width: "100%", boxSizing: "border-box", direction: "vertical" },
-                React.createElement(AddItem, { dataHook: "custom-columns-schema-add-field", onClick: schemaCtx.addField }, t('cairo.customFields.addCustomField.CTA')))))));
+    return (React.createElement(React.Fragment, null,
+        React.createElement(PatternsSidePanel, { dataHook: "custom-columns-panel", width: "100%", onClose: () => state.onClose() },
+            React.createElement(SidePanel.Header, { title: t(titleKey), subtitle: t(subtitleKey) }, shouldShowSearch && (React.createElement(Box, { padding: "0 SP3 SP2 SP3" },
+                React.createElement(CustomColumnsSearch, { state: state })))),
+            React.createElement(ScrollableContent, { overflowY: true, dataHook: "custom-columns-panel-scroll-container", ref: (e) => {
+                    if (state.dragAndDrop) {
+                        state.dragAndDrop.listRect.element = e;
+                    }
+                } }, hasSearchValue && !hasSearchResults ? (React.createElement(CustomColumnsNoResults, { state: state })) : (React.createElement(React.Fragment, null,
+                collectionDataExtension?.dataExtension?.shouldDisplayArchive &&
+                    collectionDataExtension?.DataExtension
+                        ?.CustomColumnsArchivedItemsCTAButton && (React.createElement(collectionDataExtension.DataExtension.CustomColumnsArchivedItemsCTAButton, { dataExtension: collectionDataExtension.dataExtension, onCloseSidePanel: () => state.onClose(), dataHook: "custom-columns" })),
+                React.createElement(ColumnsList, { state: state, fieldActions: fieldActionsByColumn })))),
+            collectionDataExtension?.DataExtension
+                ?.CustomColumnsAddCustomFieldCTAButton && (React.createElement(collectionDataExtension.DataExtension.CustomColumnsAddCustomFieldCTAButton, null)),
+            schemaCtx?.addField && (React.createElement(Box, { direction: "vertical", width: "100%" },
+                React.createElement(Divider, { direction: "horizontal" }),
+                React.createElement(Box, { padding: "SP4", width: "100%", boxSizing: "border-box", direction: "vertical" },
+                    React.createElement(AddItem, { dataHook: "custom-columns-schema-add-field", onClick: schemaCtx.addField }, t('cairo.customFields.addCustomField.CTA')))))),
+        fieldActionsModal));
 }
 export const CustomColumnsPanel = observer(_CustomColumnsPanel);
 //# sourceMappingURL=CustomColumnsPanel.js.map

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

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

package/dist/esm/components/CustomColumnsPanel/SidePanelFieldActionsModal.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import { MessageActionModal } from '../ActionModal';
+function _SidePanelFieldActionsModal({ state }) {
+    const value = state.confirmModal.value;
+    if (!value) {
+        return null;
+    }
+    return (React.createElement(MessageActionModal, { state: state.confirmModal, ...value, primaryButtonProps: {
+            ...value.primaryButtonProps,
+            disabled: state.deleteTask.status.isLoading,
+        } }));
+}
+const SidePanelFieldActionsModal = observer(_SidePanelFieldActionsModal);
+export default SidePanelFieldActionsModal;
+//# sourceMappingURL=SidePanelFieldActionsModal.js.map

package/dist/esm/components/CustomColumnsPanel/SidePanelFieldActionsModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidePanelFieldActionsModal.js","sourceRoot":"","sources":["../../../../src/components/CustomColumnsPanel/SidePanelFieldActionsModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAOpD,SAAS,2BAA2B,CAAC,EAAE,KAAK,EAAS;IACnD,MAAM,KAAK,GAAG,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC;IACvC,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,IAAI,CAAC;KACb;IACD,OAAO,CACL,oBAAC,kBAAkB,IACjB,KAAK,EAAE,KAAK,CAAC,YAAY,KACrB,KAAK,EACT,kBAAkB,EAAE;YAClB,GAAG,KAAK,CAAC,kBAAkB;YAC3B,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,SAAS;SAC5C,GACD,CACH,CAAC;AACJ,CAAC;AAED,MAAM,0BAA0B,GAAG,QAAQ,CAAC,2BAA2B,CAAC,CAAC;AAEzE,eAAe,0BAA0B,CAAC"}

package/dist/esm/components/CustomColumnsPanel/SidePanelFieldActionsRow.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import { observer } from 'mobx-react-lite';
 import { buildFieldActionGroups, HeaderActionsPopover, } from '../FieldActions';
 const SIDE_PANEL_ACTION_GROUPS = [
     ['editField'],
@@ -14,20 +15,33 @@ function toFieldActionColumn(col) {
         cellType: isText ? 'text' : col.fieldType,
     };
 }
-export function SidePanelFieldActionsRow({ column, fieldActions, permissions, }) {
-    const handlers = {
-        editField: fieldActions?.editField
-            ? (id) => fieldActions.editField(id, {})
-            : undefined,
-        makePrimary: fieldActions?.makePrimary,
-        duplicateField: fieldActions?.duplicateField,
-        duplicateFieldWithContent: fieldActions?.duplicateFieldWithContent,
-        delete: fieldActions?.deleteField,
-    };
+function _SidePanelFieldActionsRow({ column, state, }) {
+    const { handlers: fieldActions, permissions } = state;
+    const handlers = {};
+    if (fieldActions?.editField) {
+        handlers.editField = (id) => fieldActions.editField(id, {});
+    }
+    if (fieldActions?.makePrimary) {
+        handlers.makePrimary = (id) => state.makePrimary(id);
+    }
+    if (fieldActions?.duplicateField) {
+        handlers.duplicateField = (id) => state.duplicate(id);
+    }
+    if (fieldActions?.duplicateFieldWithContent) {
+        handlers.duplicateFieldWithContent = (id) => state.duplicateWithContent(id);
+    }
+    if (fieldActions?.deleteField) {
+        handlers.delete = (id) => state.confirmDelete(id);
+    }
     const groups = buildFieldActionGroups({
         column: toFieldActionColumn(column),
         permissions,
         handlers,
+        loading: {
+            makePrimary: state.isMakingPrimary,
+            duplicateField: state.isDuplicating,
+            duplicateFieldWithContent: state.isDuplicatingWithContent,
+        },
         groups: SIDE_PANEL_ACTION_GROUPS,
     });
     if (groups.length === 0) {
@@ -35,4 +49,5 @@ export function SidePanelFieldActionsRow({ column, fieldActions, permissions, })
     }
     return (React.createElement(HeaderActionsPopover, { actions: groups, dataHook: `side-panel-field-actions-${column.id}` }));
 }
+export const SidePanelFieldActionsRow = observer(_SidePanelFieldActionsRow);
 //# sourceMappingURL=SidePanelFieldActionsRow.js.map

package/dist/esm/components/CustomColumnsPanel/SidePanelFieldActionsRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidePanelFieldActionsRow.js","sourceRoot":"","sources":["../../../../src/components/CustomColumnsPanel/SidePanelFieldActionsRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EACL,sBAAsB,EACtB,oBAAoB,GAIrB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,wBAAwB,GAEb;IACf,CAAC,WAAW,CAAC;IACb,CAAC,aAAa,EAAE,gBAAgB,EAAE,2BAA2B,CAAC;IAC9D,CAAC,QAAQ,CAAC;CACX,CAAC;AAEF,SAAS,mBAAmB,CAAC,GAAW;IACtC,MAAM,MAAM,GACV,GAAG,CAAC,SAAS,KAAK,YAAY,IAAI,GAAG,CAAC,SAAS,KAAK,WAAW,CAAC;IAClE,OAAO;QACL,EAAE,EAAE,GAAG,CAAC,EAAE;QACV,SAAS,EAAE,GAAG,CAAC,SAAS;QACxB,QAAQ,EAAE,GAAG,CAAC,QAAQ;QACtB,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,SAAS;KAC1C,CAAC;AACJ,CAAC;AAQD,MAAM,UAAU,wBAAwB,CAAC,EACvC,MAAM,EACN,YAAY,EACZ,WAAW,GACmB;IAC9B,MAAM,QAAQ,GAAwB;QACpC,SAAS,EAAE,YAAY,EAAE,SAAS;YAChC,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,SAAU,CAAC,EAAE,EAAE,EAAE,CAAC;YACzC,CAAC,CAAC,SAAS;QACb,WAAW,EAAE,YAAY,EAAE,WAAW;QACtC,cAAc,EAAE,YAAY,EAAE,cAAc;QAC5C,yBAAyB,EAAE,YAAY,EAAE,yBAAyB;QAClE,MAAM,EAAE,YAAY,EAAE,WAAW;KAClC,CAAC;IAEF,MAAM,MAAM,GAAG,sBAAsB,CAAC;QACpC,MAAM,EAAE,mBAAmB,CAAC,MAAM,CAAC;QACnC,WAAW;QACX,QAAQ;QACR,MAAM,EAAE,wBAAwB;KACjC,CAAC,CAAC;IAEH,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;QACvB,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,oBAAC,oBAAoB,IACnB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,4BAA4B,MAAM,CAAC,EAAE,EAAE,GACjD,CACH,CAAC;AACJ,CAAC"}
+{"version":3,"file":"SidePanelFieldActionsRow.js","sourceRoot":"","sources":["../../../../src/components/CustomColumnsPanel/SidePanelFieldActionsRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EACL,sBAAsB,EACtB,oBAAoB,GAIrB,MAAM,iBAAiB,CAAC;AAGzB,MAAM,wBAAwB,GAAuB;IACnD,CAAC,WAAW,CAAC;IACb,CAAC,aAAa,EAAE,gBAAgB,EAAE,2BAA2B,CAAC;IAC9D,CAAC,QAAQ,CAAC;CACX,CAAC;AAEF,SAAS,mBAAmB,CAAC,GAAW;IACtC,MAAM,MAAM,GACV,GAAG,CAAC,SAAS,KAAK,YAAY,IAAI,GAAG,CAAC,SAAS,KAAK,WAAW,CAAC;IAClE,OAAO;QACL,EAAE,EAAE,GAAG,CAAC,EAAE;QACV,SAAS,EAAE,GAAG,CAAC,SAAS;QACxB,QAAQ,EAAE,GAAG,CAAC,QAAQ;QACtB,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,SAAS;KAC1C,CAAC;AACJ,CAAC;AAOD,SAAS,yBAAyB,CAAC,EACjC,MAAM,EACN,KAAK,GACyB;IAC9B,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAEtD,MAAM,QAAQ,GAAwB,EAAE,CAAC;IAEzC,IAAI,YAAY,EAAE,SAAS,EAAE;QAC3B,QAAQ,CAAC,SAAS,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,SAAU,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;KAC9D;IACD,IAAI,YAAY,EAAE,WAAW,EAAE;QAC7B,QAAQ,CAAC,WAAW,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;KACtD;IACD,IAAI,YAAY,EAAE,cAAc,EAAE;QAChC,QAAQ,CAAC,cAAc,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;KACvD;IACD,IAAI,YAAY,EAAE,yBAAyB,EAAE;QAC3C,QAAQ,CAAC,yBAAyB,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC;KAC7E;IACD,IAAI,YAAY,EAAE,WAAW,EAAE;QAC7B,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;KACnD;IAED,MAAM,MAAM,GAAG,sBAAsB,CAAC;QACpC,MAAM,EAAE,mBAAmB,CAAC,MAAM,CAAC;QACnC,WAAW;QACX,QAAQ;QACR,OAAO,EAAE;YACP,WAAW,EAAE,KAAK,CAAC,eAAe;YAClC,cAAc,EAAE,KAAK,CAAC,aAAa;YACnC,yBAAyB,EAAE,KAAK,CAAC,wBAAwB;SAC1D;QACD,MAAM,EAAE,wBAAwB;KACjC,CAAC,CAAC;IAEH,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE;QACvB,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,oBAAC,oBAAoB,IACnB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,4BAA4B,MAAM,CAAC,EAAE,EAAE,GACjD,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,wBAAwB,GAAG,QAAQ,CAAC,yBAAyB,CAAC,CAAC"}

package/dist/esm/components/CustomColumnsPanel/useSidePanelFieldActions.js

@@ -1,16 +1,34 @@
-import React, { Suspense, lazy, useMemo } from 'react';
+import React, { Suspense, lazy, useEffect, useMemo, useState, } from 'react';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { FieldActionsState } from '../../state/FieldActionsState';
 const SidePanelFieldActionsRow = lazy(() => import(
 /* webpackChunkName: "SidePanelFieldActions" */ './SidePanelFieldActionsRow').then((m) => ({
     default: m.SidePanelFieldActionsRow,
 })));
-export function useSidePanelFieldActions(columns, fieldActions, permissions) {
-    return useMemo(() => {
+const SidePanelFieldActionsModal = lazy(() => import(
+/* webpackChunkName: "SidePanelFieldActions" */ './SidePanelFieldActionsModal'));
+export function useSidePanelFieldActions(columns, fieldActions, refresh, permissions) {
+    const { translate, showToast } = useWixPatternsContainer();
+    const [fieldActionsState] = useState(() => new FieldActionsState(translate, fieldActions, permissions, showToast, refresh));
+    useEffect(() => {
+        fieldActionsState.setHandlers(fieldActions);
+    }, [fieldActionsState, fieldActions]);
+    useEffect(() => {
+        fieldActionsState.setPermissions(permissions);
+    }, [fieldActionsState, permissions]);
+    useEffect(() => {
+        fieldActionsState.setRefresh(refresh);
+    }, [fieldActionsState, refresh]);
+    const fieldActionsByColumn = useMemo(() => {
         const result = {};
         for (const col of columns) {
             result[col.id] = (React.createElement(Suspense, { fallback: null },
-                React.createElement(SidePanelFieldActionsRow, { column: col, fieldActions: fieldActions, permissions: permissions })));
+                React.createElement(SidePanelFieldActionsRow, { column: col, state: fieldActionsState })));
         }
         return result;
-    }, [columns, fieldActions, permissions]);
+    }, [columns, fieldActionsState]);
+    const fieldActionsModal = (React.createElement(Suspense, { fallback: null },
+        React.createElement(SidePanelFieldActionsModal, { state: fieldActionsState })));
+    return { fieldActionsByColumn, fieldActionsModal };
 }
 //# sourceMappingURL=useSidePanelFieldActions.js.map

package/dist/esm/components/CustomColumnsPanel/useSidePanelFieldActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSidePanelFieldActions.js","sourceRoot":"","sources":["../../../../src/components/CustomColumnsPanel/useSidePanelFieldActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,OAAO,CAAC;AAKvE,MAAM,wBAAwB,GAAG,IAAI,CAAC,GAAG,EAAE,CACzC,MAAM;AACJ,+CAA+C,CAAC,4BAA4B,CAC7E,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACb,OAAO,EAAE,CAAC,CAAC,wBAAwB;CACpC,CAAC,CAAC,CACJ,CAAC;AAEF,MAAM,UAAU,wBAAwB,CACtC,OAAiB,EACjB,YAA2B,EAC3B,WAAoC;IAEpC,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,MAAM,MAAM,GAA8B,EAAE,CAAC;QAE7C,KAAK,MAAM,GAAG,IAAI,OAAO,EAAE;YACzB,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CACf,oBAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI;gBACtB,oBAAC,wBAAwB,IACvB,MAAM,EAAE,GAAG,EACX,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,GACxB,CACO,CACZ,CAAC;SACH;QAED,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC;AAC3C,CAAC"}
+{"version":3,"file":"useSidePanelFieldActions.js","sourceRoot":"","sources":["../../../../src/components/CustomColumnsPanel/useSidePanelFieldActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,OAAO,EACP,QAAQ,GAET,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAI9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAElE,MAAM,wBAAwB,GAAG,IAAI,CAAC,GAAG,EAAE,CACzC,MAAM;AACJ,+CAA+C,CAAC,4BAA4B,CAC7E,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACb,OAAO,EAAE,CAAC,CAAC,wBAAwB;CACpC,CAAC,CAAC,CACJ,CAAC;AAEF,MAAM,0BAA0B,GAAG,IAAI,CACrC,GAAG,EAAE,CACH,MAAM;AACJ,+CAA+C,CAAC,8BAA8B,CAC/E,CACJ,CAAC;AAOF,MAAM,UAAU,wBAAwB,CACtC,OAAiB,EACjB,YAA2B,EAC3B,OAA6B,EAC7B,WAAoC;IAEpC,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAE3D,MAAM,CAAC,iBAAiB,CAAC,GAAG,QAAQ,CAClC,GAAG,EAAE,CACH,IAAI,iBAAiB,CACnB,SAAS,EACT,YAAY,EACZ,WAAW,EACX,SAAS,EACT,OAAO,CACR,CACJ,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,iBAAiB,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;IAC9C,CAAC,EAAE,CAAC,iBAAiB,EAAE,YAAY,CAAC,CAAC,CAAC;IAEtC,SAAS,CAAC,GAAG,EAAE;QACb,iBAAiB,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,iBAAiB,EAAE,WAAW,CAAC,CAAC,CAAC;IAErC,SAAS,CAAC,GAAG,EAAE;QACb,iBAAiB,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC,CAAC;IAEjC,MAAM,oBAAoB,GAAG,OAAO,CAAC,GAAG,EAAE;QACxC,MAAM,MAAM,GAA8B,EAAE,CAAC;QAE7C,KAAK,MAAM,GAAG,IAAI,OAAO,EAAE;YACzB,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CACf,oBAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI;gBACtB,oBAAC,wBAAwB,IAAC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,iBAAiB,GAAI,CAC1D,CACZ,CAAC;SACH;QAED,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAEjC,MAAM,iBAAiB,GAAG,CACxB,oBAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI;QACtB,oBAAC,0BAA0B,IAAC,KAAK,EAAE,iBAAiB,GAAI,CAC/C,CACZ,CAAC;IAEF,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,CAAC;AACrD,CAAC"}

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "DragHandle1542332114";
+var _namespace_ = "DragHandle1837564310";
 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": "DragHandle1542332114__root" };
+export var classes = { "root": "DragHandle1837564310__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/EditableCell.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "EditableCell924947191";
+var _namespace_ = "EditableCell1170875432";
 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": "EditableCell924947191__root", "validationIndicator": "EditableCell924947191__validationIndicator" };
+export var classes = { "root": "EditableCell1170875432__root", "validationIndicator": "EditableCell1170875432__validationIndicator" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/EditableCell.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditableCell.st.css.js","sourceRoot":"","sources":["../../../../src/components/EditableTable/EditableCell.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,qBAAqB,EAAC,4CAA4C,EAAC,CAAC;AAC/H,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,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}
+{"version":3,"file":"EditableCell.st.css.js","sourceRoot":"","sources":["../../../../src/components/EditableTable/EditableCell.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,qBAAqB,EAAC,6CAA6C,EAAC,CAAC;AACjI,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,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}

package/dist/esm/components/EditableTable/HeaderActionsPopover.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "HeaderActionsPopover3073960069";
+var _namespace_ = "HeaderActionsPopover1813305084";
 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": "HeaderActionsPopover3073960069__root" };
+export var classes = { "root": "HeaderActionsPopover1813305084__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/CellViewLayout.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "CellViewLayout3229996868";
+var _namespace_ = "CellViewLayout1028112890";
 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": "CellViewLayout3229996868__root" };
+export var classes = { "root": "CellViewLayout1028112890__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/boolean/Edit.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit2046697272";
+var _namespace_ = "Edit617452447";
 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": "Edit2046697272__root", "booleanEdit": "Edit2046697272__booleanEdit" };
+export var classes = { "root": "Edit617452447__root", "booleanEdit": "Edit617452447__booleanEdit" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/boolean/Edit.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Edit.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/Edit.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,gBAAgB,CAAC;AACnC,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,sBAAsB,EAAC,aAAa,EAAC,6BAA6B,EAAC,CAAC;AACjG,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":"Edit.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/Edit.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,eAAe,CAAC;AAClC,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,qBAAqB,EAAC,aAAa,EAAC,4BAA4B,EAAC,CAAC;AAC/F,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/EditableTable/cellTypes/boolean/View.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "View2186983758";
+var _namespace_ = "View818449832";
 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": "View2186983758__root", "booleanView": "View2186983758__booleanView" };
+export var classes = { "root": "View818449832__root", "booleanView": "View818449832__booleanView" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/boolean/View.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"View.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/View.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,gBAAgB,CAAC;AACnC,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,sBAAsB,EAAC,aAAa,EAAC,6BAA6B,EAAC,CAAC;AACjG,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":"View.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/View.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,eAAe,CAAC;AAClC,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,qBAAqB,EAAC,aAAa,EAAC,4BAA4B,EAAC,CAAC;AAC/F,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/EditableTable/cellTypes/date/Edit.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit982507643";
+var _namespace_ = "Edit1340937759";
 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": "Edit982507643__root", "dateInput": "Edit982507643__dateInput" };
+export var classes = { "root": "Edit1340937759__root", "dateInput": "Edit1340937759__dateInput" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/date/Edit.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Edit.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/date/Edit.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,eAAe,CAAC;AAClC,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,qBAAqB,EAAC,WAAW,EAAC,0BAA0B,EAAC,CAAC;AAC3F,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":"Edit.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/date/Edit.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,gBAAgB,CAAC;AACnC,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,sBAAsB,EAAC,WAAW,EAAC,2BAA2B,EAAC,CAAC;AAC7F,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/EditableTable/cellTypes/date/View.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "View3027787229";
+var _namespace_ = "View2760322115";
 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": "View3027787229__root" };
+export var classes = { "root": "View2760322115__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/email/Edit.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit2129256348";
+var _namespace_ = "Edit3704959797";
 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": "Edit2129256348__root", "emailInput": "Edit2129256348__emailInput" };
+export var classes = { "root": "Edit3704959797__root", "emailInput": "Edit3704959797__emailInput" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/email/View.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "View2109168379";
+var _namespace_ = "View684184501";
 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": "View2109168379__root" };
+export var classes = { "root": "View684184501__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/email/View.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"View.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/email/View.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,gBAAgB,CAAC;AACnC,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,sBAAsB,EAAC,CAAC;AACrD,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":"View.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/email/View.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,eAAe,CAAC;AAClC,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,qBAAqB,EAAC,CAAC;AACpD,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/EditableTable/cellTypes/index.js

@@ -10,7 +10,8 @@ import { richContentCellType } from './richContent';
 import { videoCellType } from './video';
 import { richTextCellType } from './richText';
 import { mediaGalleryCellType } from './mediaGallery';
-export { textCellType, numberCellType, booleanCellType, dateCellType, urlCellType, emailCellType, objectCellType, imageCellType, richContentCellType, videoCellType, richTextCellType, mediaGalleryCellType, };
+import { referenceCellType } from './reference';
+export { textCellType, numberCellType, booleanCellType, dateCellType, urlCellType, emailCellType, objectCellType, imageCellType, richContentCellType, videoCellType, richTextCellType, mediaGalleryCellType, referenceCellType, };
 /** All built-in cell types */
 export const builtInCellTypes = [
     textCellType,
@@ -25,5 +26,6 @@ export const builtInCellTypes = [
     videoCellType,
     richTextCellType,
     mediaGalleryCellType,
+    referenceCellType,
 ];
 //# sourceMappingURL=index.js.map

package/dist/esm/components/EditableTable/cellTypes/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/EditableTable/cellTypes/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAEtD,OAAO,EACL,YAAY,EACZ,cAAc,EACd,eAAe,EACf,YAAY,EACZ,WAAW,EACX,aAAa,EACb,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,aAAa,EACb,gBAAgB,EAChB,oBAAoB,GACrB,CAAC;AAEF,8BAA8B;AAC9B,MAAM,CAAC,MAAM,gBAAgB,GAAe;IAC1C,YAAY;IACZ,cAAc;IACd,eAAe;IACf,YAAY;IACZ,WAAW;IACX,aAAa;IACb,cAAc;IACd,aAAa;IACb,mBAAmB;IACnB,aAAa;IACb,gBAAgB;IAChB,oBAAoB;CACrB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/EditableTable/cellTypes/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEhD,OAAO,EACL,YAAY,EACZ,cAAc,EACd,eAAe,EACf,YAAY,EACZ,WAAW,EACX,aAAa,EACb,cAAc,EACd,aAAa,EACb,mBAAmB,EACnB,aAAa,EACb,gBAAgB,EAChB,oBAAoB,EACpB,iBAAiB,GAClB,CAAC;AAEF,8BAA8B;AAC9B,MAAM,CAAC,MAAM,gBAAgB,GAAe;IAC1C,YAAY;IACZ,cAAc;IACd,eAAe;IACf,YAAY;IACZ,WAAW;IACX,aAAa;IACb,cAAc;IACd,aAAa;IACb,mBAAmB;IACnB,aAAa;IACb,gBAAgB;IAChB,oBAAoB;IACpB,iBAAiB;CAClB,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/number/Edit.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit4294714850";
+var _namespace_ = "Edit1609711193";
 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": "Edit4294714850__root", "numberInput": "Edit4294714850__numberInput" };
+export var classes = { "root": "Edit1609711193__root", "numberInput": "Edit1609711193__numberInput" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/number/View.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "View3464057793";
+var _namespace_ = "View3528323424";
 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": "View3464057793__root", "textView": "View3464057793__textView" };
+export var classes = { "root": "View3528323424__root", "textView": "View3528323424__textView" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/object/Edit.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit1068427984";
+var _namespace_ = "Edit531649558";
 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": "Edit1068427984__root", "jsonInput": "Edit1068427984__jsonInput" };
+export var classes = { "root": "Edit531649558__root", "jsonInput": "Edit531649558__jsonInput" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/object/Edit.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Edit.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/object/Edit.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,gBAAgB,CAAC;AACnC,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,sBAAsB,EAAC,WAAW,EAAC,2BAA2B,EAAC,CAAC;AAC7F,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":"Edit.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/object/Edit.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,eAAe,CAAC;AAClC,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,qBAAqB,EAAC,WAAW,EAAC,0BAA0B,EAAC,CAAC;AAC3F,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/EditableTable/cellTypes/object/View.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "View3283037662";
+var _namespace_ = "View278448677";
 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": "View3283037662__root" };
+export var classes = { "root": "View278448677__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/object/View.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"View.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/object/View.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,gBAAgB,CAAC;AACnC,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,sBAAsB,EAAC,CAAC;AACrD,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":"View.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/object/View.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,eAAe,CAAC;AAClC,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,qBAAqB,EAAC,CAAC;AACpD,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"}