@wix/patterns 1.302.0 → 1.304.0

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

@@ -7,11 +7,13 @@ 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 _ArchivedItemsPanel = require("./ArchivedItemsPanel");
-var _archivedItemsUtils = require("../../utils/archivedItemsUtils");
 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); }
+// Lazy load the ArchivedItemsPanel - only loads when panel is opened
+const ArchivedItemsPanel = /*#__PURE__*/(0, _react.lazy)(() => Promise.resolve().then(() => _interopRequireWildcard(require('./ArchivedItemsPanel'))).then(module => ({
+  default: module.ArchivedItemsPanel
+})));
 function _ArchivedItemsCTAButton() {
   const {
     translate: t
@@ -24,23 +26,16 @@ function _ArchivedItemsCTAButton() {
     alignItems: 'center',
     gap: '8px'
   }), []);
-  if (!(dataExtension != null && dataExtension.enableArchive)) {
-    return null;
-  }
-  const archivedItems = (0, _archivedItemsUtils.getArchivedItems)(dataExtension);
-  if (archivedItems.length === 0) {
-    return null;
-  }
-  const handleOpenArchivedPanel = () => {
+  const handleOpenArchivedPanel = (0, _react.useCallback)(() => {
     dataExtension == null || dataExtension.openArchivedPanel();
-  };
-  const handleCloseArchivedPanel = () => {
+  }, []);
+  const handleCloseArchivedPanel = (0, _react.useCallback)(() => {
     dataExtension == null || dataExtension.closeArchivedPanel();
-  };
-  const handleCloseAllPanels = () => {
+  }, []);
+  const handleCloseAllPanels = (0, _react.useCallback)(() => {
     dataExtension == null || dataExtension.closeArchivedPanel();
     toolbar.sidePanel.close();
-  };
+  }, []);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_designSystem.TableListItem, {
     onClick: handleOpenArchivedPanel,
     dataHook: "archived-items-button",
@@ -52,14 +47,14 @@ function _ArchivedItemsCTAButton() {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 58,
+          lineNumber: 59,
           columnNumber: 15
         }
       }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Archive, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 59,
+          lineNumber: 60,
           columnNumber: 17
         }
       }), /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -68,7 +63,7 @@ function _ArchivedItemsCTAButton() {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 60,
+          lineNumber: 61,
           columnNumber: 17
         }
       }, t('cairo.table.custom-columns.section-divider')))
@@ -79,14 +74,14 @@ function _ArchivedItemsCTAButton() {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 68,
+          lineNumber: 69,
           columnNumber: 15
         }
       }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronRight, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 69,
+          lineNumber: 70,
           columnNumber: 17
         }
       })),
@@ -95,20 +90,29 @@ function _ArchivedItemsCTAButton() {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 50,
+      lineNumber: 51,
       columnNumber: 7
     }
-  }), (dataExtension == null ? void 0 : dataExtension.isArchivedPanelOpen) && /*#__PURE__*/_react.default.createElement(_ArchivedItemsPanel.ArchivedItemsPanel, {
-    items: archivedItems,
+  }), (dataExtension == null ? void 0 : dataExtension.isArchivedPanelOpen) && /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+    fallback: null,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 78,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(ArchivedItemsPanel, {
+    dataExtension: dataExtension,
+    items: dataExtension == null ? void 0 : dataExtension.archivedItems,
     onBackButtonClick: handleCloseArchivedPanel,
     onCloseButtonClick: handleCloseAllPanels,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 77,
-      columnNumber: 9
+      lineNumber: 79,
+      columnNumber: 11
     }
-  }));
+  })));
 }
 const ArchivedItemsCTAButton = exports.ArchivedItemsCTAButton = (0, _mobxReactLite.observer)(_ArchivedItemsCTAButton);
 //# sourceMappingURL=ArchivedItemsCTAButton.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_wixUiIconsCommon","_react2","_ToolbarCollectionContext","_ArchivedItemsPanel","_archivedItemsUtils","_mobxReactLite","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ArchivedItemsCTAButton","translate","useWixPatternsContainer","toolbar","useToolbarCollectionContext","collectionDataExtension","dataExtension","style","useMemo","display","alignItems","gap","enableArchive","archivedItems","getArchivedItems","length","handleOpenArchivedPanel","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","ArchivedItemsPanel","items","onBackButtonClick","onCloseButtonClick","ArchivedItemsCTAButton","exports","observer"],"sources":["../../../../src/components/ArchivedItemsPanel/ArchivedItemsCTAButton.tsx"],"sourcesContent":["import { TableListItem, Text, IconButton } from '@wix/design-system';\nimport React, { CSSProperties, useMemo } from 'react';\nimport { Archive, ChevronRight } from '@wix/wix-ui-icons-common';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { ArchivedItemsPanel } from './ArchivedItemsPanel';\nimport { getArchivedItems } from '../../utils/archivedItemsUtils';\nimport { observer } from 'mobx-react-lite';\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  if (!dataExtension?.enableArchive) {\n    return null;\n  }\n\n  const archivedItems = getArchivedItems(dataExtension);\n\n  if (archivedItems.length === 0) {\n    return null;\n  }\n\n  const handleOpenArchivedPanel = () => {\n    dataExtension?.openArchivedPanel();\n  };\n\n  const handleCloseArchivedPanel = () => {\n    dataExtension?.closeArchivedPanel();\n  };\n\n  const handleCloseAllPanels = () => {\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        <ArchivedItemsPanel\n          items={archivedItems}\n          onBackButtonClick={handleCloseArchivedPanel}\n          onCloseButtonClick={handleCloseAllPanels}\n        />\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","_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":[]}

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

