@wix/patterns 0.8.0

package/dist/cjs/components/NavigationModal/NavigationModal.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.NavigationModal = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _react2 = require("@wix/bex-core/react");
+var _CollectionActionModal = require("../CollectionActionModal");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/NavigationModal/NavigationModal.tsx";
+function _NavigationModal() {
+  const {
+    onNavigationModal
+  } = (0, _react2.useWixPatternsContainer)();
+  const {
+    value
+  } = onNavigationModal;
+  return /*#__PURE__*/_react.default.createElement(_CollectionActionModal.CollectionActionModal, (0, _extends2.default)({
+    state: onNavigationModal,
+    dataHook: "navigation-modal",
+    theme: "destructive"
+  }, value && {
+    title: value.title,
+    content: value.content,
+    onAfterClose: value.onAfterClose,
+    primaryButtonOnClick: value.onConfirm,
+    secondaryButtonOnClick: value.onClose,
+    onCloseButtonClick: value.onClose,
+    primaryButtonText: value.primaryButtonText,
+    secondaryButtonText: value.secondaryButtonText
+  }, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 11,
+      columnNumber: 5
+    }
+  }));
+}
+const NavigationModal = exports.NavigationModal = (0, _mobxReactLite.observer)(_NavigationModal);
+//# sourceMappingURL=NavigationModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_react2","_CollectionActionModal","_jsxFileName","_NavigationModal","onNavigationModal","useWixPatternsContainer","value","default","createElement","CollectionActionModal","_extends2","state","dataHook","theme","title","content","onAfterClose","primaryButtonOnClick","onConfirm","secondaryButtonOnClick","onClose","onCloseButtonClick","primaryButtonText","secondaryButtonText","__self","__source","fileName","lineNumber","columnNumber","NavigationModal","exports","observer"],"sources":["../../../../src/components/NavigationModal/NavigationModal.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CollectionActionModal } from '../CollectionActionModal';\n\nfunction _NavigationModal() {\n  const { onNavigationModal } = useWixPatternsContainer();\n  const { value } = onNavigationModal;\n\n  return (\n    <CollectionActionModal\n      state={onNavigationModal}\n      dataHook=\"navigation-modal\"\n      theme=\"destructive\"\n      {...(value && {\n        title: value.title,\n        content: value.content,\n        onAfterClose: value.onAfterClose,\n        primaryButtonOnClick: value.onConfirm,\n        secondaryButtonOnClick: value.onClose,\n        onCloseButtonClick: value.onClose,\n        primaryButtonText: value.primaryButtonText,\n        secondaryButtonText: value.secondaryButtonText,\n      })}\n    />\n  );\n}\n\nexport const NavigationModal = observer(_NavigationModal);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,sBAAA,GAAAH,OAAA;AAAiE,IAAAI,YAAA;AAEjE,SAASC,gBAAgBA,CAAA,EAAG;EAC1B,MAAM;IAAEC;EAAkB,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EACvD,MAAM;IAAEC;EAAM,CAAC,GAAGF,iBAAiB;EAEnC,oBACER,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACP,sBAAA,CAAAQ,qBAAqB,MAAAC,SAAA,CAAAH,OAAA;IACpBI,KAAK,EAAEP,iBAAkB;IACzBQ,QAAQ,EAAC,kBAAkB;IAC3BC,KAAK,EAAC;EAAa,GACdP,KAAK,IAAI;IACZQ,KAAK,EAAER,KAAK,CAACQ,KAAK;IAClBC,OAAO,EAAET,KAAK,CAACS,OAAO;IACtBC,YAAY,EAAEV,KAAK,CAACU,YAAY;IAChCC,oBAAoB,EAAEX,KAAK,CAACY,SAAS;IACrCC,sBAAsB,EAAEb,KAAK,CAACc,OAAO;IACrCC,kBAAkB,EAAEf,KAAK,CAACc,OAAO;IACjCE,iBAAiB,EAAEhB,KAAK,CAACgB,iBAAiB;IAC1CC,mBAAmB,EAAEjB,KAAK,CAACiB;EAC7B,CAAC;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxB,YAAA;MAAAyB,UAAA;MAAAC,YAAA;IAAA;EAAA,EACF,CAAC;AAEN;AAEO,MAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,uBAAQ,EAAC5B,gBAAgB,CAAC"}

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

@@ -0,0 +1,7 @@
+"use strict";
+
+exports.__esModule = true;
+exports.NavigationModal = void 0;
+var _NavigationModal = require("./NavigationModal");
+exports.NavigationModal = _NavigationModal.NavigationModal;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_NavigationModal","require","exports","NavigationModal"],"sources":["../../../../src/components/NavigationModal/index.ts"],"sourcesContent":["export { NavigationModal } from './NavigationModal';\n"],"mappings":";;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AAAoDC,OAAA,CAAAC,eAAA,GAAAH,gBAAA,CAAAG,eAAA"}

package/dist/cjs/components/NestedTable/ExpandCollapseButton.uni.driver.js

@@ -0,0 +1,25 @@
+"use strict";
+
+exports.__esModule = true;
+exports.ExpandCollapseButtonUniDriver = ExpandCollapseButtonUniDriver;
+var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+function ExpandCollapseButtonUniDriver(base, body) {
+  const getButton = () => base.$('[data-hook="expand-collapse"]');
+  const chevronIcon = () => getButton().$('[data-hook="chevron-icon"]');
+  return {
+    ...(0, _unidriver.TextButtonUniDriver)(getButton(), body),
+    isExpanded: async () => {
+      var _await$chevronIcon$at;
+      return (_await$chevronIcon$at = await chevronIcon().attr('style')) == null ? void 0 : _await$chevronIcon$at.includes('transform: rotate(90deg)');
+    },
+    isCollapsed: async () => {
+      var _await$chevronIcon$at2;
+      return (_await$chevronIcon$at2 = await chevronIcon().attr('style')) == null ? void 0 : _await$chevronIcon$at2.includes('transform: rotate(0deg)');
+    },
+    isHidden: async () => {
+      var _await$base$attr;
+      return (_await$base$attr = await base.attr('style')) == null ? void 0 : _await$base$attr.includes('visibility: hidden');
+    }
+  };
+}
+//# sourceMappingURL=ExpandCollapseButton.uni.driver.js.map

