@wix/patterns 1.306.0 → 1.308.0

package/dist/cjs/components/ArchivedItemsPanel/ArchivedItemsCTAButton.js

@@ -6,7 +6,6 @@ var _designSystem = require("@wix/design-system");
 var _react = _interopRequireWildcard(require("react"));
 var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _react2 = require("@wix/bex-core/react");
-var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
 var _mobxReactLite = require("mobx-react-lite");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ArchivedItemsPanel/ArchivedItemsCTAButton.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); }
@@ -14,13 +13,14 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 const ArchivedItemsPanel = /*#__PURE__*/(0, _react.lazy)(() => Promise.resolve().then(() => _interopRequireWildcard(require('./ArchivedItemsPanel'))).then(module => ({
   default: module.ArchivedItemsPanel
 })));
-function _ArchivedItemsCTAButton() {
+function _ArchivedItemsCTAButton({
+  dataExtension,
+  onCloseSidePanel,
+  dataHook = 'custom-columns'
+}) {
   const {
     translate: t
   } = (0, _react2.useWixPatternsContainer)();
-  const toolbar = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
-  const collectionDataExtension = toolbar.collectionDataExtension;
-  const dataExtension = collectionDataExtension == null ? void 0 : collectionDataExtension.dataExtension;
   const style = (0, _react.useMemo)(() => ({
     display: 'flex',
     alignItems: 'center',
@@ -28,17 +28,17 @@ function _ArchivedItemsCTAButton() {
   }), []);
   const handleOpenArchivedPanel = (0, _react.useCallback)(() => {
     dataExtension == null || dataExtension.openArchivedPanel();
-  }, []);
+  }, [dataExtension]);
   const handleCloseArchivedPanel = (0, _react.useCallback)(() => {
     dataExtension == null || dataExtension.closeArchivedPanel();
-  }, []);
+  }, [dataExtension]);
   const handleCloseAllPanels = (0, _react.useCallback)(() => {
     dataExtension == null || dataExtension.closeArchivedPanel();
-    toolbar.sidePanel.close();
-  }, []);
+    onCloseSidePanel();
+  }, [dataExtension, onCloseSidePanel]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_designSystem.TableListItem, {
     onClick: handleOpenArchivedPanel,
-    dataHook: "archived-items-button",
+    dataHook: `${dataHook}-archived-items-button`,
     showDivider: true,
     verticalPadding: "tiny",
     options: [{
@@ -47,14 +47,14 @@ function _ArchivedItemsCTAButton() {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 59,
+          lineNumber: 66,
           columnNumber: 15
         }
       }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Archive, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 60,
+          lineNumber: 67,
           columnNumber: 17
         }
       }), /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -63,7 +63,7 @@ function _ArchivedItemsCTAButton() {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 61,
+          lineNumber: 68,
           columnNumber: 17
         }
       }, t('cairo.table.custom-columns.section-divider')))
@@ -74,14 +74,14 @@ function _ArchivedItemsCTAButton() {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 69,
+          lineNumber: 76,
           columnNumber: 15
         }
       }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronRight, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 70,
+          lineNumber: 77,
           columnNumber: 17
         }
       })),
