@wix/patterns 1.431.0 → 1.432.0

package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.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/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ManageTagsModal3765695890\";\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\":\"ManageTagsModal3765695890__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,2BAA2B;AAC7C,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;AAAiC,CAAC;AACxD,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/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ManageTagsModal3581084668\";\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\":\"ManageTagsModal3581084668__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,2BAA2B;AAC7C,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;AAAiC,CAAC;AACxD,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/ToolbarCollection/useToolbarCollectionSyncProps.js

@@ -46,24 +46,22 @@ function useToolbarCollectionSyncProps(props) {
     };
   }, []);
   (0, _react.useEffect)(() => {
-    (0, _mobx.reaction)(() => ({
-      scrollTop: state.scrollTopBeforeUnmount,
-      routerState: router == null ? void 0 : router.currentState
-    }), ({
-      scrollTop,
-      routerState
-    }) => {
-      pageState.scrollTopBeforeUnmount = routerState != null && routerState._createdEntity ? 0 : scrollTop;
-    }, {
-      fireImmediately: true
-    });
-    return () => {
-      var _pageState$pageState$;
-      const scrollTop = (_pageState$pageState$ = pageState.pageState.scrollableContentRef.current) == null ? void 0 : _pageState$pageState$.scrollTop;
-      if (scrollTop !== undefined) {
-        state.scrollTopBeforeUnmount = scrollTop;
+    var _router$currentState;
+    pageState.scrollTopBeforeUnmount = router != null && (_router$currentState = router.currentState) != null && _router$currentState._createdEntity ? 0 : state.scrollTopBeforeUnmount;
+    // The offset belongs to a single trip back. The cached state outlives it,
+    // so leaving it set would restore it again on any later remount.
+    state.scrollTopBeforeUnmount = null;
+    return (0, _mobx.reaction)(() => router == null ? void 0 : router.currentState, routerState => {
+      if (!(routerState != null && routerState._chosenEntity)) {
+        return;
       }
-    };
+      // Reading it on unmount is too late: React detaches the page before
+      // effect cleanups run, and a detached element reports scrollTop 0.
+      const el = pageState.pageState.scrollableContentRef.current;
+      if (el) {
+        state.scrollTopBeforeUnmount = el.scrollTop;
+      }
+    });
   }, []);
   const getIsUsingAllItemsView = () => !!(
   // views=undefined, it means thw user didn't pass so allItemsViews=false

package/dist/cjs/components/ToolbarCollection/useToolbarCollectionSyncProps.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_mobx","_checkConflictingToolbarProps","_providers","_WixPatternsRouterProvider","_useSyncTotal","useToolbarCollectionSyncProps","props","state","views","tabs","exportButton","importButton","dragAndDropCategories","maxSelection","search","filters","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","summaryBar","secondaryActions","moreActions","internalScroll","showFieldTypeIcons","checkConflictingToolbarProps","container","isPanelLayout","runInAction","pageState","useCollectionPageContext","router","useWixPatternsRouter","useEffect","primaryToolbar","reaction","scrollTop","scrollTopBeforeUnmount","routerState","currentState","_createdEntity","fireImmediately","_pageState$pageState$","scrollableContentRef","current","undefined","getIsUsingAllItemsView","allItemsViewProps","hidden","featuredComponents","set","tabsFilterProps","useMemo","filter","hasHeader","minimizedHeaderHeight","useSyncTotal","collection","useState","type","setViewsState","action","viewsProps","_props$AddApplyFilter","_props$title","_props$title2","AddApplyFiltersButton","setStateObject","featuresAvailability","isDisablingSearch","isUsingFilters","isUsingTags","tags","isUsingTabs","isUsingSummaryRow","isUsingSecondaryActions","isUsingMoreActions","additionalFeaturesAvailability","isUsingTableSubtitle","title","subtitle","isUsingCounterInHeader","showTotal","isUsingSelectAllLimitation","isUsingErrorMessage","errorState","renderError","isUsingAllItemsView","isUsingCustomEmptyState","emptyState","isUsingCustomNoResultsState","noResultsState","isUsingPrimaryActionCta","primaryActionButton","isUsingExpandCollapse","persistent","bulk"],"sources":["../../../../src/components/ToolbarCollection/useToolbarCollectionSyncProps.ts"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { useEffect, useMemo, useState } from 'react';\nimport { action, reaction, runInAction } from 'mobx';\nimport { ToolbarCollectionProps } from './ToolbarCollection';\nimport { checkConflictingToolbarProps } from './checkConflictingToolbarProps';\nimport { useCollectionPageContext } from '../../providers';\nimport { useWixPatternsRouter } from '../../providers/WixPatternsRouterProvider';\nimport { useSyncTotal } from '../../hooks/useSyncTotal';\n\nexport function useToolbarCollectionSyncProps<T, F extends FiltersMap>(\n  props: ToolbarCollectionProps<T, F> & {\n    isUsingDragAndDrop: boolean;\n    isUsingBulkActionsToolbar: boolean;\n    isUsingHorizontalScroll: boolean;\n    isUsingFolders: boolean;\n    isUsingTableVirtualization: boolean;\n    isUsingExpandCollapse?: boolean;\n  },\n) {\n  const {\n    state,\n    views,\n    tabs,\n    exportButton,\n    importButton,\n    dragAndDropCategories,\n    maxSelection,\n    search,\n    filters,\n    isUsingDragAndDrop,\n    isUsingBulkActionsToolbar,\n    isUsingHorizontalScroll,\n    isUsingFolders,\n    isUsingTableVirtualization,\n    summaryBar,\n    secondaryActions,\n    moreActions,\n    internalScroll,\n    showFieldTypeIcons,\n  } = props;\n\n  checkConflictingToolbarProps(props);\n\n  state.internalScroll = state.container.isPanelLayout ? true : internalScroll;\n  runInAction(() => {\n    state.showFieldTypeIcons = showFieldTypeIcons ?? false;\n  });\n\n  const pageState = useCollectionPageContext();\n  const router = useWixPatternsRouter();\n\n  useEffect(() => {\n    pageState.primaryToolbar = state;\n\n    return () => {\n      if (pageState.primaryToolbar === state) {\n        pageState.primaryToolbar = null;\n      }\n    };\n  }, []);\n\n  useEffect(() => {\n    reaction(\n      () => ({\n        scrollTop: state.scrollTopBeforeUnmount,\n        routerState: router?.currentState,\n      }),\n      ({ scrollTop, routerState }) => {\n        pageState.scrollTopBeforeUnmount = routerState?._createdEntity\n          ? 0\n          : scrollTop;\n      },\n      { fireImmediately: true },\n    );\n\n    return () => {\n      const scrollTop =\n        pageState.pageState.scrollableContentRef.current?.scrollTop;\n      if (scrollTop !== undefined) {\n        state.scrollTopBeforeUnmount = scrollTop;\n      }\n    };\n  }, []);\n\n  const getIsUsingAllItemsView = () =>\n    !!(\n      // views=undefined, it means thw user didn't pass so allItemsViews=false\n      (\n        views &&\n        // views.props=undefined, it means the user passed views without configuring allItems so allItemsViews=true\n        (!views.props ||\n          // views.props.allItemsViewProps=undefined, it means the user passed allItemsViewProps\n          // without configuring the hidden so allItemsViews=true\n          !views.props.allItemsViewProps ||\n          // allItemsViews depends on hidden's value\n          !views.props.allItemsViewProps.hidden)\n      )\n    );\n\n  useEffect(() => {\n    if (exportButton) {\n      state.featuredComponents.exportButton.set(exportButton);\n    }\n\n    return () => {\n      state.featuredComponents.exportButton.set(null);\n    };\n  }, [exportButton]);\n\n  useEffect(() => {\n    if (importButton) {\n      state.featuredComponents.importButton.set(importButton);\n    }\n\n    return () => {\n      state.featuredComponents.importButton.set(null);\n    };\n  }, [importButton]);\n\n  const tabsFilterProps = useMemo(() => {\n    return tabs?.props\n      ? {\n          filter: tabs.props.filter,\n        }\n      : undefined;\n  }, [tabs]);\n\n  useEffect(\n    () =>\n      reaction(\n        () => pageState.hasHeader,\n        (hasHeader) => {\n          if (hasHeader) {\n            state.minimizedHeaderHeight = 66;\n          }\n        },\n        {\n          fireImmediately: true,\n        },\n      ),\n    [],\n  );\n\n  useSyncTotal(state.collection);\n\n  useEffect(() => {\n    runInAction(() => {\n      state.dragAndDropCategories = dragAndDropCategories;\n    });\n    // We accept this prop once on purpose because it's array it changes on every render. We expose a setter `set dragAndDropCategories` instead.\n  }, []);\n\n  useState(() => views?.type.setViewsState(state, views?.props));\n\n  useEffect(\n    action(() => {\n      state.viewsProps = views?.props;\n    }),\n    [views],\n  );\n\n  useState(() => {\n    props.AddApplyFiltersButton?.setStateObject(state);\n\n    state.featuresAvailability = {\n      isDisablingSearch: search === false,\n      isUsingFilters: !!filters,\n      isUsingDragAndDrop,\n      isUsingBulkActionsToolbar,\n      isUsingHorizontalScroll,\n      isUsingFolders,\n      isUsingTableVirtualization,\n      isUsingTags: !!props.tags,\n      isUsingTabs: !!tabs,\n      isUsingSummaryRow: !!summaryBar,\n      isUsingSecondaryActions: !!secondaryActions,\n      isUsingMoreActions: !!moreActions,\n    };\n\n    state.additionalFeaturesAvailability = {\n      isUsingTableSubtitle: !!props.title?.props.subtitle,\n      isUsingCounterInHeader: !!props.title?.props.showTotal,\n      isUsingSelectAllLimitation: !!props.maxSelection,\n      isUsingErrorMessage: !!(props.errorState ?? props.renderError),\n      isUsingAllItemsView: getIsUsingAllItemsView(),\n      isUsingCustomEmptyState: !!props.emptyState,\n      isUsingCustomNoResultsState: !!props.noResultsState,\n      isUsingPrimaryActionCta: !!props.primaryActionButton,\n      isUsingExpandCollapse: !!props.isUsingExpandCollapse,\n    };\n  });\n\n  useEffect(\n    action(() => {\n      if (tabsFilterProps?.filter) {\n        state.tabsFilterProps = tabsFilterProps;\n        tabsFilterProps.filter.persistent = true;\n      }\n    }),\n    [tabsFilterProps],\n  );\n\n  useEffect(() => {\n    runInAction(() => {\n      state.bulk.maxSelection = maxSelection;\n    });\n  }, [maxSelection]);\n\n  return state;\n}\n"],"mappings":";;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,6BAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,0BAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AAEO,SAASM,6BAA6BA,CAC3CC,KAOC,EACD;EACA,MAAM;IACJC,KAAK;IACLC,KAAK;IACLC,IAAI;IACJC,YAAY;IACZC,YAAY;IACZC,qBAAqB;IACrBC,YAAY;IACZC,MAAM;IACNC,OAAO;IACPC,kBAAkB;IAClBC,yBAAyB;IACzBC,uBAAuB;IACvBC,cAAc;IACdC,0BAA0B;IAC1BC,UAAU;IACVC,gBAAgB;IAChBC,WAAW;IACXC,cAAc;IACdC;EACF,CAAC,GAAGnB,KAAK;EAET,IAAAoB,0DAA4B,EAACpB,KAAK,CAAC;EAEnCC,KAAK,CAACiB,cAAc,GAAGjB,KAAK,CAACoB,SAAS,CAACC,aAAa,GAAG,IAAI,GAAGJ,cAAc;EAC5E,IAAAK,iBAAW,EAAC,MAAM;IAChBtB,KAAK,CAACkB,kBAAkB,GAAGA,kBAAkB,IAAI,KAAK;EACxD,CAAC,CAAC;EAEF,MAAMK,SAAS,GAAG,IAAAC,mCAAwB,EAAC,CAAC;EAC5C,MAAMC,MAAM,GAAG,IAAAC,+CAAoB,EAAC,CAAC;EAErC,IAAAC,gBAAS,EAAC,MAAM;IACdJ,SAAS,CAACK,cAAc,GAAG5B,KAAK;IAEhC,OAAO,MAAM;MACX,IAAIuB,SAAS,CAACK,cAAc,KAAK5B,KAAK,EAAE;QACtCuB,SAAS,CAACK,cAAc,GAAG,IAAI;MACjC;IACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAD,gBAAS,EAAC,MAAM;IACd,IAAAE,cAAQ,EACN,OAAO;MACLC,SAAS,EAAE9B,KAAK,CAAC+B,sBAAsB;MACvCC,WAAW,EAAEP,MAAM,oBAANA,MAAM,CAAEQ;IACvB,CAAC,CAAC,EACF,CAAC;MAAEH,SAAS;MAAEE;IAAY,CAAC,KAAK;MAC9BT,SAAS,CAACQ,sBAAsB,GAAGC,WAAW,YAAXA,WAAW,CAAEE,cAAc,GAC1D,CAAC,GACDJ,SAAS;IACf,CAAC,EACD;MAAEK,eAAe,EAAE;IAAK,CAC1B,CAAC;IAED,OAAO,MAAM;MAAA,IAAAC,qBAAA;MACX,MAAMN,SAAS,IAAAM,qBAAA,GACbb,SAAS,CAACA,SAAS,CAACc,oBAAoB,CAACC,OAAO,qBAAhDF,qBAAA,CAAkDN,SAAS;MAC7D,IAAIA,SAAS,KAAKS,SAAS,EAAE;QAC3BvC,KAAK,CAAC+B,sBAAsB,GAAGD,SAAS;MAC1C;IACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMU,sBAAsB,GAAGA,CAAA,KAC7B,CAAC;EACC;;EAEEvC,KAAK;EACL;EACC,CAACA,KAAK,CAACF,KAAK;EACX;EACA;EACA,CAACE,KAAK,CAACF,KAAK,CAAC0C,iBAAiB;EAC9B;EACA,CAACxC,KAAK,CAACF,KAAK,CAAC0C,iBAAiB,CAACC,MAAM,CAAC,CAE3C;EAEH,IAAAf,gBAAS,EAAC,MAAM;IACd,IAAIxB,YAAY,EAAE;MAChBH,KAAK,CAAC2C,kBAAkB,CAACxC,YAAY,CAACyC,GAAG,CAACzC,YAAY,CAAC;IACzD;IAEA,OAAO,MAAM;MACXH,KAAK,CAAC2C,kBAAkB,CAACxC,YAAY,CAACyC,GAAG,CAAC,IAAI,CAAC;IACjD,CAAC;EACH,CAAC,EAAE,CAACzC,YAAY,CAAC,CAAC;EAElB,IAAAwB,gBAAS,EAAC,MAAM;IACd,IAAIvB,YAAY,EAAE;MAChBJ,KAAK,CAAC2C,kBAAkB,CAACvC,YAAY,CAACwC,GAAG,CAACxC,YAAY,CAAC;IACzD;IAEA,OAAO,MAAM;MACXJ,KAAK,CAAC2C,kBAAkB,CAACvC,YAAY,CAACwC,GAAG,CAAC,IAAI,CAAC;IACjD,CAAC;EACH,CAAC,EAAE,CAACxC,YAAY,CAAC,CAAC;EAElB,MAAMyC,eAAe,GAAG,IAAAC,cAAO,EAAC,MAAM;IACpC,OAAO5C,IAAI,YAAJA,IAAI,CAAEH,KAAK,GACd;MACEgD,MAAM,EAAE7C,IAAI,CAACH,KAAK,CAACgD;IACrB,CAAC,GACDR,SAAS;EACf,CAAC,EAAE,CAACrC,IAAI,CAAC,CAAC;EAEV,IAAAyB,gBAAS,EACP,MACE,IAAAE,cAAQ,EACN,MAAMN,SAAS,CAACyB,SAAS,EACxBA,SAAS,IAAK;IACb,IAAIA,SAAS,EAAE;MACbhD,KAAK,CAACiD,qBAAqB,GAAG,EAAE;IAClC;EACF,CAAC,EACD;IACEd,eAAe,EAAE;EACnB,CACF,CAAC,EACH,EACF,CAAC;EAED,IAAAe,0BAAY,EAAClD,KAAK,CAACmD,UAAU,CAAC;EAE9B,IAAAxB,gBAAS,EAAC,MAAM;IACd,IAAAL,iBAAW,EAAC,MAAM;MAChBtB,KAAK,CAACK,qBAAqB,GAAGA,qBAAqB;IACrD,CAAC,CAAC;IACF;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,IAAA+C,eAAQ,EAAC,MAAMnD,KAAK,oBAALA,KAAK,CAAEoD,IAAI,CAACC,aAAa,CAACtD,KAAK,EAAEC,KAAK,oBAALA,KAAK,CAAEF,KAAK,CAAC,CAAC;EAE9D,IAAA4B,gBAAS,EACP,IAAA4B,YAAM,EAAC,MAAM;IACXvD,KAAK,CAACwD,UAAU,GAAGvD,KAAK,oBAALA,KAAK,CAAEF,KAAK;EACjC,CAAC,CAAC,EACF,CAACE,KAAK,CACR,CAAC;EAED,IAAAmD,eAAQ,EAAC,MAAM;IAAA,IAAAK,qBAAA,EAAAC,YAAA,EAAAC,aAAA;IACb,CAAAF,qBAAA,GAAA1D,KAAK,CAAC6D,qBAAqB,aAA3BH,qBAAA,CAA6BI,cAAc,CAAC7D,KAAK,CAAC;IAElDA,KAAK,CAAC8D,oBAAoB,GAAG;MAC3BC,iBAAiB,EAAExD,MAAM,KAAK,KAAK;MACnCyD,cAAc,EAAE,CAAC,CAACxD,OAAO;MACzBC,kBAAkB;MAClBC,yBAAyB;MACzBC,uBAAuB;MACvBC,cAAc;MACdC,0BAA0B;MAC1BoD,WAAW,EAAE,CAAC,CAAClE,KAAK,CAACmE,IAAI;MACzBC,WAAW,EAAE,CAAC,CAACjE,IAAI;MACnBkE,iBAAiB,EAAE,CAAC,CAACtD,UAAU;MAC/BuD,uBAAuB,EAAE,CAAC,CAACtD,gBAAgB;MAC3CuD,kBAAkB,EAAE,CAAC,CAACtD;IACxB,CAAC;IAEDhB,KAAK,CAACuE,8BAA8B,GAAG;MACrCC,oBAAoB,EAAE,CAAC,GAAAd,YAAA,GAAC3D,KAAK,CAAC0E,KAAK,aAAXf,YAAA,CAAa3D,KAAK,CAAC2E,QAAQ;MACnDC,sBAAsB,EAAE,CAAC,GAAAhB,aAAA,GAAC5D,KAAK,CAAC0E,KAAK,aAAXd,aAAA,CAAa5D,KAAK,CAAC6E,SAAS;MACtDC,0BAA0B,EAAE,CAAC,CAAC9E,KAAK,CAACO,YAAY;MAChDwE,mBAAmB,EAAE,CAAC,EAAE/E,KAAK,CAACgF,UAAU,IAAIhF,KAAK,CAACiF,WAAW,CAAC;MAC9DC,mBAAmB,EAAEzC,sBAAsB,CAAC,CAAC;MAC7C0C,uBAAuB,EAAE,CAAC,CAACnF,KAAK,CAACoF,UAAU;MAC3CC,2BAA2B,EAAE,CAAC,CAACrF,KAAK,CAACsF,cAAc;MACnDC,uBAAuB,EAAE,CAAC,CAACvF,KAAK,CAACwF,mBAAmB;MACpDC,qBAAqB,EAAE,CAAC,CAACzF,KAAK,CAACyF;IACjC,CAAC;EACH,CAAC,CAAC;EAEF,IAAA7D,gBAAS,EACP,IAAA4B,YAAM,EAAC,MAAM;IACX,IAAIV,eAAe,YAAfA,eAAe,CAAEE,MAAM,EAAE;MAC3B/C,KAAK,CAAC6C,eAAe,GAAGA,eAAe;MACvCA,eAAe,CAACE,MAAM,CAAC0C,UAAU,GAAG,IAAI;IAC1C;EACF,CAAC,CAAC,EACF,CAAC5C,eAAe,CAClB,CAAC;EAED,IAAAlB,gBAAS,EAAC,MAAM;IACd,IAAAL,iBAAW,EAAC,MAAM;MAChBtB,KAAK,CAAC0F,IAAI,CAACpF,YAAY,GAAGA,YAAY;IACxC,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,OAAON,KAAK;AACd","ignoreList":[]}
+{"version":3,"names":["_react","require","_mobx","_checkConflictingToolbarProps","_providers","_WixPatternsRouterProvider","_useSyncTotal","useToolbarCollectionSyncProps","props","state","views","tabs","exportButton","importButton","dragAndDropCategories","maxSelection","search","filters","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","summaryBar","secondaryActions","moreActions","internalScroll","showFieldTypeIcons","checkConflictingToolbarProps","container","isPanelLayout","runInAction","pageState","useCollectionPageContext","router","useWixPatternsRouter","useEffect","primaryToolbar","_router$currentState","scrollTopBeforeUnmount","currentState","_createdEntity","reaction","routerState","_chosenEntity","el","scrollableContentRef","current","scrollTop","getIsUsingAllItemsView","allItemsViewProps","hidden","featuredComponents","set","tabsFilterProps","useMemo","filter","undefined","hasHeader","minimizedHeaderHeight","fireImmediately","useSyncTotal","collection","useState","type","setViewsState","action","viewsProps","_props$AddApplyFilter","_props$title","_props$title2","AddApplyFiltersButton","setStateObject","featuresAvailability","isDisablingSearch","isUsingFilters","isUsingTags","tags","isUsingTabs","isUsingSummaryRow","isUsingSecondaryActions","isUsingMoreActions","additionalFeaturesAvailability","isUsingTableSubtitle","title","subtitle","isUsingCounterInHeader","showTotal","isUsingSelectAllLimitation","isUsingErrorMessage","errorState","renderError","isUsingAllItemsView","isUsingCustomEmptyState","emptyState","isUsingCustomNoResultsState","noResultsState","isUsingPrimaryActionCta","primaryActionButton","isUsingExpandCollapse","persistent","bulk"],"sources":["../../../../src/components/ToolbarCollection/useToolbarCollectionSyncProps.ts"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { useEffect, useMemo, useState } from 'react';\nimport { action, reaction, runInAction } from 'mobx';\nimport { ToolbarCollectionProps } from './ToolbarCollection';\nimport { checkConflictingToolbarProps } from './checkConflictingToolbarProps';\nimport { useCollectionPageContext } from '../../providers';\nimport { useWixPatternsRouter } from '../../providers/WixPatternsRouterProvider';\nimport { useSyncTotal } from '../../hooks/useSyncTotal';\n\nexport function useToolbarCollectionSyncProps<T, F extends FiltersMap>(\n  props: ToolbarCollectionProps<T, F> & {\n    isUsingDragAndDrop: boolean;\n    isUsingBulkActionsToolbar: boolean;\n    isUsingHorizontalScroll: boolean;\n    isUsingFolders: boolean;\n    isUsingTableVirtualization: boolean;\n    isUsingExpandCollapse?: boolean;\n  },\n) {\n  const {\n    state,\n    views,\n    tabs,\n    exportButton,\n    importButton,\n    dragAndDropCategories,\n    maxSelection,\n    search,\n    filters,\n    isUsingDragAndDrop,\n    isUsingBulkActionsToolbar,\n    isUsingHorizontalScroll,\n    isUsingFolders,\n    isUsingTableVirtualization,\n    summaryBar,\n    secondaryActions,\n    moreActions,\n    internalScroll,\n    showFieldTypeIcons,\n  } = props;\n\n  checkConflictingToolbarProps(props);\n\n  state.internalScroll = state.container.isPanelLayout ? true : internalScroll;\n  runInAction(() => {\n    state.showFieldTypeIcons = showFieldTypeIcons ?? false;\n  });\n\n  const pageState = useCollectionPageContext();\n  const router = useWixPatternsRouter();\n\n  useEffect(() => {\n    pageState.primaryToolbar = state;\n\n    return () => {\n      if (pageState.primaryToolbar === state) {\n        pageState.primaryToolbar = null;\n      }\n    };\n  }, []);\n\n  useEffect(() => {\n    pageState.scrollTopBeforeUnmount = router?.currentState?._createdEntity\n      ? 0\n      : state.scrollTopBeforeUnmount;\n    // The offset belongs to a single trip back. The cached state outlives it,\n    // so leaving it set would restore it again on any later remount.\n    state.scrollTopBeforeUnmount = null;\n\n    return reaction(\n      () => router?.currentState,\n      (routerState) => {\n        if (!routerState?._chosenEntity) {\n          return;\n        }\n        // Reading it on unmount is too late: React detaches the page before\n        // effect cleanups run, and a detached element reports scrollTop 0.\n        const el = pageState.pageState.scrollableContentRef.current;\n        if (el) {\n          state.scrollTopBeforeUnmount = el.scrollTop;\n        }\n      },\n    );\n  }, []);\n\n  const getIsUsingAllItemsView = () =>\n    !!(\n      // views=undefined, it means thw user didn't pass so allItemsViews=false\n      (\n        views &&\n        // views.props=undefined, it means the user passed views without configuring allItems so allItemsViews=true\n        (!views.props ||\n          // views.props.allItemsViewProps=undefined, it means the user passed allItemsViewProps\n          // without configuring the hidden so allItemsViews=true\n          !views.props.allItemsViewProps ||\n          // allItemsViews depends on hidden's value\n          !views.props.allItemsViewProps.hidden)\n      )\n    );\n\n  useEffect(() => {\n    if (exportButton) {\n      state.featuredComponents.exportButton.set(exportButton);\n    }\n\n    return () => {\n      state.featuredComponents.exportButton.set(null);\n    };\n  }, [exportButton]);\n\n  useEffect(() => {\n    if (importButton) {\n      state.featuredComponents.importButton.set(importButton);\n    }\n\n    return () => {\n      state.featuredComponents.importButton.set(null);\n    };\n  }, [importButton]);\n\n  const tabsFilterProps = useMemo(() => {\n    return tabs?.props\n      ? {\n          filter: tabs.props.filter,\n        }\n      : undefined;\n  }, [tabs]);\n\n  useEffect(\n    () =>\n      reaction(\n        () => pageState.hasHeader,\n        (hasHeader) => {\n          if (hasHeader) {\n            state.minimizedHeaderHeight = 66;\n          }\n        },\n        {\n          fireImmediately: true,\n        },\n      ),\n    [],\n  );\n\n  useSyncTotal(state.collection);\n\n  useEffect(() => {\n    runInAction(() => {\n      state.dragAndDropCategories = dragAndDropCategories;\n    });\n    // We accept this prop once on purpose because it's array it changes on every render. We expose a setter `set dragAndDropCategories` instead.\n  }, []);\n\n  useState(() => views?.type.setViewsState(state, views?.props));\n\n  useEffect(\n    action(() => {\n      state.viewsProps = views?.props;\n    }),\n    [views],\n  );\n\n  useState(() => {\n    props.AddApplyFiltersButton?.setStateObject(state);\n\n    state.featuresAvailability = {\n      isDisablingSearch: search === false,\n      isUsingFilters: !!filters,\n      isUsingDragAndDrop,\n      isUsingBulkActionsToolbar,\n      isUsingHorizontalScroll,\n      isUsingFolders,\n      isUsingTableVirtualization,\n      isUsingTags: !!props.tags,\n      isUsingTabs: !!tabs,\n      isUsingSummaryRow: !!summaryBar,\n      isUsingSecondaryActions: !!secondaryActions,\n      isUsingMoreActions: !!moreActions,\n    };\n\n    state.additionalFeaturesAvailability = {\n      isUsingTableSubtitle: !!props.title?.props.subtitle,\n      isUsingCounterInHeader: !!props.title?.props.showTotal,\n      isUsingSelectAllLimitation: !!props.maxSelection,\n      isUsingErrorMessage: !!(props.errorState ?? props.renderError),\n      isUsingAllItemsView: getIsUsingAllItemsView(),\n      isUsingCustomEmptyState: !!props.emptyState,\n      isUsingCustomNoResultsState: !!props.noResultsState,\n      isUsingPrimaryActionCta: !!props.primaryActionButton,\n      isUsingExpandCollapse: !!props.isUsingExpandCollapse,\n    };\n  });\n\n  useEffect(\n    action(() => {\n      if (tabsFilterProps?.filter) {\n        state.tabsFilterProps = tabsFilterProps;\n        tabsFilterProps.filter.persistent = true;\n      }\n    }),\n    [tabsFilterProps],\n  );\n\n  useEffect(() => {\n    runInAction(() => {\n      state.bulk.maxSelection = maxSelection;\n    });\n  }, [maxSelection]);\n\n  return state;\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ToolbarItem/ToolbarItem.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_ = "ToolbarItem1137485981";
+var _namespace_ = "ToolbarItem236369946";
 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": "ToolbarItem1137485981__root"
+  "root": "ToolbarItem236369946__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ToolbarItem/ToolbarItem.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/ToolbarItem/ToolbarItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItem1137485981\";\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\":\"ToolbarItem1137485981__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,uBAAuB;AACzC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA6B,CAAC;AACpD,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/ToolbarItem/ToolbarItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItem236369946\";\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\":\"ToolbarItem236369946__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/ToolbarItemBox/ToolbarItemBox.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_ = "ToolbarItemBox4022720849";
+var _namespace_ = "ToolbarItemBox2074326680";
 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": "ToolbarItemBox4022720849__root"
+  "root": "ToolbarItemBox2074326680__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.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/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItemBox4022720849\";\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\":\"ToolbarItemBox4022720849__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/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItemBox2074326680\";\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\":\"ToolbarItemBox2074326680__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/common.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "common2729451634";
+var _namespace_ = "common3243586050";
 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": "common2729451634__root",
-  "column": "common2729451634__column",
-  "fullHeight": "common2729451634__fullHeight"
+  "root": "common3243586050__root",
+  "column": "common3243586050__column",
+  "fullHeight": "common3243586050__fullHeight"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/common.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/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common2729451634\";\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\":\"common2729451634__root\",\"column\":\"common2729451634__column\",\"fullHeight\":\"common2729451634__fullHeight\"};\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,kBAAkB;AACpC,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,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,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/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common3243586050\";\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\":\"common3243586050__root\",\"column\":\"common3243586050__column\",\"fullHeight\":\"common3243586050__fullHeight\"};\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,kBAAkB;AACpC,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,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,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/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/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_ = "CollectionPageHeader1098151800";
 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": "CollectionPageHeader1098151800__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_ = \"CollectionPageHeader1098151800\";\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\":\"CollectionPageHeader1098151800__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/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,