@wix/patterns 1.423.0 → 1.425.0

package/dist/cjs/components/DataExtension/dataExtensionFieldsSource.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_simplifyExtendedColumns","require","_dataExtensionFieldManagement","_dataExtensionArchive","FILTERABLE_TYPES","dataExtensionFieldsSourceFrom","params","d","dataExtension","toField","cf","id","displayName","label","type","toPatternsFieldType","isPii","capabilities","sortable","filterable","supportedQueryOperators","customFieldFor","availableCustomFields","find","f","fieldPath","field","_customFieldFor","prefixFieldWithNamespace","namespace","source","load","container","initTask","runOnce","Promise","all","status","promise","fetchSchemas","fields","map","filterableFields","filter","includes","manageableFields","availableUserCustomFields","columnIdForField","queryFieldId","getCellValue","row","_params$toExtendedFie","_customFieldFor2","toExtendedFields","namespaces","fieldManagement","dataExtensionFieldManagement","reportBi","groups","allNamespaces","fieldsForGroup","group","archive","dataExtensionArchive","exports"],"sources":["../../../../src/components/DataExtension/dataExtensionFieldsSource.ts"],"sourcesContent":["import type {\n  FieldsSource,\n  Field,\n  CustomField,\n  CustomFieldType,\n  DataExtensionState,\n  ExtendedFields,\n  ReportBI,\n} from '@wix/bex-core';\nimport { prefixFieldWithNamespace } from '../../state/simplifyExtendedColumns';\nimport {\n  dataExtensionFieldManagement,\n  toPatternsFieldType,\n} from './dataExtensionFieldManagement';\nimport { dataExtensionArchive } from './dataExtensionArchive';\n\nconst FILTERABLE_TYPES: CustomFieldType[] = [\n  'shortText',\n  'longText',\n  'url',\n  'date',\n  'dateTime',\n  'integer',\n  'decimal',\n  'checkbox',\n];\n\nexport interface DataExtensionFieldsSourceParams {\n  dataExtension: DataExtensionState;\n  reportBi: ReportBI;\n  toExtendedFields?: (row: any) => ExtendedFields | undefined | null;\n}\n\nexport const dataExtensionFieldsSourceFrom = (\n  params: DataExtensionFieldsSourceParams,\n): FieldsSource => {\n  const d = params.dataExtension;\n\n  const toField = (cf: CustomField): Field => ({\n    id: cf.id,\n    displayName: cf.label ?? cf.id,\n    type: toPatternsFieldType(cf.type),\n    isPii: cf.isPii,\n    capabilities: {\n      sortable: cf.filterable ?? false,\n      supportedQueryOperators: [],\n    },\n  });\n\n  const customFieldFor = (id: string): CustomField | undefined =>\n    d.availableCustomFields.find((f) => f.id === id);\n\n  // Field carries no namespace; recover it from the source CustomField so the\n  // namespace prefix stays inside the DataExtension adapter.\n  const fieldPath = (field: Field): string =>\n    prefixFieldWithNamespace(\n      field.id,\n      customFieldFor(field.id)?.namespace ?? '',\n    );\n\n  const source: FieldsSource = {\n    load: async () => {\n      d.container.initTask.runOnce();\n      await Promise.all([\n        d.container.initTask.status.promise,\n        d.fetchSchemas(),\n      ]);\n    },\n\n    get fields() {\n      return d.availableCustomFields.map(toField);\n    },\n    get filterableFields() {\n      if (!d.filterable) {\n        return [];\n      }\n      return d.availableCustomFields\n        .filter((f) => f.filterable && FILTERABLE_TYPES.includes(f.type))\n        .map(toField);\n    },\n    get manageableFields() {\n      return d.availableUserCustomFields.map(toField);\n    },\n    columnIdForField: fieldPath,\n    queryFieldId: fieldPath,\n    getCellValue: (row, field) =>\n      params.toExtendedFields?.(row)?.namespaces?.[\n        customFieldFor(field.id)?.namespace ?? ''\n      ]?.[field.id],\n\n    fieldManagement: dataExtensionFieldManagement({\n      dataExtension: d,\n      reportBi: params.reportBi,\n    }),\n\n    groups: {\n      get all() {\n        return d.allNamespaces;\n      },\n      fieldsForGroup: (group) =>\n        d.availableCustomFields\n          .filter((f) => f.namespace === group)\n          .map(toField),\n    },\n  };\n\n  // Always provide archive — NOT gated on enableArchive. It backs the remove\n  // confirm modal, which must open whether or not archive is enabled (the modal\n  // shows \"cannot be restored\" when it isn't). The archived-items panel stays\n  // hidden when archive is off via `shouldDisplayArchive` (= enableArchive && …).\n  source.archive = dataExtensionArchive({\n    dataExtension: d,\n    reportBi: params.reportBi,\n  });\n\n  return source;\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/DataExtension/dataExtensionRendering.js

@@ -0,0 +1,85 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.dataExtensionRendering = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _bexCore = require("@wix/bex-core");
+var _fieldTypePrefixIcons = require("../../utils/fieldTypePrefixIcons");
+var _FileCardList = require("../FileCard/FileCardList");
+var _dataExtensionFieldActions = require("./dataExtensionFieldActions");
+var _FieldManagementModals = require("../CustomFieldsPanel/FieldManagementModals");
+var _CustomColumnsFull = require("../CustomColumns/CustomColumnsFull");
+var _CollectionToolbarFilters = require("../CollectionToolbarFilters");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/DataExtension/dataExtensionRendering.tsx";
+/**
+ * Builds the DataExtension-specific config the spine needs, shaped as a
+ * FieldsSourceRendering. The spine builds the field-management panel from this;
+ * pairs with the DataExtension FieldsSource (the data).
+ */
+const dataExtensionRendering = ({
+  dataExtension,
+  toolbar,
+  DataExtension,
+  props
+}) => {
+  return {
+    columnOverrides: (field, {
+      firstBuild
+    }) => {
+      const cf = dataExtension.availableCustomFields.find(f => f.id === field.id);
+      const overrides = {
+        // Derive the icon from the source type, not the neutral type. The neutral
+        // type collapses distinct source types (e.g. dropdown into short text),
+        // which would change the icon.
+        fieldType: cf != null && cf.type ? (0, _fieldTypePrefixIcons.toFieldType)(cf.type) : undefined,
+        dataExtension: cf,
+        defaultHidden: firstBuild || (cf == null ? void 0 : cf.owner) !== 'user'
+      };
+      if (field.type === 'DOCUMENT') {
+        overrides.render = row => {
+          var _toolbar$collection$t;
+          const value = toolbar.collection.toExtendedFields == null || (_toolbar$collection$t = toolbar.collection.toExtendedFields(row)) == null || (_toolbar$collection$t = _toolbar$collection$t.namespaces) == null || (_toolbar$collection$t = _toolbar$collection$t[(cf == null ? void 0 : cf.namespace) ?? '']) == null ? void 0 : _toolbar$collection$t[field.id];
+          if (!value) {
+            return null;
+          }
+          const files = Array.isArray(value) ? value : [value];
+          return /*#__PURE__*/_react.default.createElement(_FileCardList.FileCardList, {
+            files: files,
+            __self: void 0,
+            __source: {
+              fileName: _jsxFileName,
+              lineNumber: 57,
+              columnNumber: 18
+            }
+          });
+        };
+      }
+      return overrides;
+    },
+    filterConfig: {
+      textOperators: _bexCore.STRING_OPERATORS,
+      numberIsDecimal: field => {
+        var _dataExtension$availa;
+        return ((_dataExtension$availa = dataExtension.availableCustomFields.find(f => f.id === field.id)) == null ? void 0 : _dataExtension$availa.type) === 'decimal';
+      },
+      // Derive the icon from the source type, not the neutral type (which would
+      // collapse distinct source types) — matching the column icon.
+      iconType: field => {
+        const cf = dataExtension.availableCustomFields.find(f => f.id === field.id);
+        return cf != null && cf.type ? (0, _fieldTypePrefixIcons.toFieldType)(cf.type) : (0, _fieldTypePrefixIcons.toFieldType)(field.type);
+      }
+    },
+    createFieldActionsMenu: (0, _dataExtensionFieldActions.createDataExtensionFieldActionsMenu)(dataExtension),
+    createFieldActionHandlers: panel => (0, _dataExtensionFieldActions.dataExtensionFieldActionHandlers)(dataExtension, panel),
+    featuredPageActions: [DataExtension.manageCustomFieldsPageAction],
+    props,
+    components: {
+      FieldManagementModals: _FieldManagementModals.FieldManagementModals,
+      CustomColumns: _CustomColumnsFull.CustomColumnsFull,
+      CollectionToolbarFilters: _CollectionToolbarFilters.CollectionToolbarFilters
+    }
+  };
+};
+exports.dataExtensionRendering = dataExtensionRendering;
+//# sourceMappingURL=dataExtensionRendering.js.map

package/dist/cjs/components/DataExtension/dataExtensionRendering.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_bexCore","_fieldTypePrefixIcons","_FileCardList","_dataExtensionFieldActions","_FieldManagementModals","_CustomColumnsFull","_CollectionToolbarFilters","_jsxFileName","dataExtensionRendering","dataExtension","toolbar","DataExtension","props","columnOverrides","field","firstBuild","cf","availableCustomFields","find","f","id","overrides","fieldType","type","toFieldType","undefined","defaultHidden","owner","render","row","_toolbar$collection$t","value","collection","toExtendedFields","namespaces","namespace","files","Array","isArray","default","createElement","FileCardList","__self","__source","fileName","lineNumber","columnNumber","filterConfig","textOperators","STRING_OPERATORS","numberIsDecimal","_dataExtension$availa","iconType","createFieldActionsMenu","createDataExtensionFieldActionsMenu","createFieldActionHandlers","panel","dataExtensionFieldActionHandlers","featuredPageActions","manageCustomFieldsPageAction","components","FieldManagementModals","CustomColumns","CustomColumnsFull","CollectionToolbarFilters","exports"],"sources":["../../../../src/components/DataExtension/dataExtensionRendering.tsx"],"sourcesContent":["import React from 'react';\nimport { STRING_OPERATORS } from '@wix/bex-core';\nimport type { DataExtensionState } from '@wix/bex-core';\nimport type { FieldsSourceRendering } from '../../state/CollectionFieldsSourceState';\nimport type { Column } from '../../model';\nimport type { ToolbarCollectionState } from '../../state';\nimport type { DataExtensionType, DataExtensionProps } from './DataExtension';\nimport { toFieldType } from '../../utils/fieldTypePrefixIcons';\nimport { FileCardList } from '../FileCard/FileCardList';\nimport {\n  createDataExtensionFieldActionsMenu,\n  dataExtensionFieldActionHandlers,\n} from './dataExtensionFieldActions';\nimport { FieldManagementModals } from '../CustomFieldsPanel/FieldManagementModals';\nimport { CustomColumnsFull } from '../CustomColumns/CustomColumnsFull';\nimport { CollectionToolbarFilters } from '../CollectionToolbarFilters';\n\n/**\n * Builds the DataExtension-specific config the spine needs, shaped as a\n * FieldsSourceRendering. The spine builds the field-management panel from this;\n * pairs with the DataExtension FieldsSource (the data).\n */\nexport const dataExtensionRendering = ({\n  dataExtension,\n  toolbar,\n  DataExtension,\n  props,\n}: {\n  dataExtension: DataExtensionState;\n  toolbar: ToolbarCollectionState<any, any>;\n  DataExtension: DataExtensionType;\n  props?: DataExtensionProps;\n}): FieldsSourceRendering => {\n  return {\n    columnOverrides: (field, { firstBuild }): Partial<Column> => {\n      const cf = dataExtension.availableCustomFields.find(\n        (f) => f.id === field.id,\n      );\n      const overrides: Partial<Column> = {\n        // Derive the icon from the source type, not the neutral type. The neutral\n        // type collapses distinct source types (e.g. dropdown into short text),\n        // which would change the icon.\n        fieldType: cf?.type ? toFieldType(cf.type) : undefined,\n        dataExtension: cf,\n        defaultHidden: firstBuild || cf?.owner !== 'user',\n      };\n      if (field.type === 'DOCUMENT') {\n        overrides.render = (row) => {\n          const value =\n            toolbar.collection.toExtendedFields?.(row)?.namespaces?.[\n              cf?.namespace ?? ''\n            ]?.[field.id];\n          if (!value) {\n            return null;\n          }\n          const files = Array.isArray(value) ? value : [value];\n          return <FileCardList files={files} />;\n        };\n      }\n      return overrides;\n    },\n    filterConfig: {\n      textOperators: STRING_OPERATORS,\n      numberIsDecimal: (field) =>\n        dataExtension.availableCustomFields.find((f) => f.id === field.id)\n          ?.type === 'decimal',\n      // Derive the icon from the source type, not the neutral type (which would\n      // collapse distinct source types) — matching the column icon.\n      iconType: (field) => {\n        const cf = dataExtension.availableCustomFields.find(\n          (f) => f.id === field.id,\n        );\n        return cf?.type ? toFieldType(cf.type) : toFieldType(field.type);\n      },\n    },\n    createFieldActionsMenu: createDataExtensionFieldActionsMenu(dataExtension),\n    createFieldActionHandlers: (panel) =>\n      dataExtensionFieldActionHandlers(dataExtension, panel),\n    featuredPageActions: [DataExtension.manageCustomFieldsPageAction],\n    props,\n    components: {\n      FieldManagementModals,\n      CustomColumns: CustomColumnsFull,\n      CollectionToolbarFilters,\n    },\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/DataExtension/dataExtensionTableSource.js

@@ -0,0 +1,20 @@
+"use strict";
+
+exports.__esModule = true;
+exports.dataExtensionTableSource = void 0;
+var _DataExtension = require("./DataExtension");
+/**
+ * Wraps DataExtension as a table field source, so consumers attach it the same
+ * way as a schema source: `<Table fieldsSource={dataExtensionTableSource(...)} />`.
+ * Unlike a schema source, DataExtension extends the consumer's own collection
+ * rather than owning the data, so there is no `collectionConfig` to spread —
+ * the consumer still drives data via their own collection hook.
+ */
+const dataExtensionTableSource = overrides => ({
+  setOnTable(toolbar) {
+    _DataExtension.DataExtension.setDataExtensionOnTable(toolbar, overrides);
+    _DataExtension.DataExtension.syncTableCollectionProps(toolbar);
+  }
+});
+exports.dataExtensionTableSource = dataExtensionTableSource;
+//# sourceMappingURL=dataExtensionTableSource.js.map

package/dist/cjs/components/DataExtension/dataExtensionTableSource.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_DataExtension","require","dataExtensionTableSource","overrides","setOnTable","toolbar","DataExtension","setDataExtensionOnTable","syncTableCollectionProps","exports"],"sources":["../../../../src/components/DataExtension/dataExtensionTableSource.ts"],"sourcesContent":["import type { FieldsSourceProvider } from '../fieldsSourceProvider';\nimport { DataExtension, type DataExtensionProps } from './DataExtension';\n\n/**\n * Wraps DataExtension as a table field source, so consumers attach it the same\n * way as a schema source: `<Table fieldsSource={dataExtensionTableSource(...)} />`.\n * Unlike a schema source, DataExtension extends the consumer's own collection\n * rather than owning the data, so there is no `collectionConfig` to spread —\n * the consumer still drives data via their own collection hook.\n */\nexport const dataExtensionTableSource = (\n  overrides?: DataExtensionProps,\n): FieldsSourceProvider => ({\n  setOnTable(toolbar) {\n    DataExtension.setDataExtensionOnTable(toolbar, overrides);\n    DataExtension.syncTableCollectionProps(toolbar);\n  },\n});\n"],"mappings":";;;;AACA,IAAAA,cAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,wBAAwB,GACnCC,SAA8B,KACJ;EAC1BC,UAAUA,CAACC,OAAO,EAAE;IAClBC,4BAAa,CAACC,uBAAuB,CAACF,OAAO,EAAEF,SAAS,CAAC;IACzDG,4BAAa,CAACE,wBAAwB,CAACH,OAAO,CAAC;EACjD;AACF,CAAC,CAAC;AAACI,OAAA,CAAAP,wBAAA,GAAAA,wBAAA","ignoreList":[]}

package/dist/cjs/components/DataExtension/index.js

@@ -7,10 +7,10 @@ Object.keys(_DataExtension).forEach(function (key) {
   if (key in exports && exports[key] === _DataExtension[key]) return;
   exports[key] = _DataExtension[key];
 });
-var _CollectionDataExtensionState = require("./CollectionDataExtensionState");
-Object.keys(_CollectionDataExtensionState).forEach(function (key) {
+var _dataExtensionTableSource = require("./dataExtensionTableSource");
+Object.keys(_dataExtensionTableSource).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _CollectionDataExtensionState[key]) return;
-  exports[key] = _CollectionDataExtensionState[key];
+  if (key in exports && exports[key] === _dataExtensionTableSource[key]) return;
+  exports[key] = _dataExtensionTableSource[key];
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_DataExtension","require","Object","keys","forEach","key","exports","_CollectionDataExtensionState"],"sources":["../../../../src/components/DataExtension/index.ts"],"sourcesContent":["export * from './DataExtension';\nexport * from './CollectionDataExtensionState';\n"],"mappings":";;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,cAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,cAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,cAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,6BAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,6BAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,6BAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,6BAAA,CAAAF,GAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["_DataExtension","require","Object","keys","forEach","key","exports","_dataExtensionTableSource"],"sources":["../../../../src/components/DataExtension/index.ts"],"sourcesContent":["export * from './DataExtension';\nexport * from './dataExtensionTableSource';\n"],"mappings":";;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,cAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,cAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,cAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,yBAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,yBAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,yBAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,yBAAA,CAAAF,GAAA;AAAA","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_ = "DragHandle274706163";
+var _namespace_ = "DragHandle2582081878";
 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": "DragHandle274706163__root"
+  "root": "DragHandle2582081878__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_ = \"DragHandle274706163\";\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\":\"DragHandle274706163__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,qBAAqB;AACvC,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;AAA2B,CAAC;AAClD,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_ = \"DragHandle2582081878\";\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\":\"DragHandle2582081878__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_ = "EditableCell4272041546";
+var _namespace_ = "EditableCell1460057174";
 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": "EditableCell4272041546__root",
-  "validationIndicator": "EditableCell4272041546__validationIndicator"
+  "root": "EditableCell1460057174__root",
+  "validationIndicator": "EditableCell1460057174__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_ = \"EditableCell4272041546\";\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\":\"EditableCell4272041546__root\",\"validationIndicator\":\"EditableCell4272041546__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":[]}
+{"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_ = \"EditableCell1460057174\";\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\":\"EditableCell1460057174__root\",\"validationIndicator\":\"EditableCell1460057174__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/EditableTable.js

@@ -13,6 +13,7 @@ var _EditableCell = require("./EditableCell");
 var _EditableTableContextMenu = require("./EditableTableContextMenu");
 var _useEditableTableContextMenu = require("./useEditableTableContextMenu");
 var _ActionModal = require("../ActionModal");
+var _FieldManagementModals = require("../CustomFieldsPanel/FieldManagementModals");
 var _useEditableTableCollectionSyncProps = require("./useEditableTableCollectionSyncProps");
 var _useKeyboardNavigation = require("./useKeyboardNavigation");
 var _useClipboardHandler = require("./useClipboardHandler");
@@ -26,13 +27,15 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 function _EditableTable(props) {
   const {
     state,
-    columns: editableColumns,
+    columns,
+    fieldsSource: _fieldsSource,
     hideHeaderActions,
     dataHook,
     children,
     ...tableBaseProps
   } = props;
   (0, _useEditableTableCollectionSyncProps.useEditableTableCollectionSyncProps)(props);
+  const editableColumns = (0, _react.useMemo)(() => [...columns, ...state.sourceColumns], [columns, state.sourceColumns]);
   const containerRef = (0, _react.useRef)(null);
   const keyboard = (0, _useKeyboardNavigation.useKeyboardNavigation)(state);
   (0, _useClipboardHandler.useClipboardHandler)(state, containerRef);
@@ -60,7 +63,7 @@ function _EditableTable(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 89,
+          lineNumber: 103,
           columnNumber: 13
         }
       }) : null;
@@ -71,7 +74,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 99,
+      lineNumber: 113,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -85,7 +88,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 100,
+      lineNumber: 114,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_TableVirtual.TableVirtual, (0, _extends2.default)({}, tableBaseProps, {
@@ -98,7 +101,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 109,
+      lineNumber: 123,
       columnNumber: 9
     }
   }), showAddItemRow && /*#__PURE__*/_react.default.createElement(_AddItemRow.AddItemRow, {
@@ -106,7 +109,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 118,
+      lineNumber: 132,
       columnNumber: 30
     }
   }))), /*#__PURE__*/_react.default.createElement(_EditableTableContextMenu.EditableTableContextMenu, {
@@ -118,7 +121,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 121,
+      lineNumber: 135,
       columnNumber: 7
     }
   }), state.deleteConfirmModal.value && /*#__PURE__*/_react.default.createElement(_ActionModal.MessageActionModal, (0, _extends2.default)({
@@ -127,27 +130,22 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 129,
+      lineNumber: 143,
       columnNumber: 9
     }
-  })), state.fieldActions.confirmModal.value && /*#__PURE__*/_react.default.createElement(_ActionModal.MessageActionModal, (0, _extends2.default)({
-    state: state.fieldActions.confirmModal
-  }, state.fieldActions.confirmModal.value, {
-    primaryButtonProps: {
-      ...state.fieldActions.confirmModal.value.primaryButtonProps,
-      disabled: state.fieldActions.deleteTask.status.isLoading
-    },
+  })), state.toolbar.collectionFieldsSource && /*#__PURE__*/_react.default.createElement(_FieldManagementModals.FieldManagementModals, {
+    source: state.toolbar.collectionFieldsSource,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 135,
+      lineNumber: 149,
       columnNumber: 9
     }
-  })), children, /*#__PURE__*/_react.default.createElement(_patternsFields.GlobalAudioPlayer, {
+  }), children, /*#__PURE__*/_react.default.createElement(_patternsFields.GlobalAudioPlayer, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 145,
+      lineNumber: 152,
       columnNumber: 7
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_patternsFields","_PatternsFieldsProvider","_TableVirtual","_EditableCell","_EditableTableContextMenu","_useEditableTableContextMenu","_ActionModal","_useEditableTableCollectionSyncProps","_useKeyboardNavigation","_useClipboardHandler","_useClearFocusOnBlur","_useMouseSweepSelection","_AddItemRow","_useAddRow","_useHeaderActions","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EditableTable","props","state","columns","editableColumns","hideHeaderActions","dataHook","children","tableBaseProps","useEditableTableCollectionSyncProps","containerRef","useRef","keyboard","useKeyboardNavigation","useClipboardHandler","onFocus","onBlur","useClearFocusOnBlur","cellInteraction","useMouseSweepSelection","builtInActions","useHeaderActions","showAddItemRow","handleAddItem","useAddRow","tableColumns","useMemo","map","col","name","title","id","titleSuffix","render","_item","rowNum","_state$keyedItems$row","rowKey","keyedItems","key","createElement","EditableCell","columnId","__self","__source","fileName","lineNumber","columnNumber","contextMenu","useEditableTableContextMenu","PatternsFieldsProvider","ref","tabIndex","onKeyDown","onContextMenu","handleContextMenu","TableVirtual","_extends2","tableState","forceResize","horizontalScroll","showSelection","showRowNumbers","AddItemRow","onAdd","EditableTableContextMenu","position","cell","menuRef","onClose","handleClose","deleteConfirmModal","value","MessageActionModal","fieldActions","confirmModal","primaryButtonProps","disabled","deleteTask","status","isLoading","GlobalAudioPlayer","EditableTable","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableTable.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { GlobalAudioPlayer } from '@wix/patterns-fields';\nimport { PatternsFieldsProvider } from '../../providers/PatternsFieldsProvider';\nimport type { FiltersMap, OptionalFiltersMap } from '@wix/bex-core';\nimport { TableVirtual, type TableVirtualProps } from '../Table/TableVirtual';\nimport {\n  type EditableColumn,\n  EditableTableState,\n} from '../../state/EditableTable';\nimport { EditableCell } from './EditableCell';\nimport { EditableTableContextMenu } from './EditableTableContextMenu';\nimport { useEditableTableContextMenu } from './useEditableTableContextMenu';\nimport { MessageActionModal } from '../ActionModal';\nimport { useEditableTableCollectionSyncProps } from './useEditableTableCollectionSyncProps';\nimport { useKeyboardNavigation } from './useKeyboardNavigation';\nimport { useClipboardHandler } from './useClipboardHandler';\nimport { useClearFocusOnBlur } from './useClearFocusOnBlur';\nimport { useMouseSweepSelection } from './useMouseSweepSelection';\nimport { AddItemRow } from './AddItemRow';\nimport { useAddRow } from './useAddRow';\nimport type { TableColumn } from '../../model';\nimport { useHeaderActions } from './useHeaderActions';\n\nexport interface EditableTableProps<\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n> extends Omit<\n    TableVirtualProps<T, F>,\n    | 'columns'\n    | 'state'\n    | 'onRowClick'\n    | 'forceResize'\n    | 'horizontalScroll'\n    | 'showSelection'\n    | 'showRowNumbers'\n  > {\n  /** EditableTableState instance, created via useEditableTableCollection */\n  state: EditableTableState<T, F>;\n\n  /** Column definitions with cell types */\n  columns: EditableColumn<T>[];\n\n  /** When true, hides the built-in header actions popover for all columns. */\n  hideHeaderActions?: boolean;\n\n  /** data-hook for testkit selectors */\n  dataHook?: string;\n}\n\nfunction _EditableTable<T, F extends FiltersMap = OptionalFiltersMap>(\n  props: EditableTableProps<T, F>,\n) {\n  const {\n    state,\n    columns: editableColumns,\n    hideHeaderActions,\n    dataHook,\n    children,\n    ...tableBaseProps\n  } = props;\n\n  useEditableTableCollectionSyncProps(props);\n\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const keyboard = useKeyboardNavigation(state);\n  useClipboardHandler(state, containerRef);\n  const { onFocus, onBlur } = useClearFocusOnBlur(state.cellInteraction);\n  useMouseSweepSelection(state, containerRef);\n\n  const builtInActions = useHeaderActions(\n    state,\n    editableColumns,\n    hideHeaderActions,\n  );\n\n  const { showAddItemRow, handleAddItem } = useAddRow(state);\n\n  const tableColumns = useMemo(\n    () =>\n      editableColumns.map((col) => ({\n        ...col,\n        name: col.name ?? (typeof col.title === 'string' ? col.title : col.id),\n        titleSuffix: builtInActions[col.id],\n        render: (_item: T, rowNum: number) => {\n          const rowKey = state.keyedItems[rowNum]?.key;\n          return rowKey ? (\n            <EditableCell state={state} rowKey={rowKey} columnId={col.id} />\n          ) : null;\n        },\n      })) as TableColumn<T>[],\n    [editableColumns, state, builtInActions],\n  );\n\n  const contextMenu = useEditableTableContextMenu(state.cellInteraction);\n\n  return (\n    <PatternsFieldsProvider>\n      <div\n        ref={containerRef}\n        data-hook={dataHook}\n        tabIndex={0}\n        onKeyDown={keyboard.onKeyDown}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onContextMenu={contextMenu.handleContextMenu}\n      >\n        <TableVirtual\n          {...tableBaseProps}\n          state={state.tableState}\n          columns={tableColumns}\n          forceResize\n          horizontalScroll\n          showSelection\n          showRowNumbers\n        >\n          {showAddItemRow && <AddItemRow onAdd={handleAddItem} />}\n        </TableVirtual>\n      </div>\n      <EditableTableContextMenu\n        state={state}\n        position={contextMenu.position}\n        cell={contextMenu.cell}\n        menuRef={contextMenu.menuRef}\n        onClose={contextMenu.handleClose}\n      />\n      {state.deleteConfirmModal.value && (\n        <MessageActionModal\n          state={state.deleteConfirmModal}\n          {...state.deleteConfirmModal.value}\n        />\n      )}\n      {state.fieldActions.confirmModal.value && (\n        <MessageActionModal\n          state={state.fieldActions.confirmModal}\n          {...state.fieldActions.confirmModal.value}\n          primaryButtonProps={{\n            ...state.fieldActions.confirmModal.value.primaryButtonProps,\n            disabled: state.fieldActions.deleteTask.status.isLoading,\n          }}\n        />\n      )}\n      {children}\n      <GlobalAudioPlayer />\n    </PatternsFieldsProvider>\n  );\n}\n\nexport const EditableTable = observer(_EditableTable);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_patternsFields","_PatternsFieldsProvider","_TableVirtual","_EditableCell","_EditableTableContextMenu","_useEditableTableContextMenu","_ActionModal","_FieldManagementModals","_useEditableTableCollectionSyncProps","_useKeyboardNavigation","_useClipboardHandler","_useClearFocusOnBlur","_useMouseSweepSelection","_AddItemRow","_useAddRow","_useHeaderActions","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EditableTable","props","state","columns","fieldsSource","_fieldsSource","hideHeaderActions","dataHook","children","tableBaseProps","useEditableTableCollectionSyncProps","editableColumns","useMemo","sourceColumns","containerRef","useRef","keyboard","useKeyboardNavigation","useClipboardHandler","onFocus","onBlur","useClearFocusOnBlur","cellInteraction","useMouseSweepSelection","builtInActions","useHeaderActions","showAddItemRow","handleAddItem","useAddRow","tableColumns","map","col","name","title","id","titleSuffix","render","_item","rowNum","_state$keyedItems$row","rowKey","keyedItems","key","createElement","EditableCell","columnId","__self","__source","fileName","lineNumber","columnNumber","contextMenu","useEditableTableContextMenu","PatternsFieldsProvider","ref","tabIndex","onKeyDown","onContextMenu","handleContextMenu","TableVirtual","_extends2","tableState","forceResize","horizontalScroll","showSelection","showRowNumbers","AddItemRow","onAdd","EditableTableContextMenu","position","cell","menuRef","onClose","handleClose","deleteConfirmModal","value","MessageActionModal","toolbar","collectionFieldsSource","FieldManagementModals","source","GlobalAudioPlayer","EditableTable","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableTable.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { GlobalAudioPlayer } from '@wix/patterns-fields';\nimport { PatternsFieldsProvider } from '../../providers/PatternsFieldsProvider';\nimport type { FiltersMap, OptionalFiltersMap } from '@wix/bex-core';\nimport type { FieldsSourceProvider } from '../fieldsSourceProvider';\nimport { TableVirtual, type TableVirtualProps } from '../Table/TableVirtual';\nimport {\n  type EditableColumn,\n  EditableTableState,\n} from '../../state/EditableTable';\nimport { EditableCell } from './EditableCell';\nimport { EditableTableContextMenu } from './EditableTableContextMenu';\nimport { useEditableTableContextMenu } from './useEditableTableContextMenu';\nimport { MessageActionModal } from '../ActionModal';\nimport { FieldManagementModals } from '../CustomFieldsPanel/FieldManagementModals';\nimport { useEditableTableCollectionSyncProps } from './useEditableTableCollectionSyncProps';\nimport { useKeyboardNavigation } from './useKeyboardNavigation';\nimport { useClipboardHandler } from './useClipboardHandler';\nimport { useClearFocusOnBlur } from './useClearFocusOnBlur';\nimport { useMouseSweepSelection } from './useMouseSweepSelection';\nimport { AddItemRow } from './AddItemRow';\nimport { useAddRow } from './useAddRow';\nimport type { TableColumn } from '../../model';\nimport { useHeaderActions } from './useHeaderActions';\n\nexport interface EditableTableProps<\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n> extends Omit<\n    TableVirtualProps<T, F>,\n    | 'columns'\n    | 'state'\n    | 'onRowClick'\n    | 'forceResize'\n    | 'horizontalScroll'\n    | 'showSelection'\n    | 'showRowNumbers'\n  > {\n  /** EditableTableState instance, created via useEditableTableCollection */\n  state: EditableTableState<T, F>;\n\n  /** Column definitions with cell types. When a `fieldsSource` is wired, its\n   *  columns are added by the state, so pass `[]` for source-only tables. */\n  columns: EditableColumn<T>[];\n\n  /** A fields source built with `tableSchemaSource(...)`. Its fields become\n   *  columns and its field-management menu + modals (add/edit/archive/delete)\n   *  are wired into the table. */\n  fieldsSource?: FieldsSourceProvider;\n\n  /** When true, hides the built-in header actions popover for all columns. */\n  hideHeaderActions?: boolean;\n\n  /** data-hook for testkit selectors */\n  dataHook?: string;\n}\n\nfunction _EditableTable<T, F extends FiltersMap = OptionalFiltersMap>(\n  props: EditableTableProps<T, F>,\n) {\n  const {\n    state,\n    columns,\n    fieldsSource: _fieldsSource,\n    hideHeaderActions,\n    dataHook,\n    children,\n    ...tableBaseProps\n  } = props;\n\n  useEditableTableCollectionSyncProps(props);\n\n  const editableColumns = useMemo(\n    () => [...columns, ...state.sourceColumns],\n    [columns, state.sourceColumns],\n  );\n\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const keyboard = useKeyboardNavigation(state);\n  useClipboardHandler(state, containerRef);\n  const { onFocus, onBlur } = useClearFocusOnBlur(state.cellInteraction);\n  useMouseSweepSelection(state, containerRef);\n\n  const builtInActions = useHeaderActions(\n    state,\n    editableColumns,\n    hideHeaderActions,\n  );\n\n  const { showAddItemRow, handleAddItem } = useAddRow(state);\n\n  const tableColumns = useMemo(\n    () =>\n      editableColumns.map((col) => ({\n        ...col,\n        name: col.name ?? (typeof col.title === 'string' ? col.title : col.id),\n        titleSuffix: builtInActions[col.id],\n        render: (_item: T, rowNum: number) => {\n          const rowKey = state.keyedItems[rowNum]?.key;\n          return rowKey ? (\n            <EditableCell state={state} rowKey={rowKey} columnId={col.id} />\n          ) : null;\n        },\n      })) as TableColumn<T>[],\n    [editableColumns, state, builtInActions],\n  );\n\n  const contextMenu = useEditableTableContextMenu(state.cellInteraction);\n\n  return (\n    <PatternsFieldsProvider>\n      <div\n        ref={containerRef}\n        data-hook={dataHook}\n        tabIndex={0}\n        onKeyDown={keyboard.onKeyDown}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onContextMenu={contextMenu.handleContextMenu}\n      >\n        <TableVirtual\n          {...tableBaseProps}\n          state={state.tableState}\n          columns={tableColumns}\n          forceResize\n          horizontalScroll\n          showSelection\n          showRowNumbers\n        >\n          {showAddItemRow && <AddItemRow onAdd={handleAddItem} />}\n        </TableVirtual>\n      </div>\n      <EditableTableContextMenu\n        state={state}\n        position={contextMenu.position}\n        cell={contextMenu.cell}\n        menuRef={contextMenu.menuRef}\n        onClose={contextMenu.handleClose}\n      />\n      {state.deleteConfirmModal.value && (\n        <MessageActionModal\n          state={state.deleteConfirmModal}\n          {...state.deleteConfirmModal.value}\n        />\n      )}\n      {state.toolbar.collectionFieldsSource && (\n        <FieldManagementModals source={state.toolbar.collectionFieldsSource} />\n      )}\n      {children}\n      <GlobalAudioPlayer />\n    </PatternsFieldsProvider>\n  );\n}\n\nexport const EditableTable = observer(_EditableTable);\n"],"mappings":"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","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_ = "HeaderActionsPopover2347384604";
+var _namespace_ = "HeaderActionsPopover2572544122";
 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": "HeaderActionsPopover2347384604__root"
+  "root": "HeaderActionsPopover2572544122__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_ = \"HeaderActionsPopover2347384604\";\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\":\"HeaderActionsPopover2347384604__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_ = \"HeaderActionsPopover2572544122\";\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\":\"HeaderActionsPopover2572544122__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":[]}

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

