@wix/patterns 1.396.0 → 1.398.0

package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.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_ = "ViewsDropdown1955052207";
+var _namespace_ = "ViewsDropdown1133598523";
 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": "ViewsDropdown1955052207__root"
+  "root": "ViewsDropdown1133598523__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.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/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ViewsDropdown1955052207\";\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\":\"ViewsDropdown1955052207__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,yBAAyB;AAC3C,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;AAA+B,CAAC;AACtD,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/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ViewsDropdown1133598523\";\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\":\"ViewsDropdown1133598523__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,yBAAyB;AAC3C,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;AAA+B,CAAC;AACtD,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/CustomColumnsPanel/CustomColumnsPanel.js

@@ -20,7 +20,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 function _CustomColumnsPanel({
   state
 }) {
-  var _schemaCtx$schema, _collectionDataExtens, _collectionDataExtens2, _collectionDataExtens3;
+  var _schemaCtx$schema, _schemaCtx$schema2, _collectionDataExtens, _collectionDataExtens2, _collectionDataExtens3;
   const entered = (0, _useRafRender.useRafRender)();
   const {
     translate: t
@@ -32,7 +32,10 @@ function _CustomColumnsPanel({
   const schemaCtx = (0, _SchemaContext.useSchemaContext)();
   const isSchema = !!(schemaCtx != null && schemaCtx.schema);
   const isEditable = !!collectionDataExtension || isSchema;
-  const fieldActions = (0, _useSidePanelFieldActions.useSidePanelFieldActions)(isEditable ? state.columnsCollection.result.items : [], schemaCtx == null || (_schemaCtx$schema = schemaCtx.schema) == null ? void 0 : _schemaCtx$schema.fieldActions);
+  const {
+    fieldActionsByColumn,
+    fieldActionsModal
+  } = (0, _useSidePanelFieldActions.useSidePanelFieldActions)(isEditable ? state.columnsCollection.result.items : [], schemaCtx == null || (_schemaCtx$schema = schemaCtx.schema) == null ? void 0 : _schemaCtx$schema.fieldActions, schemaCtx == null || (_schemaCtx$schema2 = schemaCtx.schema) == null ? void 0 : _schemaCtx$schema2.refresh);
   (0, _react.useEffect)(() => state.init(), []);
   if (!entered) {
     return null;
@@ -46,15 +49,15 @@ function _CustomColumnsPanel({
   const shouldShowSearch = isUsingDataExtension || totalColumns > 5;
   const titleKey = isEditable ? 'cairo.table.manage-fields.title' : 'cairo.table.custom-columns.title';
   const subtitleKey = isEditable ? dragAndDrop ? 'cairo.table.manage-fields.dragAndDrop.subtitle' : 'cairo.table.manage-fields.subtitle' : dragAndDrop ? 'cairo.table.custom-columns.dragAndDrop.subtitle' : 'cairo.table.custom-columns.subtitle';
-  return /*#__PURE__*/_react.default.createElement(_PatternsSidePanel.PatternsSidePanel, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_PatternsSidePanel.PatternsSidePanel, {
     dataHook: "custom-columns-panel",
     width: "100%",
     onClose: () => state.onClose(),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 61,
-      columnNumber: 5
+      lineNumber: 63,
+      columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.SidePanel.Header, {
     title: t(titleKey),
@@ -62,24 +65,24 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 66,
-      columnNumber: 7
+      lineNumber: 68,
+      columnNumber: 9
     }
   }, shouldShowSearch && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     padding: "0 SP3 SP2 SP3",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 68,
-      columnNumber: 11
+      lineNumber: 70,
+      columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_CustomColumnsSearch.CustomColumnsSearch, {
     state: state,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 69,
-      columnNumber: 13
+      lineNumber: 71,
+      columnNumber: 15
     }
   }))), /*#__PURE__*/_react.default.createElement(_ScrollableContent.ScrollableContent, {
     overflowY: true,
@@ -92,16 +95,16 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 73,
-      columnNumber: 7
+      lineNumber: 75,
+      columnNumber: 9
     }
   }, hasSearchValue && !hasSearchResults ? /*#__PURE__*/_react.default.createElement(_CustomColumnsNoResults.CustomColumnsNoResults, {
     state: state,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 83,
-      columnNumber: 11
+      lineNumber: 85,
+      columnNumber: 13
     }
   }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (collectionDataExtension == null || (_collectionDataExtens = collectionDataExtension.dataExtension) == null ? void 0 : _collectionDataExtens.shouldDisplayArchive) && (collectionDataExtension == null || (_collectionDataExtens2 = collectionDataExtension.DataExtension) == null ? void 0 : _collectionDataExtens2.CustomColumnsArchivedItemsCTAButton) && /*#__PURE__*/_react.default.createElement(collectionDataExtension.DataExtension.CustomColumnsArchivedItemsCTAButton, {
     dataExtension: collectionDataExtension.dataExtension,
@@ -110,24 +113,24 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 89,
-      columnNumber: 17
+      lineNumber: 91,
+      columnNumber: 19
     }
   }), /*#__PURE__*/_react.default.createElement(_ColumnsList.ColumnsList, {
     state: state,
-    fieldActions: fieldActions,
+    fieldActions: fieldActionsByColumn,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 95,
-      columnNumber: 13
+      lineNumber: 97,
+      columnNumber: 15
     }
   }))), (collectionDataExtension == null || (_collectionDataExtens3 = collectionDataExtension.DataExtension) == null ? void 0 : _collectionDataExtens3.CustomColumnsAddCustomFieldCTAButton) && /*#__PURE__*/_react.default.createElement(collectionDataExtension.DataExtension.CustomColumnsAddCustomFieldCTAButton, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 101,
-      columnNumber: 9
+      lineNumber: 103,
+      columnNumber: 11
     }
   }), (schemaCtx == null ? void 0 : schemaCtx.addField) && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "vertical",
@@ -135,16 +138,16 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 104,
-      columnNumber: 9
+      lineNumber: 106,
+      columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
     direction: "horizontal",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 105,
-      columnNumber: 11
+      lineNumber: 107,
+      columnNumber: 13
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     padding: "SP4",
@@ -154,8 +157,8 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 106,
-      columnNumber: 11
+      lineNumber: 108,
+      columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.AddItem, {
     dataHook: "custom-columns-schema-add-field",
@@ -163,10 +166,10 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 112,
-      columnNumber: 13
+      lineNumber: 114,
+      columnNumber: 15
     }