@@ -3,12 +3,15 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.ArchivedItemsList = void 0;
+exports._ArchivedItemsList = _ArchivedItemsList;
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
 var _ArchivedItemsListItem = require("./ArchivedItemsListItem");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ArchivedItemsPanel/ArchivedItemsList.tsx";
 function _ArchivedItemsList({
-  items
+  items,
+  onRestore,
+  onDelete
 }) {
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "vertical",
@@ -17,17 +20,19 @@ function _ArchivedItemsList({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 12,
+      lineNumber: 18,
       columnNumber: 5
     }
   }, items.map((item, index) => /*#__PURE__*/_react.default.createElement(_ArchivedItemsListItem.ArchivedItemsListItem, {
     key: item.id,
     item: item,
     showDivider: index < items.length - 1,
+    onRestore: onRestore,
+    onDelete: onDelete,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 18,
+      lineNumber: 24,
       columnNumber: 9
     }
   })));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_ArchivedItemsListItem","_jsxFileName","_ArchivedItemsList","items","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 { ArchivedItem } from '../../utils/archivedItemsUtils';\nimport { ArchivedItemsListItem } from './ArchivedItemsListItem';\n\nexport interface ArchivedItemsListProps {\n  items: ArchivedItem[];\n}\n\nfunction _ArchivedItemsList({ items }: 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        />\n      ))}\n    </Box>\n  );\n}\n\nexport const ArchivedItemsList = _ArchivedItemsList;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,sBAAA,GAAAF,OAAA;AAAgE,IAAAG,YAAA;AAMhE,SAASC,kBAAkBA,CAAC;EAAEC;AAA8B,CAAC,EAAE;EAC7D,oBACEP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,aAAA,CAAAO,GAAG;IACFC,SAAS,EAAC,UAAU;IACpBC,QAAQ,EAAC,qBAAqB;IAC9BC,eAAe,EAAC,KAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEpBX,KAAK,CAACY,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,kBACrBrB,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACL,sBAAA,CAAAkB,qBAAqB;IACpBC,GAAG,EAAEH,IAAI,CAACI,EAAG;IACbJ,IAAI,EAAEA,IAAK;IACXK,WAAW,EAAEJ,KAAK,GAAGd,KAAK,CAACmB,MAAM,GAAG,CAAE;IAAAZ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,CACvC,CACF,CACE,CAAC;AAEV;AAEO,MAAMS,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAGrB,kBAAkB","ignoreList":[]}
+{"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":[]}

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

