@wix/patterns 1.422.0 → 1.424.0

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

@@ -16,7 +16,8 @@ const ArchivedItemsPanel = /*#__PURE__*/(0, _react.lazy)(() => Promise.resolve()
   default: module.ArchivedItemsPanel
 })));
 function _ArchivedItemsCTAButton({
-  dataExtension,
+  archive,
+  deleteFieldModal,
   onCloseSidePanel,
   dataHook = 'custom-columns',
   actionContainerProps
@@ -30,15 +31,15 @@ function _ArchivedItemsCTAButton({
     gap: '8px'
   }), []);
   const handleOpenArchivedPanel = (0, _react.useCallback)(() => {
-    dataExtension == null || dataExtension.openArchivedPanel();
-  }, [dataExtension]);
+    archive.openPanel();
+  }, [archive]);
   const handleCloseArchivedPanel = (0, _react.useCallback)(() => {
-    dataExtension == null || dataExtension.closeArchivedPanel();
-  }, [dataExtension]);
+    archive.closePanel();
+  }, [archive]);
   const handleCloseAllPanels = (0, _react.useCallback)(() => {
-    dataExtension == null || dataExtension.closeArchivedPanel();
+    archive.closePanel();
     onCloseSidePanel();
-  }, [dataExtension, onCloseSidePanel]);
+  }, [archive, onCloseSidePanel]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_designSystem.TableListItem, {
     onClick: handleOpenArchivedPanel,
     dataHook: `${dataHook}-archived-items-button`,
@@ -51,14 +52,14 @@ function _ArchivedItemsCTAButton({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 75,
+          lineNumber: 77,
           columnNumber: 15
         }
       }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Archive, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 76,
+          lineNumber: 78,
           columnNumber: 17
         }
       }), /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -67,7 +68,7 @@ function _ArchivedItemsCTAButton({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 77,
+          lineNumber: 79,
           columnNumber: 17
         }
       }, t('cairo.table.custom-columns.section-divider')))
@@ -76,7 +77,7 @@ function _ArchivedItemsCTAButton({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 85,
+          lineNumber: 87,
           columnNumber: 15
         }
       }), /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
@@ -85,14 +86,14 @@ function _ArchivedItemsCTAButton({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 86,
+          lineNumber: 88,
           columnNumber: 17
         }
       }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronRight, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 87,
+          lineNumber: 89,
           columnNumber: 19
         }
       }))),
@@ -101,27 +102,28 @@ function _ArchivedItemsCTAButton({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 66,
+      lineNumber: 68,
       columnNumber: 7
     }
-  }), (dataExtension == null ? void 0 : dataExtension.isArchivedPanelOpen) && /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+  }), archive.isOpen && /*#__PURE__*/_react.default.createElement(_react.Suspense, {
     fallback: null,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 96,
+      lineNumber: 98,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(ArchivedItemsPanel, {
-    dataExtension: dataExtension,
-    items: dataExtension == null ? void 0 : dataExtension.archivedItems,
+    archive: archive,
+    deleteFieldModal: deleteFieldModal,
+    items: archive.items,
     onBackButtonClick: handleCloseArchivedPanel,
     onCloseButtonClick: handleCloseAllPanels,
     dataHook: dataHook,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 97,
+      lineNumber: 99,
       columnNumber: 11
     }
   })));

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