@@ -90,7 +90,7 @@ function _ArchivedItemsCTAButton() {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 51,
+      lineNumber: 58,
       columnNumber: 7
     }
   }), (dataExtension == null ? void 0 : dataExtension.isArchivedPanelOpen) && /*#__PURE__*/_react.default.createElement(_react.Suspense, {
@@ -98,7 +98,7 @@ function _ArchivedItemsCTAButton() {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 78,
+      lineNumber: 85,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(ArchivedItemsPanel, {
@@ -106,10 +106,11 @@ function _ArchivedItemsCTAButton() {
     items: dataExtension == null ? void 0 : dataExtension.archivedItems,
     onBackButtonClick: handleCloseArchivedPanel,
     onCloseButtonClick: handleCloseAllPanels,
+    dataHook: dataHook,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 79,
+      lineNumber: 86,
       columnNumber: 11
     }
   })));

package/dist/cjs/components/ArchivedItemsPanel/ArchivedItemsCTAButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_wixUiIconsCommon","_react2","_ToolbarCollectionContext","_mobxReactLite","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ArchivedItemsPanel","lazy","Promise","resolve","then","module","_ArchivedItemsCTAButton","translate","useWixPatternsContainer","toolbar","useToolbarCollectionContext","collectionDataExtension","dataExtension","style","useMemo","display","alignItems","gap","handleOpenArchivedPanel","useCallback","openArchivedPanel","handleCloseArchivedPanel","closeArchivedPanel","handleCloseAllPanels","sidePanel","close","createElement","Fragment","TableListItem","onClick","dataHook","showDivider","verticalPadding","options","value","__self","__source","fileName","lineNumber","columnNumber","Archive","Text","size","weight","IconButton","skin","ChevronRight","align","isArchivedPanelOpen","Suspense","fallback","items","archivedItems","onBackButtonClick","onCloseButtonClick","ArchivedItemsCTAButton","exports","observer"],"sources":["../../../../src/components/ArchivedItemsPanel/ArchivedItemsCTAButton.tsx"],"sourcesContent":["import { TableListItem, Text, IconButton } from '@wix/design-system';\nimport React, {\n  CSSProperties,\n  useMemo,\n  useCallback,\n  lazy,\n  Suspense,\n} from 'react';\nimport { Archive, ChevronRight } from '@wix/wix-ui-icons-common';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { observer } from 'mobx-react-lite';\n\n// Lazy load the ArchivedItemsPanel - only loads when panel is opened\nconst ArchivedItemsPanel = lazy(() =>\n  import('./ArchivedItemsPanel').then((module) => ({\n    default: module.ArchivedItemsPanel,\n  })),\n);\n\nfunction _ArchivedItemsCTAButton() {\n  const { translate: t } = useWixPatternsContainer();\n  const toolbar = useToolbarCollectionContext();\n  const collectionDataExtension = toolbar.collectionDataExtension;\n  const dataExtension = collectionDataExtension?.dataExtension;\n\n  const style = useMemo<CSSProperties>(\n    () => ({\n      display: 'flex',\n      alignItems: 'center',\n      gap: '8px',\n    }),\n    [],\n  );\n\n  const handleOpenArchivedPanel = useCallback(() => {\n    dataExtension?.openArchivedPanel();\n  }, []);\n\n  const handleCloseArchivedPanel = useCallback(() => {\n    dataExtension?.closeArchivedPanel();\n  }, []);\n\n  const handleCloseAllPanels = useCallback(() => {\n    dataExtension?.closeArchivedPanel();\n    toolbar.sidePanel.close();\n  }, []);\n\n  return (\n    <>\n      <TableListItem\n        onClick={handleOpenArchivedPanel}\n        dataHook=\"archived-items-button\"\n        showDivider\n        verticalPadding=\"tiny\"\n        options={[\n          {\n            value: (\n              <div style={style}>\n                <Archive />\n                <Text size=\"small\" weight=\"normal\">\n                  {t('cairo.table.custom-columns.section-divider')}\n                </Text>\n              </div>\n            ),\n          },\n          {\n            value: (\n              <IconButton size=\"small\" skin=\"inverted\">\n                <ChevronRight />\n              </IconButton>\n            ),\n            align: 'right' as const,\n          },\n        ]}\n      />\n      {dataExtension?.isArchivedPanelOpen && (\n        <Suspense fallback={null}>\n          <ArchivedItemsPanel\n            dataExtension={dataExtension}\n            items={dataExtension?.archivedItems}\n            onBackButtonClick={handleCloseArchivedPanel}\n            onCloseButtonClick={handleCloseAllPanels}\n          />\n        </Suspense>\n      )}\n    </>\n  );\n}\n\nexport const ArchivedItemsCTAButton = observer(_ArchivedItemsCTAButton);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_wixUiIconsCommon","_react2","_mobxReactLite","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ArchivedItemsPanel","lazy","Promise","resolve","then","module","_ArchivedItemsCTAButton","dataExtension","onCloseSidePanel","dataHook","translate","useWixPatternsContainer","style","useMemo","display","alignItems","gap","handleOpenArchivedPanel","useCallback","openArchivedPanel","handleCloseArchivedPanel","closeArchivedPanel","handleCloseAllPanels","createElement","Fragment","TableListItem","onClick","showDivider","verticalPadding","options","value","__self","__source","fileName","lineNumber","columnNumber","Archive","Text","size","weight","IconButton","skin","ChevronRight","align","isArchivedPanelOpen","Suspense","fallback","items","archivedItems","onBackButtonClick","onCloseButtonClick","ArchivedItemsCTAButton","exports","observer"],"sources":["../../../../src/components/ArchivedItemsPanel/ArchivedItemsCTAButton.tsx"],"sourcesContent":["import { TableListItem, Text, IconButton } from '@wix/design-system';\nimport React, {\n  CSSProperties,\n  useMemo,\n  useCallback,\n  lazy,\n  Suspense,\n} from 'react';\nimport { Archive, ChevronRight } from '@wix/wix-ui-icons-common';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { DataExtensionState } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\n\n// Lazy load the ArchivedItemsPanel - only loads when panel is opened\nconst ArchivedItemsPanel = lazy(() =>\n  import('./ArchivedItemsPanel').then((module) => ({\n    default: module.ArchivedItemsPanel,\n  })),\n);\n\nexport interface ArchivedItemsCTAButtonProps {\n  dataExtension: DataExtensionState;\n  onCloseSidePanel: () => void;\n  dataHook?: string;\n}\n\nfunction _ArchivedItemsCTAButton({\n  dataExtension,\n  onCloseSidePanel,\n  dataHook = 'custom-columns',\n}: ArchivedItemsCTAButtonProps) {\n  const { translate: t } = useWixPatternsContainer();\n\n  const style = useMemo<CSSProperties>(\n    () => ({\n      display: 'flex',\n      alignItems: 'center',\n      gap: '8px',\n    }),\n    [],\n  );\n\n  const handleOpenArchivedPanel = useCallback(() => {\n    dataExtension?.openArchivedPanel();\n  }, [dataExtension]);\n\n  const handleCloseArchivedPanel = useCallback(() => {\n    dataExtension?.closeArchivedPanel();\n  }, [dataExtension]);\n\n  const handleCloseAllPanels = useCallback(() => {\n    dataExtension?.closeArchivedPanel();\n    onCloseSidePanel();\n  }, [dataExtension, onCloseSidePanel]);\n\n  return (\n    <>\n      <TableListItem\n        onClick={handleOpenArchivedPanel}\n        dataHook={`${dataHook}-archived-items-button`}\n        showDivider\n        verticalPadding=\"tiny\"\n        options={[\n          {\n            value: (\n              <div style={style}>\n                <Archive />\n                <Text size=\"small\" weight=\"normal\">\n                  {t('cairo.table.custom-columns.section-divider')}\n                </Text>\n              </div>\n            ),\n          },\n          {\n            value: (\n              <IconButton size=\"small\" skin=\"inverted\">\n                <ChevronRight />\n              </IconButton>\n            ),\n            align: 'right' as const,\n          },\n        ]}\n      />\n      {dataExtension?.isArchivedPanelOpen && (\n        <Suspense fallback={null}>\n          <ArchivedItemsPanel\n            dataExtension={dataExtension}\n            items={dataExtension?.archivedItems}\n            onBackButtonClick={handleCloseArchivedPanel}\n            onCloseButtonClick={handleCloseAllPanels}\n            dataHook={dataHook}\n          />\n        </Suspense>\n      )}\n    </>\n  );\n}\n\nexport const ArchivedItemsCTAButton = observer(_ArchivedItemsCTAButton);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ArchivedItemsPanel/ArchivedItemsList.js

@@ -11,16 +11,17 @@ var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cj
 function _ArchivedItemsList({
   items,
   onRestore,
-  onDelete
+  onDelete,
+  dataHook = 'custom-columns'
 }) {
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "vertical",
-    dataHook: "archived-items-list",
+    dataHook: `${dataHook}-archived-items-list`,
     backgroundColor: "D60",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 18,
+      lineNumber: 20,
       columnNumber: 5
     }
   }, items.map((item, index) => /*#__PURE__*/_react.default.createElement(_ArchivedItemsListItem.ArchivedItemsListItem, {
@@ -29,10 +30,11 @@ function _ArchivedItemsList({
     showDivider: index < items.length - 1,
     onRestore: onRestore,
     onDelete: onDelete,
+    dataHook: dataHook,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 24,
+      lineNumber: 26,
       columnNumber: 9
     }
   })));

