@wix/patterns 1.423.0 → 1.424.0

package/dist/cjs/components/FieldActions/HeaderActionsPopover.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_wixUiIconsCommon","_react2","_useCloseOnAncestorScroll","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","HeaderActionsPopover","actions","dataHook","className","translate","useWixPatternsContainer","menuOpen","setMenuOpen","useState","popoverKey","setPopoverKey","wrapperRef","useRef","closePopover","useCallback","k","useCloseOnAncestorScroll","menuItems","filter","group","length","reduce","result","index","array","items","map","action","createElement","PopoverMenu","MenuItem","key","text","label","onClick","disabled","loading","undefined","prefixIcon","__self","__source","fileName","lineNumber","columnNumber","Loader","size","icon","disabledDescription","disabledTooltip","skin","divider","Divider","ref","stopPropagation","Tooltip","content","appendTo","textSize","triggerElement","IconButton","priority","ariaLabel","MoreSmall","placement","onShow","onHide"],"sources":["../../../../src/components/FieldActions/HeaderActionsPopover.tsx"],"sourcesContent":["import React, { useState, useCallback, useRef, type ReactNode } from 'react';\nimport { PopoverMenu, IconButton, Loader, Tooltip } from '@wix/design-system';\nimport { MoreSmall } from '@wix/wix-ui-icons-common';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport type { HeaderAction } from './headerActionTypes';\nimport { useCloseOnAncestorScroll } from '../../hooks/useCloseOnAncestorScroll';\n\nexport interface HeaderActionsPopoverProps {\n  actions: HeaderAction[][];\n  dataHook?: string;\n  className?: string;\n}\n\nexport function HeaderActionsPopover({\n  actions,\n  dataHook,\n  className,\n}: HeaderActionsPopoverProps) {\n  const { translate: t } = useWixPatternsContainer();\n  const [menuOpen, setMenuOpen] = useState(false);\n  const [popoverKey, setPopoverKey] = useState(0);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n\n  const closePopover = useCallback(() => {\n    setMenuOpen(false);\n    setPopoverKey((k) => k + 1);\n  }, []);\n\n  useCloseOnAncestorScroll(wrapperRef, closePopover, menuOpen);\n\n  const menuItems = actions\n    .filter((group) => group.length > 0)\n    .reduce<ReactNode[]>((result, group, index, array) => {\n      const items = group.map((action, i) => (\n        <PopoverMenu.MenuItem\n          key={`${index}-${i}`}\n          text={action.label}\n          onClick={\n            action.disabled || action.loading ? undefined : action.onClick\n          }\n          prefixIcon={\n            action.loading ? (\n              <span>\n                <Loader size=\"tiny\" />\n              </span>\n            ) : (\n              action.icon\n            )\n          }\n          disabled={action.disabled || action.loading}\n          disabledDescription={\n            action.loading ? undefined : action.disabledTooltip\n          }\n          skin={action.skin}\n        />\n      ));\n      const divider =\n        index < array.length - 1\n          ? [<PopoverMenu.Divider key={`divider-${index}`} />]\n          : [];\n      return [...result, ...items, ...divider];\n    }, []);\n\n  if (menuItems.length === 0) {\n    return null;\n  }\n\n  return (\n    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions\n    <div\n      ref={wrapperRef}\n      className={className}\n      data-menu-open={menuOpen ? 'true' : 'false'}\n      data-hook={dataHook}\n      onClick={(e) => e.stopPropagation()}\n    >\n      <Tooltip\n        content={t('cairo.moreActions')}\n        disabled={menuOpen}\n        appendTo=\"window\"\n      >\n        <PopoverMenu\n          key={popoverKey}\n          dataHook={dataHook ? `${dataHook}-menu` : undefined}\n          textSize=\"small\"\n          triggerElement={\n            <IconButton\n              size=\"tiny\"\n              skin=\"dark\"\n              priority=\"tertiary\"\n              ariaLabel={t('cairo.moreActions')}\n              dataHook={dataHook ? `${dataHook}-more-button` : undefined}\n            >\n              <MoreSmall />\n            </IconButton>\n          }\n          appendTo=\"window\"\n          placement=\"bottom-end\"\n          onShow={() => setMenuOpen(true)}\n          onHide={() => setMenuOpen(false)}\n        >\n          {menuItems}\n        </PopoverMenu>\n      </Tooltip>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_wixUiIconsCommon","_react2","_actionMenuItems","_useCloseOnAncestorScroll","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","HeaderActionsPopover","actions","dataHook","className","translate","useWixPatternsContainer","menuOpen","setMenuOpen","useState","popoverKey","setPopoverKey","wrapperRef","useRef","closePopover","useCallback","k","useCloseOnAncestorScroll","menuItems","actionMenuItems","length","createElement","ref","onClick","stopPropagation","__self","__source","fileName","lineNumber","columnNumber","Tooltip","content","disabled","appendTo","PopoverMenu","key","undefined","textSize","triggerElement","IconButton","size","skin","priority","ariaLabel","MoreSmall","placement","onShow","onHide"],"sources":["../../../../src/components/FieldActions/HeaderActionsPopover.tsx"],"sourcesContent":["import React, { useState, useCallback, useRef } from 'react';\nimport { PopoverMenu, IconButton, Tooltip } from '@wix/design-system';\nimport { MoreSmall } from '@wix/wix-ui-icons-common';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport type { HeaderAction } from './headerActionTypes';\nimport { actionMenuItems } from './actionMenuItems';\nimport { useCloseOnAncestorScroll } from '../../hooks/useCloseOnAncestorScroll';\n\nexport interface HeaderActionsPopoverProps {\n  actions: HeaderAction[][];\n  dataHook?: string;\n  className?: string;\n}\n\nexport function HeaderActionsPopover({\n  actions,\n  dataHook,\n  className,\n}: HeaderActionsPopoverProps) {\n  const { translate: t } = useWixPatternsContainer();\n  const [menuOpen, setMenuOpen] = useState(false);\n  const [popoverKey, setPopoverKey] = useState(0);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n\n  const closePopover = useCallback(() => {\n    setMenuOpen(false);\n    setPopoverKey((k) => k + 1);\n  }, []);\n\n  useCloseOnAncestorScroll(wrapperRef, closePopover, menuOpen);\n\n  const menuItems = actionMenuItems(actions);\n  if (menuItems.length === 0) {\n    return null;\n  }\n\n  return (\n    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions\n    <div\n      ref={wrapperRef}\n      className={className}\n      data-menu-open={menuOpen ? 'true' : 'false'}\n      data-hook={dataHook}\n      onClick={(e) => e.stopPropagation()}\n    >\n      <Tooltip\n        content={t('cairo.moreActions')}\n        disabled={menuOpen}\n        appendTo=\"window\"\n      >\n        <PopoverMenu\n          key={popoverKey}\n          dataHook={dataHook ? `${dataHook}-menu` : undefined}\n          textSize=\"small\"\n          triggerElement={\n            <IconButton\n              size=\"tiny\"\n              skin=\"dark\"\n              priority=\"tertiary\"\n              ariaLabel={t('cairo.moreActions')}\n              dataHook={dataHook ? `${dataHook}-more-button` : undefined}\n            >\n              <MoreSmall />\n            </IconButton>\n          }\n          appendTo=\"window\"\n          placement=\"bottom-end\"\n          onShow={() => setMenuOpen(true)}\n          onHide={() => setMenuOpen(false)}\n        >\n          {menuItems}\n        </PopoverMenu>\n      </Tooltip>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/FieldActions/actionMenuItems.js

@@ -0,0 +1,60 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.actionMenuItems = actionMenuItems;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/FieldActions/actionMenuItems.tsx";
+/**
+ * Renders grouped field actions as PopoverMenu items, with a divider between
+ * groups. Shared by HeaderActionsPopover (table header) and FieldActionsPopover
+ * (side panels) so the menu body is identical across surfaces; only the trigger
+ * differs. Returns an empty array when there are no actions.
+ */
+function actionMenuItems(actions) {
+  return actions.filter(group => group.length > 0).reduce((result, group, index, array) => {
+    const items = group.map((action, i) => /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
+      key: `${index}-${i}`,
+      dataHook: action.dataHook,
+      text: action.label,
+      onClick: action.disabled || action.loading ? undefined : action.onClick,
+      prefixIcon: action.loading ? /*#__PURE__*/_react.default.createElement("span", {
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 25,
+          columnNumber: 15
+        }
+      }, /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
+        size: "tiny",
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 26,
+          columnNumber: 17
+        }
+      })) : action.icon,
+      disabled: action.disabled || action.loading,
+      disabledDescription: action.loading ? undefined : action.disabledTooltip,
+      skin: action.skin,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 16,
+        columnNumber: 9
+      }
+    }));
+    const divider = index < array.length - 1 ? [/*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.Divider, {
+      key: `divider-${index}`,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 41,
+        columnNumber: 14
+      }
+    })] : [];
+    return [...result, ...items, ...divider];
+  }, []);
+}
+//# sourceMappingURL=actionMenuItems.js.map

package/dist/cjs/components/FieldActions/actionMenuItems.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","actionMenuItems","actions","filter","group","length","reduce","result","index","array","items","map","action","i","default","createElement","PopoverMenu","MenuItem","key","dataHook","text","label","onClick","disabled","loading","undefined","prefixIcon","__self","__source","fileName","lineNumber","columnNumber","Loader","size","icon","disabledDescription","disabledTooltip","skin","divider","Divider"],"sources":["../../../../src/components/FieldActions/actionMenuItems.tsx"],"sourcesContent":["import React, { type ReactNode } from 'react';\nimport { PopoverMenu, Loader } from '@wix/design-system';\nimport type { HeaderAction } from './headerActionTypes';\n\n/**\n * Renders grouped field actions as PopoverMenu items, with a divider between\n * groups. Shared by HeaderActionsPopover (table header) and FieldActionsPopover\n * (side panels) so the menu body is identical across surfaces; only the trigger\n * differs. Returns an empty array when there are no actions.\n */\nexport function actionMenuItems(actions: HeaderAction[][]): ReactNode[] {\n  return actions\n    .filter((group) => group.length > 0)\n    .reduce<ReactNode[]>((result, group, index, array) => {\n      const items = group.map((action, i) => (\n        <PopoverMenu.MenuItem\n          key={`${index}-${i}`}\n          dataHook={action.dataHook}\n          text={action.label}\n          onClick={\n            action.disabled || action.loading ? undefined : action.onClick\n          }\n          prefixIcon={\n            action.loading ? (\n              <span>\n                <Loader size=\"tiny\" />\n              </span>\n            ) : (\n              action.icon\n            )\n          }\n          disabled={action.disabled || action.loading}\n          disabledDescription={\n            action.loading ? undefined : action.disabledTooltip\n          }\n          skin={action.skin}\n        />\n      ));\n      const divider =\n        index < array.length - 1\n          ? [<PopoverMenu.Divider key={`divider-${index}`} />]\n          : [];\n      return [...result, ...items, ...divider];\n    }, []);\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAAyD,IAAAE,YAAA;AAGzD;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,eAAeA,CAACC,OAAyB,EAAe;EACtE,OAAOA,OAAO,CACXC,MAAM,CAAEC,KAAK,IAAKA,KAAK,CAACC,MAAM,GAAG,CAAC,CAAC,CACnCC,MAAM,CAAc,CAACC,MAAM,EAAEH,KAAK,EAAEI,KAAK,EAAEC,KAAK,KAAK;IACpD,MAAMC,KAAK,GAAGN,KAAK,CAACO,GAAG,CAAC,CAACC,MAAM,EAAEC,CAAC,kBAChCjB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAAiB,WAAW,CAACC,QAAQ;MACnBC,GAAG,EAAE,GAAGV,KAAK,IAAIK,CAAC,EAAG;MACrBM,QAAQ,EAAEP,MAAM,CAACO,QAAS;MAC1BC,IAAI,EAAER,MAAM,CAACS,KAAM;MACnBC,OAAO,EACLV,MAAM,CAACW,QAAQ,IAAIX,MAAM,CAACY,OAAO,GAAGC,SAAS,GAAGb,MAAM,CAACU,OACxD;MACDI,UAAU,EACRd,MAAM,CAACY,OAAO,gBACZ5B,MAAA,CAAAkB,OAAA,CAAAC,aAAA;QAAAY,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA7B,YAAA;UAAA8B,UAAA;UAAAC,YAAA;QAAA;MAAA,gBACEnC,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAAiC,MAAM;QAACC,IAAI,EAAC,MAAM;QAAAN,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA7B,YAAA;UAAA8B,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CACjB,CAAC,GAEPnB,MAAM,CAACsB,IAEV;MACDX,QAAQ,EAAEX,MAAM,CAACW,QAAQ,IAAIX,MAAM,CAACY,OAAQ;MAC5CW,mBAAmB,EACjBvB,MAAM,CAACY,OAAO,GAAGC,SAAS,GAAGb,MAAM,CAACwB,eACrC;MACDC,IAAI,EAAEzB,MAAM,CAACyB,IAAK;MAAAV,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA7B,YAAA;QAAA8B,UAAA;QAAAC,YAAA;MAAA;IAAA,CACnB,CACF,CAAC;IACF,MAAMO,OAAO,GACX9B,KAAK,GAAGC,KAAK,CAACJ,MAAM,GAAG,CAAC,GACpB,cAACT,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAAiB,WAAW,CAACuB,OAAO;MAACrB,GAAG,EAAE,WAAWV,KAAK,EAAG;MAAAmB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA7B,YAAA;QAAA8B,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,CAAC,GAClD,EAAE;IACR,OAAO,CAAC,GAAGxB,MAAM,EAAE,GAAGG,KAAK,EAAE,GAAG4B,OAAO,CAAC;EAC1C,CAAC,EAAE,EAAE,CAAC;AACV","ignoreList":[]}

package/dist/cjs/components/FieldActions/headerActionTypes.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../src/components/FieldActions/headerActionTypes.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nexport interface HeaderAction {\n  /** The text label of the action item. */\n  label: string;\n  /** Handler called when the action is clicked. */\n  onClick: () => void;\n  /** An icon to display before the text. */\n  icon?: ReactNode;\n  /** Disables the action both visually and functionally. */\n  disabled?: boolean;\n  /** Tooltip text shown when the action is disabled. */\n  disabledTooltip?: string;\n  /** Visual style — 'dark' (default) or 'destructive' (red). */\n  skin?: 'dark' | 'destructive';\n  /** When true, replaces the icon with a spinner, forces disabled, and suppresses `disabledTooltip`. */\n  loading?: boolean;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../../src/components/FieldActions/headerActionTypes.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nexport interface HeaderAction {\n  /** The text label of the action item. */\n  label: string;\n  /** Optional data-hook for the menu item (for testkits). */\n  dataHook?: string;\n  /** Handler called when the action is clicked. */\n  onClick: () => void;\n  /** An icon to display before the text. */\n  icon?: ReactNode;\n  /** Disables the action both visually and functionally. */\n  disabled?: boolean;\n  /** Tooltip text shown when the action is disabled. */\n  disabledTooltip?: string;\n  /** Visual style — 'dark' (default) or 'destructive' (red). */\n  skin?: 'dark' | 'destructive';\n  /** When true, replaces the icon with a spinner, forces disabled, and suppresses `disabledTooltip`. */\n  loading?: boolean;\n}\n\nexport interface FieldActionsMenuConfig {\n  actions: HeaderAction[][];\n  buttonDataHook?: string;\n  menuDataHook?: string;\n  tooltipContent?: string;\n  onShow?: () => void;\n  disabledTooltip?: string;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/components/FieldActions/index.js

@@ -1,13 +1,13 @@
 "use strict";
 
 exports.__esModule = true;
-exports.getFieldActionDisableState = exports.getFieldActionDisableReason = exports.buildFieldActionGroups = exports.HeaderActionsPopover = exports.FIELD_ACTION_DISABLE_REASON_TOOLTIPS = exports.FIELD_ACTIONS = void 0;
+exports.buildFieldActionsMenu = exports.buildFieldActionGroups = exports.HeaderActionsPopover = exports.FieldActionsPopover = exports.FIELD_ACTIONS = void 0;
 var _FieldActions = require("./FieldActions");
 exports.FIELD_ACTIONS = _FieldActions.FIELD_ACTIONS;
-exports.FIELD_ACTION_DISABLE_REASON_TOOLTIPS = _FieldActions.FIELD_ACTION_DISABLE_REASON_TOOLTIPS;
 exports.buildFieldActionGroups = _FieldActions.buildFieldActionGroups;
-exports.getFieldActionDisableReason = _FieldActions.getFieldActionDisableReason;
-exports.getFieldActionDisableState = _FieldActions.getFieldActionDisableState;
+exports.buildFieldActionsMenu = _FieldActions.buildFieldActionsMenu;
 var _HeaderActionsPopover = require("./HeaderActionsPopover");
 exports.HeaderActionsPopover = _HeaderActionsPopover.HeaderActionsPopover;
+var _FieldActionsPopover = require("./FieldActionsPopover");
+exports.FieldActionsPopover = _FieldActionsPopover.FieldActionsPopover;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_FieldActions","require","exports","FIELD_ACTIONS","FIELD_ACTION_DISABLE_REASON_TOOLTIPS","buildFieldActionGroups","getFieldActionDisableReason","getFieldActionDisableState","_HeaderActionsPopover","HeaderActionsPopover"],"sources":["../../../../src/components/FieldActions/index.ts"],"sourcesContent":["export {\n  FIELD_ACTIONS,\n  FIELD_ACTION_DISABLE_REASON_TOOLTIPS,\n  buildFieldActionGroups,\n  getFieldActionDisableReason,\n  getFieldActionDisableState,\n} from './FieldActions';\nexport type {\n  FieldActionKey,\n  FieldActionDisableReason,\n  FieldActionPermissions,\n  FieldActionColumn,\n  FieldActionHandlers,\n} from './FieldActions';\nexport { HeaderActionsPopover } from './HeaderActionsPopover';\nexport type { HeaderActionsPopoverProps } from './HeaderActionsPopover';\nexport type { HeaderAction } from './headerActionTypes';\n"],"mappings":";;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAMwBC,OAAA,CAAAC,aAAA,GAAAH,aAAA,CAAAG,aAAA;AAAAD,OAAA,CAAAE,oCAAA,GAAAJ,aAAA,CAAAI,oCAAA;AAAAF,OAAA,CAAAG,sBAAA,GAAAL,aAAA,CAAAK,sBAAA;AAAAH,OAAA,CAAAI,2BAAA,GAAAN,aAAA,CAAAM,2BAAA;AAAAJ,OAAA,CAAAK,0BAAA,GAAAP,aAAA,CAAAO,0BAAA;AAQxB,IAAAC,qBAAA,GAAAP,OAAA;AAA8DC,OAAA,CAAAO,oBAAA,GAAAD,qBAAA,CAAAC,oBAAA","ignoreList":[]}
+{"version":3,"names":["_FieldActions","require","exports","FIELD_ACTIONS","buildFieldActionGroups","buildFieldActionsMenu","_HeaderActionsPopover","HeaderActionsPopover","_FieldActionsPopover","FieldActionsPopover"],"sources":["../../../../src/components/FieldActions/index.ts"],"sourcesContent":["export {\n  FIELD_ACTIONS,\n  buildFieldActionGroups,\n  buildFieldActionsMenu,\n} from './FieldActions';\nexport type {\n  FieldActionKey,\n  FieldActionHandlers,\n  FieldActionHandlersConfig,\n  FieldActionsBIContext,\n} from './FieldActions';\nexport { HeaderActionsPopover } from './HeaderActionsPopover';\nexport type { HeaderActionsPopoverProps } from './HeaderActionsPopover';\nexport { FieldActionsPopover } from './FieldActionsPopover';\nexport type { HeaderAction, FieldActionsMenuConfig } from './headerActionTypes';\n"],"mappings":";;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAIwBC,OAAA,CAAAC,aAAA,GAAAH,aAAA,CAAAG,aAAA;AAAAD,OAAA,CAAAE,sBAAA,GAAAJ,aAAA,CAAAI,sBAAA;AAAAF,OAAA,CAAAG,qBAAA,GAAAL,aAAA,CAAAK,qBAAA;AAOxB,IAAAC,qBAAA,GAAAL,OAAA;AAA8DC,OAAA,CAAAK,oBAAA,GAAAD,qBAAA,CAAAC,oBAAA;AAE9D,IAAAC,oBAAA,GAAAP,OAAA;AAA4DC,OAAA,CAAAO,mBAAA,GAAAD,oBAAA,CAAAC,mBAAA","ignoreList":[]}

package/dist/cjs/components/FieldCell/FieldCell.js

@@ -0,0 +1,279 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.FieldCell = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _react2 = require("@wix/bex-core/react");
+var _mobxReactLite = require("mobx-react-lite");
+var _datesUtil = require("../../utils/datesUtil");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/FieldCell/FieldCell.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// Cell renderers live in @wix/patterns-fields, which statically pulls the
+// rich-text editor (Ricos/draft-js) and media SDKs. Importing them eagerly put
+// that weight into every bundle that renders a source column (DataExtension,
+// CMS, the tables). Loading them lazily moves it into an async chunk fetched
+// only when a cell of one of these types first renders. The light types in the
+// switch below stay inline (WDS only) and ship nothing extra.
+function lazyCell(pick) {
+  const C = /*#__PURE__*/_react.default.lazy(async () => ({
+    default: pick(await Promise.resolve().then(() => _interopRequireWildcard(require('@wix/patterns-fields'))))
+  }));
+  return props => /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+    fallback: null,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 24,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(C, (0, _extends2.default)({}, props, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 25,
+      columnNumber: 7
+    }
+  })));
+}
+const CellAddressView = lazyCell(m => m.CellAddressView);
+const CellAudioView = lazyCell(m => m.CellAudioView);
+const CellColorView = lazyCell(m => m.CellColorView);
+const CellDocumentView = lazyCell(m => m.CellDocumentView);
+const CellMediaGalleryView = lazyCell(m => m.CellMediaGalleryView);
+const CellMultiDocumentView = lazyCell(m => m.CellMultiDocumentView);
+const CellRichContentView = lazyCell(m => m.CellRichContentView);
+const CellRichTextView = lazyCell(m => m.CellRichTextView);
+const ImageView = lazyCell(m => m.ImageView);
+const JsonView = lazyCell(m => m.JsonView);
+function _FieldCell(props) {
+  var _props$value;
+  const {
+    dateFormatters
+  } = (0, _react2.useWixPatternsContainer)();
+  switch (props.type) {
+    case 'LONG_TEXT':
+      return /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+        size: "small",
+        ellipsis: true,
+        maxLines: 3,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 53,
+          columnNumber: 9
+        }
+      }, props.value);
+    case 'DATE':
+      return /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+        size: "small",
+        ellipsis: true,
+        maxLines: 1,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 59,
+          columnNumber: 9
+        }
+      }, props.value ? dateFormatters.medium.format((0, _datesUtil.getDateWithoutTimezone)(props.value)) : null);
+    case 'DATETIME':
+      return /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+        size: "small",
+        ellipsis: true,
+        maxLines: 1,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 69,
+          columnNumber: 9
+        }
+      }, props.value ? dateFormatters.mediumTime.format(new Date(props.value)) : null);
+    case 'BOOLEAN':
+      return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+        align: "center",
+        verticalAlign: "middle",
+        color: props.value ? 'G10' : 'D10',
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 77,
+          columnNumber: 9
+        }
+      }, props.value ? /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Confirm, {
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 82,
+          columnNumber: 26
+        }
+      }) : /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Minus, {
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 82,
+          columnNumber: 40
+        }
+      }));
+    case 'URL':
+      return /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
+        as: "a",
+        rel: "noopener",
+        target: "_blank",
+        href: props.value,
+        ellipsis: true,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 87,
+          columnNumber: 9
+        }
+      }, props.value);
+    case 'IMAGE':
+      return /*#__PURE__*/_react.default.createElement(ImageView, {
+        value: props.value,
+        dataHook: "image-view",
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 99,
+          columnNumber: 9
+        }
+      });
+    case 'VIDEO':
+      return /*#__PURE__*/_react.default.createElement(ImageView, {
+        value: props.value,
+        dataHook: "video-view",
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 103,
+          columnNumber: 9
+        }
+      });
+    case 'AUDIO':
+      return /*#__PURE__*/_react.default.createElement(CellAudioView, {
+        value: props.value,
+        dataHook: "audio-view",
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 107,
+          columnNumber: 9
+        }
+      });
+    case 'MEDIA_GALLERY':
+      return /*#__PURE__*/_react.default.createElement(CellMediaGalleryView, {
+        data: props.value,
+        dataHook: "media-gallery-view",
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 114,
+          columnNumber: 9
+        }
+      });
+    case 'DOCUMENT':
+      return /*#__PURE__*/_react.default.createElement(CellDocumentView, {
+        value: props.value,
+        dataHook: "document-view",
+        fieldId: props.fieldId ?? '',
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 121,
+          columnNumber: 9
+        }
+      });
+    case 'MULTI_DOCUMENT':
+      return /*#__PURE__*/_react.default.createElement(CellMultiDocumentView, {
+        value: props.value,
+        dataHook: "multi-document-view",
+        fieldId: props.fieldId ?? '',
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 129,
+          columnNumber: 9
+        }
+      });
+    case 'ARRAY':
+      return /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+        size: "small",
+        ellipsis: true,
+        maxLines: 1,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 137,
+          columnNumber: 9
+        }
+      }, (_props$value = props.value) == null ? void 0 : _props$value.join(', '));
+    case 'ADDRESS':
+      return /*#__PURE__*/_react.default.createElement(CellAddressView, {
+        data: props.value,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 143,
+          columnNumber: 9
+        }
+      });
+    case 'RICH_TEXT':
+      return /*#__PURE__*/_react.default.createElement(CellRichTextView, {
+        value: props.value,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 146,
+          columnNumber: 14
+        }
+      });
+    case 'RICH_CONTENT':
+      return /*#__PURE__*/_react.default.createElement(CellRichContentView, {
+        value: props.value,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 148,
+          columnNumber: 14
+        }
+      });
+    case 'COLOR':
+      return /*#__PURE__*/_react.default.createElement(CellColorView, {
+        value: props.value,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 150,
+          columnNumber: 14
+        }
+      });
+    case 'OBJECT':
+      return /*#__PURE__*/_react.default.createElement(JsonView, {
+        data: props.value,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 152,
+          columnNumber: 14
+        }
+      });
+    default:
+      return /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+        size: "small",
+        ellipsis: true,
+        maxLines: 1,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 155,
+          columnNumber: 9
+        }
+      }, props.value);
+  }
+}
+const FieldCell = exports.FieldCell = (0, _mobxReactLite.observer)(_FieldCell);
+//# sourceMappingURL=FieldCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_wixUiIconsCommon","_react2","_mobxReactLite","_datesUtil","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","lazyCell","pick","C","React","lazy","Promise","resolve","then","props","createElement","Suspense","fallback","__self","__source","fileName","lineNumber","columnNumber","_extends2","CellAddressView","m","CellAudioView","CellColorView","CellDocumentView","CellMediaGalleryView","CellMultiDocumentView","CellRichContentView","CellRichTextView","ImageView","JsonView","_FieldCell","_props$value","dateFormatters","useWixPatternsContainer","type","Text","size","ellipsis","maxLines","value","medium","format","getDateWithoutTimezone","mediumTime","Date","Box","align","verticalAlign","color","Confirm","Minus","TextButton","as","rel","target","href","dataHook","data","fieldId","join","FieldCell","exports","observer"],"sources":["../../../../src/components/FieldCell/FieldCell.tsx"],"sourcesContent":["import React, { Suspense } from 'react';\nimport { Box, Text, TextButton } from '@wix/design-system';\nimport { Confirm, Minus } from '@wix/wix-ui-icons-common';\nimport type { PatternsFieldType } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport type { CellAddressViewProps } from '@wix/patterns-fields';\nimport type { WixCodeGalleryItem } from '@wix/patterns-fields/auto-field-types';\nimport { getDateWithoutTimezone } from '../../utils/datesUtil';\n\n// Cell renderers live in @wix/patterns-fields, which statically pulls the\n// rich-text editor (Ricos/draft-js) and media SDKs. Importing them eagerly put\n// that weight into every bundle that renders a source column (DataExtension,\n// CMS, the tables). Loading them lazily moves it into an async chunk fetched\n// only when a cell of one of these types first renders. The light types in the\n// switch below stay inline (WDS only) and ship nothing extra.\nfunction lazyCell<P extends object>(\n  pick: (m: typeof import('@wix/patterns-fields')) => React.ComponentType<P>,\n) {\n  const C = React.lazy(async () => ({\n    default: pick(await import('@wix/patterns-fields')),\n  }));\n  return (props: P) => (\n    <Suspense fallback={null}>\n      <C {...props} />\n    </Suspense>\n  );\n}\n\nconst CellAddressView = lazyCell((m) => m.CellAddressView);\nconst CellAudioView = lazyCell((m) => m.CellAudioView);\nconst CellColorView = lazyCell((m) => m.CellColorView);\nconst CellDocumentView = lazyCell((m) => m.CellDocumentView);\nconst CellMediaGalleryView = lazyCell((m) => m.CellMediaGalleryView);\nconst CellMultiDocumentView = lazyCell((m) => m.CellMultiDocumentView);\nconst CellRichContentView = lazyCell((m) => m.CellRichContentView);\nconst CellRichTextView = lazyCell((m) => m.CellRichTextView);\nconst ImageView = lazyCell((m) => m.ImageView);\nconst JsonView = lazyCell((m) => m.JsonView);\n\nexport interface FieldCellProps {\n  value?: unknown;\n  type: PatternsFieldType;\n  /** Stable id for cells that render WDS Tags (document, multi-document). */\n  fieldId?: string;\n}\n\nfunction _FieldCell(props: FieldCellProps) {\n  const { dateFormatters } = useWixPatternsContainer();\n  switch (props.type) {\n    case 'LONG_TEXT':\n      return (\n        <Text size=\"small\" ellipsis maxLines={3}>\n          {props.value as React.ReactNode}\n        </Text>\n      );\n    case 'DATE':\n      return (\n        <Text size=\"small\" ellipsis maxLines={1}>\n          {props.value\n            ? dateFormatters.medium.format(\n                getDateWithoutTimezone(props.value as string),\n              )\n            : null}\n        </Text>\n      );\n    case 'DATETIME':\n      return (\n        <Text size=\"small\" ellipsis maxLines={1}>\n          {props.value\n            ? dateFormatters.mediumTime.format(new Date(props.value as string))\n            : null}\n        </Text>\n      );\n    case 'BOOLEAN':\n      return (\n        <Box\n          align=\"center\"\n          verticalAlign=\"middle\"\n          color={props.value ? 'G10' : 'D10'}\n        >\n          {props.value ? <Confirm /> : <Minus />}\n        </Box>\n      );\n    case 'URL':\n      return (\n        <TextButton\n          as=\"a\"\n          rel=\"noopener\"\n          target=\"_blank\"\n          href={props.value as string}\n          ellipsis\n        >\n          {props.value as React.ReactNode}\n        </TextButton>\n      );\n    case 'IMAGE':\n      return (\n        <ImageView value={props.value as string | null} dataHook=\"image-view\" />\n      );\n    case 'VIDEO':\n      return (\n        <ImageView value={props.value as string | null} dataHook=\"video-view\" />\n      );\n    case 'AUDIO':\n      return (\n        <CellAudioView\n          value={props.value as string | null}\n          dataHook=\"audio-view\"\n        />\n      );\n    case 'MEDIA_GALLERY':\n      return (\n        <CellMediaGalleryView\n          data={props.value as WixCodeGalleryItem[] | null}\n          dataHook=\"media-gallery-view\"\n        />\n      );\n    case 'DOCUMENT':\n      return (\n        <CellDocumentView\n          value={props.value as string | null | undefined}\n          dataHook=\"document-view\"\n          fieldId={props.fieldId ?? ''}\n        />\n      );\n    case 'MULTI_DOCUMENT':\n      return (\n        <CellMultiDocumentView\n          value={props.value as string[] | null | undefined}\n          dataHook=\"multi-document-view\"\n          fieldId={props.fieldId ?? ''}\n        />\n      );\n    case 'ARRAY':\n      return (\n        <Text size=\"small\" ellipsis maxLines={1}>\n          {(props.value as unknown[] | undefined)?.join(', ')}\n        </Text>\n      );\n    case 'ADDRESS':\n      return (\n        <CellAddressView data={props.value as CellAddressViewProps['data']} />\n      );\n    case 'RICH_TEXT':\n      return <CellRichTextView value={props.value as string | null} />;\n    case 'RICH_CONTENT':\n      return <CellRichContentView value={props.value} />;\n    case 'COLOR':\n      return <CellColorView value={props.value as string | undefined} />;\n    case 'OBJECT':\n      return <JsonView data={props.value} />;\n    default:\n      return (\n        <Text size=\"small\" ellipsis maxLines={1}>\n          {props.value as React.ReactNode}\n        </Text>\n      );\n  }\n}\n\nexport const FieldCell = observer(_FieldCell);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/Heading/Heading.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_ = "Heading3594993495";
+var _namespace_ = "Heading589754590";
 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": "Heading3594993495__root"
