@wix/patterns 1.426.0 → 1.430.0

package/dist/cjs/components/ImportButton/ImportStepper.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_jsxFileName","STEPPER_INDEX","upload","configuration","progress","getStepperSteps","currentStep","t","activeIndex","text","map","step","index","type","_ImportStepper","state","removeContentPadding","activeStep","steps","translate","contentPadding","undefined","handleStepClick","stepIndex","discardAndGoBack","default","createElement","Box","paddingLeft","paddingRight","__self","__source","fileName","lineNumber","columnNumber","Stepper","onClick","ImportStepper","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportStepper.tsx"],"sourcesContent":["import { Stepper, Box } from '@wix/design-system';\nimport { ImportState, ImportStep } from '@wix/bex-core';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\n\nconst STEPPER_INDEX: Record<ImportStep, number> = {\n  upload: 0,\n  configuration: 1,\n  progress: 2,\n};\n\nfunction getStepperSteps(currentStep: ImportStep, t: ImportState['translate']) {\n  const activeIndex = STEPPER_INDEX[currentStep];\n\n  return [\n    { text: t('cairo.import.stepper.upload') },\n    { text: t('cairo.import.stepper.matchFields') },\n  ].map((step, index) => ({\n    ...step,\n    type: (\n      index < activeIndex\n        ? 'completed'\n        : index > activeIndex\n          ? 'disabled'\n          : 'normal'\n    ) as 'completed' | 'disabled' | 'normal',\n  }));\n}\n\nexport interface ImportStepperProps {\n  state: ImportState;\n  removeContentPadding?: boolean;\n}\n\nfunction _ImportStepper({ state, removeContentPadding }: ImportStepperProps) {\n  const activeStep = STEPPER_INDEX[state.currentStep];\n  const steps = getStepperSteps(state.currentStep, state.translate);\n\n  const contentPadding = removeContentPadding ? undefined : 'SP4';\n\n  const handleStepClick = (stepIndex: number) => {\n    if (stepIndex < activeStep) {\n      state.discardAndGoBack();\n    }\n  };\n\n  return (\n    <Box paddingLeft={contentPadding} paddingRight={contentPadding}>\n      <Stepper\n        activeStep={activeStep}\n        steps={steps}\n        onClick={handleStepClick}\n      />\n    </Box>\n  );\n}\n\nexport const ImportStepper = observer(_ImportStepper);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAA2C,IAAAI,YAAA;AAE3C,MAAMC,aAAyC,GAAG;EAChDC,MAAM,EAAE,CAAC;EACTC,aAAa,EAAE,CAAC;EAChBC,QAAQ,EAAE;AACZ,CAAC;AAED,SAASC,eAAeA,CAACC,WAAuB,EAAEC,CAA2B,EAAE;EAC7E,MAAMC,WAAW,GAAGP,aAAa,CAACK,WAAW,CAAC;EAE9C,OAAO,CACL;IAAEG,IAAI,EAAEF,CAAC,CAAC,6BAA6B;EAAE,CAAC,EAC1C;IAAEE,IAAI,EAAEF,CAAC,CAAC,kCAAkC;EAAE,CAAC,CAChD,CAACG,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,MAAM;IACtB,GAAGD,IAAI;IACPE,IAAI,EACFD,KAAK,GAAGJ,WAAW,GACf,WAAW,GACXI,KAAK,GAAGJ,WAAW,GACjB,UAAU,GACV;EAEV,CAAC,CAAC,CAAC;AACL;AAOA,SAASM,cAAcA,CAAC;EAAEC,KAAK;EAAEC;AAAyC,CAAC,EAAE;EAC3E,MAAMC,UAAU,GAAGhB,aAAa,CAACc,KAAK,CAACT,WAAW,CAAC;EACnD,MAAMY,KAAK,GAAGb,eAAe,CAACU,KAAK,CAACT,WAAW,EAAES,KAAK,CAACI,SAAS,CAAC;EAEjE,MAAMC,cAAc,GAAGJ,oBAAoB,GAAGK,SAAS,GAAG,KAAK;EAE/D,MAAMC,eAAe,GAAIC,SAAiB,IAAK;IAC7C,IAAIA,SAAS,GAAGN,UAAU,EAAE;MAC1BF,KAAK,CAACS,gBAAgB,CAAC,CAAC;IAC1B;EACF,CAAC;EAED,oBACE3B,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAAC/B,aAAA,CAAAgC,GAAG;IAACC,WAAW,EAAER,cAAe;IAACS,YAAY,EAAET,cAAe;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhC,YAAA;MAAAiC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC7DrC,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAAC/B,aAAA,CAAAwC,OAAO;IACNlB,UAAU,EAAEA,UAAW;IACvBC,KAAK,EAAEA,KAAM;IACbkB,OAAO,EAAEd,eAAgB;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhC,YAAA;MAAAiC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC1B,CACE,CAAC;AAEV;AAEO,MAAMG,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,uBAAQ,EAACzB,cAAc,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_jsxFileName","STEPPER_INDEX","upload","configuration","progress","summary","getStepperSteps","currentStep","t","activeIndex","text","map","step","index","type","_ImportStepper","state","removeContentPadding","activeStep","steps","translate","contentPadding","undefined","handleStepClick","stepIndex","discardAndGoBack","default","createElement","Box","paddingLeft","paddingRight","__self","__source","fileName","lineNumber","columnNumber","Stepper","onClick","ImportStepper","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportStepper.tsx"],"sourcesContent":["import { Stepper, Box } from '@wix/design-system';\nimport { ImportState, ImportStep } from '@wix/bex-core';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\n\n// The stepper is only rendered on the upload/configuration steps (see\n// ImportButtonModalLayout); progress and summary map past the last visible step\n// so both rendered steps read as completed if the stepper is ever shown.\nconst STEPPER_INDEX: Record<ImportStep, number> = {\n  upload: 0,\n  configuration: 1,\n  progress: 2,\n  summary: 2,\n};\n\nfunction getStepperSteps(currentStep: ImportStep, t: ImportState['translate']) {\n  const activeIndex = STEPPER_INDEX[currentStep];\n\n  return [\n    { text: t('cairo.import.stepper.upload') },\n    { text: t('cairo.import.stepper.matchFields') },\n  ].map((step, index) => ({\n    ...step,\n    type: (\n      index < activeIndex\n        ? 'completed'\n        : index > activeIndex\n          ? 'disabled'\n          : 'normal'\n    ) as 'completed' | 'disabled' | 'normal',\n  }));\n}\n\nexport interface ImportStepperProps {\n  state: ImportState;\n  removeContentPadding?: boolean;\n}\n\nfunction _ImportStepper({ state, removeContentPadding }: ImportStepperProps) {\n  const activeStep = STEPPER_INDEX[state.currentStep];\n  const steps = getStepperSteps(state.currentStep, state.translate);\n\n  const contentPadding = removeContentPadding ? undefined : 'SP4';\n\n  const handleStepClick = (stepIndex: number) => {\n    if (stepIndex < activeStep) {\n      state.discardAndGoBack();\n    }\n  };\n\n  return (\n    <Box paddingLeft={contentPadding} paddingRight={contentPadding}>\n      <Stepper\n        activeStep={activeStep}\n        steps={steps}\n        onClick={handleStepClick}\n      />\n    </Box>\n  );\n}\n\nexport const ImportStepper = observer(_ImportStepper);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAA2C,IAAAI,YAAA;AAE3C;AACA;AACA;AACA,MAAMC,aAAyC,GAAG;EAChDC,MAAM,EAAE,CAAC;EACTC,aAAa,EAAE,CAAC;EAChBC,QAAQ,EAAE,CAAC;EACXC,OAAO,EAAE;AACX,CAAC;AAED,SAASC,eAAeA,CAACC,WAAuB,EAAEC,CAA2B,EAAE;EAC7E,MAAMC,WAAW,GAAGR,aAAa,CAACM,WAAW,CAAC;EAE9C,OAAO,CACL;IAAEG,IAAI,EAAEF,CAAC,CAAC,6BAA6B;EAAE,CAAC,EAC1C;IAAEE,IAAI,EAAEF,CAAC,CAAC,kCAAkC;EAAE,CAAC,CAChD,CAACG,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,MAAM;IACtB,GAAGD,IAAI;IACPE,IAAI,EACFD,KAAK,GAAGJ,WAAW,GACf,WAAW,GACXI,KAAK,GAAGJ,WAAW,GACjB,UAAU,GACV;EAEV,CAAC,CAAC,CAAC;AACL;AAOA,SAASM,cAAcA,CAAC;EAAEC,KAAK;EAAEC;AAAyC,CAAC,EAAE;EAC3E,MAAMC,UAAU,GAAGjB,aAAa,CAACe,KAAK,CAACT,WAAW,CAAC;EACnD,MAAMY,KAAK,GAAGb,eAAe,CAACU,KAAK,CAACT,WAAW,EAAES,KAAK,CAACI,SAAS,CAAC;EAEjE,MAAMC,cAAc,GAAGJ,oBAAoB,GAAGK,SAAS,GAAG,KAAK;EAE/D,MAAMC,eAAe,GAAIC,SAAiB,IAAK;IAC7C,IAAIA,SAAS,GAAGN,UAAU,EAAE;MAC1BF,KAAK,CAACS,gBAAgB,CAAC,CAAC;IAC1B;EACF,CAAC;EAED,oBACE5B,MAAA,CAAA6B,OAAA,CAAAC,aAAA,CAAChC,aAAA,CAAAiC,GAAG;IAACC,WAAW,EAAER,cAAe;IAACS,YAAY,EAAET,cAAe;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjC,YAAA;MAAAkC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC7DtC,MAAA,CAAA6B,OAAA,CAAAC,aAAA,CAAChC,aAAA,CAAAyC,OAAO;IACNlB,UAAU,EAAEA,UAAW;IACvBC,KAAK,EAAEA,KAAM;IACbkB,OAAO,EAAEd,eAAgB;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjC,YAAA;MAAAkC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC1B,CACE,CAAC;AAEV;AAEO,MAAMG,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,uBAAQ,EAACzB,cAAc,CAAC","ignoreList":[]}

