@wix/patterns 1.430.0 → 1.431.0

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

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireWildcard","_designSystem","_util","_ColumnListTableListItem","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ColumnsList","props","state","columnsCollection","dragAndDrop","hasSearchValue","searchValue","trim","length","useEffect","sidePanelTransition","disposers","addEventListener","events","listRect","_syncThrottled","init","forEach","d","renderItem","useCallback","column","index","itemContent","createElement","ColumnListTableListItem","key","id","showDivider","__self","__source","fileName","lineNumber","columnNumber","DraggableListItem","components","dndDisabled","reorderDisabled","child","Box","direction","dataHook","backgroundColor","result","items","map","ListDragAndDropContext","DraggableListItemOverlay","onSubmit","from","over","_state$dragAndDrop","customizeColumnsInSidePanelBi","actionName","_onCustomColumnsReorder","item","Fragment","ColumnsList","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/ColumnsList.tsx"],"sourcesContent":["import { CustomColumnsPanelStateBase } from '../../state/CustomColumnsPanelStateBase';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport React, { useCallback, useEffect } from 'react';\nimport { Column } from '../../model';\nimport { Box } from '@wix/design-system';\nimport { addEventListener } from '@wix/bex-core/util';\nimport { ColumnListTableListItem } from './ColumnListTableListItem';\n\nexport interface ColumnsListProps<T, F extends FiltersMap> {\n  state: CustomColumnsPanelStateBase<T, F>;\n}\n\nfunction _ColumnsList<T, F extends FiltersMap>(props: ColumnsListProps<T, F>) {\n  const { state } = props;\n  const { columnsCollection, dragAndDrop } = state;\n  const hasSearchValue = state.searchValue.trim().length > 0;\n\n  useEffect(() => {\n    if (dragAndDrop == null) {\n      return;\n    }\n\n    const { sidePanelTransition } = state;\n\n    const disposers = [\n      ...(sidePanelTransition\n        ? [\n            addEventListener(sidePanelTransition.events, 'entered', () => {\n              dragAndDrop.listRect._syncThrottled();\n            }),\n          ]\n        : []),\n      dragAndDrop.listRect.init(),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }, []);\n\n  const renderItem = useCallback(\n    (column: Column, index: number, { length }: { length: number }) => {\n      const itemContent = (\n        <ColumnListTableListItem\n          key={column.id}\n          index={index}\n          state={state}\n          column={column}\n          showDivider={index < length - 1}\n        />\n      );\n\n      if (dragAndDrop && !hasSearchValue) {\n        const { DraggableListItem } = dragAndDrop.components;\n\n        return (\n          <DraggableListItem\n            key={column.id}\n            dndDisabled={column.reorderDisabled}\n            id={column.id}\n            index={index}\n            state={dragAndDrop}\n          >\n            {itemContent}\n          </DraggableListItem>\n        );\n      }\n\n      return itemContent;\n    },\n    [hasSearchValue],\n  );\n\n  let child = (\n    <Box\n      direction=\"vertical\"\n      dataHook=\"custom-columns-list\"\n      backgroundColor=\"D60\"\n    >\n      {columnsCollection.result.items.map(renderItem)}\n    </Box>\n  );\n\n  if (dragAndDrop && !hasSearchValue) {\n    const { ListDragAndDropContext, DraggableListItemOverlay } =\n      dragAndDrop.components;\n\n    child = (\n      <ListDragAndDropContext\n        state={dragAndDrop}\n        onSubmit={async ({ from, over }) => {\n          state.customizeColumnsInSidePanelBi({ actionName: 'reorder' });\n\n          state.dragAndDrop?._onCustomColumnsReorder(\n            from.item.id,\n            over.item.id,\n          );\n        }}\n      >\n        <>\n          {child}\n          <DraggableListItemOverlay\n            state={dragAndDrop}\n            renderItem={(index) => {\n              const item = columnsCollection.result.items[index];\n              return item ? renderItem(item, index, { length: 0 }) : null;\n            }}\n          />\n        </>\n      </ListDragAndDropContext>\n    );\n  }\n\n  return child;\n}\n\nexport const ColumnsList = observer(_ColumnsList);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireWildcard","_designSystem","_util","_ColumnListTableListItem","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ColumnsList","props","state","columnsCollection","dragAndDrop","hasSearchValue","searchValue","trim","length","isHarmonyTheme","useBmHarmonyTheme","useEffect","sidePanelTransition","disposers","addEventListener","events","listRect","_syncThrottled","init","forEach","d","renderItem","useCallback","column","index","itemContent","createElement","ColumnListTableListItem","key","id","showDivider","result","items","__self","__source","fileName","lineNumber","columnNumber","DraggableListItem","components","dndDisabled","reorderDisabled","child","Box","_extends2","direction","dataHook","paddingLeft","paddingRight","map","ListDragAndDropContext","DraggableListItemOverlay","onSubmit","from","over","_state$dragAndDrop","customizeColumnsInSidePanelBi","actionName","_onCustomColumnsReorder","item","Fragment","ColumnsList","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/ColumnsList.tsx"],"sourcesContent":["import { CustomColumnsPanelStateBase } from '../../state/CustomColumnsPanelStateBase';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport React, { useCallback, useEffect } from 'react';\nimport { Column } from '../../model';\nimport { Box } from '@wix/design-system';\nimport { addEventListener } from '@wix/bex-core/util';\nimport { ColumnListTableListItem } from './ColumnListTableListItem';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface ColumnsListProps<T, F extends FiltersMap> {\n  state: CustomColumnsPanelStateBase<T, F>;\n}\n\nfunction _ColumnsList<T, F extends FiltersMap>(props: ColumnsListProps<T, F>) {\n  const { state } = props;\n  const { columnsCollection, dragAndDrop } = state;\n  const hasSearchValue = state.searchValue.trim().length > 0;\n  const isHarmonyTheme = useBmHarmonyTheme();\n\n  useEffect(() => {\n    if (dragAndDrop == null) {\n      return;\n    }\n\n    const { sidePanelTransition } = state;\n\n    const disposers = [\n      ...(sidePanelTransition\n        ? [\n            addEventListener(sidePanelTransition.events, 'entered', () => {\n              dragAndDrop.listRect._syncThrottled();\n            }),\n          ]\n        : []),\n      dragAndDrop.listRect.init(),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }, []);\n\n  const renderItem = useCallback(\n    (column: Column, index: number) => {\n      const itemContent = (\n        <ColumnListTableListItem\n          key={column.id}\n          index={index}\n          state={state}\n          column={column}\n          showDivider={\n            isHarmonyTheme\n              ? false\n              : index < columnsCollection.result.items.length - 1\n          }\n        />\n      );\n\n      if (dragAndDrop && !hasSearchValue) {\n        const { DraggableListItem } = dragAndDrop.components;\n\n        return (\n          <DraggableListItem\n            key={column.id}\n            dndDisabled={column.reorderDisabled}\n            id={column.id}\n            index={index}\n            state={dragAndDrop}\n          >\n            {itemContent}\n          </DraggableListItem>\n        );\n      }\n\n      return itemContent;\n    },\n    [hasSearchValue, isHarmonyTheme],\n  );\n\n  let child = (\n    <Box\n      direction=\"vertical\"\n      dataHook=\"custom-columns-list\"\n      {...(isHarmonyTheme ? { paddingLeft: 'SP2', paddingRight: 'SP2' } : {})}\n    >\n      {columnsCollection.result.items.map(renderItem)}\n    </Box>\n  );\n\n  if (dragAndDrop && !hasSearchValue) {\n    const { ListDragAndDropContext, DraggableListItemOverlay } =\n      dragAndDrop.components;\n\n    child = (\n      <ListDragAndDropContext\n        state={dragAndDrop}\n        onSubmit={async ({ from, over }) => {\n          state.customizeColumnsInSidePanelBi({ actionName: 'reorder' });\n\n          state.dragAndDrop?._onCustomColumnsReorder(\n            from.item.id,\n            over.item.id,\n          );\n        }}\n      >\n        <>\n          {child}\n          <DraggableListItemOverlay\n            state={dragAndDrop}\n            renderItem={(index) => {\n              const item = columnsCollection.result.items[index];\n              return item ? renderItem(item, index) : null;\n            }}\n          />\n        </>\n      </ListDragAndDropContext>\n    );\n  }\n\n  return child;\n}\n\nexport const ColumnsList = observer(_ColumnsList);\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,18 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useCustomColumnsEntityPageContext = exports.CustomColumnsEntityPageProvider = exports.CustomColumnsEntityPageContext = void 0;
+var _react = require("react");
+var _createContext = require("../../createContext");
+/** Carries the panel's state from the mount to the registered panel component,
+ *  which the side-panel machinery renders with no props. Per mount, so two
+ *  panels on one page stay independent. */
+const CustomColumnsEntityPageContext = exports.CustomColumnsEntityPageContext = /*#__PURE__*/(0, _react.createContext)(null);
+const CustomColumnsEntityPageProvider = exports.CustomColumnsEntityPageProvider = CustomColumnsEntityPageContext.Provider;
+const useCustomColumnsEntityPageContext = () => {
+  const value = (0, _react.useContext)(CustomColumnsEntityPageContext);
+  (0, _createContext.assertContextValue)('CustomColumnsEntityPageProvider', value);
+  return value;
+};
+exports.useCustomColumnsEntityPageContext = useCustomColumnsEntityPageContext;
+//# sourceMappingURL=CustomColumnsEntityPageContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_createContext","CustomColumnsEntityPageContext","exports","createContext","CustomColumnsEntityPageProvider","Provider","useCustomColumnsEntityPageContext","value","useContext","assertContextValue"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsEntityPageContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport { CustomColumnsEntityPageState } from '../../state/CustomColumnsEntityPageState';\nimport { assertContextValue } from '../../createContext';\n\n/** Carries the panel's state from the mount to the registered panel component,\n *  which the side-panel machinery renders with no props. Per mount, so two\n *  panels on one page stay independent. */\nexport const CustomColumnsEntityPageContext =\n  createContext<CustomColumnsEntityPageState | null>(null);\n\nexport const CustomColumnsEntityPageProvider =\n  CustomColumnsEntityPageContext.Provider;\n\nexport const useCustomColumnsEntityPageContext = () => {\n  const value = useContext(CustomColumnsEntityPageContext);\n  assertContextValue('CustomColumnsEntityPageProvider', value);\n  return value;\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AAEA;AACA;AACA;AACO,MAAME,8BAA8B,GAAAC,OAAA,CAAAD,8BAAA,gBACzC,IAAAE,oBAAa,EAAsC,IAAI,CAAC;AAEnD,MAAMC,+BAA+B,GAAAF,OAAA,CAAAE,+BAAA,GAC1CH,8BAA8B,CAACI,QAAQ;AAElC,MAAMC,iCAAiC,GAAGA,CAAA,KAAM;EACrD,MAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACP,8BAA8B,CAAC;EACxD,IAAAQ,iCAAkB,EAAC,iCAAiC,EAAEF,KAAK,CAAC;EAC5D,OAAOA,KAAK;AACd,CAAC;AAACL,OAAA,CAAAI,iCAAA,GAAAA,iCAAA","ignoreList":[]}

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

@@ -6,18 +6,16 @@ exports.CustomColumnsEntityPagePanelEntry = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _CustomColumnsPanel = require("./CustomColumnsPanel");
+var _CustomColumnsEntityPageContext = require("./CustomColumnsEntityPageContext");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomColumnsPanel/CustomColumnsEntityPagePanelEntry.tsx";
 function _CustomColumnsEntityPagePanelEntry() {
-  const state = CustomColumnsEntityPagePanelEntry.state;
-  if (!state) {
-    return null;
-  }
+  const state = (0, _CustomColumnsEntityPageContext.useCustomColumnsEntityPageContext)();
   return /*#__PURE__*/_react.default.createElement(_CustomColumnsPanel.CustomColumnsPanel, {
     state: state,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 13,
+      lineNumber: 9,
       columnNumber: 10
     }
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_CustomColumnsPanel","_jsxFileName","_CustomColumnsEntityPagePanelEntry","state","CustomColumnsEntityPagePanelEntry","default","createElement","CustomColumnsPanel","__self","__source","fileName","lineNumber","columnNumber","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsEntityPagePanelEntry.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CustomColumnsPanel } from './CustomColumnsPanel';\nimport { CustomColumnsEntityPageState } from '../../state/CustomColumnsEntityPageState';\n\nfunction _CustomColumnsEntityPagePanelEntry() {\n  const state = CustomColumnsEntityPagePanelEntry.state;\n\n  if (!state) {\n    return null;\n  }\n\n  return <CustomColumnsPanel state={state} />;\n}\n\nexport const CustomColumnsEntityPagePanelEntry = observer(\n  _CustomColumnsEntityPagePanelEntry,\n) as typeof _CustomColumnsEntityPagePanelEntry & {\n  state?: CustomColumnsEntityPageState;\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AAA0D,IAAAG,YAAA;AAG1D,SAASC,kCAAkCA,CAAA,EAAG;EAC5C,MAAMC,KAAK,GAAGC,iCAAiC,CAACD,KAAK;EAErD,IAAI,CAACA,KAAK,EAAE;IACV,OAAO,IAAI;EACb;EAEA,oBAAOP,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,mBAAA,CAAAO,kBAAkB;IAACJ,KAAK,EAAEA,KAAM;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC;AAC7C;AAEO,MAAMR,iCAAiC,GAAAS,OAAA,CAAAT,iCAAA,GAAG,IAAAU,uBAAQ,EACvDZ,kCACF,CAEC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_CustomColumnsPanel","_CustomColumnsEntityPageContext","_jsxFileName","_CustomColumnsEntityPagePanelEntry","state","useCustomColumnsEntityPageContext","default","createElement","CustomColumnsPanel","__self","__source","fileName","lineNumber","columnNumber","CustomColumnsEntityPagePanelEntry","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsEntityPagePanelEntry.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CustomColumnsPanel } from './CustomColumnsPanel';\nimport { useCustomColumnsEntityPageContext } from './CustomColumnsEntityPageContext';\n\nfunction _CustomColumnsEntityPagePanelEntry() {\n  const state = useCustomColumnsEntityPageContext();\n\n  return <CustomColumnsPanel state={state} />;\n}\n\nexport const CustomColumnsEntityPagePanelEntry = observer(\n  _CustomColumnsEntityPagePanelEntry,\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AACA,IAAAG,+BAAA,GAAAH,OAAA;AAAqF,IAAAI,YAAA;AAErF,SAASC,kCAAkCA,CAAA,EAAG;EAC5C,MAAMC,KAAK,GAAG,IAAAC,iEAAiC,EAAC,CAAC;EAEjD,oBAAOT,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,mBAAA,CAAAQ,kBAAkB;IAACJ,KAAK,EAAEA,KAAM;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC;AAC7C;AAEO,MAAMC,iCAAiC,GAAAC,OAAA,CAAAD,iCAAA,GAAG,IAAAE,uBAAQ,EACvDb,kCACF,CAAC","ignoreList":[]}

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

@@ -9,6 +9,7 @@ var _providers = require("../../providers");
 var _WixPatternsModalsContainer = require("../WixPatternsModalsContainer");
 var _WixPatternsPanelModalsContainer = require("../WixPatternsPanelModalsContainer");
 var _CustomColumnsEntityPagePanelEntry = require("./CustomColumnsEntityPagePanelEntry");
+var _CustomColumnsEntityPageContext = require("./CustomColumnsEntityPageContext");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomColumnsPanel/CustomColumnsEntityPagePanelMount.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); }
 function _CustomColumnsEntityPagePanelMount({
@@ -26,32 +27,40 @@ function _CustomColumnsEntityPagePanelMount({
     stackingRootRef
   } = (0, _providers.usePageContext)();
   (0, _react.useEffect)(() => {
-    _CustomColumnsEntityPagePanelEntry.CustomColumnsEntityPagePanelEntry.state = state;
     panels.registerSidePanel('customColumns', _CustomColumnsEntityPagePanelEntry.CustomColumnsEntityPagePanelEntry);
     return panels.init();
   }, []);
-  if (isPanelLayout) {
-    return /*#__PURE__*/_react.default.createElement(_WixPatternsPanelModalsContainer.WixPatternsPanelModalsContainer, {
-      state: panels,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 31,
-        columnNumber: 12
-      }
-    });
-  }
-  return /*#__PURE__*/_react.default.createElement(_WixPatternsModalsContainer.WixPatternsModalsContainer, {
+
+  // The panel component is registered by type and rendered with no props, so it
+  // reads its state from this provider — one per mount, which keeps two panels
+  // on the same page independent.
+  return /*#__PURE__*/_react.default.createElement(_CustomColumnsEntityPageContext.CustomColumnsEntityPageProvider, {
+    value: state,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 34,
+      columnNumber: 5
+    }
+  }, isPanelLayout ? /*#__PURE__*/_react.default.createElement(_WixPatternsPanelModalsContainer.WixPatternsPanelModalsContainer, {
+    state: panels,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 36,
+      columnNumber: 9
+    }
+  }) : /*#__PURE__*/_react.default.createElement(_WixPatternsModalsContainer.WixPatternsModalsContainer, {
     rootRef: stackingRootRef,
     anchorRef: useRelativeSidePanel ? stackingRootRef : modalsContainerRef,
     state: panels,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 35,
-      columnNumber: 5
+      lineNumber: 38,
+      columnNumber: 9
     }
-  });
+  }));
 }
 _CustomColumnsEntityPagePanelMount.displayName = 'CustomColumnsEntityPagePanelMount';
 const CustomColumnsEntityPagePanelMount = exports.CustomColumnsEntityPagePanelMount = (0, _mobxReactLite.observer)(_CustomColumnsEntityPagePanelMount);

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_react2","_providers","_WixPatternsModalsContainer","_WixPatternsPanelModalsContainer","_CustomColumnsEntityPagePanelEntry","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CustomColumnsEntityPagePanelMount","state","panels","isPanelLayout","useRelativeSidePanel","useWixPatternsContainer","modalsContainerRef","stackingRootRef","usePageContext","useEffect","CustomColumnsEntityPagePanelEntry","registerSidePanel","init","createElement","WixPatternsPanelModalsContainer","__self","__source","fileName","lineNumber","columnNumber","WixPatternsModalsContainer","rootRef","anchorRef","displayName","CustomColumnsEntityPagePanelMount","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsEntityPagePanelMount.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { usePageContext } from '../../providers';\nimport { CustomColumnsEntityPageState } from '../../state/CustomColumnsEntityPageState';\nimport { WixPatternsModalsContainer } from '../WixPatternsModalsContainer';\nimport { WixPatternsPanelModalsContainer } from '../WixPatternsPanelModalsContainer';\nimport { CustomColumnsEntityPagePanelEntry } from './CustomColumnsEntityPagePanelEntry';\n\nexport interface CustomColumnsEntityPagePanelMountProps {\n  state: CustomColumnsEntityPageState;\n}\n\nfunction _CustomColumnsEntityPagePanelMount({\n  state,\n}: CustomColumnsEntityPagePanelMountProps) {\n  const { panels } = state;\n  const { isPanelLayout, useRelativeSidePanel } = useWixPatternsContainer();\n  const { modalsContainerRef, stackingRootRef } = usePageContext();\n\n  useEffect(() => {\n    CustomColumnsEntityPagePanelEntry.state = state;\n    panels.registerSidePanel(\n      'customColumns',\n      CustomColumnsEntityPagePanelEntry,\n    );\n    return panels.init();\n  }, []);\n\n  if (isPanelLayout) {\n    return <WixPatternsPanelModalsContainer state={panels} />;\n  }\n\n  return (\n    <WixPatternsModalsContainer\n      rootRef={stackingRootRef}\n      anchorRef={useRelativeSidePanel ? stackingRootRef : modalsContainerRef}\n      state={panels}\n    />\n  );\n}\n\n_CustomColumnsEntityPagePanelMount.displayName =\n  'CustomColumnsEntityPagePanelMount';\n\nexport const CustomColumnsEntityPagePanelMount = observer(\n  _CustomColumnsEntityPagePanelMount,\n);\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAEA,IAAAI,2BAAA,GAAAJ,OAAA;AACA,IAAAK,gCAAA,GAAAL,OAAA;AACA,IAAAM,kCAAA,GAAAN,OAAA;AAAwF,IAAAO,YAAA;AAAA,SAAAR,wBAAAS,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAX,uBAAA,YAAAA,CAAAS,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAMxF,SAASkB,kCAAkCA,CAAC;EAC1CC;AACsC,CAAC,EAAE;EACzC,MAAM;IAAEC;EAAO,CAAC,GAAGD,KAAK;EACxB,MAAM;IAAEE,aAAa;IAAEC;EAAqB,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EACzE,MAAM;IAAEC,kBAAkB;IAAEC;EAAgB,CAAC,GAAG,IAAAC,yBAAc,EAAC,CAAC;EAEhE,IAAAC,gBAAS,EAAC,MAAM;IACdC,oEAAiC,CAACT,KAAK,GAAGA,KAAK;IAC/CC,MAAM,CAACS,iBAAiB,CACtB,eAAe,EACfD,oEACF,CAAC;IACD,OAAOR,MAAM,CAACU,IAAI,CAAC,CAAC;EACtB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAIT,aAAa,EAAE;IACjB,oBAAOhC,MAAA,CAAAoB,OAAA,CAAAsB,aAAA,CAACnC,gCAAA,CAAAoC,+BAA+B;MAACb,KAAK,EAAEC,MAAO;MAAAa,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArC,YAAA;QAAAsC,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;EAC3D;EAEA,oBACEhD,MAAA,CAAAoB,OAAA,CAAAsB,aAAA,CAACpC,2BAAA,CAAA2C,0BAA0B;IACzBC,OAAO,EAAEd,eAAgB;IACzBe,SAAS,EAAElB,oBAAoB,GAAGG,eAAe,GAAGD,kBAAmB;IACvEL,KAAK,EAAEC,MAAO;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACf,CAAC;AAEN;AAEAnB,kCAAkC,CAACuB,WAAW,GAC5C,mCAAmC;AAE9B,MAAMC,iCAAiC,GAAAC,OAAA,CAAAD,iCAAA,GAAG,IAAAE,uBAAQ,EACvD1B,kCACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_react2","_providers","_WixPatternsModalsContainer","_WixPatternsPanelModalsContainer","_CustomColumnsEntityPagePanelEntry","_CustomColumnsEntityPageContext","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CustomColumnsEntityPagePanelMount","state","panels","isPanelLayout","useRelativeSidePanel","useWixPatternsContainer","modalsContainerRef","stackingRootRef","usePageContext","useEffect","registerSidePanel","CustomColumnsEntityPagePanelEntry","init","createElement","CustomColumnsEntityPageProvider","value","__self","__source","fileName","lineNumber","columnNumber","WixPatternsPanelModalsContainer","WixPatternsModalsContainer","rootRef","anchorRef","displayName","CustomColumnsEntityPagePanelMount","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsEntityPagePanelMount.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { usePageContext } from '../../providers';\nimport { CustomColumnsEntityPageState } from '../../state/CustomColumnsEntityPageState';\nimport { WixPatternsModalsContainer } from '../WixPatternsModalsContainer';\nimport { WixPatternsPanelModalsContainer } from '../WixPatternsPanelModalsContainer';\nimport { CustomColumnsEntityPagePanelEntry } from './CustomColumnsEntityPagePanelEntry';\nimport { CustomColumnsEntityPageProvider } from './CustomColumnsEntityPageContext';\n\nexport interface CustomColumnsEntityPagePanelMountProps {\n  state: CustomColumnsEntityPageState;\n}\n\nfunction _CustomColumnsEntityPagePanelMount({\n  state,\n}: CustomColumnsEntityPagePanelMountProps) {\n  const { panels } = state;\n  const { isPanelLayout, useRelativeSidePanel } = useWixPatternsContainer();\n  const { modalsContainerRef, stackingRootRef } = usePageContext();\n\n  useEffect(() => {\n    panels.registerSidePanel(\n      'customColumns',\n      CustomColumnsEntityPagePanelEntry,\n    );\n    return panels.init();\n  }, []);\n\n  // The panel component is registered by type and rendered with no props, so it\n  // reads its state from this provider — one per mount, which keeps two panels\n  // on the same page independent.\n  return (\n    <CustomColumnsEntityPageProvider value={state}>\n      {isPanelLayout ? (\n        <WixPatternsPanelModalsContainer state={panels} />\n      ) : (\n        <WixPatternsModalsContainer\n          rootRef={stackingRootRef}\n          anchorRef={\n            useRelativeSidePanel ? stackingRootRef : modalsContainerRef\n          }\n          state={panels}\n        />\n      )}\n    </CustomColumnsEntityPageProvider>\n  );\n}\n\n_CustomColumnsEntityPagePanelMount.displayName =\n  'CustomColumnsEntityPagePanelMount';\n\nexport const CustomColumnsEntityPagePanelMount = observer(\n  _CustomColumnsEntityPagePanelMount,\n);\n"],"mappings":"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","ignoreList":[]}

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

@@ -7,7 +7,7 @@ exports._CustomColumnsNoResults = _CustomColumnsNoResults;
 var _react = _interopRequireDefault(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _CollectionEmptyStateBase = require("../CollectionEmptyStateBase");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomColumnsPanel/CustomColumnsNoResults.tsx";
 function _CustomColumnsNoResults({
@@ -47,7 +47,7 @@ function _CustomColumnsNoResults({
       }
     }, t('cairo.search.nothingMatches.text')), /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
       dataHook: "custom-columns-no-results-reset-button",
-      prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Revert, {
+      prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Revert, {
         __self: this,
         __source: {
           fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_wixUiIconsCommon","_CollectionEmptyStateBase","_jsxFileName","_CustomColumnsNoResults","state","columnsCollection","translate","t","default","createElement","CollectionEmptyStateBase","dataHook","theme","title","term","searchValue","subtitle","Box","direction","gap","align","__self","__source","fileName","lineNumber","columnNumber","Text","size","TextButton","prefixIcon","Revert","onClick","_state$columnsCollect","setSearchValue","searchInputRef","focus","CustomColumnsNoResults","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsNoResults.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Box, Text, TextButton } from '@wix/design-system';\nimport { Revert } from '@wix/wix-ui-icons-common';\nimport { CustomColumnsPanelStateBase } from '../../state/CustomColumnsPanelStateBase';\nimport { FiltersMap } from '@wix/bex-core';\nimport { CollectionEmptyStateBase } from '../CollectionEmptyStateBase';\n\nexport interface CustomColumnsNoResultsProps<T, F extends FiltersMap> {\n  state: CustomColumnsPanelStateBase<T, F>;\n}\n\nexport function _CustomColumnsNoResults<T, F extends FiltersMap>({\n  state,\n}: CustomColumnsNoResultsProps<T, F>) {\n  const { columnsCollection } = state;\n  const { translate: t } = columnsCollection;\n\n  return (\n    <CollectionEmptyStateBase\n      state={columnsCollection}\n      dataHook=\"custom-columns-no-results-state\"\n      theme=\"page-no-border\"\n      title={t('cairo.search.nothingMatches.title', {\n        term: state.searchValue,\n      })}\n      subtitle={\n        <Box direction=\"vertical\" gap=\"SP3\" align=\"center\">\n          <Text dataHook=\"custom-columns-no-results-subtitle\" size=\"small\">\n            {t('cairo.search.nothingMatches.text')}\n          </Text>\n          <TextButton\n            dataHook=\"custom-columns-no-results-reset-button\"\n            prefixIcon={<Revert />}\n            onClick={() => {\n              state.setSearchValue('');\n              state.columnsCollection.searchInputRef?.focus();\n            }}\n          >\n            {t('cairo.emptyState.reset.button')}\n          </TextButton>\n        </Box>\n      }\n    />\n  );\n}\n\nexport const CustomColumnsNoResults = observer(_CustomColumnsNoResults);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAGA,IAAAI,yBAAA,GAAAJ,OAAA;AAAuE,IAAAK,YAAA;AAMhE,SAASC,uBAAuBA,CAA0B;EAC/DC;AACiC,CAAC,EAAE;EACpC,MAAM;IAAEC;EAAkB,CAAC,GAAGD,KAAK;EACnC,MAAM;IAAEE,SAAS,EAAEC;EAAE,CAAC,GAAGF,iBAAiB;EAE1C,oBACEV,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACR,yBAAA,CAAAS,wBAAwB;IACvBN,KAAK,EAAEC,iBAAkB;IACzBM,QAAQ,EAAC,iCAAiC;IAC1CC,KAAK,EAAC,gBAAgB;IACtBC,KAAK,EAAEN,CAAC,CAAC,mCAAmC,EAAE;MAC5CO,IAAI,EAAEV,KAAK,CAACW;IACd,CAAC,CAAE;IACHC,QAAQ,eACNrB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAkB,GAAG;MAACC,SAAS,EAAC,UAAU;MAACC,GAAG,EAAC,KAAK;MAACC,KAAK,EAAC,QAAQ;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArB,YAAA;QAAAsB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAChD9B,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAA2B,IAAI;MAACf,QAAQ,EAAC,oCAAoC;MAACgB,IAAI,EAAC,OAAO;MAAAN,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArB,YAAA;QAAAsB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAC7DlB,CAAC,CAAC,kCAAkC,CACjC,CAAC,eACPZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAA6B,UAAU;MACTjB,QAAQ,EAAC,wCAAwC;MACjDkB,UAAU,eAAElC,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACT,iBAAA,CAAA8B,MAAM;QAAAT,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAArB,YAAA;UAAAsB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAE;MACvBM,OAAO,EAAEA,CAAA,KAAM;QAAA,IAAAC,qBAAA;QACb5B,KAAK,CAAC6B,cAAc,CAAC,EAAE,CAAC;QACxB,CAAAD,qBAAA,GAAA5B,KAAK,CAACC,iBAAiB,CAAC6B,cAAc,aAAtCF,qBAAA,CAAwCG,KAAK,CAAC,CAAC;MACjD,CAAE;MAAAd,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArB,YAAA;QAAAsB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAEDlB,CAAC,CAAC,+BAA+B,CACxB,CACT,CACN;IAAAc,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACF,CAAC;AAEN;AAEO,MAAMW,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,IAAAE,uBAAQ,EAACnC,uBAAuB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_lazy","_CollectionEmptyStateBase","_jsxFileName","_CustomColumnsNoResults","state","columnsCollection","translate","t","default","createElement","CollectionEmptyStateBase","dataHook","theme","title","term","searchValue","subtitle","Box","direction","gap","align","__self","__source","fileName","lineNumber","columnNumber","Text","size","TextButton","prefixIcon","Revert","onClick","_state$columnsCollect","setSearchValue","searchInputRef","focus","CustomColumnsNoResults","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsNoResults.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Box, Text, TextButton } from '@wix/design-system';\nimport { Revert } from '@wix/wix-ui-icons-common/lazy';\nimport { CustomColumnsPanelStateBase } from '../../state/CustomColumnsPanelStateBase';\nimport { FiltersMap } from '@wix/bex-core';\nimport { CollectionEmptyStateBase } from '../CollectionEmptyStateBase';\n\nexport interface CustomColumnsNoResultsProps<T, F extends FiltersMap> {\n  state: CustomColumnsPanelStateBase<T, F>;\n}\n\nexport function _CustomColumnsNoResults<T, F extends FiltersMap>({\n  state,\n}: CustomColumnsNoResultsProps<T, F>) {\n  const { columnsCollection } = state;\n  const { translate: t } = columnsCollection;\n\n  return (\n    <CollectionEmptyStateBase\n      state={columnsCollection}\n      dataHook=\"custom-columns-no-results-state\"\n      theme=\"page-no-border\"\n      title={t('cairo.search.nothingMatches.title', {\n        term: state.searchValue,\n      })}\n      subtitle={\n        <Box direction=\"vertical\" gap=\"SP3\" align=\"center\">\n          <Text dataHook=\"custom-columns-no-results-subtitle\" size=\"small\">\n            {t('cairo.search.nothingMatches.text')}\n          </Text>\n          <TextButton\n            dataHook=\"custom-columns-no-results-reset-button\"\n            prefixIcon={<Revert />}\n            onClick={() => {\n              state.setSearchValue('');\n              state.columnsCollection.searchInputRef?.focus();\n            }}\n          >\n            {t('cairo.emptyState.reset.button')}\n          </TextButton>\n        </Box>\n      }\n    />\n  );\n}\n\nexport const CustomColumnsNoResults = observer(_CustomColumnsNoResults);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAGA,IAAAI,yBAAA,GAAAJ,OAAA;AAAuE,IAAAK,YAAA;AAMhE,SAASC,uBAAuBA,CAA0B;EAC/DC;AACiC,CAAC,EAAE;EACpC,MAAM;IAAEC;EAAkB,CAAC,GAAGD,KAAK;EACnC,MAAM;IAAEE,SAAS,EAAEC;EAAE,CAAC,GAAGF,iBAAiB;EAE1C,oBACEV,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACR,yBAAA,CAAAS,wBAAwB;IACvBN,KAAK,EAAEC,iBAAkB;IACzBM,QAAQ,EAAC,iCAAiC;IAC1CC,KAAK,EAAC,gBAAgB;IACtBC,KAAK,EAAEN,CAAC,CAAC,mCAAmC,EAAE;MAC5CO,IAAI,EAAEV,KAAK,CAACW;IACd,CAAC,CAAE;IACHC,QAAQ,eACNrB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAkB,GAAG;MAACC,SAAS,EAAC,UAAU;MAACC,GAAG,EAAC,KAAK;MAACC,KAAK,EAAC,QAAQ;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArB,YAAA;QAAAsB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAChD9B,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAA2B,IAAI;MAACf,QAAQ,EAAC,oCAAoC;MAACgB,IAAI,EAAC,OAAO;MAAAN,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArB,YAAA;QAAAsB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAC7DlB,CAAC,CAAC,kCAAkC,CACjC,CAAC,eACPZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAA6B,UAAU;MACTjB,QAAQ,EAAC,wCAAwC;MACjDkB,UAAU,eAAElC,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACT,KAAA,CAAA8B,MAAM;QAAAT,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAArB,YAAA;UAAAsB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAE;MACvBM,OAAO,EAAEA,CAAA,KAAM;QAAA,IAAAC,qBAAA;QACb5B,KAAK,CAAC6B,cAAc,CAAC,EAAE,CAAC;QACxB,CAAAD,qBAAA,GAAA5B,KAAK,CAACC,iBAAiB,CAAC6B,cAAc,aAAtCF,qBAAA,CAAwCG,KAAK,CAAC,CAAC;MACjD,CAAE;MAAAd,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArB,YAAA;QAAAsB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAEDlB,CAAC,CAAC,+BAA+B,CACxB,CACT,CACN;IAAAc,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACF,CAAC;AAEN;AAEO,MAAMW,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,IAAAE,uBAAQ,EAACnC,uBAAuB,CAAC","ignoreList":[]}

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

@@ -7,6 +7,7 @@ var _designSystem = require("@wix/design-system");
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@wix/bex-core/react");
 var _mobxReactLite = require("mobx-react-lite");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _ColumnsList = require("./ColumnsList");
 var _CustomColumnsSearch = require("./CustomColumnsSearch");
 var _CustomColumnsNoResults = require("./CustomColumnsNoResults");
@@ -29,6 +30,7 @@ function _CustomColumnsPanel({
   const {
     translate: t
   } = (0, _react2.useWixPatternsContainer)();
+  const isHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const {
     dragAndDrop,
     collectionFieldsSource
@@ -37,7 +39,7 @@ function _CustomColumnsPanel({
   const deleteFieldModal = collectionFieldsSource == null ? void 0 : collectionFieldsSource.customFieldsPanel.deleteFieldModal;
   const schemaCtx = (0, _SchemaContext.useSchemaContext)();
   const isSchema = !!(schemaCtx != null && schemaCtx.schema);
-  const isEditable = !!collectionFieldsSource || isSchema;
+  const isEditable = !!collectionFieldsSource || isSchema || state.isFieldsEditable;
   (0, _react.useEffect)(() => state.init(), []);
   if (!entered) {
     return null;
@@ -58,7 +60,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 69,
+      lineNumber: 72,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.SidePanel.Header, {
@@ -67,15 +69,15 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 74,
+      lineNumber: 77,
       columnNumber: 9
     }
   }, shouldShowSearch && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-    padding: "0 SP3 SP2 SP3",
+    padding: isHarmonyTheme ? '0 SP4 SP2 SP4' : '0 SP3 SP2 SP3',
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 76,
+      lineNumber: 79,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_CustomColumnsSearch.CustomColumnsSearch, {
@@ -83,7 +85,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 77,
+      lineNumber: 80,
       columnNumber: 15
     }
   }))), /*#__PURE__*/_react.default.createElement(_ScrollableContent.ScrollableContent, {
@@ -97,7 +99,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 81,
+      lineNumber: 84,
       columnNumber: 9
     }
   }, hasSearchValue && !hasSearchResults ? /*#__PURE__*/_react.default.createElement(_CustomColumnsNoResults.CustomColumnsNoResults, {
@@ -105,16 +107,26 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 91,
+      lineNumber: 94,
       columnNumber: 13
     }
-  }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (archive == null ? void 0 : archive.shouldDisplay) && deleteFieldModal && /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+  }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (archive == null ? void 0 : archive.shouldDisplay) && deleteFieldModal && (isHarmonyTheme ? /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    marginLeft: "SP2",
+    marginRight: "SP2",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 100,
+      columnNumber: 19
+    }
+  }, /*#__PURE__*/_react.default.createElement(_react.Suspense, {
     fallback: null,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 95,
-      columnNumber: 17
+      lineNumber: 101,
+      columnNumber: 21
     }
   }, /*#__PURE__*/_react.default.createElement(ArchivedItemsCTAButton, {
     archive: archive,
@@ -124,15 +136,34 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 96,
+      lineNumber: 102,
+      columnNumber: 23
+    }
+  }))) : /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+    fallback: null,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 111,
       columnNumber: 19
     }
-  })), /*#__PURE__*/_react.default.createElement(_ColumnsList.ColumnsList, {
+  }, /*#__PURE__*/_react.default.createElement(ArchivedItemsCTAButton, {
+    archive: archive,
+    deleteFieldModal: deleteFieldModal,
+    onCloseSidePanel: () => state.onClose(),
+    dataHook: "custom-columns",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 112,
+      columnNumber: 21
+    }
+  }))), /*#__PURE__*/_react.default.createElement(_ColumnsList.ColumnsList, {
     state: state,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 104,
+      lineNumber: 120,
       columnNumber: 15
     }
   }))), collectionFieldsSource && /*#__PURE__*/_react.default.createElement(_FieldsSourceAddFieldCTA.FieldsSourceAddFieldCTA, {
@@ -140,7 +171,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 109,
+      lineNumber: 125,
       columnNumber: 11
     }
   }), (schemaCtx == null ? void 0 : schemaCtx.addField) && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -149,7 +180,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 112,