-  }, t('cairo.customFields.addCustomField.CTA')))));
+  }, t('cairo.customFields.addCustomField.CTA'))))), fieldActionsModal);
 }
 const CustomColumnsPanel = exports.CustomColumnsPanel = (0, _mobxReactLite.observer)(_CustomColumnsPanel);
 //# sourceMappingURL=CustomColumnsPanel.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_react2","_mobxReactLite","_ColumnsList","_CustomColumnsSearch","_CustomColumnsNoResults","_useRafRender","_ScrollableContent","_PatternsSidePanel","_SchemaContext","_useSidePanelFieldActions","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CustomColumnsPanel","state","_schemaCtx$schema","_collectionDataExtens","_collectionDataExtens2","_collectionDataExtens3","entered","useRafRender","translate","useWixPatternsContainer","dragAndDrop","collectionDataExtension","schemaCtx","useSchemaContext","isSchema","schema","isEditable","fieldActions","useSidePanelFieldActions","columnsCollection","result","items","useEffect","init","hasSearchResults","length","hasSearchValue","searchValue","trim","totalColumns","orderedColumns","isUsingDataExtension","shouldShowSearch","titleKey","subtitleKey","createElement","PatternsSidePanel","dataHook","width","onClose","__self","__source","fileName","lineNumber","columnNumber","SidePanel","Header","title","subtitle","Box","padding","CustomColumnsSearch","ScrollableContent","overflowY","ref","listRect","element","CustomColumnsNoResults","Fragment","dataExtension","shouldDisplayArchive","DataExtension","CustomColumnsArchivedItemsCTAButton","onCloseSidePanel","ColumnsList","CustomColumnsAddCustomFieldCTAButton","addField","direction","Divider","boxSizing","AddItem","onClick","CustomColumnsPanel","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsPanel.tsx"],"sourcesContent":["import { AddItem, Box, Divider, SidePanel } from '@wix/design-system';\nimport React, { useEffect } from 'react';\nimport { CustomColumnsPanelStateBase } from '../../state/CustomColumnsPanelStateBase';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { ColumnsList } from './ColumnsList';\nimport { CustomColumnsSearch } from './CustomColumnsSearch';\nimport { CustomColumnsNoResults } from './CustomColumnsNoResults';\nimport { useRafRender } from '../../hooks/useRafRender';\nimport { ScrollableContent } from '../ScrollableContent';\nimport { PatternsSidePanel } from '../SidePanel/PatternsSidePanel';\nimport { useSchemaContext } from '../../providers/SchemaContext';\nimport { useSidePanelFieldActions } from './useSidePanelFieldActions';\n\nexport interface CustomColumnsPanelProps<T, F extends FiltersMap> {\n  state: CustomColumnsPanelStateBase<T, F>;\n}\n\nexport function _CustomColumnsPanel<T, F extends FiltersMap>({\n  state,\n}: CustomColumnsPanelProps<T, F>) {\n  const entered = useRafRender();\n  const { translate: t } = useWixPatternsContainer();\n\n  const { dragAndDrop, collectionDataExtension } = state;\n  const schemaCtx = useSchemaContext();\n  const isSchema = !!schemaCtx?.schema;\n  const isEditable = !!collectionDataExtension || isSchema;\n  const fieldActions = useSidePanelFieldActions(\n    isEditable ? state.columnsCollection.result.items : [],\n    schemaCtx?.schema?.fieldActions,\n  );\n\n  useEffect(() => state.init(), []);\n\n  if (!entered) {\n    return null;\n  }\n\n  const hasSearchResults = state.columnsCollection.result.items.length > 0;\n  const hasSearchValue = state.searchValue.trim().length > 0;\n  const totalColumns = state.orderedColumns.length;\n  const isUsingDataExtension = !!collectionDataExtension;\n\n  // Show search if they're using DEx OR if there are more than 5 columns\n  const shouldShowSearch = isUsingDataExtension || totalColumns > 5;\n\n  const titleKey = isEditable\n    ? 'cairo.table.manage-fields.title'\n    : 'cairo.table.custom-columns.title';\n  const subtitleKey = isEditable\n    ? dragAndDrop\n      ? 'cairo.table.manage-fields.dragAndDrop.subtitle'\n      : 'cairo.table.manage-fields.subtitle'\n    : dragAndDrop\n    ? 'cairo.table.custom-columns.dragAndDrop.subtitle'\n    : 'cairo.table.custom-columns.subtitle';\n\n  return (\n    <PatternsSidePanel\n      dataHook=\"custom-columns-panel\"\n      width=\"100%\"\n      onClose={() => state.onClose()}\n    >\n      <SidePanel.Header title={t(titleKey)} subtitle={t(subtitleKey)}>\n        {shouldShowSearch && (\n          <Box padding=\"0 SP3 SP2 SP3\">\n            <CustomColumnsSearch state={state} />\n          </Box>\n        )}\n      </SidePanel.Header>\n      <ScrollableContent\n        overflowY\n        dataHook=\"custom-columns-panel-scroll-container\"\n        ref={(e) => {\n          if (state.dragAndDrop) {\n            state.dragAndDrop.listRect.element = e;\n          }\n        }}\n      >\n        {hasSearchValue && !hasSearchResults ? (\n          <CustomColumnsNoResults state={state} />\n        ) : (\n          <>\n            {collectionDataExtension?.dataExtension?.shouldDisplayArchive &&\n              collectionDataExtension?.DataExtension\n                ?.CustomColumnsArchivedItemsCTAButton && (\n                <collectionDataExtension.DataExtension.CustomColumnsArchivedItemsCTAButton\n                  dataExtension={collectionDataExtension.dataExtension}\n                  onCloseSidePanel={() => state.onClose()}\n                  dataHook=\"custom-columns\"\n                />\n              )}\n            <ColumnsList state={state} fieldActions={fieldActions} />\n          </>\n        )}\n      </ScrollableContent>\n      {collectionDataExtension?.DataExtension\n        ?.CustomColumnsAddCustomFieldCTAButton && (\n        <collectionDataExtension.DataExtension.CustomColumnsAddCustomFieldCTAButton />\n      )}\n      {schemaCtx?.addField && (\n        <Box direction=\"vertical\" width=\"100%\">\n          <Divider direction=\"horizontal\" />\n          <Box\n            padding=\"SP4\"\n            width=\"100%\"\n            boxSizing=\"border-box\"\n            direction=\"vertical\"\n          >\n            <AddItem\n              dataHook=\"custom-columns-schema-add-field\"\n              onClick={schemaCtx.addField}\n            >\n              {t('cairo.customFields.addCustomField.CTA')}\n            </AddItem>\n          </Box>\n        </Box>\n      )}\n    </PatternsSidePanel>\n  );\n}\n\nexport const CustomColumnsPanel = observer(_CustomColumnsPanel);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_react2","_mobxReactLite","_ColumnsList","_CustomColumnsSearch","_CustomColumnsNoResults","_useRafRender","_ScrollableContent","_PatternsSidePanel","_SchemaContext","_useSidePanelFieldActions","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CustomColumnsPanel","state","_schemaCtx$schema","_schemaCtx$schema2","_collectionDataExtens","_collectionDataExtens2","_collectionDataExtens3","entered","useRafRender","translate","useWixPatternsContainer","dragAndDrop","collectionDataExtension","schemaCtx","useSchemaContext","isSchema","schema","isEditable","fieldActionsByColumn","fieldActionsModal","useSidePanelFieldActions","columnsCollection","result","items","fieldActions","refresh","useEffect","init","hasSearchResults","length","hasSearchValue","searchValue","trim","totalColumns","orderedColumns","isUsingDataExtension","shouldShowSearch","titleKey","subtitleKey","createElement","Fragment","PatternsSidePanel","dataHook","width","onClose","__self","__source","fileName","lineNumber","columnNumber","SidePanel","Header","title","subtitle","Box","padding","CustomColumnsSearch","ScrollableContent","overflowY","ref","listRect","element","CustomColumnsNoResults","dataExtension","shouldDisplayArchive","DataExtension","CustomColumnsArchivedItemsCTAButton","onCloseSidePanel","ColumnsList","CustomColumnsAddCustomFieldCTAButton","addField","direction","Divider","boxSizing","AddItem","onClick","CustomColumnsPanel","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsPanel.tsx"],"sourcesContent":["import { AddItem, Box, Divider, SidePanel } from '@wix/design-system';\nimport React, { useEffect } from 'react';\nimport { CustomColumnsPanelStateBase } from '../../state/CustomColumnsPanelStateBase';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { ColumnsList } from './ColumnsList';\nimport { CustomColumnsSearch } from './CustomColumnsSearch';\nimport { CustomColumnsNoResults } from './CustomColumnsNoResults';\nimport { useRafRender } from '../../hooks/useRafRender';\nimport { ScrollableContent } from '../ScrollableContent';\nimport { PatternsSidePanel } from '../SidePanel/PatternsSidePanel';\nimport { useSchemaContext } from '../../providers/SchemaContext';\nimport { useSidePanelFieldActions } from './useSidePanelFieldActions';\n\nexport interface CustomColumnsPanelProps<T, F extends FiltersMap> {\n  state: CustomColumnsPanelStateBase<T, F>;\n}\n\nexport function _CustomColumnsPanel<T, F extends FiltersMap>({\n  state,\n}: CustomColumnsPanelProps<T, F>) {\n  const entered = useRafRender();\n  const { translate: t } = useWixPatternsContainer();\n\n  const { dragAndDrop, collectionDataExtension } = state;\n  const schemaCtx = useSchemaContext();\n  const isSchema = !!schemaCtx?.schema;\n  const isEditable = !!collectionDataExtension || isSchema;\n  const { fieldActionsByColumn, fieldActionsModal } = useSidePanelFieldActions(\n    isEditable ? state.columnsCollection.result.items : [],\n    schemaCtx?.schema?.fieldActions,\n    schemaCtx?.schema?.refresh,\n  );\n\n  useEffect(() => state.init(), []);\n\n  if (!entered) {\n    return null;\n  }\n\n  const hasSearchResults = state.columnsCollection.result.items.length > 0;\n  const hasSearchValue = state.searchValue.trim().length > 0;\n  const totalColumns = state.orderedColumns.length;\n  const isUsingDataExtension = !!collectionDataExtension;\n\n  // Show search if they're using DEx OR if there are more than 5 columns\n  const shouldShowSearch = isUsingDataExtension || totalColumns > 5;\n\n  const titleKey = isEditable\n    ? 'cairo.table.manage-fields.title'\n    : 'cairo.table.custom-columns.title';\n  const subtitleKey = isEditable\n    ? dragAndDrop\n      ? 'cairo.table.manage-fields.dragAndDrop.subtitle'\n      : 'cairo.table.manage-fields.subtitle'\n    : dragAndDrop\n    ? 'cairo.table.custom-columns.dragAndDrop.subtitle'\n    : 'cairo.table.custom-columns.subtitle';\n\n  return (\n    <>\n      <PatternsSidePanel\n        dataHook=\"custom-columns-panel\"\n        width=\"100%\"\n        onClose={() => state.onClose()}\n      >\n        <SidePanel.Header title={t(titleKey)} subtitle={t(subtitleKey)}>\n          {shouldShowSearch && (\n            <Box padding=\"0 SP3 SP2 SP3\">\n              <CustomColumnsSearch state={state} />\n            </Box>\n          )}\n        </SidePanel.Header>\n        <ScrollableContent\n          overflowY\n          dataHook=\"custom-columns-panel-scroll-container\"\n          ref={(e) => {\n            if (state.dragAndDrop) {\n              state.dragAndDrop.listRect.element = e;\n            }\n          }}\n        >\n          {hasSearchValue && !hasSearchResults ? (\n            <CustomColumnsNoResults state={state} />\n          ) : (\n            <>\n              {collectionDataExtension?.dataExtension?.shouldDisplayArchive &&\n                collectionDataExtension?.DataExtension\n                  ?.CustomColumnsArchivedItemsCTAButton && (\n                  <collectionDataExtension.DataExtension.CustomColumnsArchivedItemsCTAButton\n                    dataExtension={collectionDataExtension.dataExtension}\n                    onCloseSidePanel={() => state.onClose()}\n                    dataHook=\"custom-columns\"\n                  />\n                )}\n              <ColumnsList state={state} fieldActions={fieldActionsByColumn} />\n            </>\n          )}\n        </ScrollableContent>\n        {collectionDataExtension?.DataExtension\n          ?.CustomColumnsAddCustomFieldCTAButton && (\n          <collectionDataExtension.DataExtension.CustomColumnsAddCustomFieldCTAButton />\n        )}\n        {schemaCtx?.addField && (\n          <Box direction=\"vertical\" width=\"100%\">\n            <Divider direction=\"horizontal\" />\n            <Box\n              padding=\"SP4\"\n              width=\"100%\"\n              boxSizing=\"border-box\"\n              direction=\"vertical\"\n            >\n              <AddItem\n                dataHook=\"custom-columns-schema-add-field\"\n                onClick={schemaCtx.addField}\n              >\n                {t('cairo.customFields.addCustomField.CTA')}\n              </AddItem>\n            </Box>\n          </Box>\n        )}\n      </PatternsSidePanel>\n      {fieldActionsModal}\n    </>\n  );\n}\n\nexport const CustomColumnsPanel = observer(_CustomColumnsPanel);\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _ActionModal = require("../ActionModal");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomColumnsPanel/SidePanelFieldActionsModal.tsx";