package/dist/cjs/components/NestedTable/ExpandCollapseButton.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","ExpandCollapseButtonUniDriver","base","body","getButton","$","chevronIcon","TextButtonUniDriver","isExpanded","_await$chevronIcon$at","attr","includes","isCollapsed","_await$chevronIcon$at2","isHidden","_await$base$attr"],"sources":["../../../../src/components/NestedTable/ExpandCollapseButton.uni.driver.ts"],"sourcesContent":["import { TextButtonUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\n\nexport function ExpandCollapseButtonUniDriver(\n  base: UniDriver,\n  body: UniDriver,\n) {\n  const getButton = () => base.$('[data-hook=\"expand-collapse\"]');\n  const chevronIcon = () => getButton().$('[data-hook=\"chevron-icon\"]');\n  return {\n    ...TextButtonUniDriver(getButton(), body),\n    isExpanded: async () =>\n      (await chevronIcon().attr('style'))?.includes('transform: rotate(90deg)'),\n    isCollapsed: async () =>\n      (await chevronIcon().attr('style'))?.includes('transform: rotate(0deg)'),\n    isHidden: async () =>\n      (await base.attr('style'))?.includes('visibility: hidden'),\n  };\n}\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAGO,SAASC,6BAA6BA,CAC3CC,IAAe,EACfC,IAAe,EACf;EACA,MAAMC,SAAS,GAAGA,CAAA,KAAMF,IAAI,CAACG,CAAC,CAAC,+BAA+B,CAAC;EAC/D,MAAMC,WAAW,GAAGA,CAAA,KAAMF,SAAS,CAAC,CAAC,CAACC,CAAC,CAAC,4BAA4B,CAAC;EACrE,OAAO;IACL,GAAG,IAAAE,8BAAmB,EAACH,SAAS,CAAC,CAAC,EAAED,IAAI,CAAC;IACzCK,UAAU,EAAE,MAAAA,CAAA;MAAA,IAAAC,qBAAA;MAAA,QAAAA,qBAAA,GACT,MAAMH,WAAW,CAAC,CAAC,CAACI,IAAI,CAAC,OAAO,CAAC,qBAAlCD,qBAAA,CAAqCE,QAAQ,CAAC,0BAA0B,CAAC;IAAA;IAC3EC,WAAW,EAAE,MAAAA,CAAA;MAAA,IAAAC,sBAAA;MAAA,QAAAA,sBAAA,GACV,MAAMP,WAAW,CAAC,CAAC,CAACI,IAAI,CAAC,OAAO,CAAC,qBAAlCG,sBAAA,CAAqCF,QAAQ,CAAC,yBAAyB,CAAC;IAAA;IAC1EG,QAAQ,EAAE,MAAAA,CAAA;MAAA,IAAAC,gBAAA;MAAA,QAAAA,gBAAA,GACP,MAAMb,IAAI,CAACQ,IAAI,CAAC,OAAO,CAAC,qBAAzBK,gBAAA,CAA4BJ,QAAQ,CAAC,oBAAoB,CAAC;IAAA;EAC9D,CAAC;AACH"}

package/dist/cjs/components/NestedTable/MainCellLayout.js

@@ -0,0 +1,94 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.MainCellLayout = MainCellLayout;
+var _designSystem = require("@wix/design-system");
+var _react = _interopRequireDefault(require("react"));
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/NestedTable/MainCellLayout.tsx";
+function MainCellLayout(props) {
+  const {
+    dataHook,
+    image,
+    breadcrumbs,
+    expandCollapseButton,
+    title,
+    subtitle,
+    titleMaxWidth
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "horizontal",
+    verticalAlign: "middle",
+    dataHook: dataHook,
+    minWidth: 0,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 25,
+      columnNumber: 5
+    }
+  }, expandCollapseButton, image && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    height: "40px",
+    paddingInlineEnd: "12px",
+    dataHook: "image",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 33,
+      columnNumber: 9
+    }
+  }, image), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    minWidth: 0,
+    minHeight: 0,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 37,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "horizontal",
+    minWidth: 0,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 38,
+      columnNumber: 9
+    }
+  }, breadcrumbs, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    flexShrink: titleMaxWidth != null ? 0 : undefined,
+    minWidth: 0,
+    maxWidth: titleMaxWidth,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 40,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    ellipsis: true,
+    size: "small",
+    weight: "normal",
+    dataHook: "title",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 45,
+      columnNumber: 13
+    }
+  }, title))), subtitle && /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    ellipsis: true,
+    size: "tiny",
+    secondary: true,
+    light: true,
+    dataHook: "subtitle",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 52,
+      columnNumber: 11
+    }
+  }, subtitle)));
+}
+//# sourceMappingURL=MainCellLayout.js.map