@@ -4,16 +4,96 @@ exports.__esModule = true;
 exports.ArchivedItemsListItem = void 0;
 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 _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ArchivedItemsPanel/ArchivedItemsListItem.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 _ArchivedItemsListItem({
   item,
-  showDivider
+  showDivider,
+  onRestore,
+  onDelete
 }) {
+  const {
+    translate: t
+  } = (0, _react2.useWixPatternsContainer)();
   const style = (0, _react.useMemo)(() => ({
     padding: '0 6px',
     wordBreak: 'break-word'
   }), []);
+  const moreActionsButton = /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu, {
+    textSize: "small",
+    placement: "bottom-end",
+    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,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
+      size: "tiny",
+      dataHook: "archived-item-options-trigger",
+      skin: "light",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 44,
+        columnNumber: 11
+      }
+    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.MoreSmall, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 49,
+        columnNumber: 13
+      }
+    }))),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 38,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
+    dataHook: "archived-item-options-restore",
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.UndoSmall, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 56,
+        columnNumber: 21
+      }
+    }),
+    text: t('cairo.archivedFields.more-actions.restore'),
+    onClick: () => onRestore(item),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 54,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
+    dataHook: "archived-item-options-delete",
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.DeleteSmall, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 63,
+        columnNumber: 21
+      }
+    }),
+    text: t('cairo.archivedFields.more-actions.delete'),
+    onClick: () => onDelete(item),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 61,
+      columnNumber: 7
+    }
+  }));
   return /*#__PURE__*/_react.default.createElement(_designSystem.TableListItem, {
     showDivider: showDivider,
     "data-hook": `archived-item-${item.id}`,
@@ -22,7 +102,7 @@ function _ArchivedItemsListItem({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 29,
+          lineNumber: 77,
           columnNumber: 13
         }
       }, /*#__PURE__*/_react.default.createElement("div", {
@@ -30,7 +110,7 @@ function _ArchivedItemsListItem({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 30,
+          lineNumber: 78,
           columnNumber: 15
         }
       }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -39,15 +119,18 @@ function _ArchivedItemsListItem({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 31,
+          lineNumber: 79,
           columnNumber: 17
         }
       }, item.label || item.id)))
+    }, {
+      value: moreActionsButton,
+      align: 'right'
     }],
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 23,
+      lineNumber: 71,
       columnNumber: 5
     }
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ArchivedItemsListItem","item","showDivider","style","useMemo","padding","wordBreak","createElement","TableListItem","id","options","value","Box","__self","__source","fileName","lineNumber","columnNumber","Text","size","dataHook","label","ArchivedItemsListItem","exports"],"sources":["../../../../src/components/ArchivedItemsPanel/ArchivedItemsListItem.tsx"],"sourcesContent":["import { Box, TableListItem, Text } from '@wix/design-system';\nimport React, { CSSProperties, useMemo } from 'react';\nimport { ArchivedItem } from '../../utils/archivedItemsUtils';\n\nexport interface ArchivedItemsListItemProps {\n  item: ArchivedItem;\n  showDivider?: boolean;\n}\n\nfunction _ArchivedItemsListItem({\n  item,\n  showDivider,\n}: ArchivedItemsListItemProps) {\n  const style = useMemo<CSSProperties>(\n    () => ({\n      padding: '0 6px',\n      wordBreak: 'break-word',\n    }),\n    [],\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    />\n  );\n}\n\nexport const ArchivedItemsListItem = _ArchivedItemsListItem;\n"],"mappings":";;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAAsD,IAAAG,YAAA;AAAA,SAAAD,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,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;AAQtD,SAASkB,sBAAsBA,CAAC;EAC9BC,IAAI;EACJC;AAC0B,CAAC,EAAE;EAC7B,MAAMC,KAAK,GAAG,IAAAC,cAAO,EACnB,OAAO;IACLC,OAAO,EAAE,OAAO;IAChBC,SAAS,EAAE;EACb,CAAC,CAAC,EACF,EACF,CAAC;EAED,oBACE5B,MAAA,CAAAa,OAAA,CAAAgB,aAAA,CAAC/B,aAAA,CAAAgC,aAAa;IACZN,WAAW,EAAEA,WAAY;IACzB,aAAW,iBAAiBD,IAAI,CAACQ,EAAE,EAAG;IACtCC,OAAO,EAAE,CACP;MACEC,KAAK,eACHjC,MAAA,CAAAa,OAAA,CAAAgB,aAAA,CAAC/B,aAAA,CAAAoC,GAAG;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAnC,YAAA;UAAAoC,UAAA;UAAAC,YAAA;QAAA;MAAA,gBACFvC,MAAA,CAAAa,OAAA,CAAAgB,aAAA;QAAKJ,KAAK,EAAEA,KAAM;QAAAU,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAnC,YAAA;UAAAoC,UAAA;UAAAC,YAAA;QAAA;MAAA,gBAChBvC,MAAA,CAAAa,OAAA,CAAAgB,aAAA,CAAC/B,aAAA,CAAA0C,IAAI;QAACC,IAAI,EAAC,OAAO;QAACC,QAAQ,EAAC,qBAAqB;QAAAP,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAnC,YAAA;UAAAoC,UAAA;UAAAC,YAAA;QAAA;MAAA,GAC9ChB,IAAI,CAACoB,KAAK,IAAIpB,IAAI,CAACQ,EAChB,CACH,CACF;IAET,CAAC,CACD;IAAAI,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnC,YAAA;MAAAoC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CAAC;AAEN;AAEO,MAAMK,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAGtB,sBAAsB","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","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":";;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAQA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,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;AAU9D,SAASkB,sBAAsBA,CAAC;EAC9BC,IAAI;EACJC,WAAW;EACXC,SAAS;EACTC;AAC0B,CAAC,EAAE;EAC7B,MAAM;IAAEC,SAAS,EAAEvB;EAAE,CAAC,GAAG,IAAAwB,+BAAuB,EAAC,CAAC;EAElD,MAAMC,KAAK,GAAG,IAAAC,cAAO,EACnB,OAAO;IACLC,OAAO,EAAE,OAAO;IAChBC,SAAS,EAAE;EACb,CAAC,CAAC,EACF,EACF,CAAC;EAED,MAAMC,iBAAiB,gBACrBnC,MAAA,CAAAe,OAAA,CAAAqB,aAAA,CAACtC,aAAA,CAAAuC,WAAW;IACVC,QAAQ,EAAC,OAAO;IAChBC,SAAS,EAAC,YAAY;IACtBC,QAAQ,EAAE,yBAAyBf,IAAI,CAACgB,EAAE,EAAG;IAC7CC,cAAc,eACZ1C,MAAA,CAAAe,OAAA,CAAAqB,aAAA,CAACtC,aAAA,CAAA6C,OAAO;MAACC,OAAO,EAAEtC,CAAC,CAAC,2CAA2C,CAAE;MAAAuC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA3C,YAAA;QAAA4C,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAC/DjD,MAAA,CAAAe,OAAA,CAAAqB,aAAA,CAACtC,aAAA,CAAAoD,UAAU;MACTC,IAAI,EAAC,MAAM;MACXX,QAAQ,EAAC,+BAA+B;MACxCY,IAAI,EAAC,OAAO;MAAAP,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA3C,YAAA;QAAA4C,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEZjD,MAAA,CAAAe,OAAA,CAAAqB,aAAA,CAAClC,iBAAA,CAAAmD,SAAS;MAAAR,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA3C,YAAA;QAAA4C,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACF,CACL,CACV;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEDjD,MAAA,CAAAe,OAAA,CAAAqB,aAAA,CAACtC,aAAA,CAAAuC,WAAW,CAACiB,QAAQ;IACnBd,QAAQ,EAAC,+BAA+B;IACxCe,UAAU,eAAEvD,MAAA,CAAAe,OAAA,CAAAqB,aAAA,CAAClC,iBAAA,CAAAsD,SAAS;MAAAX,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA3C,YAAA;QAAA4C,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IAC1BQ,IAAI,EAAEnD,CAAC,CAAC,2CAA2C,CAAE;IACrDoD,OAAO,EAAEA,CAAA,KAAM/B,SAAS,CAACF,IAAI,CAAE;IAAAoB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,CAChC,CAAC,eAEFjD,MAAA,CAAAe,OAAA,CAAAqB,aAAA,CAACtC,aAAA,CAAAuC,WAAW,CAACiB,QAAQ;IACnBd,QAAQ,EAAC,8BAA8B;IACvCe,UAAU,eAAEvD,MAAA,CAAAe,OAAA,CAAAqB,aAAA,CAAClC,iBAAA,CAAAyD,WAAW;MAAAd,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA3C,YAAA;QAAA4C,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IAC5BQ,IAAI,EAAEnD,CAAC,CAAC,0CAA0C,CAAE;IACpDoD,OAAO,EAAEA,CAAA,KAAM9B,QAAQ,CAACH,IAAI,CAAE;IAAAoB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC/B,CACU,CACd;EAED,oBACEjD,MAAA,CAAAe,OAAA,CAAAqB,aAAA,CAACtC,aAAA,CAAA8D,aAAa;IACZlC,WAAW,EAAEA,WAAY;IACzB,aAAW,iBAAiBD,IAAI,CAACgB,EAAE,EAAG;IACtCoB,OAAO,EAAE,CACP;MACEC,KAAK,eACH9D,MAAA,CAAAe,OAAA,CAAAqB,aAAA,CAACtC,aAAA,CAAAiE,GAAG;QAAAlB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA3C,YAAA;UAAA4C,UAAA;UAAAC,YAAA;QAAA;MAAA,gBACFjD,MAAA,CAAAe,OAAA,CAAAqB,aAAA;QAAKL,KAAK,EAAEA,KAAM;QAAAc,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA3C,YAAA;UAAA4C,UAAA;UAAAC,YAAA;QAAA;MAAA,gBAChBjD,MAAA,CAAAe,OAAA,CAAAqB,aAAA,CAACtC,aAAA,CAAAkE,IAAI;QAACb,IAAI,EAAC,OAAO;QAACX,QAAQ,EAAC,qBAAqB;QAAAK,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA3C,YAAA;UAAA4C,UAAA;UAAAC,YAAA;QAAA;MAAA,GAC9CxB,IAAI,CAACwC,KAAK,IAAIxC,IAAI,CAACgB,EAChB,CACH,CACF;IAET,CAAC,EACD;MACEqB,KAAK,EAAE3B,iBAAiB;MACxB+B,KAAK,EAAE;IACT,CAAC,CACD;IAAArB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CAAC;AAEN;AAEO,MAAMkB,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG3C,sBAAsB","ignoreList":[]}

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