+function _SidePanelFieldActionsModal({
+  state
+}) {
+  const value = state.confirmModal.value;
+  if (!value) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_ActionModal.MessageActionModal, (0, _extends2.default)({
+    state: state.confirmModal
+  }, value, {
+    primaryButtonProps: {
+      ...value.primaryButtonProps,
+      disabled: state.deleteTask.status.isLoading
+    },
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 16,
+      columnNumber: 5
+    }
+  }));
+}
+const SidePanelFieldActionsModal = (0, _mobxReactLite.observer)(_SidePanelFieldActionsModal);
+var _default = exports.default = SidePanelFieldActionsModal;
+//# sourceMappingURL=SidePanelFieldActionsModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_ActionModal","_jsxFileName","_SidePanelFieldActionsModal","state","value","confirmModal","default","createElement","MessageActionModal","_extends2","primaryButtonProps","disabled","deleteTask","status","isLoading","__self","__source","fileName","lineNumber","columnNumber","SidePanelFieldActionsModal","observer","_default","exports"],"sources":["../../../../src/components/CustomColumnsPanel/SidePanelFieldActionsModal.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { MessageActionModal } from '../ActionModal';\nimport type { FieldActionsState } from '../../state/FieldActionsState';\n\ninterface Props {\n  state: FieldActionsState;\n}\n\nfunction _SidePanelFieldActionsModal({ state }: Props) {\n  const value = state.confirmModal.value;\n  if (!value) {\n    return null;\n  }\n  return (\n    <MessageActionModal\n      state={state.confirmModal}\n      {...value}\n      primaryButtonProps={{\n        ...value.primaryButtonProps,\n        disabled: state.deleteTask.status.isLoading,\n      }}\n    />\n  );\n}\n\nconst SidePanelFieldActionsModal = observer(_SidePanelFieldActionsModal);\n\nexport default SidePanelFieldActionsModal;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAAoD,IAAAG,YAAA;AAOpD,SAASC,2BAA2BA,CAAC;EAAEC;AAAa,CAAC,EAAE;EACrD,MAAMC,KAAK,GAAGD,KAAK,CAACE,YAAY,CAACD,KAAK;EACtC,IAAI,CAACA,KAAK,EAAE;IACV,OAAO,IAAI;EACb;EACA,oBACER,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,YAAA,CAAAQ,kBAAkB,MAAAC,SAAA,CAAAH,OAAA;IACjBH,KAAK,EAAEA,KAAK,CAACE;EAAa,GACtBD,KAAK;IACTM,kBAAkB,EAAE;MAClB,GAAGN,KAAK,CAACM,kBAAkB;MAC3BC,QAAQ,EAAER,KAAK,CAACS,UAAU,CAACC,MAAM,CAACC;IACpC,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,EACH,CAAC;AAEN;AAEA,MAAMC,0BAA0B,GAAG,IAAAC,uBAAQ,EAACnB,2BAA2B,CAAC;AAAC,IAAAoB,QAAA,GAAAC,OAAA,CAAAjB,OAAA,GAE1Dc,0BAA0B","ignoreList":[]}

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