package/dist/cjs/components/NestedTable/MainCellLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_jsxFileName","MainCellLayout","props","dataHook","image","breadcrumbs","expandCollapseButton","title","subtitle","titleMaxWidth","default","createElement","Box","direction","verticalAlign","minWidth","__self","__source","fileName","lineNumber","columnNumber","height","paddingInlineEnd","minHeight","flexShrink","undefined","maxWidth","Text","ellipsis","size","weight","secondary","light"],"sources":["../../../../src/components/NestedTable/MainCellLayout.tsx"],"sourcesContent":["import { Box, Text } from '@wix/design-system';\nimport React, { ReactNode } from 'react';\n\nexport interface MainCellLayoutProps {\n  dataHook?: string;\n  image?: ReactNode;\n  expandCollapseButton?: ReactNode;\n  breadcrumbs?: ReactNode;\n  title?: ReactNode;\n  subtitle?: string;\n  titleMaxWidth?: string;\n}\n\nexport function MainCellLayout(props: MainCellLayoutProps) {\n  const {\n    dataHook,\n    image,\n    breadcrumbs,\n    expandCollapseButton,\n    title,\n    subtitle,\n    titleMaxWidth,\n  } = props;\n  return (\n    <Box\n      direction=\"horizontal\"\n      verticalAlign=\"middle\"\n      dataHook={dataHook}\n      minWidth={0}\n    >\n      {expandCollapseButton}\n      {image && (\n        <Box height=\"40px\" paddingInlineEnd=\"12px\" dataHook=\"image\">\n          {image}\n        </Box>\n      )}\n      <Box direction=\"vertical\" minWidth={0} minHeight={0}>\n        <Box direction=\"horizontal\" minWidth={0}>\n          {breadcrumbs}\n          <Box\n            flexShrink={titleMaxWidth != null ? 0 : undefined}\n            minWidth={0}\n            maxWidth={titleMaxWidth}\n          >\n            <Text ellipsis size=\"small\" weight=\"normal\" dataHook=\"title\">\n              {title}\n            </Text>\n          </Box>\n        </Box>\n\n        {subtitle && (\n          <Text ellipsis size=\"tiny\" secondary light dataHook=\"subtitle\">\n            {subtitle}\n          </Text>\n        )}\n      </Box>\n    </Box>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAyC,IAAAG,YAAA;AAYlC,SAASC,cAAcA,CAACC,KAA0B,EAAE;EACzD,MAAM;IACJC,QAAQ;IACRC,KAAK;IACLC,WAAW;IACXC,oBAAoB;IACpBC,KAAK;IACLC,QAAQ;IACRC;EACF,CAAC,GAAGP,KAAK;EACT,oBACEJ,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAgB,GAAG;IACFC,SAAS,EAAC,YAAY;IACtBC,aAAa,EAAC,QAAQ;IACtBX,QAAQ,EAAEA,QAAS;IACnBY,QAAQ,EAAE,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEXd,oBAAoB,EACpBF,KAAK,iBACJN,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAgB,GAAG;IAACS,MAAM,EAAC,MAAM;IAACC,gBAAgB,EAAC,MAAM;IAACnB,QAAQ,EAAC,OAAO;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACxDhB,KACE,CACN,eACDN,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAgB,GAAG;IAACC,SAAS,EAAC,UAAU;IAACE,QAAQ,EAAE,CAAE;IAACQ,SAAS,EAAE,CAAE;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClDtB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAgB,GAAG;IAACC,SAAS,EAAC,YAAY;IAACE,QAAQ,EAAE,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACrCf,WAAW,eACZP,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAgB,GAAG;IACFY,UAAU,EAAEf,aAAa,IAAI,IAAI,GAAG,CAAC,GAAGgB,SAAU;IAClDV,QAAQ,EAAE,CAAE;IACZW,QAAQ,EAAEjB,aAAc;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAExBtB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAA+B,IAAI;IAACC,QAAQ;IAACC,IAAI,EAAC,OAAO;IAACC,MAAM,EAAC,QAAQ;IAAC3B,QAAQ,EAAC,OAAO;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACzDb,KACG,CACH,CACF,CAAC,EAELC,QAAQ,iBACPV,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAA+B,IAAI;IAACC,QAAQ;IAACC,IAAI,EAAC,MAAM;IAACE,SAAS;IAACC,KAAK;IAAC7B,QAAQ,EAAC,UAAU;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC3DZ,QACG,CAEL,CACF,CAAC;AAEV"}

package/dist/cjs/components/NestedTable/NestedTable.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.NestedTable = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _providers = require("../../providers");
+var _CollectionCard = require("../CollectionCard");
+var _NestedTableWSRTable = require("./NestedTableWSRTable");
+var _mobxReactLite = require("mobx-react-lite");
+var _minimalRequiredWdsRuntimeCheck = require("../../minimalRequiredWdsRuntimeCheck");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/NestedTable/NestedTable.tsx";
+function _NestedTable(props) {
+  const {
+    state,
+    dataHook
+  } = props;
+  const {
+    toolbar
+  } = state;
+  if (process.env.NODE_ENV !== 'production') {
+    (0, _minimalRequiredWdsRuntimeCheck.minimalRequiredWdsRuntimeCheck)({
+      required: '^1.64.1',
+      requiredBy: 'Cairo/NestedTable'
+    });
+  }
+  return /*#__PURE__*/_react.default.createElement(_CollectionCard.CollectionCard, {
+    renderError: false,
+    state: toolbar,
+    dataHook: dataHook,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 106,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_providers.TableProvider, {
+    value: state.tableState,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 107,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_NestedTableWSRTable.NestedTableWSRTable, (0, _extends2.default)({}, props, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 108,
+      columnNumber: 9
+    }
+  }))));
+}
+const NestedTable = exports.NestedTable = (0, _mobxReactLite.observer)(_NestedTable);
+//# sourceMappingURL=NestedTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_providers","_CollectionCard","_NestedTableWSRTable","_mobxReactLite","_minimalRequiredWdsRuntimeCheck","_jsxFileName","_NestedTable","props","state","dataHook","toolbar","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","default","createElement","CollectionCard","renderError","__self","__source","fileName","lineNumber","columnNumber","TableProvider","value","tableState","NestedTableWSRTable","_extends2","NestedTable","exports","observer"],"sources":["../../../../src/components/NestedTable/NestedTable.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { TableProvider } from '../../providers';\nimport { CollectionCard } from '../CollectionCard';\nimport { NestedTableState } from '../../state';\nimport { ToolbarBaseProps } from '../ToolbarCollection';\nimport { NestedTableWSRTable } from './NestedTableWSRTable';\nimport { observer } from 'mobx-react-lite';\nimport { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';\nimport {\n  DragAndDropBulkSubmit,\n  DragAndDropCancel,\n  DragAndDropSubmit,\n} from '../DragAndDrop';\nimport { NestedTableDragAndDrop } from '../NestedTableDragAndDrop';\n\nexport interface NestedTableProps<C extends string>\n  extends ToolbarBaseProps<C> {\n  /**\n   * A state object created with [`useNestedTable`](./?path=/story/common-hooks--usenestedtable)\n   */\n  state: NestedTableState<C>;\n  /**\n   * A render function to be rendered when there's an error fetching data from the server.<br>\n   * The function accepts the following parameters\n   *   * `err`: The error thrown by the [fetchData](./?path=/story/common-hooks--usecollection) function\n   *   * `isOnline`: Indicates whether internet connection is available\n   *   * `retry`: Retry fetch on failed response\n   */\n  renderError?: (params: {\n    err: unknown;\n    isOnline: boolean;\n    retry: () => void;\n  }) => ReactElement;\n  /** A render function to be rendered when there's no items to show in the table */\n  renderEmptyState?: () => ReactElement;\n  horizontalScroll?: boolean;\n  dataHook?: string;\n  rowHeight?: number;\n  estimatedRowHeight?: number;\n  /**\n   * Width for the column that contains the `actionCell` component\n   */\n  actionCellWidth?: string | number;\n\n  /**\n   * Drag and drop implementation: `import { NestedTableDragAndDrop } from '@wix/patterns';`\n   * > In order to make the drag and drop also re-order the collection after drop, also add [OptimisticActions](./?path=/story/components-collection-features--optimistic-actions).\n   */\n  dragAndDrop?: typeof NestedTableDragAndDrop;\n\n  /**\n   * A function that submits a drop event to the server. The function accepts the following arguments: <br>\n   * - `from: {item: T; index: number}` - Item that was dragged\n   * - `after: null | {item: T; index: number}` - Item that the dragged item was dropped after. If dropped at the head of the collection, this argument will be `null`\n   * - `filters` - Currently applied filters, for cases your server holds a unique ordering per filtering (see `dragAndDropCategories` prop)\n   *\n   * @returns Promise\n   */\n  dragAndDropSubmit?: DragAndDropSubmit<any, any>;\n\n  /**\n   * A function that submits a drop event to the server. The function accepts the array of following objects: <br>\n   * - `from: {item: T; index: number}` - Item that was dragged\n   * - `after: null | {item: T; index: number}` - Item that the dragged item was dropped after. If dropped at the head of the collection, this argument will be `null`\n   * - `filters` - Currently applied filters, for cases your server holds a unique ordering per filtering (see `dragAndDropCategories` prop)\n   *\n   * @returns Promise\n   */\n  dragAndDropBulkSubmit?: DragAndDropBulkSubmit<any, any>;\n\n  /**\n   * A function that cancels a drop event. The function accepts the following arguments: <br>\n   * - `from: {item: T; index: number}` - Item that was dragged\n   * - `after: null | {item: T; index: number}` - Item that the dragged item was dropped after. If dropped at the head of the collection, this argument will be `null`\n   * - `filters` - Currently applied filters, for cases your server holds a unique ordering per filtering (see `dragAndDropCategories` prop)\n   *\n   * If the move should be cancelled, the function should return a toast config object with a message explaining why the move was cancelled. Otherwise, the function should return nullish value.\n   */\n  dragAndDropCancel?: DragAndDropCancel<any, any>;\n\n  /**\n   * List of filter names combinations that your server holds a unique ordering for. If this prop is not passed, drag and drop will be enabled only when no filters are applied.<br>\n   * If you pass this prop, you should explicitly pass `[]` as one of the combinations in order to enable drag and drop when no filters are applied, for example: `dragAndDropCategories={[[], ['status']]}`\n   */\n  dragAndDropCategories?: (keyof any)[][] | null;\n\n  /**\n   * Indicates whether the table should have an internal scroll (instead of the default page scroll)\n   */\n  internalScroll?: boolean;\n}\n\nfunction _NestedTable<C extends string>(props: NestedTableProps<C>) {\n  const { state, dataHook } = props;\n\n  const { toolbar } = state;\n\n  if (process.env.NODE_ENV !== 'production') {\n    minimalRequiredWdsRuntimeCheck({\n      required: '^1.64.1',\n      requiredBy: 'Cairo/NestedTable',\n    });\n  }\n\n  return (\n    <CollectionCard renderError={false} state={toolbar} dataHook={dataHook}>\n      <TableProvider value={state.tableState}>\n        <NestedTableWSRTable {...props} />\n      </TableProvider>\n    </CollectionCard>\n  );\n}\n\nexport const NestedTable = observer(_NestedTable);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AAGA,IAAAG,oBAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,+BAAA,GAAAL,OAAA;AAAsF,IAAAM,YAAA;AAqFtF,SAASC,YAAYA,CAAmBC,KAA0B,EAAE;EAClE,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGF,KAAK;EAEjC,MAAM;IAAEG;EAAQ,CAAC,GAAGF,KAAK;EAEzB,IAAIG,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzC,IAAAC,8DAA8B,EAAC;MAC7BC,QAAQ,EAAE,SAAS;MACnBC,UAAU,EAAE;IACd,CAAC,CAAC;EACJ;EAEA,oBACEnB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,eAAA,CAAAkB,cAAc;IAACC,WAAW,EAAE,KAAM;IAACZ,KAAK,EAAEE,OAAQ;IAACD,QAAQ,EAAEA,QAAS;IAAAY,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACrE5B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAClB,UAAA,CAAA0B,aAAa;IAACC,KAAK,EAAEnB,KAAK,CAACoB,UAAW;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACrC5B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAChB,oBAAA,CAAA2B,mBAAmB,MAAAC,SAAA,CAAAb,OAAA,MAAKV,KAAK;IAAAc,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CACpB,CACD,CAAC;AAErB;AAEO,MAAMM,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,uBAAQ,EAAC3B,YAAY,CAAC"}