+      lineNumber: 128,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
@@ -157,7 +188,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 113,
+      lineNumber: 129,
       columnNumber: 13
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -168,7 +199,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 114,
+      lineNumber: 130,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.AddItem, {
@@ -177,7 +208,7 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 120,
+      lineNumber: 136,
       columnNumber: 15
     }
   }, t('cairo.customFields.addCustomField.CTA'))))));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_react2","_mobxReactLite","_ColumnsList","_CustomColumnsSearch","_CustomColumnsNoResults","_useRafRender","_ScrollableContent","_PatternsSidePanel","_SchemaContext","_FieldsSourceAddFieldCTA","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ArchivedItemsCTAButton","lazy","Promise","resolve","then","m","_CustomColumnsPanel","state","entered","useRafRender","translate","useWixPatternsContainer","dragAndDrop","collectionFieldsSource","archive","fieldsSource","deleteFieldModal","customFieldsPanel","schemaCtx","useSchemaContext","isSchema","schema","isEditable","useEffect","init","hasSearchResults","columnsCollection","result","items","length","hasSearchValue","searchValue","trim","totalColumns","orderedColumns","hasFieldsSource","shouldShowSearch","titleKey","subtitleKey","createElement","Fragment","PatternsSidePanel","dataHook","width","onClose","__self","__source","fileName","lineNumber","columnNumber","SidePanel","Header","title","subtitle","Box","padding","CustomColumnsSearch","ScrollableContent","overflowY","ref","listRect","element","CustomColumnsNoResults","shouldDisplay","Suspense","fallback","onCloseSidePanel","ColumnsList","FieldsSourceAddFieldCTA","source","addField","direction","Divider","boxSizing","AddItem","onClick","CustomColumnsPanel","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsPanel.tsx"],"sourcesContent":["import { AddItem, Box, Divider, SidePanel } from '@wix/design-system';\nimport React, { lazy, Suspense, useEffect } from 'react';\nimport { CustomColumnsPanelStateBase } from '../../state/CustomColumnsPanelStateBase';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { ColumnsList } from './ColumnsList';\nimport { CustomColumnsSearch } from './CustomColumnsSearch';\nimport { CustomColumnsNoResults } from './CustomColumnsNoResults';\nimport { useRafRender } from '../../hooks/useRafRender';\nimport { ScrollableContent } from '../ScrollableContent';\nimport { PatternsSidePanel } from '../SidePanel/PatternsSidePanel';\nimport { useSchemaContext } from '../../providers/SchemaContext';\nimport { FieldsSourceAddFieldCTA } from '../CustomFieldsPanel/FieldsSourceAddFieldCTA';\n\n// ArchivedItems is an optional feature module — load it on demand so it stays\n// out of the core bundle.\nconst ArchivedItemsCTAButton = lazy(() =>\n  import('../ArchivedItemsPanel/ArchivedItemsCTAButton').then((m) => ({\n    default: m.ArchivedItemsCTAButton,\n  })),\n);\n\nexport interface CustomColumnsPanelProps<T, F extends FiltersMap> {\n  state: CustomColumnsPanelStateBase<T, F>;\n}\n\nexport function _CustomColumnsPanel<T, F extends FiltersMap>({\n  state,\n}: CustomColumnsPanelProps<T, F>) {\n  const entered = useRafRender();\n  const { translate: t } = useWixPatternsContainer();\n\n  const { dragAndDrop, collectionFieldsSource } = state;\n  const archive = collectionFieldsSource?.fieldsSource.archive;\n  const deleteFieldModal =\n    collectionFieldsSource?.customFieldsPanel.deleteFieldModal;\n  const schemaCtx = useSchemaContext();\n  const isSchema = !!schemaCtx?.schema;\n  const isEditable = !!collectionFieldsSource || isSchema;\n\n  useEffect(() => state.init(), []);\n\n  if (!entered) {\n    return null;\n  }\n\n  const hasSearchResults = state.columnsCollection.result.items.length > 0;\n  const hasSearchValue = state.searchValue.trim().length > 0;\n  const totalColumns = state.orderedColumns.length;\n  const hasFieldsSource = !!collectionFieldsSource;\n\n  // Show search if there's a fields source OR if there are more than 5 columns\n  const shouldShowSearch = hasFieldsSource || totalColumns > 5;\n\n  const titleKey = isEditable\n    ? 'cairo.table.manage-fields.title'\n    : 'cairo.table.custom-columns.title';\n  const subtitleKey = isEditable\n    ? dragAndDrop\n      ? 'cairo.table.manage-fields.dragAndDrop.subtitle'\n      : 'cairo.table.manage-fields.subtitle'\n    : dragAndDrop\n    ? 'cairo.table.custom-columns.dragAndDrop.subtitle'\n    : 'cairo.table.custom-columns.subtitle';\n\n  return (\n    <>\n      <PatternsSidePanel\n        dataHook=\"custom-columns-panel\"\n        width=\"100%\"\n        onClose={() => state.onClose()}\n      >\n        <SidePanel.Header title={t(titleKey)} subtitle={t(subtitleKey)}>\n          {shouldShowSearch && (\n            <Box padding=\"0 SP3 SP2 SP3\">\n              <CustomColumnsSearch state={state} />\n            </Box>\n          )}\n        </SidePanel.Header>\n        <ScrollableContent\n          overflowY\n          dataHook=\"custom-columns-panel-scroll-container\"\n          ref={(e) => {\n            if (state.dragAndDrop) {\n              state.dragAndDrop.listRect.element = e;\n            }\n          }}\n        >\n          {hasSearchValue && !hasSearchResults ? (\n            <CustomColumnsNoResults state={state} />\n          ) : (\n            <>\n              {archive?.shouldDisplay && deleteFieldModal && (\n                <Suspense fallback={null}>\n                  <ArchivedItemsCTAButton\n                    archive={archive}\n                    deleteFieldModal={deleteFieldModal}\n                    onCloseSidePanel={() => state.onClose()}\n                    dataHook=\"custom-columns\"\n                  />\n                </Suspense>\n              )}\n              <ColumnsList state={state} />\n            </>\n          )}\n        </ScrollableContent>\n        {collectionFieldsSource && (\n          <FieldsSourceAddFieldCTA source={collectionFieldsSource} />\n        )}\n        {schemaCtx?.addField && (\n          <Box direction=\"vertical\" width=\"100%\">\n            <Divider direction=\"horizontal\" />\n            <Box\n              padding=\"SP4\"\n              width=\"100%\"\n              boxSizing=\"border-box\"\n              direction=\"vertical\"\n            >\n              <AddItem\n                dataHook=\"custom-columns-schema-add-field\"\n                onClick={schemaCtx.addField}\n              >\n                {t('cairo.customFields.addCustomField.CTA')}\n              </AddItem>\n            </Box>\n          </Box>\n        )}\n      </PatternsSidePanel>\n    </>\n  );\n}\n\nexport const CustomColumnsPanel = observer(_CustomColumnsPanel);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_react2","_mobxReactLite","_useBmHarmonyTheme","_ColumnsList","_CustomColumnsSearch","_CustomColumnsNoResults","_useRafRender","_ScrollableContent","_PatternsSidePanel","_SchemaContext","_FieldsSourceAddFieldCTA","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ArchivedItemsCTAButton","lazy","Promise","resolve","then","m","_CustomColumnsPanel","state","entered","useRafRender","translate","useWixPatternsContainer","isHarmonyTheme","useBmHarmonyTheme","dragAndDrop","collectionFieldsSource","archive","fieldsSource","deleteFieldModal","customFieldsPanel","schemaCtx","useSchemaContext","isSchema","schema","isEditable","isFieldsEditable","useEffect","init","hasSearchResults","columnsCollection","result","items","length","hasSearchValue","searchValue","trim","totalColumns","orderedColumns","hasFieldsSource","shouldShowSearch","titleKey","subtitleKey","createElement","Fragment","PatternsSidePanel","dataHook","width","onClose","__self","__source","fileName","lineNumber","columnNumber","SidePanel","Header","title","subtitle","Box","padding","CustomColumnsSearch","ScrollableContent","overflowY","ref","listRect","element","CustomColumnsNoResults","shouldDisplay","direction","marginLeft","marginRight","Suspense","fallback","onCloseSidePanel","ColumnsList","FieldsSourceAddFieldCTA","source","addField","Divider","boxSizing","AddItem","onClick","CustomColumnsPanel","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsPanel.tsx"],"sourcesContent":["import { AddItem, Box, Divider, SidePanel } from '@wix/design-system';\nimport React, { lazy, Suspense, useEffect } from 'react';\nimport { CustomColumnsPanelStateBase } from '../../state/CustomColumnsPanelStateBase';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\nimport { ColumnsList } from './ColumnsList';\nimport { CustomColumnsSearch } from './CustomColumnsSearch';\nimport { CustomColumnsNoResults } from './CustomColumnsNoResults';\nimport { useRafRender } from '../../hooks/useRafRender';\nimport { ScrollableContent } from '../ScrollableContent';\nimport { PatternsSidePanel } from '../SidePanel/PatternsSidePanel';\nimport { useSchemaContext } from '../../providers/SchemaContext';\nimport { FieldsSourceAddFieldCTA } from '../CustomFieldsPanel/FieldsSourceAddFieldCTA';\n\n// ArchivedItems is an optional feature module — load it on demand so it stays\n// out of the core bundle.\nconst ArchivedItemsCTAButton = lazy(() =>\n  import('../ArchivedItemsPanel/ArchivedItemsCTAButton').then((m) => ({\n    default: m.ArchivedItemsCTAButton,\n  })),\n);\n\nexport interface CustomColumnsPanelProps<T, F extends FiltersMap> {\n  state: CustomColumnsPanelStateBase<T, F>;\n}\n\nexport function _CustomColumnsPanel<T, F extends FiltersMap>({\n  state,\n}: CustomColumnsPanelProps<T, F>) {\n  const entered = useRafRender();\n  const { translate: t } = useWixPatternsContainer();\n  const isHarmonyTheme = useBmHarmonyTheme();\n\n  const { dragAndDrop, collectionFieldsSource } = state;\n  const archive = collectionFieldsSource?.fieldsSource.archive;\n  const deleteFieldModal =\n    collectionFieldsSource?.customFieldsPanel.deleteFieldModal;\n  const schemaCtx = useSchemaContext();\n  const isSchema = !!schemaCtx?.schema;\n  const isEditable =\n    !!collectionFieldsSource || isSchema || state.isFieldsEditable;\n\n  useEffect(() => state.init(), []);\n\n  if (!entered) {\n    return null;\n  }\n\n  const hasSearchResults = state.columnsCollection.result.items.length > 0;\n  const hasSearchValue = state.searchValue.trim().length > 0;\n  const totalColumns = state.orderedColumns.length;\n  const hasFieldsSource = !!collectionFieldsSource;\n\n  // Show search if there's a fields source OR if there are more than 5 columns\n  const shouldShowSearch = hasFieldsSource || totalColumns > 5;\n\n  const titleKey = isEditable\n    ? 'cairo.table.manage-fields.title'\n    : 'cairo.table.custom-columns.title';\n  const subtitleKey = isEditable\n    ? dragAndDrop\n      ? 'cairo.table.manage-fields.dragAndDrop.subtitle'\n      : 'cairo.table.manage-fields.subtitle'\n    : dragAndDrop\n    ? 'cairo.table.custom-columns.dragAndDrop.subtitle'\n    : 'cairo.table.custom-columns.subtitle';\n\n  return (\n    <>\n      <PatternsSidePanel\n        dataHook=\"custom-columns-panel\"\n        width=\"100%\"\n        onClose={() => state.onClose()}\n      >\n        <SidePanel.Header title={t(titleKey)} subtitle={t(subtitleKey)}>\n          {shouldShowSearch && (\n            <Box padding={isHarmonyTheme ? '0 SP4 SP2 SP4' : '0 SP3 SP2 SP3'}>\n              <CustomColumnsSearch state={state} />\n            </Box>\n          )}\n        </SidePanel.Header>\n        <ScrollableContent\n          overflowY\n          dataHook=\"custom-columns-panel-scroll-container\"\n          ref={(e) => {\n            if (state.dragAndDrop) {\n              state.dragAndDrop.listRect.element = e;\n            }\n          }}\n        >\n          {hasSearchValue && !hasSearchResults ? (\n            <CustomColumnsNoResults state={state} />\n          ) : (\n            <>\n              {archive?.shouldDisplay &&\n                deleteFieldModal &&\n                (isHarmonyTheme ? (\n                  <Box direction=\"vertical\" marginLeft=\"SP2\" marginRight=\"SP2\">\n                    <Suspense fallback={null}>\n                      <ArchivedItemsCTAButton\n                        archive={archive}\n                        deleteFieldModal={deleteFieldModal}\n                        onCloseSidePanel={() => state.onClose()}\n                        dataHook=\"custom-columns\"\n                      />\n                    </Suspense>\n                  </Box>\n                ) : (\n                  <Suspense fallback={null}>\n                    <ArchivedItemsCTAButton\n                      archive={archive}\n                      deleteFieldModal={deleteFieldModal}\n                      onCloseSidePanel={() => state.onClose()}\n                      dataHook=\"custom-columns\"\n                    />\n                  </Suspense>\n                ))}\n              <ColumnsList state={state} />\n            </>\n          )}\n        </ScrollableContent>\n        {collectionFieldsSource && (\n          <FieldsSourceAddFieldCTA source={collectionFieldsSource} />\n        )}\n        {schemaCtx?.addField && (\n          <Box direction=\"vertical\" width=\"100%\">\n            <Divider direction=\"horizontal\" />\n            <Box\n              padding=\"SP4\"\n              width=\"100%\"\n              boxSizing=\"border-box\"\n              direction=\"vertical\"\n            >\n              <AddItem\n                dataHook=\"custom-columns-schema-add-field\"\n                onClick={schemaCtx.addField}\n              >\n                {t('cairo.customFields.addCustomField.CTA')}\n              </AddItem>\n            </Box>\n          </Box>\n        )}\n      </PatternsSidePanel>\n    </>\n  );\n}\n\nexport const CustomColumnsPanel = observer(_CustomColumnsPanel);\n"],"mappings":"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","ignoreList":[]}

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

