@wix/patterns 1.41.0 → 1.43.0

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

@@ -29,7 +29,7 @@ function useFlatModeColumns(props) {
     actionCellWidth,
     actionCellProps
   });
-  return [{
+  const mainColumn = {
     key: 'flat-mode-main-column',
     dataHook: 'flat-mode-main-column',
     title: '',
@@ -45,24 +45,17 @@ function useFlatModeColumns(props) {
       __source: {
         fileName: _jsxFileName,
         lineNumber: 45,
-        columnNumber: 9
+        columnNumber: 7
       }
     })
-  }, ...selectedOrderedColumnsOrAll.map((column, index, {
-    length
-  }) => {
+  };
+  const passedColumns = selectedOrderedColumnsOrAll.map(column => {
     const {
       id,
-      title,
-      sortable,
-      infoTooltipProps,
-      render,
-      width,
-      ...restColumn
+      sortable
     } = column;
     return {
-      ...restColumn,
-      ...createWSRColumnBase(column, index, length),
+      ...column,
       sortDescending: sortable && id ? state.query.sort.getIsSortDescending(id) : undefined,
       render: ({
         item
@@ -71,6 +64,14 @@ function useFlatModeColumns(props) {
         return (_item$state$columns = item.state.columns) == null || (_item$state$columns$i = _item$state$columns[id]) == null ? void 0 : _item$state$columns$i.call(_item$state$columns, item.originalKeyedItem.item, rowNum);
       }
     };
+  });
+  return [...[mainColumn, ...passedColumns].map((column, index, {
+    length
+  }) => {
+    return {
+      ...column,
+      ...createWSRColumnBase(column, index, length)
+    };
   }), ...(actionCellColumn ? [actionCellColumn] : [])];
 }
 //# sourceMappingURL=useFlatModeColumns.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_useCreateWSRColumnBase","_NestedTableFlatModeMainCell","_useNestedTableActionCell","_jsxFileName","useFlatModeColumns","props","state","actionCellProps","actionCellWidth","horizontalScroll","toolbar","selectedOrderedColumnsOrAll","createWSRColumnBase","useCreateWSRColumnBase","actionCellColumn","useNestedTableActionCell","flat","key","dataHook","title","width","mainColumn","style","undefined","render","item","rowNum","default","createElement","NestedTableFlatModeMainCell","__self","__source","fileName","lineNumber","columnNumber","map","column","index","length","id","sortable","infoTooltipProps","restColumn","sortDescending","query","sort","getIsSortDescending","_item$state$columns","_item$state$columns$i","columns","call","originalKeyedItem"],"sources":["../../../../src/components/NestedTable/useFlatModeColumns.tsx"],"sourcesContent":["import {\n  TableColumn as TableColumnWSR,\n  TableColumn as WSRTableColumn,\n} from '@wix/design-system/dist/types/Table';\nimport { NestedTableState } from '../../state';\nimport React from 'react';\nimport { useCreateWSRColumnBase } from '../../hooks/useCreateWSRColumnBase';\nimport { NestedTableFlatKeyedItem } from '../../state/NestedTableState/NestedTableFlatModeSectionState';\nimport { NestedTableFlatModeMainCell } from './NestedTableFlatModeMainCell';\nimport { useNestedTableActionCell } from './useNestedTableActionCell';\n\nexport interface UseFlatModeColumnsProps<C extends string> {\n  state: NestedTableState<C>;\n  horizontalScroll?: boolean;\n  actionCellWidth?: string | number;\n  actionCellProps?: Partial<Omit<TableColumnWSR<any>, 'render' | 'style'>>;\n}\n\nexport function useFlatModeColumns<C extends string>(\n  props: UseFlatModeColumnsProps<C>,\n): WSRTableColumn<NestedTableFlatKeyedItem<C, any, any>>[] {\n  const { state, actionCellProps, actionCellWidth, horizontalScroll } = props;\n\n  const { toolbar } = state;\n\n  const { selectedOrderedColumnsOrAll } = toolbar;\n\n  const createWSRColumnBase = useCreateWSRColumnBase({ horizontalScroll });\n\n  const actionCellColumn = useNestedTableActionCell({\n    state: state.flat,\n    actionCellWidth,\n    actionCellProps,\n  });\n\n  return [\n    {\n      key: 'flat-mode-main-column',\n      dataHook: 'flat-mode-main-column',\n      title: '',\n      width: '326px',\n      ...state.mainColumn,\n      style: undefined,\n      render: ({ item }: NestedTableFlatKeyedItem<C, any, any>, rowNum) => (\n        <NestedTableFlatModeMainCell item={item} rowNum={rowNum} />\n      ),\n    },\n    ...selectedOrderedColumnsOrAll.map((column, index, { length }) => {\n      const {\n        id,\n        title,\n        sortable,\n        infoTooltipProps,\n        render,\n        width,\n        ...restColumn\n      } = column;\n      return {\n        ...restColumn,\n        ...createWSRColumnBase(column, index, length),\n        sortDescending:\n          sortable && id ? state.query.sort.getIsSortDescending(id) : undefined,\n        render: (\n          { item }: NestedTableFlatKeyedItem<any, any, any>,\n          rowNum: number,\n        ) => {\n          return item.state.columns?.[id]?.(\n            item.originalKeyedItem.item,\n            rowNum,\n          );\n        },\n      };\n    }),\n    ...(actionCellColumn ? [actionCellColumn] : []),\n  ];\n}\n"],"mappings":";;;;;AAKA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AAEA,IAAAE,4BAAA,GAAAF,OAAA;AACA,IAAAG,yBAAA,GAAAH,OAAA;AAAsE,IAAAI,YAAA;AAS/D,SAASC,kBAAkBA,CAChCC,KAAiC,EACwB;EACzD,MAAM;IAAEC,KAAK;IAAEC,eAAe;IAAEC,eAAe;IAAEC;EAAiB,CAAC,GAAGJ,KAAK;EAE3E,MAAM;IAAEK;EAAQ,CAAC,GAAGJ,KAAK;EAEzB,MAAM;IAAEK;EAA4B,CAAC,GAAGD,OAAO;EAE/C,MAAME,mBAAmB,GAAG,IAAAC,8CAAsB,EAAC;IAAEJ;EAAiB,CAAC,CAAC;EAExE,MAAMK,gBAAgB,GAAG,IAAAC,kDAAwB,EAAC;IAChDT,KAAK,EAAEA,KAAK,CAACU,IAAI;IACjBR,eAAe;IACfD;EACF,CAAC,CAAC;EAEF,OAAO,CACL;IACEU,GAAG,EAAE,uBAAuB;IAC5BC,QAAQ,EAAE,uBAAuB;IACjCC,KAAK,EAAE,EAAE;IACTC,KAAK,EAAE,OAAO;IACd,GAAGd,KAAK,CAACe,UAAU;IACnBC,KAAK,EAAEC,SAAS;IAChBC,MAAM,EAAEA,CAAC;MAAEC;IAA4C,CAAC,EAAEC,MAAM,kBAC9D7B,MAAA,CAAA8B,OAAA,CAAAC,aAAA,CAAC3B,4BAAA,CAAA4B,2BAA2B;MAACJ,IAAI,EAAEA,IAAK;MAACC,MAAM,EAAEA,MAAO;MAAAI,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA7B,YAAA;QAAA8B,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE;EAE9D,CAAC,EACD,GAAGvB,2BAA2B,CAACwB,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,EAAE;IAAEC;EAAO,CAAC,KAAK;IAChE,MAAM;MACJC,EAAE;MACFpB,KAAK;MACLqB,QAAQ;MACRC,gBAAgB;MAChBjB,MAAM;MACNJ,KAAK;MACL,GAAGsB;IACL,CAAC,GAAGN,MAAM;IACV,OAAO;MACL,GAAGM,UAAU;MACb,GAAG9B,mBAAmB,CAACwB,MAAM,EAAEC,KAAK,EAAEC,MAAM,CAAC;MAC7CK,cAAc,EACZH,QAAQ,IAAID,EAAE,GAAGjC,KAAK,CAACsC,KAAK,CAACC,IAAI,CAACC,mBAAmB,CAACP,EAAE,CAAC,GAAGhB,SAAS;MACvEC,MAAM,EAAEA,CACN;QAAEC;MAA8C,CAAC,EACjDC,MAAc,KACX;QAAA,IAAAqB,mBAAA,EAAAC,qBAAA;QACH,QAAAD,mBAAA,GAAOtB,IAAI,CAACnB,KAAK,CAAC2C,OAAO,cAAAD,qBAAA,GAAlBD,mBAAA,CAAqBR,EAAE,CAAC,qBAAxBS,qBAAA,CAAAE,IAAA,CAAAH,mBAAA,EACLtB,IAAI,CAAC0B,iBAAiB,CAAC1B,IAAI,EAC3BC,MACF,CAAC;MACH;IACF,CAAC;EACH,CAAC,CAAC,EACF,IAAIZ,gBAAgB,GAAG,CAACA,gBAAgB,CAAC,GAAG,EAAE,CAAC,CAChD;AACH","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_useCreateWSRColumnBase","_NestedTableFlatModeMainCell","_useNestedTableActionCell","_jsxFileName","useFlatModeColumns","props","state","actionCellProps","actionCellWidth","horizontalScroll","toolbar","selectedOrderedColumnsOrAll","createWSRColumnBase","useCreateWSRColumnBase","actionCellColumn","useNestedTableActionCell","flat","mainColumn","key","dataHook","title","width","style","undefined","render","item","rowNum","default","createElement","NestedTableFlatModeMainCell","__self","__source","fileName","lineNumber","columnNumber","passedColumns","map","column","id","sortable","sortDescending","query","sort","getIsSortDescending","_item$state$columns","_item$state$columns$i","columns","call","originalKeyedItem","index","length"],"sources":["../../../../src/components/NestedTable/useFlatModeColumns.tsx"],"sourcesContent":["import {\n  TableColumn as TableColumnWSR,\n  TableColumn as WSRTableColumn,\n} from '@wix/design-system/dist/types/Table';\nimport { NestedTableState } from '../../state';\nimport React from 'react';\nimport { useCreateWSRColumnBase } from '../../hooks/useCreateWSRColumnBase';\nimport { NestedTableFlatKeyedItem } from '../../state/NestedTableState/NestedTableFlatModeSectionState';\nimport { NestedTableFlatModeMainCell } from './NestedTableFlatModeMainCell';\nimport { useNestedTableActionCell } from './useNestedTableActionCell';\nimport { Column } from '../../model';\n\nexport interface UseFlatModeColumnsProps<C extends string> {\n  state: NestedTableState<C>;\n  horizontalScroll?: boolean;\n  actionCellWidth?: string | number;\n  actionCellProps?: Partial<Omit<TableColumnWSR<any>, 'render' | 'style'>>;\n}\n\nexport function useFlatModeColumns<C extends string>(\n  props: UseFlatModeColumnsProps<C>,\n): WSRTableColumn<NestedTableFlatKeyedItem<C, any, any>>[] {\n  const { state, actionCellProps, actionCellWidth, horizontalScroll } = props;\n\n  const { toolbar } = state;\n\n  const { selectedOrderedColumnsOrAll } = toolbar;\n\n  const createWSRColumnBase = useCreateWSRColumnBase({ horizontalScroll });\n\n  const actionCellColumn = useNestedTableActionCell({\n    state: state.flat,\n    actionCellWidth,\n    actionCellProps,\n  });\n\n  const mainColumn: WSRTableColumn<NestedTableFlatKeyedItem<C, any, any>> = {\n    key: 'flat-mode-main-column',\n    dataHook: 'flat-mode-main-column',\n    title: '',\n    width: '326px',\n    ...state.mainColumn,\n    style: undefined,\n    render: ({ item }: NestedTableFlatKeyedItem<C, any, any>, rowNum) => (\n      <NestedTableFlatModeMainCell item={item} rowNum={rowNum} />\n    ),\n  };\n\n  const passedColumns = selectedOrderedColumnsOrAll.map((column) => {\n    const { id, sortable } = column;\n    return {\n      ...column,\n      sortDescending:\n        sortable && id ? state.query.sort.getIsSortDescending(id) : undefined,\n      render: (\n        { item }: NestedTableFlatKeyedItem<any, any, any>,\n        rowNum: number,\n      ) => {\n        return item.state.columns?.[id]?.(item.originalKeyedItem.item, rowNum);\n      },\n    };\n  }) as Column[];\n\n  return [\n    ...[mainColumn, ...passedColumns].map((column, index, { length }) => {\n      return {\n        ...column,\n        ...createWSRColumnBase(column, index, length),\n      };\n    }),\n    ...(actionCellColumn ? [actionCellColumn] : []),\n  ];\n}\n"],"mappings":";;;;;AAKA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AAEA,IAAAE,4BAAA,GAAAF,OAAA;AACA,IAAAG,yBAAA,GAAAH,OAAA;AAAsE,IAAAI,YAAA;AAU/D,SAASC,kBAAkBA,CAChCC,KAAiC,EACwB;EACzD,MAAM;IAAEC,KAAK;IAAEC,eAAe;IAAEC,eAAe;IAAEC;EAAiB,CAAC,GAAGJ,KAAK;EAE3E,MAAM;IAAEK;EAAQ,CAAC,GAAGJ,KAAK;EAEzB,MAAM;IAAEK;EAA4B,CAAC,GAAGD,OAAO;EAE/C,MAAME,mBAAmB,GAAG,IAAAC,8CAAsB,EAAC;IAAEJ;EAAiB,CAAC,CAAC;EAExE,MAAMK,gBAAgB,GAAG,IAAAC,kDAAwB,EAAC;IAChDT,KAAK,EAAEA,KAAK,CAACU,IAAI;IACjBR,eAAe;IACfD;EACF,CAAC,CAAC;EAEF,MAAMU,UAAiE,GAAG;IACxEC,GAAG,EAAE,uBAAuB;IAC5BC,QAAQ,EAAE,uBAAuB;IACjCC,KAAK,EAAE,EAAE;IACTC,KAAK,EAAE,OAAO;IACd,GAAGf,KAAK,CAACW,UAAU;IACnBK,KAAK,EAAEC,SAAS;IAChBC,MAAM,EAAEA,CAAC;MAAEC;IAA4C,CAAC,EAAEC,MAAM,kBAC9D7B,MAAA,CAAA8B,OAAA,CAAAC,aAAA,CAAC3B,4BAAA,CAAA4B,2BAA2B;MAACJ,IAAI,EAAEA,IAAK;MAACC,MAAM,EAAEA,MAAO;MAAAI,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA7B,YAAA;QAAA8B,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE;EAE9D,CAAC;EAED,MAAMC,aAAa,GAAGxB,2BAA2B,CAACyB,GAAG,CAAEC,MAAM,IAAK;IAChE,MAAM;MAAEC,EAAE;MAAEC;IAAS,CAAC,GAAGF,MAAM;IAC/B,OAAO;MACL,GAAGA,MAAM;MACTG,cAAc,EACZD,QAAQ,IAAID,EAAE,GAAGhC,KAAK,CAACmC,KAAK,CAACC,IAAI,CAACC,mBAAmB,CAACL,EAAE,CAAC,GAAGf,SAAS;MACvEC,MAAM,EAAEA,CACN;QAAEC;MAA8C,CAAC,EACjDC,MAAc,KACX;QAAA,IAAAkB,mBAAA,EAAAC,qBAAA;QACH,QAAAD,mBAAA,GAAOnB,IAAI,CAACnB,KAAK,CAACwC,OAAO,cAAAD,qBAAA,GAAlBD,mBAAA,CAAqBN,EAAE,CAAC,qBAAxBO,qBAAA,CAAAE,IAAA,CAAAH,mBAAA,EAA2BnB,IAAI,CAACuB,iBAAiB,CAACvB,IAAI,EAAEC,MAAM,CAAC;MACxE;IACF,CAAC;EACH,CAAC,CAAa;EAEd,OAAO,CACL,GAAG,CAACT,UAAU,EAAE,GAAGkB,aAAa,CAAC,CAACC,GAAG,CAAC,CAACC,MAAM,EAAEY,KAAK,EAAE;IAAEC;EAAO,CAAC,KAAK;IACnE,OAAO;MACL,GAAGb,MAAM;MACT,GAAGzB,mBAAmB,CAACyB,MAAM,EAAEY,KAAK,EAAEC,MAAM;IAC9C,CAAC;EACH,CAAC,CAAC,EACF,IAAIpC,gBAAgB,GAAG,CAACA,gBAAgB,CAAC,GAAG,EAAE,CAAC,CAChD;AACH","ignoreList":[]}

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

@@ -30,7 +30,7 @@ function useNestedModeColumns(props) {
     actionCellWidth,
     actionCellProps
   });
-  return [{
+  const mainColumn = {
     key: 'nested-mode-main-column',
     dataHook: 'nested-mode-main-column',
     title: '',
@@ -48,27 +48,20 @@ function useNestedModeColumns(props) {
           __source: {
             fileName: _jsxFileName,
             lineNumber: 54,
-            columnNumber: 13
+            columnNumber: 11
           }
         });
       }
       return null;
     }
-  }, ...selectedOrderedColumnsOrAll.map((column, index, {
-    length
-  }) => {
+  };
+  const passedColumns = selectedOrderedColumnsOrAll.map(column => {
     const {
       id,
-      title,
-      sortable,
-      infoTooltipProps,
-      render,
-      width,
-      ...restColumn
+      sortable
     } = column;
     return {
-      ...restColumn,
-      ...createWSRColumnBase(column, index, length),
+      ...column,
       sortDescending: sortable && id ? state.query.sort.getIsSortDescending(id) : undefined,
       render: ({
         item
@@ -80,6 +73,14 @@ function useNestedModeColumns(props) {
         return null;
       }
     };
+  });
+  return [...[mainColumn, ...passedColumns].map((column, index, {
+    length
+  }) => {
+    return {
+      ...column,
+      ...createWSRColumnBase(column, index, length)
+    };
   }), ...(actionCellColumn ? [actionCellColumn] : [])];
 }
 //# sourceMappingURL=useNestedModeColumns.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_NestedTableParentCell","require","_react","_interopRequireDefault","_useCreateWSRColumnBase","_useNestedTableActionCell","_jsxFileName","useNestedModeColumns","props","state","actionCellProps","actionCellWidth","horizontalScroll","dragAndDrop","toolbar","selectedOrderedColumnsOrAll","createWSRColumnBase","useCreateWSRColumnBase","actionCellColumn","useNestedTableActionCell","nested","key","dataHook","title","width","mainColumn","style","undefined","render","keyedItem","rowNum","item","originalKeyedItem","default","createElement","NestedTableParentCell","__self","__source","fileName","lineNumber","columnNumber","map","column","index","length","id","sortable","infoTooltipProps","restColumn","sortDescending","query","sort","getIsSortDescending","_item$state$columns","_item$state$columns$i","columns","call"],"sources":["../../../../src/components/NestedTable/useNestedModeColumns.tsx"],"sourcesContent":["import {\n  TableColumn as TableColumnWSR,\n  TableColumn as WSRTableColumn,\n} from '@wix/design-system/dist/types/Table';\nimport { NestedTableKeyedItem, NestedTableState } from '../../state';\nimport { NestedTableParentCell } from './NestedTableParentCell';\nimport React from 'react';\nimport { useCreateWSRColumnBase } from '../../hooks/useCreateWSRColumnBase';\nimport { useNestedTableActionCell } from './useNestedTableActionCell';\nimport type { NestedTableDragAndDrop } from '../NestedTableDragAndDrop/NestedTableDragAndDrop';\n\nexport interface UseNestedModeColumnsProps<C extends string> {\n  state: NestedTableState<C>;\n  horizontalScroll?: boolean;\n  actionCellWidth?: string | number;\n  actionCellProps?: Partial<Omit<TableColumnWSR<any>, 'render' | 'style'>>;\n  dragAndDrop?: typeof NestedTableDragAndDrop;\n}\n\nexport function useNestedModeColumns<C extends string>(\n  props: UseNestedModeColumnsProps<C>,\n): WSRTableColumn<NestedTableKeyedItem<any, any, any>>[] {\n  const {\n    state,\n    actionCellProps,\n    actionCellWidth,\n    horizontalScroll,\n    dragAndDrop,\n  } = props;\n\n  const { toolbar } = state;\n\n  const { selectedOrderedColumnsOrAll } = toolbar;\n\n  const createWSRColumnBase = useCreateWSRColumnBase({ horizontalScroll });\n\n  const actionCellColumn = useNestedTableActionCell({\n    state: state.nested,\n    actionCellWidth,\n    actionCellProps,\n  });\n\n  return [\n    {\n      key: 'nested-mode-main-column',\n      dataHook: 'nested-mode-main-column',\n      title: '',\n      width: '326px',\n      ...state.mainColumn,\n      style: undefined,\n      render: (keyedItem, rowNum) => {\n        if (keyedItem.item.originalKeyedItem) {\n          return (\n            <NestedTableParentCell\n              state={keyedItem.item.state}\n              item={keyedItem.item}\n              rowNum={rowNum}\n              dragAndDrop={dragAndDrop}\n            />\n          );\n        }\n\n        return null;\n      },\n    },\n    ...selectedOrderedColumnsOrAll.map((column, index, { length }) => {\n      const {\n        id,\n        title,\n        sortable,\n        infoTooltipProps,\n        render,\n        width,\n        ...restColumn\n      } = column;\n      return {\n        ...restColumn,\n        ...createWSRColumnBase(column, index, length),\n        sortDescending:\n          sortable && id ? state.query.sort.getIsSortDescending(id) : undefined,\n        render: (\n          { item }: NestedTableKeyedItem<any, any, any>,\n          rowNum: number,\n        ) => {\n          if (item.originalKeyedItem) {\n            return item.state.columns?.[id]?.(\n              item.originalKeyedItem.item,\n              rowNum,\n            );\n          }\n\n          return null;\n        },\n      };\n    }),\n    ...(actionCellColumn ? [actionCellColumn] : []),\n  ];\n}\n"],"mappings":";;;;;AAKA,IAAAA,sBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,uBAAA,GAAAH,OAAA;AACA,IAAAI,yBAAA,GAAAJ,OAAA;AAAsE,IAAAK,YAAA;AAW/D,SAASC,oBAAoBA,CAClCC,KAAmC,EACoB;EACvD,MAAM;IACJC,KAAK;IACLC,eAAe;IACfC,eAAe;IACfC,gBAAgB;IAChBC;EACF,CAAC,GAAGL,KAAK;EAET,MAAM;IAAEM;EAAQ,CAAC,GAAGL,KAAK;EAEzB,MAAM;IAAEM;EAA4B,CAAC,GAAGD,OAAO;EAE/C,MAAME,mBAAmB,GAAG,IAAAC,8CAAsB,EAAC;IAAEL;EAAiB,CAAC,CAAC;EAExE,MAAMM,gBAAgB,GAAG,IAAAC,kDAAwB,EAAC;IAChDV,KAAK,EAAEA,KAAK,CAACW,MAAM;IACnBT,eAAe;IACfD;EACF,CAAC,CAAC;EAEF,OAAO,CACL;IACEW,GAAG,EAAE,yBAAyB;IAC9BC,QAAQ,EAAE,yBAAyB;IACnCC,KAAK,EAAE,EAAE;IACTC,KAAK,EAAE,OAAO;IACd,GAAGf,KAAK,CAACgB,UAAU;IACnBC,KAAK,EAAEC,SAAS;IAChBC,MAAM,EAAEA,CAACC,SAAS,EAAEC,MAAM,KAAK;MAC7B,IAAID,SAAS,CAACE,IAAI,CAACC,iBAAiB,EAAE;QACpC,oBACE9B,MAAA,CAAA+B,OAAA,CAAAC,aAAA,CAAClC,sBAAA,CAAAmC,qBAAqB;UACpB1B,KAAK,EAAEoB,SAAS,CAACE,IAAI,CAACtB,KAAM;UAC5BsB,IAAI,EAAEF,SAAS,CAACE,IAAK;UACrBD,MAAM,EAAEA,MAAO;UACfjB,WAAW,EAAEA,WAAY;UAAAuB,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAAhC,YAAA;YAAAiC,UAAA;YAAAC,YAAA;UAAA;QAAA,CAC1B,CAAC;MAEN;MAEA,OAAO,IAAI;IACb;EACF,CAAC,EACD,GAAGzB,2BAA2B,CAAC0B,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,EAAE;IAAEC;EAAO,CAAC,KAAK;IAChE,MAAM;MACJC,EAAE;MACFtB,KAAK;MACLuB,QAAQ;MACRC,gBAAgB;MAChBnB,MAAM;MACNJ,KAAK;MACL,GAAGwB;IACL,CAAC,GAAGN,MAAM;IACV,OAAO;MACL,GAAGM,UAAU;MACb,GAAGhC,mBAAmB,CAAC0B,MAAM,EAAEC,KAAK,EAAEC,MAAM,CAAC;MAC7CK,cAAc,EACZH,QAAQ,IAAID,EAAE,GAAGpC,KAAK,CAACyC,KAAK,CAACC,IAAI,CAACC,mBAAmB,CAACP,EAAE,CAAC,GAAGlB,SAAS;MACvEC,MAAM,EAAEA,CACN;QAAEG;MAA0C,CAAC,EAC7CD,MAAc,KACX;QACH,IAAIC,IAAI,CAACC,iBAAiB,EAAE;UAAA,IAAAqB,mBAAA,EAAAC,qBAAA;UAC1B,QAAAD,mBAAA,GAAOtB,IAAI,CAACtB,KAAK,CAAC8C,OAAO,cAAAD,qBAAA,GAAlBD,mBAAA,CAAqBR,EAAE,CAAC,qBAAxBS,qBAAA,CAAAE,IAAA,CAAAH,mBAAA,EACLtB,IAAI,CAACC,iBAAiB,CAACD,IAAI,EAC3BD,MACF,CAAC;QACH;QAEA,OAAO,IAAI;MACb;IACF,CAAC;EACH,CAAC,CAAC,EACF,IAAIZ,gBAAgB,GAAG,CAACA,gBAAgB,CAAC,GAAG,EAAE,CAAC,CAChD;AACH","ignoreList":[]}
+{"version":3,"names":["_NestedTableParentCell","require","_react","_interopRequireDefault","_useCreateWSRColumnBase","_useNestedTableActionCell","_jsxFileName","useNestedModeColumns","props","state","actionCellProps","actionCellWidth","horizontalScroll","dragAndDrop","toolbar","selectedOrderedColumnsOrAll","createWSRColumnBase","useCreateWSRColumnBase","actionCellColumn","useNestedTableActionCell","nested","mainColumn","key","dataHook","title","width","style","undefined","render","keyedItem","rowNum","item","originalKeyedItem","default","createElement","NestedTableParentCell","__self","__source","fileName","lineNumber","columnNumber","passedColumns","map","column","id","sortable","sortDescending","query","sort","getIsSortDescending","_item$state$columns","_item$state$columns$i","columns","call","index","length"],"sources":["../../../../src/components/NestedTable/useNestedModeColumns.tsx"],"sourcesContent":["import {\n  TableColumn as TableColumnWSR,\n  TableColumn as WSRTableColumn,\n} from '@wix/design-system/dist/types/Table';\nimport { NestedTableKeyedItem, NestedTableState } from '../../state';\nimport { NestedTableParentCell } from './NestedTableParentCell';\nimport React from 'react';\nimport { useCreateWSRColumnBase } from '../../hooks/useCreateWSRColumnBase';\nimport { useNestedTableActionCell } from './useNestedTableActionCell';\nimport type { NestedTableDragAndDrop } from '../NestedTableDragAndDrop/NestedTableDragAndDrop';\nimport { Column } from '../../model';\n\nexport interface UseNestedModeColumnsProps<C extends string> {\n  state: NestedTableState<C>;\n  horizontalScroll?: boolean;\n  actionCellWidth?: string | number;\n  actionCellProps?: Partial<Omit<TableColumnWSR<any>, 'render' | 'style'>>;\n  dragAndDrop?: typeof NestedTableDragAndDrop;\n}\n\nexport function useNestedModeColumns<C extends string>(\n  props: UseNestedModeColumnsProps<C>,\n): WSRTableColumn<NestedTableKeyedItem<any, any, any>>[] {\n  const {\n    state,\n    actionCellProps,\n    actionCellWidth,\n    horizontalScroll,\n    dragAndDrop,\n  } = props;\n\n  const { toolbar } = state;\n\n  const { selectedOrderedColumnsOrAll } = toolbar;\n\n  const createWSRColumnBase = useCreateWSRColumnBase({ horizontalScroll });\n\n  const actionCellColumn = useNestedTableActionCell({\n    state: state.nested,\n    actionCellWidth,\n    actionCellProps,\n  });\n\n  const mainColumn: WSRTableColumn<NestedTableKeyedItem<any, any, any>> = {\n    key: 'nested-mode-main-column',\n    dataHook: 'nested-mode-main-column',\n    title: '',\n    width: '326px',\n    ...state.mainColumn,\n    style: undefined,\n    render: (keyedItem, rowNum) => {\n      if (keyedItem.item.originalKeyedItem) {\n        return (\n          <NestedTableParentCell\n            state={keyedItem.item.state}\n            item={keyedItem.item}\n            rowNum={rowNum}\n            dragAndDrop={dragAndDrop}\n          />\n        );\n      }\n\n      return null;\n    },\n  };\n\n  const passedColumns = selectedOrderedColumnsOrAll.map((column) => {\n    const { id, sortable } = column;\n    return {\n      ...column,\n      sortDescending:\n        sortable && id ? state.query.sort.getIsSortDescending(id) : undefined,\n      render: (\n        { item }: NestedTableKeyedItem<any, any, any>,\n        rowNum: number,\n      ) => {\n        if (item.originalKeyedItem) {\n          return item.state.columns?.[id]?.(\n            item.originalKeyedItem.item,\n            rowNum,\n          );\n        }\n\n        return null;\n      },\n    };\n  }) as Column[];\n\n  return [\n    ...[mainColumn, ...passedColumns].map((column, index, { length }) => {\n      return {\n        ...column,\n        ...createWSRColumnBase(column, index, length),\n      };\n    }),\n    ...(actionCellColumn ? [actionCellColumn] : []),\n  ];\n}\n"],"mappings":";;;;;AAKA,IAAAA,sBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,uBAAA,GAAAH,OAAA;AACA,IAAAI,yBAAA,GAAAJ,OAAA;AAAsE,IAAAK,YAAA;AAY/D,SAASC,oBAAoBA,CAClCC,KAAmC,EACoB;EACvD,MAAM;IACJC,KAAK;IACLC,eAAe;IACfC,eAAe;IACfC,gBAAgB;IAChBC;EACF,CAAC,GAAGL,KAAK;EAET,MAAM;IAAEM;EAAQ,CAAC,GAAGL,KAAK;EAEzB,MAAM;IAAEM;EAA4B,CAAC,GAAGD,OAAO;EAE/C,MAAME,mBAAmB,GAAG,IAAAC,8CAAsB,EAAC;IAAEL;EAAiB,CAAC,CAAC;EAExE,MAAMM,gBAAgB,GAAG,IAAAC,kDAAwB,EAAC;IAChDV,KAAK,EAAEA,KAAK,CAACW,MAAM;IACnBT,eAAe;IACfD;EACF,CAAC,CAAC;EAEF,MAAMW,UAA+D,GAAG;IACtEC,GAAG,EAAE,yBAAyB;IAC9BC,QAAQ,EAAE,yBAAyB;IACnCC,KAAK,EAAE,EAAE;IACTC,KAAK,EAAE,OAAO;IACd,GAAGhB,KAAK,CAACY,UAAU;IACnBK,KAAK,EAAEC,SAAS;IAChBC,MAAM,EAAEA,CAACC,SAAS,EAAEC,MAAM,KAAK;MAC7B,IAAID,SAAS,CAACE,IAAI,CAACC,iBAAiB,EAAE;QACpC,oBACE9B,MAAA,CAAA+B,OAAA,CAAAC,aAAA,CAAClC,sBAAA,CAAAmC,qBAAqB;UACpB1B,KAAK,EAAEoB,SAAS,CAACE,IAAI,CAACtB,KAAM;UAC5BsB,IAAI,EAAEF,SAAS,CAACE,IAAK;UACrBD,MAAM,EAAEA,MAAO;UACfjB,WAAW,EAAEA,WAAY;UAAAuB,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAAhC,YAAA;YAAAiC,UAAA;YAAAC,YAAA;UAAA;QAAA,CAC1B,CAAC;MAEN;MAEA,OAAO,IAAI;IACb;EACF,CAAC;EAED,MAAMC,aAAa,GAAG1B,2BAA2B,CAAC2B,GAAG,CAAEC,MAAM,IAAK;IAChE,MAAM;MAAEC,EAAE;MAAEC;IAAS,CAAC,GAAGF,MAAM;IAC/B,OAAO;MACL,GAAGA,MAAM;MACTG,cAAc,EACZD,QAAQ,IAAID,EAAE,GAAGnC,KAAK,CAACsC,KAAK,CAACC,IAAI,CAACC,mBAAmB,CAACL,EAAE,CAAC,GAAGjB,SAAS;MACvEC,MAAM,EAAEA,CACN;QAAEG;MAA0C,CAAC,EAC7CD,MAAc,KACX;QACH,IAAIC,IAAI,CAACC,iBAAiB,EAAE;UAAA,IAAAkB,mBAAA,EAAAC,qBAAA;UAC1B,QAAAD,mBAAA,GAAOnB,IAAI,CAACtB,KAAK,CAAC2C,OAAO,cAAAD,qBAAA,GAAlBD,mBAAA,CAAqBN,EAAE,CAAC,qBAAxBO,qBAAA,CAAAE,IAAA,CAAAH,mBAAA,EACLnB,IAAI,CAACC,iBAAiB,CAACD,IAAI,EAC3BD,MACF,CAAC;QACH;QAEA,OAAO,IAAI;MACb;IACF,CAAC;EACH,CAAC,CAAa;EAEd,OAAO,CACL,GAAG,CAACT,UAAU,EAAE,GAAGoB,aAAa,CAAC,CAACC,GAAG,CAAC,CAACC,MAAM,EAAEW,KAAK,EAAE;IAAEC;EAAO,CAAC,KAAK;IACnE,OAAO;MACL,GAAGZ,MAAM;MACT,GAAG3B,mBAAmB,CAAC2B,MAAM,EAAEW,KAAK,EAAEC,MAAM;IAC9C,CAAC;EACH,CAAC,CAAC,EACF,IAAIrC,gBAAgB,GAAG,CAACA,gBAAgB,CAAC,GAAG,EAAE,CAAC,CAChD;AACH","ignoreList":[]}

package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.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_ = "MultipleDragOverlayEffect2492705354";
+var _namespace_ = "MultipleDragOverlayEffect2129379282";
 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": "MultipleDragOverlayEffect2492705354__root"
+  "root": "MultipleDragOverlayEffect2129379282__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.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/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultipleDragOverlayEffect2492705354\";\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\":\"MultipleDragOverlayEffect2492705354__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,qCAAqC;AACvD,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;AAA2C,CAAC;AAClE,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/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultipleDragOverlayEffect2129379282\";\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\":\"MultipleDragOverlayEffect2129379282__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,qCAAqC;AACvD,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;AAA2C,CAAC;AAClE,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/NestedTableDragAndDrop/NestedTableDragAndDrop.js

@@ -8,6 +8,7 @@ var _NestedTableDragAndDropState = require("./NestedTableDragAndDropState");
 var _minimalRequiredWdsRuntimeCheck = require("../../minimalRequiredWdsRuntimeCheck");
 var _NestedTableDragHandle = require("./NestedTableDragHandle");
 var _NestedTableGhostIndentationCell = require("./NestedTableGhostIndentationCell");
+var _NestedTableDragAndDropRow = require("./NestedTableDragAndDropRow");
 if (process.env.NODE_ENV !== 'production') {
   (0, _minimalRequiredWdsRuntimeCheck.minimalRequiredWdsRuntimeCheck)({
     required: '^1.64.1',
@@ -32,6 +33,7 @@ const NestedTableDragAndDrop = exports.NestedTableDragAndDrop = {
   createDragHandleColumn: null,
   // override default TableDragAndDrop.createDragHandleColumn - in NestedTable the drag handle is rendered manually in `<NestedTableParentCell/>`
   NestedTableDragAndDropContext: _NestedTableDragAndDropContext.NestedTableDragAndDropContext,
+  NestedTableDragAndDropRow: _NestedTableDragAndDropRow.NestedTableDragAndDropRow,
   setStateObject,
   NestedTableDragHandle: _NestedTableDragHandle.NestedTableDragHandle,
   NestedTableGhostIndentationCell: _NestedTableGhostIndentationCell.NestedTableGhostIndentationCell

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

@@ -1 +1 @@
-{"version":3,"names":["_dragAndDrop","require","_NestedTableDragAndDropContext","_NestedTableDragAndDropState","_minimalRequiredWdsRuntimeCheck","_NestedTableDragHandle","_NestedTableGhostIndentationCell","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","setStateObject","params","_state$nested","state","modalsContainerRef","nested","nestedTableDragAndDrop","NestedTableDragAndDropState","nestedState","tableState","tableDragAndDropState","toolbar","_dnd","dnd","NestedTableDragAndDrop","exports","WSRTableDragAndDrop","createDragHandleColumn","NestedTableDragAndDropContext","NestedTableDragHandle","NestedTableGhostIndentationCell"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDrop.ts"],"sourcesContent":["import { TableDragAndDrop as WSRTableDragAndDrop } from '@wix/wix-style-react-incubator/drag-and-drop';\nimport { NestedTableDragAndDropContext } from './NestedTableDragAndDropContext';\nimport { NestedTableDragAndDropState } from './NestedTableDragAndDropState';\nimport { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';\nimport { NestedTableState } from '../../state/NestedTableState';\nimport { NestedTableDragHandle } from './NestedTableDragHandle';\nimport { NestedTableGhostIndentationCell } from './NestedTableGhostIndentationCell';\n\nif (process.env.NODE_ENV !== 'production') {\n  minimalRequiredWdsRuntimeCheck({\n    required: '^1.64.1',\n    requiredBy: 'WixPatterns/NestedTableDragAndDrop',\n  });\n}\nfunction setStateObject<C extends string>(params: {\n  state: NestedTableState<C>;\n  modalsContainerRef: {\n    current: HTMLElement | null | undefined;\n  };\n}) {\n  const { state, modalsContainerRef } = params;\n  state.nested.nestedTableDragAndDrop ??= new NestedTableDragAndDropState({\n    nestedState: state.nested,\n    modalsContainerRef,\n  });\n  state.tableState.tableDragAndDropState = state.nested.nestedTableDragAndDrop;\n  state.toolbar._dnd = state.nested.nestedTableDragAndDrop.dnd;\n}\n\nexport const NestedTableDragAndDrop = {\n  ...WSRTableDragAndDrop,\n  createDragHandleColumn: null, // override default TableDragAndDrop.createDragHandleColumn - in NestedTable the drag handle is rendered manually in `<NestedTableParentCell/>`\n  NestedTableDragAndDropContext,\n  setStateObject,\n  NestedTableDragHandle,\n  NestedTableGhostIndentationCell,\n};\n"],"mappings":";;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,8BAAA,GAAAD,OAAA;AACA,IAAAE,4BAAA,GAAAF,OAAA;AACA,IAAAG,+BAAA,GAAAH,OAAA;AAEA,IAAAI,sBAAA,GAAAJ,OAAA;AACA,IAAAK,gCAAA,GAAAL,OAAA;AAEA,IAAIM,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;EACzC,IAAAC,8DAA8B,EAAC;IAC7BC,QAAQ,EAAE,SAAS;IACnBC,UAAU,EAAE;EACd,CAAC,CAAC;AACJ;AACA,SAASC,cAAcA,CAAmBC,MAKzC,EAAE;EAAA,IAAAC,aAAA;EACD,MAAM;IAAEC,KAAK;IAAEC;EAAmB,CAAC,GAAGH,MAAM;EAC5C,CAAAC,aAAA,GAAAC,KAAK,CAACE,MAAM,EAACC,sBAAsB,KAAnCJ,aAAA,CAAaI,sBAAsB,GAAK,IAAIC,wDAA2B,CAAC;IACtEC,WAAW,EAAEL,KAAK,CAACE,MAAM;IACzBD;EACF,CAAC,CAAC;EACFD,KAAK,CAACM,UAAU,CAACC,qBAAqB,GAAGP,KAAK,CAACE,MAAM,CAACC,sBAAsB;EAC5EH,KAAK,CAACQ,OAAO,CAACC,IAAI,GAAGT,KAAK,CAACE,MAAM,CAACC,sBAAsB,CAACO,GAAG;AAC9D;AAEO,MAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG;EACpC,GAAGE,6BAAmB;EACtBC,sBAAsB,EAAE,IAAI;EAAE;EAC9BC,6BAA6B,EAA7BA,4DAA6B;EAC7BlB,cAAc;EACdmB,qBAAqB,EAArBA,4CAAqB;EACrBC,+BAA+B,EAA/BA;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_dragAndDrop","require","_NestedTableDragAndDropContext","_NestedTableDragAndDropState","_minimalRequiredWdsRuntimeCheck","_NestedTableDragHandle","_NestedTableGhostIndentationCell","_NestedTableDragAndDropRow","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","setStateObject","params","_state$nested","state","modalsContainerRef","nested","nestedTableDragAndDrop","NestedTableDragAndDropState","nestedState","tableState","tableDragAndDropState","toolbar","_dnd","dnd","NestedTableDragAndDrop","exports","WSRTableDragAndDrop","createDragHandleColumn","NestedTableDragAndDropContext","NestedTableDragAndDropRow","NestedTableDragHandle","NestedTableGhostIndentationCell"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDrop.ts"],"sourcesContent":["import { TableDragAndDrop as WSRTableDragAndDrop } from '@wix/wix-style-react-incubator/drag-and-drop';\nimport { NestedTableDragAndDropContext } from './NestedTableDragAndDropContext';\nimport { NestedTableDragAndDropState } from './NestedTableDragAndDropState';\nimport { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';\nimport { NestedTableState } from '../../state/NestedTableState';\nimport { NestedTableDragHandle } from './NestedTableDragHandle';\nimport { NestedTableGhostIndentationCell } from './NestedTableGhostIndentationCell';\nimport { NestedTableDragAndDropRow } from './NestedTableDragAndDropRow';\n\nif (process.env.NODE_ENV !== 'production') {\n  minimalRequiredWdsRuntimeCheck({\n    required: '^1.64.1',\n    requiredBy: 'WixPatterns/NestedTableDragAndDrop',\n  });\n}\nfunction setStateObject<C extends string>(params: {\n  state: NestedTableState<C>;\n  modalsContainerRef: {\n    current: HTMLElement | null | undefined;\n  };\n}) {\n  const { state, modalsContainerRef } = params;\n  state.nested.nestedTableDragAndDrop ??= new NestedTableDragAndDropState({\n    nestedState: state.nested,\n    modalsContainerRef,\n  });\n  state.tableState.tableDragAndDropState = state.nested.nestedTableDragAndDrop;\n  state.toolbar._dnd = state.nested.nestedTableDragAndDrop.dnd;\n}\n\nexport const NestedTableDragAndDrop = {\n  ...WSRTableDragAndDrop,\n  createDragHandleColumn: null, // override default TableDragAndDrop.createDragHandleColumn - in NestedTable the drag handle is rendered manually in `<NestedTableParentCell/>`\n  NestedTableDragAndDropContext,\n  NestedTableDragAndDropRow,\n  setStateObject,\n  NestedTableDragHandle,\n  NestedTableGhostIndentationCell,\n};\n"],"mappings":";;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,8BAAA,GAAAD,OAAA;AACA,IAAAE,4BAAA,GAAAF,OAAA;AACA,IAAAG,+BAAA,GAAAH,OAAA;AAEA,IAAAI,sBAAA,GAAAJ,OAAA;AACA,IAAAK,gCAAA,GAAAL,OAAA;AACA,IAAAM,0BAAA,GAAAN,OAAA;AAEA,IAAIO,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;EACzC,IAAAC,8DAA8B,EAAC;IAC7BC,QAAQ,EAAE,SAAS;IACnBC,UAAU,EAAE;EACd,CAAC,CAAC;AACJ;AACA,SAASC,cAAcA,CAAmBC,MAKzC,EAAE;EAAA,IAAAC,aAAA;EACD,MAAM;IAAEC,KAAK;IAAEC;EAAmB,CAAC,GAAGH,MAAM;EAC5C,CAAAC,aAAA,GAAAC,KAAK,CAACE,MAAM,EAACC,sBAAsB,KAAnCJ,aAAA,CAAaI,sBAAsB,GAAK,IAAIC,wDAA2B,CAAC;IACtEC,WAAW,EAAEL,KAAK,CAACE,MAAM;IACzBD;EACF,CAAC,CAAC;EACFD,KAAK,CAACM,UAAU,CAACC,qBAAqB,GAAGP,KAAK,CAACE,MAAM,CAACC,sBAAsB;EAC5EH,KAAK,CAACQ,OAAO,CAACC,IAAI,GAAGT,KAAK,CAACE,MAAM,CAACC,sBAAsB,CAACO,GAAG;AAC9D;AAEO,MAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG;EACpC,GAAGE,6BAAmB;EACtBC,sBAAsB,EAAE,IAAI;EAAE;EAC9BC,6BAA6B,EAA7BA,4DAA6B;EAC7BC,yBAAyB,EAAzBA,oDAAyB;EACzBnB,cAAc;EACdoB,qBAAqB,EAArBA,4CAAqB;EACrBC,+BAA+B,EAA/BA;AACF,CAAC","ignoreList":[]}

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.NestedTableDragAndDropRow = NestedTableDragAndDropRow;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _NestedTableGhostIndentationCell = require("./NestedTableGhostIndentationCell");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.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 && {}.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 NestedTableDragAndDropRow(props) {
+  const {
+    children,
+    item,
+    forwardedRef
+  } = props;
+  const {
+    type: Tr,
+    key,
+    props: trProps
+  } = children;
+  return /*#__PURE__*/_react.default.createElement(Tr, (0, _extends2.default)({
+    key: key,
+    ref: forwardedRef
+  }, trProps, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 34,
+      columnNumber: 5
+    }
+  }), /*#__PURE__*/_react.default.createElement(_NestedTableGhostIndentationCell.NestedTableGhostIndentationCell, {
+    item: item,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 35,
+      columnNumber: 7
+    }
+  }), _react.Children.toArray(trProps.children));
+}
+//# sourceMappingURL=NestedTableDragAndDropRow.js.map

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_NestedTableGhostIndentationCell","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","NestedTableDragAndDropRow","props","children","item","forwardedRef","type","Tr","key","trProps","createElement","_extends2","ref","__self","__source","fileName","lineNumber","columnNumber","NestedTableGhostIndentationCell","Children","toArray"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.tsx"],"sourcesContent":["import React, {\n  Children,\n  MutableRefObject,\n  ReactElement,\n  ReactNode,\n} from 'react';\nimport { NestedTableGhostIndentationCell } from './NestedTableGhostIndentationCell';\nimport { FiltersMap } from '@wix/bex-core';\nimport { NestedTableDataItem } from '../../state/NestedTableState/NestedTableNodeState';\n\nexport interface NestedTableDragAndDropRowProps<\n  C extends string,\n  T,\n  F extends FiltersMap,\n> {\n  item: NestedTableDataItem<C, T, F>;\n  children: ReactElement<{\n    children: ReactNode;\n  }>;\n  forwardedRef:\n    | ((instance: HTMLTableRowElement | null) => void)\n    | MutableRefObject<HTMLTableRowElement | null>\n    | null;\n}\nexport function NestedTableDragAndDropRow<\n  C extends string,\n  T,\n  F extends FiltersMap,\n>(props: NestedTableDragAndDropRowProps<C, T, F>) {\n  const { children, item, forwardedRef } = props;\n  const { type: Tr, key, props: trProps } = children;\n\n  return (\n    <Tr key={key} ref={forwardedRef} {...trProps}>\n      <NestedTableGhostIndentationCell item={item} />\n      {Children.toArray(trProps.children)}\n    </Tr>\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAMA,IAAAC,gCAAA,GAAAD,OAAA;AAAoF,IAAAE,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,SAAAL,wBAAAK,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,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAkB7E,SAASW,yBAAyBA,CAIvCC,KAA8C,EAAE;EAChD,MAAM;IAAEC,QAAQ;IAAEC,IAAI;IAAEC;EAAa,CAAC,GAAGH,KAAK;EAC9C,MAAM;IAAEI,IAAI,EAAEC,EAAE;IAAEC,GAAG;IAAEN,KAAK,EAAEO;EAAQ,CAAC,GAAGN,QAAQ;EAElD,oBACE3B,MAAA,CAAAW,OAAA,CAAAuB,aAAA,CAACH,EAAE,MAAAI,SAAA,CAAAxB,OAAA;IAACqB,GAAG,EAAEA,GAAI;IAACI,GAAG,EAAEP;EAAa,GAAKI,OAAO;IAAAI,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnC,YAAA;MAAAoC,UAAA;MAAAC,YAAA;IAAA;EAAA,iBAC1CzC,MAAA,CAAAW,OAAA,CAAAuB,aAAA,CAAC/B,gCAAA,CAAAuC,+BAA+B;IAACd,IAAI,EAAEA,IAAK;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnC,YAAA;MAAAoC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,EAC9CE,eAAQ,CAACC,OAAO,CAACX,OAAO,CAACN,QAAQ,CAChC,CAAC;AAET","ignoreList":[]}

package/dist/cjs/components/PickerContent/PickerContent.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_ = "PickerContent721160753";
+var _namespace_ = "PickerContent2952495326";
 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": "PickerContent721160753__root"
+  "root": "PickerContent2952495326__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerContent/PickerContent.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/PickerContent/PickerContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContent721160753\";\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\":\"PickerContent721160753__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,wBAAwB;AAC1C,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;AAA8B,CAAC;AACrD,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/PickerContent/PickerContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContent2952495326\";\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\":\"PickerContent2952495326__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "PickerContentAdditionalStep2281886184";
+var _namespace_ = "PickerContentAdditionalStep1838057869";
 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": "PickerContentAdditionalStep2281886184__root",
-  "titles": "PickerContentAdditionalStep2281886184__titles",
-  "suffix": "PickerContentAdditionalStep2281886184__suffix"
+  "root": "PickerContentAdditionalStep1838057869__root",
+  "titles": "PickerContentAdditionalStep1838057869__titles",
+  "suffix": "PickerContentAdditionalStep1838057869__suffix"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.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/PickerContent/PickerContentAdditionalStep.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContentAdditionalStep2281886184\";\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\":\"PickerContentAdditionalStep2281886184__root\",\"titles\":\"PickerContentAdditionalStep2281886184__titles\",\"suffix\":\"PickerContentAdditionalStep2281886184__suffix\"};\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,uCAAuC;AACzD,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,6CAA6C;EAAC,QAAQ,EAAC,+CAA+C;EAAC,QAAQ,EAAC;AAA+C,CAAC;AACtL,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/PickerContent/PickerContentAdditionalStep.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContentAdditionalStep1838057869\";\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\":\"PickerContentAdditionalStep1838057869__root\",\"titles\":\"PickerContentAdditionalStep1838057869__titles\",\"suffix\":\"PickerContentAdditionalStep1838057869__suffix\"};\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,uCAAuC;AACzD,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,6CAA6C;EAAC,QAAQ,EAAC,+CAA+C;EAAC,QAAQ,EAAC;AAA+C,CAAC;AACtL,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/PickerTableListItem/PickerTableListItem.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_ = "PickerTableListItem1779054279";
+var _namespace_ = "PickerTableListItem2280411019";
 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": "PickerTableListItem1779054279__root"
+  "root": "PickerTableListItem2280411019__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerTableListItem/PickerTableListItem.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/PickerTableListItem/PickerTableListItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerTableListItem1779054279\";\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\":\"PickerTableListItem1779054279__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,+BAA+B;AACjD,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;AAAqC,CAAC;AAC5D,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/PickerTableListItem/PickerTableListItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerTableListItem2280411019\";\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\":\"PickerTableListItem2280411019__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,+BAA+B;AACjD,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;AAAqC,CAAC;AAC5D,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/PrimaryActions/PrimaryActions.js

@@ -8,31 +8,63 @@ var _ActionControl = require("../ActionControl/ActionControl");
 var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _react2 = require("@wix/bex-core/react");
 var _useSelector = require("../../useSelector");
+var _bi = require("@wix/bex-core/bi");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/PrimaryActions/PrimaryActions.tsx";
 function PrimaryActions(props) {
+  var _props$subItems;
   const {
     initTask,
-    translate: t
+    translate: t,
+    reportBi
   } = (0, _react2.useWixPatternsContainer)();
   (0, _useSelector.useSelector)(() => initTask.status);
   return /*#__PURE__*/_react.default.createElement(_ActionControl.ActionControl, {
+    onPopoverClick: () => {
+      reportBi((0, _bi.cairoPageCtaClicked)({
+        location: 'Collection Page Header',
+        pageType: 'Collection',
+        ctaName: props.biName ?? '',
+        ctaType: 'primary page dropdown'
+      }));
+    },
     actionItem: {
       prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Add, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 20,
+          lineNumber: 31,
           columnNumber: 21
         }
       }),
       label: t('cairo.page.primary.cta'),
       dataHook: 'primary-actions',
-      ...props
+      ...props,
+      subItems: props == null || (_props$subItems = props.subItems) == null ? void 0 : _props$subItems.map(subItem => ({
+        ...subItem,
+        onClick: () => {
+          reportBi((0, _bi.cairoPageCtaClicked)({
+            location: 'Collection Page Header',
+            pageType: 'Collection',
+            ctaName: subItem.biName ?? '',
+            ctaType: 'primary page option'
+          }));
+          subItem.onClick == null || subItem.onClick();
+        }
+      })),
+      onClick: () => {
+        reportBi((0, _bi.cairoPageCtaClicked)({
+          location: 'Collection Page Header',
+          pageType: 'Collection',
+          ctaName: props.biName ?? '',
+          ctaType: 'primary page button'
+        }));
+        props.onClick == null || props.onClick();
+      }
     },
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 18,
+      lineNumber: 19,
       columnNumber: 5
     }
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ActionControl","_wixUiIconsCommon","_react2","_useSelector","_jsxFileName","PrimaryActions","props","initTask","translate","t","useWixPatternsContainer","useSelector","status","default","createElement","ActionControl","actionItem","prefixIcon","Add","__self","__source","fileName","lineNumber","columnNumber","label","dataHook"],"sources":["../../../../src/components/PrimaryActions/PrimaryActions.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { ActionSubitem } from '../ActionControl/ActionSubItemProps';\nimport { ActionControl } from '../ActionControl/ActionControl';\nimport { Add } from '@wix/wix-ui-icons-common';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useSelector } from '../../useSelector';\n\nexport type PrimaryActionsElement = ReactElement<\n  ActionSubitem,\n  typeof PrimaryActions\n>;\n\nexport function PrimaryActions(props: ActionSubitem) {\n  const { initTask, translate: t } = useWixPatternsContainer();\n  useSelector(() => initTask.status);\n\n  return (\n    <ActionControl\n      actionItem={{\n        prefixIcon: <Add />,\n        label: t('cairo.page.primary.cta'),\n        dataHook: 'primary-actions',\n        ...props,\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAAgD,IAAAK,YAAA;AAOzC,SAASC,cAAcA,CAACC,KAAoB,EAAE;EACnD,MAAM;IAAEC,QAAQ;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC5D,IAAAC,wBAAW,EAAC,MAAMJ,QAAQ,CAACK,MAAM,CAAC;EAElC,oBACEf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,cAAA,CAAAe,aAAa;IACZC,UAAU,EAAE;MACVC,UAAU,eAAEpB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,iBAAA,CAAAiB,GAAG;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAjB,YAAA;UAAAkB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAC;MACnBC,KAAK,EAAEf,CAAC,CAAC,wBAAwB,CAAC;MAClCgB,QAAQ,EAAE,iBAAiB;MAC3B,GAAGnB;IACL,CAAE;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CAAC;AAEN","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_ActionControl","_wixUiIconsCommon","_react2","_useSelector","_bi","_jsxFileName","PrimaryActions","props","_props$subItems","initTask","translate","t","reportBi","useWixPatternsContainer","useSelector","status","default","createElement","ActionControl","onPopoverClick","cairoPageCtaClicked","location","pageType","ctaName","biName","ctaType","actionItem","prefixIcon","Add","__self","__source","fileName","lineNumber","columnNumber","label","dataHook","subItems","map","subItem","onClick"],"sources":["../../../../src/components/PrimaryActions/PrimaryActions.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { ActionSubitem } from '../ActionControl/ActionSubItemProps';\nimport { ActionControl } from '../ActionControl/ActionControl';\nimport { Add } from '@wix/wix-ui-icons-common';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useSelector } from '../../useSelector';\nimport { cairoPageCtaClicked } from '@wix/bex-core/bi';\n\nexport type PrimaryActionsElement = ReactElement<\n  ActionSubitem,\n  typeof PrimaryActions\n>;\n\nexport function PrimaryActions(props: ActionSubitem) {\n  const { initTask, translate: t, reportBi } = useWixPatternsContainer();\n  useSelector(() => initTask.status);\n\n  return (\n    <ActionControl\n      onPopoverClick={() => {\n        reportBi(\n          cairoPageCtaClicked({\n            location: 'Collection Page Header',\n            pageType: 'Collection',\n            ctaName: props.biName ?? '',\n            ctaType: 'primary page dropdown',\n          }),\n        );\n      }}\n      actionItem={{\n        prefixIcon: <Add />,\n        label: t('cairo.page.primary.cta'),\n        dataHook: 'primary-actions',\n        ...props,\n        subItems: props?.subItems?.map((subItem) => ({\n          ...subItem,\n          onClick: () => {\n            reportBi(\n              cairoPageCtaClicked({\n                location: 'Collection Page Header',\n                pageType: 'Collection',\n                ctaName: subItem.biName ?? '',\n                ctaType: 'primary page option',\n              }),\n            );\n            subItem.onClick?.();\n          },\n        })),\n        onClick: () => {\n          reportBi(\n            cairoPageCtaClicked({\n              location: 'Collection Page Header',\n              pageType: 'Collection',\n              ctaName: props.biName ?? '',\n              ctaType: 'primary page button',\n            }),\n          );\n          props.onClick?.();\n        },\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,GAAA,GAAAL,OAAA;AAAuD,IAAAM,YAAA;AAOhD,SAASC,cAAcA,CAACC,KAAoB,EAAE;EAAA,IAAAC,eAAA;EACnD,MAAM;IAAEC,QAAQ;IAAEC,SAAS,EAAEC,CAAC;IAAEC;EAAS,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EACtE,IAAAC,wBAAW,EAAC,MAAML,QAAQ,CAACM,MAAM,CAAC;EAElC,oBACElB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACjB,cAAA,CAAAkB,aAAa;IACZC,cAAc,EAAEA,CAAA,KAAM;MACpBP,QAAQ,CACN,IAAAQ,uBAAmB,EAAC;QAClBC,QAAQ,EAAE,wBAAwB;QAClCC,QAAQ,EAAE,YAAY;QACtBC,OAAO,EAAEhB,KAAK,CAACiB,MAAM,IAAI,EAAE;QAC3BC,OAAO,EAAE;MACX,CAAC,CACH,CAAC;IACH,CAAE;IACFC,UAAU,EAAE;MACVC,UAAU,eAAE9B,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAAChB,iBAAA,CAAA2B,GAAG;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA1B,YAAA;UAAA2B,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAC;MACnBC,KAAK,EAAEvB,CAAC,CAAC,wBAAwB,CAAC;MAClCwB,QAAQ,EAAE,iBAAiB;MAC3B,GAAG5B,KAAK;MACR6B,QAAQ,EAAE7B,KAAK,aAAAC,eAAA,GAALD,KAAK,CAAE6B,QAAQ,qBAAf5B,eAAA,CAAiB6B,GAAG,CAAEC,OAAO,KAAM;QAC3C,GAAGA,OAAO;QACVC,OAAO,EAAEA,CAAA,KAAM;UACb3B,QAAQ,CACN,IAAAQ,uBAAmB,EAAC;YAClBC,QAAQ,EAAE,wBAAwB;YAClCC,QAAQ,EAAE,YAAY;YACtBC,OAAO,EAAEe,OAAO,CAACd,MAAM,IAAI,EAAE;YAC7BC,OAAO,EAAE;UACX,CAAC,CACH,CAAC;UACDa,OAAO,CAACC,OAAO,YAAfD,OAAO,CAACC,OAAO,CAAG,CAAC;QACrB;MACF,CAAC,CAAC,CAAC;MACHA,OAAO,EAAEA,CAAA,KAAM;QACb3B,QAAQ,CACN,IAAAQ,uBAAmB,EAAC;UAClBC,QAAQ,EAAE,wBAAwB;UAClCC,QAAQ,EAAE,YAAY;UACtBC,OAAO,EAAEhB,KAAK,CAACiB,MAAM,IAAI,EAAE;UAC3BC,OAAO,EAAE;QACX,CAAC,CACH,CAAC;QACDlB,KAAK,CAACgC,OAAO,YAAbhC,KAAK,CAACgC,OAAO,CAAG,CAAC;MACnB;IACF,CAAE;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1B,YAAA;MAAA2B,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CAAC;AAEN","ignoreList":[]}

package/dist/cjs/components/ScrollableContent/ScrollableContent.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_ = "ScrollableContent2167318334";
+var _namespace_ = "ScrollableContent2635485684";
 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": "ScrollableContent2167318334__root"
+  "root": "ScrollableContent2635485684__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ScrollableContent/ScrollableContent.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/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent2167318334\";\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\":\"ScrollableContent2167318334__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,6BAA6B;AAC/C,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;AAAmC,CAAC;AAC1D,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/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent2635485684\";\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\":\"ScrollableContent2635485684__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,6BAA6B;AAC/C,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;AAAmC,CAAC;AAC1D,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/SecondaryActions/SecondaryActions.js

@@ -5,18 +5,56 @@ exports.__esModule = true;
 exports.SecondaryActions = SecondaryActions;
 var _react = _interopRequireDefault(require("react"));
 var _ActionControl = require("../ActionControl/ActionControl");
+var _react2 = require("@wix/bex-core/react");
+var _useSelector = require("../../useSelector");
+var _bi = require("@wix/bex-core/bi");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/SecondaryActions/SecondaryActions.tsx";
 function SecondaryActions(props) {
+  var _props$subItems;
+  const {
+    initTask,
+    reportBi
+  } = (0, _react2.useWixPatternsContainer)();
+  (0, _useSelector.useSelector)(() => initTask.status);
   return /*#__PURE__*/_react.default.createElement(_ActionControl.ActionControl, {
     priority: "secondary",
+    onPopoverClick: () => {
+      reportBi((0, _bi.cairoPageCtaClicked)({
+        location: 'Collection Page Header',
+        pageType: 'Collection',
+        ctaName: props.biName ?? '',
+        ctaType: 'secondary page dropdown'
+      }));
+    },
     actionItem: {
       dataHook: 'secondary-actions',
-      ...props
+      ...props,
+      subItems: props == null || (_props$subItems = props.subItems) == null ? void 0 : _props$subItems.map(subItem => ({
+        ...subItem,
+        onClick: () => {
+          reportBi((0, _bi.cairoPageCtaClicked)({
+            location: 'Collection Page Header',
+            pageType: 'Collection',
+            ctaName: subItem.biName ?? '',
+            ctaType: 'secondary page option'
+          }));
+          subItem.onClick == null || subItem.onClick();
+        }
+      })),
+      onClick: () => {
+        reportBi((0, _bi.cairoPageCtaClicked)({
+          location: 'Collection Page Header',
+          pageType: 'Collection',
+          ctaName: props.biName ?? '',
+          ctaType: 'secondary page button'
+        }));
+        props.onClick == null || props.onClick();
+      }
     },
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 12,
+      lineNumber: 18,
       columnNumber: 5
     }
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ActionControl","_jsxFileName","SecondaryActions","props","default","createElement","ActionControl","priority","actionItem","dataHook","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/SecondaryActions/SecondaryActions.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { ActionSubitem } from '../ActionControl/ActionSubItemProps';\nimport { ActionControl } from '../ActionControl/ActionControl';\n\nexport type SecondaryActionsElement = ReactElement<\n  ActionSubitem,\n  typeof SecondaryActions\n>;\n\nexport function SecondaryActions(props: ActionSubitem) {\n  return (\n    <ActionControl\n      priority=\"secondary\"\n      actionItem={{\n        dataHook: 'secondary-actions',\n        ...props,\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AAA+D,IAAAE,YAAA;AAOxD,SAASC,gBAAgBA,CAACC,KAAoB,EAAE;EACrD,oBACEN,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACL,cAAA,CAAAM,aAAa;IACZC,QAAQ,EAAC,WAAW;IACpBC,UAAU,EAAE;MACVC,QAAQ,EAAE,mBAAmB;MAC7B,GAAGN;IACL,CAAE;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CAAC;AAEN","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_ActionControl","_react2","_useSelector","_bi","_jsxFileName","SecondaryActions","props","_props$subItems","initTask","reportBi","useWixPatternsContainer","useSelector","status","default","createElement","ActionControl","priority","onPopoverClick","cairoPageCtaClicked","location","pageType","ctaName","biName","ctaType","actionItem","dataHook","subItems","map","subItem","onClick","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/SecondaryActions/SecondaryActions.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { ActionSubitem } from '../ActionControl/ActionSubItemProps';\nimport { ActionControl } from '../ActionControl/ActionControl';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useSelector } from '../../useSelector';\nimport { cairoPageCtaClicked } from '@wix/bex-core/bi';\n\nexport type SecondaryActionsElement = ReactElement<\n  ActionSubitem,\n  typeof SecondaryActions\n>;\n\nexport function SecondaryActions(props: ActionSubitem) {\n  const { initTask, reportBi } = useWixPatternsContainer();\n  useSelector(() => initTask.status);\n\n  return (\n    <ActionControl\n      priority=\"secondary\"\n      onPopoverClick={() => {\n        reportBi(\n          cairoPageCtaClicked({\n            location: 'Collection Page Header',\n            pageType: 'Collection',\n            ctaName: props.biName ?? '',\n            ctaType: 'secondary page dropdown',\n          }),\n        );\n      }}\n      actionItem={{\n        dataHook: 'secondary-actions',\n        ...props,\n        subItems: props?.subItems?.map((subItem) => ({\n          ...subItem,\n          onClick: () => {\n            reportBi(\n              cairoPageCtaClicked({\n                location: 'Collection Page Header',\n                pageType: 'Collection',\n                ctaName: subItem.biName ?? '',\n                ctaType: 'secondary page option',\n              }),\n            );\n            subItem.onClick?.();\n          },\n        })),\n        onClick: () => {\n          reportBi(\n            cairoPageCtaClicked({\n              location: 'Collection Page Header',\n              pageType: 'Collection',\n              ctaName: props.biName ?? '',\n              ctaType: 'secondary page button',\n            }),\n          );\n          props.onClick?.();\n        },\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,GAAA,GAAAJ,OAAA;AAAuD,IAAAK,YAAA;AAOhD,SAASC,gBAAgBA,CAACC,KAAoB,EAAE;EAAA,IAAAC,eAAA;EACrD,MAAM;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EACxD,IAAAC,wBAAW,EAAC,MAAMH,QAAQ,CAACI,MAAM,CAAC;EAElC,oBACEf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,cAAA,CAAAe,aAAa;IACZC,QAAQ,EAAC,WAAW;IACpBC,cAAc,EAAEA,CAAA,KAAM;MACpBR,QAAQ,CACN,IAAAS,uBAAmB,EAAC;QAClBC,QAAQ,EAAE,wBAAwB;QAClCC,QAAQ,EAAE,YAAY;QACtBC,OAAO,EAAEf,KAAK,CAACgB,MAAM,IAAI,EAAE;QAC3BC,OAAO,EAAE;MACX,CAAC,CACH,CAAC;IACH,CAAE;IACFC,UAAU,EAAE;MACVC,QAAQ,EAAE,mBAAmB;MAC7B,GAAGnB,KAAK;MACRoB,QAAQ,EAAEpB,KAAK,aAAAC,eAAA,GAALD,KAAK,CAAEoB,QAAQ,qBAAfnB,eAAA,CAAiBoB,GAAG,CAAEC,OAAO,KAAM;QAC3C,GAAGA,OAAO;QACVC,OAAO,EAAEA,CAAA,KAAM;UACbpB,QAAQ,CACN,IAAAS,uBAAmB,EAAC;YAClBC,QAAQ,EAAE,wBAAwB;YAClCC,QAAQ,EAAE,YAAY;YACtBC,OAAO,EAAEO,OAAO,CAACN,MAAM,IAAI,EAAE;YAC7BC,OAAO,EAAE;UACX,CAAC,CACH,CAAC;UACDK,OAAO,CAACC,OAAO,YAAfD,OAAO,CAACC,OAAO,CAAG,CAAC;QACrB;MACF,CAAC,CAAC,CAAC;MACHA,OAAO,EAAEA,CAAA,KAAM;QACbpB,QAAQ,CACN,IAAAS,uBAAmB,EAAC;UAClBC,QAAQ,EAAE,wBAAwB;UAClCC,QAAQ,EAAE,YAAY;UACtBC,OAAO,EAAEf,KAAK,CAACgB,MAAM,IAAI,EAAE;UAC3BC,OAAO,EAAE;QACX,CAAC,CACH,CAAC;QACDjB,KAAK,CAACuB,OAAO,YAAbvB,KAAK,CAACuB,OAAO,CAAG,CAAC;MACnB;IACF,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA5B,YAAA;MAAA6B,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CAAC;AAEN","ignoreList":[]}