package/dist/cjs/components/ImportButton/getImportModalStepProps.js

@@ -8,11 +8,12 @@ var _react = _interopRequireDefault(require("react"));
 var _ImportStepUpload = require("./ImportStepUpload");
 var _ImportStepConfiguration = require("./ImportStepConfiguration");
 var _ImportStepProgress = require("./ImportStepProgress");
+var _ImportRequiredFieldsSideNote = require("./ImportRequiredFieldsSideNote");
+var _ImportStepSummary = require("./ImportStepSummary");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ImportButton/getImportModalStepProps.tsx";
 function getImportModalStepProps({
   state,
-  isMobile,
-  onEditField
+  isMobile
 }) {
   const {
     currentStep,
@@ -27,7 +28,7 @@ function getImportModalStepProps({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 35,
+          lineNumber: 34,
           columnNumber: 17
         }
       }),
@@ -37,7 +38,7 @@ function getImportModalStepProps({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 37,
+          lineNumber: 36,
           columnNumber: 9
         }
       }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -46,15 +47,19 @@ function getImportModalStepProps({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 38,
+          lineNumber: 37,
           columnNumber: 11
         }
       }, t('cairo.import.footerText')), /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
         size: "small",
+        as: "a",
+        href: "https://support.wix.com/en/article/import-data-from-a-file",
+        target: "_blank",
+        rel: "noopener",
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 41,
+          lineNumber: 40,
           columnNumber: 11
         }
       }, t('cairo.import.footerLink'))),
@@ -79,7 +84,7 @@ function getImportModalStepProps({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 58,
+          lineNumber: 65,
           columnNumber: 9
         }
       }, t('cairo.import.configureMappingsTitle'), /*#__PURE__*/_react.default.createElement(_designSystem.CounterBadge, {
@@ -89,7 +94,7 @@ function getImportModalStepProps({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 60,
+          lineNumber: 67,
           columnNumber: 11
         }
       }, state.csvHeaders.length)) : /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -99,7 +104,7 @@ function getImportModalStepProps({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 69,
+          lineNumber: 76,
           columnNumber: 9
         }
       }, /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
@@ -107,7 +112,7 @@ function getImportModalStepProps({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 70,
+          lineNumber: 77,
           columnNumber: 11
         }
       }, t('cairo.import.configureMappingsTitle')), /*#__PURE__*/_react.default.createElement(_designSystem.CounterBadge, {
@@ -117,21 +122,33 @@ function getImportModalStepProps({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 73,
+          lineNumber: 80,
           columnNumber: 11
         }
       }, state.csvHeaders.length)),
       subtitle: t('cairo.import.subtitle'),
       children: /*#__PURE__*/_react.default.createElement(_ImportStepConfiguration.ImportStepConfiguration, {
         state: state,
-        onEditField: onEditField,
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 84,
-          columnNumber: 9
+          lineNumber: 90,
+          columnNumber: 17
         }
       }),
+      // Left-aligned footer side-note while required fields are unmapped
+      // (CAIRO-4452). Sits in the footer's button row (`sideActions`), not the
+      // full-width footnote strip. The Import button stays enabled; the click is
+      // blocked with a toast in `startImport`.
+      sideActions: state.hasMissingRequiredFields ? /*#__PURE__*/_react.default.createElement(_ImportRequiredFieldsSideNote.ImportRequiredFieldsSideNote, {
+        state: state,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 96,
+          columnNumber: 9
+        }
+      }) : undefined,
       showFooterDivider: true,
       primaryButtonText: t('cairo.import.startImport'),
       primaryButtonOnClick: state.hasMappings ? state.startImport : undefined,
@@ -153,6 +170,47 @@ function getImportModalStepProps({
       onRequestClose: handleClose
     };
   }
+  if (currentStep === 'summary') {
+    const {
+      succeeded,
+      failed
+    } = state.result;
+    const hasFailures = failed > 0;
+    return {
+      title: t('cairo.import.summaryTitle', {
+        imported: String(succeeded),
+        total: state.totalCount
+      }),
+      children: /*#__PURE__*/_react.default.createElement(_ImportStepSummary.ImportStepSummary, {
+        state: state,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 127,
+          columnNumber: 17
+        }
+      }),
+      showFooterDivider: false,
+      // When rows failed, "Download CSV" is the primary (emphasized) action and
+      // "Close" the secondary — the user's next step is to fix the failures. A
+      // fully successful import has nothing to download, so "Close" is primary
+      // and stands alone.
+      ...(hasFailures ? {
+        primaryButtonText: t('cairo.import.downloadCsv'),
+        primaryButtonOnClick: state.downloadFailedRows,
+        secondaryButtonText: t('cairo.import.close'),
+        secondaryButtonOnClick: state.done
+      } : {
+        primaryButtonText: t('cairo.import.close'),
+        primaryButtonOnClick: state.done
+      }),
+      closeButtonProps: {
+        onClick: state.done,
+        autoFocus: true
+      },
+      onRequestClose: state.done
+    };
+  }
   const hasError = state.importStatus.isError;
   return {
     title: hasError ? t('cairo.import.failedTitle') : t('cairo.import.progressTitle'),
@@ -161,7 +219,7 @@ function getImportModalStepProps({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 112,
+        lineNumber: 155,
         columnNumber: 15
       }
     }),