package/dist/cjs/components/NestedTable/NestedTable.uni.driver.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.NestedTableUniDriver = NestedTableUniDriver;
+exports.default = void 0;
+var _ToolbarCollectionErrorStateUni = require("../ErrorState/ToolbarCollectionErrorState.uni.driver");
+var _CollectionEmptyStateUni = require("../EmptyState/CollectionEmptyState.uni.driver");
+var _CollectionToolbarUni = require("../CollectionToolbar/CollectionToolbar.uni.driver");
+var _AppliedFiltersTagListUni = require("../AppliedFiltersTagList/AppliedFiltersTagList.uni.driver");
+var _TableUni = _interopRequireDefault(require("../Table/Table.uni.driver"));
+var _NestedTableParentCellUni = require("./NestedTableParentCell.uni.driver");
+var _NestedTableFlatModeMainCellUni = require("./NestedTableFlatModeMainCell.uni.driver");
+var _NestedTableRowPlaceholderStatesUni = require("./NestedTableRowPlaceholderStates.uni.driver");
+var _CollectionItemActionsUni = require("../CollectionItemActions/CollectionItemActions.uni.driver");
+var _SummaryBarUni = require("../SummaryBar/SummaryBar.uni.driver");
+function NestedTableUniDriver(base, body) {
+  const toolbarBase = () => base.$('[data-hook="collection-toolbar"]');
+  const toolbar = () => (0, _CollectionToolbarUni.CollectionToolbarUniDriver)(toolbarBase(), body);
+  const table = (0, _TableUni.default)(base, body);
+  const loadingStateExists = () => base.$('[data-hook="placeholder-states-loading-state"]').exists();
+  const getSummaryBar = () => (0, _SummaryBarUni.SummaryBarUniDriver)(base, body);
+  return {
+    ...table,
+    toolbar: () => toolbar(),
+    loadingStateExists,
+    getRootErrorStateByDataHook: (dataHook = 'placeholder-states-error-state') => (0, _ToolbarCollectionErrorStateUni.ToolbarCollectionErrorStateUniDriver)(base.$(`[data-hook="${dataHook}"]`), body),
+    getRootEmptyStateByDataHook: (dataHook = 'placeholder-states-empty-state') => (0, _CollectionEmptyStateUni.CollectionEmptyStateUniDriver)(base.$(`[data-hook="${dataHook}"]`), body),
+    subToolbar: () => (0, _AppliedFiltersTagListUni.AppliedFiltersTagListUniDriver)(base.$('[data-hook="collection-table-sub-toolbar"]'), body),
+    isRowExpandable: async rowKey => {
+      var _await$table$_getRowB;
+      return (_await$table$_getRowB = await table._getRowByKey(rowKey).attr('class')) == null ? void 0 : _await$table$_getRowB.includes('expandable');
+    },
+    getMainColumnAt: row => (0, _NestedTableParentCellUni.NestedTableParentCellUniDriver)(table._getCellByRowIndexAndCellKey(row, 'nested-mode-main-column'), body),
+    getActionCellByKey: rowKey => (0, _CollectionItemActionsUni.CollectionItemActionsUniDriver)(table._getRowByKey(rowKey), body),
+    getMainColumnByKey: rowKey => (0, _NestedTableParentCellUni.NestedTableParentCellUniDriver)(table._getCellByKey(rowKey, 'nested-mode-main-column'), body),
+    getFlatModeMainColumnByKey: rowKey => (0, _NestedTableFlatModeMainCellUni.NestedTableFlatModeMainCellUniDriver)(table._getCellByKey(rowKey, 'flat-mode-main-column'), body),
+    getFlatModeMainColumnAt: row => (0, _NestedTableFlatModeMainCellUni.NestedTableFlatModeMainCellUniDriver)(table._getCellByRowIndexAndCellKey(row, 'flat-mode-main-column'), body),
+    getPlaceholderStatesByRowKey: rowKey => (0, _NestedTableRowPlaceholderStatesUni.NestedTableRowPlaceholderStatesUniDriver)(table._getRowByKey(`placeholder-states-${rowKey}`), body),
+    /**
+     * Gets collection summary bar
+     */
+    getSummaryBar
+  };
+}
+var _default = exports.default = NestedTableUniDriver;
+//# sourceMappingURL=NestedTable.uni.driver.js.map