@@ -2,8 +2,9 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.SidePanelFieldActionsRow = SidePanelFieldActionsRow;
+exports.SidePanelFieldActionsRow = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
 var _FieldActions = require("../FieldActions");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomColumnsPanel/SidePanelFieldActionsRow.tsx";
 const SIDE_PANEL_ACTION_GROUPS = [['editField'], ['makePrimary', 'duplicateField', 'duplicateFieldWithContent'], ['delete']];
@@ -16,22 +17,39 @@ function toFieldActionColumn(col) {
     cellType: isText ? 'text' : col.fieldType
   };
 }
-function SidePanelFieldActionsRow({
+function _SidePanelFieldActionsRow({
   column,
-  fieldActions,
-  permissions
+  state
 }) {
-  const handlers = {
-    editField: fieldActions != null && fieldActions.editField ? id => fieldActions.editField(id, {}) : undefined,
-    makePrimary: fieldActions == null ? void 0 : fieldActions.makePrimary,
-    duplicateField: fieldActions == null ? void 0 : fieldActions.duplicateField,
-    duplicateFieldWithContent: fieldActions == null ? void 0 : fieldActions.duplicateFieldWithContent,
-    delete: fieldActions == null ? void 0 : fieldActions.deleteField
-  };
+  const {
+    handlers: fieldActions,
+    permissions
+  } = state;
+  const handlers = {};
+  if (fieldActions != null && fieldActions.editField) {
+    handlers.editField = id => fieldActions.editField(id, {});
+  }
+  if (fieldActions != null && fieldActions.makePrimary) {
+    handlers.makePrimary = id => state.makePrimary(id);
+  }
+  if (fieldActions != null && fieldActions.duplicateField) {
+    handlers.duplicateField = id => state.duplicate(id);
+  }
+  if (fieldActions != null && fieldActions.duplicateFieldWithContent) {
+    handlers.duplicateFieldWithContent = id => state.duplicateWithContent(id);
+  }
+  if (fieldActions != null && fieldActions.deleteField) {
+    handlers.delete = id => state.confirmDelete(id);
+  }
   const groups = (0, _FieldActions.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) {
@@ -43,9 +61,10 @@ function SidePanelFieldActionsRow({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 64,
+      lineNumber: 76,
       columnNumber: 5
     }
   });
 }
+const SidePanelFieldActionsRow = exports.SidePanelFieldActionsRow = (0, _mobxReactLite.observer)(_SidePanelFieldActionsRow);
 //# sourceMappingURL=SidePanelFieldActionsRow.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_FieldActions","_jsxFileName","SIDE_PANEL_ACTION_GROUPS","toFieldActionColumn","col","isText","fieldType","id","isPrimary","isSystem","cellType","SidePanelFieldActionsRow","column","fieldActions","permissions","handlers","editField","undefined","makePrimary","duplicateField","duplicateFieldWithContent","delete","deleteField","groups","buildFieldActionGroups","length","default","createElement","HeaderActionsPopover","actions","dataHook","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/CustomColumnsPanel/SidePanelFieldActionsRow.tsx"],"sourcesContent":["import React from 'react';\nimport type { Column } from '../../model';\nimport type { FieldActions } from '../../types/SchemaConfig';\nimport {\n  buildFieldActionGroups,\n  HeaderActionsPopover,\n  type FieldActionColumn,\n  type FieldActionHandlers,\n  type FieldActionPermissions,\n} from '../FieldActions';\n\nconst SIDE_PANEL_ACTION_GROUPS: Parameters<\n  typeof buildFieldActionGroups\n>[0]['groups'] = [\n  ['editField'],\n  ['makePrimary', 'duplicateField', 'duplicateFieldWithContent'],\n  ['delete'],\n];\n\nfunction toFieldActionColumn(col: Column): FieldActionColumn & { id: string } {\n  const isText =\n    col.fieldType === 'SHORT_TEXT' || col.fieldType === 'LONG_TEXT';\n  return {\n    id: col.id,\n    isPrimary: col.isPrimary,\n    isSystem: col.isSystem,\n    cellType: isText ? 'text' : col.fieldType,\n  };\n}\n\nexport interface SidePanelFieldActionsRowProps {\n  column: Column;\n  fieldActions?: FieldActions;\n  permissions?: FieldActionPermissions;\n}\n\nexport function SidePanelFieldActionsRow({\n  column,\n  fieldActions,\n  permissions,\n}: SidePanelFieldActionsRowProps) {\n  const handlers: FieldActionHandlers = {\n    editField: fieldActions?.editField\n      ? (id) => fieldActions.editField!(id, {})\n      : undefined,\n    makePrimary: fieldActions?.makePrimary,\n    duplicateField: fieldActions?.duplicateField,\n    duplicateFieldWithContent: fieldActions?.duplicateFieldWithContent,\n    delete: fieldActions?.deleteField,\n  };\n\n  const groups = buildFieldActionGroups({\n    column: toFieldActionColumn(column),\n    permissions,\n    handlers,\n    groups: SIDE_PANEL_ACTION_GROUPS,\n  });\n\n  if (groups.length === 0) {\n    return null;\n  }\n\n  return (\n    <HeaderActionsPopover\n      actions={groups}\n      dataHook={`side-panel-field-actions-${column.id}`}\n    />\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,aAAA,GAAAD,OAAA;AAMyB,IAAAE,YAAA;AAEzB,MAAMC,wBAEQ,GAAG,CACf,CAAC,WAAW,CAAC,EACb,CAAC,aAAa,EAAE,gBAAgB,EAAE,2BAA2B,CAAC,EAC9D,CAAC,QAAQ,CAAC,CACX;AAED,SAASC,mBAAmBA,CAACC,GAAW,EAAsC;EAC5E,MAAMC,MAAM,GACVD,GAAG,CAACE,SAAS,KAAK,YAAY,IAAIF,GAAG,CAACE,SAAS,KAAK,WAAW;EACjE,OAAO;IACLC,EAAE,EAAEH,GAAG,CAACG,EAAE;IACVC,SAAS,EAAEJ,GAAG,CAACI,SAAS;IACxBC,QAAQ,EAAEL,GAAG,CAACK,QAAQ;IACtBC,QAAQ,EAAEL,MAAM,GAAG,MAAM,GAAGD,GAAG,CAACE;EAClC,CAAC;AACH;AAQO,SAASK,wBAAwBA,CAAC;EACvCC,MAAM;EACNC,YAAY;EACZC;AAC6B,CAAC,EAAE;EAChC,MAAMC,QAA6B,GAAG;IACpCC,SAAS,EAAEH,YAAY,YAAZA,YAAY,CAAEG,SAAS,GAC7BT,EAAE,IAAKM,YAAY,CAACG,SAAS,CAAET,EAAE,EAAE,CAAC,CAAC,CAAC,GACvCU,SAAS;IACbC,WAAW,EAAEL,YAAY,oBAAZA,YAAY,CAAEK,WAAW;IACtCC,cAAc,EAAEN,YAAY,oBAAZA,YAAY,CAAEM,cAAc;IAC5CC,yBAAyB,EAAEP,YAAY,oBAAZA,YAAY,CAAEO,yBAAyB;IAClEC,MAAM,EAAER,YAAY,oBAAZA,YAAY,CAAES;EACxB,CAAC;EAED,MAAMC,MAAM,GAAG,IAAAC,oCAAsB,EAAC;IACpCZ,MAAM,EAAET,mBAAmB,CAACS,MAAM,CAAC;IACnCE,WAAW;IACXC,QAAQ;IACRQ,MAAM,EAAErB;EACV,CAAC,CAAC;EAEF,IAAIqB,MAAM,CAACE,MAAM,KAAK,CAAC,EAAE;IACvB,OAAO,IAAI;EACb;EAEA,oBACE5B,MAAA,CAAA6B,OAAA,CAAAC,aAAA,CAAC3B,aAAA,CAAA4B,oBAAoB;IACnBC,OAAO,EAAEN,MAAO;IAChBO,QAAQ,EAAE,4BAA4BlB,MAAM,CAACL,EAAE,EAAG;IAAAwB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhC,YAAA;MAAAiC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACnD,CAAC;AAEN","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_FieldActions","_jsxFileName","SIDE_PANEL_ACTION_GROUPS","toFieldActionColumn","col","isText","fieldType","id","isPrimary","isSystem","cellType","_SidePanelFieldActionsRow","column","state","handlers","fieldActions","permissions","editField","makePrimary","duplicateField","duplicate","duplicateFieldWithContent","duplicateWithContent","deleteField","delete","confirmDelete","groups","buildFieldActionGroups","loading","isMakingPrimary","isDuplicating","isDuplicatingWithContent","length","default","createElement","HeaderActionsPopover","actions","dataHook","__self","__source","fileName","lineNumber","columnNumber","SidePanelFieldActionsRow","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/SidePanelFieldActionsRow.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport type { Column } from '../../model';\nimport {\n  buildFieldActionGroups,\n  HeaderActionsPopover,\n  type FieldActionColumn,\n  type FieldActionHandlers,\n  type FieldActionKey,\n} from '../FieldActions';\nimport { FieldActionsState } from '../../state/FieldActionsState';\n\nconst SIDE_PANEL_ACTION_GROUPS: FieldActionKey[][] = [\n  ['editField'],\n  ['makePrimary', 'duplicateField', 'duplicateFieldWithContent'],\n  ['delete'],\n];\n\nfunction toFieldActionColumn(col: Column): FieldActionColumn & { id: string } {\n  const isText =\n    col.fieldType === 'SHORT_TEXT' || col.fieldType === 'LONG_TEXT';\n  return {\n    id: col.id,\n    isPrimary: col.isPrimary,\n    isSystem: col.isSystem,\n    cellType: isText ? 'text' : col.fieldType,\n  };\n}\n\nexport interface SidePanelFieldActionsRowProps {\n  column: Column;\n  state: FieldActionsState;\n}\n\nfunction _SidePanelFieldActionsRow({\n  column,\n  state,\n}: SidePanelFieldActionsRowProps) {\n  const { handlers: fieldActions, permissions } = state;\n\n  const handlers: FieldActionHandlers = {};\n\n  if (fieldActions?.editField) {\n    handlers.editField = (id) => fieldActions.editField!(id, {});\n  }\n  if (fieldActions?.makePrimary) {\n    handlers.makePrimary = (id) => state.makePrimary(id);\n  }\n  if (fieldActions?.duplicateField) {\n    handlers.duplicateField = (id) => state.duplicate(id);\n  }\n  if (fieldActions?.duplicateFieldWithContent) {\n    handlers.duplicateFieldWithContent = (id) => state.duplicateWithContent(id);\n  }\n  if (fieldActions?.deleteField) {\n    handlers.delete = (id) => state.confirmDelete(id);\n  }\n\n  const groups = buildFieldActionGroups({\n    column: toFieldActionColumn(column),\n    permissions,\n    handlers,\n    loading: {\n      makePrimary: state.isMakingPrimary,\n      duplicateField: state.isDuplicating,\n      duplicateFieldWithContent: state.isDuplicatingWithContent,\n    },\n    groups: SIDE_PANEL_ACTION_GROUPS,\n  });\n\n  if (groups.length === 0) {\n    return null;\n  }\n\n  return (\n    <HeaderActionsPopover\n      actions={groups}\n      dataHook={`side-panel-field-actions-${column.id}`}\n    />\n  );\n}\n\nexport const SidePanelFieldActionsRow = observer(_SidePanelFieldActionsRow);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AAMyB,IAAAG,YAAA;AAGzB,MAAMC,wBAA4C,GAAG,CACnD,CAAC,WAAW,CAAC,EACb,CAAC,aAAa,EAAE,gBAAgB,EAAE,2BAA2B,CAAC,EAC9D,CAAC,QAAQ,CAAC,CACX;AAED,SAASC,mBAAmBA,CAACC,GAAW,EAAsC;EAC5E,MAAMC,MAAM,GACVD,GAAG,CAACE,SAAS,KAAK,YAAY,IAAIF,GAAG,CAACE,SAAS,KAAK,WAAW;EACjE,OAAO;IACLC,EAAE,EAAEH,GAAG,CAACG,EAAE;IACVC,SAAS,EAAEJ,GAAG,CAACI,SAAS;IACxBC,QAAQ,EAAEL,GAAG,CAACK,QAAQ;IACtBC,QAAQ,EAAEL,MAAM,GAAG,MAAM,GAAGD,GAAG,CAACE;EAClC,CAAC;AACH;AAOA,SAASK,yBAAyBA,CAAC;EACjCC,MAAM;EACNC;AAC6B,CAAC,EAAE;EAChC,MAAM;IAAEC,QAAQ,EAAEC,YAAY;IAAEC;EAAY,CAAC,GAAGH,KAAK;EAErD,MAAMC,QAA6B,GAAG,CAAC,CAAC;EAExC,IAAIC,YAAY,YAAZA,YAAY,CAAEE,SAAS,EAAE;IAC3BH,QAAQ,CAACG,SAAS,GAAIV,EAAE,IAAKQ,YAAY,CAACE,SAAS,CAAEV,EAAE,EAAE,CAAC,CAAC,CAAC;EAC9D;EACA,IAAIQ,YAAY,YAAZA,YAAY,CAAEG,WAAW,EAAE;IAC7BJ,QAAQ,CAACI,WAAW,GAAIX,EAAE,IAAKM,KAAK,CAACK,WAAW,CAACX,EAAE,CAAC;EACtD;EACA,IAAIQ,YAAY,YAAZA,YAAY,CAAEI,cAAc,EAAE;IAChCL,QAAQ,CAACK,cAAc,GAAIZ,EAAE,IAAKM,KAAK,CAACO,SAAS,CAACb,EAAE,CAAC;EACvD;EACA,IAAIQ,YAAY,YAAZA,YAAY,CAAEM,yBAAyB,EAAE;IAC3CP,QAAQ,CAACO,yBAAyB,GAAId,EAAE,IAAKM,KAAK,CAACS,oBAAoB,CAACf,EAAE,CAAC;EAC7E;EACA,IAAIQ,YAAY,YAAZA,YAAY,CAAEQ,WAAW,EAAE;IAC7BT,QAAQ,CAACU,MAAM,GAAIjB,EAAE,IAAKM,KAAK,CAACY,aAAa,CAAClB,EAAE,CAAC;EACnD;EAEA,MAAMmB,MAAM,GAAG,IAAAC,oCAAsB,EAAC;IACpCf,MAAM,EAAET,mBAAmB,CAACS,MAAM,CAAC;IACnCI,WAAW;IACXF,QAAQ;IACRc,OAAO,EAAE;MACPV,WAAW,EAAEL,KAAK,CAACgB,eAAe;MAClCV,cAAc,EAAEN,KAAK,CAACiB,aAAa;MACnCT,yBAAyB,EAAER,KAAK,CAACkB;IACnC,CAAC;IACDL,MAAM,EAAExB;EACV,CAAC,CAAC;EAEF,IAAIwB,MAAM,CAACM,MAAM,KAAK,CAAC,EAAE;IACvB,OAAO,IAAI;EACb;EAEA,oBACEpC,MAAA,CAAAqC,OAAA,CAAAC,aAAA,CAAClC,aAAA,CAAAmC,oBAAoB;IACnBC,OAAO,EAAEV,MAAO;IAChBW,QAAQ,EAAE,4BAA4BzB,MAAM,CAACL,EAAE,EAAG;IAAA+B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvC,YAAA;MAAAwC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACnD,CAAC;AAEN;AAEO,MAAMC,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,IAAAE,uBAAQ,EAAClC,yBAAyB,CAAC","ignoreList":[]}

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

@@ -3,13 +3,30 @@
 exports.__esModule = true;
 exports.useSidePanelFieldActions = useSidePanelFieldActions;
 var _react = _interopRequireWildcard(require("react"));
+var _react2 = require("@wix/bex-core/react");
+var _FieldActionsState = require("../../state/FieldActionsState");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomColumnsPanel/useSidePanelFieldActions.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const SidePanelFieldActionsRow = /*#__PURE__*/(0, _react.lazy)(() => Promise.resolve().then(() => _interopRequireWildcard(require(/* webpackChunkName: "SidePanelFieldActions" */'./SidePanelFieldActionsRow'))).then(m => ({
   default: m.SidePanelFieldActionsRow
 })));
-function useSidePanelFieldActions(columns, fieldActions, permissions) {
-  return (0, _react.useMemo)(() => {
+const SidePanelFieldActionsModal = /*#__PURE__*/(0, _react.lazy)(() => Promise.resolve().then(() => _interopRequireWildcard(require(/* webpackChunkName: "SidePanelFieldActions" */'./SidePanelFieldActionsModal'))));
+function useSidePanelFieldActions(columns, fieldActions, refresh, permissions) {
+  const {
+    translate,
+    showToast
+  } = (0, _react2.useWixPatternsContainer)();
+  const [fieldActionsState] = (0, _react.useState)(() => new _FieldActionsState.FieldActionsState(translate, fieldActions, permissions, showToast, refresh));
+  (0, _react.useEffect)(() => {
+    fieldActionsState.setHandlers(fieldActions);
+  }, [fieldActionsState, fieldActions]);
+  (0, _react.useEffect)(() => {
+    fieldActionsState.setPermissions(permissions);
+  }, [fieldActionsState, permissions]);
+  (0, _react.useEffect)(() => {
+    fieldActionsState.setRefresh(refresh);
+  }, [fieldActionsState, refresh]);
+  const fieldActionsByColumn = (0, _react.useMemo)(() => {
     const result = {};
     for (const col of columns) {
       result[col.id] = /*#__PURE__*/_react.default.createElement(_react.Suspense, {
@@ -17,22 +34,42 @@ function useSidePanelFieldActions(columns, fieldActions, permissions) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 24,
+          lineNumber: 71,
           columnNumber: 9
         }
       }, /*#__PURE__*/_react.default.createElement(SidePanelFieldActionsRow, {
         column: col,
-        fieldActions: fieldActions,
-        permissions: permissions,
+        state: fieldActionsState,
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 25,
+          lineNumber: 72,
           columnNumber: 11
         }
       }));
     }
     return result;
-  }, [columns, fieldActions, permissions]);
+  }, [columns, fieldActionsState]);
+  const fieldActionsModal = /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+    fallback: null,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 81,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(SidePanelFieldActionsModal, {
+    state: fieldActionsState,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 82,
+      columnNumber: 7
+    }
+  }));
+  return {
+    fieldActionsByColumn,
+    fieldActionsModal
+  };
 }
 //# sourceMappingURL=useSidePanelFieldActions.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SidePanelFieldActionsRow","lazy","Promise","resolve","then","m","useSidePanelFieldActions","columns","fieldActions","permissions","useMemo","result","col","id","createElement","Suspense","fallback","__self","__source","fileName","lineNumber","columnNumber","column"],"sources":["../../../../src/components/CustomColumnsPanel/useSidePanelFieldActions.tsx"],"sourcesContent":["import React, { Suspense, lazy, useMemo, type ReactNode } from 'react';\nimport type { Column } from '../../model';\nimport type { FieldActions } from '../../types/SchemaConfig';\nimport type { FieldActionPermissions } from '../FieldActions';\n\nconst SidePanelFieldActionsRow = lazy(() =>\n  import(\n    /* webpackChunkName: \"SidePanelFieldActions\" */ './SidePanelFieldActionsRow'\n  ).then((m) => ({\n    default: m.SidePanelFieldActionsRow,\n  })),\n);\n\nexport function useSidePanelFieldActions(\n  columns: Column[],\n  fieldActions?: FieldActions,\n  permissions?: FieldActionPermissions,\n): Record<string, ReactNode> {\n  return useMemo(() => {\n    const result: Record<string, ReactNode> = {};\n\n    for (const col of columns) {\n      result[col.id] = (\n        <Suspense fallback={null}>\n          <SidePanelFieldActionsRow\n            column={col}\n            fieldActions={fieldActions}\n            permissions={permissions}\n          />\n        </Suspense>\n      );\n    }\n\n    return result;\n  }, [columns, fieldActions, permissions]);\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAuE,IAAAC,YAAA;AAAA,SAAAF,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAKvE,MAAMkB,wBAAwB,gBAAG,IAAAC,WAAI,EAAC,MACpCC,OAAA,CAAAC,OAAA,GAAAC,IAAA,OAAA1B,uBAAA,CAAAC,OAAA,CACE,+CAAgD,4BAA4B,IAC5EyB,IAAI,CAAEC,CAAC,KAAM;EACbd,OAAO,EAAEc,CAAC,CAACL;AACb,CAAC,CAAC,CACJ,CAAC;AAEM,SAASM,wBAAwBA,CACtCC,OAAiB,EACjBC,YAA2B,EAC3BC,WAAoC,EACT;EAC3B,OAAO,IAAAC,cAAO,EAAC,MAAM;IACnB,MAAMC,MAAiC,GAAG,CAAC,CAAC;IAE5C,KAAK,MAAMC,GAAG,IAAIL,OAAO,EAAE;MACzBI,MAAM,CAACC,GAAG,CAACC,EAAE,CAAC,gBACZpC,MAAA,CAAAc,OAAA,CAAAuB,aAAA,CAACrC,MAAA,CAAAsC,QAAQ;QAACC,QAAQ,EAAE,IAAK;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAvC,YAAA;UAAAwC,UAAA;UAAAC,YAAA;QAAA;MAAA,gBACvB5C,MAAA,CAAAc,OAAA,CAAAuB,aAAA,CAACd,wBAAwB;QACvBsB,MAAM,EAAEV,GAAI;QACZJ,YAAY,EAAEA,YAAa;QAC3BC,WAAW,EAAEA,WAAY;QAAAQ,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAvC,YAAA;UAAAwC,UAAA;UAAAC,YAAA;QAAA;MAAA,CAC1B,CACO,CACX;IACH;IAEA,OAAOV,MAAM;EACf,CAAC,EAAE,CAACJ,OAAO,EAAEC,YAAY,EAAEC,WAAW,CAAC,CAAC;AAC1C","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_react2","_FieldActionsState","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SidePanelFieldActionsRow","lazy","Promise","resolve","then","m","SidePanelFieldActionsModal","useSidePanelFieldActions","columns","fieldActions","refresh","permissions","translate","showToast","useWixPatternsContainer","fieldActionsState","useState","FieldActionsState","useEffect","setHandlers","setPermissions","setRefresh","fieldActionsByColumn","useMemo","result","col","id","createElement","Suspense","fallback","__self","__source","fileName","lineNumber","columnNumber","column","state","fieldActionsModal"],"sources":["../../../../src/components/CustomColumnsPanel/useSidePanelFieldActions.tsx"],"sourcesContent":["import React, {\n  Suspense,\n  lazy,\n  useEffect,\n  useMemo,\n  useState,\n  type ReactNode,\n} from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport type { Column } from '../../model';\nimport type { FieldActions } from '../../types/SchemaConfig';\nimport type { FieldActionPermissions } from '../FieldActions';\nimport { FieldActionsState } from '../../state/FieldActionsState';\n\nconst SidePanelFieldActionsRow = lazy(() =>\n  import(\n    /* webpackChunkName: \"SidePanelFieldActions\" */ './SidePanelFieldActionsRow'\n  ).then((m) => ({\n    default: m.SidePanelFieldActionsRow,\n  })),\n);\n\nconst SidePanelFieldActionsModal = lazy(\n  () =>\n    import(\n      /* webpackChunkName: \"SidePanelFieldActions\" */ './SidePanelFieldActionsModal'\n    ),\n);\n\nexport interface UseSidePanelFieldActionsResult {\n  fieldActionsByColumn: Record<string, ReactNode>;\n  fieldActionsModal: ReactNode;\n}\n\nexport function useSidePanelFieldActions(\n  columns: Column[],\n  fieldActions?: FieldActions,\n  refresh?: () => Promise<void>,\n  permissions?: FieldActionPermissions,\n): UseSidePanelFieldActionsResult {\n  const { translate, showToast } = useWixPatternsContainer();\n\n  const [fieldActionsState] = useState(\n    () =>\n      new FieldActionsState(\n        translate,\n        fieldActions,\n        permissions,\n        showToast,\n        refresh,\n      ),\n  );\n\n  useEffect(() => {\n    fieldActionsState.setHandlers(fieldActions);\n  }, [fieldActionsState, fieldActions]);\n\n  useEffect(() => {\n    fieldActionsState.setPermissions(permissions);\n  }, [fieldActionsState, permissions]);\n\n  useEffect(() => {\n    fieldActionsState.setRefresh(refresh);\n  }, [fieldActionsState, refresh]);\n\n  const fieldActionsByColumn = useMemo(() => {\n    const result: Record<string, ReactNode> = {};\n\n    for (const col of columns) {\n      result[col.id] = (\n        <Suspense fallback={null}>\n          <SidePanelFieldActionsRow column={col} state={fieldActionsState} />\n        </Suspense>\n      );\n    }\n\n    return result;\n  }, [columns, fieldActionsState]);\n\n  const fieldActionsModal = (\n    <Suspense fallback={null}>\n      <SidePanelFieldActionsModal state={fieldActionsState} />\n    </Suspense>\n  );\n\n  return { fieldActionsByColumn, fieldActionsModal };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/DragHandle/DragHandle.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_ = "DragHandle3116975606";