package/dist/cjs/components/ImportButton/getImportModalStepProps.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_ImportStepUpload","_ImportStepConfiguration","_ImportStepProgress","_jsxFileName","getImportModalStepProps","state","isMobile","onEditField","currentStep","translate","t","title","subtitle","children","default","createElement","ImportStepUpload","__self","__source","fileName","lineNumber","columnNumber","footnote","Box","gap","verticalAlign","Text","size","secondary","TextButton","showFooterDivider","secondaryButtonText","secondaryButtonOnClick","close","closeButtonProps","onClick","autoFocus","onRequestClose","handleClose","discardAndClose","removeContentPadding","direction","CounterBadge","skin","dataHook","csvHeaders","length","Heading","ImportStepConfiguration","primaryButtonText","primaryButtonOnClick","hasMappings","startImport","undefined","primaryButtonProps","disabled","primaryButtonTooltipProps","content","hasError","importStatus","isError","ImportStepProgress","isRestoring","secondaryButtonProps"],"sources":["../../../../src/components/ImportButton/getImportModalStepProps.tsx"],"sourcesContent":["import {\n  Box,\n  CounterBadge,\n  CustomModalLayoutProps,\n  Heading,\n  Text,\n  TextButton,\n} from '@wix/design-system';\nimport { ImportState } from '@wix/bex-core';\nimport React, { ReactNode } from 'react';\nimport { ImportStepUpload } from './ImportStepUpload';\nimport { ImportStepConfiguration } from './ImportStepConfiguration';\nimport { ImportStepProgress } from './ImportStepProgress';\n\nexport interface GetImportModalStepProps {\n  state: ImportState;\n  isMobile?: boolean;\n  /** Opens the \"Edit field\" editor for a column's pending new field. */\n  onEditField: (header: string) => void;\n}\n\nexport function getImportModalStepProps({\n  state,\n  isMobile,\n  onEditField,\n}: GetImportModalStepProps): Partial<\n  CustomModalLayoutProps & { children?: ReactNode; onRequestClose?: () => void }\n> {\n  const { currentStep, translate: t } = state;\n\n  if (currentStep === 'upload') {\n    return {\n      title: t('cairo.import.title'),\n      subtitle: t('cairo.import.subtitle'),\n      children: <ImportStepUpload state={state} />,\n      footnote: (\n        <Box gap=\"SP1\" verticalAlign=\"middle\">\n          <Text size=\"small\" secondary>\n            {t('cairo.import.footerText')}\n          </Text>\n          <TextButton size=\"small\">{t('cairo.import.footerLink')}</TextButton>\n        </Box>\n      ),\n      showFooterDivider: false,\n      secondaryButtonText: t('cairo.import.cancel'),\n      secondaryButtonOnClick: state.close,\n      closeButtonProps: { onClick: state.close, autoFocus: true },\n      onRequestClose: state.close,\n    };\n  }\n\n  if (currentStep === 'configuration') {\n    const handleClose = () => state.discardAndClose();\n\n    return {\n      removeContentPadding: true,\n      title: isMobile ? (\n        <Box gap=\"SP1\" verticalAlign=\"middle\" direction=\"horizontal\">\n          {t('cairo.import.configureMappingsTitle')}\n          <CounterBadge\n            size=\"medium\"\n            skin=\"neutralLight\"\n            dataHook=\"import-columns-found-counter\"\n          >\n            {state.csvHeaders.length}\n          </CounterBadge>\n        </Box>\n      ) : (\n        <Box gap=\"SP1\" verticalAlign=\"middle\" direction=\"horizontal\">\n          <Heading size=\"medium\">\n            {t('cairo.import.configureMappingsTitle')}\n          </Heading>\n          <CounterBadge\n            size=\"medium\"\n            skin=\"neutralLight\"\n            dataHook=\"import-columns-found-counter\"\n          >\n            {state.csvHeaders.length}\n          </CounterBadge>\n        </Box>\n      ),\n      subtitle: t('cairo.import.subtitle'),\n      children: (\n        <ImportStepConfiguration state={state} onEditField={onEditField} />\n      ),\n      showFooterDivider: true,\n      primaryButtonText: t('cairo.import.startImport'),\n      primaryButtonOnClick: state.hasMappings ? state.startImport : undefined,\n      ...(isMobile\n        ? { primaryButtonProps: { disabled: !state.hasMappings } }\n        : {\n            primaryButtonTooltipProps: !state.hasMappings\n              ? { content: t('cairo.import.noMappingsTooltip') }\n              : undefined,\n          }),\n      secondaryButtonText: t('cairo.import.cancel'),\n      secondaryButtonOnClick: handleClose,\n      closeButtonProps: {\n        onClick: handleClose,\n        autoFocus: true,\n      },\n      onRequestClose: handleClose,\n    };\n  }\n\n  const hasError = state.importStatus.isError;\n\n  return {\n    title: hasError\n      ? t('cairo.import.failedTitle')\n      : t('cairo.import.progressTitle'),\n    children: <ImportStepProgress state={state} />,\n    showFooterDivider: false,\n    primaryButtonText: hasError\n      ? t('cairo.import.tryAgain')\n      : t('cairo.import.importing'),\n    primaryButtonOnClick: hasError ? state.startImport : undefined,\n    primaryButtonProps: { disabled: !hasError },\n    secondaryButtonText: state.isRestoring\n      ? t('cairo.import.restoring')\n      : t('cairo.import.cancel'),\n    secondaryButtonOnClick: state.close,\n    secondaryButtonProps: { disabled: state.isRestoring },\n    closeButtonProps: { onClick: state.close },\n    onRequestClose: state.isRestoring ? undefined : state.close,\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_ImportStepUpload","_ImportStepConfiguration","_ImportStepProgress","_ImportRequiredFieldsSideNote","_ImportStepSummary","_jsxFileName","getImportModalStepProps","state","isMobile","currentStep","translate","t","title","subtitle","children","default","createElement","ImportStepUpload","__self","__source","fileName","lineNumber","columnNumber","footnote","Box","gap","verticalAlign","Text","size","secondary","TextButton","as","href","target","rel","showFooterDivider","secondaryButtonText","secondaryButtonOnClick","close","closeButtonProps","onClick","autoFocus","onRequestClose","handleClose","discardAndClose","removeContentPadding","direction","CounterBadge","skin","dataHook","csvHeaders","length","Heading","ImportStepConfiguration","sideActions","hasMissingRequiredFields","ImportRequiredFieldsSideNote","undefined","primaryButtonText","primaryButtonOnClick","hasMappings","startImport","primaryButtonProps","disabled","primaryButtonTooltipProps","content","succeeded","failed","result","hasFailures","imported","String","total","totalCount","ImportStepSummary","downloadFailedRows","done","hasError","importStatus","isError","ImportStepProgress","isRestoring","secondaryButtonProps"],"sources":["../../../../src/components/ImportButton/getImportModalStepProps.tsx"],"sourcesContent":["import {\n  Box,\n  CounterBadge,\n  CustomModalLayoutProps,\n  Heading,\n  Text,\n  TextButton,\n} from '@wix/design-system';\nimport { ImportState } from '@wix/bex-core';\nimport React, { ReactNode } from 'react';\nimport { ImportStepUpload } from './ImportStepUpload';\nimport { ImportStepConfiguration } from './ImportStepConfiguration';\nimport { ImportStepProgress } from './ImportStepProgress';\nimport { ImportRequiredFieldsSideNote } from './ImportRequiredFieldsSideNote';\nimport { ImportStepSummary } from './ImportStepSummary';\n\nexport interface GetImportModalStepProps {\n  state: ImportState;\n  isMobile?: boolean;\n}\n\nexport function getImportModalStepProps({\n  state,\n  isMobile,\n}: GetImportModalStepProps): Partial<\n  CustomModalLayoutProps & { children?: ReactNode; onRequestClose?: () => void }\n> {\n  const { currentStep, translate: t } = state;\n\n  if (currentStep === 'upload') {\n    return {\n      title: t('cairo.import.title'),\n      subtitle: t('cairo.import.subtitle'),\n      children: <ImportStepUpload state={state} />,\n      footnote: (\n        <Box gap=\"SP1\" verticalAlign=\"middle\">\n          <Text size=\"small\" secondary>\n            {t('cairo.import.footerText')}\n          </Text>\n          <TextButton\n            size=\"small\"\n            as=\"a\"\n            href=\"https://support.wix.com/en/article/import-data-from-a-file\"\n            target=\"_blank\"\n            rel=\"noopener\"\n          >\n            {t('cairo.import.footerLink')}\n          </TextButton>\n        </Box>\n      ),\n      showFooterDivider: false,\n      secondaryButtonText: t('cairo.import.cancel'),\n      secondaryButtonOnClick: state.close,\n      closeButtonProps: { onClick: state.close, autoFocus: true },\n      onRequestClose: state.close,\n    };\n  }\n\n  if (currentStep === 'configuration') {\n    const handleClose = () => state.discardAndClose();\n\n    return {\n      removeContentPadding: true,\n      title: isMobile ? (\n        <Box gap=\"SP1\" verticalAlign=\"middle\" direction=\"horizontal\">\n          {t('cairo.import.configureMappingsTitle')}\n          <CounterBadge\n            size=\"medium\"\n            skin=\"neutralLight\"\n            dataHook=\"import-columns-found-counter\"\n          >\n            {state.csvHeaders.length}\n          </CounterBadge>\n        </Box>\n      ) : (\n        <Box gap=\"SP1\" verticalAlign=\"middle\" direction=\"horizontal\">\n          <Heading size=\"medium\">\n            {t('cairo.import.configureMappingsTitle')}\n          </Heading>\n          <CounterBadge\n            size=\"medium\"\n            skin=\"neutralLight\"\n            dataHook=\"import-columns-found-counter\"\n          >\n            {state.csvHeaders.length}\n          </CounterBadge>\n        </Box>\n      ),\n      subtitle: t('cairo.import.subtitle'),\n      children: <ImportStepConfiguration state={state} />,\n      // Left-aligned footer side-note while required fields are unmapped\n      // (CAIRO-4452). Sits in the footer's button row (`sideActions`), not the\n      // full-width footnote strip. The Import button stays enabled; the click is\n      // blocked with a toast in `startImport`.\n      sideActions: state.hasMissingRequiredFields ? (\n        <ImportRequiredFieldsSideNote state={state} />\n      ) : undefined,\n      showFooterDivider: true,\n      primaryButtonText: t('cairo.import.startImport'),\n      primaryButtonOnClick: state.hasMappings ? state.startImport : undefined,\n      ...(isMobile\n        ? { primaryButtonProps: { disabled: !state.hasMappings } }\n        : {\n            primaryButtonTooltipProps: !state.hasMappings\n              ? { content: t('cairo.import.noMappingsTooltip') }\n              : undefined,\n          }),\n      secondaryButtonText: t('cairo.import.cancel'),\n      secondaryButtonOnClick: handleClose,\n      closeButtonProps: {\n        onClick: handleClose,\n        autoFocus: true,\n      },\n      onRequestClose: handleClose,\n    };\n  }\n\n  if (currentStep === 'summary') {\n    const { succeeded, failed } = state.result;\n    const hasFailures = failed > 0;\n\n    return {\n      title: t('cairo.import.summaryTitle', {\n        imported: String(succeeded),\n        total: state.totalCount,\n      }),\n      children: <ImportStepSummary state={state} />,\n      showFooterDivider: false,\n      // When rows failed, \"Download CSV\" is the primary (emphasized) action and\n      // \"Close\" the secondary — the user's next step is to fix the failures. A\n      // fully successful import has nothing to download, so \"Close\" is primary\n      // and stands alone.\n      ...(hasFailures\n        ? {\n            primaryButtonText: t('cairo.import.downloadCsv'),\n            primaryButtonOnClick: state.downloadFailedRows,\n            secondaryButtonText: t('cairo.import.close'),\n            secondaryButtonOnClick: state.done,\n          }\n        : {\n            primaryButtonText: t('cairo.import.close'),\n            primaryButtonOnClick: state.done,\n          }),\n      closeButtonProps: { onClick: state.done, autoFocus: true },\n      onRequestClose: state.done,\n    };\n  }\n\n  const hasError = state.importStatus.isError;\n\n  return {\n    title: hasError\n      ? t('cairo.import.failedTitle')\n      : t('cairo.import.progressTitle'),\n    children: <ImportStepProgress state={state} />,\n    showFooterDivider: false,\n    primaryButtonText: hasError\n      ? t('cairo.import.tryAgain')\n      : t('cairo.import.importing'),\n    primaryButtonOnClick: hasError ? state.startImport : undefined,\n    primaryButtonProps: { disabled: !hasError },\n    secondaryButtonText: state.isRestoring\n      ? t('cairo.import.restoring')\n      : t('cairo.import.cancel'),\n    secondaryButtonOnClick: state.close,\n    secondaryButtonProps: { disabled: state.isRestoring },\n    closeButtonProps: { onClick: state.close },\n    onRequestClose: state.isRestoring ? undefined : state.close,\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ImportButton/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ImportButton","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","_ImportModal","_ImportProps","ImportButtonProps","ImportModalProps"],"sources":["../../../../src/components/ImportButton/index.ts"],"sourcesContent":["export * from './ImportButton';\nexport * from './ImportModal';\nexport { ImportButtonProps, ImportModalProps } from './ImportProps';\n"],"mappings":";;;;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAK,OAAA,CAAAL,GAAA,IAAAL,aAAA,CAAAK,GAAA;AAAA;AACA,IAAAM,YAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,YAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAM,YAAA,CAAAN,GAAA;EAAAK,OAAA,CAAAL,GAAA,IAAAM,YAAA,CAAAN,GAAA;AAAA;AACA,IAAAO,YAAA,GAAAX,OAAA;AAAoES,OAAA,CAAAG,iBAAA,GAAAD,YAAA,CAAAC,iBAAA;AAAAH,OAAA,CAAAI,gBAAA,GAAAF,YAAA,CAAAE,gBAAA","ignoreList":[]}
+{"version":3,"names":["_ImportButton","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","_ImportModal","_ImportProps","ImportButtonProps","ImportModalProps"],"sources":["../../../../src/components/ImportButton/index.ts"],"sourcesContent":["export * from './ImportButton';\nexport * from './ImportModal';\nexport { ImportButtonProps, ImportModalProps } from './ImportProps';\nexport type { ImportConfig } from '@wix/bex-core';\n"],"mappings":";;;;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAK,OAAA,CAAAL,GAAA,IAAAL,aAAA,CAAAK,GAAA;AAAA;AACA,IAAAM,YAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,YAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAM,YAAA,CAAAN,GAAA;EAAAK,OAAA,CAAAL,GAAA,IAAAM,YAAA,CAAAN,GAAA;AAAA;AACA,IAAAO,YAAA,GAAAX,OAAA;AAAoES,OAAA,CAAAG,iBAAA,GAAAD,YAAA,CAAAC,iBAAA;AAAAH,OAAA,CAAAI,gBAAA,GAAAF,YAAA,CAAAE,gBAAA","ignoreList":[]}

package/dist/cjs/components/ImportButton/newFieldTypeMapping.js

@@ -2,22 +2,6 @@
 
 exports.__esModule = true;
 exports.toPatternsFieldType = void 0;
-// Maps the import flow's `NewFieldType` (lowercase, data-driven detection) to the
-// schema's `PatternsFieldType` (uppercase) used by `Field` / the field editor.
-// The reverse mapping (editor output → `NewFieldType`) lives in core, next to
-// `ImportState`, which consumes it directly.
-
-const NEW_FIELD_TYPE_TO_PATTERNS = {
-  text: 'SHORT_TEXT',
-  number: 'NUMBER',
-  date: 'DATE',
-  boolean: 'BOOLEAN',
-  url: 'URL',
-  image: 'IMAGE',
-  video: 'VIDEO',
-  document: 'DOCUMENT',
-  audio: 'AUDIO'
-};
-const toPatternsFieldType = type => NEW_FIELD_TYPE_TO_PATTERNS[type];
-exports.toPatternsFieldType = toPatternsFieldType;
+var _bexCore = require("@wix/bex-core");
+exports.toPatternsFieldType = _bexCore.toPatternsFieldType;
 //# sourceMappingURL=newFieldTypeMapping.js.map

package/dist/cjs/components/ImportButton/newFieldTypeMapping.js.map

@@ -1 +1 @@
-{"version":3,"names":["NEW_FIELD_TYPE_TO_PATTERNS","text","number","date","boolean","url","image","video","document","audio","toPatternsFieldType","type","exports"],"sources":["../../../../src/components/ImportButton/newFieldTypeMapping.ts"],"sourcesContent":["import type { NewFieldType, PatternsFieldType } from '@wix/bex-core';\n\n// Maps the import flow's `NewFieldType` (lowercase, data-driven detection) to the\n// schema's `PatternsFieldType` (uppercase) used by `Field` / the field editor.\n// The reverse mapping (editor output → `NewFieldType`) lives in core, next to\n// `ImportState`, which consumes it directly.\n\nconst NEW_FIELD_TYPE_TO_PATTERNS: Record<NewFieldType, PatternsFieldType> = {\n  text: 'SHORT_TEXT',\n  number: 'NUMBER',\n  date: 'DATE',\n  boolean: 'BOOLEAN',\n  url: 'URL',\n  image: 'IMAGE',\n  video: 'VIDEO',\n  document: 'DOCUMENT',\n  audio: 'AUDIO',\n};\n\nexport const toPatternsFieldType = (type: NewFieldType): PatternsFieldType =>\n  NEW_FIELD_TYPE_TO_PATTERNS[type];\n"],"mappings":";;;;AAEA;AACA;AACA;AACA;;AAEA,MAAMA,0BAAmE,GAAG;EAC1EC,IAAI,EAAE,YAAY;EAClBC,MAAM,EAAE,QAAQ;EAChBC,IAAI,EAAE,MAAM;EACZC,OAAO,EAAE,SAAS;EAClBC,GAAG,EAAE,KAAK;EACVC,KAAK,EAAE,OAAO;EACdC,KAAK,EAAE,OAAO;EACdC,QAAQ,EAAE,UAAU;EACpBC,KAAK,EAAE;AACT,CAAC;AAEM,MAAMC,mBAAmB,GAAIC,IAAkB,IACpDX,0BAA0B,CAACW,IAAI,CAAC;AAACC,OAAA,CAAAF,mBAAA,GAAAA,mBAAA","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","exports","toPatternsFieldType"],"sources":["../../../../src/components/ImportButton/newFieldTypeMapping.ts"],"sourcesContent":["export { toPatternsFieldType } from '@wix/bex-core';\n"],"mappings":";;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAAoDC,OAAA,CAAAC,mBAAA,GAAAH,QAAA,CAAAG,mBAAA","ignoreList":[]}

package/dist/cjs/components/InputOverflow/InputOverflow.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_ = "InputOverflow4130537648";
+var _namespace_ = "InputOverflow1073409881";
 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": "InputOverflow4130537648__root"
+  "root": "InputOverflow1073409881__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/InputOverflow/InputOverflow.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/InputOverflow/InputOverflow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"InputOverflow4130537648\";\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\":\"InputOverflow4130537648__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/InputOverflow/InputOverflow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"InputOverflow1073409881\";\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\":\"InputOverflow1073409881__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/LayoutSwitch/LayoutSwitch.js

@@ -17,6 +17,7 @@ const LazyEditableTable = /*#__PURE__*/_react.default.lazy(() => Promise.resolve
 })));
 function _LayoutSwitch({
   state,
+  importButton,
   tableProps,
   gridProps,
   spreadsheetProps
@@ -63,7 +64,7 @@ function _LayoutSwitch({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 74,
+      lineNumber: 82,
       columnNumber: 5
     }
   });
@@ -74,7 +75,7 @@ function _LayoutSwitch({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 78,
+        lineNumber: 86,
         columnNumber: 12
       }
     });