@@ -1 +1 @@
-{"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","actionContainerProps","translate","useWixPatternsContainer","style","useMemo","display","alignItems","gap","handleOpenArchivedPanel","useCallback","openArchivedPanel","handleCloseArchivedPanel","closeArchivedPanel","handleCloseAllPanels","createElement","Fragment","TableListItem","onClick","showDivider","verticalPadding","horizontalPadding","options","value","__self","__source","fileName","lineNumber","columnNumber","Archive","Text","size","weight","Box","_extends2","IconButton","skin","ChevronRight","align","isArchivedPanelOpen","Suspense","fallback","items","archivedItems","onBackButtonClick","onCloseButtonClick","ArchivedItemsCTAButton","exports","observer"],"sources":["../../../../src/components/ArchivedItemsPanel/ArchivedItemsCTAButton.tsx"],"sourcesContent":["import {\n  TableListItem,\n  Text,\n  IconButton,\n  Box,\n  BoxProps,\n} 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  actionContainerProps?: BoxProps;\n}\n\nfunction _ArchivedItemsCTAButton({\n  dataExtension,\n  onCloseSidePanel,\n  dataHook = 'custom-columns',\n  actionContainerProps,\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        horizontalPadding=\"small\"\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              <Box {...actionContainerProps}>\n                <IconButton size=\"tiny\" skin=\"light\">\n                  <ChevronRight />\n                </IconButton>\n              </Box>\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":[]}
+{"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","archive","deleteFieldModal","onCloseSidePanel","dataHook","actionContainerProps","translate","useWixPatternsContainer","style","useMemo","display","alignItems","gap","handleOpenArchivedPanel","useCallback","openPanel","handleCloseArchivedPanel","closePanel","handleCloseAllPanels","createElement","Fragment","TableListItem","onClick","showDivider","verticalPadding","horizontalPadding","options","value","__self","__source","fileName","lineNumber","columnNumber","Archive","Text","size","weight","Box","_extends2","IconButton","skin","ChevronRight","align","isOpen","Suspense","fallback","items","onBackButtonClick","onCloseButtonClick","ArchivedItemsCTAButton","exports","observer"],"sources":["../../../../src/components/ArchivedItemsPanel/ArchivedItemsCTAButton.tsx"],"sourcesContent":["import {\n  TableListItem,\n  Text,\n  IconButton,\n  Box,\n  BoxProps,\n} 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 type { DeleteFieldModalState, FieldArchive } 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  archive: FieldArchive;\n  deleteFieldModal: DeleteFieldModalState;\n  onCloseSidePanel: () => void;\n  dataHook?: string;\n  actionContainerProps?: BoxProps;\n}\n\nfunction _ArchivedItemsCTAButton({\n  archive,\n  deleteFieldModal,\n  onCloseSidePanel,\n  dataHook = 'custom-columns',\n  actionContainerProps,\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    archive.openPanel();\n  }, [archive]);\n\n  const handleCloseArchivedPanel = useCallback(() => {\n    archive.closePanel();\n  }, [archive]);\n\n  const handleCloseAllPanels = useCallback(() => {\n    archive.closePanel();\n    onCloseSidePanel();\n  }, [archive, onCloseSidePanel]);\n\n  return (\n    <>\n      <TableListItem\n        onClick={handleOpenArchivedPanel}\n        dataHook={`${dataHook}-archived-items-button`}\n        showDivider\n        verticalPadding=\"tiny\"\n        horizontalPadding=\"small\"\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              <Box {...actionContainerProps}>\n                <IconButton size=\"tiny\" skin=\"light\">\n                  <ChevronRight />\n                </IconButton>\n              </Box>\n            ),\n            align: 'right' as const,\n          },\n        ]}\n      />\n      {archive.isOpen && (\n        <Suspense fallback={null}>\n          <ArchivedItemsPanel\n            archive={archive}\n            deleteFieldModal={deleteFieldModal}\n            items={archive.items}\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/ArchivedItemsPanel.js

@@ -14,7 +14,8 @@ function _ArchivedItemsPanel({
   items,
   onBackButtonClick,
   onCloseButtonClick,
-  dataExtension,
+  archive,
+  deleteFieldModal,
   dataHook = 'custom-columns'
 }) {
   const {
@@ -25,28 +26,21 @@ function _ArchivedItemsPanel({
     setTimeout(() => setIsVisible(true), 10);
   }, []);
   const closeIfEmpty = () => {
-    const remainingItems = dataExtension.archivedItems;
-    if (remainingItems.length === 0) {
+    if (archive.items.length === 0) {
       handleBack();
     }
   };
   const handleRestore = async item => {
-    await dataExtension.restoreField({
-      id: item.id,
-      origin: 'Archived items panel',
-      reportBi: dataExtension.container.createBILogger({
-        componentType: 'ArchivedItemsPanel'
-      })
-    });
+    await archive.restoreField(item.id, 'Archived items panel');
     closeIfEmpty();
   };
   const handleDelete = (0, _react.useCallback)(item => {
-    var _dataExtension$delete;
-    (_dataExtension$delete = dataExtension.deleteFieldModal) == null || _dataExtension$delete.modal.open({
+    deleteFieldModal.modal.open({
       id: item.id,
-      origin: 'Archived items panel'
+      origin: 'Archived items panel',
+      fieldName: archive.fieldName(item.id)
     });
-  }, [dataExtension]);
+  }, [archive, deleteFieldModal]);
   const slideStyle = (0, _react.useMemo)(() => ({
     position: 'absolute',
     top: 0,
@@ -84,7 +78,7 @@ function _ArchivedItemsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 107,
+      lineNumber: 103,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.SidePanel // PatternsSidePanel is overriding the back button to close the panel
@@ -104,7 +98,7 @@ function _ArchivedItemsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 112,
+      lineNumber: 108,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.SidePanel.Header, {
@@ -113,7 +107,7 @@ function _ArchivedItemsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 124,
+      lineNumber: 120,
       columnNumber: 9
     }
   }), /*#__PURE__*/_react.default.createElement(_ScrollableContent.ScrollableContent, {
@@ -122,7 +116,7 @@ function _ArchivedItemsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 128,
+      lineNumber: 124,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_ArchivedItemsList.ArchivedItemsList, {
@@ -133,7 +127,7 @@ function _ArchivedItemsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 132,
+      lineNumber: 128,
       columnNumber: 11
     }
   }))));

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","dataExtension","dataHook","translate","useWixPatternsContainer","isVisible","setIsVisible","useState","useEffect","setTimeout","closeIfEmpty","remainingItems","archivedItems","length","handleBack","handleRestore","item","restoreField","id","origin","reportBi","container","createBILogger","componentType","handleDelete","useCallback","_dataExtension$delete","deleteFieldModal","modal","open","slideStyle","useMemo","position","top","right","bottom","width","maxWidth","backgroundColor","transition","display","flexDirection","zIndex","handleClose","tooltipKey","createElement","style","onClick","stopPropagation","__self","__source","fileName","lineNumber","columnNumber","SidePanel","closeButtonProps","backButtonProps","description","tooltipProps","moveArrowTo","Header","title","subtitle","ScrollableContent","overflowY","ArchivedItemsList","onRestore","onDelete","ArchivedItemsPanel","exports","observer"],"sources":["../../../../src/components/ArchivedItemsPanel/ArchivedItemsPanel.tsx"],"sourcesContent":["import { SidePanel } 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 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      handleBack();\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(\n    (item: ArchivedItem) => {\n      dataExtension.deleteFieldModal?.modal.open({\n        id: item.id,\n        origin: 'Archived items panel',\n      });\n    },\n    [dataExtension],\n  );\n\n  const slideStyle = useMemo<CSSProperties>(\n    () => ({\n      position: 'absolute',\n      top: 0,\n      right: isVisible ? 0 : '-600px',\n      bottom: 0,\n      width: '100%',\n      maxWidth: '600px',\n      backgroundColor: 'white',\n      transition: 'right 0.3s ease-out',\n      display: 'flex',\n      flexDirection: 'column',\n      zIndex: 1,\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  const tooltipKey = useMemo(() => {\n    return dataHook === 'custom-columns'\n      ? 'cairo.archivedFields.back.custom-columns.tooltip'\n      : 'cairo.archivedFields.back.manage-custom-fields.tooltip';\n  }, [dataHook]);\n\n  return (\n    <div\n      data-hook={`${dataHook}-archived-items-panel-container`}\n      style={slideStyle}\n      onClick={(e) => e.stopPropagation()}\n    >\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(tooltipKey),\n          tooltipProps: {\n            moveArrowTo: 80,\n          },\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  );\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","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ArchivedItemsPanel","items","onBackButtonClick","onCloseButtonClick","archive","deleteFieldModal","dataHook","translate","useWixPatternsContainer","isVisible","setIsVisible","useState","useEffect","setTimeout","closeIfEmpty","length","handleBack","handleRestore","item","restoreField","id","handleDelete","useCallback","modal","open","origin","fieldName","slideStyle","useMemo","position","top","right","bottom","width","maxWidth","backgroundColor","transition","display","flexDirection","zIndex","handleClose","tooltipKey","createElement","style","onClick","stopPropagation","__self","__source","fileName","lineNumber","columnNumber","SidePanel","closeButtonProps","backButtonProps","description","tooltipProps","moveArrowTo","Header","title","subtitle","ScrollableContent","overflowY","ArchivedItemsList","onRestore","onDelete","ArchivedItemsPanel","exports","observer"],"sources":["../../../../src/components/ArchivedItemsPanel/ArchivedItemsPanel.tsx"],"sourcesContent":["import { SidePanel } 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 type { DeleteFieldModalState, FieldArchive } from '@wix/bex-core';\nimport type { ArchivedItem } from './types';\n\nexport interface ArchivedItemsPanelProps {\n  items: ArchivedItem[];\n  onBackButtonClick: () => void;\n  onCloseButtonClick: () => void;\n  archive: FieldArchive;\n  /** The shared delete-field modal, opened when an archived field is deleted. */\n  deleteFieldModal: DeleteFieldModalState;\n  dataHook?: string;\n}\n\nfunction _ArchivedItemsPanel({\n  items,\n  onBackButtonClick,\n  onCloseButtonClick,\n  archive,\n  deleteFieldModal,\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    if (archive.items.length === 0) {\n      handleBack();\n    }\n  };\n\n  const handleRestore = async (item: ArchivedItem) => {\n    await archive.restoreField(item.id, 'Archived items panel');\n    closeIfEmpty();\n  };\n\n  const handleDelete = useCallback(\n    (item: ArchivedItem) => {\n      deleteFieldModal.modal.open({\n        id: item.id,\n        origin: 'Archived items panel',\n        fieldName: archive.fieldName(item.id),\n      });\n    },\n    [archive, deleteFieldModal],\n  );\n\n  const slideStyle = useMemo<CSSProperties>(\n    () => ({\n      position: 'absolute',\n      top: 0,\n      right: isVisible ? 0 : '-600px',\n      bottom: 0,\n      width: '100%',\n      maxWidth: '600px',\n      backgroundColor: 'white',\n      transition: 'right 0.3s ease-out',\n      display: 'flex',\n      flexDirection: 'column',\n      zIndex: 1,\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  const tooltipKey = useMemo(() => {\n    return dataHook === 'custom-columns'\n      ? 'cairo.archivedFields.back.custom-columns.tooltip'\n      : 'cairo.archivedFields.back.manage-custom-fields.tooltip';\n  }, [dataHook]);\n\n  return (\n    <div\n      data-hook={`${dataHook}-archived-items-panel-container`}\n      style={slideStyle}\n      onClick={(e) => e.stopPropagation()}\n    >\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(tooltipKey),\n          tooltipProps: {\n            moveArrowTo: 80,\n          },\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  );\n}\n\nexport const ArchivedItemsPanel = observer(_ArchivedItemsPanel);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CardContainer/CardContainer.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CardContainer2134636811";
+var _namespace_ = "CardContainer2267849251";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "CardContainer2134636811__root"
+  "root": "CardContainer2267849251__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CardContainer/CardContainer.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CardContainer/CardContainer.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CardContainer2134636811\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CardContainer2134636811__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CardContainer/CardContainer.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CardContainer2267849251\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CardContainer2267849251__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/CmsFieldManagement/CmsFieldForm.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CmsFieldForm1028387146";
+var _namespace_ = "CmsFieldForm1100768566";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "CmsFieldForm1028387146__root",
-  "fullBleedDivider": "CmsFieldForm1028387146__fullBleedDivider"
+  "root": "CmsFieldForm1100768566__root",
+  "fullBleedDivider": "CmsFieldForm1100768566__fullBleedDivider"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CmsFieldManagement/CmsFieldForm.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CmsFieldManagement/CmsFieldForm.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CmsFieldForm1028387146\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CmsFieldForm1028387146__root\",\"fullBleedDivider\":\"CmsFieldForm1028387146__fullBleedDivider\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-space-300\":\"--wds-space-300\",\"wds-custom-modal-content-padding-horizontal\":\"--wds-custom-modal-content-padding-horizontal\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,8BAA8B;EAAC,kBAAkB,EAAC;AAA0C,CAAC;AACnH,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,eAAe,EAAC,iBAAiB;EAAC,6CAA6C,EAAC;AAA+C,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CmsFieldManagement/CmsFieldForm.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CmsFieldForm1100768566\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CmsFieldForm1100768566__root\",\"fullBleedDivider\":\"CmsFieldForm1100768566__fullBleedDivider\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-space-300\":\"--wds-space-300\",\"wds-custom-modal-content-padding-horizontal\":\"--wds-custom-modal-content-padding-horizontal\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,8BAA8B;EAAC,kBAAkB,EAAC;AAA0C,CAAC;AACnH,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,eAAe,EAAC,iBAAiB;EAAC,6CAA6C,EAAC;AAA+C,CAAC","ignoreList":[]}

package/dist/cjs/components/CmsFieldManagement/CmsFieldModal.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CmsFieldModal651521319";
+var _namespace_ = "CmsFieldModal2245593888";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "CmsFieldModal651521319__root",
-  "modal": "CmsFieldModal651521319__modal"
+  "root": "CmsFieldModal2245593888__root",
+  "modal": "CmsFieldModal2245593888__modal"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CmsFieldManagement/CmsFieldModal.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CmsFieldManagement/CmsFieldModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CmsFieldModal651521319\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CmsFieldModal651521319__root\",\"modal\":\"CmsFieldModal651521319__modal\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-custom-modal-content-padding-vertical\":\"--wds-custom-modal-content-padding-vertical\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,8BAA8B;EAAC,OAAO,EAAC;AAA+B,CAAC;AAC7F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,2CAA2C,EAAC;AAA6C,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CmsFieldManagement/CmsFieldModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CmsFieldModal2245593888\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CmsFieldModal2245593888__root\",\"modal\":\"CmsFieldModal2245593888__modal\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-custom-modal-content-padding-vertical\":\"--wds-custom-modal-content-padding-vertical\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,+BAA+B;EAAC,OAAO,EAAC;AAAgC,CAAC;AAC/F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,2CAA2C,EAAC;AAA6C,CAAC","ignoreList":[]}

package/dist/cjs/components/CmsFieldManagement/CmsFormState.js

@@ -54,6 +54,7 @@ class CmsFormState {
       enableShowValidationError: _mobx.action,
       setMode: _mobx.action,
       setErrorToastConfig: _mobx.action,
+      prefill: _mobx.action,
       loadField: _mobx.action,
       reset: _mobx.action,
       hideValidationError: _mobx.action.bound,
@@ -154,28 +155,35 @@ class CmsFormState {
   setHelpText(v) {
     this.setProperty('helpText', v);
   }
-  loadField(field) {
-    var _field$validation, _field$validation2;
-    const mappedType = (0, _fieldTypeUtils.isSelectableFieldType)(field.type) ? field.type : undefined;
+
+  // Populate the form from a field's values, without binding to a specific
+  // existing field id. Used both by `loadField` (edit an existing field) and by
+  // schema-less editors that pre-fill a draft (e.g. the import field editor).
+  prefill(values) {
+    var _values$validation, _values$validation2;
+    const mappedType = values.type && (0, _fieldTypeUtils.isSelectableFieldType)(values.type) ? values.type : undefined;
     this.properties = {
       type: mappedType,
-      name: field.displayName,
-      isPii: field.isPii ?? false,
-      helpText: field.helpText ?? ''
+      name: values.displayName ?? '',
+      isPii: values.isPii ?? false,
+      helpText: values.helpText ?? ''
     };
     this.fieldRules = {
       validationRules: {
-        ...(((_field$validation = field.validation) == null ? void 0 : _field$validation.required) !== undefined && {
-          required: field.validation.required
+        ...(((_values$validation = values.validation) == null ? void 0 : _values$validation.required) !== undefined && {
+          required: values.validation.required
         }),
-        ...(((_field$validation2 = field.validation) == null ? void 0 : _field$validation2.stringLengthRange) !== undefined && {
-          charactersLimit: field.validation.stringLengthRange
+        ...(((_values$validation2 = values.validation) == null ? void 0 : _values$validation2.stringLengthRange) !== undefined && {
+          charactersLimit: values.validation.stringLengthRange
         })
       }
     };
-    this.editingFieldId = field.id;
     this.errorToastConfig = undefined;
   }
+  loadField(field) {
+    this.prefill(field);
+    this.editingFieldId = field.id;
+  }
   _onTypeChange(newType) {
     const supported = new Set(this.getValidationRules(newType));
     this.fieldRules = {

package/dist/cjs/components/CmsFieldManagement/CmsFormState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","_fieldTypeUtils","defaultProperties","type","undefined","name","isPii","helpText","NAME_MAX_LENGTH","CmsFormState","constructor","params","_defineProperty2","default","validationRules","Set","schemaConfig","getValidationRules","mode","editingFieldId","makeObservable","properties","observable","ref","fieldRules","touchedFields","showValidationError","errorToastConfig","fieldTypeError","computed","nameError","hasInvalidFields","visibleErrors","supportedValidationRules","validationErrorMessage","setProperty","action","setValidationRule","bound","blurField","enableShowValidationError","setMode","setErrorToastConfig","loadField","reset","hideValidationError","changeType","changeName","setIsPii","setHelpText","trim","length","has","key","value","rule","field","add","cfg","clear","v","_onTypeChange","_field$validation","_field$validation2","mappedType","isSelectableFieldType","displayName","validation","required","stringLengthRange","charactersLimit","id","newType","supported","Object","fromEntries","entries","filter","k","isPIISupportedByFieldType","exports"],"sources":["../../../../src/components/CmsFieldManagement/CmsFormState.ts"],"sourcesContent":["import { action, computed, makeObservable, observable } from 'mobx';\nimport type { ToastConfig } from '@wix/bex-core';\nimport type { Field, SchemaConfig } from '../../types/SchemaConfig';\nimport {\n  isPIISupportedByFieldType,\n  isSelectableFieldType,\n} from './fieldTypeUtils';\nimport type {\n  FieldProperties,\n  FieldPropertiesState,\n  FieldRules,\n  SelectableFieldTypes,\n  ValidationRule,\n} from './types';\n\nexport interface CmsFormStateParams {\n  schemaConfig: SchemaConfig;\n  getValidationRules: (t: SelectableFieldTypes) => ValidationRule[];\n  mode?: 'new' | 'edit';\n  editingFieldId?: string;\n}\n\nfunction defaultProperties(): FieldPropertiesState {\n  return {\n    type: undefined,\n    name: '',\n    isPii: false,\n    helpText: '',\n  };\n}\n\n// TODO: confirm vs cms-web\nconst NAME_MAX_LENGTH = 50;\n\nexport class CmsFormState {\n  readonly schemaConfig: SchemaConfig;\n  readonly getValidationRules: (t: SelectableFieldTypes) => ValidationRule[];\n\n  properties: FieldPropertiesState = defaultProperties();\n  fieldRules: FieldRules = { validationRules: {} };\n  mode: 'new' | 'edit';\n  editingFieldId: string | undefined;\n  touchedFields: Set<keyof FieldProperties> = new Set();\n  showValidationError: boolean = false;\n  errorToastConfig: ToastConfig | undefined = undefined;\n\n  constructor(params: CmsFormStateParams) {\n    this.schemaConfig = params.schemaConfig;\n    this.getValidationRules = params.getValidationRules;\n    this.mode = params.mode ?? 'new';\n    this.editingFieldId = params.editingFieldId;\n\n    makeObservable(this, {\n      properties: observable.ref,\n      fieldRules: observable.ref,\n      mode: observable.ref,\n      editingFieldId: observable.ref,\n      touchedFields: observable,\n      showValidationError: observable.ref,\n      errorToastConfig: observable.ref,\n\n      fieldTypeError: computed,\n      nameError: computed,\n      hasInvalidFields: computed,\n      visibleErrors: computed,\n      supportedValidationRules: computed,\n      validationErrorMessage: computed,\n\n      setProperty: action,\n      setValidationRule: action.bound,\n      blurField: action,\n      enableShowValidationError: action,\n      setMode: action,\n      setErrorToastConfig: action,\n      loadField: action,\n      reset: action,\n\n      hideValidationError: action.bound,\n      changeType: action.bound,\n      changeName: action.bound,\n      setIsPii: action.bound,\n      setHelpText: action.bound,\n    });\n  }\n\n  get fieldTypeError(): string | undefined {\n    if (!this.properties.type) {\n      return 'Field type is required';\n    }\n    return undefined;\n  }\n\n  get nameError(): string | undefined {\n    const name = this.properties.name.trim();\n    if (!name) {\n      return 'Field name is required';\n    }\n    if (name.length > NAME_MAX_LENGTH) {\n      return `Field name must be ${NAME_MAX_LENGTH} characters or fewer`;\n    }\n    return undefined;\n  }\n\n  get hasInvalidFields(): boolean {\n    return !!(this.fieldTypeError || this.nameError);\n  }\n\n  // Spec §3 specifies booleans; returning the error string directly is more useful for rendering\n  // (one property read instead of two). Deviation is intentional — update spec if accepted.\n  get visibleErrors(): {\n    type: string | undefined;\n    name: string | undefined;\n  } {\n    const { showValidationError, touchedFields } = this;\n    return {\n      type: showValidationError ? this.fieldTypeError : undefined,\n      name:\n        showValidationError || touchedFields.has('name')\n          ? this.nameError\n          : undefined,\n    };\n  }\n\n  get supportedValidationRules(): ValidationRule[] {\n    return this.properties.type\n      ? this.getValidationRules(this.properties.type)\n      : [];\n  }\n\n  get validationErrorMessage(): string {\n    return (\n      this.fieldTypeError ||\n      this.nameError ||\n      'Please fix the errors before saving'\n    );\n  }\n\n  setProperty<K extends keyof FieldPropertiesState>(\n    key: K,\n    value: FieldPropertiesState[K],\n  ) {\n    this.properties = { ...this.properties, [key]: value };\n  }\n\n  setValidationRule(rule: ValidationRule, value: unknown) {\n    this.fieldRules = {\n      ...this.fieldRules,\n      validationRules: { ...this.fieldRules.validationRules, [rule]: value },\n    };\n  }\n\n  blurField(field: keyof FieldProperties) {\n    this.touchedFields.add(field);\n  }\n\n  enableShowValidationError() {\n    this.showValidationError = true;\n  }\n\n  setMode(mode: 'new' | 'edit') {\n    this.mode = mode;\n  }\n\n  setErrorToastConfig(cfg: ToastConfig | undefined) {\n    this.errorToastConfig = cfg;\n  }\n\n  reset() {\n    this.properties = defaultProperties();\n    this.fieldRules = { validationRules: {} };\n    this.editingFieldId = undefined;\n    this.touchedFields.clear();\n    this.showValidationError = false;\n    this.errorToastConfig = undefined;\n  }\n\n  hideValidationError() {\n    this.showValidationError = false;\n  }\n\n  changeType(v: SelectableFieldTypes) {\n    this.setProperty('type', v);\n    this._onTypeChange(v);\n  }\n\n  changeName(v: string) {\n    this.setProperty('name', v);\n  }\n\n  setIsPii(v: boolean) {\n    this.setProperty('isPii', v);\n  }\n\n  setHelpText(v: string) {\n    this.setProperty('helpText', v);\n  }\n\n  loadField(field: Field) {\n    const mappedType: SelectableFieldTypes | undefined = isSelectableFieldType(\n      field.type,\n    )\n      ? field.type\n      : undefined;\n    this.properties = {\n      type: mappedType,\n      name: field.displayName,\n      isPii: field.isPii ?? false,\n      helpText: field.helpText ?? '',\n    };\n    this.fieldRules = {\n      validationRules: {\n        ...(field.validation?.required !== undefined && {\n          required: field.validation.required,\n        }),\n        ...(field.validation?.stringLengthRange !== undefined && {\n          charactersLimit: field.validation.stringLengthRange,\n        }),\n      },\n    };\n    this.editingFieldId = field.id;\n    this.errorToastConfig = undefined;\n  }\n\n  private _onTypeChange(newType: SelectableFieldTypes) {\n    const supported = new Set(this.getValidationRules(newType));\n    this.fieldRules = {\n      validationRules: Object.fromEntries(\n        Object.entries(this.fieldRules.validationRules).filter(([k]) =>\n          supported.has(k as ValidationRule),\n        ),\n      ),\n    };\n    if (!isPIISupportedByFieldType(newType)) {\n      this.properties = { ...this.properties, isPii: false };\n    }\n    this.touchedFields.clear();\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobx","require","_fieldTypeUtils","defaultProperties","type","undefined","name","isPii","helpText","NAME_MAX_LENGTH","CmsFormState","constructor","params","_defineProperty2","default","validationRules","Set","schemaConfig","getValidationRules","mode","editingFieldId","makeObservable","properties","observable","ref","fieldRules","touchedFields","showValidationError","errorToastConfig","fieldTypeError","computed","nameError","hasInvalidFields","visibleErrors","supportedValidationRules","validationErrorMessage","setProperty","action","setValidationRule","bound","blurField","enableShowValidationError","setMode","setErrorToastConfig","prefill","loadField","reset","hideValidationError","changeType","changeName","setIsPii","setHelpText","trim","length","has","key","value","rule","field","add","cfg","clear","v","_onTypeChange","values","_values$validation","_values$validation2","mappedType","isSelectableFieldType","displayName","validation","required","stringLengthRange","charactersLimit","id","newType","supported","Object","fromEntries","entries","filter","k","isPIISupportedByFieldType","exports"],"sources":["../../../../src/components/CmsFieldManagement/CmsFormState.ts"],"sourcesContent":["import { action, computed, makeObservable, observable } from 'mobx';\nimport type { ToastConfig } from '@wix/bex-core';\nimport type { Field, SchemaConfig } from '../../types/SchemaConfig';\nimport {\n  isPIISupportedByFieldType,\n  isSelectableFieldType,\n} from './fieldTypeUtils';\nimport type {\n  FieldProperties,\n  FieldPropertiesState,\n  FieldRules,\n  SelectableFieldTypes,\n  ValidationRule,\n} from './types';\n\nexport interface CmsFormStateParams {\n  // Optional: the form itself never reads the schema (it's pure form state). It's\n  // kept for callers that want to associate one, but a schema-less editor (e.g.\n  // the pure FieldEditorModal) can omit it.\n  schemaConfig?: SchemaConfig;\n  getValidationRules: (t: SelectableFieldTypes) => ValidationRule[];\n  mode?: 'new' | 'edit';\n  editingFieldId?: string;\n}\n\nfunction defaultProperties(): FieldPropertiesState {\n  return {\n    type: undefined,\n    name: '',\n    isPii: false,\n    helpText: '',\n  };\n}\n\n// TODO: confirm vs cms-web\nconst NAME_MAX_LENGTH = 50;\n\nexport class CmsFormState {\n  readonly schemaConfig?: SchemaConfig;\n  readonly getValidationRules: (t: SelectableFieldTypes) => ValidationRule[];\n\n  properties: FieldPropertiesState = defaultProperties();\n  fieldRules: FieldRules = { validationRules: {} };\n  mode: 'new' | 'edit';\n  editingFieldId: string | undefined;\n  touchedFields: Set<keyof FieldProperties> = new Set();\n  showValidationError: boolean = false;\n  errorToastConfig: ToastConfig | undefined = undefined;\n\n  constructor(params: CmsFormStateParams) {\n    this.schemaConfig = params.schemaConfig;\n    this.getValidationRules = params.getValidationRules;\n    this.mode = params.mode ?? 'new';\n    this.editingFieldId = params.editingFieldId;\n\n    makeObservable(this, {\n      properties: observable.ref,\n      fieldRules: observable.ref,\n      mode: observable.ref,\n      editingFieldId: observable.ref,\n      touchedFields: observable,\n      showValidationError: observable.ref,\n      errorToastConfig: observable.ref,\n\n      fieldTypeError: computed,\n      nameError: computed,\n      hasInvalidFields: computed,\n      visibleErrors: computed,\n      supportedValidationRules: computed,\n      validationErrorMessage: computed,\n\n      setProperty: action,\n      setValidationRule: action.bound,\n      blurField: action,\n      enableShowValidationError: action,\n      setMode: action,\n      setErrorToastConfig: action,\n      prefill: action,\n      loadField: action,\n      reset: action,\n\n      hideValidationError: action.bound,\n      changeType: action.bound,\n      changeName: action.bound,\n      setIsPii: action.bound,\n      setHelpText: action.bound,\n    });\n  }\n\n  get fieldTypeError(): string | undefined {\n    if (!this.properties.type) {\n      return 'Field type is required';\n    }\n    return undefined;\n  }\n\n  get nameError(): string | undefined {\n    const name = this.properties.name.trim();\n    if (!name) {\n      return 'Field name is required';\n    }\n    if (name.length > NAME_MAX_LENGTH) {\n      return `Field name must be ${NAME_MAX_LENGTH} characters or fewer`;\n    }\n    return undefined;\n  }\n\n  get hasInvalidFields(): boolean {\n    return !!(this.fieldTypeError || this.nameError);\n  }\n\n  // Spec §3 specifies booleans; returning the error string directly is more useful for rendering\n  // (one property read instead of two). Deviation is intentional — update spec if accepted.\n  get visibleErrors(): {\n    type: string | undefined;\n    name: string | undefined;\n  } {\n    const { showValidationError, touchedFields } = this;\n    return {\n      type: showValidationError ? this.fieldTypeError : undefined,\n      name:\n        showValidationError || touchedFields.has('name')\n          ? this.nameError\n          : undefined,\n    };\n  }\n\n  get supportedValidationRules(): ValidationRule[] {\n    return this.properties.type\n      ? this.getValidationRules(this.properties.type)\n      : [];\n  }\n\n  get validationErrorMessage(): string {\n    return (\n      this.fieldTypeError ||\n      this.nameError ||\n      'Please fix the errors before saving'\n    );\n  }\n\n  setProperty<K extends keyof FieldPropertiesState>(\n    key: K,\n    value: FieldPropertiesState[K],\n  ) {\n    this.properties = { ...this.properties, [key]: value };\n  }\n\n  setValidationRule(rule: ValidationRule, value: unknown) {\n    this.fieldRules = {\n      ...this.fieldRules,\n      validationRules: { ...this.fieldRules.validationRules, [rule]: value },\n    };\n  }\n\n  blurField(field: keyof FieldProperties) {\n    this.touchedFields.add(field);\n  }\n\n  enableShowValidationError() {\n    this.showValidationError = true;\n  }\n\n  setMode(mode: 'new' | 'edit') {\n    this.mode = mode;\n  }\n\n  setErrorToastConfig(cfg: ToastConfig | undefined) {\n    this.errorToastConfig = cfg;\n  }\n\n  reset() {\n    this.properties = defaultProperties();\n    this.fieldRules = { validationRules: {} };\n    this.editingFieldId = undefined;\n    this.touchedFields.clear();\n    this.showValidationError = false;\n    this.errorToastConfig = undefined;\n  }\n\n  hideValidationError() {\n    this.showValidationError = false;\n  }\n\n  changeType(v: SelectableFieldTypes) {\n    this.setProperty('type', v);\n    this._onTypeChange(v);\n  }\n\n  changeName(v: string) {\n    this.setProperty('name', v);\n  }\n\n  setIsPii(v: boolean) {\n    this.setProperty('isPii', v);\n  }\n\n  setHelpText(v: string) {\n    this.setProperty('helpText', v);\n  }\n\n  // Populate the form from a field's values, without binding to a specific\n  // existing field id. Used both by `loadField` (edit an existing field) and by\n  // schema-less editors that pre-fill a draft (e.g. the import field editor).\n  prefill(values: {\n    type?: Field['type'];\n    displayName?: string;\n    isPii?: boolean;\n    helpText?: string;\n    validation?: Field['validation'];\n  }) {\n    const mappedType: SelectableFieldTypes | undefined =\n      values.type && isSelectableFieldType(values.type)\n        ? values.type\n        : undefined;\n    this.properties = {\n      type: mappedType,\n      name: values.displayName ?? '',\n      isPii: values.isPii ?? false,\n      helpText: values.helpText ?? '',\n    };\n    this.fieldRules = {\n      validationRules: {\n        ...(values.validation?.required !== undefined && {\n          required: values.validation.required,\n        }),\n        ...(values.validation?.stringLengthRange !== undefined && {\n          charactersLimit: values.validation.stringLengthRange,\n        }),\n      },\n    };\n    this.errorToastConfig = undefined;\n  }\n\n  loadField(field: Field) {\n    this.prefill(field);\n    this.editingFieldId = field.id;\n  }\n\n  private _onTypeChange(newType: SelectableFieldTypes) {\n    const supported = new Set(this.getValidationRules(newType));\n    this.fieldRules = {\n      validationRules: Object.fromEntries(\n        Object.entries(this.fieldRules.validationRules).filter(([k]) =>\n          supported.has(k as ValidationRule),\n        ),\n      ),\n    };\n    if (!isPIISupportedByFieldType(newType)) {\n      this.properties = { ...this.properties, isPii: false };\n    }\n    this.touchedFields.clear();\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CmsFieldManagement/FieldEditorModal.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.FieldEditorModal = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _ActionModal = require("../ActionModal");
+var _CmsFieldForm = require("./CmsFieldForm");
+var _CmsFieldModalStCss = require("./CmsFieldModal.st.css.js");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CmsFieldManagement/FieldEditorModal.tsx";
+/**
+ * Pure field editor: the same form as `CmsFieldModal` but with no server side
+ * effect. On Save it returns the edited field spec via `state.onSubmit` instead
+ * of creating/updating a field through a schema. All button/title labels are
+ * passed in (already translated) so the modal stays localized for the surface
+ * that renders it.
+ */
+const FieldEditorModal = exports.FieldEditorModal = (0, _mobxReactLite.observer)(({
+  state,
+  title,
+  primaryButtonText,
+  secondaryButtonText,
+  dataHook = 'field-editor-modal'
+}) => {
+  const {
+    formState
+  } = state;
+  return /*#__PURE__*/_react.default.createElement(_ActionModal.CustomActionModal, {
+    dataHook: dataHook,
+    state: state.modal,
+    onAfterClose: () => state.reset(),
+    title: title,
+    content: formState ? /*#__PURE__*/_react.default.createElement(_CmsFieldForm.CmsFieldForm, {
+      state: formState,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 42,
+        columnNumber: 30
+      }
+    }) : null,
+    primaryButtonText: primaryButtonText,
+    secondaryButtonText: secondaryButtonText,
+    width: 600,
+    showFooterDivider: true,
+    className: _CmsFieldModalStCss.classes.modal,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 37,
+      columnNumber: 7
+    }
+  });
+});
+//# sourceMappingURL=FieldEditorModal.js.map

package/dist/cjs/components/CmsFieldManagement/FieldEditorModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_ActionModal","_CmsFieldForm","_CmsFieldModalStCss","_jsxFileName","FieldEditorModal","exports","observer","state","title","primaryButtonText","secondaryButtonText","dataHook","formState","default","createElement","CustomActionModal","modal","onAfterClose","reset","content","CmsFieldForm","__self","__source","fileName","lineNumber","columnNumber","width","showFooterDivider","className","classes"],"sources":["../../../../src/components/CmsFieldManagement/FieldEditorModal.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CustomActionModal } from '../ActionModal';\nimport { CmsFieldForm } from './CmsFieldForm';\nimport { FieldEditorModalState } from './FieldEditorModalState';\nimport { classes } from './CmsFieldModal.st.css.js';\n\nexport interface FieldEditorModalProps {\n  state: FieldEditorModalState;\n  /** Modal title. Required so callers pass a localized string. */\n  title: string;\n  /** Confirm button label (localized). */\n  primaryButtonText: string;\n  /** Cancel button label (localized). */\n  secondaryButtonText: string;\n  dataHook?: string;\n}\n\n/**\n * Pure field editor: the same form as `CmsFieldModal` but with no server side\n * effect. On Save it returns the edited field spec via `state.onSubmit` instead\n * of creating/updating a field through a schema. All button/title labels are\n * passed in (already translated) so the modal stays localized for the surface\n * that renders it.\n */\nexport const FieldEditorModal = observer(\n  ({\n    state,\n    title,\n    primaryButtonText,\n    secondaryButtonText,\n    dataHook = 'field-editor-modal',\n  }: FieldEditorModalProps) => {\n    const { formState } = state;\n\n    return (\n      <CustomActionModal\n        dataHook={dataHook}\n        state={state.modal}\n        onAfterClose={() => state.reset()}\n        title={title}\n        content={formState ? <CmsFieldForm state={formState} /> : null}\n        primaryButtonText={primaryButtonText}\n        secondaryButtonText={secondaryButtonText}\n        width={600}\n        showFooterDivider\n        className={classes.modal}\n      />\n    );\n  },\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAEA,IAAAI,mBAAA,GAAAJ,OAAA;AAAoD,IAAAK,YAAA;AAapD;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,uBAAQ,EACtC,CAAC;EACCC,KAAK;EACLC,KAAK;EACLC,iBAAiB;EACjBC,mBAAmB;EACnBC,QAAQ,GAAG;AACU,CAAC,KAAK;EAC3B,MAAM;IAAEC;EAAU,CAAC,GAAGL,KAAK;EAE3B,oBACEX,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,YAAA,CAAAe,iBAAiB;IAChBJ,QAAQ,EAAEA,QAAS;IACnBJ,KAAK,EAAEA,KAAK,CAACS,KAAM;IACnBC,YAAY,EAAEA,CAAA,KAAMV,KAAK,CAACW,KAAK,CAAC,CAAE;IAClCV,KAAK,EAAEA,KAAM;IACbW,OAAO,EAAEP,SAAS,gBAAGhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAmB,YAAY;MAACb,KAAK,EAAEK,SAAU;MAAAS,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApB,YAAA;QAAAqB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,GAAG,IAAK;IAC/DhB,iBAAiB,EAAEA,iBAAkB;IACrCC,mBAAmB,EAAEA,mBAAoB;IACzCgB,KAAK,EAAE,GAAI;IACXC,iBAAiB;IACjBC,SAAS,EAAEC,2BAAO,CAACb,KAAM;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC1B,CAAC;AAEN,CACF,CAAC","ignoreList":[]}