package/dist/cjs/components/ArchivedItemsPanel/ArchivedItemsList.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_ArchivedItemsListItem","_jsxFileName","_ArchivedItemsList","items","onRestore","onDelete","default","createElement","Box","direction","dataHook","backgroundColor","__self","__source","fileName","lineNumber","columnNumber","map","item","index","ArchivedItemsListItem","key","id","showDivider","length","ArchivedItemsList","exports"],"sources":["../../../../src/components/ArchivedItemsPanel/ArchivedItemsList.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@wix/design-system';\nimport { ArchivedItemsListItem } from './ArchivedItemsListItem';\nimport type { ArchivedItem } from './types';\n\nexport interface ArchivedItemsListProps {\n  items: ArchivedItem[];\n  onRestore: (item: ArchivedItem) => void;\n  onDelete: (item: ArchivedItem) => void;\n}\n\nexport function _ArchivedItemsList({\n  items,\n  onRestore,\n  onDelete,\n}: ArchivedItemsListProps) {\n  return (\n    <Box\n      direction=\"vertical\"\n      dataHook=\"archived-items-list\"\n      backgroundColor=\"D60\"\n    >\n      {items.map((item, index) => (\n        <ArchivedItemsListItem\n          key={item.id}\n          item={item}\n          showDivider={index < items.length - 1}\n          onRestore={onRestore}\n          onDelete={onDelete}\n        />\n      ))}\n    </Box>\n  );\n}\n\nexport const ArchivedItemsList = _ArchivedItemsList;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AAAgE,IAAAG,YAAA;AASzD,SAASC,kBAAkBA,CAAC;EACjCC,KAAK;EACLC,SAAS;EACTC;AACsB,CAAC,EAAE;EACzB,oBACET,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAS,GAAG;IACFC,SAAS,EAAC,UAAU;IACpBC,QAAQ,EAAC,qBAAqB;IAC9BC,eAAe,EAAC,KAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEpBb,KAAK,CAACc,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,kBACrBvB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,sBAAA,CAAAoB,qBAAqB;IACpBC,GAAG,EAAEH,IAAI,CAACI,EAAG;IACbJ,IAAI,EAAEA,IAAK;IACXK,WAAW,EAAEJ,KAAK,GAAGhB,KAAK,CAACqB,MAAM,GAAG,CAAE;IACtCpB,SAAS,EAAEA,SAAU;IACrBC,QAAQ,EAAEA,QAAS;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,CACpB,CACF,CACE,CAAC;AAEV;AAEO,MAAMS,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAGvB,kBAAkB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_ArchivedItemsListItem","_jsxFileName","_ArchivedItemsList","items","onRestore","onDelete","dataHook","default","createElement","Box","direction","backgroundColor","__self","__source","fileName","lineNumber","columnNumber","map","item","index","ArchivedItemsListItem","key","id","showDivider","length","ArchivedItemsList","exports"],"sources":["../../../../src/components/ArchivedItemsPanel/ArchivedItemsList.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@wix/design-system';\nimport { ArchivedItemsListItem } from './ArchivedItemsListItem';\nimport type { ArchivedItem } from './types';\n\nexport interface ArchivedItemsListProps {\n  items: ArchivedItem[];\n  onRestore: (item: ArchivedItem) => void;\n  onDelete: (item: ArchivedItem) => void;\n  dataHook?: string;\n}\n\nexport function _ArchivedItemsList({\n  items,\n  onRestore,\n  onDelete,\n  dataHook = 'custom-columns',\n}: ArchivedItemsListProps) {\n  return (\n    <Box\n      direction=\"vertical\"\n      dataHook={`${dataHook}-archived-items-list`}\n      backgroundColor=\"D60\"\n    >\n      {items.map((item, index) => (\n        <ArchivedItemsListItem\n          key={item.id}\n          item={item}\n          showDivider={index < items.length - 1}\n          onRestore={onRestore}\n          onDelete={onDelete}\n          dataHook={dataHook}\n        />\n      ))}\n    </Box>\n  );\n}\n\nexport const ArchivedItemsList = _ArchivedItemsList;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AAAgE,IAAAG,YAAA;AAUzD,SAASC,kBAAkBA,CAAC;EACjCC,KAAK;EACLC,SAAS;EACTC,QAAQ;EACRC,QAAQ,GAAG;AACW,CAAC,EAAE;EACzB,oBACEV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAU,GAAG;IACFC,SAAS,EAAC,UAAU;IACpBJ,QAAQ,EAAE,GAAGA,QAAQ,sBAAuB;IAC5CK,eAAe,EAAC,KAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEpBb,KAAK,CAACc,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,kBACrBvB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,sBAAA,CAAAoB,qBAAqB;IACpBC,GAAG,EAAEH,IAAI,CAACI,EAAG;IACbJ,IAAI,EAAEA,IAAK;IACXK,WAAW,EAAEJ,KAAK,GAAGhB,KAAK,CAACqB,MAAM,GAAG,CAAE;IACtCpB,SAAS,EAAEA,SAAU;IACrBC,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,CACpB,CACF,CACE,CAAC;AAEV;AAEO,MAAMS,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAGvB,kBAAkB","ignoreList":[]}

package/dist/cjs/components/ArchivedItemsPanel/ArchivedItemsListItem.js

@@ -12,7 +12,8 @@ function _ArchivedItemsListItem({
   item,
   showDivider,
   onRestore,
-  onDelete
+  onDelete,
+  dataHook = 'custom-columns'
 }) {
   const {
     translate: t
@@ -24,46 +25,46 @@ function _ArchivedItemsListItem({
   const moreActionsButton = /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu, {
     textSize: "small",
     placement: "bottom-end",
-    dataHook: `archived-item-options-${item.id}`,
+    dataHook: `${dataHook}-archived-item-options-${item.id}`,
     triggerElement: /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
       content: t('cairo.archivedFields.more-actions.tooltip'),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 43,
+        lineNumber: 45,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
       size: "tiny",
-      dataHook: "archived-item-options-trigger",
+      dataHook: `${dataHook}-archived-item-options-trigger`,
       skin: "light",
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 44,
+        lineNumber: 46,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.MoreSmall, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 49,
+        lineNumber: 51,
         columnNumber: 13
       }
     }))),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 38,
+      lineNumber: 40,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
-    dataHook: "archived-item-options-restore",
+    dataHook: `${dataHook}-archived-item-options-restore`,
     prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.UndoSmall, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 56,
+        lineNumber: 58,
         columnNumber: 21
       }
     }),