package/dist/cjs/components/NestedTable/NestedTable.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_ToolbarCollectionErrorStateUni","require","_CollectionEmptyStateUni","_CollectionToolbarUni","_AppliedFiltersTagListUni","_TableUni","_interopRequireDefault","_NestedTableParentCellUni","_NestedTableFlatModeMainCellUni","_NestedTableRowPlaceholderStatesUni","_CollectionItemActionsUni","_SummaryBarUni","NestedTableUniDriver","base","body","toolbarBase","$","toolbar","CollectionToolbarUniDriver","table","TableUniDriver","loadingStateExists","exists","getSummaryBar","SummaryBarUniDriver","getRootErrorStateByDataHook","dataHook","ToolbarCollectionErrorStateUniDriver","getRootEmptyStateByDataHook","CollectionEmptyStateUniDriver","subToolbar","AppliedFiltersTagListUniDriver","isRowExpandable","rowKey","_await$table$_getRowB","_getRowByKey","attr","includes","getMainColumnAt","row","NestedTableParentCellUniDriver","_getCellByRowIndexAndCellKey","getActionCellByKey","CollectionItemActionsUniDriver","getMainColumnByKey","_getCellByKey","getFlatModeMainColumnByKey","NestedTableFlatModeMainCellUniDriver","getFlatModeMainColumnAt","getPlaceholderStatesByRowKey","NestedTableRowPlaceholderStatesUniDriver","_default","exports","default"],"sources":["../../../../src/components/NestedTable/NestedTable.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { ToolbarCollectionErrorStateUniDriver } from '../ErrorState/ToolbarCollectionErrorState.uni.driver';\nimport { CollectionEmptyStateUniDriver } from '../EmptyState/CollectionEmptyState.uni.driver';\nimport { CollectionToolbarUniDriver } from '../CollectionToolbar/CollectionToolbar.uni.driver';\nimport { AppliedFiltersTagListUniDriver } from '../AppliedFiltersTagList/AppliedFiltersTagList.uni.driver';\nimport TableUniDriver from '../Table/Table.uni.driver';\nimport { NestedTableParentCellUniDriver } from './NestedTableParentCell.uni.driver';\nimport { NestedTableFlatModeMainCellUniDriver } from './NestedTableFlatModeMainCell.uni.driver';\nimport { NestedTableRowPlaceholderStatesUniDriver } from './NestedTableRowPlaceholderStates.uni.driver';\nimport { CollectionItemActionsUniDriver } from '../CollectionItemActions/CollectionItemActions.uni.driver';\nimport { SummaryBarUniDriver } from '../SummaryBar/SummaryBar.uni.driver';\n\nexport function NestedTableUniDriver(base: UniDriver, body: UniDriver) {\n  const toolbarBase = () => base.$('[data-hook=\"collection-toolbar\"]');\n\n  const toolbar = () => CollectionToolbarUniDriver(toolbarBase(), body);\n\n  const table = TableUniDriver(base, body);\n\n  const loadingStateExists = () =>\n    base.$('[data-hook=\"placeholder-states-loading-state\"]').exists();\n  const getSummaryBar = () => SummaryBarUniDriver(base, body);\n\n  return {\n    ...table,\n    toolbar: () => toolbar(),\n    loadingStateExists,\n    getRootErrorStateByDataHook: (\n      dataHook = 'placeholder-states-error-state',\n    ) =>\n      ToolbarCollectionErrorStateUniDriver(\n        base.$(`[data-hook=\"${dataHook}\"]`),\n        body,\n      ),\n    getRootEmptyStateByDataHook: (\n      dataHook = 'placeholder-states-empty-state',\n    ) =>\n      CollectionEmptyStateUniDriver(\n        base.$(`[data-hook=\"${dataHook}\"]`),\n        body,\n      ),\n    subToolbar: () =>\n      AppliedFiltersTagListUniDriver(\n        base.$('[data-hook=\"collection-table-sub-toolbar\"]'),\n        body,\n      ),\n\n    isRowExpandable: async (rowKey: string) =>\n      (await table._getRowByKey(rowKey).attr('class'))?.includes('expandable'),\n\n    getMainColumnAt: (row: number) =>\n      NestedTableParentCellUniDriver(\n        table._getCellByRowIndexAndCellKey(row, 'nested-mode-main-column'),\n        body,\n      ),\n\n    getActionCellByKey: (rowKey: string) =>\n      CollectionItemActionsUniDriver(table._getRowByKey(rowKey), body),\n\n    getMainColumnByKey: (rowKey: string) =>\n      NestedTableParentCellUniDriver(\n        table._getCellByKey(rowKey, 'nested-mode-main-column'),\n        body,\n      ),\n\n    getFlatModeMainColumnByKey: (rowKey: string) =>\n      NestedTableFlatModeMainCellUniDriver(\n        table._getCellByKey(rowKey, 'flat-mode-main-column'),\n        body,\n      ),\n\n    getFlatModeMainColumnAt: (row: number) =>\n      NestedTableFlatModeMainCellUniDriver(\n        table._getCellByRowIndexAndCellKey(row, 'flat-mode-main-column'),\n        body,\n      ),\n\n    getPlaceholderStatesByRowKey: (rowKey: string) =>\n      NestedTableRowPlaceholderStatesUniDriver(\n        table._getRowByKey(`placeholder-states-${rowKey}`),\n        body,\n      ),\n    /**\n     * Gets collection summary bar\n     */\n    getSummaryBar,\n  };\n}\n\nexport default NestedTableUniDriver;\n"],"mappings":";;;;;;AACA,IAAAA,+BAAA,GAAAC,OAAA;AACA,IAAAC,wBAAA,GAAAD,OAAA;AACA,IAAAE,qBAAA,GAAAF,OAAA;AACA,IAAAG,yBAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,yBAAA,GAAAN,OAAA;AACA,IAAAO,+BAAA,GAAAP,OAAA;AACA,IAAAQ,mCAAA,GAAAR,OAAA;AACA,IAAAS,yBAAA,GAAAT,OAAA;AACA,IAAAU,cAAA,GAAAV,OAAA;AAEO,SAASW,oBAAoBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACrE,MAAMC,WAAW,GAAGA,CAAA,KAAMF,IAAI,CAACG,CAAC,CAAC,kCAAkC,CAAC;EAEpE,MAAMC,OAAO,GAAGA,CAAA,KAAM,IAAAC,gDAA0B,EAACH,WAAW,CAAC,CAAC,EAAED,IAAI,CAAC;EAErE,MAAMK,KAAK,GAAG,IAAAC,iBAAc,EAACP,IAAI,EAAEC,IAAI,CAAC;EAExC,MAAMO,kBAAkB,GAAGA,CAAA,KACzBR,IAAI,CAACG,CAAC,CAAC,gDAAgD,CAAC,CAACM,MAAM,CAAC,CAAC;EACnE,MAAMC,aAAa,GAAGA,CAAA,KAAM,IAAAC,kCAAmB,EAACX,IAAI,EAAEC,IAAI,CAAC;EAE3D,OAAO;IACL,GAAGK,KAAK;IACRF,OAAO,EAAEA,CAAA,KAAMA,OAAO,CAAC,CAAC;IACxBI,kBAAkB;IAClBI,2BAA2B,EAAEA,CAC3BC,QAAQ,GAAG,gCAAgC,KAE3C,IAAAC,oEAAoC,EAClCd,IAAI,CAACG,CAAC,CAAE,eAAcU,QAAS,IAAG,CAAC,EACnCZ,IACF,CAAC;IACHc,2BAA2B,EAAEA,CAC3BF,QAAQ,GAAG,gCAAgC,KAE3C,IAAAG,sDAA6B,EAC3BhB,IAAI,CAACG,CAAC,CAAE,eAAcU,QAAS,IAAG,CAAC,EACnCZ,IACF,CAAC;IACHgB,UAAU,EAAEA,CAAA,KACV,IAAAC,wDAA8B,EAC5BlB,IAAI,CAACG,CAAC,CAAC,4CAA4C,CAAC,EACpDF,IACF,CAAC;IAEHkB,eAAe,EAAE,MAAOC,MAAc;MAAA,IAAAC,qBAAA;MAAA,QAAAA,qBAAA,GACnC,MAAMf,KAAK,CAACgB,YAAY,CAACF,MAAM,CAAC,CAACG,IAAI,CAAC,OAAO,CAAC,qBAA/CF,qBAAA,CAAkDG,QAAQ,CAAC,YAAY,CAAC;IAAA;IAE1EC,eAAe,EAAGC,GAAW,IAC3B,IAAAC,wDAA8B,EAC5BrB,KAAK,CAACsB,4BAA4B,CAACF,GAAG,EAAE,yBAAyB,CAAC,EAClEzB,IACF,CAAC;IAEH4B,kBAAkB,EAAGT,MAAc,IACjC,IAAAU,wDAA8B,EAACxB,KAAK,CAACgB,YAAY,CAACF,MAAM,CAAC,EAAEnB,IAAI,CAAC;IAElE8B,kBAAkB,EAAGX,MAAc,IACjC,IAAAO,wDAA8B,EAC5BrB,KAAK,CAAC0B,aAAa,CAACZ,MAAM,EAAE,yBAAyB,CAAC,EACtDnB,IACF,CAAC;IAEHgC,0BAA0B,EAAGb,MAAc,IACzC,IAAAc,oEAAoC,EAClC5B,KAAK,CAAC0B,aAAa,CAACZ,MAAM,EAAE,uBAAuB,CAAC,EACpDnB,IACF,CAAC;IAEHkC,uBAAuB,EAAGT,GAAW,IACnC,IAAAQ,oEAAoC,EAClC5B,KAAK,CAACsB,4BAA4B,CAACF,GAAG,EAAE,uBAAuB,CAAC,EAChEzB,IACF,CAAC;IAEHmC,4BAA4B,EAAGhB,MAAc,IAC3C,IAAAiB,4EAAwC,EACtC/B,KAAK,CAACgB,YAAY,CAAE,sBAAqBF,MAAO,EAAC,CAAC,EAClDnB,IACF,CAAC;IACH;AACJ;AACA;IACIS;EACF,CAAC;AACH;AAAC,IAAA4B,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEczC,oBAAoB"}