@@ -92,15 +93,16 @@ function _LayoutSwitch({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 89,
+        lineNumber: 97,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_Table.Table, (0, _extends2.default)({}, tableProps, {
+      importButton: tableProps.importButton ?? importButton,
       tableGridSwitchButton: layoutSwitchButton,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 90,
+        lineNumber: 98,
         columnNumber: 9
       }
     })));
@@ -114,15 +116,16 @@ function _LayoutSwitch({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 97,
+        lineNumber: 109,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_Grid.Grid, (0, _extends2.default)({}, gridProps, {
+      importButton: gridProps.importButton ?? importButton,
       tableGridSwitchButton: layoutSwitchButton,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 98,
+        lineNumber: 110,
         columnNumber: 9
       }
     })));
@@ -136,7 +139,7 @@ function _LayoutSwitch({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 105,
+        lineNumber: 121,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_react.Suspense, {
@@ -146,22 +149,23 @@ function _LayoutSwitch({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 107,
+          lineNumber: 123,
           columnNumber: 21
         }
       }),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 106,
+        lineNumber: 122,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(LazyEditableTable, (0, _extends2.default)({}, spreadsheetProps, {
+      importButton: spreadsheetProps.importButton ?? importButton,
       tableGridSwitchButton: layoutSwitchButton,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 109,
+        lineNumber: 125,
         columnNumber: 11
       }
     }))));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_Table","_Grid","_InitialLoader","_LayoutSwitchButton","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","LazyEditableTable","React","lazy","Promise","resolve","then","m","EditableTable","_LayoutSwitch","state","tableProps","gridProps","spreadsheetProps","viewTypeState","initTask","toolbar","isLoading","status","isIdle","availableOptions","useMemo","options","filter","option","useEffect","init","length","includes","viewType","changeViewType","console","error","layoutSwitchButton","createElement","LayoutSwitchButton","__self","__source","fileName","lineNumber","columnNumber","InitialLoader","dataHook","activeView","style","display","Table","_extends2","tableGridSwitchButton","Grid","Suspense","fallback","LayoutSwitch","exports","observer"],"sources":["../../../../src/components/LayoutSwitch/LayoutSwitch.tsx"],"sourcesContent":["import React, { Suspense, useEffect, useMemo } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { Table, TableProps } from '../Table';\nimport { Grid, GridProps } from '../Grid';\nimport type { EditableTableProps } from '../EditableTable';\nimport { InitialLoader } from '../InitialLoader';\nimport { LayoutSwitchButton } from '../LayoutSwitchButton';\nimport type { ILayoutSwitchState } from '../../state/ILayoutSwitchState';\n\nconst LazyEditableTable = React.lazy(() =>\n  import('../EditableTable').then((m) => ({\n    default: m.EditableTable as React.ComponentType<any>,\n  })),\n);\n\nexport interface LayoutSwitchProps<T, F extends FiltersMap> {\n  state: ILayoutSwitchState<T, F>;\n  tableProps?: Omit<TableProps<T, F>, 'tableGridSwitchButton'>;\n  gridProps?: Omit<GridProps<T, F>, 'tableGridSwitchButton'>;\n  spreadsheetProps?: Omit<EditableTableProps<T, F>, 'tableGridSwitchButton'>;\n}\n\nfunction _LayoutSwitch<T, F extends FiltersMap>({\n  state,\n  tableProps,\n  gridProps,\n  spreadsheetProps,\n}: LayoutSwitchProps<T, F>) {\n  const { viewTypeState, initTask, toolbar } = state;\n  const isLoading = initTask.status.isIdle || initTask.status.isLoading;\n\n  // Recompute only when a prop flips between defined and undefined.\n  const availableOptions = useMemo(\n    () =>\n      viewTypeState.options.filter((option) => {\n        if (option === 'table') {\n          return !!tableProps;\n        }\n        if (option === 'grid') {\n          return !!gridProps;\n        }\n        if (option === 'spreadsheet') {\n          return !!spreadsheetProps;\n        }\n        return false;\n      }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [!!tableProps, !!gridProps, !!spreadsheetProps],\n  );\n\n  useEffect(() => state.init(), []);\n\n  // If the stored viewType is not among the available options (e.g. 'grid' was\n  // persisted but gridProps is not provided), persist the correction so the next\n  // load starts from a valid value. changeViewType also updates dataCapsule.\n  useEffect(() => {\n    if (\n      availableOptions.length > 0 &&\n      !availableOptions.includes(viewTypeState.viewType)\n    ) {\n      viewTypeState.changeViewType(availableOptions[0]!);\n    }\n  }, [availableOptions, viewTypeState.viewType]);\n\n  if (!availableOptions.length) {\n    console.error(\n      '[LayoutSwitch] At least one of tableProps, gridProps, or spreadsheetProps must be provided.',\n    );\n    return null;\n  }\n\n  const layoutSwitchButton = (\n    <LayoutSwitchButton state={viewTypeState} options={availableOptions} />\n  );\n\n  if (isLoading) {\n    return <InitialLoader dataHook=\"initial-loader\" state={toolbar} />;\n  }\n\n  // If viewType is not yet available (loaded from storage but xProp absent),\n  // fall back locally without waiting for the correction effect to fire.\n  const activeView = availableOptions.includes(viewTypeState.viewType)\n    ? viewTypeState.viewType\n    : availableOptions[0];\n\n  if (activeView === 'table') {\n    return (\n      <div data-hook=\"layout-view-table\" style={{ display: 'contents' }}>\n        <Table {...tableProps!} tableGridSwitchButton={layoutSwitchButton} />\n      </div>\n    );\n  }\n\n  if (activeView === 'grid') {\n    return (\n      <div data-hook=\"layout-view-grid\" style={{ display: 'contents' }}>\n        <Grid {...gridProps!} tableGridSwitchButton={layoutSwitchButton} />\n      </div>\n    );\n  }\n\n  if (activeView === 'spreadsheet') {\n    return (\n      <div data-hook=\"layout-view-spreadsheet\" style={{ display: 'contents' }}>\n        <Suspense\n          fallback={<InitialLoader dataHook=\"initial-loader\" state={toolbar} />}\n        >\n          <LazyEditableTable\n            {...spreadsheetProps!}\n            tableGridSwitchButton={layoutSwitchButton}\n          />\n        </Suspense>\n      </div>\n    );\n  }\n\n  return null;\n}\n\nexport const LayoutSwitch = observer(_LayoutSwitch);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_Table","_Grid","_InitialLoader","_LayoutSwitchButton","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","LazyEditableTable","React","lazy","Promise","resolve","then","m","EditableTable","_LayoutSwitch","state","importButton","tableProps","gridProps","spreadsheetProps","viewTypeState","initTask","toolbar","isLoading","status","isIdle","availableOptions","useMemo","options","filter","option","useEffect","init","length","includes","viewType","changeViewType","console","error","layoutSwitchButton","createElement","LayoutSwitchButton","__self","__source","fileName","lineNumber","columnNumber","InitialLoader","dataHook","activeView","style","display","Table","_extends2","tableGridSwitchButton","Grid","Suspense","fallback","LayoutSwitch","exports","observer"],"sources":["../../../../src/components/LayoutSwitch/LayoutSwitch.tsx"],"sourcesContent":["import React, { ReactElement, Suspense, useEffect, useMemo } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { Table, TableProps } from '../Table';\nimport { Grid, GridProps } from '../Grid';\nimport type { EditableTableProps } from '../EditableTable';\nimport { InitialLoader } from '../InitialLoader';\nimport { LayoutSwitchButton } from '../LayoutSwitchButton';\nimport type { ILayoutSwitchState } from '../../state/ILayoutSwitchState';\n\nconst LazyEditableTable = React.lazy(() =>\n  import('../EditableTable').then((m) => ({\n    default: m.EditableTable as React.ComponentType<any>,\n  })),\n);\n\nexport interface LayoutSwitchProps<T, F extends FiltersMap> {\n  state: ILayoutSwitchState<T, F>;\n  /**\n   * An `<ImportButton />` element added to the toolbar of whichever layout is\n   * shown. Set it here once instead of repeating it in each layout's props. A\n   * layout's own `importButton` (in `tableProps`/`gridProps`/`spreadsheetProps`)\n   * takes precedence over this one.\n   */\n  importButton?: ReactElement;\n  tableProps?: Omit<TableProps<T, F>, 'tableGridSwitchButton'>;\n  gridProps?: Omit<GridProps<T, F>, 'tableGridSwitchButton'>;\n  spreadsheetProps?: Omit<EditableTableProps<T, F>, 'tableGridSwitchButton'>;\n}\n\nfunction _LayoutSwitch<T, F extends FiltersMap>({\n  state,\n  importButton,\n  tableProps,\n  gridProps,\n  spreadsheetProps,\n}: LayoutSwitchProps<T, F>) {\n  const { viewTypeState, initTask, toolbar } = state;\n  const isLoading = initTask.status.isIdle || initTask.status.isLoading;\n\n  // Recompute only when a prop flips between defined and undefined.\n  const availableOptions = useMemo(\n    () =>\n      viewTypeState.options.filter((option) => {\n        if (option === 'table') {\n          return !!tableProps;\n        }\n        if (option === 'grid') {\n          return !!gridProps;\n        }\n        if (option === 'spreadsheet') {\n          return !!spreadsheetProps;\n        }\n        return false;\n      }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [!!tableProps, !!gridProps, !!spreadsheetProps],\n  );\n\n  useEffect(() => state.init(), []);\n\n  // If the stored viewType is not among the available options (e.g. 'grid' was\n  // persisted but gridProps is not provided), persist the correction so the next\n  // load starts from a valid value. changeViewType also updates dataCapsule.\n  useEffect(() => {\n    if (\n      availableOptions.length > 0 &&\n      !availableOptions.includes(viewTypeState.viewType)\n    ) {\n      viewTypeState.changeViewType(availableOptions[0]!);\n    }\n  }, [availableOptions, viewTypeState.viewType]);\n\n  if (!availableOptions.length) {\n    console.error(\n      '[LayoutSwitch] At least one of tableProps, gridProps, or spreadsheetProps must be provided.',\n    );\n    return null;\n  }\n\n  const layoutSwitchButton = (\n    <LayoutSwitchButton state={viewTypeState} options={availableOptions} />\n  );\n\n  if (isLoading) {\n    return <InitialLoader dataHook=\"initial-loader\" state={toolbar} />;\n  }\n\n  // If viewType is not yet available (loaded from storage but xProp absent),\n  // fall back locally without waiting for the correction effect to fire.\n  const activeView = availableOptions.includes(viewTypeState.viewType)\n    ? viewTypeState.viewType\n    : availableOptions[0];\n\n  if (activeView === 'table') {\n    return (\n      <div data-hook=\"layout-view-table\" style={{ display: 'contents' }}>\n        <Table\n          {...tableProps!}\n          importButton={tableProps!.importButton ?? importButton}\n          tableGridSwitchButton={layoutSwitchButton}\n        />\n      </div>\n    );\n  }\n\n  if (activeView === 'grid') {\n    return (\n      <div data-hook=\"layout-view-grid\" style={{ display: 'contents' }}>\n        <Grid\n          {...gridProps!}\n          importButton={gridProps!.importButton ?? importButton}\n          tableGridSwitchButton={layoutSwitchButton}\n        />\n      </div>\n    );\n  }\n\n  if (activeView === 'spreadsheet') {\n    return (\n      <div data-hook=\"layout-view-spreadsheet\" style={{ display: 'contents' }}>\n        <Suspense\n          fallback={<InitialLoader dataHook=\"initial-loader\" state={toolbar} />}\n        >\n          <LazyEditableTable\n            {...spreadsheetProps!}\n            importButton={spreadsheetProps!.importButton ?? importButton}\n            tableGridSwitchButton={layoutSwitchButton}\n          />\n        </Suspense>\n      </div>\n    );\n  }\n\n  return null;\n}\n\nexport const LayoutSwitch = observer(_LayoutSwitch);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/LayoutSwitchButton/LayoutSwitchButton.js

@@ -7,6 +7,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
 var _react2 = require("@wix/bex-core/react");
 var _layoutConfig = require("./layoutConfig");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/LayoutSwitchButton/LayoutSwitchButton.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 _LayoutSwitchButton({
@@ -21,6 +22,7 @@ function _LayoutSwitchButton({
     viewType
   } = state;
   const isLayoutToggleRedesignEnabled = internalExperiments == null ? void 0 : internalExperiments.enabled('specs.cairo.layout-toggle.redesign');
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const dropdownOptions = (0, _react.useMemo)(() => options.map(option => (0, _designSystem.listItemSelectBuilder)({
     id: option,
     title: t(_layoutConfig.layoutConfig[option].translationKey),
@@ -29,7 +31,7 @@ function _LayoutSwitchButton({
   })), [t, options]);
   if (!isLayoutToggleRedesignEnabled) {
     return /*#__PURE__*/_react.default.createElement(_designSystem.SegmentedToggle, {
-      size: "small",
+      size: isBmHarmonyTheme ? 'tiny' : 'small',
       dataHook: "layout-switch-toggle-button",
       selected: viewType,
       onClick: (_, value) => {
@@ -41,7 +43,7 @@ function _LayoutSwitchButton({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 42,
+        lineNumber: 44,
         columnNumber: 7
       }
     }, options.map(option => /*#__PURE__*/_react.default.createElement(_designSystem.SegmentedToggle.Icon, {
@@ -52,7 +54,7 @@ function _LayoutSwitchButton({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 54,
+        lineNumber: 56,
         columnNumber: 11
       }
     }, _layoutConfig.layoutConfig[option].icon)));
@@ -73,7 +75,7 @@ function _LayoutSwitchButton({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 68,
+      lineNumber: 70,
       columnNumber: 5
     }
   }, ({
@@ -84,7 +86,7 @@ function _LayoutSwitchButton({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 83,
+      lineNumber: 85,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
@@ -99,7 +101,7 @@ function _LayoutSwitchButton({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 84,
+      lineNumber: 86,
       columnNumber: 11
     }
   }, _layoutConfig.layoutConfig[viewType].icon)));

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

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireWildcard","_designSystem","_react2","_layoutConfig","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_LayoutSwitchButton","state","options","translate","internalExperiments","useWixPatternsContainer","viewType","isLayoutToggleRedesignEnabled","enabled","dropdownOptions","useMemo","map","option","listItemSelectBuilder","id","title","layoutConfig","translationKey","prefix","icon","dataHook","createElement","SegmentedToggle","size","selected","onClick","_","value","changeViewType","__self","__source","fileName","lineNumber","columnNumber","Icon","key","tooltipText","DropdownBase","selectedId","showArrow","onSelect","selectedOption","index","indexOf","reportLayoutOptionClicked","toggle","Tooltip","content","IconButton","priority","reportLayoutSwitch","LayoutSwitchButton","exports","observer"],"sources":["../../../../src/components/LayoutSwitchButton/LayoutSwitchButton.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport React, { useMemo } from 'react';\nimport {\n  DropdownBase,\n  IconButton,\n  listItemSelectBuilder,\n  SegmentedToggle,\n  Tooltip,\n} from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { ViewType, ViewTypeState } from '../../state/ViewTypeState';\nimport { layoutConfig } from './layoutConfig';\n\nexport interface LayoutSwitchButtonProps {\n  state: ViewTypeState;\n  options: ViewType[];\n}\n\nfunction _LayoutSwitchButton({ state, options }: LayoutSwitchButtonProps) {\n  const { translate: t, internalExperiments } = useWixPatternsContainer();\n  const { viewType } = state;\n\n  const isLayoutToggleRedesignEnabled = internalExperiments?.enabled(\n    'specs.cairo.layout-toggle.redesign',\n  );\n\n  const dropdownOptions = useMemo(\n    () =>\n      options.map((option) =>\n        listItemSelectBuilder({\n          id: option,\n          title: t(layoutConfig[option].translationKey),\n          prefix: layoutConfig[option].icon,\n          dataHook: `layout-option-${option}`,\n        }),\n      ),\n    [t, options],\n  );\n\n  if (!isLayoutToggleRedesignEnabled) {\n    return (\n      <SegmentedToggle\n        size=\"small\"\n        dataHook=\"layout-switch-toggle-button\"\n        selected={viewType}\n        onClick={(_, value) => {\n          if (state.viewType === value) {\n            return;\n          }\n          state.changeViewType(value as ViewType);\n        }}\n      >\n        {options.map((option) => (\n          <SegmentedToggle.Icon\n            key={option}\n            value={option}\n            dataHook={`toggle-option-${option}`}\n            tooltipText={t(layoutConfig[option].translationKey)}\n          >\n            {layoutConfig[option].icon}\n          </SegmentedToggle.Icon>\n        ))}\n      </SegmentedToggle>\n    );\n  }\n\n  return (\n    <DropdownBase\n      dataHook=\"layout-switch-popover\"\n      options={dropdownOptions}\n      selectedId={viewType}\n      showArrow\n      onSelect={(option) => {\n        const selectedOption = option.id as ViewType;\n        const index = options.indexOf(selectedOption);\n        state.reportLayoutOptionClicked(selectedOption, index);\n        if (viewType !== selectedOption) {\n          state.changeViewType(selectedOption);\n        }\n      }}\n    >\n      {({ toggle }) => (\n        <Tooltip content={t('cairo.table.layout.switchLayout')} size=\"medium\">\n          <IconButton\n            dataHook=\"layout-switch-button\"\n            size=\"small\"\n            priority=\"secondary\"\n            aria-haspopup=\"menu\"\n            onClick={() => {\n              state.reportLayoutSwitch();\n              toggle();\n            }}\n          >\n            {layoutConfig[viewType].icon}\n          </IconButton>\n        </Tooltip>\n      )}\n    </DropdownBase>\n  );\n}\n\nexport const LayoutSwitchButton = observer(_LayoutSwitchButton);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireWildcard","_designSystem","_react2","_layoutConfig","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_LayoutSwitchButton","state","options","translate","internalExperiments","useWixPatternsContainer","viewType","isLayoutToggleRedesignEnabled","enabled","isBmHarmonyTheme","useBmHarmonyTheme","dropdownOptions","useMemo","map","option","listItemSelectBuilder","id","title","layoutConfig","translationKey","prefix","icon","dataHook","createElement","SegmentedToggle","size","selected","onClick","_","value","changeViewType","__self","__source","fileName","lineNumber","columnNumber","Icon","key","tooltipText","DropdownBase","selectedId","showArrow","onSelect","selectedOption","index","indexOf","reportLayoutOptionClicked","toggle","Tooltip","content","IconButton","priority","reportLayoutSwitch","LayoutSwitchButton","exports","observer"],"sources":["../../../../src/components/LayoutSwitchButton/LayoutSwitchButton.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport React, { useMemo } from 'react';\nimport {\n  DropdownBase,\n  IconButton,\n  listItemSelectBuilder,\n  SegmentedToggle,\n  Tooltip,\n} from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { ViewType, ViewTypeState } from '../../state/ViewTypeState';\nimport { layoutConfig } from './layoutConfig';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface LayoutSwitchButtonProps {\n  state: ViewTypeState;\n  options: ViewType[];\n}\n\nfunction _LayoutSwitchButton({ state, options }: LayoutSwitchButtonProps) {\n  const { translate: t, internalExperiments } = useWixPatternsContainer();\n  const { viewType } = state;\n\n  const isLayoutToggleRedesignEnabled = internalExperiments?.enabled(\n    'specs.cairo.layout-toggle.redesign',\n  );\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n\n  const dropdownOptions = useMemo(\n    () =>\n      options.map((option) =>\n        listItemSelectBuilder({\n          id: option,\n          title: t(layoutConfig[option].translationKey),\n          prefix: layoutConfig[option].icon,\n          dataHook: `layout-option-${option}`,\n        }),\n      ),\n    [t, options],\n  );\n\n  if (!isLayoutToggleRedesignEnabled) {\n    return (\n      <SegmentedToggle\n        size={isBmHarmonyTheme ? 'tiny' : 'small'}\n        dataHook=\"layout-switch-toggle-button\"\n        selected={viewType}\n        onClick={(_, value) => {\n          if (state.viewType === value) {\n            return;\n          }\n          state.changeViewType(value as ViewType);\n        }}\n      >\n        {options.map((option) => (\n          <SegmentedToggle.Icon\n            key={option}\n            value={option}\n            dataHook={`toggle-option-${option}`}\n            tooltipText={t(layoutConfig[option].translationKey)}\n          >\n            {layoutConfig[option].icon}\n          </SegmentedToggle.Icon>\n        ))}\n      </SegmentedToggle>\n    );\n  }\n\n  return (\n    <DropdownBase\n      dataHook=\"layout-switch-popover\"\n      options={dropdownOptions}\n      selectedId={viewType}\n      showArrow\n      onSelect={(option) => {\n        const selectedOption = option.id as ViewType;\n        const index = options.indexOf(selectedOption);\n        state.reportLayoutOptionClicked(selectedOption, index);\n        if (viewType !== selectedOption) {\n          state.changeViewType(selectedOption);\n        }\n      }}\n    >\n      {({ toggle }) => (\n        <Tooltip content={t('cairo.table.layout.switchLayout')} size=\"medium\">\n          <IconButton\n            dataHook=\"layout-switch-button\"\n            size=\"small\"\n            priority=\"secondary\"\n            aria-haspopup=\"menu\"\n            onClick={() => {\n              state.reportLayoutSwitch();\n              toggle();\n            }}\n          >\n            {layoutConfig[viewType].icon}\n          </IconButton>\n        </Tooltip>\n      )}\n    </DropdownBase>\n  );\n}\n\nexport const LayoutSwitchButton = observer(_LayoutSwitchButton);\n"],"mappings":";;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAOA,IAAAI,OAAA,GAAAJ,OAAA;AAEA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,kBAAA,GAAAN,OAAA;AAAkE,IAAAO,YAAA;AAAA,SAAAL,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAM,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;AAOlE,SAASkB,mBAAmBA,CAAC;EAAEC,KAAK;EAAEC;AAAiC,CAAC,EAAE;EACxE,MAAM;IAAEC,SAAS,EAAErB,CAAC;IAAEsB;EAAoB,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EACvE,MAAM;IAAEC;EAAS,CAAC,GAAGL,KAAK;EAE1B,MAAMM,6BAA6B,GAAGH,mBAAmB,oBAAnBA,mBAAmB,CAAEI,OAAO,CAChE,oCACF,CAAC;EACD,MAAMC,gBAAgB,GAAG,IAAAC,oCAAiB,EAAC,CAAC;EAE5C,MAAMC,eAAe,GAAG,IAAAC,cAAO,EAC7B,MACEV,OAAO,CAACW,GAAG,CAAEC,MAAM,IACjB,IAAAC,mCAAqB,EAAC;IACpBC,EAAE,EAAEF,MAAM;IACVG,KAAK,EAAEnC,CAAC,CAACoC,0BAAY,CAACJ,MAAM,CAAC,CAACK,cAAc,CAAC;IAC7CC,MAAM,EAAEF,0BAAY,CAACJ,MAAM,CAAC,CAACO,IAAI;IACjCC,QAAQ,EAAE,iBAAiBR,MAAM;EACnC,CAAC,CACH,CAAC,EACH,CAAChC,CAAC,EAAEoB,OAAO,CACb,CAAC;EAED,IAAI,CAACK,6BAA6B,EAAE;IAClC,oBACEjC,MAAA,CAAAiB,OAAA,CAAAgC,aAAA,CAAC/C,aAAA,CAAAgD,eAAe;MACdC,IAAI,EAAEhB,gBAAgB,GAAG,MAAM,GAAG,OAAQ;MAC1Ca,QAAQ,EAAC,6BAA6B;MACtCI,QAAQ,EAAEpB,QAAS;MACnBqB,OAAO,EAAEA,CAACC,CAAC,EAAEC,KAAK,KAAK;QACrB,IAAI5B,KAAK,CAACK,QAAQ,KAAKuB,KAAK,EAAE;UAC5B;QACF;QACA5B,KAAK,CAAC6B,cAAc,CAACD,KAAiB,CAAC;MACzC,CAAE;MAAAE,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArD,YAAA;QAAAsD,UAAA;QAAAC,YAAA;MAAA;IAAA,GAEDjC,OAAO,CAACW,GAAG,CAAEC,MAAM,iBAClBxC,MAAA,CAAAiB,OAAA,CAAAgC,aAAA,CAAC/C,aAAA,CAAAgD,eAAe,CAACY,IAAI;MACnBC,GAAG,EAAEvB,MAAO;MACZe,KAAK,EAAEf,MAAO;MACdQ,QAAQ,EAAE,iBAAiBR,MAAM,EAAG;MACpCwB,WAAW,EAAExD,CAAC,CAACoC,0BAAY,CAACJ,MAAM,CAAC,CAACK,cAAc,CAAE;MAAAY,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArD,YAAA;QAAAsD,UAAA;QAAAC,YAAA;MAAA;IAAA,GAEnDjB,0BAAY,CAACJ,MAAM,CAAC,CAACO,IACF,CACvB,CACc,CAAC;EAEtB;EAEA,oBACE/C,MAAA,CAAAiB,OAAA,CAAAgC,aAAA,CAAC/C,aAAA,CAAA+D,YAAY;IACXjB,QAAQ,EAAC,uBAAuB;IAChCpB,OAAO,EAAES,eAAgB;IACzB6B,UAAU,EAAElC,QAAS;IACrBmC,SAAS;IACTC,QAAQ,EAAG5B,MAAM,IAAK;MACpB,MAAM6B,cAAc,GAAG7B,MAAM,CAACE,EAAc;MAC5C,MAAM4B,KAAK,GAAG1C,OAAO,CAAC2C,OAAO,CAACF,cAAc,CAAC;MAC7C1C,KAAK,CAAC6C,yBAAyB,CAACH,cAAc,EAAEC,KAAK,CAAC;MACtD,IAAItC,QAAQ,KAAKqC,cAAc,EAAE;QAC/B1C,KAAK,CAAC6B,cAAc,CAACa,cAAc,CAAC;MACtC;IACF,CAAE;IAAAZ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArD,YAAA;MAAAsD,UAAA;MAAAC,YAAA;IAAA;EAAA,GAED,CAAC;IAAEY;EAAO,CAAC,kBACVzE,MAAA,CAAAiB,OAAA,CAAAgC,aAAA,CAAC/C,aAAA,CAAAwE,OAAO;IAACC,OAAO,EAAEnE,CAAC,CAAC,iCAAiC,CAAE;IAAC2C,IAAI,EAAC,QAAQ;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArD,YAAA;MAAAsD,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACnE7D,MAAA,CAAAiB,OAAA,CAAAgC,aAAA,CAAC/C,aAAA,CAAA0E,UAAU;IACT5B,QAAQ,EAAC,sBAAsB;IAC/BG,IAAI,EAAC,OAAO;IACZ0B,QAAQ,EAAC,WAAW;IACpB,iBAAc,MAAM;IACpBxB,OAAO,EAAEA,CAAA,KAAM;MACb1B,KAAK,CAACmD,kBAAkB,CAAC,CAAC;MAC1BL,MAAM,CAAC,CAAC;IACV,CAAE;IAAAhB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArD,YAAA;MAAAsD,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEDjB,0BAAY,CAACZ,QAAQ,CAAC,CAACe,IACd,CACL,CAEC,CAAC;AAEnB;AAEO,MAAMgC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,uBAAQ,EAACvD,mBAAmB,CAAC","ignoreList":[]}