@@ -8,21 +8,62 @@ var _mobxReactLite = require("mobx-react-lite");
 var _ScrollableContent = require("../ScrollableContent");
 var _ArchivedItemsList = require("./ArchivedItemsList");
 var _react2 = require("@wix/bex-core/react");
+var _MessageActionModal = require("../ActionModal/MessageActionModal");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ArchivedItemsPanel/ArchivedItemsPanel.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 _ArchivedItemsPanel({
   items,
   onBackButtonClick,
-  onCloseButtonClick
+  onCloseButtonClick,
+  dataExtension
 }) {
+  var _dataExtension$extrac, _dataExtension$extrac2;
   const {
     translate: t
   } = (0, _react2.useWixPatternsContainer)();
   const [isVisible, setIsVisible] = (0, _react.useState)(false);
   (0, _react.useEffect)(() => {
-    // Trigger slide-in animation
     setTimeout(() => setIsVisible(true), 10);
   }, []);
+  const closeIfEmpty = () => {
+    const remainingItems = dataExtension.archivedItems;
+    if (remainingItems.length === 0) {
+      onCloseButtonClick();
+    }
+  };
+  const handleRestore = async item => {
+    await dataExtension.restoreField({
+      id: item.id,
+      origin: 'Archived items panel',
+      reportBi: dataExtension.container.createBILogger({
+        componentType: 'ArchivedItemsPanel'
+      })
+    });
+    closeIfEmpty();
+  };
+  const handleDelete = (0, _react.useCallback)(item => {
+    dataExtension.openDeleteConfirmModal({
+      id: item.id,
+      origin: 'Archived items panel'
+    });
+  }, []);
+  const handleConfirmDelete = async () => {
+    const {
+      id,
+      origin
+    } = dataExtension.deleteConfirmModal.value || {};
+    if (!id) {
+      return;
+    }
+    await dataExtension.deleteField({
+      id,
+      origin: origin || 'Archived items panel',
+      reportBi: dataExtension.container.createBILogger({
+        componentType: 'ArchivedItemsPanel'
+      })
+    });
+    closeIfEmpty();
+  };
   const style = (0, _react.useMemo)(() => ({
     position: 'fixed',
     top: 0,
@@ -42,27 +83,28 @@ function _ArchivedItemsPanel({
     display: 'flex',
     flexDirection: 'column'
   }), [isVisible]);
-  const handleBack = () => {
+  const handleBack = (0, _react.useCallback)(() => {
     // Trigger slide-out animation
     setIsVisible(false);
     // Wait for animation to complete before calling onBackButtonClick
     setTimeout(() => {
       onBackButtonClick();
     }, 300); // Match the transition duration
-  };
-  const handleClose = () => {
+  }, [onBackButtonClick]);
+  const handleClose = (0, _react.useCallback)(() => {
     // Trigger slide-out animation
     setIsVisible(false);
     // Close both panels immediately so they animate together
     onCloseButtonClick();
-  };
+  }, [onCloseButtonClick]);
   return /*#__PURE__*/_react.default.createElement("div", {
     style: style,
     onClick: handleClose,
+    "data-hook": "archived-items-panel-container",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 72,
+      lineNumber: 124,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -71,7 +113,7 @@ function _ArchivedItemsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 73,
+      lineNumber: 129,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.SidePanel // PatternsSidePanel is overriding the back button to close the panel
@@ -88,7 +130,7 @@ function _ArchivedItemsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 74,
+      lineNumber: 130,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.SidePanel.Header, {
@@ -97,7 +139,7 @@ function _ArchivedItemsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 83,
+      lineNumber: 139,
       columnNumber: 11
     }
   }), /*#__PURE__*/_react.default.createElement(_ScrollableContent.ScrollableContent, {
@@ -106,18 +148,46 @@ function _ArchivedItemsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 87,
+      lineNumber: 143,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_ArchivedItemsList.ArchivedItemsList, {
     items: items,
+    onRestore: handleRestore,
+    onDelete: handleDelete,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 91,
+      lineNumber: 147,
       columnNumber: 13
     }
-  })))));
+  })))), dataExtension.deleteConfirmModal.value && /*#__PURE__*/_react.default.createElement(_MessageActionModal.MessageActionModal, {
+    dataHook: "archived-items-delete-confirm-modal",
+    state: dataExtension.deleteConfirmModal,
+    theme: "destructive",
+    title: t('cairo.customFields.delete.modal.title', {
+      selectedField: ((_dataExtension$extrac = dataExtension.extractFieldValuesFromSchema(dataExtension.deleteConfirmModal.value.id)) == null ? void 0 : _dataExtension$extrac.name) || ''
+    }),
+    content: /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 167,
+        columnNumber: 13
+      }
+    }, t('cairo.customFields.delete.modal.description', {
+      selectedField: ((_dataExtension$extrac2 = dataExtension.extractFieldValuesFromSchema(dataExtension.deleteConfirmModal.value.id)) == null ? void 0 : _dataExtension$extrac2.name) || ''
+    })),
+    primaryButtonText: t('cairo.customFields.delete.modal.delete.CTA'),
+    secondaryButtonText: t('cairo.customFields.delete.modal.cancel.CTA'),
+    primaryButtonOnClick: handleConfirmDelete,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 156,
+      columnNumber: 9
+    }
+  }));
 }
 const ArchivedItemsPanel = exports.ArchivedItemsPanel = (0, _mobxReactLite.observer)(_ArchivedItemsPanel);
 //# sourceMappingURL=ArchivedItemsPanel.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_ScrollableContent","_ArchivedItemsList","_react2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ArchivedItemsPanel","items","onBackButtonClick","onCloseButtonClick","translate","useWixPatternsContainer","isVisible","setIsVisible","useState","useEffect","setTimeout","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","ArchivedItemsPanel","exports","observer"],"sources":["../../../../src/components/ArchivedItemsPanel/ArchivedItemsPanel.tsx"],"sourcesContent":["import { SidePanel } from '@wix/design-system';\nimport React, { CSSProperties, useMemo, useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { ScrollableContent } from '../ScrollableContent';\nimport { ArchivedItem } from '../../utils/archivedItemsUtils';\nimport { ArchivedItemsList } from './ArchivedItemsList';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface ArchivedItemsPanelProps {\n  items: ArchivedItem[];\n  onBackButtonClick: () => void;\n  onCloseButtonClick: () => void;\n}\n\nfunction _ArchivedItemsPanel({\n  items,\n  onBackButtonClick,\n  onCloseButtonClick,\n}: ArchivedItemsPanelProps) {\n  const { translate: t } = useWixPatternsContainer();\n  const [isVisible, setIsVisible] = useState(false);\n\n  useEffect(() => {\n    // Trigger slide-in animation\n    setTimeout(() => setIsVisible(true), 10);\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 = () => {\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  };\n\n  const handleClose = () => {\n    // Trigger slide-out animation\n    setIsVisible(false);\n    // Close both panels immediately so they animate together\n    onCloseButtonClick();\n  };\n\n  return (\n    <div style={style} onClick={handleClose}>\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 items={items} />\n          </ScrollableContent>\n        </SidePanel>\n      </div>\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","_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":[]}