package/dist/cjs/components/NestedTable/NestedTableActionCell.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.NestedTableActionCell = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _CollectionTableActionsColumn = require("../CollectionTableActionsColumn");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/NestedTable/NestedTableActionCell.tsx";
+function _NestedTableActionCell(props) {
+  const {
+    state,
+    item,
+    rowNum
+  } = props;
+  const {
+    collection
+  } = state;
+  const {
+    actionCell
+  } = state.levelDescriptor;
+  if (actionCell == null) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_CollectionTableActionsColumn.CollectionTableActionsColumn, {
+    index: rowNum,
+    sticky: true,
+    collection: collection,
+    keyedItem: item,
+    actionCell: actionCell,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 34,
+      columnNumber: 5
+    }
+  });
+}
+const NestedTableActionCell = exports.NestedTableActionCell = (0, _mobxReactLite.observer)(_NestedTableActionCell);
+//# sourceMappingURL=NestedTableActionCell.js.map

package/dist/cjs/components/NestedTable/NestedTableActionCell.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_CollectionTableActionsColumn","_jsxFileName","_NestedTableActionCell","props","state","item","rowNum","collection","actionCell","levelDescriptor","default","createElement","CollectionTableActionsColumn","index","sticky","keyedItem","__self","__source","fileName","lineNumber","columnNumber","NestedTableActionCell","exports","observer"],"sources":["../../../../src/components/NestedTable/NestedTableActionCell.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionState, FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { CollectionTableActionsColumn } from '../CollectionTableActionsColumn';\nimport { NestedTableLevelDescriptor } from '../../state/NestedTableState/NestedTableLevelDescriptor';\n\nexport interface NestedTableActionCellProps<\n  C extends string,\n  T,\n  F extends FiltersMap,\n> {\n  rowNum: number;\n  state: {\n    readonly collection: CollectionState<T, F>;\n    readonly levelDescriptor: NestedTableLevelDescriptor<C, T, F>;\n  };\n  item: KeyedItem<T>;\n}\n\nfunction _NestedTableActionCell<C extends string, T, F extends FiltersMap>(\n  props: NestedTableActionCellProps<C, T, F>,\n) {\n  const { state, item, rowNum } = props;\n\n  const { collection } = state;\n\n  const { actionCell } = state.levelDescriptor;\n\n  if (actionCell == null) {\n    return null;\n  }\n\n  return (\n    <CollectionTableActionsColumn\n      index={rowNum}\n      sticky\n      collection={collection}\n      keyedItem={item}\n      actionCell={actionCell}\n    />\n  );\n}\n\nexport const NestedTableActionCell = observer(_NestedTableActionCell);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,6BAAA,GAAAF,OAAA;AAA+E,IAAAG,YAAA;AAgB/E,SAASC,sBAAsBA,CAC7BC,KAA0C,EAC1C;EACA,MAAM;IAAEC,KAAK;IAAEC,IAAI;IAAEC;EAAO,CAAC,GAAGH,KAAK;EAErC,MAAM;IAAEI;EAAW,CAAC,GAAGH,KAAK;EAE5B,MAAM;IAAEI;EAAW,CAAC,GAAGJ,KAAK,CAACK,eAAe;EAE5C,IAAID,UAAU,IAAI,IAAI,EAAE;IACtB,OAAO,IAAI;EACb;EAEA,oBACEZ,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,6BAAA,CAAAY,4BAA4B;IAC3BC,KAAK,EAAEP,MAAO;IACdQ,MAAM;IACNP,UAAU,EAAEA,UAAW;IACvBQ,SAAS,EAAEV,IAAK;IAChBG,UAAU,EAAEA,UAAW;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACxB,CAAC;AAEN;AAEO,MAAMC,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,uBAAQ,EAACrB,sBAAsB,CAAC"}

