@wix/patterns 1.422.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_ = "Heading2580758596";
+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": "Heading2580758596__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_ = \"Heading2580758596\";\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\":\"Heading2580758596__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/ImportButton.js

@@ -18,10 +18,10 @@ function _ImportButton(props) {
   const {
     toolbarType = 'default',
     fields,
-    bulkUploadItems,
+    collectionId,
     backup,
     updateSchema,
-    batchSize
+    onJobError
   } = props;
   const table = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
   const {
@@ -46,10 +46,10 @@ function _ImportButton(props) {
       const child = /*#__PURE__*/_react.default.createElement(_ImportButtonModalLayout.ImportButtonModalLayout, {
         importModalState: state,
         fields: fields,
-        bulkUploadItems: bulkUploadItems,
+        collectionId: collectionId,
         backup: backup,
         updateSchema: updateSchema,
-        batchSize: batchSize,
+        onJobError: onJobError,
         __self: this,
         __source: {
           fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_bexCore","_designSystem","_wixUiIconsCommon","_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","fields","bulkUploadItems","backup","updateSchema","batchSize","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';\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 {\n    toolbarType = 'default',\n    fields,\n    bulkUploadItems,\n    backup,\n    updateSchema,\n    batchSize,\n  } = 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              fields={fields}\n              bulkUploadItems={bulkUploadItems}\n              backup={backup}\n              updateSchema={updateSchema}\n              batchSize={batchSize}\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","_wixUiIconsCommon","_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","fields","collectionId","backup","updateSchema","onJobError","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';\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 {\n    toolbarType = 'default',\n    fields,\n    collectionId,\n    backup,\n    updateSchema,\n    onJobError,\n  } = 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              fields={fields}\n              collectionId={collectionId}\n              backup={backup}\n              updateSchema={updateSchema}\n              onJobError={onJobError}\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":[]}