@wix/patterns 1.431.0 → 1.433.0

package/dist/cjs/schema/EntityPageFieldsCard.js

@@ -11,15 +11,27 @@ var _mobxReactLite = require("mobx-react-lite");
 var _react2 = require("@wix/bex-core/react");
 var _EntityPageCard = require("../components/EntityPageCard");
 var _EntityPageFields = require("../components/EntityPageFields");
-var _CustomColumnsEntityPagePanelMount = require("../components/CustomColumnsPanel/CustomColumnsEntityPagePanelMount");
+var _EntityPageColumnsPanelEntry = require("../components/EntityPage/EntityPageColumnsPanelEntry");
+var _EntityPageSidePanels = require("../components/EntityPage/EntityPageSidePanels");
 var _CustomColumnsDragAndDrop = require("../components/CustomColumns/CustomColumnsDragAndDrop");
+var _FieldManagementModals = require("../components/CustomFieldsPanel/FieldManagementModals");
 var _providers = require("../providers");
 var _EntityPageFieldsCardState = require("../state/EntityPageFieldsCardState");
+var _SidePanelsState = require("../state/SidePanelsState");
+var _entityPageFieldManagement = require("./entityPageFieldManagement");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/schema/EntityPageFieldsCard.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); }
 /** The page's schema fields in a card, with a "Manage fields" panel that shows,
- *  hides and reorders them. The choice is saved per user and survives reloads.
- *  Render inside the `EntityPage` from this entry. */
+ *  hides and reorders them, and adds, edits and deletes them. The choice is
+ *  saved per user and survives reloads. Render inside the `EntityPage` from this
+ *  entry.
+ *
+ *  One card per page. Field management is built per card, so on a second card
+ *  the rows of fields added from the first one render without their actions
+ *  menu — the row comes from the page's schema, the menu from the card's own
+ *  copy, which only the mutating card's copy gets merged into. Split the fields
+ *  across cards only when none of them manages fields (`showManageFields:
+ *  false`). */
 function _EntityPageFieldsCard({
   title,
   subtitle,
@@ -37,6 +49,9 @@ function _EntityPageFieldsCard({
     modalsContainerRef
   } = (0, _react2.usePageContext)();
   const pageState = (0, _providers.useEntityPageContext)();
+
+  // The page has no side-panel host until a feature needs one.
+  (0, _react.useState)(() => _SidePanelsState.SidePanelsState.setOnPage(pageState, container));
   const [state] = (0, _react.useState)(() => {
     var _pageState$schemaSour;
     return new _EntityPageFieldsCardState.EntityPageFieldsCardState({
@@ -49,17 +64,24 @@ function _EntityPageFieldsCard({
       fieldIds,
       showManageFields,
       dragAndDrop: _CustomColumnsDragAndDrop.CustomColumnsDragAndDrop,
+      fieldManagement: _entityPageFieldManagement.entityPageFieldManagement,
       modalsContainerRef
     });
   });
   (0, _react.useEffect)(() => state.init(), []);
+  (0, _react.useEffect)(() => {
+    if (!state.panelState) {
+      return;
+    }
+    state.panelState.panels.registerSidePanel('customColumns', _EntityPageColumnsPanelEntry.EntityPageColumnsPanelEntry);
+  }, []);
   return /*#__PURE__*/_react.default.createElement(_EntityPageCard.EntityPageCard, (0, _extends2.default)({
     dataHook: dataHook
   }, rest, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 75,
+      lineNumber: 102,
       columnNumber: 5
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Header, {
@@ -73,28 +95,28 @@ function _EntityPageFieldsCard({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 81,
+        lineNumber: 108,
         columnNumber: 13
       }
     }, t('cairo.table.manage-fields.button.cta')) : undefined,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 76,
+      lineNumber: 103,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Divider, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 92,
+      lineNumber: 119,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Content, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 93,
+      lineNumber: 120,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_EntityPageFields.EntityPageFields, {
@@ -102,15 +124,23 @@ function _EntityPageFieldsCard({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 94,
+      lineNumber: 121,
+      columnNumber: 9
+    }
+  })), state.panelState && /*#__PURE__*/_react.default.createElement(_EntityPageSidePanels.EntityPageSidePanels, {
+    panels: state.panelState.panels,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 127,
       columnNumber: 9
     }
-  })), state.panelState && /*#__PURE__*/_react.default.createElement(_CustomColumnsEntityPagePanelMount.CustomColumnsEntityPagePanelMount, {
-    state: state.panelState,
+  }), state.manageFieldsSource && /*#__PURE__*/_react.default.createElement(_FieldManagementModals.FieldManagementModals, {
+    source: state.manageFieldsSource,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 97,
+      lineNumber: 130,
       columnNumber: 9
     }
   }));

package/dist/cjs/schema/EntityPageFieldsCard.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_react2","_EntityPageCard","_EntityPageFields","_CustomColumnsEntityPagePanelMount","_CustomColumnsDragAndDrop","_providers","_EntityPageFieldsCardState","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EntityPageFieldsCard","title","subtitle","fieldIds","persistencyKey","showManageFields","dataHook","rest","container","useWixPatternsContainer","translate","modalsContainerRef","usePageContext","pageState","useEntityPageContext","state","useState","_pageState$schemaSour","EntityPageFieldsCardState","schemaSource","collectionId","dragAndDrop","CustomColumnsDragAndDrop","useEffect","init","createElement","EntityPageCard","_extends2","__self","__source","fileName","lineNumber","columnNumber","Card","Header","suffix","canManageFields","Button","size","priority","onClick","openManageFields","undefined","Divider","Content","EntityPageFields","visibleFieldIds","panelState","CustomColumnsEntityPagePanelMount","displayName","EntityPageFieldsCard","exports","observer"],"sources":["../../../src/schema/EntityPageFieldsCard.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { Button, Card } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer, usePageContext } from '@wix/bex-core/react';\nimport {\n  EntityPageCard,\n  type EntityPageCardProps,\n} from '../components/EntityPageCard';\nimport { EntityPageFields } from '../components/EntityPageFields';\nimport { CustomColumnsEntityPagePanelMount } from '../components/CustomColumnsPanel/CustomColumnsEntityPagePanelMount';\nimport { CustomColumnsDragAndDrop } from '../components/CustomColumns/CustomColumnsDragAndDrop';\nimport { useEntityPageContext } from '../providers';\nimport { EntityPageFieldsCardState } from '../state/EntityPageFieldsCardState';\n\nexport interface EntityPageFieldsCardProps\n  extends Omit<EntityPageCardProps, 'children'> {\n  title: string;\n  subtitle?: string;\n  /**\n   * Field ids to offer, in order. Omitted ⇒ every editable schema field.\n   * Read once, on the first render — a later change is ignored, since the saved\n   * show/hide and order are keyed to the list the card started with.\n   */\n  fieldIds?: string[];\n  /**\n   * Namespace the per-user show/hide and order are stored under. Default: the\n   * source's collection id. Set it when a page has more than one fields card,\n   * so they don't share one saved layout.\n   */\n  persistencyKey?: string;\n  /** Whether to show the \"Manage fields\" button and panel. Default: `true`. */\n  showManageFields?: boolean;\n  dataHook?: string;\n}\n\n/** The page's schema fields in a card, with a \"Manage fields\" panel that shows,\n *  hides and reorders them. The choice is saved per user and survives reloads.\n *  Render inside the `EntityPage` from this entry. */\nexport function _EntityPageFieldsCard({\n  title,\n  subtitle,\n  fieldIds,\n  persistencyKey,\n  showManageFields = true,\n  dataHook = 'entity-page-fields-card',\n  ...rest\n}: EntityPageFieldsCardProps) {\n  const container = useWixPatternsContainer();\n  const { translate: t } = container;\n  const { modalsContainerRef } = usePageContext();\n  const pageState = useEntityPageContext();\n\n  const [state] = useState(\n    () =>\n      new EntityPageFieldsCardState({\n        pageState,\n        container,\n        // The collection id is the schema id, and unlike the schema it is here\n        // on the first render. A page with no source has no schema and so no\n        // fields to lay out — the fallback just names an empty layout.\n        persistencyKey:\n          persistencyKey ??\n          pageState.schemaSource?.collectionId ??\n          'entity-page-fields',\n        fieldIds,\n        showManageFields,\n        dragAndDrop: CustomColumnsDragAndDrop,\n        modalsContainerRef,\n      }),\n  );\n\n  useEffect(() => state.init(), []);\n\n  return (\n    <EntityPageCard dataHook={dataHook} {...rest}>\n      <Card.Header\n        title={title}\n        subtitle={subtitle}\n        suffix={\n          state.canManageFields ? (\n            <Button\n              size=\"small\"\n              priority=\"secondary\"\n              dataHook=\"entity-page-fields-card-manage-fields\"\n              onClick={() => state.openManageFields()}\n            >\n              {t('cairo.table.manage-fields.button.cta')}\n            </Button>\n          ) : undefined\n        }\n      />\n      <Card.Divider />\n      <Card.Content>\n        <EntityPageFields fieldIds={state.visibleFieldIds} />\n      </Card.Content>\n      {state.panelState && (\n        <CustomColumnsEntityPagePanelMount state={state.panelState} />\n      )}\n    </EntityPageCard>\n  );\n}\n\n_EntityPageFieldsCard.displayName = 'EntityPageFieldsCard';\n\nexport const EntityPageFieldsCard = observer(_EntityPageFieldsCard);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_react2","_EntityPageCard","_EntityPageFields","_EntityPageColumnsPanelEntry","_EntityPageSidePanels","_CustomColumnsDragAndDrop","_FieldManagementModals","_providers","_EntityPageFieldsCardState","_SidePanelsState","_entityPageFieldManagement","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EntityPageFieldsCard","title","subtitle","fieldIds","persistencyKey","showManageFields","dataHook","rest","container","useWixPatternsContainer","translate","modalsContainerRef","usePageContext","pageState","useEntityPageContext","useState","SidePanelsState","setOnPage","state","_pageState$schemaSour","EntityPageFieldsCardState","schemaSource","collectionId","dragAndDrop","CustomColumnsDragAndDrop","fieldManagement","entityPageFieldManagement","useEffect","init","panelState","panels","registerSidePanel","EntityPageColumnsPanelEntry","createElement","EntityPageCard","_extends2","__self","__source","fileName","lineNumber","columnNumber","Card","Header","suffix","canManageFields","Button","size","priority","onClick","openManageFields","undefined","Divider","Content","EntityPageFields","visibleFieldIds","EntityPageSidePanels","manageFieldsSource","FieldManagementModals","source","displayName","EntityPageFieldsCard","exports","observer"],"sources":["../../../src/schema/EntityPageFieldsCard.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { Button, Card } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer, usePageContext } from '@wix/bex-core/react';\nimport {\n  EntityPageCard,\n  type EntityPageCardProps,\n} from '../components/EntityPageCard';\nimport { EntityPageFields } from '../components/EntityPageFields';\nimport { EntityPageColumnsPanelEntry } from '../components/EntityPage/EntityPageColumnsPanelEntry';\nimport { EntityPageSidePanels } from '../components/EntityPage/EntityPageSidePanels';\nimport { CustomColumnsDragAndDrop } from '../components/CustomColumns/CustomColumnsDragAndDrop';\nimport { FieldManagementModals } from '../components/CustomFieldsPanel/FieldManagementModals';\nimport { useEntityPageContext } from '../providers';\nimport { EntityPageFieldsCardState } from '../state/EntityPageFieldsCardState';\nimport { SidePanelsState } from '../state/SidePanelsState';\nimport { entityPageFieldManagement } from './entityPageFieldManagement';\n\nexport interface EntityPageFieldsCardProps\n  extends Omit<EntityPageCardProps, 'children'> {\n  title: string;\n  subtitle?: string;\n  /**\n   * Field ids to offer, in order. Omitted ⇒ every editable schema field.\n   * Read once, on the first render — a later change is ignored, since the saved\n   * show/hide and order are keyed to the list the card started with.\n   */\n  fieldIds?: string[];\n  /**\n   * Namespace the per-user show/hide and order are stored under. Default: the\n   * source's collection id — set it only to store the layout under a name of\n   * your own.\n   */\n  persistencyKey?: string;\n  /** Whether to show the \"Manage fields\" button and panel. Default: `true`. */\n  showManageFields?: boolean;\n  dataHook?: string;\n}\n\n/** The page's schema fields in a card, with a \"Manage fields\" panel that shows,\n *  hides and reorders them, and adds, edits and deletes them. The choice is\n *  saved per user and survives reloads. Render inside the `EntityPage` from this\n *  entry.\n *\n *  One card per page. Field management is built per card, so on a second card\n *  the rows of fields added from the first one render without their actions\n *  menu — the row comes from the page's schema, the menu from the card's own\n *  copy, which only the mutating card's copy gets merged into. Split the fields\n *  across cards only when none of them manages fields (`showManageFields:\n *  false`). */\nexport function _EntityPageFieldsCard({\n  title,\n  subtitle,\n  fieldIds,\n  persistencyKey,\n  showManageFields = true,\n  dataHook = 'entity-page-fields-card',\n  ...rest\n}: EntityPageFieldsCardProps) {\n  const container = useWixPatternsContainer();\n  const { translate: t } = container;\n  const { modalsContainerRef } = usePageContext();\n  const pageState = useEntityPageContext();\n\n  // The page has no side-panel host until a feature needs one.\n  useState(() => SidePanelsState.setOnPage(pageState, container));\n\n  const [state] = useState(\n    () =>\n      new EntityPageFieldsCardState({\n        pageState,\n        container,\n        // The collection id is the schema id, and unlike the schema it is here\n        // on the first render. A page with no source has no schema and so no\n        // fields to lay out — the fallback just names an empty layout.\n        persistencyKey:\n          persistencyKey ??\n          pageState.schemaSource?.collectionId ??\n          'entity-page-fields',\n        fieldIds,\n        showManageFields,\n        dragAndDrop: CustomColumnsDragAndDrop,\n        fieldManagement: entityPageFieldManagement,\n        modalsContainerRef,\n      }),\n  );\n\n  useEffect(() => state.init(), []);\n\n  useEffect(() => {\n    if (!state.panelState) {\n      return;\n    }\n\n    state.panelState.panels.registerSidePanel(\n      'customColumns',\n      EntityPageColumnsPanelEntry,\n    );\n  }, []);\n\n  return (\n    <EntityPageCard dataHook={dataHook} {...rest}>\n      <Card.Header\n        title={title}\n        subtitle={subtitle}\n        suffix={\n          state.canManageFields ? (\n            <Button\n              size=\"small\"\n              priority=\"secondary\"\n              dataHook=\"entity-page-fields-card-manage-fields\"\n              onClick={() => state.openManageFields()}\n            >\n              {t('cairo.table.manage-fields.button.cta')}\n            </Button>\n          ) : undefined\n        }\n      />\n      <Card.Divider />\n      <Card.Content>\n        <EntityPageFields fieldIds={state.visibleFieldIds} />\n      </Card.Content>\n      {/* The host lives on the page, so a panel opened here closes any other.\n          Rendered by the card rather than the page, so a page without a fields\n          card never bundles the side-panel modal. */}\n      {state.panelState && (\n        <EntityPageSidePanels panels={state.panelState.panels} />\n      )}\n      {state.manageFieldsSource && (\n        <FieldManagementModals source={state.manageFieldsSource} />\n      )}\n    </EntityPageCard>\n  );\n}\n\n_EntityPageFieldsCard.displayName = 'EntityPageFieldsCard';\n\nexport const EntityPageFieldsCard = observer(_EntityPageFieldsCard);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/schema/entityPageFieldManagement.js

@@ -0,0 +1,45 @@
+"use strict";
+
+exports.__esModule = true;
+exports.entityPageFieldManagement = entityPageFieldManagement;
+var _SchemaState = require("../components/SchemaSource/SchemaState");
+var _schemaFieldActions = require("../components/SchemaSource/schemaFieldActions");
+var _CustomFieldsPanelState = require("../state/CustomFields/CustomFieldsPanelState");
+/**
+ * Add / edit / delete field for an entity page, over the page's source.
+ *
+ * A collection page gets the same thing from its toolbar's
+ * `CollectionFieldsSourceState`, which an entity page has no toolbar to build —
+ * so the two pieces that don't need one are assembled here: the source's
+ * FieldsSource and per-field menu (`SchemaState`), and the modals
+ * (`CustomFieldsPanelState`).
+ */
+function entityPageFieldManagement({
+  sourceState,
+  closeSidePanel
+}) {
+  const schemaState = new _SchemaState.SchemaState({
+    sourceState
+  });
+  const {
+    container
+  } = sourceState;
+  const panel = new _CustomFieldsPanelState.CustomFieldsPanelState({
+    fieldsSource: schemaState.fieldsSource,
+    container,
+    reportBi: container.reportBi,
+    closeSidePanel,
+    createFieldActionsMenu: (0, _schemaFieldActions.createSchemaFieldActionsMenu)(schemaState)
+  });
+  return {
+    fieldsSource: schemaState.fieldsSource,
+    customFieldsPanel: panel,
+    fieldActionsMenu: panel.fieldActionsMenu,
+    openFieldModal: opts => panel.openCustomFieldModal({
+      fieldId: opts == null ? void 0 : opts.fieldId,
+      origin: (opts == null ? void 0 : opts.origin) ?? 'external',
+      customOrigin: opts == null ? void 0 : opts.customOrigin
+    })
+  };
+}
+//# sourceMappingURL=entityPageFieldManagement.js.map

package/dist/cjs/schema/entityPageFieldManagement.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_SchemaState","require","_schemaFieldActions","_CustomFieldsPanelState","entityPageFieldManagement","sourceState","closeSidePanel","schemaState","SchemaState","container","panel","CustomFieldsPanelState","fieldsSource","reportBi","createFieldActionsMenu","createSchemaFieldActionsMenu","customFieldsPanel","fieldActionsMenu","openFieldModal","opts","openCustomFieldModal","fieldId","origin","customOrigin"],"sources":["../../../src/schema/entityPageFieldManagement.ts"],"sourcesContent":["import type { SourceState } from '@wix/bex-core';\nimport { SchemaState } from '../components/SchemaSource/SchemaState';\nimport { createSchemaFieldActionsMenu } from '../components/SchemaSource/schemaFieldActions';\nimport { CustomFieldsPanelState } from '../state/CustomFields/CustomFieldsPanelState';\nimport type { ManageFieldsSource } from '../state/ManageFieldsSource';\n\n/**\n * Add / edit / delete field for an entity page, over the page's source.\n *\n * A collection page gets the same thing from its toolbar's\n * `CollectionFieldsSourceState`, which an entity page has no toolbar to build —\n * so the two pieces that don't need one are assembled here: the source's\n * FieldsSource and per-field menu (`SchemaState`), and the modals\n * (`CustomFieldsPanelState`).\n */\nexport function entityPageFieldManagement({\n  sourceState,\n  closeSidePanel,\n}: {\n  sourceState: SourceState<any>;\n  closeSidePanel: () => void;\n}): ManageFieldsSource {\n  const schemaState = new SchemaState({ sourceState });\n  const { container } = sourceState;\n  const panel = new CustomFieldsPanelState({\n    fieldsSource: schemaState.fieldsSource,\n    container,\n    reportBi: container.reportBi,\n    closeSidePanel,\n    createFieldActionsMenu: createSchemaFieldActionsMenu(schemaState),\n  });\n\n  return {\n    fieldsSource: schemaState.fieldsSource,\n    customFieldsPanel: panel,\n    fieldActionsMenu: panel.fieldActionsMenu,\n    openFieldModal: (opts) =>\n      panel.openCustomFieldModal({\n        fieldId: opts?.fieldId,\n        origin: opts?.origin ?? 'external',\n        customOrigin: opts?.customOrigin,\n      }),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,yBAAyBA,CAAC;EACxCC,WAAW;EACXC;AAIF,CAAC,EAAsB;EACrB,MAAMC,WAAW,GAAG,IAAIC,wBAAW,CAAC;IAAEH;EAAY,CAAC,CAAC;EACpD,MAAM;IAAEI;EAAU,CAAC,GAAGJ,WAAW;EACjC,MAAMK,KAAK,GAAG,IAAIC,8CAAsB,CAAC;IACvCC,YAAY,EAAEL,WAAW,CAACK,YAAY;IACtCH,SAAS;IACTI,QAAQ,EAAEJ,SAAS,CAACI,QAAQ;IAC5BP,cAAc;IACdQ,sBAAsB,EAAE,IAAAC,gDAA4B,EAACR,WAAW;EAClE,CAAC,CAAC;EAEF,OAAO;IACLK,YAAY,EAAEL,WAAW,CAACK,YAAY;IACtCI,iBAAiB,EAAEN,KAAK;IACxBO,gBAAgB,EAAEP,KAAK,CAACO,gBAAgB;IACxCC,cAAc,EAAGC,IAAI,IACnBT,KAAK,CAACU,oBAAoB,CAAC;MACzBC,OAAO,EAAEF,IAAI,oBAAJA,IAAI,CAAEE,OAAO;MACtBC,MAAM,EAAE,CAAAH,IAAI,oBAAJA,IAAI,CAAEG,MAAM,KAAI,UAAU;MAClCC,YAAY,EAAEJ,IAAI,oBAAJA,IAAI,CAAEI;IACtB,CAAC;EACL,CAAC;AACH","ignoreList":[]}

package/dist/cjs/schema/syncSourcePermissions.js

@@ -7,17 +7,22 @@ var _mobx = require("mobx");
  * Keeps an editable table's row-action flags in sync with its source: an action
  * is disabled when the source denies the permission (`schema.itemPermissions`)
  * OR the backend can't perform it (the write method is absent, e.g. a read-only
- * source). Reactive because the schema loads asynchronously. Returns a disposer.
+ * source). The source is the only permission input — schema-entry tables do not
+ * accept consumer-supplied permissions. Reactive because the schema loads
+ * asynchronously. Returns a disposer.
  */
 function syncSourcePermissions(state, sourceState) {
   return (0, _mobx.autorun)(() => {
     const loaded = sourceState.loadedSchema;
     const perms = loaded == null ? void 0 : loaded.schema.itemPermissions;
     const backend = loaded == null ? void 0 : loaded.backend;
-    (0, _mobx.runInAction)(() => {
-      state.addItemDisabled = !((perms == null ? void 0 : perms.createItem) ?? true) || !(backend != null && backend.create);
-      state.updateItemDisabled = !((perms == null ? void 0 : perms.updateItem) ?? true) || !(backend != null && backend.update);
-      state.removeItemDisabled = !((perms == null ? void 0 : perms.deleteItem) ?? true) || !(backend != null && backend.bulkDelete);
+    const isRemoveItemDisabled = perms == null ? void 0 : perms.isRemoveItemDisabled;
+    state.setPermissions({
+      addItemDisabled: !((perms == null ? void 0 : perms.createItem) ?? true) || !(backend != null && backend.create),
+      updateItemDisabled: !((perms == null ? void 0 : perms.updateItem) ?? true) || !(backend != null && backend.update),
+      removeItemDisabled: !((perms == null ? void 0 : perms.deleteItem) ?? true) || !(backend != null && backend.bulkDelete),
+      multiDeleteDisabled: !((perms == null ? void 0 : perms.bulkDeleteItems) ?? (perms == null ? void 0 : perms.deleteItem) ?? true) || !(backend != null && backend.bulkDelete),
+      isRemoveItemDisabled: isRemoveItemDisabled ? item => isRemoveItemDisabled(item) : undefined
     });
   });
 }

package/dist/cjs/schema/syncSourcePermissions.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","syncSourcePermissions","state","sourceState","autorun","loaded","loadedSchema","perms","schema","itemPermissions","backend","runInAction","addItemDisabled","createItem","create","updateItemDisabled","updateItem","update","removeItemDisabled","deleteItem","bulkDelete"],"sources":["../../../src/schema/syncSourcePermissions.ts"],"sourcesContent":["import { autorun, runInAction } from 'mobx';\nimport type { FiltersMap, SourceState } from '@wix/bex-core';\nimport type { EditableTableState } from '../state/EditableTable';\n\n/**\n * Keeps an editable table's row-action flags in sync with its source: an action\n * is disabled when the source denies the permission (`schema.itemPermissions`)\n * OR the backend can't perform it (the write method is absent, e.g. a read-only\n * source). Reactive because the schema loads asynchronously. Returns a disposer.\n */\nexport function syncSourcePermissions<T, F extends FiltersMap>(\n  state: EditableTableState<T, F>,\n  sourceState: SourceState<T>,\n): () => void {\n  return autorun(() => {\n    const loaded = sourceState.loadedSchema;\n    const perms = loaded?.schema.itemPermissions;\n    const backend = loaded?.backend;\n    runInAction(() => {\n      state.addItemDisabled = !(perms?.createItem ?? true) || !backend?.create;\n      state.updateItemDisabled =\n        !(perms?.updateItem ?? true) || !backend?.update;\n      state.removeItemDisabled =\n        !(perms?.deleteItem ?? true) || !backend?.bulkDelete;\n    });\n  });\n}\n"],"mappings":";;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,qBAAqBA,CACnCC,KAA+B,EAC/BC,WAA2B,EACf;EACZ,OAAO,IAAAC,aAAO,EAAC,MAAM;IACnB,MAAMC,MAAM,GAAGF,WAAW,CAACG,YAAY;IACvC,MAAMC,KAAK,GAAGF,MAAM,oBAANA,MAAM,CAAEG,MAAM,CAACC,eAAe;IAC5C,MAAMC,OAAO,GAAGL,MAAM,oBAANA,MAAM,CAAEK,OAAO;IAC/B,IAAAC,iBAAW,EAAC,MAAM;MAChBT,KAAK,CAACU,eAAe,GAAG,EAAE,CAAAL,KAAK,oBAALA,KAAK,CAAEM,UAAU,KAAI,IAAI,CAAC,IAAI,EAACH,OAAO,YAAPA,OAAO,CAAEI,MAAM;MACxEZ,KAAK,CAACa,kBAAkB,GACtB,EAAE,CAAAR,KAAK,oBAALA,KAAK,CAAES,UAAU,KAAI,IAAI,CAAC,IAAI,EAACN,OAAO,YAAPA,OAAO,CAAEO,MAAM;MAClDf,KAAK,CAACgB,kBAAkB,GACtB,EAAE,CAAAX,KAAK,oBAALA,KAAK,CAAEY,UAAU,KAAI,IAAI,CAAC,IAAI,EAACT,OAAO,YAAPA,OAAO,CAAEU,UAAU;IACxD,CAAC,CAAC;EACJ,CAAC,CAAC;AACJ","ignoreList":[]}
+{"version":3,"names":["_mobx","require","syncSourcePermissions","state","sourceState","autorun","loaded","loadedSchema","perms","schema","itemPermissions","backend","isRemoveItemDisabled","setPermissions","addItemDisabled","createItem","create","updateItemDisabled","updateItem","update","removeItemDisabled","deleteItem","bulkDelete","multiDeleteDisabled","bulkDeleteItems","item","undefined"],"sources":["../../../src/schema/syncSourcePermissions.ts"],"sourcesContent":["import { autorun } from 'mobx';\nimport type { FiltersMap, SourceState } from '@wix/bex-core';\nimport type { EditableTableState } from '../state/EditableTable';\n\n/**\n * Keeps an editable table's row-action flags in sync with its source: an action\n * is disabled when the source denies the permission (`schema.itemPermissions`)\n * OR the backend can't perform it (the write method is absent, e.g. a read-only\n * source). The source is the only permission input — schema-entry tables do not\n * accept consumer-supplied permissions. Reactive because the schema loads\n * asynchronously. Returns a disposer.\n */\nexport function syncSourcePermissions<T, F extends FiltersMap>(\n  state: EditableTableState<T, F>,\n  sourceState: SourceState<T>,\n): () => void {\n  return autorun(() => {\n    const loaded = sourceState.loadedSchema;\n    const perms = loaded?.schema.itemPermissions;\n    const backend = loaded?.backend;\n\n    const isRemoveItemDisabled = perms?.isRemoveItemDisabled;\n\n    state.setPermissions({\n      addItemDisabled: !(perms?.createItem ?? true) || !backend?.create,\n      updateItemDisabled: !(perms?.updateItem ?? true) || !backend?.update,\n      removeItemDisabled: !(perms?.deleteItem ?? true) || !backend?.bulkDelete,\n      multiDeleteDisabled:\n        !(perms?.bulkDeleteItems ?? perms?.deleteItem ?? true) ||\n        !backend?.bulkDelete,\n      isRemoveItemDisabled: isRemoveItemDisabled\n        ? (item: T) => isRemoveItemDisabled(item as Record<string, unknown>)\n        : undefined,\n    });\n  });\n}\n"],"mappings":";;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,qBAAqBA,CACnCC,KAA+B,EAC/BC,WAA2B,EACf;EACZ,OAAO,IAAAC,aAAO,EAAC,MAAM;IACnB,MAAMC,MAAM,GAAGF,WAAW,CAACG,YAAY;IACvC,MAAMC,KAAK,GAAGF,MAAM,oBAANA,MAAM,CAAEG,MAAM,CAACC,eAAe;IAC5C,MAAMC,OAAO,GAAGL,MAAM,oBAANA,MAAM,CAAEK,OAAO;IAE/B,MAAMC,oBAAoB,GAAGJ,KAAK,oBAALA,KAAK,CAAEI,oBAAoB;IAExDT,KAAK,CAACU,cAAc,CAAC;MACnBC,eAAe,EAAE,EAAE,CAAAN,KAAK,oBAALA,KAAK,CAAEO,UAAU,KAAI,IAAI,CAAC,IAAI,EAACJ,OAAO,YAAPA,OAAO,CAAEK,MAAM;MACjEC,kBAAkB,EAAE,EAAE,CAAAT,KAAK,oBAALA,KAAK,CAAEU,UAAU,KAAI,IAAI,CAAC,IAAI,EAACP,OAAO,YAAPA,OAAO,CAAEQ,MAAM;MACpEC,kBAAkB,EAAE,EAAE,CAAAZ,KAAK,oBAALA,KAAK,CAAEa,UAAU,KAAI,IAAI,CAAC,IAAI,EAACV,OAAO,YAAPA,OAAO,CAAEW,UAAU;MACxEC,mBAAmB,EACjB,EAAE,CAAAf,KAAK,oBAALA,KAAK,CAAEgB,eAAe,MAAIhB,KAAK,oBAALA,KAAK,CAAEa,UAAU,KAAI,IAAI,CAAC,IACtD,EAACV,OAAO,YAAPA,OAAO,CAAEW,UAAU;MACtBV,oBAAoB,EAAEA,oBAAoB,GACrCa,IAAO,IAAKb,oBAAoB,CAACa,IAA+B,CAAC,GAClEC;IACN,CAAC,CAAC;EACJ,CAAC,CAAC;AACJ","ignoreList":[]}

package/dist/cjs/schema/useLayoutSwitchCollection.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_bexCore","_react2","_useLayoutSwitchCollection","_SchemaState","_schemaCollectionOptions","_sourceMutations","_syncSourcePermissions","_usePlatformizedSource","useLayoutSwitchCollection","source","options","container","useWixPatternsContainer","fieldsProvider","sourceState","useState","holder","SourceState","attachesItself","load","SchemaState","table","grid","spreadsheet","rest","state","useOpenLayoutSwitchCollection","Object","assign","schemaCollectionConfig","mutations","sourceMutations","undefined","setOnTable","toolbar","useEffect","spreadsheetState","syncSourcePermissions"],"sources":["../../../src/schema/useLayoutSwitchCollection.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { SourceState } from '@wix/bex-core';\nimport type {\n  FiltersMap,\n  OptionalFiltersMap,\n  SchemaSource,\n} from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport type {\n  LayoutSwitchState,\n  TableLayoutConfig,\n  GridLayoutConfig,\n  SpreadsheetLayoutConfig,\n} from '../state/LayoutSwitchState';\nimport type { FieldsSourceProvider } from '../components/fieldsSourceProvider';\nimport { useLayoutSwitchCollection as useOpenLayoutSwitchCollection } from '../hooks/useLayoutSwitchCollection';\nimport { SchemaState } from '../components/SchemaSource/SchemaState';\nimport {\n  schemaCollectionConfig,\n  type SchemaCollectionOptions,\n} from './schemaCollectionOptions';\nimport { sourceMutations } from './sourceMutations';\nimport { syncSourcePermissions } from './syncSourcePermissions';\nimport { attachesItself } from './usePlatformizedSource';\n\nexport type SchemaLayoutSwitchCollectionOptions<\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n> = SchemaCollectionOptions<T, F> & {\n  table?: TableLayoutConfig;\n  grid?: GridLayoutConfig;\n  spreadsheet?: Omit<\n    SpreadsheetLayoutConfig<T, F>,\n    'createOptimisticActions' | 'mutations'\n  >;\n};\n\n/** One collection and one toolbar driven by a source, shared by every enabled\n *  layout — the source attaches before any layout mounts, so a page opening\n *  in grid view has its fields and filters too. */\nexport function useLayoutSwitchCollection<\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n>(\n  source: SchemaSource<T>,\n  options?: SchemaLayoutSwitchCollectionOptions<T, F>,\n): LayoutSwitchState<T, F> {\n  const container = useWixPatternsContainer();\n  const [{ fieldsProvider, sourceState }] = useState<{\n    fieldsProvider: FieldsSourceProvider;\n    sourceState: SourceState<T>;\n  }>(() => {\n    const holder = new SourceState<T>({ container, source });\n    if (attachesItself(source)) {\n      // The schema attach path loads it otherwise; the derived row mutations\n      // read the loaded backend.\n      void holder.load();\n      return { fieldsProvider: source, sourceState: holder };\n    }\n    return {\n      fieldsProvider: new SchemaState<T>({ sourceState: holder }),\n      sourceState: holder,\n    };\n  });\n\n  const { table, grid, spreadsheet, ...rest } =\n    options ?? ({} as SchemaLayoutSwitchCollectionOptions<T, F>);\n\n  const state = useOpenLayoutSwitchCollection<T, F>(\n    Object.assign(schemaCollectionConfig<T, F>(source, rest), {\n      table,\n      grid,\n      spreadsheet: spreadsheet\n        ? { ...spreadsheet, mutations: sourceMutations(sourceState) }\n        : undefined,\n    }),\n  );\n\n  useState(() => fieldsProvider.setOnTable(state.toolbar));\n\n  // Keep the spreadsheet view's row actions gated on the source's permissions.\n  useEffect(() => {\n    const spreadsheetState = state.spreadsheetState;\n    return spreadsheetState\n      ? syncSourcePermissions(spreadsheetState, sourceState)\n      : undefined;\n  }, [state, sourceState]);\n\n  return state;\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAMA,IAAAE,OAAA,GAAAF,OAAA;AAQA,IAAAG,0BAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,wBAAA,GAAAL,OAAA;AAIA,IAAAM,gBAAA,GAAAN,OAAA;AACA,IAAAO,sBAAA,GAAAP,OAAA;AACA,IAAAQ,sBAAA,GAAAR,OAAA;AAcA;AACA;AACA;AACO,SAASS,yBAAyBA,CAIvCC,MAAuB,EACvBC,OAAmD,EAC1B;EACzB,MAAMC,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAM,CAAC;IAAEC,cAAc;IAAEC;EAAY,CAAC,CAAC,GAAG,IAAAC,eAAQ,EAG/C,MAAM;IACP,MAAMC,MAAM,GAAG,IAAIC,oBAAW,CAAI;MAAEN,SAAS;MAAEF;IAAO,CAAC,CAAC;IACxD,IAAI,IAAAS,qCAAc,EAACT,MAAM,CAAC,EAAE;MAC1B;MACA;MACA,KAAKO,MAAM,CAACG,IAAI,CAAC,CAAC;MAClB,OAAO;QAAEN,cAAc,EAAEJ,MAAM;QAAEK,WAAW,EAAEE;MAAO,CAAC;IACxD;IACA,OAAO;MACLH,cAAc,EAAE,IAAIO,wBAAW,CAAI;QAAEN,WAAW,EAAEE;MAAO,CAAC,CAAC;MAC3DF,WAAW,EAAEE;IACf,CAAC;EACH,CAAC,CAAC;EAEF,MAAM;IAAEK,KAAK;IAAEC,IAAI;IAAEC,WAAW;IAAE,GAAGC;EAAK,CAAC,GACzCd,OAAO,IAAK,CAAC,CAA+C;EAE9D,MAAMe,KAAK,GAAG,IAAAC,oDAA6B,EACzCC,MAAM,CAACC,MAAM,CAAC,IAAAC,+CAAsB,EAAOpB,MAAM,EAAEe,IAAI,CAAC,EAAE;IACxDH,KAAK;IACLC,IAAI;IACJC,WAAW,EAAEA,WAAW,GACpB;MAAE,GAAGA,WAAW;MAAEO,SAAS,EAAE,IAAAC,gCAAe,EAACjB,WAAW;IAAE,CAAC,GAC3DkB;EACN,CAAC,CACH,CAAC;EAED,IAAAjB,eAAQ,EAAC,MAAMF,cAAc,CAACoB,UAAU,CAACR,KAAK,CAACS,OAAO,CAAC,CAAC;;EAExD;EACA,IAAAC,gBAAS,EAAC,MAAM;IACd,MAAMC,gBAAgB,GAAGX,KAAK,CAACW,gBAAgB;IAC/C,OAAOA,gBAAgB,GACnB,IAAAC,4CAAqB,EAACD,gBAAgB,EAAEtB,WAAW,CAAC,GACpDkB,SAAS;EACf,CAAC,EAAE,CAACP,KAAK,EAAEX,WAAW,CAAC,CAAC;EAExB,OAAOW,KAAK;AACd","ignoreList":[]}
+{"version":3,"names":["_react","require","_bexCore","_react2","_useLayoutSwitchCollection","_SchemaState","_schemaCollectionOptions","_sourceMutations","_syncSourcePermissions","_usePlatformizedSource","useLayoutSwitchCollection","source","options","container","useWixPatternsContainer","fieldsProvider","sourceState","useState","holder","SourceState","attachesItself","load","SchemaState","table","grid","spreadsheet","rest","state","useOpenLayoutSwitchCollection","Object","assign","schemaCollectionConfig","mutations","sourceMutations","undefined","setOnTable","toolbar","useEffect","spreadsheetState","syncSourcePermissions"],"sources":["../../../src/schema/useLayoutSwitchCollection.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { SourceState } from '@wix/bex-core';\nimport type {\n  FiltersMap,\n  OptionalFiltersMap,\n  SchemaSource,\n} from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport type {\n  LayoutSwitchState,\n  TableLayoutConfig,\n  GridLayoutConfig,\n  SpreadsheetLayoutConfig,\n} from '../state/LayoutSwitchState';\nimport type { FieldsSourceProvider } from '../components/fieldsSourceProvider';\nimport { useLayoutSwitchCollection as useOpenLayoutSwitchCollection } from '../hooks/useLayoutSwitchCollection';\nimport { SchemaState } from '../components/SchemaSource/SchemaState';\nimport {\n  schemaCollectionConfig,\n  type SchemaCollectionOptions,\n} from './schemaCollectionOptions';\nimport { sourceMutations } from './sourceMutations';\nimport { syncSourcePermissions } from './syncSourcePermissions';\nimport { attachesItself } from './usePlatformizedSource';\n\nexport type SchemaLayoutSwitchCollectionOptions<\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n> = SchemaCollectionOptions<T, F> & {\n  table?: TableLayoutConfig;\n  grid?: GridLayoutConfig;\n  // No `permissions` either: row-action permissions are source-driven\n  // (schema.itemPermissions + backend capabilities), not consumer-supplied.\n  spreadsheet?: Omit<\n    SpreadsheetLayoutConfig<T, F>,\n    'createOptimisticActions' | 'mutations' | 'permissions'\n  >;\n};\n\n/** One collection and one toolbar driven by a source, shared by every enabled\n *  layout — the source attaches before any layout mounts, so a page opening\n *  in grid view has its fields and filters too. */\nexport function useLayoutSwitchCollection<\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n>(\n  source: SchemaSource<T>,\n  options?: SchemaLayoutSwitchCollectionOptions<T, F>,\n): LayoutSwitchState<T, F> {\n  const container = useWixPatternsContainer();\n  const [{ fieldsProvider, sourceState }] = useState<{\n    fieldsProvider: FieldsSourceProvider;\n    sourceState: SourceState<T>;\n  }>(() => {\n    const holder = new SourceState<T>({ container, source });\n    if (attachesItself(source)) {\n      // The schema attach path loads it otherwise; the derived row mutations\n      // read the loaded backend.\n      void holder.load();\n      return { fieldsProvider: source, sourceState: holder };\n    }\n    return {\n      fieldsProvider: new SchemaState<T>({ sourceState: holder }),\n      sourceState: holder,\n    };\n  });\n\n  const { table, grid, spreadsheet, ...rest } =\n    options ?? ({} as SchemaLayoutSwitchCollectionOptions<T, F>);\n\n  const state = useOpenLayoutSwitchCollection<T, F>(\n    Object.assign(schemaCollectionConfig<T, F>(source, rest), {\n      table,\n      grid,\n      spreadsheet: spreadsheet\n        ? { ...spreadsheet, mutations: sourceMutations(sourceState) }\n        : undefined,\n    }),\n  );\n\n  useState(() => fieldsProvider.setOnTable(state.toolbar));\n\n  // Keep the spreadsheet view's row actions gated on the source's permissions.\n  useEffect(() => {\n    const spreadsheetState = state.spreadsheetState;\n    return spreadsheetState\n      ? syncSourcePermissions(spreadsheetState, sourceState)\n      : undefined;\n  }, [state, sourceState]);\n\n  return state;\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAMA,IAAAE,OAAA,GAAAF,OAAA;AAQA,IAAAG,0BAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,wBAAA,GAAAL,OAAA;AAIA,IAAAM,gBAAA,GAAAN,OAAA;AACA,IAAAO,sBAAA,GAAAP,OAAA;AACA,IAAAQ,sBAAA,GAAAR,OAAA;AAgBA;AACA;AACA;AACO,SAASS,yBAAyBA,CAIvCC,MAAuB,EACvBC,OAAmD,EAC1B;EACzB,MAAMC,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAM,CAAC;IAAEC,cAAc;IAAEC;EAAY,CAAC,CAAC,GAAG,IAAAC,eAAQ,EAG/C,MAAM;IACP,MAAMC,MAAM,GAAG,IAAIC,oBAAW,CAAI;MAAEN,SAAS;MAAEF;IAAO,CAAC,CAAC;IACxD,IAAI,IAAAS,qCAAc,EAACT,MAAM,CAAC,EAAE;MAC1B;MACA;MACA,KAAKO,MAAM,CAACG,IAAI,CAAC,CAAC;MAClB,OAAO;QAAEN,cAAc,EAAEJ,MAAM;QAAEK,WAAW,EAAEE;MAAO,CAAC;IACxD;IACA,OAAO;MACLH,cAAc,EAAE,IAAIO,wBAAW,CAAI;QAAEN,WAAW,EAAEE;MAAO,CAAC,CAAC;MAC3DF,WAAW,EAAEE;IACf,CAAC;EACH,CAAC,CAAC;EAEF,MAAM;IAAEK,KAAK;IAAEC,IAAI;IAAEC,WAAW;IAAE,GAAGC;EAAK,CAAC,GACzCd,OAAO,IAAK,CAAC,CAA+C;EAE9D,MAAMe,KAAK,GAAG,IAAAC,oDAA6B,EACzCC,MAAM,CAACC,MAAM,CAAC,IAAAC,+CAAsB,EAAOpB,MAAM,EAAEe,IAAI,CAAC,EAAE;IACxDH,KAAK;IACLC,IAAI;IACJC,WAAW,EAAEA,WAAW,GACpB;MAAE,GAAGA,WAAW;MAAEO,SAAS,EAAE,IAAAC,gCAAe,EAACjB,WAAW;IAAE,CAAC,GAC3DkB;EACN,CAAC,CACH,CAAC;EAED,IAAAjB,eAAQ,EAAC,MAAMF,cAAc,CAACoB,UAAU,CAACR,KAAK,CAACS,OAAO,CAAC,CAAC;;EAExD;EACA,IAAAC,gBAAS,EAAC,MAAM;IACd,MAAMC,gBAAgB,GAAGX,KAAK,CAACW,gBAAgB;IAC/C,OAAOA,gBAAgB,GACnB,IAAAC,4CAAqB,EAACD,gBAAgB,EAAEtB,WAAW,CAAC,GACpDkB,SAAS;EACf,CAAC,EAAE,CAACP,KAAK,EAAEX,WAAW,CAAC,CAAC;EAExB,OAAOW,KAAK;AACd","ignoreList":[]}

package/dist/cjs/state/CollectionPage/CollectionPageHeader.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_ = "CollectionPageHeader2989145790";
+var _namespace_ = "CollectionPageHeader317245957";
 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": "CollectionPageHeader2989145790__root"
+  "root": "CollectionPageHeader317245957__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/state/CollectionPage/CollectionPageHeader.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/state/CollectionPage/CollectionPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPageHeader2989145790\";\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\":\"CollectionPageHeader2989145790__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/state/CollectionPage/CollectionPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPageHeader317245957\";\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\":\"CollectionPageHeader317245957__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,+BAA+B;AACjD,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;AAAqC,CAAC;AAC5D,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/state/CustomColumnsEntityPageState.js

@@ -10,6 +10,9 @@ function fieldToColumn(field, hideable) {
   var _field$validation;
   return {
     id: field.id,
+    // The panel's per-field menu is keyed off this — without it a row has no
+    // edit / delete action.
+    field,
     name: field.displayName,
     title: field.displayName,
     render: () => null,
@@ -28,19 +31,21 @@ class CustomColumnsEntityPageState extends _CustomColumnsPanelStateBase.CustomCo
   constructor(params) {
     super({
       container: params.container,
-      queryName: 'entity-page-custom-columns'
+      queryName: [params.container.environment.componentId, params.collectionId ?? (typeof params.schema === 'function' ? undefined : params.schema.id), 'entity-page-custom-columns'].filter(Boolean).join('/')
     });
     (0, _defineProperty2.default)(this, "panels", void 0);
     (0, _defineProperty2.default)(this, "fieldsState", void 0);
     (0, _defineProperty2.default)(this, "_showFieldTypeIcons", void 0);
     (0, _defineProperty2.default)(this, "_schema", void 0);
     (0, _defineProperty2.default)(this, "_isFieldsEditable", void 0);
+    (0, _defineProperty2.default)(this, "_manageFieldsSource", void 0);
     (0, _defineProperty2.default)(this, "_dragAndDrop", void 0);
     this.panels = params.panels;
     this.fieldsState = params.fieldsState;
     this._showFieldTypeIcons = params.showFieldTypeIcons ?? true;
     this._schema = params.schema;
     this._isFieldsEditable = params.isFieldsEditable ?? false;
+    this._manageFieldsSource = params.manageFieldsSource;
     if (params.dragAndDrop) {
       const {
         fieldsState
@@ -103,8 +108,8 @@ class CustomColumnsEntityPageState extends _CustomColumnsPanelStateBase.CustomCo
   get isFieldsEditable() {
     return this._isFieldsEditable;
   }
-  get collectionFieldsSource() {
-    return null;
+  get manageFieldsSource() {
+    return this._manageFieldsSource;
   }
   get sidePanelTransition() {
     return this.panels.sidePanel.transition;

package/dist/cjs/state/CustomColumnsEntityPageState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","_CustomColumnsPanelStateBase","fieldToColumn","field","hideable","_field$validation","id","name","displayName","title","render","fieldType","type","isPii","isSystem","isPrimary","validation","required","message","undefined","CustomColumnsEntityPageState","CustomColumnsPanelStateBase","constructor","params","container","queryName","_defineProperty2","default","panels","fieldsState","_showFieldTypeIcons","showFieldTypeIcons","_schema","schema","_isFieldsEditable","isFieldsEditable","dragAndDrop","self","CustomColumnsDragAndDropState","DnDState","_dragAndDrop","customColumns","dataSource","columns","orderedColumns","selectedColumns","value","orderedFields","map","f","isSelected","isFieldVisible","refresh","reordered","setFieldOrder","s","isVisible","components","modalsContainerRef","initBaseObservables","_this$schema","fields","viewConfig","_field$validation2","isRequired","filter","Boolean","collectionFieldsSource","sidePanelTransition","sidePanel","transition","customizeColumnsInSidePanelBi","_params","onClose","closeSidePanel","init","_this$_dragAndDrop","disposers","reaction","select","clear","forceSetMany","status","finalStatus","startStatus","columnsCollection","refreshAllPages","fireImmediately","selectedValues","isChecked","isCurrentlyVisible","setFieldVisibility","forEach","d","exports"],"sources":["../../../src/state/CustomColumnsEntityPageState.ts"],"sourcesContent":["import { TransitionState } from '@wix/bex-core';\nimport { reaction } from 'mobx';\nimport { Column } from '../model';\nimport { CustomColumnsActionName } from './CustomColumnsState';\nimport { SidePanelsState } from './SidePanelsState';\nimport { CustomColumnsPanelStateBase } from './CustomColumnsPanelStateBase';\nimport { SchemaFieldsState } from './SchemaCard/SchemaFieldsState';\nimport type { CustomColumnsDragAndDrop } from '../components/CustomColumns/CustomColumnsDragAndDrop';\nimport type { CustomColumnsDragAndDropState } from './CustomColumnsDragAndDropState';\nimport type { Field, SchemaConfig } from '../types/SchemaConfig';\n\ntype SchemaFields = Pick<SchemaConfig, 'fields'>;\n\nexport interface CustomColumnsEntityPageStateParams {\n  panels: SidePanelsState;\n  container: import('@wix/bex-core').WixPatternsContainer;\n  fieldsState: SchemaFieldsState;\n  /** Only the fields map is read, so a `SchemaConfig` and a source's `Schema`\n   *  both fit. Pass a function when the schema loads after this state is\n   *  created — it is read reactively. */\n  schema: SchemaFields | (() => SchemaFields | null);\n  /** Whether the panel presents itself as field management rather than column\n   *  selection. Default: `false`. */\n  isFieldsEditable?: boolean;\n  showFieldTypeIcons?: boolean;\n  dragAndDrop?: typeof CustomColumnsDragAndDrop;\n  modalsContainerRef: {\n    current: HTMLElement | null | undefined;\n  };\n}\n\nfunction fieldToColumn(\n  field: Field & { isPii?: boolean; isSystem?: boolean; isPrimary?: boolean },\n  hideable: boolean,\n): Column {\n  return {\n    id: field.id,\n    name: field.displayName,\n    title: field.displayName,\n    render: () => null,\n    fieldType: field.type as Column['fieldType'],\n    hideable,\n    isPii: field.isPii,\n    isSystem: field.isSystem,\n    isPrimary: field.isPrimary,\n    validation: field.validation?.required\n      ? [{ type: 'required' as const, message: '' }]\n      : undefined,\n  };\n}\n\nexport class CustomColumnsEntityPageState extends CustomColumnsPanelStateBase {\n  readonly panels: SidePanelsState;\n  readonly fieldsState: SchemaFieldsState;\n  readonly _showFieldTypeIcons: boolean;\n  readonly _schema: SchemaFields | (() => SchemaFields | null);\n  readonly _isFieldsEditable: boolean;\n  readonly _dragAndDrop?: CustomColumnsDragAndDropState<unknown, any>;\n\n  constructor(params: CustomColumnsEntityPageStateParams) {\n    super({\n      container: params.container,\n      queryName: 'entity-page-custom-columns',\n    });\n\n    this.panels = params.panels;\n    this.fieldsState = params.fieldsState;\n    this._showFieldTypeIcons = params.showFieldTypeIcons ?? true;\n    this._schema = params.schema;\n    this._isFieldsEditable = params.isFieldsEditable ?? false;\n\n    if (params.dragAndDrop) {\n      const { fieldsState } = params;\n      // eslint-disable-next-line @typescript-eslint/no-this-alias\n      const self = this;\n      const { CustomColumnsDragAndDropState: DnDState } = params.dragAndDrop;\n      this._dragAndDrop = new DnDState({\n        customColumns: this,\n        dataSource: {\n          get columns() {\n            return self.orderedColumns;\n          },\n          selectedColumns: {\n            get value() {\n              return fieldsState.orderedFields.map((f) => ({\n                id: f.id,\n                isSelected: fieldsState.isFieldVisible(f.id),\n              }));\n            },\n            refresh(reordered) {\n              fieldsState.setFieldOrder(\n                reordered.map((s) => ({\n                  id: s.id,\n                  isVisible: s.isSelected ?? true,\n                })),\n              );\n            },\n          },\n        },\n        components: params.dragAndDrop,\n        modalsContainerRef: params.modalsContainerRef,\n      });\n    }\n\n    this.initBaseObservables();\n  }\n\n  get schema(): SchemaFields | null {\n    return typeof this._schema === 'function' ? this._schema() : this._schema;\n  }\n\n  get orderedColumns(): Column[] {\n    const fields = this.schema?.fields;\n    if (!fields) {\n      return [];\n    }\n    return this.fieldsState.orderedFields\n      .map((viewConfig) => {\n        const field = fields[viewConfig.id];\n        if (!field) {\n          return null;\n        }\n        const isRequired = field.validation?.required === true;\n        const hideable = !isRequired;\n        return fieldToColumn(field, hideable);\n      })\n      .filter(Boolean) as Column[];\n  }\n\n  get showFieldTypeIcons() {\n    return this._showFieldTypeIcons;\n  }\n\n  get isFieldsEditable() {\n    return this._isFieldsEditable;\n  }\n\n  get collectionFieldsSource() {\n    return null;\n  }\n\n  get sidePanelTransition(): TransitionState<string> | undefined {\n    return this.panels.sidePanel.transition;\n  }\n\n  get dragAndDrop() {\n    return this._dragAndDrop;\n  }\n\n  customizeColumnsInSidePanelBi(_params: {\n    actionName: CustomColumnsActionName;\n  }) {\n    // BI reporting — to be wired\n  }\n\n  onClose() {\n    this.panels.closeSidePanel();\n  }\n\n  init() {\n    const disposers = [\n      reaction(\n        () => this.fieldsState.orderedFields,\n        async () => {\n          const fields = this.fieldsState.orderedFields;\n          this.select.clear();\n          this.select.forceSetMany(\n            fields.map((field) => ({\n              value: { id: field.id },\n              status: this.fieldsState.isFieldVisible(field.id)\n                ? this.select.finalStatus\n                : this.select.startStatus,\n            })),\n          );\n          await this.columnsCollection.refreshAllPages();\n        },\n        { fireImmediately: true },\n      ),\n      reaction(\n        () => this.select.selectedValues,\n        () => {\n          const fields = this.fieldsState.orderedFields;\n          for (const field of fields) {\n            const isChecked = this.select.isChecked(field.id);\n            const isCurrentlyVisible = this.fieldsState.isFieldVisible(\n              field.id,\n            );\n            if (isChecked !== isCurrentlyVisible) {\n              this.fieldsState.setFieldVisibility(field.id, isChecked);\n            }\n          }\n        },\n      ),\n      this.columnsCollection.init(),\n      this._dragAndDrop?.init(),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobx","require","_CustomColumnsPanelStateBase","fieldToColumn","field","hideable","_field$validation","id","name","displayName","title","render","fieldType","type","isPii","isSystem","isPrimary","validation","required","message","undefined","CustomColumnsEntityPageState","CustomColumnsPanelStateBase","constructor","params","container","queryName","environment","componentId","collectionId","schema","filter","Boolean","join","_defineProperty2","default","panels","fieldsState","_showFieldTypeIcons","showFieldTypeIcons","_schema","_isFieldsEditable","isFieldsEditable","_manageFieldsSource","manageFieldsSource","dragAndDrop","self","CustomColumnsDragAndDropState","DnDState","_dragAndDrop","customColumns","dataSource","columns","orderedColumns","selectedColumns","value","orderedFields","map","f","isSelected","isFieldVisible","refresh","reordered","setFieldOrder","s","isVisible","components","modalsContainerRef","initBaseObservables","_this$schema","fields","viewConfig","_field$validation2","isRequired","sidePanelTransition","sidePanel","transition","customizeColumnsInSidePanelBi","_params","onClose","closeSidePanel","init","_this$_dragAndDrop","disposers","reaction","select","clear","forceSetMany","status","finalStatus","startStatus","columnsCollection","refreshAllPages","fireImmediately","selectedValues","isChecked","isCurrentlyVisible","setFieldVisibility","forEach","d","exports"],"sources":["../../../src/state/CustomColumnsEntityPageState.ts"],"sourcesContent":["import { TransitionState } from '@wix/bex-core';\nimport { reaction } from 'mobx';\nimport { Column } from '../model';\nimport { CustomColumnsActionName } from './CustomColumnsState';\nimport { SidePanelsState } from './SidePanelsState';\nimport { CustomColumnsPanelStateBase } from './CustomColumnsPanelStateBase';\nimport { SchemaFieldsState } from './SchemaCard/SchemaFieldsState';\nimport type { ManageFieldsSource } from './ManageFieldsSource';\nimport type { CustomColumnsDragAndDrop } from '../components/CustomColumns/CustomColumnsDragAndDrop';\nimport type { CustomColumnsDragAndDropState } from './CustomColumnsDragAndDropState';\nimport type { Field, SchemaConfig } from '../types/SchemaConfig';\n\ntype SchemaFields = Pick<SchemaConfig, 'id' | 'fields'>;\n\nexport interface CustomColumnsEntityPageStateParams {\n  panels: SidePanelsState;\n  container: import('@wix/bex-core').WixPatternsContainer;\n  fieldsState: SchemaFieldsState;\n  /** Only the fields map is read, so a `SchemaConfig` and a source's `Schema`\n   *  both fit. Pass a function when the schema loads after this state is\n   *  created — it is read reactively. */\n  schema: SchemaFields | (() => SchemaFields | null);\n  /** Whether the panel presents itself as field management rather than column\n   *  selection. Default: `false`. */\n  isFieldsEditable?: boolean;\n  /** Add / edit / delete field. Omitted ⇒ the panel only shows and reorders. */\n  manageFieldsSource?: ManageFieldsSource;\n  /** Namespaces this panel's column collection, the way a table's is namespaced\n   *  by its collection. Default: the schema's id, when the schema is already\n   *  loaded. */\n  collectionId?: string;\n  showFieldTypeIcons?: boolean;\n  dragAndDrop?: typeof CustomColumnsDragAndDrop;\n  modalsContainerRef: {\n    current: HTMLElement | null | undefined;\n  };\n}\n\nfunction fieldToColumn(\n  field: Field & { isPii?: boolean; isSystem?: boolean; isPrimary?: boolean },\n  hideable: boolean,\n): Column {\n  return {\n    id: field.id,\n    // The panel's per-field menu is keyed off this — without it a row has no\n    // edit / delete action.\n    field,\n    name: field.displayName,\n    title: field.displayName,\n    render: () => null,\n    fieldType: field.type as Column['fieldType'],\n    hideable,\n    isPii: field.isPii,\n    isSystem: field.isSystem,\n    isPrimary: field.isPrimary,\n    validation: field.validation?.required\n      ? [{ type: 'required' as const, message: '' }]\n      : undefined,\n  };\n}\n\nexport class CustomColumnsEntityPageState extends CustomColumnsPanelStateBase {\n  readonly panels: SidePanelsState;\n  readonly fieldsState: SchemaFieldsState;\n  readonly _showFieldTypeIcons: boolean;\n  readonly _schema: SchemaFields | (() => SchemaFields | null);\n  readonly _isFieldsEditable: boolean;\n  readonly _manageFieldsSource?: ManageFieldsSource;\n  readonly _dragAndDrop?: CustomColumnsDragAndDropState<unknown, any>;\n\n  constructor(params: CustomColumnsEntityPageStateParams) {\n    super({\n      container: params.container,\n      queryName: [\n        params.container.environment.componentId,\n        params.collectionId ??\n          (typeof params.schema === 'function' ? undefined : params.schema.id),\n        'entity-page-custom-columns',\n      ]\n        .filter(Boolean)\n        .join('/'),\n    });\n\n    this.panels = params.panels;\n    this.fieldsState = params.fieldsState;\n    this._showFieldTypeIcons = params.showFieldTypeIcons ?? true;\n    this._schema = params.schema;\n    this._isFieldsEditable = params.isFieldsEditable ?? false;\n    this._manageFieldsSource = params.manageFieldsSource;\n\n    if (params.dragAndDrop) {\n      const { fieldsState } = params;\n      // eslint-disable-next-line @typescript-eslint/no-this-alias\n      const self = this;\n      const { CustomColumnsDragAndDropState: DnDState } = params.dragAndDrop;\n      this._dragAndDrop = new DnDState({\n        customColumns: this,\n        dataSource: {\n          get columns() {\n            return self.orderedColumns;\n          },\n          selectedColumns: {\n            get value() {\n              return fieldsState.orderedFields.map((f) => ({\n                id: f.id,\n                isSelected: fieldsState.isFieldVisible(f.id),\n              }));\n            },\n            refresh(reordered) {\n              fieldsState.setFieldOrder(\n                reordered.map((s) => ({\n                  id: s.id,\n                  isVisible: s.isSelected ?? true,\n                })),\n              );\n            },\n          },\n        },\n        components: params.dragAndDrop,\n        modalsContainerRef: params.modalsContainerRef,\n      });\n    }\n\n    this.initBaseObservables();\n  }\n\n  get schema(): SchemaFields | null {\n    return typeof this._schema === 'function' ? this._schema() : this._schema;\n  }\n\n  get orderedColumns(): Column[] {\n    const fields = this.schema?.fields;\n    if (!fields) {\n      return [];\n    }\n    return this.fieldsState.orderedFields\n      .map((viewConfig) => {\n        const field = fields[viewConfig.id];\n        if (!field) {\n          return null;\n        }\n        const isRequired = field.validation?.required === true;\n        const hideable = !isRequired;\n        return fieldToColumn(field, hideable);\n      })\n      .filter(Boolean) as Column[];\n  }\n\n  get showFieldTypeIcons() {\n    return this._showFieldTypeIcons;\n  }\n\n  get isFieldsEditable() {\n    return this._isFieldsEditable;\n  }\n\n  get manageFieldsSource() {\n    return this._manageFieldsSource;\n  }\n\n  get sidePanelTransition(): TransitionState<string> | undefined {\n    return this.panels.sidePanel.transition;\n  }\n\n  get dragAndDrop() {\n    return this._dragAndDrop;\n  }\n\n  customizeColumnsInSidePanelBi(_params: {\n    actionName: CustomColumnsActionName;\n  }) {\n    // BI reporting — to be wired\n  }\n\n  onClose() {\n    this.panels.closeSidePanel();\n  }\n\n  init() {\n    const disposers = [\n      reaction(\n        () => this.fieldsState.orderedFields,\n        async () => {\n          const fields = this.fieldsState.orderedFields;\n          this.select.clear();\n          this.select.forceSetMany(\n            fields.map((field) => ({\n              value: { id: field.id },\n              status: this.fieldsState.isFieldVisible(field.id)\n                ? this.select.finalStatus\n                : this.select.startStatus,\n            })),\n          );\n          await this.columnsCollection.refreshAllPages();\n        },\n        { fireImmediately: true },\n      ),\n      reaction(\n        () => this.select.selectedValues,\n        () => {\n          const fields = this.fieldsState.orderedFields;\n          for (const field of fields) {\n            const isChecked = this.select.isChecked(field.id);\n            const isCurrentlyVisible = this.fieldsState.isFieldVisible(\n              field.id,\n            );\n            if (isChecked !== isCurrentlyVisible) {\n              this.fieldsState.setFieldVisibility(field.id, isChecked);\n            }\n          }\n        },\n      ),\n      this.columnsCollection.init(),\n      this._dragAndDrop?.init(),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/CustomColumnsPanelStateBase.js

@@ -53,10 +53,13 @@ class CustomColumnsPanelStateBase {
   }
   /** Whether the panel manages schema fields rather than picking columns —
    *  drives its title and subtitle. Sources that carry their own field
-   *  management report it through `collectionFieldsSource` instead. */
+   *  management report it through `manageFieldsSource` instead. */
   get isFieldsEditable() {
     return false;
   }
+
+  /** Add / edit / delete field, when the surface offers it. */
+
   get filteredColumns() {
     const {
       orderedColumns,

package/dist/cjs/state/CustomColumnsPanelStateBase.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_mobx","CustomColumnsPanelStateBase","constructor","params","_defineProperty2","default","SelectState","keyGetter","column","id","action","value","searchValue","columnsCollection","refreshAllPages","select","onColumnClick","toggle","isChecked","container","CollectionState","events","queryName","fetchData","items","filteredColumns","filter","hiddenFromCustomColumnsSelection","filters","itemKey","item","itemName","name","initBaseObservables","makeObservable","observable","setSearchValue","bound","orderedColumns","computed","isFieldsEditable","trim","searchLower","toLowerCase","title","includes","exports"],"sources":["../../../src/state/CustomColumnsPanelStateBase.ts"],"sourcesContent":["import {\n  CollectionState,\n  FiltersMap,\n  SelectState,\n  TransitionState,\n  WixPatternsContainer,\n} from '@wix/bex-core';\nimport { action, computed, makeObservable, observable } from 'mobx';\nimport { Column } from '../model';\nimport { CustomColumnsActionName } from './CustomColumnsState';\nimport type { CustomColumnsDragAndDropState } from './CustomColumnsDragAndDropState';\nimport type { CollectionFieldsSourceState } from './CollectionFieldsSourceState';\n\nexport interface CustomColumnsPanelStateBaseParams {\n  container: WixPatternsContainer;\n  queryName: string;\n}\n\nexport abstract class CustomColumnsPanelStateBase<\n  T = unknown,\n  F extends FiltersMap = FiltersMap,\n> {\n  readonly container: WixPatternsContainer;\n  readonly columnsCollection: CollectionState<Column, FiltersMap>;\n\n  readonly select = new SelectState<{ id: string }>({\n    keyGetter: (column) => column.id,\n  });\n\n  searchValue = '';\n\n  onColumnClick?: (column: Column, checked: boolean) => unknown;\n\n  constructor(params: CustomColumnsPanelStateBaseParams) {\n    this.container = params.container;\n\n    this.columnsCollection = new CollectionState({\n      ...this.container,\n      events: {},\n      queryName: params.queryName,\n      fetchData: async () => {\n        const items = this.filteredColumns.filter(\n          (column) => column.hiddenFromCustomColumnsSelection !== true,\n        );\n        return { items };\n      },\n      filters: {},\n      itemKey: (item) => item.id,\n      itemName: (item) => item.name,\n    });\n  }\n\n  protected initBaseObservables() {\n    makeObservable(this, {\n      searchValue: observable,\n      setSearchValue: action.bound,\n      orderedColumns: computed,\n      filteredColumns: computed,\n    });\n  }\n\n  abstract get orderedColumns(): Column[];\n\n  abstract get showFieldTypeIcons(): boolean;\n\n  /** Whether the panel manages schema fields rather than picking columns —\n   *  drives its title and subtitle. Sources that carry their own field\n   *  management report it through `collectionFieldsSource` instead. */\n  get isFieldsEditable(): boolean {\n    return false;\n  }\n\n  abstract get collectionFieldsSource():\n    | CollectionFieldsSourceState\n    | null\n    | undefined;\n\n  abstract get sidePanelTransition(): TransitionState<string> | undefined;\n\n  abstract get dragAndDrop(): CustomColumnsDragAndDropState<T, F> | undefined;\n\n  abstract customizeColumnsInSidePanelBi(params: {\n    actionName: CustomColumnsActionName;\n  }): void;\n\n  abstract onClose(): void;\n\n  abstract init(): () => void;\n\n  get filteredColumns(): Column[] {\n    const { orderedColumns, searchValue } = this;\n\n    if (!searchValue.trim()) {\n      return orderedColumns;\n    }\n\n    const searchLower = searchValue.toLowerCase();\n    return orderedColumns.filter((column) => {\n      const name =\n        column.name ||\n        (typeof column.title === 'string' ? column.title : column.id);\n      return name.toLowerCase().includes(searchLower);\n    });\n  }\n\n  setSearchValue = action((value: string) => {\n    this.searchValue = value;\n    this.columnsCollection.refreshAllPages();\n  });\n\n  onColumnCheckboxToggle = action((column: Column) => {\n    const { select, onColumnClick } = this;\n    select.toggle(column);\n    onColumnClick?.(column, select.isChecked(column.id));\n  });\n}\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAOA,IAAAC,KAAA,GAAAD,OAAA;AAWO,MAAeE,2BAA2B,CAG/C;EAYAC,WAAWA,CAACC,MAAyC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,kBARrC,IAAIC,oBAAW,CAAiB;MAChDC,SAAS,EAAGC,MAAM,IAAKA,MAAM,CAACC;IAChC,CAAC,CAAC;IAAA,IAAAL,gBAAA,CAAAC,OAAA,uBAEY,EAAE;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,0BA4EC,IAAAK,YAAM,EAAEC,KAAa,IAAK;MACzC,IAAI,CAACC,WAAW,GAAGD,KAAK;MACxB,IAAI,CAACE,iBAAiB,CAACC,eAAe,CAAC,CAAC;IAC1C,CAAC,CAAC;IAAA,IAAAV,gBAAA,CAAAC,OAAA,kCAEuB,IAAAK,YAAM,EAAEF,MAAc,IAAK;MAClD,MAAM;QAAEO,MAAM;QAAEC;MAAc,CAAC,GAAG,IAAI;MACtCD,MAAM,CAACE,MAAM,CAACT,MAAM,CAAC;MACrBQ,aAAa,YAAbA,aAAa,CAAGR,MAAM,EAAEO,MAAM,CAACG,SAAS,CAACV,MAAM,CAACC,EAAE,CAAC,CAAC;IACtD,CAAC,CAAC;IAhFA,IAAI,CAACU,SAAS,GAAGhB,MAAM,CAACgB,SAAS;IAEjC,IAAI,CAACN,iBAAiB,GAAG,IAAIO,wBAAe,CAAC;MAC3C,GAAG,IAAI,CAACD,SAAS;MACjBE,MAAM,EAAE,CAAC,CAAC;MACVC,SAAS,EAAEnB,MAAM,CAACmB,SAAS;MAC3BC,SAAS,EAAE,MAAAA,CAAA,KAAY;QACrB,MAAMC,KAAK,GAAG,IAAI,CAACC,eAAe,CAACC,MAAM,CACtClB,MAAM,IAAKA,MAAM,CAACmB,gCAAgC,KAAK,IAC1D,CAAC;QACD,OAAO;UAAEH;QAAM,CAAC;MAClB,CAAC;MACDI,OAAO,EAAE,CAAC,CAAC;MACXC,OAAO,EAAGC,IAAI,IAAKA,IAAI,CAACrB,EAAE;MAC1BsB,QAAQ,EAAGD,IAAI,IAAKA,IAAI,CAACE;IAC3B,CAAC,CAAC;EACJ;EAEUC,mBAAmBA,CAAA,EAAG;IAC9B,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBtB,WAAW,EAAEuB,gBAAU;MACvBC,cAAc,EAAE1B,YAAM,CAAC2B,KAAK;MAC5BC,cAAc,EAAEC,cAAQ;MACxBd,eAAe,EAAEc;IACnB,CAAC,CAAC;EACJ;EAMA;AACF;AACA;EACE,IAAIC,gBAAgBA,CAAA,EAAY;IAC9B,OAAO,KAAK;EACd;EAmBA,IAAIf,eAAeA,CAAA,EAAa;IAC9B,MAAM;MAAEa,cAAc;MAAE1B;IAAY,CAAC,GAAG,IAAI;IAE5C,IAAI,CAACA,WAAW,CAAC6B,IAAI,CAAC,CAAC,EAAE;MACvB,OAAOH,cAAc;IACvB;IAEA,MAAMI,WAAW,GAAG9B,WAAW,CAAC+B,WAAW,CAAC,CAAC;IAC7C,OAAOL,cAAc,CAACZ,MAAM,CAAElB,MAAM,IAAK;MACvC,MAAMwB,IAAI,GACRxB,MAAM,CAACwB,IAAI,KACV,OAAOxB,MAAM,CAACoC,KAAK,KAAK,QAAQ,GAAGpC,MAAM,CAACoC,KAAK,GAAGpC,MAAM,CAACC,EAAE,CAAC;MAC/D,OAAOuB,IAAI,CAACW,WAAW,CAAC,CAAC,CAACE,QAAQ,CAACH,WAAW,CAAC;IACjD,CAAC,CAAC;EACJ;AAYF;AAACI,OAAA,CAAA7C,2BAAA,GAAAA,2BAAA","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_mobx","CustomColumnsPanelStateBase","constructor","params","_defineProperty2","default","SelectState","keyGetter","column","id","action","value","searchValue","columnsCollection","refreshAllPages","select","onColumnClick","toggle","isChecked","container","CollectionState","events","queryName","fetchData","items","filteredColumns","filter","hiddenFromCustomColumnsSelection","filters","itemKey","item","itemName","name","initBaseObservables","makeObservable","observable","setSearchValue","bound","orderedColumns","computed","isFieldsEditable","trim","searchLower","toLowerCase","title","includes","exports"],"sources":["../../../src/state/CustomColumnsPanelStateBase.ts"],"sourcesContent":["import {\n  CollectionState,\n  FiltersMap,\n  SelectState,\n  TransitionState,\n  WixPatternsContainer,\n} from '@wix/bex-core';\nimport { action, computed, makeObservable, observable } from 'mobx';\nimport { Column } from '../model';\nimport { CustomColumnsActionName } from './CustomColumnsState';\nimport type { CustomColumnsDragAndDropState } from './CustomColumnsDragAndDropState';\nimport type { ManageFieldsSource } from './ManageFieldsSource';\n\nexport interface CustomColumnsPanelStateBaseParams {\n  container: WixPatternsContainer;\n  queryName: string;\n}\n\nexport abstract class CustomColumnsPanelStateBase<\n  T = unknown,\n  F extends FiltersMap = FiltersMap,\n> {\n  readonly container: WixPatternsContainer;\n  readonly columnsCollection: CollectionState<Column, FiltersMap>;\n\n  readonly select = new SelectState<{ id: string }>({\n    keyGetter: (column) => column.id,\n  });\n\n  searchValue = '';\n\n  onColumnClick?: (column: Column, checked: boolean) => unknown;\n\n  constructor(params: CustomColumnsPanelStateBaseParams) {\n    this.container = params.container;\n\n    this.columnsCollection = new CollectionState({\n      ...this.container,\n      events: {},\n      queryName: params.queryName,\n      fetchData: async () => {\n        const items = this.filteredColumns.filter(\n          (column) => column.hiddenFromCustomColumnsSelection !== true,\n        );\n        return { items };\n      },\n      filters: {},\n      itemKey: (item) => item.id,\n      itemName: (item) => item.name,\n    });\n  }\n\n  protected initBaseObservables() {\n    makeObservable(this, {\n      searchValue: observable,\n      setSearchValue: action.bound,\n      orderedColumns: computed,\n      filteredColumns: computed,\n    });\n  }\n\n  abstract get orderedColumns(): Column[];\n\n  abstract get showFieldTypeIcons(): boolean;\n\n  /** Whether the panel manages schema fields rather than picking columns —\n   *  drives its title and subtitle. Sources that carry their own field\n   *  management report it through `manageFieldsSource` instead. */\n  get isFieldsEditable(): boolean {\n    return false;\n  }\n\n  /** Add / edit / delete field, when the surface offers it. */\n  abstract get manageFieldsSource(): ManageFieldsSource | null | undefined;\n\n  abstract get sidePanelTransition(): TransitionState<string> | undefined;\n\n  abstract get dragAndDrop(): CustomColumnsDragAndDropState<T, F> | undefined;\n\n  abstract customizeColumnsInSidePanelBi(params: {\n    actionName: CustomColumnsActionName;\n  }): void;\n\n  abstract onClose(): void;\n\n  abstract init(): () => void;\n\n  get filteredColumns(): Column[] {\n    const { orderedColumns, searchValue } = this;\n\n    if (!searchValue.trim()) {\n      return orderedColumns;\n    }\n\n    const searchLower = searchValue.toLowerCase();\n    return orderedColumns.filter((column) => {\n      const name =\n        column.name ||\n        (typeof column.title === 'string' ? column.title : column.id);\n      return name.toLowerCase().includes(searchLower);\n    });\n  }\n\n  setSearchValue = action((value: string) => {\n    this.searchValue = value;\n    this.columnsCollection.refreshAllPages();\n  });\n\n  onColumnCheckboxToggle = action((column: Column) => {\n    const { select, onColumnClick } = this;\n    select.toggle(column);\n    onColumnClick?.(column, select.isChecked(column.id));\n  });\n}\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAOA,IAAAC,KAAA,GAAAD,OAAA;AAWO,MAAeE,2BAA2B,CAG/C;EAYAC,WAAWA,CAACC,MAAyC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,kBARrC,IAAIC,oBAAW,CAAiB;MAChDC,SAAS,EAAGC,MAAM,IAAKA,MAAM,CAACC;IAChC,CAAC,CAAC;IAAA,IAAAL,gBAAA,CAAAC,OAAA,uBAEY,EAAE;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,0BA0EC,IAAAK,YAAM,EAAEC,KAAa,IAAK;MACzC,IAAI,CAACC,WAAW,GAAGD,KAAK;MACxB,IAAI,CAACE,iBAAiB,CAACC,eAAe,CAAC,CAAC;IAC1C,CAAC,CAAC;IAAA,IAAAV,gBAAA,CAAAC,OAAA,kCAEuB,IAAAK,YAAM,EAAEF,MAAc,IAAK;MAClD,MAAM;QAAEO,MAAM;QAAEC;MAAc,CAAC,GAAG,IAAI;MACtCD,MAAM,CAACE,MAAM,CAACT,MAAM,CAAC;MACrBQ,aAAa,YAAbA,aAAa,CAAGR,MAAM,EAAEO,MAAM,CAACG,SAAS,CAACV,MAAM,CAACC,EAAE,CAAC,CAAC;IACtD,CAAC,CAAC;IA9EA,IAAI,CAACU,SAAS,GAAGhB,MAAM,CAACgB,SAAS;IAEjC,IAAI,CAACN,iBAAiB,GAAG,IAAIO,wBAAe,CAAC;MAC3C,GAAG,IAAI,CAACD,SAAS;MACjBE,MAAM,EAAE,CAAC,CAAC;MACVC,SAAS,EAAEnB,MAAM,CAACmB,SAAS;MAC3BC,SAAS,EAAE,MAAAA,CAAA,KAAY;QACrB,MAAMC,KAAK,GAAG,IAAI,CAACC,eAAe,CAACC,MAAM,CACtClB,MAAM,IAAKA,MAAM,CAACmB,gCAAgC,KAAK,IAC1D,CAAC;QACD,OAAO;UAAEH;QAAM,CAAC;MAClB,CAAC;MACDI,OAAO,EAAE,CAAC,CAAC;MACXC,OAAO,EAAGC,IAAI,IAAKA,IAAI,CAACrB,EAAE;MAC1BsB,QAAQ,EAAGD,IAAI,IAAKA,IAAI,CAACE;IAC3B,CAAC,CAAC;EACJ;EAEUC,mBAAmBA,CAAA,EAAG;IAC9B,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBtB,WAAW,EAAEuB,gBAAU;MACvBC,cAAc,EAAE1B,YAAM,CAAC2B,KAAK;MAC5BC,cAAc,EAAEC,cAAQ;MACxBd,eAAe,EAAEc;IACnB,CAAC,CAAC;EACJ;EAMA;AACF;AACA;EACE,IAAIC,gBAAgBA,CAAA,EAAY;IAC9B,OAAO,KAAK;EACd;;EAEA;;EAeA,IAAIf,eAAeA,CAAA,EAAa;IAC9B,MAAM;MAAEa,cAAc;MAAE1B;IAAY,CAAC,GAAG,IAAI;IAE5C,IAAI,CAACA,WAAW,CAAC6B,IAAI,CAAC,CAAC,EAAE;MACvB,OAAOH,cAAc;IACvB;IAEA,MAAMI,WAAW,GAAG9B,WAAW,CAAC+B,WAAW,CAAC,CAAC;IAC7C,OAAOL,cAAc,CAACZ,MAAM,CAAElB,MAAM,IAAK;MACvC,MAAMwB,IAAI,GACRxB,MAAM,CAACwB,IAAI,KACV,OAAOxB,MAAM,CAACoC,KAAK,KAAK,QAAQ,GAAGpC,MAAM,CAACoC,KAAK,GAAGpC,MAAM,CAACC,EAAE,CAAC;MAC/D,OAAOuB,IAAI,CAACW,WAAW,CAAC,CAAC,CAACE,QAAQ,CAACH,WAAW,CAAC;IACjD,CAAC,CAAC;EACJ;AAYF;AAACI,OAAA,CAAA7C,2BAAA,GAAAA,2BAAA","ignoreList":[]}

package/dist/cjs/state/CustomColumnsState.js

@@ -368,7 +368,7 @@ class CustomColumnsState extends _CustomColumnsPanelStateBase.CustomColumnsPanel
   get showFieldTypeIcons() {
     return this.table.showFieldTypeIcons;
   }
-  get collectionFieldsSource() {
+  get manageFieldsSource() {
     return this.table.collectionFieldsSource;
   }
   get sidePanelTransition() {