package/dist/cjs/components/NestedTable/NestedTableContent.js

@@ -0,0 +1,31 @@
+"use strict";
+
+exports.__esModule = true;
+exports.NestedTableContent = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _CollectionTableContentCard = require("../CollectionTable/CollectionTableContentCard");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/NestedTable/NestedTableContent.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _NestedTableContent(props) {
+  const {
+    state,
+    children
+  } = props;
+  const {
+    showLoadingState
+  } = state;
+  const showTableContent = !showLoadingState;
+  (0, _react.useEffect)(() => state.init(), []);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showTableContent && /*#__PURE__*/_react.default.createElement(_CollectionTableContentCard.CollectionTableContentCard, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 29,
+      columnNumber: 9
+    }
+  }, children));
+}
+const NestedTableContent = exports.NestedTableContent = (0, _mobxReactLite.observer)(_NestedTableContent);
+//# sourceMappingURL=NestedTableContent.js.map

package/dist/cjs/components/NestedTable/NestedTableContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_CollectionTableContentCard","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_NestedTableContent","props","state","children","showLoadingState","showTableContent","useEffect","init","createElement","Fragment","CollectionTableContentCard","__self","__source","fileName","lineNumber","columnNumber","NestedTableContent","exports","observer"],"sources":["../../../../src/components/NestedTable/NestedTableContent.tsx"],"sourcesContent":["import React, { ReactNode, useEffect } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionTableContentCard } from '../CollectionTable/CollectionTableContentCard';\n\nexport interface NestedTableContentContentBaseProps {\n  children?: ReactNode;\n}\n\nexport interface NestedTableContentContentProps\n  extends NestedTableContentContentBaseProps {\n  state: {\n    showLoadingState: boolean;\n    init: () => () => void;\n  };\n}\n\nfunction _NestedTableContent(props: NestedTableContentContentProps) {\n  const { state, children } = props;\n\n  const { showLoadingState } = state;\n\n  const showTableContent = !showLoadingState;\n\n  useEffect(() => state.init(), []);\n\n  return (\n    <>\n      {showTableContent && (\n        <CollectionTableContentCard>{children}</CollectionTableContentCard>\n      )}\n    </>\n  );\n}\n\nexport const NestedTableContent = observer(_NestedTableContent);\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,2BAAA,GAAAF,OAAA;AAA2F,IAAAG,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAc3F,SAASY,mBAAmBA,CAACC,KAAqC,EAAE;EAClE,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGF,KAAK;EAEjC,MAAM;IAAEG;EAAiB,CAAC,GAAGF,KAAK;EAElC,MAAMG,gBAAgB,GAAG,CAACD,gBAAgB;EAE1C,IAAAE,gBAAS,EAAC,MAAMJ,KAAK,CAACK,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC;EAEjC,oBACElC,MAAA,CAAAY,OAAA,CAAAuB,aAAA,CAAAnC,MAAA,CAAAY,OAAA,CAAAwB,QAAA,QACGJ,gBAAgB,iBACfhC,MAAA,CAAAY,OAAA,CAAAuB,aAAA,CAAC/B,2BAAA,CAAAiC,0BAA0B;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnC,YAAA;MAAAoC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEZ,QAAqC,CAEpE,CAAC;AAEP;AAEO,MAAMa,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,uBAAQ,EAAClB,mBAAmB,CAAC"}

package/dist/cjs/components/NestedTable/NestedTableFlatModeMainCell.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.NestedTableFlatModeMainCell = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _designSystem = require("@wix/design-system");
+var _MainCellLayout = require("./MainCellLayout");
+var _TextBreadcrumbs = require("../TextBreadcrumbs");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/NestedTable/NestedTableFlatModeMainCell.tsx";
+function _NestedTableFlatModeMainCell(props) {
+  const {
+    item
+  } = props;
+  const {
+    state
+  } = item;
+  const {
+    collection
+  } = state;
+  const {
+    originalKeyedItem
+  } = item;
+  const renderProps = state.renderMainColumn == null ? void 0 : state.renderMainColumn(originalKeyedItem.item);
+  const breadcrumbsItems = state.breadcrumbs == null ? void 0 : state.breadcrumbs(originalKeyedItem.item);
+
+  // leave at least 30px for shrinkable breadcrumbs items
+  const titleMaxWidth = breadcrumbsItems ? `calc(100% - ${breadcrumbsItems.length * 30}px)` : undefined;
+  return /*#__PURE__*/_react.default.createElement(_MainCellLayout.MainCellLayout, {
+    dataHook: "flat-mode-main-cell",
+    image: renderProps == null ? void 0 : renderProps.image,
+    breadcrumbs: breadcrumbsItems && /*#__PURE__*/_react.default.createElement(_TextBreadcrumbs.TextBreadcrumbs, {
+      items: breadcrumbsItems,
+      dataHook: "breadcrumbs",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 44,
+        columnNumber: 11
+      }
+    }),
+    title: /*#__PURE__*/_react.default.createElement(_designSystem.Highlighter, {
+      emphasize: "background",
+      match: state.query.search.value,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 48,
+        columnNumber: 9
+      }
+    }, (renderProps == null ? void 0 : renderProps.title) ?? collection.itemName(originalKeyedItem.item)),
+    subtitle: renderProps == null ? void 0 : renderProps.subtitle,
+    titleMaxWidth: titleMaxWidth,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 39,
+      columnNumber: 5
+    }
+  });
+}
+const NestedTableFlatModeMainCell = exports.NestedTableFlatModeMainCell = (0, _mobxReactLite.observer)(_NestedTableFlatModeMainCell);
+//# sourceMappingURL=NestedTableFlatModeMainCell.js.map