@@ -7,6 +7,7 @@ var _designSystem = require("@wix/design-system");
 var _react = _interopRequireWildcard(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _react2 = require("@wix/bex-core/react");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomColumnsPanel/CustomColumnsSearch.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); }
 function _CustomColumnsSearch({
@@ -15,6 +16,7 @@ function _CustomColumnsSearch({
   const {
     translate: t
   } = (0, _react2.useWixPatternsContainer)();
+  const isHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const searchInputRef = (0, _react.useRef)(null);
   (0, _react.useEffect)(() => {
     state.columnsCollection.searchInputRef = {
@@ -31,6 +33,7 @@ function _CustomColumnsSearch({
     ref: searchInputRef,
     dataHook: "custom-columns-search",
     size: "small",
+    border: isHarmonyTheme ? 'standard' : undefined,
     value: state.searchValue,
     onChange: e => {
       state.setSearchValue(e.target.value);
@@ -42,7 +45,7 @@ function _CustomColumnsSearch({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 30,
+      lineNumber: 32,
       columnNumber: 5
     }
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_react2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CustomColumnsSearch","state","translate","useWixPatternsContainer","searchInputRef","useRef","useEffect","columnsCollection","focus","_searchInputRef$curre","current","createElement","Search","ref","dataHook","size","value","searchValue","onChange","setSearchValue","target","onClear","placeholder","__self","__source","fileName","lineNumber","columnNumber","CustomColumnsSearch","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsSearch.tsx"],"sourcesContent":["import { Search } from '@wix/design-system';\nimport React, { useEffect, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CustomColumnsPanelStateBase } from '../../state/CustomColumnsPanelStateBase';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface CustomColumnsSearchProps<T, F extends FiltersMap> {\n  state: CustomColumnsPanelStateBase<T, F>;\n}\n\nexport function _CustomColumnsSearch<T, F extends FiltersMap>({\n  state,\n}: CustomColumnsSearchProps<T, F>) {\n  const { translate: t } = useWixPatternsContainer();\n  const searchInputRef = useRef<Search>(null);\n\n  useEffect(() => {\n    state.columnsCollection.searchInputRef = {\n      focus: () => {\n        searchInputRef.current?.focus();\n      },\n    };\n    return () => {\n      state.columnsCollection.searchInputRef = null;\n    };\n  }, [state.columnsCollection]);\n\n  return (\n    <Search\n      ref={searchInputRef}\n      dataHook=\"custom-columns-search\"\n      size=\"small\"\n      value={state.searchValue}\n      onChange={(e) => {\n        state.setSearchValue(e.target.value);\n      }}\n      onClear={() => {\n        state.setSearchValue('');\n      }}\n      placeholder={t(\n        'cairo.table.custom-columns.dragAndDrop.search-placeholder',\n      )}\n    />\n  );\n}\n\nexport const CustomColumnsSearch = observer(_CustomColumnsSearch);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAGA,IAAAI,OAAA,GAAAJ,OAAA;AAA8D,IAAAK,YAAA;AAAA,SAAAH,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAMvD,SAASkB,oBAAoBA,CAA0B;EAC5DC;AAC8B,CAAC,EAAE;EACjC,MAAM;IAAEC,SAAS,EAAEpB;EAAE,CAAC,GAAG,IAAAqB,+BAAuB,EAAC,CAAC;EAClD,MAAMC,cAAc,GAAG,IAAAC,aAAM,EAAS,IAAI,CAAC;EAE3C,IAAAC,gBAAS,EAAC,MAAM;IACdL,KAAK,CAACM,iBAAiB,CAACH,cAAc,GAAG;MACvCI,KAAK,EAAEA,CAAA,KAAM;QAAA,IAAAC,qBAAA;QACX,CAAAA,qBAAA,GAAAL,cAAc,CAACM,OAAO,aAAtBD,qBAAA,CAAwBD,KAAK,CAAC,CAAC;MACjC;IACF,CAAC;IACD,OAAO,MAAM;MACXP,KAAK,CAACM,iBAAiB,CAACH,cAAc,GAAG,IAAI;IAC/C,CAAC;EACH,CAAC,EAAE,CAACH,KAAK,CAACM,iBAAiB,CAAC,CAAC;EAE7B,oBACE/B,MAAA,CAAAe,OAAA,CAAAoB,aAAA,CAACrC,aAAA,CAAAsC,MAAM;IACLC,GAAG,EAAET,cAAe;IACpBU,QAAQ,EAAC,uBAAuB;IAChCC,IAAI,EAAC,OAAO;IACZC,KAAK,EAAEf,KAAK,CAACgB,WAAY;IACzBC,QAAQ,EAAGrC,CAAC,IAAK;MACfoB,KAAK,CAACkB,cAAc,CAACtC,CAAC,CAACuC,MAAM,CAACJ,KAAK,CAAC;IACtC,CAAE;IACFK,OAAO,EAAEA,CAAA,KAAM;MACbpB,KAAK,CAACkB,cAAc,CAAC,EAAE,CAAC;IAC1B,CAAE;IACFG,WAAW,EAAExC,CAAC,CACZ,2DACF,CAAE;IAAAyC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7C,YAAA;MAAA8C,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CAAC;AAEN;AAEO,MAAMC,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,IAAAE,uBAAQ,EAAC9B,oBAAoB,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_react2","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CustomColumnsSearch","state","translate","useWixPatternsContainer","isHarmonyTheme","useBmHarmonyTheme","searchInputRef","useRef","useEffect","columnsCollection","focus","_searchInputRef$curre","current","createElement","Search","ref","dataHook","size","border","undefined","value","searchValue","onChange","setSearchValue","target","onClear","placeholder","__self","__source","fileName","lineNumber","columnNumber","CustomColumnsSearch","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsSearch.tsx"],"sourcesContent":["import { Search } from '@wix/design-system';\nimport React, { useEffect, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CustomColumnsPanelStateBase } from '../../state/CustomColumnsPanelStateBase';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface CustomColumnsSearchProps<T, F extends FiltersMap> {\n  state: CustomColumnsPanelStateBase<T, F>;\n}\n\nexport function _CustomColumnsSearch<T, F extends FiltersMap>({\n  state,\n}: CustomColumnsSearchProps<T, F>) {\n  const { translate: t } = useWixPatternsContainer();\n  const isHarmonyTheme = useBmHarmonyTheme();\n  const searchInputRef = useRef<Search>(null);\n\n  useEffect(() => {\n    state.columnsCollection.searchInputRef = {\n      focus: () => {\n        searchInputRef.current?.focus();\n      },\n    };\n    return () => {\n      state.columnsCollection.searchInputRef = null;\n    };\n  }, [state.columnsCollection]);\n\n  return (\n    <Search\n      ref={searchInputRef}\n      dataHook=\"custom-columns-search\"\n      size=\"small\"\n      border={isHarmonyTheme ? 'standard' : undefined}\n      value={state.searchValue}\n      onChange={(e) => {\n        state.setSearchValue(e.target.value);\n      }}\n      onClear={() => {\n        state.setSearchValue('');\n      }}\n      placeholder={t(\n        'cairo.table.custom-columns.dragAndDrop.search-placeholder',\n      )}\n    />\n  );\n}\n\nexport const CustomColumnsSearch = observer(_CustomColumnsSearch);\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,7 +5,7 @@ exports.__esModule = true;
 exports.FieldIndications = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _react2 = require("@wix/bex-core/react");
 var _mobxReactLite = require("mobx-react-lite");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomColumnsPanel/FieldIndications.tsx";
@@ -58,7 +58,7 @@ function _FieldIndications({
       lineNumber: 37,
       columnNumber: 11
     }
-  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.LockLockedFilledSmall, {
+  }, /*#__PURE__*/_react.default.createElement(_lazy.LockLockedFilledSmall, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
@@ -84,7 +84,7 @@ function _FieldIndications({
       lineNumber: 48,
       columnNumber: 11
     }
-  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.FlagFilledSmall, {
+  }, /*#__PURE__*/_react.default.createElement(_lazy.FlagFilledSmall, {
     __self: this,
     __source: {
       fileName: _jsxFileName,