@@ -72,16 +73,16 @@ function _ArchivedItemsListItem({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 54,
+      lineNumber: 56,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
-    dataHook: "archived-item-options-delete",
+    dataHook: `${dataHook}-archived-item-options-delete`,
     prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.DeleteSmall, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 63,
+        lineNumber: 65,
         columnNumber: 21
       }
     }),
@@ -90,19 +91,19 @@ function _ArchivedItemsListItem({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 61,
+      lineNumber: 63,
       columnNumber: 7
     }
   }));
   return /*#__PURE__*/_react.default.createElement(_designSystem.TableListItem, {
     showDivider: showDivider,
-    "data-hook": `archived-item-${item.id}`,
+    "data-hook": `${dataHook}-archived-item-${item.id}`,
     options: [{
       value: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 77,
+          lineNumber: 79,
           columnNumber: 13
         }
       }, /*#__PURE__*/_react.default.createElement("div", {
@@ -110,16 +111,16 @@ function _ArchivedItemsListItem({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 78,
+          lineNumber: 80,
           columnNumber: 15
         }
       }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
         size: "small",
-        dataHook: "archived-item-label",
+        dataHook: `${dataHook}-archived-item-label`,
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 79,
+          lineNumber: 81,
           columnNumber: 17
         }
       }, item.label || item.id)))
@@ -130,7 +131,7 @@ function _ArchivedItemsListItem({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 71,
+      lineNumber: 73,
       columnNumber: 5
     }
   });