package/dist/cjs/components/NestedTable/NestedTableFlatModeMainCell.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_MainCellLayout","_TextBreadcrumbs","_jsxFileName","_NestedTableFlatModeMainCell","props","item","state","collection","originalKeyedItem","renderProps","renderMainColumn","breadcrumbsItems","breadcrumbs","titleMaxWidth","length","undefined","default","createElement","MainCellLayout","dataHook","image","TextBreadcrumbs","items","__self","__source","fileName","lineNumber","columnNumber","title","Highlighter","emphasize","match","query","search","value","itemName","subtitle","NestedTableFlatModeMainCell","exports","observer"],"sources":["../../../../src/components/NestedTable/NestedTableFlatModeMainCell.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { Highlighter } from '@wix/design-system';\nimport { NestedTableFlatDataItem } from '../../state/NestedTableState/NestedTableFlatModeSectionState';\nimport { MainCellLayout } from './MainCellLayout';\nimport { TextBreadcrumbs } from '../TextBreadcrumbs';\n\nexport interface NestedTableFlatModeMainCellProps<\n  C extends string,\n  T,\n  F extends FiltersMap,\n> {\n  rowNum: number;\n  item: NestedTableFlatDataItem<C, T, F>;\n}\n\nfunction _NestedTableFlatModeMainCell<\n  C extends string,\n  T,\n  F extends FiltersMap,\n>(props: NestedTableFlatModeMainCellProps<C, T, F>) {\n  const { item } = props;\n  const { state } = item;\n  const { collection } = state;\n\n  const { originalKeyedItem } = item;\n\n  const renderProps = state.renderMainColumn?.(originalKeyedItem.item);\n\n  const breadcrumbsItems = state.breadcrumbs?.(originalKeyedItem.item);\n\n  // leave at least 30px for shrinkable breadcrumbs items\n  const titleMaxWidth = breadcrumbsItems\n    ? `calc(100% - ${breadcrumbsItems.length * 30}px)`\n    : undefined;\n\n  return (\n    <MainCellLayout\n      dataHook=\"flat-mode-main-cell\"\n      image={renderProps?.image}\n      breadcrumbs={\n        breadcrumbsItems && (\n          <TextBreadcrumbs items={breadcrumbsItems} dataHook=\"breadcrumbs\" />\n        )\n      }\n      title={\n        <Highlighter emphasize=\"background\" match={state.query.search.value}>\n          {renderProps?.title ?? collection.itemName(originalKeyedItem.item)}\n        </Highlighter>\n      }\n      subtitle={renderProps?.subtitle}\n      titleMaxWidth={titleMaxWidth}\n    />\n  );\n}\n\nexport const NestedTableFlatModeMainCell = observer(\n  _NestedTableFlatModeMainCell,\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AAEA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AAAqD,IAAAK,YAAA;AAWrD,SAASC,4BAA4BA,CAInCC,KAAgD,EAAE;EAClD,MAAM;IAAEC;EAAK,CAAC,GAAGD,KAAK;EACtB,MAAM;IAAEE;EAAM,CAAC,GAAGD,IAAI;EACtB,MAAM;IAAEE;EAAW,CAAC,GAAGD,KAAK;EAE5B,MAAM;IAAEE;EAAkB,CAAC,GAAGH,IAAI;EAElC,MAAMI,WAAW,GAAGH,KAAK,CAACI,gBAAgB,oBAAtBJ,KAAK,CAACI,gBAAgB,CAAGF,iBAAiB,CAACH,IAAI,CAAC;EAEpE,MAAMM,gBAAgB,GAAGL,KAAK,CAACM,WAAW,oBAAjBN,KAAK,CAACM,WAAW,CAAGJ,iBAAiB,CAACH,IAAI,CAAC;;EAEpE;EACA,MAAMQ,aAAa,GAAGF,gBAAgB,GACjC,eAAcA,gBAAgB,CAACG,MAAM,GAAG,EAAG,KAAI,GAChDC,SAAS;EAEb,oBACEpB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACjB,eAAA,CAAAkB,cAAc;IACbC,QAAQ,EAAC,qBAAqB;IAC9BC,KAAK,EAAEX,WAAW,oBAAXA,WAAW,CAAEW,KAAM;IAC1BR,WAAW,EACTD,gBAAgB,iBACdhB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAChB,gBAAA,CAAAoB,eAAe;MAACC,KAAK,EAAEX,gBAAiB;MAACQ,QAAQ,EAAC,aAAa;MAAAI,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvB,YAAA;QAAAwB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAErE;IACDC,KAAK,eACHjC,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAA8B,WAAW;MAACC,SAAS,EAAC,YAAY;MAACC,KAAK,EAAEzB,KAAK,CAAC0B,KAAK,CAACC,MAAM,CAACC,KAAM;MAAAX,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvB,YAAA;QAAAwB,UAAA;QAAAC,YAAA;MAAA;IAAA,GACjE,CAAAlB,WAAW,oBAAXA,WAAW,CAAEmB,KAAK,KAAIrB,UAAU,CAAC4B,QAAQ,CAAC3B,iBAAiB,CAACH,IAAI,CACtD,CACd;IACD+B,QAAQ,EAAE3B,WAAW,oBAAXA,WAAW,CAAE2B,QAAS;IAChCvB,aAAa,EAAEA,aAAc;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC9B,CAAC;AAEN;AAEO,MAAMU,2BAA2B,GAAAC,OAAA,CAAAD,2BAAA,GAAG,IAAAE,uBAAQ,EACjDpC,4BACF,CAAC"}

package/dist/cjs/components/NestedTable/NestedTableFlatModeMainCell.uni.driver.js

@@ -0,0 +1,14 @@
+"use strict";
+
+exports.__esModule = true;
+exports.NestedTableFlatModeMainCellUniDriver = NestedTableFlatModeMainCellUniDriver;
+var _unidriver = require("../../unidriver");
+function NestedTableFlatModeMainCellUniDriver(base, _body) {
+  const getWrapper = () => base.$('[data-hook="flat-mode-main-cell"]');
+  return {
+    ...(0, _unidriver.baseUniDriverFactory)(base),
+    getTitle: () => getWrapper().$('[data-hook="title"]').text(),
+    getBreadcrumbs: () => getWrapper().$('[data-hook="breadcrumbs"]')
+  };
+}
+//# sourceMappingURL=NestedTableFlatModeMainCell.uni.driver.js.map

package/dist/cjs/components/NestedTable/NestedTableFlatModeMainCell.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","NestedTableFlatModeMainCellUniDriver","base","_body","getWrapper","$","baseUniDriverFactory","getTitle","text","getBreadcrumbs"],"sources":["../../../../src/components/NestedTable/NestedTableFlatModeMainCell.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\n\nexport function NestedTableFlatModeMainCellUniDriver(\n  base: UniDriver,\n  _body: UniDriver,\n) {\n  const getWrapper = () => base.$('[data-hook=\"flat-mode-main-cell\"]');\n\n  return {\n    ...baseUniDriverFactory(base),\n    getTitle: () => getWrapper().$('[data-hook=\"title\"]').text(),\n    getBreadcrumbs: () => getWrapper().$('[data-hook=\"breadcrumbs\"]'),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAEO,SAASC,oCAAoCA,CAClDC,IAAe,EACfC,KAAgB,EAChB;EACA,MAAMC,UAAU,GAAGA,CAAA,KAAMF,IAAI,CAACG,CAAC,CAAC,mCAAmC,CAAC;EAEpE,OAAO;IACL,GAAG,IAAAC,+BAAoB,EAACJ,IAAI,CAAC;IAC7BK,QAAQ,EAAEA,CAAA,KAAMH,UAAU,CAAC,CAAC,CAACC,CAAC,CAAC,qBAAqB,CAAC,CAACG,IAAI,CAAC,CAAC;IAC5DC,cAAc,EAAEA,CAAA,KAAML,UAAU,CAAC,CAAC,CAACC,CAAC,CAAC,2BAA2B;EAClE,CAAC;AACH"}