+  "root": "Heading589754590__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Heading/Heading.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/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading3594993495\";\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\":\"Heading3594993495__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,mBAAmB;AACrC,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;AAAyB,CAAC;AAChD,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/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading589754590\";\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\":\"Heading589754590__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,kBAAkB;AACpC,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;AAAwB,CAAC;AAC/C,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/ImportModal.uni.driver.js

@@ -52,6 +52,15 @@ function ImportModalUniDriver(base, body) {
     progressLabelExists: () => progressLabelBase().exists(),
     getErrorMessageText: () => modalLayoutBase().$('[data-hook="import-error-message"]').text(),
     errorMessageExists: () => modalLayoutBase().$('[data-hook="import-error-message"]').exists(),
+    // Inline wrap style on the error message's container — asserts a long,
+    // unbroken message is forced to wrap inside the modal instead of overflowing.
+    getErrorMessageWrapStyle: async () => {
+      const native = await modalLayoutBase().$('[data-hook="import-error-message-wrap"]').getNative();
+      return {
+        overflowWrap: native.style.overflowWrap,
+        wordBreak: native.style.wordBreak
+      };
+    },
     /** Get the CounterBadge driver for the columns found counter */
     getColumnsFoundCounter: () => (0, _unidriver3.CounterBadgeUniDriver)(modalLayoutBase().$('[data-hook="import-columns-found-counter"]'), body),
     /** Text of the "new field" helper line under a column's mapping dropdown */

package/dist/cjs/components/ImportButton/ImportModal.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_unidriver2","_unidriver3","ImportModalUniDriver","base","body","modalBase","$","modalLayoutBase","footerBase","getModal","ModalUniDriver","getModalLayout","CustomModalLayoutUniDriver","getFooterText","TextUniDriver","getText","footerExists","exists","fileInputBase","configurationStepBase","summaryStepBase","progressLabelBase","wait","timeout","baseUniDriverFactory","waitModalClosed","waitFor","clickPrimaryAction","getPrimaryButtonDriver","click","getPrimaryActionText","getButtonTextContent","isPrimaryButtonDisabled","isButtonDisabled","getSecondaryButtonText","getSecondaryButtonDriver","clickSecondaryAction","clickCloseButton","getModalTitle","getTitleText","getSubtitleText","isUploadStepVisible","isConfigurationStepVisible","isSummaryStepVisible","uploadFile","file","nativeInput","getNative","Object","defineProperty","value","dispatchEvent","Event","bubbles","noRowsWarningExists","getProgressLabel","text","progressLabelExists","getErrorMessageText","errorMessageExists","getColumnsFoundCounter","CounterBadgeUniDriver","getNewFieldHelperText","header","newFieldHelperExists","getMappingDropdown","DropdownUniDriver","getMappingHeadersInOrder","$$","idCollisionControlExists","getIdCollisionActionText","openIdCollisionMenu","clickIdCollisionUpdate","clickIdCollisionSkip","editFieldLinkExists","clickEditField","fieldEditorIsOpen","getFieldEditorModal","getFieldEditorNameInput","InputUniDriver","confirmFieldEditor","getDiscardChangesModal","MessageModalLayoutUniDriver","_default","exports","default"],"sources":["../../../../src/components/ImportButton/ImportModal.uni.driver.ts"],"sourcesContent":["import { UniDriver, waitFor } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport {\n  CounterBadgeUniDriver,\n  CustomModalLayoutUniDriver,\n  DropdownUniDriver,\n  InputUniDriver,\n  MessageModalLayoutUniDriver,\n  ModalUniDriver,\n  TextUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nexport function ImportModalUniDriver(base: UniDriver, body: UniDriver) {\n  const modalBase = () => body.$('.portal-import-modal');\n  const modalLayoutBase = () => body.$('[data-hook=\"import-modal-layout\"]');\n  const footerBase = () =>\n    modalLayoutBase().$('[data-hook=\"import-modal-footer-text\"]');\n\n  const getModal = () => ModalUniDriver(modalBase(), modalBase());\n\n  const getModalLayout = () =>\n    CustomModalLayoutUniDriver(modalLayoutBase(), body);\n\n  const getFooterText = async () =>\n    (await TextUniDriver(footerBase(), body)).getText();\n\n  const footerExists = () => footerBase().exists();\n\n  const fileInputBase = () =>\n    modalLayoutBase().$('[data-hook=\"import-file-input\"]');\n  const configurationStepBase = () =>\n    modalLayoutBase().$('[data-hook=\"import-mapping-step\"]');\n  const summaryStepBase = () =>\n    modalLayoutBase().$('[data-hook=\"import-summary-step\"]');\n  const progressLabelBase = () =>\n    modalLayoutBase().$('[data-hook=\"import-progress-label\"]');\n\n  return {\n    wait: (timeout?: number) => base.wait(timeout),\n    ...baseUniDriverFactory(base),\n    getModal,\n    getModalLayout,\n    waitModalClosed: (timeout?: number) =>\n      waitFor(async () => !(await getModalLayout().exists()), timeout),\n    clickPrimaryAction: async () =>\n      (await getModalLayout().getPrimaryButtonDriver()).click(),\n    getPrimaryActionText: async () =>\n      (await getModalLayout().getPrimaryButtonDriver()).getButtonTextContent(),\n    isPrimaryButtonDisabled: async () =>\n      (await getModalLayout().getPrimaryButtonDriver()).isButtonDisabled(),\n    getSecondaryButtonText: async () =>\n      (\n        await getModalLayout().getSecondaryButtonDriver()\n      ).getButtonTextContent(),\n    clickSecondaryAction: async () =>\n      (await getModalLayout().getSecondaryButtonDriver()).click(),\n    clickCloseButton: () => getModalLayout().clickCloseButton(),\n    getModalTitle: () => getModalLayout().getTitleText(),\n    getSubtitleText: () => getModalLayout().getSubtitleText(),\n    getFooterText,\n    footerExists,\n\n    isUploadStepVisible: () => fileInputBase().exists(),\n    isConfigurationStepVisible: () => configurationStepBase().exists(),\n    isSummaryStepVisible: () => summaryStepBase().exists(),\n\n    /** Simulates selecting a file in the upload step */\n    uploadFile: async (file: File) => {\n      const nativeInput: HTMLInputElement = await fileInputBase()\n        .$('input[type=\"file\"]')\n        .getNative();\n      Object.defineProperty(nativeInput, 'files', { value: [file] });\n      nativeInput.dispatchEvent(new Event('change', { bubbles: true }));\n    },\n\n    noRowsWarningExists: () =>\n      modalLayoutBase().$('[data-hook=\"import-no-rows-warning\"]').exists(),\n\n    getProgressLabel: () => progressLabelBase().text(),\n    progressLabelExists: () => progressLabelBase().exists(),\n\n    getErrorMessageText: () =>\n      modalLayoutBase().$('[data-hook=\"import-error-message\"]').text(),\n    errorMessageExists: () =>\n      modalLayoutBase().$('[data-hook=\"import-error-message\"]').exists(),\n\n    /** Get the CounterBadge driver for the columns found counter */\n    getColumnsFoundCounter: () =>\n      CounterBadgeUniDriver(\n        modalLayoutBase().$('[data-hook=\"import-columns-found-counter\"]'),\n        body,\n      ),\n\n    /** Text of the \"new field\" helper line under a column's mapping dropdown */\n    getNewFieldHelperText: (header: string) =>\n      modalLayoutBase()\n        .$(`[data-hook=\"import-new-field-helper-${header}\"]`)\n        .text(),\n    newFieldHelperExists: (header: string) =>\n      modalLayoutBase()\n        .$(`[data-hook=\"import-new-field-helper-${header}\"]`)\n        .exists(),\n\n    /** Get the Dropdown driver for a specific CSV header mapping */\n    getMappingDropdown: (header: string) =>\n      DropdownUniDriver(\n        modalLayoutBase().$(`[data-hook=\"import-mapping-${header}\"]`),\n        body,\n      ),\n\n    /**\n     * CSV headers in the order their mapping rows are rendered (ID row first).\n     * Reads the per-row column-title cells in DOM order — `.text()` on the\n     * multi-element query returns their text as an ordered array.\n     */\n    getMappingHeadersInOrder: () =>\n      modalLayoutBase().$$('[data-hook=\"import-column-title\"]').text(),\n\n    /** Whether the \"When items share the same ID\" sentence + action are shown */\n    idCollisionControlExists: () =>\n      modalLayoutBase().$('[data-hook=\"import-id-collision-action\"]').exists(),\n\n    /** Current label of the id-collision inline action (reflects the choice) */\n    getIdCollisionActionText: () =>\n      modalLayoutBase().$('[data-hook=\"import-id-collision-action\"]').text(),\n\n    /** Open the id-collision popover menu */\n    openIdCollisionMenu: () =>\n      modalLayoutBase().$('[data-hook=\"import-id-collision-action\"]').click(),\n\n    // The popover menu renders at `window` (appendTo), so its items live on\n    // `body`, not under the modal layout.\n    clickIdCollisionUpdate: () =>\n      body.$('[data-hook=\"import-id-collision-update\"]').click(),\n    clickIdCollisionSkip: () =>\n      body.$('[data-hook=\"import-id-collision-skip\"]').click(),\n\n    /** Whether the \"Edit field\" link under a column's new-field mapping exists */\n    editFieldLinkExists: (header: string) =>\n      modalLayoutBase().$(`[data-hook=\"import-edit-field-${header}\"]`).exists(),\n\n    /** Click the \"Edit field\" link to open the field editor for a column */\n    clickEditField: (header: string) =>\n      modalLayoutBase().$(`[data-hook=\"import-edit-field-${header}\"]`).click(),\n\n    /** Whether the CMS field-editor modal is open */\n    fieldEditorIsOpen: () =>\n      body.$('[data-hook=\"field-editor-modal\"]').exists(),\n\n    /** Field-editor modal layout driver (Save/Cancel, title, ...) */\n    getFieldEditorModal: () =>\n      CustomModalLayoutUniDriver(\n        body.$('[data-hook=\"field-editor-modal\"]'),\n        body,\n      ),\n\n    /** Field-editor \"Field name\" input driver */\n    getFieldEditorNameInput: () =>\n      InputUniDriver(body.$('[data-hook=\"cms-field-name-input\"]'), body),\n\n    /** Confirm (Save) the field editor */\n    confirmFieldEditor: async () =>\n      (\n        await CustomModalLayoutUniDriver(\n          body.$('[data-hook=\"field-editor-modal\"]'),\n          body,\n        ).getPrimaryButtonDriver()\n      ).click(),\n\n    /** Get the discard changes confirmation modal driver */\n    getDiscardChangesModal: () =>\n      MessageModalLayoutUniDriver(\n        body.$('[data-hook=\"import-discard-changes-modal\"]'),\n        body,\n      ),\n  };\n}\n\nexport default ImportModalUniDriver;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_unidriver2","_unidriver3","ImportModalUniDriver","base","body","modalBase","$","modalLayoutBase","footerBase","getModal","ModalUniDriver","getModalLayout","CustomModalLayoutUniDriver","getFooterText","TextUniDriver","getText","footerExists","exists","fileInputBase","configurationStepBase","summaryStepBase","progressLabelBase","wait","timeout","baseUniDriverFactory","waitModalClosed","waitFor","clickPrimaryAction","getPrimaryButtonDriver","click","getPrimaryActionText","getButtonTextContent","isPrimaryButtonDisabled","isButtonDisabled","getSecondaryButtonText","getSecondaryButtonDriver","clickSecondaryAction","clickCloseButton","getModalTitle","getTitleText","getSubtitleText","isUploadStepVisible","isConfigurationStepVisible","isSummaryStepVisible","uploadFile","file","nativeInput","getNative","Object","defineProperty","value","dispatchEvent","Event","bubbles","noRowsWarningExists","getProgressLabel","text","progressLabelExists","getErrorMessageText","errorMessageExists","getErrorMessageWrapStyle","native","overflowWrap","style","wordBreak","getColumnsFoundCounter","CounterBadgeUniDriver","getNewFieldHelperText","header","newFieldHelperExists","getMappingDropdown","DropdownUniDriver","getMappingHeadersInOrder","$$","idCollisionControlExists","getIdCollisionActionText","openIdCollisionMenu","clickIdCollisionUpdate","clickIdCollisionSkip","editFieldLinkExists","clickEditField","fieldEditorIsOpen","getFieldEditorModal","getFieldEditorNameInput","InputUniDriver","confirmFieldEditor","getDiscardChangesModal","MessageModalLayoutUniDriver","_default","exports","default"],"sources":["../../../../src/components/ImportButton/ImportModal.uni.driver.ts"],"sourcesContent":["import { UniDriver, waitFor } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport {\n  CounterBadgeUniDriver,\n  CustomModalLayoutUniDriver,\n  DropdownUniDriver,\n  InputUniDriver,\n  MessageModalLayoutUniDriver,\n  ModalUniDriver,\n  TextUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nexport function ImportModalUniDriver(base: UniDriver, body: UniDriver) {\n  const modalBase = () => body.$('.portal-import-modal');\n  const modalLayoutBase = () => body.$('[data-hook=\"import-modal-layout\"]');\n  const footerBase = () =>\n    modalLayoutBase().$('[data-hook=\"import-modal-footer-text\"]');\n\n  const getModal = () => ModalUniDriver(modalBase(), modalBase());\n\n  const getModalLayout = () =>\n    CustomModalLayoutUniDriver(modalLayoutBase(), body);\n\n  const getFooterText = async () =>\n    (await TextUniDriver(footerBase(), body)).getText();\n\n  const footerExists = () => footerBase().exists();\n\n  const fileInputBase = () =>\n    modalLayoutBase().$('[data-hook=\"import-file-input\"]');\n  const configurationStepBase = () =>\n    modalLayoutBase().$('[data-hook=\"import-mapping-step\"]');\n  const summaryStepBase = () =>\n    modalLayoutBase().$('[data-hook=\"import-summary-step\"]');\n  const progressLabelBase = () =>\n    modalLayoutBase().$('[data-hook=\"import-progress-label\"]');\n\n  return {\n    wait: (timeout?: number) => base.wait(timeout),\n    ...baseUniDriverFactory(base),\n    getModal,\n    getModalLayout,\n    waitModalClosed: (timeout?: number) =>\n      waitFor(async () => !(await getModalLayout().exists()), timeout),\n    clickPrimaryAction: async () =>\n      (await getModalLayout().getPrimaryButtonDriver()).click(),\n    getPrimaryActionText: async () =>\n      (await getModalLayout().getPrimaryButtonDriver()).getButtonTextContent(),\n    isPrimaryButtonDisabled: async () =>\n      (await getModalLayout().getPrimaryButtonDriver()).isButtonDisabled(),\n    getSecondaryButtonText: async () =>\n      (\n        await getModalLayout().getSecondaryButtonDriver()\n      ).getButtonTextContent(),\n    clickSecondaryAction: async () =>\n      (await getModalLayout().getSecondaryButtonDriver()).click(),\n    clickCloseButton: () => getModalLayout().clickCloseButton(),\n    getModalTitle: () => getModalLayout().getTitleText(),\n    getSubtitleText: () => getModalLayout().getSubtitleText(),\n    getFooterText,\n    footerExists,\n\n    isUploadStepVisible: () => fileInputBase().exists(),\n    isConfigurationStepVisible: () => configurationStepBase().exists(),\n    isSummaryStepVisible: () => summaryStepBase().exists(),\n\n    /** Simulates selecting a file in the upload step */\n    uploadFile: async (file: File) => {\n      const nativeInput: HTMLInputElement = await fileInputBase()\n        .$('input[type=\"file\"]')\n        .getNative();\n      Object.defineProperty(nativeInput, 'files', { value: [file] });\n      nativeInput.dispatchEvent(new Event('change', { bubbles: true }));\n    },\n\n    noRowsWarningExists: () =>\n      modalLayoutBase().$('[data-hook=\"import-no-rows-warning\"]').exists(),\n\n    getProgressLabel: () => progressLabelBase().text(),\n    progressLabelExists: () => progressLabelBase().exists(),\n\n    getErrorMessageText: () =>\n      modalLayoutBase().$('[data-hook=\"import-error-message\"]').text(),\n    errorMessageExists: () =>\n      modalLayoutBase().$('[data-hook=\"import-error-message\"]').exists(),\n    // Inline wrap style on the error message's container — asserts a long,\n    // unbroken message is forced to wrap inside the modal instead of overflowing.\n    getErrorMessageWrapStyle: async () => {\n      const native: HTMLElement = await modalLayoutBase()\n        .$('[data-hook=\"import-error-message-wrap\"]')\n        .getNative();\n      return {\n        overflowWrap: native.style.overflowWrap,\n        wordBreak: native.style.wordBreak,\n      };\n    },\n\n    /** Get the CounterBadge driver for the columns found counter */\n    getColumnsFoundCounter: () =>\n      CounterBadgeUniDriver(\n        modalLayoutBase().$('[data-hook=\"import-columns-found-counter\"]'),\n        body,\n      ),\n\n    /** Text of the \"new field\" helper line under a column's mapping dropdown */\n    getNewFieldHelperText: (header: string) =>\n      modalLayoutBase()\n        .$(`[data-hook=\"import-new-field-helper-${header}\"]`)\n        .text(),\n    newFieldHelperExists: (header: string) =>\n      modalLayoutBase()\n        .$(`[data-hook=\"import-new-field-helper-${header}\"]`)\n        .exists(),\n\n    /** Get the Dropdown driver for a specific CSV header mapping */\n    getMappingDropdown: (header: string) =>\n      DropdownUniDriver(\n        modalLayoutBase().$(`[data-hook=\"import-mapping-${header}\"]`),\n        body,\n      ),\n\n    /**\n     * CSV headers in the order their mapping rows are rendered (ID row first).\n     * Reads the per-row column-title cells in DOM order — `.text()` on the\n     * multi-element query returns their text as an ordered array.\n     */\n    getMappingHeadersInOrder: () =>\n      modalLayoutBase().$$('[data-hook=\"import-column-title\"]').text(),\n\n    /** Whether the \"When items share the same ID\" sentence + action are shown */\n    idCollisionControlExists: () =>\n      modalLayoutBase().$('[data-hook=\"import-id-collision-action\"]').exists(),\n\n    /** Current label of the id-collision inline action (reflects the choice) */\n    getIdCollisionActionText: () =>\n      modalLayoutBase().$('[data-hook=\"import-id-collision-action\"]').text(),\n\n    /** Open the id-collision popover menu */\n    openIdCollisionMenu: () =>\n      modalLayoutBase().$('[data-hook=\"import-id-collision-action\"]').click(),\n\n    // The popover menu renders at `window` (appendTo), so its items live on\n    // `body`, not under the modal layout.\n    clickIdCollisionUpdate: () =>\n      body.$('[data-hook=\"import-id-collision-update\"]').click(),\n    clickIdCollisionSkip: () =>\n      body.$('[data-hook=\"import-id-collision-skip\"]').click(),\n\n    /** Whether the \"Edit field\" link under a column's new-field mapping exists */\n    editFieldLinkExists: (header: string) =>\n      modalLayoutBase().$(`[data-hook=\"import-edit-field-${header}\"]`).exists(),\n\n    /** Click the \"Edit field\" link to open the field editor for a column */\n    clickEditField: (header: string) =>\n      modalLayoutBase().$(`[data-hook=\"import-edit-field-${header}\"]`).click(),\n\n    /** Whether the CMS field-editor modal is open */\n    fieldEditorIsOpen: () =>\n      body.$('[data-hook=\"field-editor-modal\"]').exists(),\n\n    /** Field-editor modal layout driver (Save/Cancel, title, ...) */\n    getFieldEditorModal: () =>\n      CustomModalLayoutUniDriver(\n        body.$('[data-hook=\"field-editor-modal\"]'),\n        body,\n      ),\n\n    /** Field-editor \"Field name\" input driver */\n    getFieldEditorNameInput: () =>\n      InputUniDriver(body.$('[data-hook=\"cms-field-name-input\"]'), body),\n\n    /** Confirm (Save) the field editor */\n    confirmFieldEditor: async () =>\n      (\n        await CustomModalLayoutUniDriver(\n          body.$('[data-hook=\"field-editor-modal\"]'),\n          body,\n        ).getPrimaryButtonDriver()\n      ).click(),\n\n    /** Get the discard changes confirmation modal driver */\n    getDiscardChangesModal: () =>\n      MessageModalLayoutUniDriver(\n        body.$('[data-hook=\"import-discard-changes-modal\"]'),\n        body,\n      ),\n  };\n}\n\nexport default ImportModalUniDriver;\n"],"mappings":"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","ignoreList":[]}

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

@@ -191,9 +191,11 @@ function _ImportStepConfiguration({
     translate: t
   } = state;
 
-  // The row whose column maps to `_id` floats to the top of the list (CAIRO-4418).
-  const idHeader = state.idMappedHeader;
-  const orderedHeaders = idHeader != null ? [idHeader, ...csvHeaders.filter(header => header !== idHeader)] : csvHeaders;
+  // Row order is snapshotted per file in state, with the `_id`-mapped column
+  // floated to the top (CAIRO-4418). It stays fixed while the user edits
+  // mappings, so clearing/remapping the `_id` column doesn't reorder the row
+  // under the cursor. Fall back to CSV order if the snapshot isn't populated.
+  const orderedHeaders = state.orderedHeaders.length > 0 ? state.orderedHeaders : csvHeaders;
   const baseDropdownOptions = fields.filter(field => field.id != null).map(field => (0, _designSystem.listItemSelectBuilder)({
     id: field.id,
     label: field.header,