package/dist/cjs/components/ArchivedItemsPanel/ArchivedItemsListItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_wixUiIconsCommon","_react2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ArchivedItemsListItem","item","showDivider","onRestore","onDelete","translate","useWixPatternsContainer","style","useMemo","padding","wordBreak","moreActionsButton","createElement","PopoverMenu","textSize","placement","dataHook","id","triggerElement","Tooltip","content","__self","__source","fileName","lineNumber","columnNumber","IconButton","size","skin","MoreSmall","MenuItem","prefixIcon","UndoSmall","text","onClick","DeleteSmall","TableListItem","options","value","Box","Text","label","align","ArchivedItemsListItem","exports"],"sources":["../../../../src/components/ArchivedItemsPanel/ArchivedItemsListItem.tsx"],"sourcesContent":["import {\n  Box,\n  IconButton,\n  PopoverMenu,\n  TableListItem,\n  Text,\n  Tooltip,\n} from '@wix/design-system';\nimport React, { CSSProperties, useMemo } from 'react';\nimport { DeleteSmall, MoreSmall, UndoSmall } from '@wix/wix-ui-icons-common';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport type { ArchivedItem } from './types';\n\nexport interface ArchivedItemsListItemProps {\n  item: ArchivedItem;\n  showDivider?: boolean;\n  onRestore: (item: ArchivedItem) => void;\n  onDelete: (item: ArchivedItem) => void;\n}\n\nfunction _ArchivedItemsListItem({\n  item,\n  showDivider,\n  onRestore,\n  onDelete,\n}: ArchivedItemsListItemProps) {\n  const { translate: t } = useWixPatternsContainer();\n\n  const style = useMemo<CSSProperties>(\n    () => ({\n      padding: '0 6px',\n      wordBreak: 'break-word',\n    }),\n    [],\n  );\n\n  const moreActionsButton = (\n    <PopoverMenu\n      textSize=\"small\"\n      placement=\"bottom-end\"\n      dataHook={`archived-item-options-${item.id}`}\n      triggerElement={\n        <Tooltip content={t('cairo.archivedFields.more-actions.tooltip')}>\n          <IconButton\n            size=\"tiny\"\n            dataHook=\"archived-item-options-trigger\"\n            skin=\"light\"\n          >\n            <MoreSmall />\n          </IconButton>\n        </Tooltip>\n      }\n    >\n      <PopoverMenu.MenuItem\n        dataHook=\"archived-item-options-restore\"\n        prefixIcon={<UndoSmall />}\n        text={t('cairo.archivedFields.more-actions.restore')}\n        onClick={() => onRestore(item)}\n      />\n\n      <PopoverMenu.MenuItem\n        dataHook=\"archived-item-options-delete\"\n        prefixIcon={<DeleteSmall />}\n        text={t('cairo.archivedFields.more-actions.delete')}\n        onClick={() => onDelete(item)}\n      />\n    </PopoverMenu>\n  );\n\n  return (\n    <TableListItem\n      showDivider={showDivider}\n      data-hook={`archived-item-${item.id}`}\n      options={[\n        {\n          value: (\n            <Box>\n              <div style={style}>\n                <Text size=\"small\" dataHook=\"archived-item-label\">\n                  {item.label || item.id}\n                </Text>\n              </div>\n            </Box>\n          ),\n        },\n        {\n          value: moreActionsButton,\n          align: 'right' as const,\n        },\n      ]}\n    />\n  );\n}\n\nexport const ArchivedItemsListItem = _ArchivedItemsListItem;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_wixUiIconsCommon","_react2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ArchivedItemsListItem","item","showDivider","onRestore","onDelete","dataHook","translate","useWixPatternsContainer","style","useMemo","padding","wordBreak","moreActionsButton","createElement","PopoverMenu","textSize","placement","id","triggerElement","Tooltip","content","__self","__source","fileName","lineNumber","columnNumber","IconButton","size","skin","MoreSmall","MenuItem","prefixIcon","UndoSmall","text","onClick","DeleteSmall","TableListItem","options","value","Box","Text","label","align","ArchivedItemsListItem","exports"],"sources":["../../../../src/components/ArchivedItemsPanel/ArchivedItemsListItem.tsx"],"sourcesContent":["import {\n  Box,\n  IconButton,\n  PopoverMenu,\n  TableListItem,\n  Text,\n  Tooltip,\n} from '@wix/design-system';\nimport React, { CSSProperties, useMemo } from 'react';\nimport { DeleteSmall, MoreSmall, UndoSmall } from '@wix/wix-ui-icons-common';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport type { ArchivedItem } from './types';\n\nexport interface ArchivedItemsListItemProps {\n  item: ArchivedItem;\n  showDivider?: boolean;\n  onRestore: (item: ArchivedItem) => void;\n  onDelete: (item: ArchivedItem) => void;\n  dataHook?: string;\n}\n\nfunction _ArchivedItemsListItem({\n  item,\n  showDivider,\n  onRestore,\n  onDelete,\n  dataHook = 'custom-columns',\n}: ArchivedItemsListItemProps) {\n  const { translate: t } = useWixPatternsContainer();\n\n  const style = useMemo<CSSProperties>(\n    () => ({\n      padding: '0 6px',\n      wordBreak: 'break-word',\n    }),\n    [],\n  );\n\n  const moreActionsButton = (\n    <PopoverMenu\n      textSize=\"small\"\n      placement=\"bottom-end\"\n      dataHook={`${dataHook}-archived-item-options-${item.id}`}\n      triggerElement={\n        <Tooltip content={t('cairo.archivedFields.more-actions.tooltip')}>\n          <IconButton\n            size=\"tiny\"\n            dataHook={`${dataHook}-archived-item-options-trigger`}\n            skin=\"light\"\n          >\n            <MoreSmall />\n          </IconButton>\n        </Tooltip>\n      }\n    >\n      <PopoverMenu.MenuItem\n        dataHook={`${dataHook}-archived-item-options-restore`}\n        prefixIcon={<UndoSmall />}\n        text={t('cairo.archivedFields.more-actions.restore')}\n        onClick={() => onRestore(item)}\n      />\n\n      <PopoverMenu.MenuItem\n        dataHook={`${dataHook}-archived-item-options-delete`}\n        prefixIcon={<DeleteSmall />}\n        text={t('cairo.archivedFields.more-actions.delete')}\n        onClick={() => onDelete(item)}\n      />\n    </PopoverMenu>\n  );\n\n  return (\n    <TableListItem\n      showDivider={showDivider}\n      data-hook={`${dataHook}-archived-item-${item.id}`}\n      options={[\n        {\n          value: (\n            <Box>\n              <div style={style}>\n                <Text size=\"small\" dataHook={`${dataHook}-archived-item-label`}>\n                  {item.label || item.id}\n                </Text>\n              </div>\n            </Box>\n          ),\n        },\n        {\n          value: moreActionsButton,\n          align: 'right' as const,\n        },\n      ]}\n    />\n  );\n}\n\nexport const ArchivedItemsListItem = _ArchivedItemsListItem;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ArchivedItemsPanel/ArchivedItemsPanel.js

@@ -15,7 +15,8 @@ function _ArchivedItemsPanel({
   items,
   onBackButtonClick,
   onCloseButtonClick,
-  dataExtension
+  dataExtension,
+  dataHook = 'custom-columns'
 }) {
   var _dataExtension$extrac, _dataExtension$extrac2;
   const {
@@ -100,11 +101,11 @@ function _ArchivedItemsPanel({
   return /*#__PURE__*/_react.default.createElement("div", {
     style: style,
     onClick: handleClose,
-    "data-hook": "archived-items-panel-container",
+    "data-hook": `${dataHook}-archived-items-panel-container`,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 124,
+      lineNumber: 126,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -113,12 +114,12 @@ function _ArchivedItemsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 129,
+      lineNumber: 131,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.SidePanel // PatternsSidePanel is overriding the back button to close the panel
   , {
-    dataHook: "archived-items-panel",
+    dataHook: `${dataHook}-archived-items-panel`,
     width: "100%",
     closeButtonProps: {
       onClick: handleClose
@@ -130,7 +131,7 @@ function _ArchivedItemsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 130,
+      lineNumber: 132,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.SidePanel.Header, {
@@ -139,30 +140,31 @@ function _ArchivedItemsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 139,
+      lineNumber: 141,
       columnNumber: 11
     }
   }), /*#__PURE__*/_react.default.createElement(_ScrollableContent.ScrollableContent, {
     overflowY: true,
-    dataHook: "archived-items-panel-scroll-container",
+    dataHook: `${dataHook}-archived-items-panel-scroll-container`,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 143,
-      columnNumber: 11
+      lineNumber: 145,
+      columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_ArchivedItemsList.ArchivedItemsList, {
     items: items,
     onRestore: handleRestore,
     onDelete: handleDelete,
+    dataHook: dataHook,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 147,
-      columnNumber: 13
+      lineNumber: 149,
+      columnNumber: 11
     }
   })))), dataExtension.deleteConfirmModal.value && /*#__PURE__*/_react.default.createElement(_MessageActionModal.MessageActionModal, {
-    dataHook: "archived-items-delete-confirm-modal",
+    dataHook: `${dataHook}-archived-items-delete-confirm-modal`,
     state: dataExtension.deleteConfirmModal,
     theme: "destructive",
     title: t('cairo.customFields.delete.modal.title', {
@@ -172,7 +174,7 @@ function _ArchivedItemsPanel({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 167,
+        lineNumber: 170,
         columnNumber: 13
       }
     }, t('cairo.customFields.delete.modal.description', {
@@ -184,7 +186,7 @@ function _ArchivedItemsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 156,
+      lineNumber: 159,
       columnNumber: 9
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_ScrollableContent","_ArchivedItemsList","_react2","_MessageActionModal","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ArchivedItemsPanel","items","onBackButtonClick","onCloseButtonClick","dataExtension","_dataExtension$extrac","_dataExtension$extrac2","translate","useWixPatternsContainer","isVisible","setIsVisible","useState","useEffect","setTimeout","closeIfEmpty","remainingItems","archivedItems","length","handleRestore","item","restoreField","id","origin","reportBi","container","createBILogger","componentType","handleDelete","useCallback","openDeleteConfirmModal","handleConfirmDelete","deleteConfirmModal","value","deleteField","style","useMemo","position","top","left","right","bottom","zIndex","display","justifyContent","slideStyle","width","maxWidth","backgroundColor","transform","transition","flexDirection","handleBack","handleClose","createElement","onClick","__self","__source","fileName","lineNumber","columnNumber","stopPropagation","SidePanel","dataHook","closeButtonProps","backButtonProps","description","Header","title","subtitle","ScrollableContent","overflowY","ArchivedItemsList","onRestore","onDelete","MessageActionModal","state","theme","selectedField","extractFieldValuesFromSchema","name","content","Text","primaryButtonText","secondaryButtonText","primaryButtonOnClick","ArchivedItemsPanel","exports","observer"],"sources":["../../../../src/components/ArchivedItemsPanel/ArchivedItemsPanel.tsx"],"sourcesContent":["import { SidePanel, Text } from '@wix/design-system';\nimport React, {\n  CSSProperties,\n  useMemo,\n  useEffect,\n  useState,\n  useCallback,\n} from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { ScrollableContent } from '../ScrollableContent';\nimport { ArchivedItemsList } from './ArchivedItemsList';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { DataExtensionState } from '@wix/bex-core';\nimport { MessageActionModal } from '../ActionModal/MessageActionModal';\nimport type { ArchivedItem } from './types';\n\nexport interface ArchivedItemsPanelProps {\n  items: ArchivedItem[];\n  onBackButtonClick: () => void;\n  onCloseButtonClick: () => void;\n  dataExtension: DataExtensionState;\n}\n\nfunction _ArchivedItemsPanel({\n  items,\n  onBackButtonClick,\n  onCloseButtonClick,\n  dataExtension,\n}: ArchivedItemsPanelProps) {\n  const { translate: t } = useWixPatternsContainer();\n  const [isVisible, setIsVisible] = useState(false);\n\n  useEffect(() => {\n    setTimeout(() => setIsVisible(true), 10);\n  }, []);\n\n  const closeIfEmpty = () => {\n    const remainingItems = dataExtension.archivedItems;\n    if (remainingItems.length === 0) {\n      onCloseButtonClick();\n    }\n  };\n\n  const handleRestore = async (item: ArchivedItem) => {\n    await dataExtension.restoreField({\n      id: item.id,\n      origin: 'Archived items panel',\n      reportBi: dataExtension.container.createBILogger({\n        componentType: 'ArchivedItemsPanel',\n      }),\n    });\n\n    closeIfEmpty();\n  };\n\n  const handleDelete = useCallback((item: ArchivedItem) => {\n    dataExtension.openDeleteConfirmModal({\n      id: item.id,\n      origin: 'Archived items panel',\n    });\n  }, []);\n\n  const handleConfirmDelete = async () => {\n    const { id, origin } = dataExtension.deleteConfirmModal.value || {};\n    if (!id) {\n      return;\n    }\n\n    await dataExtension.deleteField({\n      id,\n      origin: origin || 'Archived items panel',\n      reportBi: dataExtension.container.createBILogger({\n        componentType: 'ArchivedItemsPanel',\n      }),\n    });\n\n    closeIfEmpty();\n  };\n\n  const style = useMemo<CSSProperties>(\n    () => ({\n      position: 'fixed',\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n      zIndex: 10000,\n      display: 'flex',\n      justifyContent: 'flex-end',\n    }),\n    [],\n  );\n\n  const slideStyle = useMemo<CSSProperties>(\n    () => ({\n      width: '100%',\n      maxWidth: '600px',\n      backgroundColor: 'white',\n      transform: isVisible ? 'translateX(0)' : 'translateX(100%)',\n      transition: 'transform 0.3s ease-out',\n      display: 'flex',\n      flexDirection: 'column',\n    }),\n    [isVisible],\n  );\n\n  const handleBack = useCallback(() => {\n    // Trigger slide-out animation\n    setIsVisible(false);\n    // Wait for animation to complete before calling onBackButtonClick\n    setTimeout(() => {\n      onBackButtonClick();\n    }, 300); // Match the transition duration\n  }, [onBackButtonClick]);\n\n  const handleClose = useCallback(() => {\n    // Trigger slide-out animation\n    setIsVisible(false);\n    // Close both panels immediately so they animate together\n    onCloseButtonClick();\n  }, [onCloseButtonClick]);\n\n  return (\n    <div\n      style={style}\n      onClick={handleClose}\n      data-hook=\"archived-items-panel-container\"\n    >\n      <div style={slideStyle} onClick={(e) => e.stopPropagation()}>\n        <SidePanel // PatternsSidePanel is overriding the back button to close the panel\n          dataHook=\"archived-items-panel\"\n          width=\"100%\"\n          closeButtonProps={{ onClick: handleClose }}\n          onBackButtonClick={handleBack}\n          backButtonProps={{\n            description: t('cairo.archivedFields.back.custom-columns.tooltip'),\n          }}\n        >\n          <SidePanel.Header\n            title={t('cairo.archivedFields.title')}\n            subtitle={t('cairo.archivedFields.subtitle')}\n          />\n          <ScrollableContent\n            overflowY\n            dataHook=\"archived-items-panel-scroll-container\"\n          >\n            <ArchivedItemsList\n              items={items}\n              onRestore={handleRestore}\n              onDelete={handleDelete}\n            />\n          </ScrollableContent>\n        </SidePanel>\n      </div>\n      {dataExtension.deleteConfirmModal.value && (\n        <MessageActionModal\n          dataHook=\"archived-items-delete-confirm-modal\"\n          state={dataExtension.deleteConfirmModal}\n          theme=\"destructive\"\n          title={t('cairo.customFields.delete.modal.title', {\n            selectedField:\n              dataExtension.extractFieldValuesFromSchema(\n                dataExtension.deleteConfirmModal.value.id,\n              )?.name || '',\n          })}\n          content={\n            <Text>\n              {t('cairo.customFields.delete.modal.description', {\n                selectedField:\n                  dataExtension.extractFieldValuesFromSchema(\n                    dataExtension.deleteConfirmModal.value.id,\n                  )?.name || '',\n              })}\n            </Text>\n          }\n          primaryButtonText={t('cairo.customFields.delete.modal.delete.CTA')}\n          secondaryButtonText={t('cairo.customFields.delete.modal.cancel.CTA')}\n          primaryButtonOnClick={handleConfirmDelete}\n        />\n      )}\n    </div>\n  );\n}\n\nexport const ArchivedItemsPanel = observer(_ArchivedItemsPanel);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_ScrollableContent","_ArchivedItemsList","_react2","_MessageActionModal","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ArchivedItemsPanel","items","onBackButtonClick","onCloseButtonClick","dataExtension","dataHook","_dataExtension$extrac","_dataExtension$extrac2","translate","useWixPatternsContainer","isVisible","setIsVisible","useState","useEffect","setTimeout","closeIfEmpty","remainingItems","archivedItems","length","handleRestore","item","restoreField","id","origin","reportBi","container","createBILogger","componentType","handleDelete","useCallback","openDeleteConfirmModal","handleConfirmDelete","deleteConfirmModal","value","deleteField","style","useMemo","position","top","left","right","bottom","zIndex","display","justifyContent","slideStyle","width","maxWidth","backgroundColor","transform","transition","flexDirection","handleBack","handleClose","createElement","onClick","__self","__source","fileName","lineNumber","columnNumber","stopPropagation","SidePanel","closeButtonProps","backButtonProps","description","Header","title","subtitle","ScrollableContent","overflowY","ArchivedItemsList","onRestore","onDelete","MessageActionModal","state","theme","selectedField","extractFieldValuesFromSchema","name","content","Text","primaryButtonText","secondaryButtonText","primaryButtonOnClick","ArchivedItemsPanel","exports","observer"],"sources":["../../../../src/components/ArchivedItemsPanel/ArchivedItemsPanel.tsx"],"sourcesContent":["import { SidePanel, Text } from '@wix/design-system';\nimport React, {\n  CSSProperties,\n  useMemo,\n  useEffect,\n  useState,\n  useCallback,\n} from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { ScrollableContent } from '../ScrollableContent';\nimport { ArchivedItemsList } from './ArchivedItemsList';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { DataExtensionState } from '@wix/bex-core';\nimport { MessageActionModal } from '../ActionModal/MessageActionModal';\nimport type { ArchivedItem } from './types';\n\nexport interface ArchivedItemsPanelProps {\n  items: ArchivedItem[];\n  onBackButtonClick: () => void;\n  onCloseButtonClick: () => void;\n  dataExtension: DataExtensionState;\n  dataHook?: string;\n}\n\nfunction _ArchivedItemsPanel({\n  items,\n  onBackButtonClick,\n  onCloseButtonClick,\n  dataExtension,\n  dataHook = 'custom-columns',\n}: ArchivedItemsPanelProps) {\n  const { translate: t } = useWixPatternsContainer();\n  const [isVisible, setIsVisible] = useState(false);\n\n  useEffect(() => {\n    setTimeout(() => setIsVisible(true), 10);\n  }, []);\n\n  const closeIfEmpty = () => {\n    const remainingItems = dataExtension.archivedItems;\n    if (remainingItems.length === 0) {\n      onCloseButtonClick();\n    }\n  };\n\n  const handleRestore = async (item: ArchivedItem) => {\n    await dataExtension.restoreField({\n      id: item.id,\n      origin: 'Archived items panel',\n      reportBi: dataExtension.container.createBILogger({\n        componentType: 'ArchivedItemsPanel',\n      }),\n    });\n\n    closeIfEmpty();\n  };\n\n  const handleDelete = useCallback((item: ArchivedItem) => {\n    dataExtension.openDeleteConfirmModal({\n      id: item.id,\n      origin: 'Archived items panel',\n    });\n  }, []);\n\n  const handleConfirmDelete = async () => {\n    const { id, origin } = dataExtension.deleteConfirmModal.value || {};\n    if (!id) {\n      return;\n    }\n\n    await dataExtension.deleteField({\n      id,\n      origin: origin || 'Archived items panel',\n      reportBi: dataExtension.container.createBILogger({\n        componentType: 'ArchivedItemsPanel',\n      }),\n    });\n\n    closeIfEmpty();\n  };\n\n  const style = useMemo<CSSProperties>(\n    () => ({\n      position: 'fixed',\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n      zIndex: 10000,\n      display: 'flex',\n      justifyContent: 'flex-end',\n    }),\n    [],\n  );\n\n  const slideStyle = useMemo<CSSProperties>(\n    () => ({\n      width: '100%',\n      maxWidth: '600px',\n      backgroundColor: 'white',\n      transform: isVisible ? 'translateX(0)' : 'translateX(100%)',\n      transition: 'transform 0.3s ease-out',\n      display: 'flex',\n      flexDirection: 'column',\n    }),\n    [isVisible],\n  );\n\n  const handleBack = useCallback(() => {\n    // Trigger slide-out animation\n    setIsVisible(false);\n    // Wait for animation to complete before calling onBackButtonClick\n    setTimeout(() => {\n      onBackButtonClick();\n    }, 300); // Match the transition duration\n  }, [onBackButtonClick]);\n\n  const handleClose = useCallback(() => {\n    // Trigger slide-out animation\n    setIsVisible(false);\n    // Close both panels immediately so they animate together\n    onCloseButtonClick();\n  }, [onCloseButtonClick]);\n\n  return (\n    <div\n      style={style}\n      onClick={handleClose}\n      data-hook={`${dataHook}-archived-items-panel-container`}\n    >\n      <div style={slideStyle} onClick={(e) => e.stopPropagation()}>\n        <SidePanel // PatternsSidePanel is overriding the back button to close the panel\n          dataHook={`${dataHook}-archived-items-panel`}\n          width=\"100%\"\n          closeButtonProps={{ onClick: handleClose }}\n          onBackButtonClick={handleBack}\n          backButtonProps={{\n            description: t('cairo.archivedFields.back.custom-columns.tooltip'),\n          }}\n        >\n          <SidePanel.Header\n            title={t('cairo.archivedFields.title')}\n            subtitle={t('cairo.archivedFields.subtitle')}\n          />\n        <ScrollableContent\n          overflowY\n          dataHook={`${dataHook}-archived-items-panel-scroll-container`}\n        >\n          <ArchivedItemsList\n            items={items}\n            onRestore={handleRestore}\n            onDelete={handleDelete}\n            dataHook={dataHook}\n          />\n        </ScrollableContent>\n        </SidePanel>\n      </div>\n      {dataExtension.deleteConfirmModal.value && (\n        <MessageActionModal\n          dataHook={`${dataHook}-archived-items-delete-confirm-modal`}\n          state={dataExtension.deleteConfirmModal}\n          theme=\"destructive\"\n          title={t('cairo.customFields.delete.modal.title', {\n            selectedField:\n              dataExtension.extractFieldValuesFromSchema(\n                dataExtension.deleteConfirmModal.value.id,\n              )?.name || '',\n          })}\n          content={\n            <Text>\n              {t('cairo.customFields.delete.modal.description', {\n                selectedField:\n                  dataExtension.extractFieldValuesFromSchema(\n                    dataExtension.deleteConfirmModal.value.id,\n                  )?.name || '',\n              })}\n            </Text>\n          }\n          primaryButtonText={t('cairo.customFields.delete.modal.delete.CTA')}\n          secondaryButtonText={t('cairo.customFields.delete.modal.cancel.CTA')}\n          primaryButtonOnClick={handleConfirmDelete}\n        />\n      )}\n    </div>\n  );\n}\n\nexport const ArchivedItemsPanel = observer(_ArchivedItemsPanel);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ArchivedItemsPanel/ArchivedItemsPanel.uni.driver.js

@@ -3,26 +3,26 @@
 exports.__esModule = true;
 exports.ArchivedItemsPanelUniDriver = ArchivedItemsPanelUniDriver;
 var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
-function ArchivedItemsPanelUniDriver(base, body) {
+function ArchivedItemsPanelUniDriver(base, body, dataHook = 'custom-columns') {
   // Main container with overlay
-  const containerBase = () => base.$('[data-hook="archived-items-panel-container"]');
+  const containerBase = () => base.$(`[data-hook="${dataHook}-archived-items-panel-container"]`);
 
   // The SidePanel inside the container - use the design system driver
-  const panelBase = () => containerBase().$('[data-hook="archived-items-panel"]');
+  const panelBase = () => containerBase().$(`[data-hook="${dataHook}-archived-items-panel"]`);
   const panel = () => (0, _unidriver.SidePanelUniDriver)(panelBase(), body);
-  const list = () => panelBase().$('[data-hook="archived-items-list"]');
+  const list = () => panelBase().$(`[data-hook="${dataHook}-archived-items-list"]`);
 
   // Get all TableListItem elements (archived items) - direct children divs
   // Must use full selector path, not chained
-  const getArchivedPanelItems = () => panelBase().$$('[data-hook="archived-items-list"] > div');
-  const getItemByIdBase = id => list().$(`[data-hook="archived-item-${id}"]`);
-  const getItemMenuBase = id => panelBase().$(`[data-hook="archived-item-options-${id}"]`);
-  const getItemMenuTrigger = id => getItemMenuBase(id).$('[data-hook="archived-item-options-trigger"]');
+  const getArchivedPanelItems = () => panelBase().$$(`[data-hook="${dataHook}-archived-items-list"] > div`);
+  const getItemByIdBase = id => list().$(`[data-hook="${dataHook}-archived-item-${id}"]`);
+  const getItemMenuBase = id => panelBase().$(`[data-hook="${dataHook}-archived-item-options-${id}"]`);
+  const getItemMenuTrigger = id => getItemMenuBase(id).$(`[data-hook="${dataHook}-archived-item-options-trigger"]`);
 
   // Note: The 'Restore' and 'Delete' buttons appear in the body via PopoverMenu when an item's menu is opened.
   // Thus clickItemMenuTrigger must be invoked before so only the buttons on the relevant item's menu can be clicked
-  const getItemRestoreButton = () => body.$('[data-hook="archived-item-options-restore"]');
-  const getItemDeleteButton = () => body.$('[data-hook="archived-item-options-delete"]');
+  const getItemRestoreButton = () => body.$(`[data-hook="${dataHook}-archived-item-options-restore"]`);
+  const getItemDeleteButton = () => body.$(`[data-hook="${dataHook}-archived-item-options-delete"]`);
   return {
     getContainer: () => containerBase(),
     exists: () => containerBase().exists(),
@@ -33,7 +33,7 @@ function ArchivedItemsPanelUniDriver(base, body) {
     clickBackButton: () => panel().clickBack(),
     clickCloseButton: () => panel().clickClose(),
     getItemsCount: () => getArchivedPanelItems().count(),
-    getItemText: id => getItemByIdBase(id).$('[data-hook="archived-item-label"]').text(),
+    getItemText: id => getItemByIdBase(id).$(`[data-hook="${dataHook}-archived-item-label"]`).text(),
     clickItemMenuTrigger: id => getItemMenuTrigger(id).click(),
     clickRestore: () => getItemRestoreButton().click(),
     clickDelete: () => getItemDeleteButton().click()