@@ -0,0 +1,89 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.HeaderFieldActions = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _FieldActions = require("../FieldActions");
+var _HeaderActionsPopover = require("./HeaderActionsPopover");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/HeaderFieldActions.tsx";
+// Field-management (from the source) first, then the table-intrinsic groups,
+// then the destructive action. Only keys with a handler render, so each source
+// shows just its own actions (CMS: make-primary / duplicate / delete;
+// DataExtension: archive).
+const HEADER_ACTION_GROUPS = [['editField'], ['makePrimary', 'hideColumn', 'duplicateField', 'duplicateFieldWithContent'], ['sortAscending', 'sortDescending', 'filter'], ['archive', 'delete']];
+const HEADER_LOCATION = 'EditableTable header action cell';
+function _HeaderFieldActions({
+  state,
+  column
+}) {
+  const {
+    toolbar
+  } = state;
+  const {
+    customColumnsState,
+    panels,
+    toolbarFiltersState
+  } = toolbar;
+  const source = toolbar.collectionFieldsSource;
+
+  // Source-backed columns (their id maps to a source field) get the source's
+  // field-management; vertical-brought or consumer columns get only the
+  // table-intrinsic actions below.
+  const field = source == null ? void 0 : source.fieldsSource.fields.find(f => source.fieldsSource.columnIdForField(f) === column.id);
+  const sourceConfig = field && source != null && source.fieldActionHandlers ? source.fieldActionHandlers({
+    fieldId: field.id,
+    origin: 'external',
+    location: HEADER_LOCATION
+  }) : null;
+  const handlers = {
+    ...(sourceConfig == null ? void 0 : sourceConfig.handlers)
+  };
+  if (column.hideable !== false && customColumnsState) {
+    const toolbarColumn = toolbar.columns.find(c => c.id === column.id);
+    if (toolbarColumn) {
+      handlers.hideColumn = () => customColumnsState.onColumnCheckboxToggle(toolbarColumn);
+    }
+  }
+  if (column.sortable) {
+    handlers.sortAscending = id => state.sort(id, {
+      forceDirection: 'asc'
+    });
+    handlers.sortDescending = id => state.sort(id, {
+      forceDirection: 'desc'
+    });
+  }
+  const hasFilter = toolbarFiltersState && state.collection.query.customFilters[column.id] != null;
+  if (hasFilter) {
+    handlers.filter = () => panels.openSidePanel('filters');
+  }
+  const groups = (0, _FieldActions.buildFieldActionGroups)({
+    columnId: column.id,
+    handlers,
+    loading: sourceConfig == null ? void 0 : sourceConfig.loading,
+    disabledTooltips: sourceConfig == null ? void 0 : sourceConfig.disabledTooltips,
+    groups: HEADER_ACTION_GROUPS,
+    translate: toolbar.container.translate,
+    bi: source ? {
+      reportBi: toolbar.reportBi,
+      location: HEADER_LOCATION,
+      listSize: source.fieldsSource.manageableFields.length
+    } : undefined
+  });
+  if (groups.length === 0) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_HeaderActionsPopover.HeaderActionsPopover, {
+    actions: groups,
+    dataHook: `header-actions-${column.id}`,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 98,
+      columnNumber: 5
+    }
+  });
+}
+const HeaderFieldActions = exports.HeaderFieldActions = (0, _mobxReactLite.observer)(_HeaderFieldActions);
+//# sourceMappingURL=HeaderFieldActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_FieldActions","_HeaderActionsPopover","_jsxFileName","HEADER_ACTION_GROUPS","HEADER_LOCATION","_HeaderFieldActions","state","column","toolbar","customColumnsState","panels","toolbarFiltersState","source","collectionFieldsSource","field","fieldsSource","fields","find","f","columnIdForField","id","sourceConfig","fieldActionHandlers","fieldId","origin","location","handlers","hideable","toolbarColumn","columns","c","hideColumn","onColumnCheckboxToggle","sortable","sortAscending","sort","forceDirection","sortDescending","hasFilter","collection","query","customFilters","filter","openSidePanel","groups","buildFieldActionGroups","columnId","loading","disabledTooltips","translate","container","bi","reportBi","listSize","manageableFields","length","undefined","default","createElement","HeaderActionsPopover","actions","dataHook","__self","__source","fileName","lineNumber","columnNumber","HeaderFieldActions","exports","observer"],"sources":["../../../../src/components/EditableTable/HeaderFieldActions.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport type { Field, FiltersMap } from '@wix/bex-core';\nimport type { EditableTableState } from '../../state/EditableTable';\nimport type { EditableColumn } from '../../state/EditableTable/types';\nimport {\n  buildFieldActionGroups,\n  type FieldActionHandlers,\n  type FieldActionKey,\n} from '../FieldActions';\nimport { HeaderActionsPopover } from './HeaderActionsPopover';\n\n// Field-management (from the source) first, then the table-intrinsic groups,\n// then the destructive action. Only keys with a handler render, so each source\n// shows just its own actions (CMS: make-primary / duplicate / delete;\n// DataExtension: archive).\nconst HEADER_ACTION_GROUPS: FieldActionKey[][] = [\n  ['editField'],\n  ['makePrimary', 'hideColumn', 'duplicateField', 'duplicateFieldWithContent'],\n  ['sortAscending', 'sortDescending', 'filter'],\n  ['archive', 'delete'],\n];\n\nconst HEADER_LOCATION = 'EditableTable header action cell';\n\ninterface HeaderFieldActionsProps<T, F extends FiltersMap> {\n  state: EditableTableState<T, F>;\n  column: EditableColumn<T>;\n}\n\nfunction _HeaderFieldActions<T, F extends FiltersMap>({\n  state,\n  column,\n}: HeaderFieldActionsProps<T, F>) {\n  const { toolbar } = state;\n  const { customColumnsState, panels, toolbarFiltersState } = toolbar;\n  const source = toolbar.collectionFieldsSource;\n\n  // Source-backed columns (their id maps to a source field) get the source's\n  // field-management; vertical-brought or consumer columns get only the\n  // table-intrinsic actions below.\n  const field: Field | undefined = source?.fieldsSource.fields.find(\n    (f) => source.fieldsSource.columnIdForField(f) === column.id,\n  );\n  const sourceConfig =\n    field && source?.fieldActionHandlers\n      ? source.fieldActionHandlers({\n          fieldId: field.id,\n          origin: 'external',\n          location: HEADER_LOCATION,\n        })\n      : null;\n\n  const handlers: FieldActionHandlers = { ...sourceConfig?.handlers };\n\n  if (column.hideable !== false && customColumnsState) {\n    const toolbarColumn = toolbar.columns.find((c) => c.id === column.id);\n    if (toolbarColumn) {\n      handlers.hideColumn = () =>\n        customColumnsState.onColumnCheckboxToggle(toolbarColumn);\n    }\n  }\n\n  if (column.sortable) {\n    handlers.sortAscending = (id) => state.sort(id, { forceDirection: 'asc' });\n    handlers.sortDescending = (id) =>\n      state.sort(id, { forceDirection: 'desc' });\n  }\n\n  const hasFilter =\n    toolbarFiltersState &&\n    state.collection.query.customFilters[column.id] != null;\n  if (hasFilter) {\n    handlers.filter = () => panels.openSidePanel('filters');\n  }\n\n  const groups = buildFieldActionGroups({\n    columnId: column.id,\n    handlers,\n    loading: sourceConfig?.loading,\n    disabledTooltips: sourceConfig?.disabledTooltips,\n    groups: HEADER_ACTION_GROUPS,\n    translate: toolbar.container.translate,\n    bi: source\n      ? {\n          reportBi: toolbar.reportBi,\n          location: HEADER_LOCATION,\n          listSize: source.fieldsSource.manageableFields.length,\n        }\n      : undefined,\n  });\n\n  if (groups.length === 0) {\n    return null;\n  }\n\n  return (\n    <HeaderActionsPopover\n      actions={groups}\n      dataHook={`header-actions-${column.id}`}\n    />\n  );\n}\n\nexport const HeaderFieldActions = observer(_HeaderFieldActions);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/CellViewLayout.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_ = "CellViewLayout2766243646";
+var _namespace_ = "CellViewLayout3088351928";
 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": "CellViewLayout2766243646__root"
+  "root": "CellViewLayout3088351928__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/cellTypes/CellViewLayout.st.css.js.map

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

package/dist/cjs/components/EditableTable/cellTypes/address/Edit.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_ = "Edit1562654052";
+var _namespace_ = "Edit283332555";
 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": "Edit1562654052__root",
-  "addressInput": "Edit1562654052__addressInput"
+  "root": "Edit283332555__root",
+  "addressInput": "Edit283332555__addressInput"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};