+var _namespace_ = "DragHandle2954543528";
 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": "DragHandle3116975606__root"
+  "root": "DragHandle2954543528__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/DragHandle/DragHandle.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/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle3116975606\";\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\":\"DragHandle3116975606__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,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;AAA4B,CAAC;AACnD,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/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle2954543528\";\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\":\"DragHandle2954543528__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,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;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/EditableTable/EditableCell.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_ = "EditableCell466228143";
+var _namespace_ = "EditableCell2410741874";
 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": "EditableCell466228143__root",
-  "validationIndicator": "EditableCell466228143__validationIndicator"
+  "root": "EditableCell2410741874__root",
+  "validationIndicator": "EditableCell2410741874__validationIndicator"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/EditableTable/EditableCell.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EditableCell466228143\";\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\":\"EditableCell466228143__root\",\"validationIndicator\":\"EditableCell466228143__validationIndicator\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-B40\":\"--wsr-color-B40\",\"wsr-color-Y10\":\"--wsr-color-Y10\",\"wsr-color-D80\":\"--wsr-color-D80\"}; \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,qBAAqB,EAAC;AAA4C,CAAC;AACvH,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,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/EditableTable/EditableCell.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EditableCell2410741874\";\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\":\"EditableCell2410741874__root\",\"validationIndicator\":\"EditableCell2410741874__validationIndicator\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-B40\":\"--wsr-color-B40\",\"wsr-color-Y10\":\"--wsr-color-Y10\",\"wsr-color-D80\":\"--wsr-color-D80\"}; \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,qBAAqB,EAAC;AAA6C,CAAC;AACzH,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,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/EditableTable/HeaderActionsPopover.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_ = "HeaderActionsPopover3636173188";
+var _namespace_ = "HeaderActionsPopover2426526163";
 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": "HeaderActionsPopover3636173188__root"
+  "root": "HeaderActionsPopover2426526163__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/HeaderActionsPopover.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/EditableTable/HeaderActionsPopover.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"HeaderActionsPopover3636173188\";\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\":\"HeaderActionsPopover3636173188__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,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;AAAsC,CAAC;AAC7D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/EditableTable/HeaderActionsPopover.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"HeaderActionsPopover2426526163\";\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\":\"HeaderActionsPopover2426526163__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,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;AAAsC,CAAC;AAC7D,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":[]}