@wix/patterns 1.430.0 → 1.432.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_bexCore","_designSystem","_lazy","_mobxReactLite","_ImportButtonModalLayout","_react2","_ToolbarCollectionContext","_ResponsiveButton","_useIsMobile","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ImportButton","props","toolbarType","config","renderFieldEditor","table","useToolbarCollectionContext","toolbar","responsive","translate","useWixPatternsContainer","state","useState","importState","ModalState","isMobile","useIsMobile","useEffect","featuredComponents","importModal","createElement","Observer","__self","__source","fileName","lineNumber","columnNumber","child","ImportButtonModalLayout","importModalState","Drawer","dataHook","open","isOpen","onClose","requestClose","Modal","onRequestClose","ResponsiveButton","actions","onClick","icon","DownloadImport","Button","skin","priority","size","ellipsis","prefixIcon","ImportButton","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportButton.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { FiltersMap, ModalState } from '@wix/bex-core';\nimport { Button, Drawer, Modal } from '@wix/design-system';\nimport { DownloadImport } from '@wix/wix-ui-icons-common/lazy';\nimport { observer, Observer } from 'mobx-react-lite';\nimport { ImportButtonModalLayout } from './ImportButtonModalLayout';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { ImportButtonProps } from './ImportProps';\nimport { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';\nimport { useIsMobile } from '../../hooks/useIsMobile';\n\nfunction _ImportButton<T, F extends FiltersMap>(props: ImportButtonProps) {\n  const { toolbarType = 'default', config, renderFieldEditor } = props;\n\n  const table = useToolbarCollectionContext<T, F>();\n  const {\n    toolbar: { responsive },\n  } = table;\n\n  const { translate: t } = useWixPatternsContainer();\n  const [state] = useState(() => (table.importState ??= new ModalState()));\n  const isMobile = useIsMobile();\n\n  useEffect(() => {\n    table.featuredComponents.importModal.set(\n      <Observer>\n        {() => {\n          const child = (\n            <ImportButtonModalLayout\n              importModalState={state}\n              config={config}\n              renderFieldEditor={renderFieldEditor}\n            />\n          );\n\n          if (isMobile) {\n            return (\n              <Drawer\n                dataHook=\"import-modal\"\n                open={state.isOpen}\n                onClose={state.requestClose}\n              >\n                {child}\n              </Drawer>\n            );\n          }\n\n          return (\n            <Modal\n              onRequestClose={state.requestClose}\n              isOpen={state.isOpen}\n              dataHook=\"import-modal\"\n            >\n              {child}\n            </Modal>\n          );\n        }}\n      </Observer>,\n    );\n\n    return () => {\n      table.featuredComponents.importModal.set(null);\n    };\n  }, []);\n\n  return (\n    <div data-hook=\"import-container\">\n      {toolbarType === 'default' ? (\n        <ResponsiveButton\n          state={responsive.actions}\n          dataHook=\"import-button\"\n          onClick={state.open}\n          icon={<DownloadImport />}\n        >\n          {t('cairo.import.import')}\n        </ResponsiveButton>\n      ) : (\n        <Button\n          skin=\"standard\"\n          priority=\"secondary\"\n          size=\"small\"\n          ellipsis\n          prefixIcon={<DownloadImport />}\n          dataHook=\"import-button\"\n          onClick={state.open}\n        >\n          {t('cairo.import.import')}\n        </Button>\n      )}\n    </div>\n  );\n}\n\nexport const ImportButton = observer(_ImportButton);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_bexCore","_designSystem","_lazy","_mobxReactLite","_ImportButtonModalLayout","_react2","_ToolbarCollectionContext","_ResponsiveButton","_useIsMobile","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ImportButton","props","toolbarType","config","renderFieldEditor","table","useToolbarCollectionContext","toolbar","responsive","translate","useWixPatternsContainer","state","useState","importState","ModalState","isMobile","useIsMobile","isHarmonyTheme","useBmHarmonyTheme","importIcon","createElement","DownloadImportSmall","__self","__source","fileName","lineNumber","columnNumber","DownloadImport","useEffect","featuredComponents","importModal","Observer","child","ImportButtonModalLayout","importModalState","Drawer","dataHook","open","isOpen","onClose","requestClose","Modal","onRequestClose","ResponsiveButton","actions","onClick","icon","Button","skin","priority","size","ellipsis","prefixIcon","ImportButton","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportButton.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { FiltersMap, ModalState } from '@wix/bex-core';\nimport { Button, Drawer, Modal } from '@wix/design-system';\nimport {\n  DownloadImport,\n  DownloadImportSmall,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { observer, Observer } from 'mobx-react-lite';\nimport { ImportButtonModalLayout } from './ImportButtonModalLayout';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { ImportButtonProps } from './ImportProps';\nimport { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nfunction _ImportButton<T, F extends FiltersMap>(props: ImportButtonProps) {\n  const { toolbarType = 'default', config, renderFieldEditor } = props;\n\n  const table = useToolbarCollectionContext<T, F>();\n  const {\n    toolbar: { responsive },\n  } = table;\n\n  const { translate: t } = useWixPatternsContainer();\n  const [state] = useState(() => (table.importState ??= new ModalState()));\n  const isMobile = useIsMobile();\n  const isHarmonyTheme = useBmHarmonyTheme();\n  const importIcon = isHarmonyTheme ? (\n    <DownloadImportSmall />\n  ) : (\n    <DownloadImport />\n  );\n\n  useEffect(() => {\n    table.featuredComponents.importModal.set(\n      <Observer>\n        {() => {\n          const child = (\n            <ImportButtonModalLayout\n              importModalState={state}\n              config={config}\n              renderFieldEditor={renderFieldEditor}\n            />\n          );\n\n          if (isMobile) {\n            return (\n              <Drawer\n                dataHook=\"import-modal\"\n                open={state.isOpen}\n                onClose={state.requestClose}\n              >\n                {child}\n              </Drawer>\n            );\n          }\n\n          return (\n            <Modal\n              onRequestClose={state.requestClose}\n              isOpen={state.isOpen}\n              dataHook=\"import-modal\"\n            >\n              {child}\n            </Modal>\n          );\n        }}\n      </Observer>,\n    );\n\n    return () => {\n      table.featuredComponents.importModal.set(null);\n    };\n  }, []);\n\n  return (\n    <div data-hook=\"import-container\">\n      {toolbarType === 'default' ? (\n        <ResponsiveButton\n          state={responsive.actions}\n          dataHook=\"import-button\"\n          onClick={state.open}\n          icon={importIcon}\n        >\n          {t('cairo.import.import')}\n        </ResponsiveButton>\n      ) : (\n        <Button\n          skin=\"standard\"\n          priority=\"secondary\"\n          size=\"small\"\n          ellipsis\n          prefixIcon={importIcon}\n          dataHook=\"import-button\"\n          onClick={state.open}\n        >\n          {t('cairo.import.import')}\n        </Button>\n      )}\n    </div>\n  );\n}\n\nexport const ImportButton = observer(_ImportButton);\n"],"mappings":"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","ignoreList":[]}

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.IdCollisionControl = void 0;
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _bexCore = require("@wix/bex-core");
 var _react = _interopRequireDefault(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
@@ -61,7 +61,7 @@ const IdCollisionControl = exports.IdCollisionControl = (0, _mobxReactLite.obser
       size: "tiny",
       as: "button",
       dataHook: "import-id-collision-action",
-      suffixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronDown, {
+      suffixIcon: /*#__PURE__*/_react.default.createElement(_lazy.ChevronDown, {
         __self: this,
         __source: {
           fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_wixUiIconsCommon","_bexCore","_react","_interopRequireDefault","_mobxReactLite","_jsxFileName","MENU_MAX_WIDTH","IdCollisionControl","exports","observer","_IdCollisionControl","state","translate","t","writePolicy","isSkip","WritePolicy","SKIP_EXISTING","actionLabel","default","createElement","Box","direction","gap","__self","__source","fileName","lineNumber","columnNumber","Text","size","secondary","dataHook","PopoverMenu","appendTo","zIndex","maxWidth","textSize","placement","triggerElement","TextButton","as","suffixIcon","ChevronDown","MenuItem","text","onClick","setWritePolicy","OVERWRITE"],"sources":["../../../../src/components/ImportButton/ImportIdCollisionControl.tsx"],"sourcesContent":["import { Box, Text, TextButton, PopoverMenu } from '@wix/design-system';\nimport { ChevronDown } from '@wix/wix-ui-icons-common';\nimport { ImportState, WritePolicy } from '@wix/bex-core';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\n\n// Width of the policy popover. The default WDS `maxWidth` (204) is too narrow\n// for \"Update the existing items\" at the medium menu font, so the label wraps\n// to two lines; this matches the field-column width so each option fits on one\n// line (per the Figma).\nconst MENU_MAX_WIDTH = 250;\n\n/**\n * Shown under the row whose CSV column is mapped to the collection `_id` field.\n * Lets the user pick how rows that collide on an existing `_id` are written:\n * update the existing item (`OVERWRITE`) or skip it, keeping the existing data\n * intact (`SKIP_EXISTING`). The inline action label reflects the current choice\n * and opens a popover to switch.\n */\nexport const IdCollisionControl = observer(function _IdCollisionControl({\n  state,\n}: {\n  state: ImportState;\n}) {\n  const { translate: t, writePolicy } = state;\n  const isSkip = writePolicy === WritePolicy.SKIP_EXISTING;\n  const actionLabel = isSkip\n    ? t('cairo.import.skipImportedItems')\n    : t('cairo.import.updateExistingItems');\n\n  return (\n    <Box direction=\"vertical\" gap=\"0\">\n      <Text size=\"tiny\" secondary dataHook=\"import-id-collision-label\">\n        {t('cairo.import.idCollisionLabel')}\n      </Text>\n      <PopoverMenu\n        appendTo=\"window\"\n        zIndex={5001}\n        maxWidth={MENU_MAX_WIDTH}\n        textSize=\"small\"\n        placement=\"bottom-start\"\n        dataHook=\"import-id-collision-menu\"\n        triggerElement={\n          <TextButton\n            size=\"tiny\"\n            as=\"button\"\n            dataHook=\"import-id-collision-action\"\n            suffixIcon={<ChevronDown />}\n          >\n            {actionLabel}\n          </TextButton>\n        }\n      >\n        <PopoverMenu.MenuItem\n          dataHook=\"import-id-collision-update\"\n          text={t('cairo.import.updateExistingItems')}\n          onClick={() => state.setWritePolicy(WritePolicy.OVERWRITE)}\n        />\n        <PopoverMenu.MenuItem\n          dataHook=\"import-id-collision-skip\"\n          text={t('cairo.import.skipImportedItems')}\n          onClick={() => state.setWritePolicy(WritePolicy.SKIP_EXISTING)}\n        />\n      </PopoverMenu>\n    </Box>\n  );\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_lazy","_bexCore","_react","_interopRequireDefault","_mobxReactLite","_jsxFileName","MENU_MAX_WIDTH","IdCollisionControl","exports","observer","_IdCollisionControl","state","translate","t","writePolicy","isSkip","WritePolicy","SKIP_EXISTING","actionLabel","default","createElement","Box","direction","gap","__self","__source","fileName","lineNumber","columnNumber","Text","size","secondary","dataHook","PopoverMenu","appendTo","zIndex","maxWidth","textSize","placement","triggerElement","TextButton","as","suffixIcon","ChevronDown","MenuItem","text","onClick","setWritePolicy","OVERWRITE"],"sources":["../../../../src/components/ImportButton/ImportIdCollisionControl.tsx"],"sourcesContent":["import { Box, Text, TextButton, PopoverMenu } from '@wix/design-system';\nimport { ChevronDown } from '@wix/wix-ui-icons-common/lazy';\nimport { ImportState, WritePolicy } from '@wix/bex-core';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\n\n// Width of the policy popover. The default WDS `maxWidth` (204) is too narrow\n// for \"Update the existing items\" at the medium menu font, so the label wraps\n// to two lines; this matches the field-column width so each option fits on one\n// line (per the Figma).\nconst MENU_MAX_WIDTH = 250;\n\n/**\n * Shown under the row whose CSV column is mapped to the collection `_id` field.\n * Lets the user pick how rows that collide on an existing `_id` are written:\n * update the existing item (`OVERWRITE`) or skip it, keeping the existing data\n * intact (`SKIP_EXISTING`). The inline action label reflects the current choice\n * and opens a popover to switch.\n */\nexport const IdCollisionControl = observer(function _IdCollisionControl({\n  state,\n}: {\n  state: ImportState;\n}) {\n  const { translate: t, writePolicy } = state;\n  const isSkip = writePolicy === WritePolicy.SKIP_EXISTING;\n  const actionLabel = isSkip\n    ? t('cairo.import.skipImportedItems')\n    : t('cairo.import.updateExistingItems');\n\n  return (\n    <Box direction=\"vertical\" gap=\"0\">\n      <Text size=\"tiny\" secondary dataHook=\"import-id-collision-label\">\n        {t('cairo.import.idCollisionLabel')}\n      </Text>\n      <PopoverMenu\n        appendTo=\"window\"\n        zIndex={5001}\n        maxWidth={MENU_MAX_WIDTH}\n        textSize=\"small\"\n        placement=\"bottom-start\"\n        dataHook=\"import-id-collision-menu\"\n        triggerElement={\n          <TextButton\n            size=\"tiny\"\n            as=\"button\"\n            dataHook=\"import-id-collision-action\"\n            suffixIcon={<ChevronDown />}\n          >\n            {actionLabel}\n          </TextButton>\n        }\n      >\n        <PopoverMenu.MenuItem\n          dataHook=\"import-id-collision-update\"\n          text={t('cairo.import.updateExistingItems')}\n          onClick={() => state.setWritePolicy(WritePolicy.OVERWRITE)}\n        />\n        <PopoverMenu.MenuItem\n          dataHook=\"import-id-collision-skip\"\n          text={t('cairo.import.skipImportedItems')}\n          onClick={() => state.setWritePolicy(WritePolicy.SKIP_EXISTING)}\n        />\n      </PopoverMenu>\n    </Box>\n  );\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.ImportRequiredFieldsSideNote = void 0;
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _react = _interopRequireDefault(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ImportButton/ImportRequiredFieldsSideNote.tsx";
@@ -43,7 +43,7 @@ function _ImportRequiredFieldsSideNote({
       lineNumber: 34,
       columnNumber: 7
     }
-  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.StatusAlertFilledSmall, {
+  }, /*#__PURE__*/_react.default.createElement(_lazy.StatusAlertFilledSmall, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
@@ -84,7 +84,7 @@ function _ImportRequiredFieldsSideNote({
       lineNumber: 50,
       columnNumber: 9
     }
-  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.InfoCircleSmall, {
+  }, /*#__PURE__*/_react.default.createElement(_lazy.InfoCircleSmall, {
     __self: this,
     __source: {
       fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_wixUiIconsCommon","_react","_interopRequireDefault","_mobxReactLite","_jsxFileName","_ImportRequiredFieldsSideNote","state","translate","t","missingRequiredFields","fieldNames","map","field","header","id","filter","Boolean","join","default","createElement","Box","gap","verticalAlign","dataHook","__self","__source","fileName","lineNumber","columnNumber","color","StatusAlertFilledSmall","Text","size","skin","count","length","Tooltip","appendTo","fixed","flip","content","fields","InfoCircleSmall","ImportRequiredFieldsSideNote","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportRequiredFieldsSideNote.tsx"],"sourcesContent":["import { Box, Text, Tooltip } from '@wix/design-system';\nimport {\n  StatusAlertFilledSmall,\n  InfoCircleSmall,\n} from '@wix/wix-ui-icons-common';\nimport { ImportState } from '@wix/bex-core';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\n\nexport interface ImportRequiredFieldsSideNoteProps {\n  state: ImportState;\n}\n\n/**\n * Footer side-note shown in the mapping step while required destination fields\n * are unmapped (CAIRO-4452): a red \"Missing N required field(s)\" line plus an\n * info icon whose tooltip lists which fields. Rendered in the modal's\n * `sideActions` (the footer's left region, in the button row) rather than the\n * full-width footnote strip. The Import button stays enabled — the click is\n * blocked (with a toast) in `ImportState.startImport`.\n */\nfunction _ImportRequiredFieldsSideNote({\n  state,\n}: ImportRequiredFieldsSideNoteProps) {\n  const { translate: t, missingRequiredFields } = state;\n\n  const fieldNames = missingRequiredFields\n    .map((field) => field.header || field.id || '')\n    .filter(Boolean)\n    .join(', ');\n\n  return (\n    <Box gap=\"SP1\" verticalAlign=\"middle\" dataHook=\"import-missing-required\">\n      <Box verticalAlign=\"middle\" color=\"R10\">\n        <StatusAlertFilledSmall />\n      </Box>\n      <Text size=\"small\" skin=\"error\" dataHook=\"import-missing-required-text\">\n        {t('cairo.import.missingRequiredField', {\n          count: missingRequiredFields.length,\n        })}\n      </Text>\n      <Tooltip\n        appendTo=\"window\"\n        fixed={false}\n        flip\n        content={t('cairo.import.missingRequiredMessage', {\n          fields: fieldNames,\n        })}\n      >\n        <Box verticalAlign=\"middle\" color=\"D40\">\n          <InfoCircleSmall />\n        </Box>\n      </Tooltip>\n    </Box>\n  );\n}\n\nexport const ImportRequiredFieldsSideNote = observer(\n  _ImportRequiredFieldsSideNote,\n);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AAA2C,IAAAK,YAAA;AAM3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,6BAA6BA,CAAC;EACrCC;AACiC,CAAC,EAAE;EACpC,MAAM;IAAEC,SAAS,EAAEC,CAAC;IAAEC;EAAsB,CAAC,GAAGH,KAAK;EAErD,MAAMI,UAAU,GAAGD,qBAAqB,CACrCE,GAAG,CAAEC,KAAK,IAAKA,KAAK,CAACC,MAAM,IAAID,KAAK,CAACE,EAAE,IAAI,EAAE,CAAC,CAC9CC,MAAM,CAACC,OAAO,CAAC,CACfC,IAAI,CAAC,IAAI,CAAC;EAEb,oBACEhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACrB,aAAA,CAAAsB,GAAG;IAACC,GAAG,EAAC,KAAK;IAACC,aAAa,EAAC,QAAQ;IAACC,QAAQ,EAAC,yBAAyB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACtE3B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACrB,aAAA,CAAAsB,GAAG;IAACE,aAAa,EAAC,QAAQ;IAACO,KAAK,EAAC,KAAK;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACrC3B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACnB,iBAAA,CAAA8B,sBAAsB;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACtB,CAAC,eACN3B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACrB,aAAA,CAAAiC,IAAI;IAACC,IAAI,EAAC,OAAO;IAACC,IAAI,EAAC,OAAO;IAACV,QAAQ,EAAC,8BAA8B;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACpEpB,CAAC,CAAC,mCAAmC,EAAE;IACtC0B,KAAK,EAAEzB,qBAAqB,CAAC0B;EAC/B,CAAC,CACG,CAAC,eACPlC,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACrB,aAAA,CAAAsC,OAAO;IACNC,QAAQ,EAAC,QAAQ;IACjBC,KAAK,EAAE,KAAM;IACbC,IAAI;IACJC,OAAO,EAAEhC,CAAC,CAAC,qCAAqC,EAAE;MAChDiC,MAAM,EAAE/B;IACV,CAAC,CAAE;IAAAc,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEH3B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACrB,aAAA,CAAAsB,GAAG;IAACE,aAAa,EAAC,QAAQ;IAACO,KAAK,EAAC,KAAK;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACrC3B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACnB,iBAAA,CAAA0C,eAAe;IAAAlB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACf,CACE,CACN,CAAC;AAEV;AAEO,MAAMe,4BAA4B,GAAAC,OAAA,CAAAD,4BAAA,GAAG,IAAAE,uBAAQ,EAClDxC,6BACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_lazy","_react","_interopRequireDefault","_mobxReactLite","_jsxFileName","_ImportRequiredFieldsSideNote","state","translate","t","missingRequiredFields","fieldNames","map","field","header","id","filter","Boolean","join","default","createElement","Box","gap","verticalAlign","dataHook","__self","__source","fileName","lineNumber","columnNumber","color","StatusAlertFilledSmall","Text","size","skin","count","length","Tooltip","appendTo","fixed","flip","content","fields","InfoCircleSmall","ImportRequiredFieldsSideNote","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportRequiredFieldsSideNote.tsx"],"sourcesContent":["import { Box, Text, Tooltip } from '@wix/design-system';\nimport {\n  StatusAlertFilledSmall,\n  InfoCircleSmall,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { ImportState } from '@wix/bex-core';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\n\nexport interface ImportRequiredFieldsSideNoteProps {\n  state: ImportState;\n}\n\n/**\n * Footer side-note shown in the mapping step while required destination fields\n * are unmapped (CAIRO-4452): a red \"Missing N required field(s)\" line plus an\n * info icon whose tooltip lists which fields. Rendered in the modal's\n * `sideActions` (the footer's left region, in the button row) rather than the\n * full-width footnote strip. The Import button stays enabled — the click is\n * blocked (with a toast) in `ImportState.startImport`.\n */\nfunction _ImportRequiredFieldsSideNote({\n  state,\n}: ImportRequiredFieldsSideNoteProps) {\n  const { translate: t, missingRequiredFields } = state;\n\n  const fieldNames = missingRequiredFields\n    .map((field) => field.header || field.id || '')\n    .filter(Boolean)\n    .join(', ');\n\n  return (\n    <Box gap=\"SP1\" verticalAlign=\"middle\" dataHook=\"import-missing-required\">\n      <Box verticalAlign=\"middle\" color=\"R10\">\n        <StatusAlertFilledSmall />\n      </Box>\n      <Text size=\"small\" skin=\"error\" dataHook=\"import-missing-required-text\">\n        {t('cairo.import.missingRequiredField', {\n          count: missingRequiredFields.length,\n        })}\n      </Text>\n      <Tooltip\n        appendTo=\"window\"\n        fixed={false}\n        flip\n        content={t('cairo.import.missingRequiredMessage', {\n          fields: fieldNames,\n        })}\n      >\n        <Box verticalAlign=\"middle\" color=\"D40\">\n          <InfoCircleSmall />\n        </Box>\n      </Tooltip>\n    </Box>\n  );\n}\n\nexport const ImportRequiredFieldsSideNote = observer(\n  _ImportRequiredFieldsSideNote,\n);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AAA2C,IAAAK,YAAA;AAM3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,6BAA6BA,CAAC;EACrCC;AACiC,CAAC,EAAE;EACpC,MAAM;IAAEC,SAAS,EAAEC,CAAC;IAAEC;EAAsB,CAAC,GAAGH,KAAK;EAErD,MAAMI,UAAU,GAAGD,qBAAqB,CACrCE,GAAG,CAAEC,KAAK,IAAKA,KAAK,CAACC,MAAM,IAAID,KAAK,CAACE,EAAE,IAAI,EAAE,CAAC,CAC9CC,MAAM,CAACC,OAAO,CAAC,CACfC,IAAI,CAAC,IAAI,CAAC;EAEb,oBACEhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACrB,aAAA,CAAAsB,GAAG;IAACC,GAAG,EAAC,KAAK;IAACC,aAAa,EAAC,QAAQ;IAACC,QAAQ,EAAC,yBAAyB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACtE3B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACrB,aAAA,CAAAsB,GAAG;IAACE,aAAa,EAAC,QAAQ;IAACO,KAAK,EAAC,KAAK;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACrC3B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACnB,KAAA,CAAA8B,sBAAsB;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACtB,CAAC,eACN3B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACrB,aAAA,CAAAiC,IAAI;IAACC,IAAI,EAAC,OAAO;IAACC,IAAI,EAAC,OAAO;IAACV,QAAQ,EAAC,8BAA8B;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACpEpB,CAAC,CAAC,mCAAmC,EAAE;IACtC0B,KAAK,EAAEzB,qBAAqB,CAAC0B;EAC/B,CAAC,CACG,CAAC,eACPlC,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACrB,aAAA,CAAAsC,OAAO;IACNC,QAAQ,EAAC,QAAQ;IACjBC,KAAK,EAAE,KAAM;IACbC,IAAI;IACJC,OAAO,EAAEhC,CAAC,CAAC,qCAAqC,EAAE;MAChDiC,MAAM,EAAE/B;IACV,CAAC,CAAE;IAAAc,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEH3B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACrB,aAAA,CAAAsB,GAAG;IAACE,aAAa,EAAC,QAAQ;IAACO,KAAK,EAAC,KAAK;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACrC3B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACnB,KAAA,CAAA0C,eAAe;IAAAlB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACf,CACE,CACN,CAAC;AAEV;AAEO,MAAMe,4BAA4B,GAAAC,OAAA,CAAAD,4BAAA,GAAG,IAAAE,uBAAQ,EAClDxC,6BACF,CAAC","ignoreList":[]}

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.ImportStepConfiguration = void 0;
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _patternsFields = require("@wix/patterns-fields");
 var _react = _interopRequireDefault(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
@@ -171,7 +171,7 @@ const FieldMappingCell = (0, _mobxReactLite.observer)(function _FieldMappingCell
     }), /*#__PURE__*/_react.default.createElement(_designSystem.ListItemAction, {
       size: "small",
       skin: "primary",
-      prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Add, {
+      prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Add, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
@@ -379,7 +379,7 @@ function _ImportStepConfiguration({
           lineNumber: 305,
           columnNumber: 21
         }
-      }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ArrowRight, {
+      }, /*#__PURE__*/_react.default.createElement(_lazy.ArrowRight, {
         __self: this,
         __source: {
           fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_wixUiIconsCommon","_patternsFields","_react","_interopRequireDefault","_mobxReactLite","_ImportIdCollisionControl","_jsxFileName","COLUMN_WIDTHS","title","arrow","field","SCROLLBAR_GUTTER","scrollbarGutter","CREATE_NEW_FIELD_OPTION_ID","NEW_FIELD_TYPE_TITLE_KEY","text","number","date","boolean","url","image","video","document","audio","NewFieldHelperText","observer","_NewFieldHelperText","state","header","fieldType","t","ft","useTranslations","typeName","toLocaleLowerCase","default","createElement","Box","direction","gap","verticalAlign","__self","__source","fileName","lineNumber","columnNumber","Text","size","secondary","dataHook","translate","TextButton","onClick","beginFieldEdit","FieldMappingCell","_FieldMappingCell","fieldOptions","selectedFieldIds","canCreateNewField","mapping","mappingByHeader","selectedId","kind","fieldId","undefined","options","map","option","disabled","has","String","id","newFieldName","displayName","label","listItemSelectBuilder","Dropdown","clearButton","onClear","setMapping","placeholder","onSelect","setNewFieldMapping","popoverProps","appendTo","zIndex","flip","fixed","fixedFooter","Divider","ListItemAction","skin","prefixIcon","Add","canConfigureWritePolicy","idMappedHeader","IdCollisionControl","_ImportStepConfiguration","csvHeaders","fields","orderedHeaders","length","baseDropdownOptions","filter","hasNoRows","hasNoMappedData","padding","SectionHelper","flex","minHeight","display","backgroundColor","boxShadow","gridTemplateColumns","flexShrink","style","minWidth","weight","ellipsis","overflowY","maxHeight","index","TableListItem","key","showDivider","value","width","align","ArrowRight","ImportStepConfiguration","exports"],"sources":["../../../../src/components/ImportButton/ImportStepConfiguration.tsx"],"sourcesContent":["import {\n  Box,\n  Divider,\n  Dropdown,\n  Text,\n  TextButton,\n  TableListItem,\n  ListItemAction,\n  listItemSelectBuilder,\n  SectionHelper,\n} from '@wix/design-system';\nimport { Add, ArrowRight } from '@wix/wix-ui-icons-common';\nimport { ImportState, NewFieldType } from '@wix/bex-core';\nimport { useTranslations } from '@wix/patterns-fields';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { IdCollisionControl } from './ImportIdCollisionControl';\n\nexport interface ImportStepConfigurationProps {\n  state: ImportState;\n}\n\nconst COLUMN_WIDTHS = {\n  title: 'minmax(0, 150px)',\n  arrow: '1fr',\n  field: 'minmax(0, 250px)',\n};\nconst SCROLLBAR_GUTTER: React.CSSProperties = { scrollbarGutter: 'stable' };\n\n// Synthetic dropdown option id representing \"create a new field from this\n// column\". Distinct from any real field id (which never starts with `$`).\nconst CREATE_NEW_FIELD_OPTION_ID = '$createNewField';\n\n// Translation key for each new-field type's name, injected (lowercased) into the\n// helper text (\"This will be a new {typeName} field.\"). Reuses the shared\n// patterns-fields field-type names. Keyed by `NewFieldType` so adding a detected\n// type makes the missing entry a compile error here — the single place to extend.\ntype FieldTypeTitleKey =\n  | 'auto-patterns.fields.field_type_text_title'\n  | 'auto-patterns.fields.field_type_number_title'\n  | 'auto-patterns.fields.field_type_date_title'\n  | 'auto-patterns.fields.field_type_boolean_title'\n  | 'auto-patterns.fields.field_type_url_title'\n  | 'auto-patterns.fields.field_type_image_title'\n  | 'auto-patterns.fields.field_type_video_title'\n  | 'auto-patterns.fields.field_type_document_title'\n  | 'auto-patterns.fields.field_type_audio_title';\n\nconst NEW_FIELD_TYPE_TITLE_KEY: Record<NewFieldType, FieldTypeTitleKey> = {\n  text: 'auto-patterns.fields.field_type_text_title',\n  number: 'auto-patterns.fields.field_type_number_title',\n  date: 'auto-patterns.fields.field_type_date_title',\n  boolean: 'auto-patterns.fields.field_type_boolean_title',\n  url: 'auto-patterns.fields.field_type_url_title',\n  image: 'auto-patterns.fields.field_type_image_title',\n  video: 'auto-patterns.fields.field_type_video_title',\n  document: 'auto-patterns.fields.field_type_document_title',\n  audio: 'auto-patterns.fields.field_type_audio_title',\n};\n\ntype DropdownOption = ReturnType<typeof listItemSelectBuilder>;\n\ninterface NewFieldHelperTextProps {\n  state: ImportState;\n  header: string;\n  fieldType: NewFieldType;\n}\n\n/**\n * Helper line under a \"create new field\" mapping (e.g. \"This will be a new text\n * field.\") followed by an \"Edit field\" link that opens the field editor. The\n * type name comes from the shared patterns-fields translations via\n * `useTranslations`, so this is only rendered when the import modal is wrapped in\n * `PatternsFieldsProvider` — which `ImportButtonModalLayout` does whenever field\n * creation is enabled (the only case a `new` mapping exists).\n */\nconst NewFieldHelperText = observer(function _NewFieldHelperText({\n  state,\n  header,\n  fieldType,\n}: NewFieldHelperTextProps) {\n  const { t: ft } = useTranslations();\n  const typeName = ft(NEW_FIELD_TYPE_TITLE_KEY[fieldType]).toLocaleLowerCase();\n\n  return (\n    <Box direction=\"horizontal\" gap=\"SP1\" verticalAlign=\"middle\">\n      <Text\n        size=\"tiny\"\n        secondary\n        dataHook={`import-new-field-helper-${header}`}\n      >\n        {state.translate('cairo.import.newFieldHelper', { typeName })}\n      </Text>\n      <TextButton\n        size=\"tiny\"\n        dataHook={`import-edit-field-${header}`}\n        onClick={() => state.beginFieldEdit(header)}\n      >\n        {state.translate('cairo.import.editField')}\n      </TextButton>\n    </Box>\n  );\n});\n\ninterface FieldMappingCellProps {\n  state: ImportState;\n  header: string;\n  fieldOptions: DropdownOption[];\n}\n\nconst FieldMappingCell = observer(function _FieldMappingCell({\n  state,\n  header,\n  fieldOptions,\n}: FieldMappingCellProps) {\n  const { translate: t, selectedFieldIds, canCreateNewField } = state;\n  const mapping = state.mappingByHeader[header];\n\n  const selectedId =\n    mapping?.kind === 'existing'\n      ? mapping.fieldId\n      : mapping?.kind === 'new'\n      ? CREATE_NEW_FIELD_OPTION_ID\n      : undefined;\n\n  const options: DropdownOption[] = [\n    ...fieldOptions.map((option) => ({\n      ...option,\n      disabled:\n        selectedFieldIds.has(String(option.id)) &&\n        !(\n          mapping?.kind === 'existing' && mapping.fieldId === String(option.id)\n        ),\n    })),\n    ...(canCreateNewField\n      ? [\n          // The new field's name — the display name the user entered in the\n          // field editor once they've named it, otherwise the CSV column header\n          // (the default the field is created with). Followed by a translated\n          // \"(New)\" marker, built in code rather than via an interpolated key so\n          // it always shows regardless of which translation bundle the consumer\n          // loads.\n          (() => {\n            const newFieldName =\n              mapping?.kind === 'new' && mapping.displayName\n                ? mapping.displayName\n                : header;\n            const label = `${newFieldName} ${t('cairo.import.newFieldSuffix')}`;\n            return listItemSelectBuilder({\n              id: CREATE_NEW_FIELD_OPTION_ID,\n              label,\n              title: label,\n            });\n          })(),\n        ]\n      : []),\n  ];\n\n  return (\n    <Box direction=\"vertical\" gap=\"SP1\">\n      <Dropdown\n        dataHook={`import-mapping-${header}`}\n        clearButton\n        onClear={() => {\n          state.setMapping(header, null);\n        }}\n        placeholder={t('cairo.import.skipColumn')}\n        selectedId={selectedId}\n        onSelect={({ id }) => {\n          if (id === CREATE_NEW_FIELD_OPTION_ID) {\n            state.setNewFieldMapping(header);\n          } else {\n            state.setMapping(header, id as string);\n          }\n        }}\n        popoverProps={{\n          appendTo: 'window',\n          zIndex: 5001,\n          flip: true,\n          fixed: false,\n        }}\n        options={options}\n        fixedFooter={\n          canCreateNewField ? (\n            <div>\n              {/* Separate the \"Create new field\" action from the field options\n                  above it (CAIRO-4476). */}\n              <Divider />\n              <ListItemAction\n                size=\"small\"\n                skin=\"primary\"\n                prefixIcon={<Add />}\n                dataHook={`import-create-field-${header}`}\n                title={t('cairo.import.createNewField')}\n                // Map the column to a new field, then open the editor on it — the\n                // editor component (renderFieldEditor) reacts to `editingHeader`.\n                onClick={() => {\n                  state.setNewFieldMapping(header);\n                  state.beginFieldEdit(header);\n                }}\n              />\n            </div>\n          ) : undefined\n        }\n        size=\"small\"\n      />\n      {mapping?.kind === 'new' && (\n        <NewFieldHelperText\n          state={state}\n          header={header}\n          fieldType={mapping.fieldType}\n        />\n      )}\n      {state.canConfigureWritePolicy && state.idMappedHeader === header && (\n        <IdCollisionControl state={state} />\n      )}\n    </Box>\n  );\n});\n\nfunction _ImportStepConfiguration({ state }: ImportStepConfigurationProps) {\n  const { csvHeaders, fields, translate: t } = state;\n\n  // Row order is snapshotted per file in state, with the `_id`-mapped column\n  // floated to the top (CAIRO-4418). It stays fixed while the user edits\n  // mappings, so clearing/remapping the `_id` column doesn't reorder the row\n  // under the cursor. Fall back to CSV order if the snapshot isn't populated.\n  const orderedHeaders =\n    state.orderedHeaders.length > 0 ? state.orderedHeaders : csvHeaders;\n\n  const baseDropdownOptions = fields\n    .filter((field) => field.id != null)\n    .map((field) =>\n      listItemSelectBuilder({\n        id: field.id!,\n        label: field.header,\n        title: field.header,\n      }),\n    );\n\n  const hasNoRows = state.hasNoMappedData;\n\n  return (\n    <Box direction=\"vertical\" dataHook=\"import-mapping-step\" gap=\"SP3\">\n      {hasNoRows && (\n        <Box padding=\"0 SP4\">\n          <SectionHelper\n            dataHook=\"import-no-rows-warning\"\n            skin=\"warning\"\n            title={t('cairo.import.noRowsWarningTitle')}\n          >\n            {t('cairo.import.noRowsWarningDescription')}\n          </SectionHelper>\n        </Box>\n      )}\n\n      <Box direction=\"vertical\" flex={1} minHeight={0}>\n        <Box\n          display=\"grid\"\n          direction=\"horizontal\"\n          gap=\"SP4\"\n          padding=\"SP2 SP4\"\n          backgroundColor=\"var(--wds-color-fill-surface-neutral,var(--wsr-color-D75, #F7F8F8))\"\n          boxShadow=\"inset 0 1px 0 0 var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB)), inset 0 -1px 0 0 var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB))\"\n          gridTemplateColumns={`${COLUMN_WIDTHS.title} ${COLUMN_WIDTHS.arrow} ${COLUMN_WIDTHS.field}`}\n          flexShrink={0}\n          style={SCROLLBAR_GUTTER}\n        >\n          <Box minWidth={0} direction=\"vertical\">\n            <Text size=\"small\" weight=\"thin\" ellipsis>\n              {t('cairo.import.columnTitle')}\n            </Text>\n          </Box>\n\n          <Box minWidth={0} direction=\"vertical\" />\n\n          <Box minWidth={0} direction=\"vertical\">\n            <Text size=\"small\" weight=\"thin\" ellipsis>\n              {t('cairo.import.collectionField')}\n            </Text>\n          </Box>\n        </Box>\n\n        <Box\n          direction=\"vertical\"\n          overflowY=\"auto\"\n          maxHeight={hasNoRows ? 'calc(80vh - 420px)' : 'calc(80vh - 300px)'}\n          style={SCROLLBAR_GUTTER}\n        >\n          {orderedHeaders.map((header, index) => (\n            <TableListItem\n              key={header}\n              showDivider={index < orderedHeaders.length - 1}\n              options={[\n                {\n                  value: (\n                    <Text ellipsis size=\"small\" dataHook=\"import-column-title\">\n                      {header}\n                    </Text>\n                  ),\n                  width: COLUMN_WIDTHS.title,\n                },\n                {\n                  value: (\n                    <Box align=\"center\">\n                      <ArrowRight />\n                    </Box>\n                  ),\n                  width: COLUMN_WIDTHS.arrow,\n                },\n                {\n                  value: (\n                    <FieldMappingCell\n                      state={state}\n                      header={header}\n                      fieldOptions={baseDropdownOptions}\n                    />\n                  ),\n                  width: COLUMN_WIDTHS.field,\n                },\n              ]}\n            />\n          ))}\n        </Box>\n      </Box>\n    </Box>\n  );\n}\n\nexport const ImportStepConfiguration = observer(_ImportStepConfiguration);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAWA,IAAAC,iBAAA,GAAAD,OAAA;AAEA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AACA,IAAAM,yBAAA,GAAAN,OAAA;AAAgE,IAAAO,YAAA;AAMhE,MAAMC,aAAa,GAAG;EACpBC,KAAK,EAAE,kBAAkB;EACzBC,KAAK,EAAE,KAAK;EACZC,KAAK,EAAE;AACT,CAAC;AACD,MAAMC,gBAAqC,GAAG;EAAEC,eAAe,EAAE;AAAS,CAAC;;AAE3E;AACA;AACA,MAAMC,0BAA0B,GAAG,iBAAiB;;AAEpD;AACA;AACA;AACA;;AAYA,MAAMC,wBAAiE,GAAG;EACxEC,IAAI,EAAE,4CAA4C;EAClDC,MAAM,EAAE,8CAA8C;EACtDC,IAAI,EAAE,4CAA4C;EAClDC,OAAO,EAAE,+CAA+C;EACxDC,GAAG,EAAE,2CAA2C;EAChDC,KAAK,EAAE,6CAA6C;EACpDC,KAAK,EAAE,6CAA6C;EACpDC,QAAQ,EAAE,gDAAgD;EAC1DC,KAAK,EAAE;AACT,CAAC;AAUD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,kBAAkB,GAAG,IAAAC,uBAAQ,EAAC,SAASC,mBAAmBA,CAAC;EAC/DC,KAAK;EACLC,MAAM;EACNC;AACuB,CAAC,EAAE;EAC1B,MAAM;IAAEC,CAAC,EAAEC;EAAG,CAAC,GAAG,IAAAC,+BAAe,EAAC,CAAC;EACnC,MAAMC,QAAQ,GAAGF,EAAE,CAACjB,wBAAwB,CAACe,SAAS,CAAC,CAAC,CAACK,iBAAiB,CAAC,CAAC;EAE5E,oBACEhC,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAACtC,aAAA,CAAAuC,GAAG;IAACC,SAAS,EAAC,YAAY;IAACC,GAAG,EAAC,KAAK;IAACC,aAAa,EAAC,QAAQ;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC1D3C,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAACtC,aAAA,CAAAgD,IAAI;IACHC,IAAI,EAAC,MAAM;IACXC,SAAS;IACTC,QAAQ,EAAE,2BAA2BrB,MAAM,EAAG;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE7ClB,KAAK,CAACuB,SAAS,CAAC,6BAA6B,EAAE;IAAEjB;EAAS,CAAC,CACxD,CAAC,eACP/B,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAACtC,aAAA,CAAAqD,UAAU;IACTJ,IAAI,EAAC,MAAM;IACXE,QAAQ,EAAE,qBAAqBrB,MAAM,EAAG;IACxCwB,OAAO,EAAEA,CAAA,KAAMzB,KAAK,CAAC0B,cAAc,CAACzB,MAAM,CAAE;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE3ClB,KAAK,CAACuB,SAAS,CAAC,wBAAwB,CAC/B,CACT,CAAC;AAEV,CAAC,CAAC;AAQF,MAAMI,gBAAgB,GAAG,IAAA7B,uBAAQ,EAAC,SAAS8B,iBAAiBA,CAAC;EAC3D5B,KAAK;EACLC,MAAM;EACN4B;AACqB,CAAC,EAAE;EACxB,MAAM;IAAEN,SAAS,EAAEpB,CAAC;IAAE2B,gBAAgB;IAAEC;EAAkB,CAAC,GAAG/B,KAAK;EACnE,MAAMgC,OAAO,GAAGhC,KAAK,CAACiC,eAAe,CAAChC,MAAM,CAAC;EAE7C,MAAMiC,UAAU,GACd,CAAAF,OAAO,oBAAPA,OAAO,CAAEG,IAAI,MAAK,UAAU,GACxBH,OAAO,CAACI,OAAO,GACf,CAAAJ,OAAO,oBAAPA,OAAO,CAAEG,IAAI,MAAK,KAAK,GACvBjD,0BAA0B,GAC1BmD,SAAS;EAEf,MAAMC,OAAyB,GAAG,CAChC,GAAGT,YAAY,CAACU,GAAG,CAAEC,MAAM,KAAM;IAC/B,GAAGA,MAAM;IACTC,QAAQ,EACNX,gBAAgB,CAACY,GAAG,CAACC,MAAM,CAACH,MAAM,CAACI,EAAE,CAAC,CAAC,IACvC,EACE,CAAAZ,OAAO,oBAAPA,OAAO,CAAEG,IAAI,MAAK,UAAU,IAAIH,OAAO,CAACI,OAAO,KAAKO,MAAM,CAACH,MAAM,CAACI,EAAE,CAAC;EAE3E,CAAC,CAAC,CAAC,EACH,IAAIb,iBAAiB,GACjB;EACE;EACA;EACA;EACA;EACA;EACA;EACA,CAAC,MAAM;IACL,MAAMc,YAAY,GAChB,CAAAb,OAAO,oBAAPA,OAAO,CAAEG,IAAI,MAAK,KAAK,IAAIH,OAAO,CAACc,WAAW,GAC1Cd,OAAO,CAACc,WAAW,GACnB7C,MAAM;IACZ,MAAM8C,KAAK,GAAG,GAAGF,YAAY,IAAI1C,CAAC,CAAC,6BAA6B,CAAC,EAAE;IACnE,OAAO,IAAA6C,mCAAqB,EAAC;MAC3BJ,EAAE,EAAE1D,0BAA0B;MAC9B6D,KAAK;MACLlE,KAAK,EAAEkE;IACT,CAAC,CAAC;EACJ,CAAC,EAAE,CAAC,CACL,GACD,EAAE,CAAC,CACR;EAED,oBACExE,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAACtC,aAAA,CAAAuC,GAAG;IAACC,SAAS,EAAC,UAAU;IAACC,GAAG,EAAC,KAAK;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACjC3C,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAACtC,aAAA,CAAA8E,QAAQ;IACP3B,QAAQ,EAAE,kBAAkBrB,MAAM,EAAG;IACrCiD,WAAW;IACXC,OAAO,EAAEA,CAAA,KAAM;MACbnD,KAAK,CAACoD,UAAU,CAACnD,MAAM,EAAE,IAAI,CAAC;IAChC,CAAE;IACFoD,WAAW,EAAElD,CAAC,CAAC,yBAAyB,CAAE;IAC1C+B,UAAU,EAAEA,UAAW;IACvBoB,QAAQ,EAAEA,CAAC;MAAEV;IAAG,CAAC,KAAK;MACpB,IAAIA,EAAE,KAAK1D,0BAA0B,EAAE;QACrCc,KAAK,CAACuD,kBAAkB,CAACtD,MAAM,CAAC;MAClC,CAAC,MAAM;QACLD,KAAK,CAACoD,UAAU,CAACnD,MAAM,EAAE2C,EAAY,CAAC;MACxC;IACF,CAAE;IACFY,YAAY,EAAE;MACZC,QAAQ,EAAE,QAAQ;MAClBC,MAAM,EAAE,IAAI;MACZC,IAAI,EAAE,IAAI;MACVC,KAAK,EAAE;IACT,CAAE;IACFtB,OAAO,EAAEA,OAAQ;IACjBuB,WAAW,EACT9B,iBAAiB,gBACfxD,MAAA,CAAAiC,OAAA,CAAAC,aAAA;MAAAK,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArC,YAAA;QAAAsC,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAGE3C,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAACtC,aAAA,CAAA2F,OAAO;MAAAhD,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArC,YAAA;QAAAsC,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,eACX3C,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAACtC,aAAA,CAAA4F,cAAc;MACb3C,IAAI,EAAC,OAAO;MACZ4C,IAAI,EAAC,SAAS;MACdC,UAAU,eAAE1F,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAACpC,iBAAA,CAAA6F,GAAG;QAAApD,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAArC,YAAA;UAAAsC,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAE;MACpBI,QAAQ,EAAE,uBAAuBrB,MAAM,EAAG;MAC1CpB,KAAK,EAAEsB,CAAC,CAAC,6BAA6B;MACtC;MACA;MAAA;MACAsB,OAAO,EAAEA,CAAA,KAAM;QACbzB,KAAK,CAACuD,kBAAkB,CAACtD,MAAM,CAAC;QAChCD,KAAK,CAAC0B,cAAc,CAACzB,MAAM,CAAC;MAC9B,CAAE;MAAAa,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArC,YAAA;QAAAsC,UAAA;QAAAC,YAAA;MAAA;IAAA,CACH,CACE,CAAC,GACJmB,SACL;IACDjB,IAAI,EAAC,OAAO;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACb,CAAC,EACD,CAAAc,OAAO,oBAAPA,OAAO,CAAEG,IAAI,MAAK,KAAK,iBACtB5D,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAACZ,kBAAkB;IACjBG,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA,MAAO;IACfC,SAAS,EAAE8B,OAAO,CAAC9B,SAAU;IAAAY,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC9B,CACF,EACAlB,KAAK,CAACmE,uBAAuB,IAAInE,KAAK,CAACoE,cAAc,KAAKnE,MAAM,iBAC/D1B,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAAC/B,yBAAA,CAAA2F,kBAAkB;IAACrE,KAAK,EAAEA,KAAM;IAAAc,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAElC,CAAC;AAEV,CAAC,CAAC;AAEF,SAASoD,wBAAwBA,CAAC;EAAEtE;AAAoC,CAAC,EAAE;EACzE,MAAM;IAAEuE,UAAU;IAAEC,MAAM;IAAEjD,SAAS,EAAEpB;EAAE,CAAC,GAAGH,KAAK;;EAElD;EACA;EACA;EACA;EACA,MAAMyE,cAAc,GAClBzE,KAAK,CAACyE,cAAc,CAACC,MAAM,GAAG,CAAC,GAAG1E,KAAK,CAACyE,cAAc,GAAGF,UAAU;EAErE,MAAMI,mBAAmB,GAAGH,MAAM,CAC/BI,MAAM,CAAE7F,KAAK,IAAKA,KAAK,CAAC6D,EAAE,IAAI,IAAI,CAAC,CACnCL,GAAG,CAAExD,KAAK,IACT,IAAAiE,mCAAqB,EAAC;IACpBJ,EAAE,EAAE7D,KAAK,CAAC6D,EAAG;IACbG,KAAK,EAAEhE,KAAK,CAACkB,MAAM;IACnBpB,KAAK,EAAEE,KAAK,CAACkB;EACf,CAAC,CACH,CAAC;EAEH,MAAM4E,SAAS,GAAG7E,KAAK,CAAC8E,eAAe;EAEvC,oBACEvG,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAACtC,aAAA,CAAAuC,GAAG;IAACC,SAAS,EAAC,UAAU;IAACW,QAAQ,EAAC,qBAAqB;IAACV,GAAG,EAAC,KAAK;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC/D2D,SAAS,iBACRtG,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAACtC,aAAA,CAAAuC,GAAG;IAACqE,OAAO,EAAC,OAAO;IAAAjE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClB3C,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAACtC,aAAA,CAAA6G,aAAa;IACZ1D,QAAQ,EAAC,wBAAwB;IACjC0C,IAAI,EAAC,SAAS;IACdnF,KAAK,EAAEsB,CAAC,CAAC,iCAAiC,CAAE;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE3Cf,CAAC,CAAC,uCAAuC,CAC7B,CACZ,CACN,eAED5B,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAACtC,aAAA,CAAAuC,GAAG;IAACC,SAAS,EAAC,UAAU;IAACsE,IAAI,EAAE,CAAE;IAACC,SAAS,EAAE,CAAE;IAAApE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC9C3C,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAACtC,aAAA,CAAAuC,GAAG;IACFyE,OAAO,EAAC,MAAM;IACdxE,SAAS,EAAC,YAAY;IACtBC,GAAG,EAAC,KAAK;IACTmE,OAAO,EAAC,SAAS;IACjBK,eAAe,EAAC,qEAAqE;IACrFC,SAAS,EAAC,+KAA+K;IACzLC,mBAAmB,EAAE,GAAG1G,aAAa,CAACC,KAAK,IAAID,aAAa,CAACE,KAAK,IAAIF,aAAa,CAACG,KAAK,EAAG;IAC5FwG,UAAU,EAAE,CAAE;IACdC,KAAK,EAAExG,gBAAiB;IAAA8B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAExB3C,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAACtC,aAAA,CAAAuC,GAAG;IAAC+E,QAAQ,EAAE,CAAE;IAAC9E,SAAS,EAAC,UAAU;IAAAG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACpC3C,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAACtC,aAAA,CAAAgD,IAAI;IAACC,IAAI,EAAC,OAAO;IAACsE,MAAM,EAAC,MAAM;IAACC,QAAQ;IAAA7E,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,GACtCf,CAAC,CAAC,0BAA0B,CACzB,CACH,CAAC,eAEN5B,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAACtC,aAAA,CAAAuC,GAAG;IAAC+E,QAAQ,EAAE,CAAE;IAAC9E,SAAS,EAAC,UAAU;IAAAG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eAEzC3C,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAACtC,aAAA,CAAAuC,GAAG;IAAC+E,QAAQ,EAAE,CAAE;IAAC9E,SAAS,EAAC,UAAU;IAAAG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACpC3C,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAACtC,aAAA,CAAAgD,IAAI;IAACC,IAAI,EAAC,OAAO;IAACsE,MAAM,EAAC,MAAM;IAACC,QAAQ;IAAA7E,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,GACtCf,CAAC,CAAC,8BAA8B,CAC7B,CACH,CACF,CAAC,eAEN5B,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAACtC,aAAA,CAAAuC,GAAG;IACFC,SAAS,EAAC,UAAU;IACpBiF,SAAS,EAAC,MAAM;IAChBC,SAAS,EAAEhB,SAAS,GAAG,oBAAoB,GAAG,oBAAqB;IACnEW,KAAK,EAAExG,gBAAiB;IAAA8B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEvBuD,cAAc,CAAClC,GAAG,CAAC,CAACtC,MAAM,EAAE6F,KAAK,kBAChCvH,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAACtC,aAAA,CAAA4H,aAAa;IACZC,GAAG,EAAE/F,MAAO;IACZgG,WAAW,EAAEH,KAAK,GAAGrB,cAAc,CAACC,MAAM,GAAG,CAAE;IAC/CpC,OAAO,EAAE,CACP;MACE4D,KAAK,eACH3H,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAACtC,aAAA,CAAAgD,IAAI;QAACwE,QAAQ;QAACvE,IAAI,EAAC,OAAO;QAACE,QAAQ,EAAC,qBAAqB;QAAAR,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAArC,YAAA;UAAAsC,UAAA;UAAAC,YAAA;QAAA;MAAA,GACvDjB,MACG,CACP;MACDkG,KAAK,EAAEvH,aAAa,CAACC;IACvB,CAAC,EACD;MACEqH,KAAK,eACH3H,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAACtC,aAAA,CAAAuC,GAAG;QAAC0F,KAAK,EAAC,QAAQ;QAAAtF,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAArC,YAAA;UAAAsC,UAAA;UAAAC,YAAA;QAAA;MAAA,gBACjB3C,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAACpC,iBAAA,CAAAgI,UAAU;QAAAvF,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAArC,YAAA;UAAAsC,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CACV,CACN;MACDiF,KAAK,EAAEvH,aAAa,CAACE;IACvB,CAAC,EACD;MACEoH,KAAK,eACH3H,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAACkB,gBAAgB;QACf3B,KAAK,EAAEA,KAAM;QACbC,MAAM,EAAEA,MAAO;QACf4B,YAAY,EAAE8C,mBAAoB;QAAA7D,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAArC,YAAA;UAAAsC,UAAA;UAAAC,YAAA;QAAA;MAAA,CACnC,CACF;MACDiF,KAAK,EAAEvH,aAAa,CAACG;IACvB,CAAC,CACD;IAAA+B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CACF,CACE,CACF,CACF,CAAC;AAEV;AAEO,MAAMoF,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,IAAAxG,uBAAQ,EAACwE,wBAAwB,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_lazy","_patternsFields","_react","_interopRequireDefault","_mobxReactLite","_ImportIdCollisionControl","_jsxFileName","COLUMN_WIDTHS","title","arrow","field","SCROLLBAR_GUTTER","scrollbarGutter","CREATE_NEW_FIELD_OPTION_ID","NEW_FIELD_TYPE_TITLE_KEY","text","number","date","boolean","url","image","video","document","audio","NewFieldHelperText","observer","_NewFieldHelperText","state","header","fieldType","t","ft","useTranslations","typeName","toLocaleLowerCase","default","createElement","Box","direction","gap","verticalAlign","__self","__source","fileName","lineNumber","columnNumber","Text","size","secondary","dataHook","translate","TextButton","onClick","beginFieldEdit","FieldMappingCell","_FieldMappingCell","fieldOptions","selectedFieldIds","canCreateNewField","mapping","mappingByHeader","selectedId","kind","fieldId","undefined","options","map","option","disabled","has","String","id","newFieldName","displayName","label","listItemSelectBuilder","Dropdown","clearButton","onClear","setMapping","placeholder","onSelect","setNewFieldMapping","popoverProps","appendTo","zIndex","flip","fixed","fixedFooter","Divider","ListItemAction","skin","prefixIcon","Add","canConfigureWritePolicy","idMappedHeader","IdCollisionControl","_ImportStepConfiguration","csvHeaders","fields","orderedHeaders","length","baseDropdownOptions","filter","hasNoRows","hasNoMappedData","padding","SectionHelper","flex","minHeight","display","backgroundColor","boxShadow","gridTemplateColumns","flexShrink","style","minWidth","weight","ellipsis","overflowY","maxHeight","index","TableListItem","key","showDivider","value","width","align","ArrowRight","ImportStepConfiguration","exports"],"sources":["../../../../src/components/ImportButton/ImportStepConfiguration.tsx"],"sourcesContent":["import {\n  Box,\n  Divider,\n  Dropdown,\n  Text,\n  TextButton,\n  TableListItem,\n  ListItemAction,\n  listItemSelectBuilder,\n  SectionHelper,\n} from '@wix/design-system';\nimport { Add, ArrowRight } from '@wix/wix-ui-icons-common/lazy';\nimport { ImportState, NewFieldType } from '@wix/bex-core';\nimport { useTranslations } from '@wix/patterns-fields';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { IdCollisionControl } from './ImportIdCollisionControl';\n\nexport interface ImportStepConfigurationProps {\n  state: ImportState;\n}\n\nconst COLUMN_WIDTHS = {\n  title: 'minmax(0, 150px)',\n  arrow: '1fr',\n  field: 'minmax(0, 250px)',\n};\nconst SCROLLBAR_GUTTER: React.CSSProperties = { scrollbarGutter: 'stable' };\n\n// Synthetic dropdown option id representing \"create a new field from this\n// column\". Distinct from any real field id (which never starts with `$`).\nconst CREATE_NEW_FIELD_OPTION_ID = '$createNewField';\n\n// Translation key for each new-field type's name, injected (lowercased) into the\n// helper text (\"This will be a new {typeName} field.\"). Reuses the shared\n// patterns-fields field-type names. Keyed by `NewFieldType` so adding a detected\n// type makes the missing entry a compile error here — the single place to extend.\ntype FieldTypeTitleKey =\n  | 'auto-patterns.fields.field_type_text_title'\n  | 'auto-patterns.fields.field_type_number_title'\n  | 'auto-patterns.fields.field_type_date_title'\n  | 'auto-patterns.fields.field_type_boolean_title'\n  | 'auto-patterns.fields.field_type_url_title'\n  | 'auto-patterns.fields.field_type_image_title'\n  | 'auto-patterns.fields.field_type_video_title'\n  | 'auto-patterns.fields.field_type_document_title'\n  | 'auto-patterns.fields.field_type_audio_title';\n\nconst NEW_FIELD_TYPE_TITLE_KEY: Record<NewFieldType, FieldTypeTitleKey> = {\n  text: 'auto-patterns.fields.field_type_text_title',\n  number: 'auto-patterns.fields.field_type_number_title',\n  date: 'auto-patterns.fields.field_type_date_title',\n  boolean: 'auto-patterns.fields.field_type_boolean_title',\n  url: 'auto-patterns.fields.field_type_url_title',\n  image: 'auto-patterns.fields.field_type_image_title',\n  video: 'auto-patterns.fields.field_type_video_title',\n  document: 'auto-patterns.fields.field_type_document_title',\n  audio: 'auto-patterns.fields.field_type_audio_title',\n};\n\ntype DropdownOption = ReturnType<typeof listItemSelectBuilder>;\n\ninterface NewFieldHelperTextProps {\n  state: ImportState;\n  header: string;\n  fieldType: NewFieldType;\n}\n\n/**\n * Helper line under a \"create new field\" mapping (e.g. \"This will be a new text\n * field.\") followed by an \"Edit field\" link that opens the field editor. The\n * type name comes from the shared patterns-fields translations via\n * `useTranslations`, so this is only rendered when the import modal is wrapped in\n * `PatternsFieldsProvider` — which `ImportButtonModalLayout` does whenever field\n * creation is enabled (the only case a `new` mapping exists).\n */\nconst NewFieldHelperText = observer(function _NewFieldHelperText({\n  state,\n  header,\n  fieldType,\n}: NewFieldHelperTextProps) {\n  const { t: ft } = useTranslations();\n  const typeName = ft(NEW_FIELD_TYPE_TITLE_KEY[fieldType]).toLocaleLowerCase();\n\n  return (\n    <Box direction=\"horizontal\" gap=\"SP1\" verticalAlign=\"middle\">\n      <Text\n        size=\"tiny\"\n        secondary\n        dataHook={`import-new-field-helper-${header}`}\n      >\n        {state.translate('cairo.import.newFieldHelper', { typeName })}\n      </Text>\n      <TextButton\n        size=\"tiny\"\n        dataHook={`import-edit-field-${header}`}\n        onClick={() => state.beginFieldEdit(header)}\n      >\n        {state.translate('cairo.import.editField')}\n      </TextButton>\n    </Box>\n  );\n});\n\ninterface FieldMappingCellProps {\n  state: ImportState;\n  header: string;\n  fieldOptions: DropdownOption[];\n}\n\nconst FieldMappingCell = observer(function _FieldMappingCell({\n  state,\n  header,\n  fieldOptions,\n}: FieldMappingCellProps) {\n  const { translate: t, selectedFieldIds, canCreateNewField } = state;\n  const mapping = state.mappingByHeader[header];\n\n  const selectedId =\n    mapping?.kind === 'existing'\n      ? mapping.fieldId\n      : mapping?.kind === 'new'\n      ? CREATE_NEW_FIELD_OPTION_ID\n      : undefined;\n\n  const options: DropdownOption[] = [\n    ...fieldOptions.map((option) => ({\n      ...option,\n      disabled:\n        selectedFieldIds.has(String(option.id)) &&\n        !(\n          mapping?.kind === 'existing' && mapping.fieldId === String(option.id)\n        ),\n    })),\n    ...(canCreateNewField\n      ? [\n          // The new field's name — the display name the user entered in the\n          // field editor once they've named it, otherwise the CSV column header\n          // (the default the field is created with). Followed by a translated\n          // \"(New)\" marker, built in code rather than via an interpolated key so\n          // it always shows regardless of which translation bundle the consumer\n          // loads.\n          (() => {\n            const newFieldName =\n              mapping?.kind === 'new' && mapping.displayName\n                ? mapping.displayName\n                : header;\n            const label = `${newFieldName} ${t('cairo.import.newFieldSuffix')}`;\n            return listItemSelectBuilder({\n              id: CREATE_NEW_FIELD_OPTION_ID,\n              label,\n              title: label,\n            });\n          })(),\n        ]\n      : []),\n  ];\n\n  return (\n    <Box direction=\"vertical\" gap=\"SP1\">\n      <Dropdown\n        dataHook={`import-mapping-${header}`}\n        clearButton\n        onClear={() => {\n          state.setMapping(header, null);\n        }}\n        placeholder={t('cairo.import.skipColumn')}\n        selectedId={selectedId}\n        onSelect={({ id }) => {\n          if (id === CREATE_NEW_FIELD_OPTION_ID) {\n            state.setNewFieldMapping(header);\n          } else {\n            state.setMapping(header, id as string);\n          }\n        }}\n        popoverProps={{\n          appendTo: 'window',\n          zIndex: 5001,\n          flip: true,\n          fixed: false,\n        }}\n        options={options}\n        fixedFooter={\n          canCreateNewField ? (\n            <div>\n              {/* Separate the \"Create new field\" action from the field options\n                  above it (CAIRO-4476). */}\n              <Divider />\n              <ListItemAction\n                size=\"small\"\n                skin=\"primary\"\n                prefixIcon={<Add />}\n                dataHook={`import-create-field-${header}`}\n                title={t('cairo.import.createNewField')}\n                // Map the column to a new field, then open the editor on it — the\n                // editor component (renderFieldEditor) reacts to `editingHeader`.\n                onClick={() => {\n                  state.setNewFieldMapping(header);\n                  state.beginFieldEdit(header);\n                }}\n              />\n            </div>\n          ) : undefined\n        }\n        size=\"small\"\n      />\n      {mapping?.kind === 'new' && (\n        <NewFieldHelperText\n          state={state}\n          header={header}\n          fieldType={mapping.fieldType}\n        />\n      )}\n      {state.canConfigureWritePolicy && state.idMappedHeader === header && (\n        <IdCollisionControl state={state} />\n      )}\n    </Box>\n  );\n});\n\nfunction _ImportStepConfiguration({ state }: ImportStepConfigurationProps) {\n  const { csvHeaders, fields, translate: t } = state;\n\n  // Row order is snapshotted per file in state, with the `_id`-mapped column\n  // floated to the top (CAIRO-4418). It stays fixed while the user edits\n  // mappings, so clearing/remapping the `_id` column doesn't reorder the row\n  // under the cursor. Fall back to CSV order if the snapshot isn't populated.\n  const orderedHeaders =\n    state.orderedHeaders.length > 0 ? state.orderedHeaders : csvHeaders;\n\n  const baseDropdownOptions = fields\n    .filter((field) => field.id != null)\n    .map((field) =>\n      listItemSelectBuilder({\n        id: field.id!,\n        label: field.header,\n        title: field.header,\n      }),\n    );\n\n  const hasNoRows = state.hasNoMappedData;\n\n  return (\n    <Box direction=\"vertical\" dataHook=\"import-mapping-step\" gap=\"SP3\">\n      {hasNoRows && (\n        <Box padding=\"0 SP4\">\n          <SectionHelper\n            dataHook=\"import-no-rows-warning\"\n            skin=\"warning\"\n            title={t('cairo.import.noRowsWarningTitle')}\n          >\n            {t('cairo.import.noRowsWarningDescription')}\n          </SectionHelper>\n        </Box>\n      )}\n\n      <Box direction=\"vertical\" flex={1} minHeight={0}>\n        <Box\n          display=\"grid\"\n          direction=\"horizontal\"\n          gap=\"SP4\"\n          padding=\"SP2 SP4\"\n          backgroundColor=\"var(--wds-color-fill-surface-neutral,var(--wsr-color-D75, #F7F8F8))\"\n          boxShadow=\"inset 0 1px 0 0 var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB)), inset 0 -1px 0 0 var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB))\"\n          gridTemplateColumns={`${COLUMN_WIDTHS.title} ${COLUMN_WIDTHS.arrow} ${COLUMN_WIDTHS.field}`}\n          flexShrink={0}\n          style={SCROLLBAR_GUTTER}\n        >\n          <Box minWidth={0} direction=\"vertical\">\n            <Text size=\"small\" weight=\"thin\" ellipsis>\n              {t('cairo.import.columnTitle')}\n            </Text>\n          </Box>\n\n          <Box minWidth={0} direction=\"vertical\" />\n\n          <Box minWidth={0} direction=\"vertical\">\n            <Text size=\"small\" weight=\"thin\" ellipsis>\n              {t('cairo.import.collectionField')}\n            </Text>\n          </Box>\n        </Box>\n\n        <Box\n          direction=\"vertical\"\n          overflowY=\"auto\"\n          maxHeight={hasNoRows ? 'calc(80vh - 420px)' : 'calc(80vh - 300px)'}\n          style={SCROLLBAR_GUTTER}\n        >\n          {orderedHeaders.map((header, index) => (\n            <TableListItem\n              key={header}\n              showDivider={index < orderedHeaders.length - 1}\n              options={[\n                {\n                  value: (\n                    <Text ellipsis size=\"small\" dataHook=\"import-column-title\">\n                      {header}\n                    </Text>\n                  ),\n                  width: COLUMN_WIDTHS.title,\n                },\n                {\n                  value: (\n                    <Box align=\"center\">\n                      <ArrowRight />\n                    </Box>\n                  ),\n                  width: COLUMN_WIDTHS.arrow,\n                },\n                {\n                  value: (\n                    <FieldMappingCell\n                      state={state}\n                      header={header}\n                      fieldOptions={baseDropdownOptions}\n                    />\n                  ),\n                  width: COLUMN_WIDTHS.field,\n                },\n              ]}\n            />\n          ))}\n        </Box>\n      </Box>\n    </Box>\n  );\n}\n\nexport const ImportStepConfiguration = observer(_ImportStepConfiguration);\n"],"mappings":"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","ignoreList":[]}

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.ImportStepSummary = void 0;
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _react = _interopRequireDefault(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ImportButton/ImportStepSummary.tsx";
@@ -66,7 +66,7 @@ function _ImportStepSummary({
       columnNumber: 5
     }
   }, created > 0 && /*#__PURE__*/_react.default.createElement(CountRow, {
-    icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.StatusCompleteFilled, {
+    icon: /*#__PURE__*/_react.default.createElement(_lazy.StatusCompleteFilled, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
@@ -92,7 +92,7 @@ function _ImportStepSummary({
   }, t('cairo.import.summaryCreated', {
     count: created
   }))), updated > 0 && /*#__PURE__*/_react.default.createElement(CountRow, {
-    icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.StatusCompleteFilled, {
+    icon: /*#__PURE__*/_react.default.createElement(_lazy.StatusCompleteFilled, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
@@ -118,7 +118,7 @@ function _ImportStepSummary({
   }, t('cairo.import.summaryUpdated', {
     count: updated
   }))), failed > 0 && /*#__PURE__*/_react.default.createElement(CountRow, {
-    icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.StatusAlertFilled, {
+    icon: /*#__PURE__*/_react.default.createElement(_lazy.StatusAlertFilled, {
       __self: this,
       __source: {
         fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_wixUiIconsCommon","_react","_interopRequireDefault","_mobxReactLite","_jsxFileName","CountRow","icon","color","children","default","createElement","Box","gap","verticalAlign","__self","__source","fileName","lineNumber","columnNumber","align","direction","_ImportStepSummary","state","result","translate","t","created","updated","failed","width","dataHook","StatusCompleteFilled","Text","count","StatusAlertFilled","size","secondary","ImportStepSummary","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportStepSummary.tsx"],"sourcesContent":["import { Box, Text } from '@wix/design-system';\nimport {\n  StatusAlertFilled,\n  StatusCompleteFilled,\n} from '@wix/wix-ui-icons-common';\nimport { ImportState } from '@wix/bex-core';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\n\nexport interface ImportStepSummaryProps {\n  state: ImportState;\n}\n\nfunction CountRow({\n  icon,\n  color,\n  children,\n}: {\n  icon: React.ReactNode;\n  color: string;\n  children: React.ReactNode;\n}) {\n  return (\n    <Box gap=\"SP2\" verticalAlign=\"middle\">\n      <Box align=\"center\" verticalAlign=\"middle\" color={color}>\n        {icon}\n      </Box>\n      <Box direction=\"vertical\">{children}</Box>\n    </Box>\n  );\n}\n\nfunction _ImportStepSummary({ state }: ImportStepSummaryProps) {\n  const { result, translate: t } = state;\n  const { created, updated, failed } = result;\n\n  return (\n    <Box\n      direction=\"vertical\"\n      gap=\"SP3\"\n      width=\"100%\"\n      dataHook=\"import-summary-step\"\n    >\n      {created > 0 && (\n        <CountRow icon={<StatusCompleteFilled />} color=\"G10\">\n          <Text dataHook=\"import-summary-created\">\n            {t('cairo.import.summaryCreated', { count: created })}\n          </Text>\n        </CountRow>\n      )}\n      {updated > 0 && (\n        <CountRow icon={<StatusCompleteFilled />} color=\"G10\">\n          <Text dataHook=\"import-summary-updated\">\n            {t('cairo.import.summaryUpdated', { count: updated })}\n          </Text>\n        </CountRow>\n      )}\n      {failed > 0 && (\n        <CountRow icon={<StatusAlertFilled />} color=\"R10\">\n          <Text dataHook=\"import-summary-failed\">\n            {t('cairo.import.summaryFailed', { count: failed })}\n          </Text>\n          <Text size=\"small\" secondary dataHook=\"import-summary-failed-hint\">\n            {t('cairo.import.summaryFailedHint')}\n          </Text>\n        </CountRow>\n      )}\n    </Box>\n  );\n}\n\nexport const ImportStepSummary = observer(_ImportStepSummary);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_lazy","_react","_interopRequireDefault","_mobxReactLite","_jsxFileName","CountRow","icon","color","children","default","createElement","Box","gap","verticalAlign","__self","__source","fileName","lineNumber","columnNumber","align","direction","_ImportStepSummary","state","result","translate","t","created","updated","failed","width","dataHook","StatusCompleteFilled","Text","count","StatusAlertFilled","size","secondary","ImportStepSummary","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportStepSummary.tsx"],"sourcesContent":["import { Box, Text } from '@wix/design-system';\nimport {\n  StatusAlertFilled,\n  StatusCompleteFilled,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { ImportState } from '@wix/bex-core';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\n\nexport interface ImportStepSummaryProps {\n  state: ImportState;\n}\n\nfunction CountRow({\n  icon,\n  color,\n  children,\n}: {\n  icon: React.ReactNode;\n  color: string;\n  children: React.ReactNode;\n}) {\n  return (\n    <Box gap=\"SP2\" verticalAlign=\"middle\">\n      <Box align=\"center\" verticalAlign=\"middle\" color={color}>\n        {icon}\n      </Box>\n      <Box direction=\"vertical\">{children}</Box>\n    </Box>\n  );\n}\n\nfunction _ImportStepSummary({ state }: ImportStepSummaryProps) {\n  const { result, translate: t } = state;\n  const { created, updated, failed } = result;\n\n  return (\n    <Box\n      direction=\"vertical\"\n      gap=\"SP3\"\n      width=\"100%\"\n      dataHook=\"import-summary-step\"\n    >\n      {created > 0 && (\n        <CountRow icon={<StatusCompleteFilled />} color=\"G10\">\n          <Text dataHook=\"import-summary-created\">\n            {t('cairo.import.summaryCreated', { count: created })}\n          </Text>\n        </CountRow>\n      )}\n      {updated > 0 && (\n        <CountRow icon={<StatusCompleteFilled />} color=\"G10\">\n          <Text dataHook=\"import-summary-updated\">\n            {t('cairo.import.summaryUpdated', { count: updated })}\n          </Text>\n        </CountRow>\n      )}\n      {failed > 0 && (\n        <CountRow icon={<StatusAlertFilled />} color=\"R10\">\n          <Text dataHook=\"import-summary-failed\">\n            {t('cairo.import.summaryFailed', { count: failed })}\n          </Text>\n          <Text size=\"small\" secondary dataHook=\"import-summary-failed-hint\">\n            {t('cairo.import.summaryFailedHint')}\n          </Text>\n        </CountRow>\n      )}\n    </Box>\n  );\n}\n\nexport const ImportStepSummary = observer(_ImportStepSummary);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ImportButton/ImportStepUpload.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_ = "ImportStepUpload1386334335";
+var _namespace_ = "ImportStepUpload2906753210";
 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": "ImportStepUpload1386334335__root",
-  "fileUpload": "ImportStepUpload1386334335__fileUpload"
+  "root": "ImportStepUpload2906753210__root",
+  "fileUpload": "ImportStepUpload2906753210__fileUpload"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ImportButton/ImportStepUpload.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/ImportButton/ImportStepUpload.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ImportStepUpload1386334335\";\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\":\"ImportStepUpload1386334335__root\",\"fileUpload\":\"ImportStepUpload1386334335__fileUpload\"};\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,4BAA4B;AAC9C,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,kCAAkC;EAAC,YAAY,EAAC;AAAwC,CAAC;AAC/G,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/ImportButton/ImportStepUpload.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ImportStepUpload2906753210\";\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\":\"ImportStepUpload2906753210__root\",\"fileUpload\":\"ImportStepUpload2906753210__fileUpload\"};\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,4BAA4B;AAC9C,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,kCAAkC;EAAC,YAAY,EAAC;AAAwC,CAAC;AAC/G,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/ImportButton/ImportStepper.js

@@ -45,7 +45,7 @@ function _ImportStepper({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 52,
+      lineNumber: 50,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Stepper, {
@@ -55,7 +55,7 @@ function _ImportStepper({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 53,
+      lineNumber: 51,
       columnNumber: 7
     }
   }));

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

@@ -1 +1 @@
-{"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":[]}
+{"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: (index < activeIndex\n      ? 'completed'\n      : index > activeIndex\n      ? 'disabled'\n      : 'normal') 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,EAAGD,KAAK,GAAGJ,WAAW,GACtB,WAAW,GACXI,KAAK,GAAGJ,WAAW,GACnB,UAAU,GACV;EACN,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/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_ = "InputOverflow1073409881";
+var _namespace_ = "InputOverflow1123225006";
 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": "InputOverflow1073409881__root"
+  "root": "InputOverflow1123225006__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_ = \"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":[]}
+{"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_ = \"InputOverflow1123225006\";\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\":\"InputOverflow1123225006__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/Kanban/StageActions.js

@@ -7,7 +7,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
 var _mobxReactLite = require("mobx-react-lite");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _getDefaultActionCellProps = require("../CollectionItemActions/getDefaultActionCellProps");
 var _state = require("../../state");
 var _ActionModal = require("../ActionModal");
@@ -69,7 +69,7 @@ function _StageActions({
           lineNumber: 77,
           columnNumber: 13
         }
-      }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.MoreSmall, {
+      }, /*#__PURE__*/_react.default.createElement(_lazy.MoreSmall, {
         __self: this,
         __source: {
           fileName: _jsxFileName,

package/dist/cjs/components/Kanban/StageActions.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_wixUiIconsCommon","_getDefaultActionCellProps","_state","_ActionModal","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_StageActions","state","stageKey","stageActionCell","keyedItem","stagesCollectionState","getKeyedItem","stageActionsState","useMemo","ItemActionsState","fade","collection","reportBi","toolbar","resolvedActionCell","item","indexWithinPage","actionCellAPI","secondaryActions","length","createElement","Fragment","confirmModal","value","MessageActionModal","_extends2","__self","__source","fileName","lineNumber","columnNumber","PopoverMenu","getDefaultActionCellProps","textSize","minWidth","dataHook","triggerElement","toggle","IconButton","skin","priority","size","onClick","stopPropagation","MoreSmall","map","secondaryAction","index","divider","Divider","key","action","icon","prefixIcon","rest","MenuItem","StageActions","exports","observer"],"sources":["../../../../src/components/Kanban/StageActions.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport {\n  IconButton,\n  PopoverMenu,\n  PopoverMenuItemProps,\n} from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { MoreSmall } from '@wix/wix-ui-icons-common';\nimport { getDefaultActionCellProps } from '../CollectionItemActions/getDefaultActionCellProps';\nimport { SecondaryActionAction } from '../ActionCell';\nimport { FiltersMap } from '../../exports/core';\nimport { KanbanBaseProps } from '.';\nimport { ItemActionsState } from '../../state';\nimport { KanbanState } from '../../state/KanbanState';\nimport { MessageActionModal } from '../ActionModal';\n\ninterface StageActionsProps<T, S, F extends FiltersMap> {\n  state: KanbanState<T, S, F>;\n  stageKey: string;\n  stageActionCell: KanbanBaseProps<T, S, F>['stageActionCell'];\n}\n\nfunction _StageActions<T, S, F extends FiltersMap>({\n  state,\n  stageKey,\n  stageActionCell,\n}: StageActionsProps<T, S, F>) {\n  const keyedItem = state.stagesCollectionState.getKeyedItem(stageKey);\n\n  const stageActionsState = useMemo(() => {\n    if (!keyedItem) {\n      return null;\n    }\n\n    return new ItemActionsState({\n      keyedItem,\n      fade: 'static',\n      collection: state.stagesCollectionState,\n      reportBi: state.toolbar.reportBi,\n    });\n  }, [keyedItem, state.stagesCollectionState, state.toolbar.reportBi]);\n\n  if (!keyedItem || !stageActionsState) {\n    return null;\n  }\n\n  const resolvedActionCell =\n    typeof stageActionCell === 'function'\n      ? stageActionCell(\n          keyedItem.item,\n          keyedItem.indexWithinPage,\n          stageActionsState.actionCellAPI,\n        )\n      : stageActionCell;\n\n  const secondaryActions = resolvedActionCell?.secondaryActions;\n\n  if (!secondaryActions?.length) {\n    return null;\n  }\n\n  return (\n    <>\n      {stageActionsState.confirmModal.value && (\n        <MessageActionModal\n          state={stageActionsState.confirmModal}\n          {...stageActionsState.confirmModal.value}\n        />\n      )}\n      <PopoverMenu\n        {...getDefaultActionCellProps()}\n        textSize=\"small\"\n        minWidth=\"223px\"\n        dataHook={`kanban-stage-more-actions-${stageKey}`}\n        triggerElement={({ toggle }) => {\n          return (\n            <IconButton\n              skin=\"dark\"\n              priority=\"tertiary\"\n              size=\"small\"\n              dataHook={`kanban-stage-more-actions-trigger-${stageKey}`}\n              onClick={(e) => {\n                e.stopPropagation();\n                toggle();\n              }}\n            >\n              <MoreSmall />\n            </IconButton>\n          );\n        }}\n      >\n        {secondaryActions.map((secondaryAction, index) => {\n          if (secondaryAction.divider) {\n            return <PopoverMenu.Divider key={index} />;\n          }\n          const action = secondaryAction as SecondaryActionAction;\n          const { icon: prefixIcon, skin, ...rest } = action;\n\n          return (\n            <PopoverMenu.MenuItem\n              key={index}\n              dataHook={`kanban-stage-more-actions-item-${stageKey}`}\n              skin={skin as PopoverMenuItemProps['skin']}\n              prefixIcon={prefixIcon}\n              {...rest}\n            />\n          );\n        })}\n      </PopoverMenu>\n    </>\n  );\n}\n\nexport const StageActions = observer(_StageActions);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_lazy","_getDefaultActionCellProps","_state","_ActionModal","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_StageActions","state","stageKey","stageActionCell","keyedItem","stagesCollectionState","getKeyedItem","stageActionsState","useMemo","ItemActionsState","fade","collection","reportBi","toolbar","resolvedActionCell","item","indexWithinPage","actionCellAPI","secondaryActions","length","createElement","Fragment","confirmModal","value","MessageActionModal","_extends2","__self","__source","fileName","lineNumber","columnNumber","PopoverMenu","getDefaultActionCellProps","textSize","minWidth","dataHook","triggerElement","toggle","IconButton","skin","priority","size","onClick","stopPropagation","MoreSmall","map","secondaryAction","index","divider","Divider","key","action","icon","prefixIcon","rest","MenuItem","StageActions","exports","observer"],"sources":["../../../../src/components/Kanban/StageActions.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport {\n  IconButton,\n  PopoverMenu,\n  PopoverMenuItemProps,\n} from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { MoreSmall } from '@wix/wix-ui-icons-common/lazy';\nimport { getDefaultActionCellProps } from '../CollectionItemActions/getDefaultActionCellProps';\nimport { SecondaryActionAction } from '../ActionCell';\nimport { FiltersMap } from '../../exports/core';\nimport { KanbanBaseProps } from '.';\nimport { ItemActionsState } from '../../state';\nimport { KanbanState } from '../../state/KanbanState';\nimport { MessageActionModal } from '../ActionModal';\n\ninterface StageActionsProps<T, S, F extends FiltersMap> {\n  state: KanbanState<T, S, F>;\n  stageKey: string;\n  stageActionCell: KanbanBaseProps<T, S, F>['stageActionCell'];\n}\n\nfunction _StageActions<T, S, F extends FiltersMap>({\n  state,\n  stageKey,\n  stageActionCell,\n}: StageActionsProps<T, S, F>) {\n  const keyedItem = state.stagesCollectionState.getKeyedItem(stageKey);\n\n  const stageActionsState = useMemo(() => {\n    if (!keyedItem) {\n      return null;\n    }\n\n    return new ItemActionsState({\n      keyedItem,\n      fade: 'static',\n      collection: state.stagesCollectionState,\n      reportBi: state.toolbar.reportBi,\n    });\n  }, [keyedItem, state.stagesCollectionState, state.toolbar.reportBi]);\n\n  if (!keyedItem || !stageActionsState) {\n    return null;\n  }\n\n  const resolvedActionCell =\n    typeof stageActionCell === 'function'\n      ? stageActionCell(\n          keyedItem.item,\n          keyedItem.indexWithinPage,\n          stageActionsState.actionCellAPI,\n        )\n      : stageActionCell;\n\n  const secondaryActions = resolvedActionCell?.secondaryActions;\n\n  if (!secondaryActions?.length) {\n    return null;\n  }\n\n  return (\n    <>\n      {stageActionsState.confirmModal.value && (\n        <MessageActionModal\n          state={stageActionsState.confirmModal}\n          {...stageActionsState.confirmModal.value}\n        />\n      )}\n      <PopoverMenu\n        {...getDefaultActionCellProps()}\n        textSize=\"small\"\n        minWidth=\"223px\"\n        dataHook={`kanban-stage-more-actions-${stageKey}`}\n        triggerElement={({ toggle }) => {\n          return (\n            <IconButton\n              skin=\"dark\"\n              priority=\"tertiary\"\n              size=\"small\"\n              dataHook={`kanban-stage-more-actions-trigger-${stageKey}`}\n              onClick={(e) => {\n                e.stopPropagation();\n                toggle();\n              }}\n            >\n              <MoreSmall />\n            </IconButton>\n          );\n        }}\n      >\n        {secondaryActions.map((secondaryAction, index) => {\n          if (secondaryAction.divider) {\n            return <PopoverMenu.Divider key={index} />;\n          }\n          const action = secondaryAction as SecondaryActionAction;\n          const { icon: prefixIcon, skin, ...rest } = action;\n\n          return (\n            <PopoverMenu.MenuItem\n              key={index}\n              dataHook={`kanban-stage-more-actions-item-${stageKey}`}\n              skin={skin as PopoverMenuItemProps['skin']}\n              prefixIcon={prefixIcon}\n              {...rest}\n            />\n          );\n        })}\n      </PopoverMenu>\n    </>\n  );\n}\n\nexport const StageActions = observer(_StageActions);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/Kanban/useCardActions.js

@@ -9,7 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _useExtensionMenuItems = require("../../hooks/useExtensionMenuItems");
 var _designSystem = require("@wix/design-system");
 var _getDefaultActionCellProps = require("../CollectionItemActions/getDefaultActionCellProps");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _DisabledActionCellMenu = require("../ActionCell/DisabledActionCellMenu");
 var _KanbanCardActionsHelper = require("./KanbanCardActionsHelper");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/Kanban/useCardActions.tsx";
@@ -86,7 +86,7 @@ function useCardActions({
       dataHook: `kanban-card-more-actions-trigger-disabled-${stageKey}-${cardKey}`,
       tooltipContent: actionCellConfig.secondaryMenuDisabledTooltip ?? state.container.translate('cairo.disabled'),
       size: "tiny",
-      icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.MoreSmall, {
+      icon: /*#__PURE__*/_react.default.createElement(_lazy.MoreSmall, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
@@ -131,7 +131,7 @@ function useCardActions({
             lineNumber: 156,
             columnNumber: 13
           }
-        }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.MoreSmall, {
+        }, /*#__PURE__*/_react.default.createElement(_lazy.MoreSmall, {
           __self: this,
           __source: {
             fileName: _jsxFileName,