@wix/patterns 1.207.0 → 1.209.0

package/dist/cjs/components/Grid/GridFolders.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_ToolbarCollectionContentAutoSizer","_mobxReactLite","_useGridBaseSyncProps","_getToolbarCollectionFeaturesInitializers","_GridFoldersSectionsGroup","_CollectionCard","_ToolbarCollection","_GridFoldersPlaceholderStates","_minimalRequiredWdsRuntimeCheck","_useToolbarCollectionSyncProps","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_GridFolders","props","state","exportModal","dataHook","cardProps","emptyState","noResultsState","renderError","errorState","err","isOnline","retry","toolbar","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","useToolbarCollectionSyncProps","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","useGridBaseSyncProps","items","renderAddItem","renderFolderAddItem","folders","useEffect","init","featuresInitializers","getToolbarCollectionFeaturesInitializers","createElement","CollectionCard","_extends2","__self","__source","fileName","lineNumber","columnNumber","ToolbarCollection","GridFoldersPlaceholderStates","ToolbarCollectionContentAutoSizer","GridFoldersSectionsGroup","featuredComponents","value","GridFolders","exports","observer"],"sources":["../../../../src/components/Grid/GridFolders.tsx"],"sourcesContent":["import { AddItemProps } from '@wix/design-system';\nimport React, { ReactElement, useEffect } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionContentAutoSizer } from '../ToolbarCollectionContentAutoSizer';\nimport { observer } from 'mobx-react-lite';\nimport { GridFoldersState } from '../../state';\nimport { ActionCell } from '../ActionCell';\nimport { SupportedCardGalleryItemProps } from './SupportedCardGalleryItemProps';\nimport { useGridBaseSyncProps } from './useGridBaseSyncProps';\nimport { getToolbarCollectionFeaturesInitializers } from '../../state/getToolbarCollectionFeaturesInitializers';\nimport { GridFoldersSectionsGroup } from './GridFoldersSectionsGroup';\nimport { GridFoldersPresetProps } from './GridFolders.types';\nimport { GridItemBaseProps } from './GridItemBaseProps';\nimport { CollectionCard } from '../CollectionCard';\nimport {\n  ToolbarCollection,\n  ToolbarCollectionBaseProps,\n} from '../ToolbarCollection';\nimport { GridFoldersPlaceholderStates } from './GridFoldersPlaceholderStates';\nimport { PartialAllFilters } from '../../state/FoldersAndItemsCollectionsState';\nimport { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';\nimport { useToolbarCollectionSyncProps } from '../ToolbarCollection/useToolbarCollectionSyncProps';\n\nexport interface GridFoldersBaseProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> extends Omit<\n      ToolbarCollectionBaseProps<T1, PartialAllFilters<F1, F2>>,\n      'topNotification'\n    >,\n    GridItemBaseProps<T1, F1> {\n  dataHook?: string;\n  /** A GridFoldersState instance created using [useGridFolders](./?path=/story/base-components-collections-gridfolders-usegridfolders--usegridfolders). */\n  state: GridFoldersState<T1, F1, T2, F2>;\n  /** Optional custom title for the items section */\n  itemsSectionTitle?: string;\n  foldersSectionTitle?: string;\n  /** Same as `renderItem`, but for a folder item. */\n  renderFolderItem?: (\n    item: T2,\n    index: number,\n  ) => Partial<SupportedCardGalleryItemProps>;\n  /** Same as `preset` but for a folder item */\n  folderPreset?: 'full' | 'title';\n  /** Same as `actionCell`, but for a folder item. */\n  folderActionCell?: ActionCell<T2, F2>;\n  /** Same as `renderAddItem`, but for a folder item. */\n  renderFolderAddItem?: () => ReactElement<AddItemProps>;\n  topNotification?: ReactElement;\n}\n\nexport type GridFoldersBasePropsWithoutPreset<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> = Omit<\n  GridFoldersBaseProps<T1, F1, T2, F2>,\n  'preset' | 'folderPreset' | 'renderItem' | 'renderFolderItem'\n>;\n\nexport type GridFoldersProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> = GridFoldersPresetProps<\n  T1,\n  T2,\n  GridFoldersBasePropsWithoutPreset<T1, F1, T2, F2>\n>;\n\nfunction _GridFolders<T1, F1 extends FiltersMap, T2, F2 extends FiltersMap>(\n  props: GridFoldersProps<T1, F1, T2, F2>,\n) {\n  const {\n    state,\n    exportModal,\n    dataHook,\n    cardProps,\n    emptyState,\n    noResultsState,\n    renderError,\n    errorState = renderError &&\n      (((err, { isOnline, retry }) =>\n        renderError?.({ err, isOnline, retry })) as GridFoldersProps<\n        T1,\n        F1,\n        T2,\n        F2\n      >['errorState']),\n  } = props;\n\n  const { toolbar } = state;\n\n  if (process.env.NODE_ENV !== 'production') {\n    // https://github.com/wix-private/wix-design-systems/pull/13091/files#diff-0befb17e7fa12b244a3efce19b067187b39d3a96d4f7e62a59f4f0fd876dc37cR102\n    minimalRequiredWdsRuntimeCheck({\n      required: '^1.89.0',\n      requiredBy: 'WixPatterns/GridFolders',\n    });\n  }\n\n  useToolbarCollectionSyncProps({\n    ...props,\n    state: state.toolbar,\n    isUsingDragAndDrop: false,\n    isUsingBulkActionsToolbar: false,\n    isUsingHorizontalScroll: false,\n    isUsingFolders: true,\n    isUsingTableVirtualization: false,\n  });\n\n  useGridBaseSyncProps({ ...props, state: state.items });\n  useGridBaseSyncProps({\n    ...props,\n    renderAddItem: props.renderFolderAddItem,\n    state: state.folders,\n  });\n\n  useEffect(\n    () =>\n      state.init({\n        featuresInitializers: getToolbarCollectionFeaturesInitializers(props),\n      }),\n    [],\n  );\n\n  return (\n    <CollectionCard\n      errorState={false}\n      state={toolbar}\n      dataHook={dataHook}\n      {...cardProps}\n    >\n      <ToolbarCollection {...props} state={toolbar}>\n        <GridFoldersPlaceholderStates\n          state={state}\n          emptyState={emptyState}\n          noResultsState={noResultsState}\n          errorState={errorState}\n        >\n          <ToolbarCollectionContentAutoSizer>\n            <GridFoldersSectionsGroup {...props} />\n          </ToolbarCollectionContentAutoSizer>\n        </GridFoldersPlaceholderStates>\n      </ToolbarCollection>\n      {exportModal ?? toolbar.featuredComponents.exportModal.value}\n    </CollectionCard>\n  );\n}\n\nexport const GridFolders = observer(_GridFolders);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_ToolbarCollectionContentAutoSizer","_mobxReactLite","_useGridBaseSyncProps","_getToolbarCollectionFeaturesInitializers","_GridFoldersSectionsGroup","_CollectionCard","_ToolbarCollection","_GridFoldersPlaceholderStates","_minimalRequiredWdsRuntimeCheck","_useToolbarCollectionSyncProps","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_GridFolders","props","state","exportModal","dataHook","cardProps","emptyState","noResultsState","renderError","errorState","err","isOnline","retry","toolbar","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","useToolbarCollectionSyncProps","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","useGridBaseSyncProps","items","renderAddItem","renderFolderAddItem","folders","useEffect","init","featuresInitializers","getToolbarCollectionFeaturesInitializers","createElement","CollectionCard","_extends2","__self","__source","fileName","lineNumber","columnNumber","ToolbarCollection","GridFoldersPlaceholderStates","ToolbarCollectionContentAutoSizer","GridFoldersSectionsGroup","featuredComponents","value","GridFolders","exports","observer"],"sources":["../../../../src/components/Grid/GridFolders.tsx"],"sourcesContent":["import { AddItemProps } from '@wix/design-system';\nimport React, { ReactElement, useEffect } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionContentAutoSizer } from '../ToolbarCollectionContentAutoSizer';\nimport { observer } from 'mobx-react-lite';\nimport { GridFoldersState } from '../../state';\nimport { ActionCell } from '../ActionCell';\nimport { SupportedCardGalleryItemProps } from './SupportedCardGalleryItemProps';\nimport { useGridBaseSyncProps } from './useGridBaseSyncProps';\nimport { getToolbarCollectionFeaturesInitializers } from '../../state/getToolbarCollectionFeaturesInitializers';\nimport { GridFoldersSectionsGroup } from './GridFoldersSectionsGroup';\nimport { GridFoldersPresetProps } from './GridFolders.types';\nimport { GridItemBaseProps } from './GridItemBaseProps';\nimport { CollectionCard } from '../CollectionCard';\nimport {\n  ToolbarCollection,\n  ToolbarCollectionBaseProps,\n} from '../ToolbarCollection';\nimport { GridFoldersPlaceholderStates } from './GridFoldersPlaceholderStates';\nimport { PartialAllFilters } from '../../state/FoldersAndItemsCollectionsState';\nimport { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';\nimport { useToolbarCollectionSyncProps } from '../ToolbarCollection/useToolbarCollectionSyncProps';\n\nexport interface GridFoldersBaseProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> extends Omit<\n      ToolbarCollectionBaseProps<T1, PartialAllFilters<F1, F2>>,\n      'topNotification'\n    >,\n    GridItemBaseProps<T1, F1> {\n  dataHook?: string;\n  /** A GridFoldersState instance created using [useGridFolders](./?path=/story/base-components-collections-gridfolders-usegridfolders--usegridfolders). */\n  state: GridFoldersState<T1, F1, T2, F2>;\n  /** Optional custom title for the items section */\n  itemsSectionTitle?: string;\n  foldersSectionTitle?: string;\n  /** Same as `renderItem`, but for a folder item. */\n  renderFolderItem?: (\n    item: T2,\n    index: number,\n  ) => Partial<SupportedCardGalleryItemProps>;\n  /** Same as `preset` but for a folder item */\n  folderPreset?: 'full' | 'title';\n  /** Same as `actionCell`, but for a folder item. */\n  folderActionCell?: ActionCell<T2, F2>;\n  /** Same as `renderAddItem`, but for a folder item. */\n  renderFolderAddItem?: () => ReactElement<AddItemProps>;\n  topNotification?: ReactElement;\n}\n\nexport type GridFoldersBasePropsWithoutPreset<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> = Omit<\n  GridFoldersBaseProps<T1, F1, T2, F2>,\n  'preset' | 'folderPreset' | 'renderItem' | 'renderFolderItem'\n>;\n\nexport type GridFoldersProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> = GridFoldersPresetProps<\n  T1,\n  T2,\n  GridFoldersBasePropsWithoutPreset<T1, F1, T2, F2>\n>;\n\nfunction _GridFolders<T1, F1 extends FiltersMap, T2, F2 extends FiltersMap>(\n  props: GridFoldersProps<T1, F1, T2, F2>,\n) {\n  const {\n    state,\n    exportModal,\n    dataHook,\n    cardProps,\n    emptyState,\n    noResultsState,\n    renderError,\n    errorState = renderError &&\n      (((err, { isOnline, retry }) =>\n        renderError?.({ err, isOnline, retry })) as GridFoldersProps<\n        T1,\n        F1,\n        T2,\n        F2\n      >['errorState']),\n  } = props;\n\n  const { toolbar } = state;\n\n  if (process.env.NODE_ENV !== 'production') {\n    // https://github.com/wix-private/wix-design-systems/pull/13091/files#diff-0befb17e7fa12b244a3efce19b067187b39d3a96d4f7e62a59f4f0fd876dc37cR102\n    minimalRequiredWdsRuntimeCheck({\n      required: '^1.89.0',\n      requiredBy: 'WixPatterns/GridFolders',\n    });\n  }\n\n  useToolbarCollectionSyncProps({\n    ...props,\n    state: state.toolbar,\n    isUsingDragAndDrop: false,\n    isUsingBulkActionsToolbar: false,\n    isUsingHorizontalScroll: false,\n    isUsingFolders: true,\n    isUsingTableVirtualization: false,\n  });\n\n  useGridBaseSyncProps({ ...props, state: state.items });\n  useGridBaseSyncProps({\n    ...props,\n    renderAddItem: props.renderFolderAddItem,\n    state: state.folders,\n  });\n\n  useEffect(\n    () =>\n      state.init({\n        featuresInitializers: getToolbarCollectionFeaturesInitializers(props),\n      }),\n    [],\n  );\n\n  return (\n    <CollectionCard\n      errorState={false}\n      state={toolbar}\n      dataHook={dataHook}\n      {...cardProps}\n    >\n      <ToolbarCollection {...props} state={toolbar}>\n        <GridFoldersPlaceholderStates\n          state={state}\n          emptyState={emptyState}\n          noResultsState={noResultsState}\n          errorState={errorState}\n        >\n          <ToolbarCollectionContentAutoSizer>\n            <GridFoldersSectionsGroup {...props} />\n          </ToolbarCollectionContentAutoSizer>\n        </GridFoldersPlaceholderStates>\n      </ToolbarCollection>\n      {exportModal ?? toolbar.featuredComponents.exportModal.value}\n    </CollectionCard>\n  );\n}\n\nexport const GridFolders = observer(_GridFolders);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/Grid/GridFoldersSection.js

@@ -6,8 +6,7 @@ var _mobxReactLite = require("mobx-react-lite");
 var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/Grid/GridFoldersSection.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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _GridFoldersSection(props) {
   const {
     dataHook,

package/dist/cjs/components/Grid/GridFoldersSection.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireWildcard","_designSystem","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_GridFoldersSection","props","dataHook","state","header","children","toolbar","contentPaddingPx","useLayoutEffect","_containerRectState","_sync","useEffect","init","createElement","__self","__source","fileName","lineNumber","columnNumber","Box","direction","paddingTop","paddingRight","paddingLeft","ref","el","element","GridFoldersSection","exports","observer"],"sources":["../../../../src/components/Grid/GridFoldersSection.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport React, { ReactNode, useEffect, useLayoutEffect } from 'react';\nimport { Box } from '@wix/design-system';\nimport { FiltersMap } from '@wix/bex-core';\nimport { GridBaseState } from '../../state';\n\nexport interface GridFoldersSectionProps<T, F extends FiltersMap> {\n  dataHook?: string;\n  state: GridBaseState<T, F>;\n  header?: ReactNode;\n  children?: ReactNode;\n}\n\nfunction _GridFoldersSection<T, F extends FiltersMap>(\n  props: GridFoldersSectionProps<T, F>,\n) {\n  const { dataHook, state, header, children } = props;\n  const {\n    toolbar: { contentPaddingPx },\n  } = state;\n\n  useLayoutEffect(() => state._containerRectState._sync(), []);\n  useEffect(() => state._containerRectState.init(), []);\n\n  return (\n    <div data-hook={dataHook}>\n      {header}\n      <Box\n        direction=\"vertical\"\n        paddingTop={contentPaddingPx}\n        paddingRight={contentPaddingPx}\n        paddingLeft={contentPaddingPx}\n      >\n        <div\n          ref={(el) => {\n            state._containerRectState.element = el;\n          }}\n        >\n          {children}\n        </div>\n      </Box>\n    </div>\n  );\n}\n\nexport const GridFoldersSection = observer(_GridFoldersSection);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireWildcard","_designSystem","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_GridFoldersSection","props","dataHook","state","header","children","toolbar","contentPaddingPx","useLayoutEffect","_containerRectState","_sync","useEffect","init","createElement","__self","__source","fileName","lineNumber","columnNumber","Box","direction","paddingTop","paddingRight","paddingLeft","ref","el","element","GridFoldersSection","exports","observer"],"sources":["../../../../src/components/Grid/GridFoldersSection.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport React, { ReactNode, useEffect, useLayoutEffect } from 'react';\nimport { Box } from '@wix/design-system';\nimport { FiltersMap } from '@wix/bex-core';\nimport { GridBaseState } from '../../state';\n\nexport interface GridFoldersSectionProps<T, F extends FiltersMap> {\n  dataHook?: string;\n  state: GridBaseState<T, F>;\n  header?: ReactNode;\n  children?: ReactNode;\n}\n\nfunction _GridFoldersSection<T, F extends FiltersMap>(\n  props: GridFoldersSectionProps<T, F>,\n) {\n  const { dataHook, state, header, children } = props;\n  const {\n    toolbar: { contentPaddingPx },\n  } = state;\n\n  useLayoutEffect(() => state._containerRectState._sync(), []);\n  useEffect(() => state._containerRectState.init(), []);\n\n  return (\n    <div data-hook={dataHook}>\n      {header}\n      <Box\n        direction=\"vertical\"\n        paddingTop={contentPaddingPx}\n        paddingRight={contentPaddingPx}\n        paddingLeft={contentPaddingPx}\n      >\n        <div\n          ref={(el) => {\n            state._containerRectState.element = el;\n          }}\n        >\n          {children}\n        </div>\n      </Box>\n    </div>\n  );\n}\n\nexport const GridFoldersSection = observer(_GridFoldersSection);\n"],"mappings":";;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAAyC,IAAAI,YAAA;AAAA,SAAAF,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAWzC,SAASkB,mBAAmBA,CAC1BC,KAAoC,EACpC;EACA,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,MAAM;IAAEC;EAAS,CAAC,GAAGJ,KAAK;EACnD,MAAM;IACJK,OAAO,EAAE;MAAEC;IAAiB;EAC9B,CAAC,GAAGJ,KAAK;EAET,IAAAK,sBAAe,EAAC,MAAML,KAAK,CAACM,mBAAmB,CAACC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC;EAC5D,IAAAC,gBAAS,EAAC,MAAMR,KAAK,CAACM,mBAAmB,CAACG,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC;EAErD,oBACEnC,MAAA,CAAAc,OAAA,CAAAsB,aAAA;IAAK,aAAWX,QAAS;IAAAY,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,GACtBd,MAAM,eACP3B,MAAA,CAAAc,OAAA,CAAAsB,aAAA,CAAClC,aAAA,CAAAwC,GAAG;IACFC,SAAS,EAAC,UAAU;IACpBC,UAAU,EAAEd,gBAAiB;IAC7Be,YAAY,EAAEf,gBAAiB;IAC/BgB,WAAW,EAAEhB,gBAAiB;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE9BzC,MAAA,CAAAc,OAAA,CAAAsB,aAAA;IACEW,GAAG,EAAGC,EAAE,IAAK;MACXtB,KAAK,CAACM,mBAAmB,CAACiB,OAAO,GAAGD,EAAE;IACxC,CAAE;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEDb,QACE,CACF,CACF,CAAC;AAEV;AAEO,MAAMsB,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,uBAAQ,EAAC7B,mBAAmB,CAAC","ignoreList":[]}

package/dist/cjs/components/Grid/GridSectionHeader.js

@@ -6,8 +6,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
 var _mobxReactLite = require("mobx-react-lite");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/Grid/GridSectionHeader.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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _GridSectionHeader({
   sectionTitle,
   suffix,

package/dist/cjs/components/Grid/GridSectionHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_GridSectionHeader","sectionTitle","suffix","state","minimizedHeaderHeight","toolbarRect","rect","height","toolbarHeight","internalScroll","top","useMemo","createElement","Box","dataHook","verticalAlign","align","background","paddingRight","paddingLeft","position","zIndex","__self","__source","fileName","lineNumber","columnNumber","Text","GridSectionHeader","exports","observer"],"sources":["../../../../src/components/Grid/GridSectionHeader.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from 'react';\nimport { Box, Text } from '@wix/design-system';\nimport { ToolbarCollectionState } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\n\ninterface GridSectionHeaderProps<T, F extends FiltersMap> {\n  sectionTitle: ReactNode;\n  suffix?: ReactNode;\n  state: ToolbarCollectionState<T, F>;\n}\n\nfunction _GridSectionHeader<T, F extends FiltersMap>({\n  sectionTitle,\n  suffix,\n  state,\n}: GridSectionHeaderProps<T, F>) {\n  const {\n    minimizedHeaderHeight,\n    toolbarRect: {\n      rect: { height: toolbarHeight },\n    },\n    internalScroll,\n  } = state;\n\n  const top = useMemo(() => {\n    if (toolbarHeight == null || internalScroll) {\n      return 0;\n    }\n\n    return toolbarHeight + minimizedHeaderHeight;\n  }, [minimizedHeaderHeight, toolbarHeight, internalScroll]);\n\n  return (\n    <Box\n      dataHook=\"section-header\"\n      height=\"42px\"\n      verticalAlign=\"middle\"\n      align=\"space-between\"\n      background=\"linear-gradient(0deg, rgba(22, 45, 61, 0.03), rgba(22, 45, 61, 0.03)), #FFFFFF\"\n      paddingRight=\"30px\"\n      paddingLeft=\"30px\"\n      top={top}\n      position=\"sticky\"\n      zIndex={2}\n    >\n      <Text>{sectionTitle}</Text>\n      {suffix}\n    </Box>\n  );\n}\n\nexport const GridSectionHeader = observer(_GridSectionHeader);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_GridSectionHeader","sectionTitle","suffix","state","minimizedHeaderHeight","toolbarRect","rect","height","toolbarHeight","internalScroll","top","useMemo","createElement","Box","dataHook","verticalAlign","align","background","paddingRight","paddingLeft","position","zIndex","__self","__source","fileName","lineNumber","columnNumber","Text","GridSectionHeader","exports","observer"],"sources":["../../../../src/components/Grid/GridSectionHeader.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from 'react';\nimport { Box, Text } from '@wix/design-system';\nimport { ToolbarCollectionState } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\n\ninterface GridSectionHeaderProps<T, F extends FiltersMap> {\n  sectionTitle: ReactNode;\n  suffix?: ReactNode;\n  state: ToolbarCollectionState<T, F>;\n}\n\nfunction _GridSectionHeader<T, F extends FiltersMap>({\n  sectionTitle,\n  suffix,\n  state,\n}: GridSectionHeaderProps<T, F>) {\n  const {\n    minimizedHeaderHeight,\n    toolbarRect: {\n      rect: { height: toolbarHeight },\n    },\n    internalScroll,\n  } = state;\n\n  const top = useMemo(() => {\n    if (toolbarHeight == null || internalScroll) {\n      return 0;\n    }\n\n    return toolbarHeight + minimizedHeaderHeight;\n  }, [minimizedHeaderHeight, toolbarHeight, internalScroll]);\n\n  return (\n    <Box\n      dataHook=\"section-header\"\n      height=\"42px\"\n      verticalAlign=\"middle\"\n      align=\"space-between\"\n      background=\"linear-gradient(0deg, rgba(22, 45, 61, 0.03), rgba(22, 45, 61, 0.03)), #FFFFFF\"\n      paddingRight=\"30px\"\n      paddingLeft=\"30px\"\n      top={top}\n      position=\"sticky\"\n      zIndex={2}\n    >\n      <Text>{sectionTitle}</Text>\n      {suffix}\n    </Box>\n  );\n}\n\nexport const GridSectionHeader = observer(_GridSectionHeader);\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAGA,IAAAE,cAAA,GAAAF,OAAA;AAA2C,IAAAG,YAAA;AAAA,SAAAJ,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAQ3C,SAASkB,kBAAkBA,CAA0B;EACnDC,YAAY;EACZC,MAAM;EACNC;AAC4B,CAAC,EAAE;EAC/B,MAAM;IACJC,qBAAqB;IACrBC,WAAW,EAAE;MACXC,IAAI,EAAE;QAAEC,MAAM,EAAEC;MAAc;IAChC,CAAC;IACDC;EACF,CAAC,GAAGN,KAAK;EAET,MAAMO,GAAG,GAAG,IAAAC,cAAO,EAAC,MAAM;IACxB,IAAIH,aAAa,IAAI,IAAI,IAAIC,cAAc,EAAE;MAC3C,OAAO,CAAC;IACV;IAEA,OAAOD,aAAa,GAAGJ,qBAAqB;EAC9C,CAAC,EAAE,CAACA,qBAAqB,EAAEI,aAAa,EAAEC,cAAc,CAAC,CAAC;EAE1D,oBACElC,MAAA,CAAAgB,OAAA,CAAAqB,aAAA,CAAClC,aAAA,CAAAmC,GAAG;IACFC,QAAQ,EAAC,gBAAgB;IACzBP,MAAM,EAAC,MAAM;IACbQ,aAAa,EAAC,QAAQ;IACtBC,KAAK,EAAC,eAAe;IACrBC,UAAU,EAAC,gFAAgF;IAC3FC,YAAY,EAAC,MAAM;IACnBC,WAAW,EAAC,MAAM;IAClBT,GAAG,EAAEA,GAAI;IACTU,QAAQ,EAAC,QAAQ;IACjBC,MAAM,EAAE,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA5C,YAAA;MAAA6C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEVnD,MAAA,CAAAgB,OAAA,CAAAqB,aAAA,CAAClC,aAAA,CAAAiD,IAAI;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA5C,YAAA;MAAA6C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEzB,YAAmB,CAAC,EAC1BC,MACE,CAAC;AAEV;AAEO,MAAM0B,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,uBAAQ,EAAC9B,kBAAkB,CAAC","ignoreList":[]}

package/dist/cjs/components/Grid/GridSingleGridContent.js

@@ -8,8 +8,7 @@ var _state = require("../../state");
 var _GridContent = require("./GridContent");
 var _react = _interopRequireWildcard(require("react"));
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/Grid/GridSingleGridContent.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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function GridSingleGridContent(props) {
   const {
     range,

package/dist/cjs/components/Grid/GridSingleGridContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["_state","require","_GridContent","_react","_interopRequireWildcard","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","GridSingleGridContent","props","range","imagePlacement","state","parentState","layoutType","dragAndDrop","toolbar","collection","useState","GridBaseState","container","sizePreset","gridSizePresets","topGridSizePreset","draggable","createElement","GridContent","_extends2","paddingTop","paddingBottom","undefined","withInfiniteScrollLoader","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/Grid/GridSingleGridContent.tsx"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport {\n  GridBaseState,\n  gridSizePresets,\n  GridState,\n  ToolbarCollectionState,\n  topGridSizePreset,\n} from '../../state';\nimport { GridContent, GridContentBaseProps } from './GridContent';\nimport React, { useState } from 'react';\n\nexport interface GridSingleGridContentProps<T, F extends FiltersMap>\n  extends GridContentBaseProps<T, F> {\n  state: GridState<T, F>;\n  range?: { start: number; length: number };\n}\n\nexport function GridSingleGridContent<T, F extends FiltersMap = FiltersMap>(\n  props: GridSingleGridContentProps<T, F>,\n) {\n  const {\n    range,\n    imagePlacement,\n    state: parentState,\n    layoutType,\n    dragAndDrop,\n  } = props;\n\n  const { toolbar, collection } = parentState;\n\n  const [state] = useState(\n    () =>\n      new GridBaseState({\n        container: toolbar.container,\n        toolbar: toolbar as ToolbarCollectionState<unknown, Partial<F>>,\n        collection,\n        sizePreset: imagePlacement\n          ? gridSizePresets[imagePlacement]\n          : topGridSizePreset,\n        range,\n        parentState,\n        layoutType,\n        draggable: dragAndDrop ? 'draggable' : 'none',\n      }),\n  );\n\n  return (\n    <GridContent\n      {...props}\n      paddingTop=\"SP4\"\n      paddingBottom={state.layoutType === 'list' ? 'SP2' : undefined}\n      state={state}\n      withInfiniteScrollLoader\n    />\n  );\n}\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAOA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,uBAAA,CAAAH,OAAA;AAAwC,IAAAI,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,SAAAH,wBAAAG,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;AAQjC,SAASW,qBAAqBA,CACnCC,KAAuC,EACvC;EACA,MAAM;IACJC,KAAK;IACLC,cAAc;IACdC,KAAK,EAAEC,WAAW;IAClBC,UAAU;IACVC;EACF,CAAC,GAAGN,KAAK;EAET,MAAM;IAAEO,OAAO;IAAEC;EAAW,CAAC,GAAGJ,WAAW;EAE3C,MAAM,CAACD,KAAK,CAAC,GAAG,IAAAM,eAAQ,EACtB,MACE,IAAIC,oBAAa,CAAC;IAChBC,SAAS,EAAEJ,OAAO,CAACI,SAAS;IAC5BJ,OAAO,EAAEA,OAAsD;IAC/DC,UAAU;IACVI,UAAU,EAAEV,cAAc,GACtBW,sBAAe,CAACX,cAAc,CAAC,GAC/BY,wBAAiB;IACrBb,KAAK;IACLG,WAAW;IACXC,UAAU;IACVU,SAAS,EAAET,WAAW,GAAG,WAAW,GAAG;EACzC,CAAC,CACL,CAAC;EAED,oBACE9B,MAAA,CAAAS,OAAA,CAAA+B,aAAA,CAACzC,YAAA,CAAA0C,WAAW,MAAAC,SAAA,CAAAjC,OAAA,MACNe,KAAK;IACTmB,UAAU,EAAC,KAAK;IAChBC,aAAa,EAAEjB,KAAK,CAACE,UAAU,KAAK,MAAM,GAAG,KAAK,GAAGgB,SAAU;IAC/DlB,KAAK,EAAEA,KAAM;IACbmB,wBAAwB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/C,YAAA;MAAAgD,UAAA;MAAAC,YAAA;IAAA;EAAA,EACzB,CAAC;AAEN","ignoreList":[]}
+{"version":3,"names":["_state","require","_GridContent","_react","_interopRequireWildcard","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","GridSingleGridContent","props","range","imagePlacement","state","parentState","layoutType","dragAndDrop","toolbar","collection","useState","GridBaseState","container","sizePreset","gridSizePresets","topGridSizePreset","draggable","createElement","GridContent","_extends2","paddingTop","paddingBottom","undefined","withInfiniteScrollLoader","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/Grid/GridSingleGridContent.tsx"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport {\n  GridBaseState,\n  gridSizePresets,\n  GridState,\n  ToolbarCollectionState,\n  topGridSizePreset,\n} from '../../state';\nimport { GridContent, GridContentBaseProps } from './GridContent';\nimport React, { useState } from 'react';\n\nexport interface GridSingleGridContentProps<T, F extends FiltersMap>\n  extends GridContentBaseProps<T, F> {\n  state: GridState<T, F>;\n  range?: { start: number; length: number };\n}\n\nexport function GridSingleGridContent<T, F extends FiltersMap = FiltersMap>(\n  props: GridSingleGridContentProps<T, F>,\n) {\n  const {\n    range,\n    imagePlacement,\n    state: parentState,\n    layoutType,\n    dragAndDrop,\n  } = props;\n\n  const { toolbar, collection } = parentState;\n\n  const [state] = useState(\n    () =>\n      new GridBaseState({\n        container: toolbar.container,\n        toolbar: toolbar as ToolbarCollectionState<unknown, Partial<F>>,\n        collection,\n        sizePreset: imagePlacement\n          ? gridSizePresets[imagePlacement]\n          : topGridSizePreset,\n        range,\n        parentState,\n        layoutType,\n        draggable: dragAndDrop ? 'draggable' : 'none',\n      }),\n  );\n\n  return (\n    <GridContent\n      {...props}\n      paddingTop=\"SP4\"\n      paddingBottom={state.layoutType === 'list' ? 'SP2' : undefined}\n      state={state}\n      withInfiniteScrollLoader\n    />\n  );\n}\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAOA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,uBAAA,CAAAH,OAAA;AAAwC,IAAAI,YAAA;AAAA,SAAAD,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAQjC,SAASkB,qBAAqBA,CACnCC,KAAuC,EACvC;EACA,MAAM;IACJC,KAAK;IACLC,cAAc;IACdC,KAAK,EAAEC,WAAW;IAClBC,UAAU;IACVC;EACF,CAAC,GAAGN,KAAK;EAET,MAAM;IAAEO,OAAO;IAAEC;EAAW,CAAC,GAAGJ,WAAW;EAE3C,MAAM,CAACD,KAAK,CAAC,GAAG,IAAAM,eAAQ,EACtB,MACE,IAAIC,oBAAa,CAAC;IAChBC,SAAS,EAAEJ,OAAO,CAACI,SAAS;IAC5BJ,OAAO,EAAEA,OAAsD;IAC/DC,UAAU;IACVI,UAAU,EAAEV,cAAc,GACtBW,sBAAe,CAACX,cAAc,CAAC,GAC/BY,wBAAiB;IACrBb,KAAK;IACLG,WAAW;IACXC,UAAU;IACVU,SAAS,EAAET,WAAW,GAAG,WAAW,GAAG;EACzC,CAAC,CACL,CAAC;EAED,oBACE7B,MAAA,CAAAa,OAAA,CAAA0B,aAAA,CAACxC,YAAA,CAAAyC,WAAW,MAAAC,SAAA,CAAA5B,OAAA,MACNU,KAAK;IACTmB,UAAU,EAAC,KAAK;IAChBC,aAAa,EAAEjB,KAAK,CAACE,UAAU,KAAK,MAAM,GAAG,KAAK,GAAGgB,SAAU;IAC/DlB,KAAK,EAAEA,KAAM;IACbmB,wBAAwB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9C,YAAA;MAAA+C,UAAA;MAAAC,YAAA;IAAA;EAAA,EACzB,CAAC;AAEN","ignoreList":[]}

package/dist/cjs/components/Grid/renderFolderItem.js

@@ -6,8 +6,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _GridCardItem = require("./GridCardItem");
 var _FolderIcon = require("../FolderIcon");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/Grid/renderFolderItem.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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function useRenderFolderItem(params) {
   const {
     state,

package/dist/cjs/components/Grid/renderFolderItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_GridCardItem","_FolderIcon","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useRenderFolderItem","params","state","folderPreset","renderFolderItem","dragAndDrop","folderActionCell","useCallback","index","itemKey","_itemKey","index2d","renderType","getItemRenderTypeAt","child","createElement","GridCardItem","rowIndex","columnIndex","keyedItem","renderItem","item","backgroundImageNode","FolderIcon","__self","__source","fileName","lineNumber","columnNumber","imagePlacement","preset","actionCell","DraggableCard","id","key"],"sources":["../../../../src/components/Grid/renderFolderItem.tsx"],"sourcesContent":["import React, { ReactElement, useCallback } from 'react';\nimport { RenderItem } from './RenderItem';\nimport { GridCardItem } from './GridCardItem';\nimport { SupportedCardGalleryItemProps } from './SupportedCardGalleryItemProps';\nimport { GridBaseState } from '../../state';\nimport { AddItemProps } from '@wix/design-system';\nimport { ActionCell } from '../ActionCell';\nimport { FiltersMap } from '@wix/bex-core';\nimport { FolderIcon } from '../FolderIcon';\nimport { GridDragAndDrop } from '../GridDragAndDropDndKit/GridDragAndDrop';\n\nexport interface UseRenderFolderItemParams<T, F extends FiltersMap> {\n  folderPreset?: 'full' | 'title';\n\n  renderFolderItem?: (\n    item: T,\n    index: number,\n  ) => Partial<SupportedCardGalleryItemProps>;\n\n  state: GridBaseState<T, F>;\n\n  renderFolderAddItem?: () => ReactElement<AddItemProps>;\n\n  folderActionCell?: ActionCell<T, F>;\n\n  dragAndDrop?: typeof GridDragAndDrop;\n}\n\nexport function useRenderFolderItem<T, F extends FiltersMap>(\n  params: UseRenderFolderItemParams<T, F>,\n) {\n  const {\n    state,\n    folderPreset = 'title',\n    renderFolderItem,\n    dragAndDrop,\n    folderActionCell,\n  } = params;\n\n  return useCallback<RenderItem>(\n    (index, { itemKey: _itemKey, index2d } = {}) => {\n      const renderType = state.getItemRenderTypeAt(index);\n\n      if (renderType === null) {\n        return null;\n      }\n\n      if (renderType === 'trailing') {\n        return null;\n      }\n\n      let child = (\n        <GridCardItem\n          state={state}\n          index={index}\n          rowIndex={index2d?.rowIndex}\n          columnIndex={index2d?.columnIndex}\n          keyedItem={renderType}\n          renderItem={(item, i) => ({\n            backgroundImageNode: <FolderIcon />,\n            imagePlacement: 'side',\n            ...renderFolderItem?.(item, i),\n          })}\n          preset={folderPreset}\n          actionCell={folderActionCell}\n        />\n      );\n\n      if (dragAndDrop) {\n        const { DraggableCard } = dragAndDrop;\n        child = (\n          <DraggableCard\n            id={renderType.key}\n            index={renderType.index}\n            state={state}\n          >\n            {child}\n          </DraggableCard>\n        );\n      }\n\n      return child;\n    },\n    [dragAndDrop?.DraggableCard],\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_GridCardItem","_FolderIcon","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useRenderFolderItem","params","state","folderPreset","renderFolderItem","dragAndDrop","folderActionCell","useCallback","index","itemKey","_itemKey","index2d","renderType","getItemRenderTypeAt","child","createElement","GridCardItem","rowIndex","columnIndex","keyedItem","renderItem","item","backgroundImageNode","FolderIcon","__self","__source","fileName","lineNumber","columnNumber","imagePlacement","preset","actionCell","DraggableCard","id","key"],"sources":["../../../../src/components/Grid/renderFolderItem.tsx"],"sourcesContent":["import React, { ReactElement, useCallback } from 'react';\nimport { RenderItem } from './RenderItem';\nimport { GridCardItem } from './GridCardItem';\nimport { SupportedCardGalleryItemProps } from './SupportedCardGalleryItemProps';\nimport { GridBaseState } from '../../state';\nimport { AddItemProps } from '@wix/design-system';\nimport { ActionCell } from '../ActionCell';\nimport { FiltersMap } from '@wix/bex-core';\nimport { FolderIcon } from '../FolderIcon';\nimport { GridDragAndDrop } from '../GridDragAndDropDndKit/GridDragAndDrop';\n\nexport interface UseRenderFolderItemParams<T, F extends FiltersMap> {\n  folderPreset?: 'full' | 'title';\n\n  renderFolderItem?: (\n    item: T,\n    index: number,\n  ) => Partial<SupportedCardGalleryItemProps>;\n\n  state: GridBaseState<T, F>;\n\n  renderFolderAddItem?: () => ReactElement<AddItemProps>;\n\n  folderActionCell?: ActionCell<T, F>;\n\n  dragAndDrop?: typeof GridDragAndDrop;\n}\n\nexport function useRenderFolderItem<T, F extends FiltersMap>(\n  params: UseRenderFolderItemParams<T, F>,\n) {\n  const {\n    state,\n    folderPreset = 'title',\n    renderFolderItem,\n    dragAndDrop,\n    folderActionCell,\n  } = params;\n\n  return useCallback<RenderItem>(\n    (index, { itemKey: _itemKey, index2d } = {}) => {\n      const renderType = state.getItemRenderTypeAt(index);\n\n      if (renderType === null) {\n        return null;\n      }\n\n      if (renderType === 'trailing') {\n        return null;\n      }\n\n      let child = (\n        <GridCardItem\n          state={state}\n          index={index}\n          rowIndex={index2d?.rowIndex}\n          columnIndex={index2d?.columnIndex}\n          keyedItem={renderType}\n          renderItem={(item, i) => ({\n            backgroundImageNode: <FolderIcon />,\n            imagePlacement: 'side',\n            ...renderFolderItem?.(item, i),\n          })}\n          preset={folderPreset}\n          actionCell={folderActionCell}\n        />\n      );\n\n      if (dragAndDrop) {\n        const { DraggableCard } = dragAndDrop;\n        child = (\n          <DraggableCard\n            id={renderType.key}\n            index={renderType.index}\n            state={state}\n          >\n            {child}\n          </DraggableCard>\n        );\n      }\n\n      return child;\n    },\n    [dragAndDrop?.DraggableCard],\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/Grid/useRenderItem.js

@@ -5,8 +5,7 @@ exports.useRenderItem = useRenderItem;
 var _react = _interopRequireWildcard(require("react"));
 var _GridItem = require("./GridItem");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/Grid/useRenderItem.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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function useRenderItem(params) {
   const {
     renderItem,

package/dist/cjs/components/Grid/useRenderItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_GridItem","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useRenderItem","params","renderItem","state","renderAddItem","dragAndDrop","actionCell","preset","useCallback","index","itemKey","_itemKey","index2d","createElement","GridItem","rowIndex","columnIndex","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/Grid/useRenderItem.tsx"],"sourcesContent":["import React, { ReactElement, useCallback } from 'react';\nimport { RenderItem } from './RenderItem';\nimport { SupportedCardGalleryItemProps } from './SupportedCardGalleryItemProps';\nimport { GridBaseState } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { AddItemProps } from '@wix/design-system';\nimport { ActionCell } from '../ActionCell';\nimport { GridItem } from './GridItem';\nimport { GridDragAndDrop } from '../GridDragAndDropDndKit/GridDragAndDrop';\nimport type { Preset } from './Grid.types';\n\nexport interface UseRenderItemParams<T, F extends FiltersMap> {\n  preset?: Preset;\n\n  renderItem?: (\n    item: T,\n    index: number,\n  ) => Partial<SupportedCardGalleryItemProps>;\n\n  state: GridBaseState<T, F>;\n\n  renderAddItem?: () => ReactElement<AddItemProps>;\n\n  actionCell?: ActionCell<T, F>;\n\n  dragAndDrop?: typeof GridDragAndDrop;\n}\n\nexport function useRenderItem<T, F extends FiltersMap>(\n  params: UseRenderItemParams<T, F>,\n) {\n  const {\n    renderItem,\n    state,\n    renderAddItem,\n    dragAndDrop,\n    actionCell,\n    preset = 'title',\n  } = params;\n\n  return useCallback<RenderItem>(\n    (index, { itemKey: _itemKey, index2d } = {}) => (\n      <GridItem\n        state={state}\n        index={index}\n        rowIndex={index2d?.rowIndex}\n        columnIndex={index2d?.columnIndex}\n        renderItem={renderItem}\n        actionCell={actionCell}\n        renderAddItem={renderAddItem}\n        dragAndDrop={dragAndDrop}\n        preset={preset}\n      />\n    ),\n    [renderItem, actionCell, renderAddItem, dragAndDrop, preset],\n  );\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAOA,IAAAC,SAAA,GAAAD,OAAA;AAAsC,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;AAqB/B,SAASW,aAAaA,CAC3BC,MAAiC,EACjC;EACA,MAAM;IACJC,UAAU;IACVC,KAAK;IACLC,aAAa;IACbC,WAAW;IACXC,UAAU;IACVC,MAAM,GAAG;EACX,CAAC,GAAGN,MAAM;EAEV,OAAO,IAAAO,kBAAW,EAChB,CAACC,KAAK,EAAE;IAAEC,OAAO,EAAEC,QAAQ;IAAEC;EAAQ,CAAC,GAAG,CAAC,CAAC,kBACzCrC,MAAA,CAAAW,OAAA,CAAA2B,aAAA,CAACnC,SAAA,CAAAoC,QAAQ;IACPX,KAAK,EAAEA,KAAM;IACbM,KAAK,EAAEA,KAAM;IACbM,QAAQ,EAAEH,OAAO,oBAAPA,OAAO,CAAEG,QAAS;IAC5BC,WAAW,EAAEJ,OAAO,oBAAPA,OAAO,CAAEI,WAAY;IAClCd,UAAU,EAAEA,UAAW;IACvBI,UAAU,EAAEA,UAAW;IACvBF,aAAa,EAAEA,aAAc;IAC7BC,WAAW,EAAEA,WAAY;IACzBE,MAAM,EAAEA,MAAO;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAChB,CACF,EACD,CAACnB,UAAU,EAAEI,UAAU,EAAEF,aAAa,EAAEC,WAAW,EAAEE,MAAM,CAC7D,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_GridItem","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useRenderItem","params","renderItem","state","renderAddItem","dragAndDrop","actionCell","preset","useCallback","index","itemKey","_itemKey","index2d","createElement","GridItem","rowIndex","columnIndex","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/Grid/useRenderItem.tsx"],"sourcesContent":["import React, { ReactElement, useCallback } from 'react';\nimport { RenderItem } from './RenderItem';\nimport { SupportedCardGalleryItemProps } from './SupportedCardGalleryItemProps';\nimport { GridBaseState } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { AddItemProps } from '@wix/design-system';\nimport { ActionCell } from '../ActionCell';\nimport { GridItem } from './GridItem';\nimport { GridDragAndDrop } from '../GridDragAndDropDndKit/GridDragAndDrop';\nimport type { Preset } from './Grid.types';\n\nexport interface UseRenderItemParams<T, F extends FiltersMap> {\n  preset?: Preset;\n\n  renderItem?: (\n    item: T,\n    index: number,\n  ) => Partial<SupportedCardGalleryItemProps>;\n\n  state: GridBaseState<T, F>;\n\n  renderAddItem?: () => ReactElement<AddItemProps>;\n\n  actionCell?: ActionCell<T, F>;\n\n  dragAndDrop?: typeof GridDragAndDrop;\n}\n\nexport function useRenderItem<T, F extends FiltersMap>(\n  params: UseRenderItemParams<T, F>,\n) {\n  const {\n    renderItem,\n    state,\n    renderAddItem,\n    dragAndDrop,\n    actionCell,\n    preset = 'title',\n  } = params;\n\n  return useCallback<RenderItem>(\n    (index, { itemKey: _itemKey, index2d } = {}) => (\n      <GridItem\n        state={state}\n        index={index}\n        rowIndex={index2d?.rowIndex}\n        columnIndex={index2d?.columnIndex}\n        renderItem={renderItem}\n        actionCell={actionCell}\n        renderAddItem={renderAddItem}\n        dragAndDrop={dragAndDrop}\n        preset={preset}\n      />\n    ),\n    [renderItem, actionCell, renderAddItem, dragAndDrop, preset],\n  );\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAOA,IAAAC,SAAA,GAAAD,OAAA;AAAsC,IAAAE,YAAA;AAAA,SAAAH,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAqB/B,SAASkB,aAAaA,CAC3BC,MAAiC,EACjC;EACA,MAAM;IACJC,UAAU;IACVC,KAAK;IACLC,aAAa;IACbC,WAAW;IACXC,UAAU;IACVC,MAAM,GAAG;EACX,CAAC,GAAGN,MAAM;EAEV,OAAO,IAAAO,kBAAW,EAChB,CAACC,KAAK,EAAE;IAAEC,OAAO,EAAEC,QAAQ;IAAEC;EAAQ,CAAC,GAAG,CAAC,CAAC,kBACzCpC,MAAA,CAAAe,OAAA,CAAAsB,aAAA,CAAClC,SAAA,CAAAmC,QAAQ;IACPX,KAAK,EAAEA,KAAM;IACbM,KAAK,EAAEA,KAAM;IACbM,QAAQ,EAAEH,OAAO,oBAAPA,OAAO,CAAEG,QAAS;IAC5BC,WAAW,EAAEJ,OAAO,oBAAPA,OAAO,CAAEI,WAAY;IAClCd,UAAU,EAAEA,UAAW;IACvBI,UAAU,EAAEA,UAAW;IACvBF,aAAa,EAAEA,aAAc;IAC7BC,WAAW,EAAEA,WAAY;IACzBE,MAAM,EAAEA,MAAO;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvC,YAAA;MAAAwC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAChB,CACF,EACD,CAACnB,UAAU,EAAEI,UAAU,EAAEF,aAAa,EAAEC,WAAW,EAAEE,MAAM,CAC7D,CAAC;AACH","ignoreList":[]}

package/dist/cjs/components/GridDragAndDropDndKit/DraggableCardOverlay.js

@@ -12,8 +12,7 @@ var _GridDragOverlayCardItem = require("./GridDragOverlayCardItem");
 var _mobxReactLite = require("mobx-react-lite");
 var _react2 = require("@wix/bex-core/react");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/GridDragAndDropDndKit/DraggableCardOverlay.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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const DraggableCardOverlayWrapper = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
   "data-hook": "draggable-card-overlay",
   ref: ref

package/dist/cjs/components/GridDragAndDropDndKit/DraggableCardOverlay.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_core","_reactDom","_modifiers","_GridDragOverlayCardItem","_mobxReactLite","_react2","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DraggableCardOverlayWrapper","forwardRef","props","ref","createElement","_extends2","__self","__source","fileName","lineNumber","columnNumber","_DraggableCardOverlay","state","renderItem","_dnd","modalsContainerRef","usePageContext","createPortal","DragOverlay","dropAnimation","modifiers","restrictToWindowEdges","wrapperElement","GridDragOverlayCardItem","current","document","body","DraggableCardOverlay","exports","observer"],"sources":["../../../../src/components/GridDragAndDropDndKit/DraggableCardOverlay.tsx"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport React, { ComponentType, HTMLAttributes, forwardRef } from 'react';\nimport {\n  DragOverlay,\n  DragOverlayProps,\n} from '@wix/wix-style-react-incubator/dnd-kit/core';\nimport { createPortal } from 'react-dom';\nimport { restrictToWindowEdges } from '@wix/wix-style-react-incubator/dnd-kit/modifiers';\nimport { DraggableCardOverlayProps } from '../DragAndDrop';\nimport { GridDragOverlayCardItem } from './GridDragOverlayCardItem';\nimport { observer } from 'mobx-react-lite';\nimport { usePageContext } from '@wix/bex-core/react';\n\nconst DraggableCardOverlayWrapper = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement>\n>((props, ref) => (\n  <div data-hook=\"draggable-card-overlay\" ref={ref} {...props} />\n));\n\nfunction _DraggableCardOverlay<T, F extends FiltersMap>(\n  props: DraggableCardOverlayProps<T, F>,\n) {\n  const { state, renderItem } = props;\n\n  const { _dnd } = state;\n\n  const { modalsContainerRef } = usePageContext();\n\n  return createPortal(\n    <DragOverlay\n      dropAnimation={_dnd?.dropAnimation}\n      modifiers={[restrictToWindowEdges]}\n      wrapperElement={\n        DraggableCardOverlayWrapper as\n          | DragOverlayProps['wrapperElement']\n          | ComponentType as DragOverlayProps['wrapperElement']\n      }\n    >\n      <GridDragOverlayCardItem renderItem={renderItem} state={state} />\n    </DragOverlay>,\n    modalsContainerRef?.current ?? document.body,\n  );\n}\n\nexport const DraggableCardOverlay = observer(_DraggableCardOverlay);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_core","_reactDom","_modifiers","_GridDragOverlayCardItem","_mobxReactLite","_react2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DraggableCardOverlayWrapper","forwardRef","props","ref","createElement","_extends2","__self","__source","fileName","lineNumber","columnNumber","_DraggableCardOverlay","state","renderItem","_dnd","modalsContainerRef","usePageContext","createPortal","DragOverlay","dropAnimation","modifiers","restrictToWindowEdges","wrapperElement","GridDragOverlayCardItem","current","document","body","DraggableCardOverlay","exports","observer"],"sources":["../../../../src/components/GridDragAndDropDndKit/DraggableCardOverlay.tsx"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport React, { ComponentType, HTMLAttributes, forwardRef } from 'react';\nimport {\n  DragOverlay,\n  DragOverlayProps,\n} from '@wix/wix-style-react-incubator/dnd-kit/core';\nimport { createPortal } from 'react-dom';\nimport { restrictToWindowEdges } from '@wix/wix-style-react-incubator/dnd-kit/modifiers';\nimport { DraggableCardOverlayProps } from '../DragAndDrop';\nimport { GridDragOverlayCardItem } from './GridDragOverlayCardItem';\nimport { observer } from 'mobx-react-lite';\nimport { usePageContext } from '@wix/bex-core/react';\n\nconst DraggableCardOverlayWrapper = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement>\n>((props, ref) => (\n  <div data-hook=\"draggable-card-overlay\" ref={ref} {...props} />\n));\n\nfunction _DraggableCardOverlay<T, F extends FiltersMap>(\n  props: DraggableCardOverlayProps<T, F>,\n) {\n  const { state, renderItem } = props;\n\n  const { _dnd } = state;\n\n  const { modalsContainerRef } = usePageContext();\n\n  return createPortal(\n    <DragOverlay\n      dropAnimation={_dnd?.dropAnimation}\n      modifiers={[restrictToWindowEdges]}\n      wrapperElement={\n        DraggableCardOverlayWrapper as\n          | DragOverlayProps['wrapperElement']\n          | ComponentType as DragOverlayProps['wrapperElement']\n      }\n    >\n      <GridDragOverlayCardItem renderItem={renderItem} state={state} />\n    </DragOverlay>,\n    modalsContainerRef?.current ?? document.body,\n  );\n}\n\nexport const DraggableCardOverlay = observer(_DraggableCardOverlay);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/GridDragAndDropDndKit/GridDraggableCardItem.js

@@ -12,8 +12,7 @@ var _mobxReactLite = require("mobx-react-lite");
 var _dndTestEventHandlers = require("./dndTestEventHandlers");
 var _util = require("@wix/bex-core/util");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/GridDragAndDropDndKit/GridDraggableCardItem.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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _GridDraggableCardItem(props) {
   var _dnd$nullAnnouncement, _state$_dnd2;
   const {

package/dist/cjs/components/GridDragAndDropDndKit/GridDraggableCardItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["_sortable","require","_react","_interopRequireWildcard","_utilities","_designSystem","_mobxReactLite","_dndTestEventHandlers","_util","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_GridDraggableCardItem","props","_dnd$nullAnnouncement","_state$_dnd2","children","id","isOverlay","state","type","CardItem","forwardCardItemProps","_dnd","isDropping","droppingId","dragHandleRef","useRef","useEffect","addEventListener","events","focusDragHandleIfDropped","current","attributes","listeners","setNodeRef","transform","transition","isDragging","setActivatorNodeRef","useSortable","sortableAnimation","disabled","draggable","droppable","isActiveRectOutsideContainer","showMask","ariaDescribedBy","dragHandleProps","tabIndex","domRef","role","nullAnnouncements","dragHandleLabel","onClick","stopPropagation","handleEvents","process","env","NODE_ENV","dragHandleTestEvents","cardItemProps","isDisabled","isActive","dragging","style","position","height","width","CSS","Transform","toString","undefined","testEvents","sortableItemTestEvents","dndAttrs","onPointerDown","attachDisabledDragAttempt","nativeEvent","_state$_dnd","containerEvents","createElement","_extends2","ref","__self","__source","fileName","lineNumber","columnNumber","display","itemDescription","Box","borderRadius","backgroundColor","GridDraggableCardItem","exports","observer"],"sources":["../../../../src/components/GridDragAndDropDndKit/GridDraggableCardItem.tsx"],"sourcesContent":["import { useSortable } from '@wix/wix-style-react-incubator/dnd-kit/sortable';\nimport React, { HTMLAttributes, useEffect, useRef } from 'react';\nimport { CSS } from '@wix/wix-style-react-incubator/dnd-kit/utilities';\nimport { Box } from '@wix/design-system';\nimport { DraggableCardProps, GridCardItemProps } from '../DragAndDrop';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport {\n  dragHandleTestEvents,\n  sortableItemTestEvents,\n} from './dndTestEventHandlers';\nimport { addEventListener } from '@wix/bex-core/util';\n\nfunction _GridDraggableCardItem<T, F extends FiltersMap>(\n  props: DraggableCardProps<T, F>,\n) {\n  const { children, id, isOverlay, state } = props;\n  const { type: CardItem, props: forwardCardItemProps } = children;\n  const { _dnd } = state;\n\n  const isDropping = _dnd?.droppingId === id;\n\n  const dragHandleRef = useRef<HTMLElement | null>(null);\n\n  useEffect(() => {\n    if (_dnd) {\n      return addEventListener(_dnd.events, 'dropAnimationEnd', () => {\n        _dnd.focusDragHandleIfDropped(id, dragHandleRef.current);\n      });\n    }\n\n    return;\n  }, [id, _dnd]);\n\n  const {\n    attributes,\n    listeners,\n    setNodeRef,\n    transform,\n    transition,\n    isDragging,\n    setActivatorNodeRef,\n  } = useSortable({\n    id,\n    transition: _dnd?.sortableAnimation,\n    disabled: {\n      draggable: false,\n      droppable: _dnd?.isActiveRectOutsideContainer,\n    },\n  });\n\n  const showMask = (isDragging || isDropping) && !isOverlay;\n\n  const ariaDescribedBy = `draggable-card-item-description-${id}`;\n\n  const dragHandleProps: GridCardItemProps['dragHandleProps'] = isOverlay\n    ? {}\n    : {\n        tabIndex: 0,\n        domRef: (e) => {\n          setActivatorNodeRef(e);\n          dragHandleRef.current = e;\n          _dnd?.focusDragHandleIfDropped(id, dragHandleRef.current);\n        },\n        role: 'button',\n        'aria-label': _dnd?.nullAnnouncements?.dragHandleLabel?.(id),\n        'aria-describedby': ariaDescribedBy,\n        onClick: (e) => e.stopPropagation(),\n        ..._dnd?.handleEvents,\n        ...(process.env.NODE_ENV === 'test' &&\n          state._dnd &&\n          dragHandleTestEvents({ id, state: state._dnd })),\n      };\n\n  const cardItemProps: GridCardItemProps = {\n    ...forwardCardItemProps,\n    ...(_dnd?.isDisabled\n      ? {}\n      : {\n          draggable: true,\n          droppable: _dnd?.isActive,\n          dragging: isOverlay,\n          dragHandleProps,\n        }),\n  };\n\n  const style = {\n    position: 'relative' as const,\n    height: '100%',\n    width: '100%',\n    transform: CSS.Transform.toString(transform),\n    transition,\n    ...(_dnd?.isDropping && { transition: undefined }),\n  };\n\n  const testEvents =\n    process.env.NODE_ENV === 'test' && state._dnd\n      ? sortableItemTestEvents({ id, state: state._dnd })\n      : undefined;\n\n  const dndAttrs: Partial<HTMLAttributes<HTMLDivElement>> = _dnd?.isDisabled\n    ? {\n        onPointerDown: (e) => {\n          _dnd?.attachDisabledDragAttempt(id, e.nativeEvent, 'all');\n        },\n      }\n    : {\n        ...attributes,\n        ...listeners,\n        ...testEvents,\n        onPointerDown: (e) => {\n          state._dnd?.containerEvents.onPointerDown?.(e);\n          listeners?.onPointerDown?.(e);\n          testEvents?.onPointerDown?.(e);\n        },\n      };\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={style}\n      {...dndAttrs}\n      tabIndex={undefined}\n      data-hook=\"grid-card-item-events\"\n    >\n      <div id={ariaDescribedBy} style={{ display: 'none' }}>\n        {state._dnd?.nullAnnouncements?.itemDescription?.(id)}\n      </div>\n      {!showMask && <CardItem {...cardItemProps} />}\n      {showMask && (\n        <Box\n          borderRadius={8}\n          height=\"100%\"\n          width=\"100%\"\n          backgroundColor=\"D60\"\n        />\n      )}\n    </div>\n  );\n}\n\nexport const GridDraggableCardItem = observer(_GridDraggableCardItem);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_sortable","require","_react","_interopRequireWildcard","_utilities","_designSystem","_mobxReactLite","_dndTestEventHandlers","_util","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_GridDraggableCardItem","props","_dnd$nullAnnouncement","_state$_dnd2","children","id","isOverlay","state","type","CardItem","forwardCardItemProps","_dnd","isDropping","droppingId","dragHandleRef","useRef","useEffect","addEventListener","events","focusDragHandleIfDropped","current","attributes","listeners","setNodeRef","transform","transition","isDragging","setActivatorNodeRef","useSortable","sortableAnimation","disabled","draggable","droppable","isActiveRectOutsideContainer","showMask","ariaDescribedBy","dragHandleProps","tabIndex","domRef","role","nullAnnouncements","dragHandleLabel","onClick","stopPropagation","handleEvents","process","env","NODE_ENV","dragHandleTestEvents","cardItemProps","isDisabled","isActive","dragging","style","position","height","width","CSS","Transform","toString","undefined","testEvents","sortableItemTestEvents","dndAttrs","onPointerDown","attachDisabledDragAttempt","nativeEvent","_state$_dnd","containerEvents","createElement","_extends2","ref","__self","__source","fileName","lineNumber","columnNumber","display","itemDescription","Box","borderRadius","backgroundColor","GridDraggableCardItem","exports","observer"],"sources":["../../../../src/components/GridDragAndDropDndKit/GridDraggableCardItem.tsx"],"sourcesContent":["import { useSortable } from '@wix/wix-style-react-incubator/dnd-kit/sortable';\nimport React, { HTMLAttributes, useEffect, useRef } from 'react';\nimport { CSS } from '@wix/wix-style-react-incubator/dnd-kit/utilities';\nimport { Box } from '@wix/design-system';\nimport { DraggableCardProps, GridCardItemProps } from '../DragAndDrop';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport {\n  dragHandleTestEvents,\n  sortableItemTestEvents,\n} from './dndTestEventHandlers';\nimport { addEventListener } from '@wix/bex-core/util';\n\nfunction _GridDraggableCardItem<T, F extends FiltersMap>(\n  props: DraggableCardProps<T, F>,\n) {\n  const { children, id, isOverlay, state } = props;\n  const { type: CardItem, props: forwardCardItemProps } = children;\n  const { _dnd } = state;\n\n  const isDropping = _dnd?.droppingId === id;\n\n  const dragHandleRef = useRef<HTMLElement | null>(null);\n\n  useEffect(() => {\n    if (_dnd) {\n      return addEventListener(_dnd.events, 'dropAnimationEnd', () => {\n        _dnd.focusDragHandleIfDropped(id, dragHandleRef.current);\n      });\n    }\n\n    return;\n  }, [id, _dnd]);\n\n  const {\n    attributes,\n    listeners,\n    setNodeRef,\n    transform,\n    transition,\n    isDragging,\n    setActivatorNodeRef,\n  } = useSortable({\n    id,\n    transition: _dnd?.sortableAnimation,\n    disabled: {\n      draggable: false,\n      droppable: _dnd?.isActiveRectOutsideContainer,\n    },\n  });\n\n  const showMask = (isDragging || isDropping) && !isOverlay;\n\n  const ariaDescribedBy = `draggable-card-item-description-${id}`;\n\n  const dragHandleProps: GridCardItemProps['dragHandleProps'] = isOverlay\n    ? {}\n    : {\n        tabIndex: 0,\n        domRef: (e) => {\n          setActivatorNodeRef(e);\n          dragHandleRef.current = e;\n          _dnd?.focusDragHandleIfDropped(id, dragHandleRef.current);\n        },\n        role: 'button',\n        'aria-label': _dnd?.nullAnnouncements?.dragHandleLabel?.(id),\n        'aria-describedby': ariaDescribedBy,\n        onClick: (e) => e.stopPropagation(),\n        ..._dnd?.handleEvents,\n        ...(process.env.NODE_ENV === 'test' &&\n          state._dnd &&\n          dragHandleTestEvents({ id, state: state._dnd })),\n      };\n\n  const cardItemProps: GridCardItemProps = {\n    ...forwardCardItemProps,\n    ...(_dnd?.isDisabled\n      ? {}\n      : {\n          draggable: true,\n          droppable: _dnd?.isActive,\n          dragging: isOverlay,\n          dragHandleProps,\n        }),\n  };\n\n  const style = {\n    position: 'relative' as const,\n    height: '100%',\n    width: '100%',\n    transform: CSS.Transform.toString(transform),\n    transition,\n    ...(_dnd?.isDropping && { transition: undefined }),\n  };\n\n  const testEvents =\n    process.env.NODE_ENV === 'test' && state._dnd\n      ? sortableItemTestEvents({ id, state: state._dnd })\n      : undefined;\n\n  const dndAttrs: Partial<HTMLAttributes<HTMLDivElement>> = _dnd?.isDisabled\n    ? {\n        onPointerDown: (e) => {\n          _dnd?.attachDisabledDragAttempt(id, e.nativeEvent, 'all');\n        },\n      }\n    : {\n        ...attributes,\n        ...listeners,\n        ...testEvents,\n        onPointerDown: (e) => {\n          state._dnd?.containerEvents.onPointerDown?.(e);\n          listeners?.onPointerDown?.(e);\n          testEvents?.onPointerDown?.(e);\n        },\n      };\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={style}\n      {...dndAttrs}\n      tabIndex={undefined}\n      data-hook=\"grid-card-item-events\"\n    >\n      <div id={ariaDescribedBy} style={{ display: 'none' }}>\n        {state._dnd?.nullAnnouncements?.itemDescription?.(id)}\n      </div>\n      {!showMask && <CardItem {...cardItemProps} />}\n      {showMask && (\n        <Box\n          borderRadius={8}\n          height=\"100%\"\n          width=\"100%\"\n          backgroundColor=\"D60\"\n        />\n      )}\n    </div>\n  );\n}\n\nexport const GridDraggableCardItem = observer(_GridDraggableCardItem);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/GridDragAndDropDndKit/GridSortableContext.js

@@ -12,8 +12,7 @@ var _sortableGridKeyboardCoordinates = require("./sortableGridKeyboardCoordinate
 var _DragAndDropAnnouncements = require("../DragAndDrop/DragAndDropAnnouncements");
 var _react2 = require("@wix/bex-core/react");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/GridDragAndDropDndKit/GridSortableContext.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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _GridSortableContext(props) {
   const {
     state: grid,

package/dist/cjs/components/GridDragAndDropDndKit/GridSortableContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_core","_sortable","_modifiers","_CollectionContext","_mobxReactLite","_sortableGridKeyboardCoordinates","_DragAndDropAnnouncements","_react2","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_GridSortableContext","props","state","grid","children","onSubmit","collection","useCollectionContext","modalsContainerRef","usePageContext","result","keyedItems","collectionDragAndDropState","pointerSensor","useSensor","PointerSensor","activationConstraint","dnd","coordinateGetter","useState","sortableGridKeyboardCoordinates","containerDistanceThreshold","keyboardSensor","KeyboardSensor","keyboardCodes","sensors","useSensors","process","env","NODE_ENV","useEffect","init","createElement","DndContext","autoScroll","activator","AutoScrollActivator","DraggableRect","freeze","acceleration","threshold","y","x","accessibility","container","current","announcements","nullAnnouncements","screenReaderInstructions","draggable","restoreFocus","collisionDetection","closestCenter","modifiers","restrictToWindowEdges","cancelDrop","ev","beforeDrop","onDragStart","onDragMove","onDragEnd","onDragCancel","onDragOver","__self","__source","fileName","lineNumber","columnNumber","SortableContext","items","strategy","rectSortingStrategy","DragAndDropAnnouncements","dataHook","GridSortableContext","exports","observer"],"sources":["../../../../src/components/GridDragAndDropDndKit/GridSortableContext.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useState } from 'react';\nimport {\n  AutoScrollActivator,\n  closestCenter,\n  DndContext,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from '@wix/wix-style-react-incubator/dnd-kit/core';\nimport {\n  rectSortingStrategy,\n  SortableContext,\n} from '@wix/wix-style-react-incubator/dnd-kit/sortable';\nimport { restrictToWindowEdges } from '@wix/wix-style-react-incubator/dnd-kit/modifiers';\nimport { useCollectionContext } from '../CollectionContext';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { CollectionDragAndDropState, DragAndDropSubmit } from '../DragAndDrop';\nimport { sortableGridKeyboardCoordinates } from './sortableGridKeyboardCoordinates';\nimport { DragAndDropAnnouncements } from '../DragAndDrop/DragAndDropAnnouncements';\nimport { GridBaseState } from '../../state';\nimport { usePageContext } from '@wix/bex-core/react';\n\nexport interface GridSortableContextProps<T, F extends FiltersMap> {\n  state: GridBaseState<T, F>;\n  children?: ReactNode;\n  onSubmit?: DragAndDropSubmit<T, F>;\n}\n\nfunction _GridSortableContext<T, F extends FiltersMap>(\n  props: GridSortableContextProps<T, F>,\n) {\n  const { state: grid, children, onSubmit } = props;\n\n  const collection = useCollectionContext();\n  const { modalsContainerRef } = usePageContext();\n\n  const {\n    result: { keyedItems },\n  } = collection;\n\n  const state = grid.collectionDragAndDropState as CollectionDragAndDropState<\n    T,\n    F\n  >;\n\n  const pointerSensor = useSensor(PointerSensor, {\n    activationConstraint: state.dnd.activationConstraint,\n  });\n\n  const [coordinateGetter] = useState(() =>\n    sortableGridKeyboardCoordinates({ containerDistanceThreshold: 0.1 }),\n  );\n\n  const keyboardSensor = useSensor(KeyboardSensor, {\n    keyboardCodes: state.dnd.keyboardCodes,\n    coordinateGetter,\n  });\n\n  // in jsdom we mock drag-and-drop by setting a custom events to draggable elements\n  const sensors = useSensors(\n    ...(process.env.NODE_ENV === 'test' ? [] : [pointerSensor, keyboardSensor]),\n  );\n\n  useEffect(() => state.init(), []);\n\n  state.dnd.onSubmit = onSubmit;\n\n  return (\n    <DndContext\n      sensors={sensors}\n      autoScroll={{\n        activator: AutoScrollActivator.DraggableRect,\n        freeze: true,\n        acceleration: 4,\n        threshold: {\n          y: 0.01,\n          x: 0.2,\n        },\n      }}\n      accessibility={{\n        container: modalsContainerRef.current as HTMLElement | undefined,\n        announcements: state.dnd.nullAnnouncements,\n        screenReaderInstructions: {\n          draggable: '',\n        },\n        restoreFocus: false,\n      }}\n      collisionDetection={closestCenter}\n      modifiers={[restrictToWindowEdges]}\n      cancelDrop={(ev) => state.dnd.beforeDrop(ev)}\n      onDragStart={(ev) => {\n        state.dnd.onDragStart(ev);\n      }}\n      onDragMove={(ev) => {\n        state.dnd.onDragMove(ev);\n      }}\n      onDragEnd={(ev) => {\n        state.dnd.onDragEnd(ev);\n      }}\n      onDragCancel={() => {\n        state.dnd.onDragCancel();\n      }}\n      onDragOver={(ev) => {\n        state.dnd.onDragOver(ev);\n      }}\n    >\n      <SortableContext items={keyedItems} strategy={rectSortingStrategy}>\n        {children}\n        <DragAndDropAnnouncements\n          state={state.dnd}\n          dataHook=\"grid-dnd-live-region\"\n        />\n      </SortableContext>\n    </DndContext>\n  );\n}\n\nexport const GridSortableContext = observer(_GridSortableContext);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_core","_sortable","_modifiers","_CollectionContext","_mobxReactLite","_sortableGridKeyboardCoordinates","_DragAndDropAnnouncements","_react2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_GridSortableContext","props","state","grid","children","onSubmit","collection","useCollectionContext","modalsContainerRef","usePageContext","result","keyedItems","collectionDragAndDropState","pointerSensor","useSensor","PointerSensor","activationConstraint","dnd","coordinateGetter","useState","sortableGridKeyboardCoordinates","containerDistanceThreshold","keyboardSensor","KeyboardSensor","keyboardCodes","sensors","useSensors","process","env","NODE_ENV","useEffect","init","createElement","DndContext","autoScroll","activator","AutoScrollActivator","DraggableRect","freeze","acceleration","threshold","y","x","accessibility","container","current","announcements","nullAnnouncements","screenReaderInstructions","draggable","restoreFocus","collisionDetection","closestCenter","modifiers","restrictToWindowEdges","cancelDrop","ev","beforeDrop","onDragStart","onDragMove","onDragEnd","onDragCancel","onDragOver","__self","__source","fileName","lineNumber","columnNumber","SortableContext","items","strategy","rectSortingStrategy","DragAndDropAnnouncements","dataHook","GridSortableContext","exports","observer"],"sources":["../../../../src/components/GridDragAndDropDndKit/GridSortableContext.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useState } from 'react';\nimport {\n  AutoScrollActivator,\n  closestCenter,\n  DndContext,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from '@wix/wix-style-react-incubator/dnd-kit/core';\nimport {\n  rectSortingStrategy,\n  SortableContext,\n} from '@wix/wix-style-react-incubator/dnd-kit/sortable';\nimport { restrictToWindowEdges } from '@wix/wix-style-react-incubator/dnd-kit/modifiers';\nimport { useCollectionContext } from '../CollectionContext';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { CollectionDragAndDropState, DragAndDropSubmit } from '../DragAndDrop';\nimport { sortableGridKeyboardCoordinates } from './sortableGridKeyboardCoordinates';\nimport { DragAndDropAnnouncements } from '../DragAndDrop/DragAndDropAnnouncements';\nimport { GridBaseState } from '../../state';\nimport { usePageContext } from '@wix/bex-core/react';\n\nexport interface GridSortableContextProps<T, F extends FiltersMap> {\n  state: GridBaseState<T, F>;\n  children?: ReactNode;\n  onSubmit?: DragAndDropSubmit<T, F>;\n}\n\nfunction _GridSortableContext<T, F extends FiltersMap>(\n  props: GridSortableContextProps<T, F>,\n) {\n  const { state: grid, children, onSubmit } = props;\n\n  const collection = useCollectionContext();\n  const { modalsContainerRef } = usePageContext();\n\n  const {\n    result: { keyedItems },\n  } = collection;\n\n  const state = grid.collectionDragAndDropState as CollectionDragAndDropState<\n    T,\n    F\n  >;\n\n  const pointerSensor = useSensor(PointerSensor, {\n    activationConstraint: state.dnd.activationConstraint,\n  });\n\n  const [coordinateGetter] = useState(() =>\n    sortableGridKeyboardCoordinates({ containerDistanceThreshold: 0.1 }),\n  );\n\n  const keyboardSensor = useSensor(KeyboardSensor, {\n    keyboardCodes: state.dnd.keyboardCodes,\n    coordinateGetter,\n  });\n\n  // in jsdom we mock drag-and-drop by setting a custom events to draggable elements\n  const sensors = useSensors(\n    ...(process.env.NODE_ENV === 'test' ? [] : [pointerSensor, keyboardSensor]),\n  );\n\n  useEffect(() => state.init(), []);\n\n  state.dnd.onSubmit = onSubmit;\n\n  return (\n    <DndContext\n      sensors={sensors}\n      autoScroll={{\n        activator: AutoScrollActivator.DraggableRect,\n        freeze: true,\n        acceleration: 4,\n        threshold: {\n          y: 0.01,\n          x: 0.2,\n        },\n      }}\n      accessibility={{\n        container: modalsContainerRef.current as HTMLElement | undefined,\n        announcements: state.dnd.nullAnnouncements,\n        screenReaderInstructions: {\n          draggable: '',\n        },\n        restoreFocus: false,\n      }}\n      collisionDetection={closestCenter}\n      modifiers={[restrictToWindowEdges]}\n      cancelDrop={(ev) => state.dnd.beforeDrop(ev)}\n      onDragStart={(ev) => {\n        state.dnd.onDragStart(ev);\n      }}\n      onDragMove={(ev) => {\n        state.dnd.onDragMove(ev);\n      }}\n      onDragEnd={(ev) => {\n        state.dnd.onDragEnd(ev);\n      }}\n      onDragCancel={() => {\n        state.dnd.onDragCancel();\n      }}\n      onDragOver={(ev) => {\n        state.dnd.onDragOver(ev);\n      }}\n    >\n      <SortableContext items={keyedItems} strategy={rectSortingStrategy}>\n        {children}\n        <DragAndDropAnnouncements\n          state={state.dnd}\n          dataHook=\"grid-dnd-live-region\"\n        />\n      </SortableContext>\n    </DndContext>\n  );\n}\n\nexport const GridSortableContext = observer(_GridSortableContext);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/GridSections/GridSectionAndRepeater.js

@@ -11,8 +11,7 @@ var _GridContent = require("../Grid/GridContent");
 var _GridSectionHeader = require("./GridSectionHeader");
 var _GridSectionsSectionState = require("./GridSectionsSectionState");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/GridSections/GridSectionAndRepeater.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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _GridSectionAndRepeater(props) {
   const {
     sectionDescriptor,

package/dist/cjs/components/GridSections/GridSectionAndRepeater.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_GridContent","_GridSectionHeader","_GridSectionsSectionState","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_GridSectionAndRepeater","props","sectionDescriptor","imagePlacement","layoutType","dragAndDrop","range","state","useState","GridSectionsSectionState","gridSections","draggable","createElement","Box","direction","width","dataHook","__self","__source","fileName","lineNumber","columnNumber","GridSectionHeader","GridContent","_extends2","paddingTop","undefined","gridBase","withInfiniteScrollLoader","isLast","GridSectionAndRepeater","exports","observer"],"sources":["../../../../src/components/GridSections/GridSectionAndRepeater.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { GridSectionsState, SectionRange } from './GridSectionsState';\nimport { FiltersMap } from '@wix/bex-core';\nimport { Box } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { GridContent, GridContentBaseProps } from '../Grid/GridContent';\nimport { GridSectionHeader } from './GridSectionHeader';\nimport { GridSectionsSectionState } from './GridSectionsSectionState';\n\nexport interface GridSectionAndRepeaterProps<T, F extends FiltersMap>\n  extends GridContentBaseProps<T, F> {\n  sectionDescriptor: SectionRange;\n  state: GridSectionsState<T, F>;\n}\n\nfunction _GridSectionAndRepeater<T, F extends FiltersMap>(\n  props: GridSectionAndRepeaterProps<T, F>,\n) {\n  const { sectionDescriptor, imagePlacement, layoutType, dragAndDrop } = props;\n\n  const { range } = sectionDescriptor;\n\n  const [state] = useState(\n    () =>\n      new GridSectionsSectionState({\n        gridSections: props.state,\n        sectionDescriptor,\n        imagePlacement,\n        layoutType,\n        draggable: dragAndDrop ? 'draggable' : 'none',\n      }),\n  );\n\n  return (\n    <Box direction=\"vertical\" width=\"100%\" dataHook=\"grid-section-and-repeater\">\n      <GridSectionHeader sectionDescriptor={sectionDescriptor} state={state} />\n\n      <GridContent\n        {...props}\n        paddingTop={layoutType === 'list' ? undefined : 'SP4'}\n        range={range}\n        state={state.gridBase}\n        withInfiniteScrollLoader={state.isLast}\n      />\n    </Box>\n  );\n}\n\nexport const GridSectionAndRepeater = observer(_GridSectionAndRepeater);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_GridContent","_GridSectionHeader","_GridSectionsSectionState","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_GridSectionAndRepeater","props","sectionDescriptor","imagePlacement","layoutType","dragAndDrop","range","state","useState","GridSectionsSectionState","gridSections","draggable","createElement","Box","direction","width","dataHook","__self","__source","fileName","lineNumber","columnNumber","GridSectionHeader","GridContent","_extends2","paddingTop","undefined","gridBase","withInfiniteScrollLoader","isLast","GridSectionAndRepeater","exports","observer"],"sources":["../../../../src/components/GridSections/GridSectionAndRepeater.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { GridSectionsState, SectionRange } from './GridSectionsState';\nimport { FiltersMap } from '@wix/bex-core';\nimport { Box } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { GridContent, GridContentBaseProps } from '../Grid/GridContent';\nimport { GridSectionHeader } from './GridSectionHeader';\nimport { GridSectionsSectionState } from './GridSectionsSectionState';\n\nexport interface GridSectionAndRepeaterProps<T, F extends FiltersMap>\n  extends GridContentBaseProps<T, F> {\n  sectionDescriptor: SectionRange;\n  state: GridSectionsState<T, F>;\n}\n\nfunction _GridSectionAndRepeater<T, F extends FiltersMap>(\n  props: GridSectionAndRepeaterProps<T, F>,\n) {\n  const { sectionDescriptor, imagePlacement, layoutType, dragAndDrop } = props;\n\n  const { range } = sectionDescriptor;\n\n  const [state] = useState(\n    () =>\n      new GridSectionsSectionState({\n        gridSections: props.state,\n        sectionDescriptor,\n        imagePlacement,\n        layoutType,\n        draggable: dragAndDrop ? 'draggable' : 'none',\n      }),\n  );\n\n  return (\n    <Box direction=\"vertical\" width=\"100%\" dataHook=\"grid-section-and-repeater\">\n      <GridSectionHeader sectionDescriptor={sectionDescriptor} state={state} />\n\n      <GridContent\n        {...props}\n        paddingTop={layoutType === 'list' ? undefined : 'SP4'}\n        range={range}\n        state={state.gridBase}\n        withInfiniteScrollLoader={state.isLast}\n      />\n    </Box>\n  );\n}\n\nexport const GridSectionAndRepeater = observer(_GridSectionAndRepeater);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,kBAAA,GAAAJ,OAAA;AACA,IAAAK,yBAAA,GAAAL,OAAA;AAAsE,IAAAM,YAAA;AAAA,SAAAP,wBAAAQ,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAV,uBAAA,YAAAA,CAAAQ,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAQtE,SAASkB,uBAAuBA,CAC9BC,KAAwC,EACxC;EACA,MAAM;IAAEC,iBAAiB;IAAEC,cAAc;IAAEC,UAAU;IAAEC;EAAY,CAAC,GAAGJ,KAAK;EAE5E,MAAM;IAAEK;EAAM,CAAC,GAAGJ,iBAAiB;EAEnC,MAAM,CAACK,KAAK,CAAC,GAAG,IAAAC,eAAQ,EACtB,MACE,IAAIC,kDAAwB,CAAC;IAC3BC,YAAY,EAAET,KAAK,CAACM,KAAK;IACzBL,iBAAiB;IACjBC,cAAc;IACdC,UAAU;IACVO,SAAS,EAAEN,WAAW,GAAG,WAAW,GAAG;EACzC,CAAC,CACL,CAAC;EAED,oBACEjC,MAAA,CAAAmB,OAAA,CAAAqB,aAAA,CAACrC,aAAA,CAAAsC,GAAG;IAACC,SAAS,EAAC,UAAU;IAACC,KAAK,EAAC,MAAM;IAACC,QAAQ,EAAC,2BAA2B;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvC,YAAA;MAAAwC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACzEjD,MAAA,CAAAmB,OAAA,CAAAqB,aAAA,CAAClC,kBAAA,CAAA4C,iBAAiB;IAACpB,iBAAiB,EAAEA,iBAAkB;IAACK,KAAK,EAAEA,KAAM;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvC,YAAA;MAAAwC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eAEzEjD,MAAA,CAAAmB,OAAA,CAAAqB,aAAA,CAACnC,YAAA,CAAA8C,WAAW,MAAAC,SAAA,CAAAjC,OAAA,MACNU,KAAK;IACTwB,UAAU,EAAErB,UAAU,KAAK,MAAM,GAAGsB,SAAS,GAAG,KAAM;IACtDpB,KAAK,EAAEA,KAAM;IACbC,KAAK,EAAEA,KAAK,CAACoB,QAAS;IACtBC,wBAAwB,EAAErB,KAAK,CAACsB,MAAO;IAAAZ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvC,YAAA;MAAAwC,UAAA;MAAAC,YAAA;IAAA;EAAA,EACxC,CACE,CAAC;AAEV;AAEO,MAAMS,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,IAAAE,uBAAQ,EAAChC,uBAAuB,CAAC","ignoreList":[]}

package/dist/cjs/components/GridSections/GridSectionsContent.js

@@ -12,8 +12,7 @@ var _mobx = require("mobx");
 var _designSystem = require("@wix/design-system");
 var _GridSectionsSingleSkeletonGrid = require("./GridSectionsSingleSkeletonGrid");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/GridSections/GridSectionsContent.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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _GridSectionsContent(props) {
   const {
     state: grid,