@wix/patterns 1.38.0 → 1.40.0

package/dist/cjs/components/Fade/Fade.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Fade419976413\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Fade419976413__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,eAAe;AACjC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAqB,CAAC;AAC5C,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Fade2160409984\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Fade2160409984__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gBAAgB;AAClC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsB,CAAC;AAC7C,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -40,7 +40,7 @@ function GridSingleGridContent(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 51,
+      lineNumber: 48,
       columnNumber: 5
     }
   }));

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 { CollectionState, FiltersMap } from '@wix/bex-core';\nimport {\n  GridBaseState,\n  gridSizePresets,\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: {\n    toolbar: ToolbarCollectionState<T, F>;\n    collection: CollectionState<T, F>;\n    _subGrids?: GridBaseState<T, F>[];\n  };\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;AAMA,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;AAYjC,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","_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":[]}

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

@@ -14,7 +14,8 @@ function useGridBaseSyncProps(props) {
     preset,
     dragAndDrop,
     range,
-    layoutType
+    layoutType,
+    imagePlacement
   } = props;
   const {
     scrollableContentRef
@@ -69,11 +70,12 @@ function useGridBaseSyncProps(props) {
   }, [layoutType]);
   (0, _react.useEffect)(() => {
     (0, _mobx.runInAction)(() => {
-      if (!props.imagePlacement || !_state.gridSizePresets[props.imagePlacement]) {
+      const sizePreset = imagePlacement ? _state.gridSizePresets[imagePlacement] : undefined;
+      if (!sizePreset) {
         return;
       }
-      state.sizePreset = _state.gridSizePresets[props.imagePlacement];
+      state._sizePreset = sizePreset;
     });
-  }, []);
+  }, [imagePlacement]);
 }
 //# sourceMappingURL=useGridBaseSyncProps.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_mobx","_state","_providers","_react2","useGridBaseSyncProps","props","state","renderAddItem","preset","dragAndDrop","range","layoutType","scrollableContentRef","useScrollableContentContext","modalsContainerRef","usePageContext","useState","_props$dragAndDrop","setStateObject","useEffect","collection","scrollableContent","current","runInAction","trailingItemsCount","filter","Boolean","length","_localLimit","_localStart","start","_draggable","imagePlacement","gridSizePresets","sizePreset"],"sources":["../../../../src/components/Grid/useGridBaseSyncProps.ts"],"sourcesContent":["import { ReactElement, useEffect, useState } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { runInAction } from 'mobx';\nimport { GridBaseState, gridSizePresets, LayoutType } from '../../state';\nimport { AddItemProps } from '@wix/design-system';\nimport { useScrollableContentContext } from '../../providers';\nimport { GridDragAndDrop } from '../GridDragAndDropDndKit/GridDragAndDrop';\nimport { usePageContext } from '@wix/bex-core/react';\n\nexport interface UseGridBaseSyncPropsParams<T, F extends FiltersMap> {\n  state: GridBaseState<T, F>;\n  preset?: 'full' | 'title' | 'empty';\n  range?: { start: number; length: number };\n  renderAddItem?: () => ReactElement<AddItemProps>;\n  dragAndDrop?: typeof GridDragAndDrop;\n  imagePlacement?: 'side' | 'top';\n  layoutType?: LayoutType;\n}\n\nexport function useGridBaseSyncProps<T, F extends FiltersMap>(\n  props: UseGridBaseSyncPropsParams<T, F>,\n) {\n  const { state, renderAddItem, preset, dragAndDrop, range, layoutType } =\n    props;\n  const { scrollableContentRef } = useScrollableContentContext();\n  const { modalsContainerRef } = usePageContext();\n\n  useState(() => {\n    props.dragAndDrop?.setStateObject({\n      state,\n      modalsContainerRef,\n    });\n  });\n\n  useEffect(() => {\n    const { collection } = state;\n\n    const scrollableContent = scrollableContentRef?.current;\n\n    if (scrollableContent) {\n      collection.scrollableContent = scrollableContent;\n    }\n\n    return () => {\n      collection.scrollableContent = null;\n    };\n  }, []);\n\n  useEffect(() => {\n    runInAction(() => {\n      state.trailingItemsCount = [renderAddItem].filter(Boolean).length;\n    });\n  }, [renderAddItem]);\n\n  useEffect(() => {\n    runInAction(() => {\n      state._localLimit = range?.length;\n      state._localStart = range?.start ?? 0;\n    });\n  }, [range]);\n\n  useEffect(() => {\n    runInAction(() => {\n      state.preset = preset ?? 'title';\n    });\n  }, [preset]);\n\n  useEffect(() => {\n    runInAction(() => {\n      state._draggable = dragAndDrop ? 'draggable' : 'none';\n    });\n  }, [dragAndDrop]);\n\n  useEffect(() => {\n    runInAction(() => {\n      state.layoutType = layoutType ?? 'grid';\n    });\n  }, [layoutType]);\n\n  useEffect(() => {\n    runInAction(() => {\n      if (!props.imagePlacement || !gridSizePresets[props.imagePlacement]) {\n        return;\n      }\n      state.sizePreset = gridSizePresets[props.imagePlacement];\n    });\n  }, []);\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAH,OAAA;AAEA,IAAAI,OAAA,GAAAJ,OAAA;AAYO,SAASK,oBAAoBA,CAClCC,KAAuC,EACvC;EACA,MAAM;IAAEC,KAAK;IAAEC,aAAa;IAAEC,MAAM;IAAEC,WAAW;IAAEC,KAAK;IAAEC;EAAW,CAAC,GACpEN,KAAK;EACP,MAAM;IAAEO;EAAqB,CAAC,GAAG,IAAAC,sCAA2B,EAAC,CAAC;EAC9D,MAAM;IAAEC;EAAmB,CAAC,GAAG,IAAAC,sBAAc,EAAC,CAAC;EAE/C,IAAAC,eAAQ,EAAC,MAAM;IAAA,IAAAC,kBAAA;IACb,CAAAA,kBAAA,GAAAZ,KAAK,CAACI,WAAW,aAAjBQ,kBAAA,CAAmBC,cAAc,CAAC;MAChCZ,KAAK;MACLQ;IACF,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,IAAAK,gBAAS,EAAC,MAAM;IACd,MAAM;MAAEC;IAAW,CAAC,GAAGd,KAAK;IAE5B,MAAMe,iBAAiB,GAAGT,oBAAoB,oBAApBA,oBAAoB,CAAEU,OAAO;IAEvD,IAAID,iBAAiB,EAAE;MACrBD,UAAU,CAACC,iBAAiB,GAAGA,iBAAiB;IAClD;IAEA,OAAO,MAAM;MACXD,UAAU,CAACC,iBAAiB,GAAG,IAAI;IACrC,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAF,gBAAS,EAAC,MAAM;IACd,IAAAI,iBAAW,EAAC,MAAM;MAChBjB,KAAK,CAACkB,kBAAkB,GAAG,CAACjB,aAAa,CAAC,CAACkB,MAAM,CAACC,OAAO,CAAC,CAACC,MAAM;IACnE,CAAC,CAAC;EACJ,CAAC,EAAE,CAACpB,aAAa,CAAC,CAAC;EAEnB,IAAAY,gBAAS,EAAC,MAAM;IACd,IAAAI,iBAAW,EAAC,MAAM;MAChBjB,KAAK,CAACsB,WAAW,GAAGlB,KAAK,oBAALA,KAAK,CAAEiB,MAAM;MACjCrB,KAAK,CAACuB,WAAW,GAAG,CAAAnB,KAAK,oBAALA,KAAK,CAAEoB,KAAK,KAAI,CAAC;IACvC,CAAC,CAAC;EACJ,CAAC,EAAE,CAACpB,KAAK,CAAC,CAAC;EAEX,IAAAS,gBAAS,EAAC,MAAM;IACd,IAAAI,iBAAW,EAAC,MAAM;MAChBjB,KAAK,CAACE,MAAM,GAAGA,MAAM,IAAI,OAAO;IAClC,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZ,IAAAW,gBAAS,EAAC,MAAM;IACd,IAAAI,iBAAW,EAAC,MAAM;MAChBjB,KAAK,CAACyB,UAAU,GAAGtB,WAAW,GAAG,WAAW,GAAG,MAAM;IACvD,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjB,IAAAU,gBAAS,EAAC,MAAM;IACd,IAAAI,iBAAW,EAAC,MAAM;MAChBjB,KAAK,CAACK,UAAU,GAAGA,UAAU,IAAI,MAAM;IACzC,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEhB,IAAAQ,gBAAS,EAAC,MAAM;IACd,IAAAI,iBAAW,EAAC,MAAM;MAChB,IAAI,CAAClB,KAAK,CAAC2B,cAAc,IAAI,CAACC,sBAAe,CAAC5B,KAAK,CAAC2B,cAAc,CAAC,EAAE;QACnE;MACF;MACA1B,KAAK,CAAC4B,UAAU,GAAGD,sBAAe,CAAC5B,KAAK,CAAC2B,cAAc,CAAC;IAC1D,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;AACR","ignoreList":[]}
+{"version":3,"names":["_react","require","_mobx","_state","_providers","_react2","useGridBaseSyncProps","props","state","renderAddItem","preset","dragAndDrop","range","layoutType","imagePlacement","scrollableContentRef","useScrollableContentContext","modalsContainerRef","usePageContext","useState","_props$dragAndDrop","setStateObject","useEffect","collection","scrollableContent","current","runInAction","trailingItemsCount","filter","Boolean","length","_localLimit","_localStart","start","_draggable","sizePreset","gridSizePresets","undefined","_sizePreset"],"sources":["../../../../src/components/Grid/useGridBaseSyncProps.ts"],"sourcesContent":["import { ReactElement, useEffect, useState } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { runInAction } from 'mobx';\nimport { GridBaseState, gridSizePresets, LayoutType } from '../../state';\nimport { AddItemProps } from '@wix/design-system';\nimport { useScrollableContentContext } from '../../providers';\nimport { GridDragAndDrop } from '../GridDragAndDropDndKit/GridDragAndDrop';\nimport { usePageContext } from '@wix/bex-core/react';\n\nexport interface UseGridBaseSyncPropsParams<T, F extends FiltersMap> {\n  state: GridBaseState<T, F>;\n  preset?: 'full' | 'title' | 'empty';\n  range?: { start: number; length: number };\n  renderAddItem?: () => ReactElement<AddItemProps>;\n  dragAndDrop?: typeof GridDragAndDrop;\n  imagePlacement?: 'side' | 'top';\n  layoutType?: LayoutType;\n}\n\nexport function useGridBaseSyncProps<T, F extends FiltersMap>(\n  props: UseGridBaseSyncPropsParams<T, F>,\n) {\n  const {\n    state,\n    renderAddItem,\n    preset,\n    dragAndDrop,\n    range,\n    layoutType,\n    imagePlacement,\n  } = props;\n  const { scrollableContentRef } = useScrollableContentContext();\n  const { modalsContainerRef } = usePageContext();\n\n  useState(() => {\n    props.dragAndDrop?.setStateObject({\n      state,\n      modalsContainerRef,\n    });\n  });\n\n  useEffect(() => {\n    const { collection } = state;\n\n    const scrollableContent = scrollableContentRef?.current;\n\n    if (scrollableContent) {\n      collection.scrollableContent = scrollableContent;\n    }\n\n    return () => {\n      collection.scrollableContent = null;\n    };\n  }, []);\n\n  useEffect(() => {\n    runInAction(() => {\n      state.trailingItemsCount = [renderAddItem].filter(Boolean).length;\n    });\n  }, [renderAddItem]);\n\n  useEffect(() => {\n    runInAction(() => {\n      state._localLimit = range?.length;\n      state._localStart = range?.start ?? 0;\n    });\n  }, [range]);\n\n  useEffect(() => {\n    runInAction(() => {\n      state.preset = preset ?? 'title';\n    });\n  }, [preset]);\n\n  useEffect(() => {\n    runInAction(() => {\n      state._draggable = dragAndDrop ? 'draggable' : 'none';\n    });\n  }, [dragAndDrop]);\n\n  useEffect(() => {\n    runInAction(() => {\n      state.layoutType = layoutType ?? 'grid';\n    });\n  }, [layoutType]);\n\n  useEffect(() => {\n    runInAction(() => {\n      const sizePreset = imagePlacement\n        ? gridSizePresets[imagePlacement]\n        : undefined;\n\n      if (!sizePreset) {\n        return;\n      }\n\n      state._sizePreset = sizePreset;\n    });\n  }, [imagePlacement]);\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAH,OAAA;AAEA,IAAAI,OAAA,GAAAJ,OAAA;AAYO,SAASK,oBAAoBA,CAClCC,KAAuC,EACvC;EACA,MAAM;IACJC,KAAK;IACLC,aAAa;IACbC,MAAM;IACNC,WAAW;IACXC,KAAK;IACLC,UAAU;IACVC;EACF,CAAC,GAAGP,KAAK;EACT,MAAM;IAAEQ;EAAqB,CAAC,GAAG,IAAAC,sCAA2B,EAAC,CAAC;EAC9D,MAAM;IAAEC;EAAmB,CAAC,GAAG,IAAAC,sBAAc,EAAC,CAAC;EAE/C,IAAAC,eAAQ,EAAC,MAAM;IAAA,IAAAC,kBAAA;IACb,CAAAA,kBAAA,GAAAb,KAAK,CAACI,WAAW,aAAjBS,kBAAA,CAAmBC,cAAc,CAAC;MAChCb,KAAK;MACLS;IACF,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,IAAAK,gBAAS,EAAC,MAAM;IACd,MAAM;MAAEC;IAAW,CAAC,GAAGf,KAAK;IAE5B,MAAMgB,iBAAiB,GAAGT,oBAAoB,oBAApBA,oBAAoB,CAAEU,OAAO;IAEvD,IAAID,iBAAiB,EAAE;MACrBD,UAAU,CAACC,iBAAiB,GAAGA,iBAAiB;IAClD;IAEA,OAAO,MAAM;MACXD,UAAU,CAACC,iBAAiB,GAAG,IAAI;IACrC,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAF,gBAAS,EAAC,MAAM;IACd,IAAAI,iBAAW,EAAC,MAAM;MAChBlB,KAAK,CAACmB,kBAAkB,GAAG,CAAClB,aAAa,CAAC,CAACmB,MAAM,CAACC,OAAO,CAAC,CAACC,MAAM;IACnE,CAAC,CAAC;EACJ,CAAC,EAAE,CAACrB,aAAa,CAAC,CAAC;EAEnB,IAAAa,gBAAS,EAAC,MAAM;IACd,IAAAI,iBAAW,EAAC,MAAM;MAChBlB,KAAK,CAACuB,WAAW,GAAGnB,KAAK,oBAALA,KAAK,CAAEkB,MAAM;MACjCtB,KAAK,CAACwB,WAAW,GAAG,CAAApB,KAAK,oBAALA,KAAK,CAAEqB,KAAK,KAAI,CAAC;IACvC,CAAC,CAAC;EACJ,CAAC,EAAE,CAACrB,KAAK,CAAC,CAAC;EAEX,IAAAU,gBAAS,EAAC,MAAM;IACd,IAAAI,iBAAW,EAAC,MAAM;MAChBlB,KAAK,CAACE,MAAM,GAAGA,MAAM,IAAI,OAAO;IAClC,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZ,IAAAY,gBAAS,EAAC,MAAM;IACd,IAAAI,iBAAW,EAAC,MAAM;MAChBlB,KAAK,CAAC0B,UAAU,GAAGvB,WAAW,GAAG,WAAW,GAAG,MAAM;IACvD,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjB,IAAAW,gBAAS,EAAC,MAAM;IACd,IAAAI,iBAAW,EAAC,MAAM;MAChBlB,KAAK,CAACK,UAAU,GAAGA,UAAU,IAAI,MAAM;IACzC,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEhB,IAAAS,gBAAS,EAAC,MAAM;IACd,IAAAI,iBAAW,EAAC,MAAM;MAChB,MAAMS,UAAU,GAAGrB,cAAc,GAC7BsB,sBAAe,CAACtB,cAAc,CAAC,GAC/BuB,SAAS;MAEb,IAAI,CAACF,UAAU,EAAE;QACf;MACF;MAEA3B,KAAK,CAAC8B,WAAW,GAAGH,UAAU;IAChC,CAAC,CAAC;EACJ,CAAC,EAAE,CAACrB,cAAc,CAAC,CAAC;AACtB","ignoreList":[]}

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

@@ -32,7 +32,8 @@ function _GridSectionsContent(props) {
   const [state] = (0, _react.useState)(() => grid._sections ?? (grid._sections = new _GridSectionsState.GridSectionsState({
     toolbar: grid.toolbar,
     collection: grid.collection,
-    renderSection
+    renderSection,
+    parentState: grid
   })));
   const {
     sections
@@ -47,12 +48,12 @@ function _GridSectionsContent(props) {
   let child;
   if (!sections.length || showInitialLoader || showRefreshLoader) {
     child = /*#__PURE__*/_react.default.createElement(_GridSectionsSingleSkeletonGrid.GridSectionsSingleSkeletonGrid, (0, _extends2.default)({}, props, {
-      state: state,
+      state: state.parentState,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 57,
-        columnNumber: 13
+        lineNumber: 54,
+        columnNumber: 7
       }
     }));
   } else {
@@ -63,7 +64,7 @@ function _GridSectionsContent(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 62,
+        lineNumber: 60,
         columnNumber: 11
       }
     }))));
@@ -76,7 +77,7 @@ function _GridSectionsContent(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 74,
+      lineNumber: 72,
       columnNumber: 5
     }
   }, child);

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

@@ -1 +1 @@
-{"version":3,"names":["_GridSectionsState","require","_mobxReactLite","_GridSectionAndRepeater","_react","_interopRequireWildcard","_mobx","_designSystem","_GridSectionsSingleSkeletonGrid","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_GridSectionsContent","props","state","grid","renderSection","layoutType","toolbar","showInitialLoader","multi","showRefreshLoader","useState","_sections","GridSectionsState","collection","sections","useEffect","runInAction","child","length","createElement","GridSectionsSingleSkeletonGrid","_extends2","__self","__source","fileName","lineNumber","columnNumber","Fragment","map","sectionDescriptor","GridSectionAndRepeater","key","section","id","Box","direction","width","paddingTop","undefined","paddingBottom","GridSectionsContent","exports","observer"],"sources":["../../../../src/components/GridSections/GridSectionsContent.tsx"],"sourcesContent":["import { GridSectionsState, Section } from './GridSectionsState';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { GridSectionAndRepeater } from './GridSectionAndRepeater';\nimport React, { useEffect, useState } from 'react';\nimport { GridContentBaseProps } from '../Grid/GridContent';\nimport { GridBaseState, ToolbarCollectionState } from '../../state';\nimport { runInAction } from 'mobx';\nimport { Box } from '@wix/design-system';\nimport { GridSectionsSingleSkeletonGrid } from './GridSectionsSingleSkeletonGrid';\n\nexport interface GridSectionsContentProps<T, F extends FiltersMap>\n  extends GridContentBaseProps<T, F> {\n  state: {\n    toolbar: ToolbarCollectionState<T, F>;\n    collection: CollectionState<T, F>;\n    _grid?: GridBaseState<T, F>;\n    _sections?: GridSectionsState<T, F>;\n  };\n  renderSection?: (item: T) => Section;\n}\n\nfunction _GridSectionsContent<T, F extends FiltersMap>(\n  props: GridSectionsContentProps<T, F>,\n) {\n  const { state: grid, renderSection, layoutType } = props;\n\n  const { toolbar } = grid;\n\n  const {\n    showInitialLoader,\n    multi: { showRefreshLoader },\n  } = toolbar;\n\n  const [state] = useState(\n    () =>\n      (grid._sections ??= new GridSectionsState({\n        toolbar: grid.toolbar,\n        collection: grid.collection,\n        renderSection,\n      })),\n  );\n\n  const { sections } = state;\n\n  useEffect(() => {\n    runInAction(() => {\n      if (renderSection) {\n        state.renderSection = renderSection;\n      }\n    });\n  }, [renderSection]);\n\n  let child;\n\n  if (!sections.length || showInitialLoader || showRefreshLoader) {\n    child = <GridSectionsSingleSkeletonGrid {...props} state={state} />;\n  } else {\n    child = (\n      <>\n        {sections.map((sectionDescriptor) => (\n          <GridSectionAndRepeater\n            {...props}\n            key={sectionDescriptor.section.id}\n            sectionDescriptor={sectionDescriptor}\n            state={state}\n          />\n        ))}\n      </>\n    );\n  }\n\n  return (\n    <Box\n      direction=\"vertical\"\n      width=\"100%\"\n      paddingTop={layoutType === 'list' ? 'SP2' : undefined}\n      paddingBottom={layoutType === 'list' ? 'SP2' : undefined}\n    >\n      {child}\n    </Box>\n  );\n}\n\nexport const GridSectionsContent = observer(_GridSectionsContent);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_GridSectionsState","require","_mobxReactLite","_GridSectionAndRepeater","_react","_interopRequireWildcard","_mobx","_designSystem","_GridSectionsSingleSkeletonGrid","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_GridSectionsContent","props","state","grid","renderSection","layoutType","toolbar","showInitialLoader","multi","showRefreshLoader","useState","_sections","GridSectionsState","collection","parentState","sections","useEffect","runInAction","child","length","createElement","GridSectionsSingleSkeletonGrid","_extends2","__self","__source","fileName","lineNumber","columnNumber","Fragment","map","sectionDescriptor","GridSectionAndRepeater","key","section","id","Box","direction","width","paddingTop","undefined","paddingBottom","GridSectionsContent","exports","observer"],"sources":["../../../../src/components/GridSections/GridSectionsContent.tsx"],"sourcesContent":["import { GridSectionsState, Section } from './GridSectionsState';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { GridSectionAndRepeater } from './GridSectionAndRepeater';\nimport React, { useEffect, useState } from 'react';\nimport { GridContentBaseProps } from '../Grid/GridContent';\nimport { GridState } from '../../state';\nimport { runInAction } from 'mobx';\nimport { Box } from '@wix/design-system';\nimport { GridSectionsSingleSkeletonGrid } from './GridSectionsSingleSkeletonGrid';\n\nexport interface GridSectionsContentProps<T, F extends FiltersMap>\n  extends GridContentBaseProps<T, F> {\n  state: GridState<T, F>;\n  renderSection?: (item: T) => Section;\n}\n\nfunction _GridSectionsContent<T, F extends FiltersMap>(\n  props: GridSectionsContentProps<T, F>,\n) {\n  const { state: grid, renderSection, layoutType } = props;\n\n  const { toolbar } = grid;\n\n  const {\n    showInitialLoader,\n    multi: { showRefreshLoader },\n  } = toolbar;\n\n  const [state] = useState(\n    () =>\n      (grid._sections ??= new GridSectionsState({\n        toolbar: grid.toolbar,\n        collection: grid.collection,\n        renderSection,\n        parentState: grid,\n      })),\n  );\n\n  const { sections } = state;\n\n  useEffect(() => {\n    runInAction(() => {\n      if (renderSection) {\n        state.renderSection = renderSection;\n      }\n    });\n  }, [renderSection]);\n\n  let child;\n\n  if (!sections.length || showInitialLoader || showRefreshLoader) {\n    child = (\n      <GridSectionsSingleSkeletonGrid {...props} state={state.parentState} />\n    );\n  } else {\n    child = (\n      <>\n        {sections.map((sectionDescriptor) => (\n          <GridSectionAndRepeater\n            {...props}\n            key={sectionDescriptor.section.id}\n            sectionDescriptor={sectionDescriptor}\n            state={state}\n          />\n        ))}\n      </>\n    );\n  }\n\n  return (\n    <Box\n      direction=\"vertical\"\n      width=\"100%\"\n      paddingTop={layoutType === 'list' ? 'SP2' : undefined}\n      paddingBottom={layoutType === 'list' ? 'SP2' : undefined}\n    >\n      {child}\n    </Box>\n  );\n}\n\nexport const GridSectionsContent = observer(_GridSectionsContent);\n"],"mappings":"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","ignoreList":[]}

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

@@ -27,7 +27,7 @@ class GridSectionsSectionState {
       collection: toolbar.collection,
       sizePreset: imagePlacement ? _state.gridSizePresets[imagePlacement] : _state.topGridSizePreset,
       range: params.sectionDescriptor.range,
-      parentState: this.gridSections,
+      parentState: this.gridSections.parentState,
       layoutType,
       draggable
     });

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

@@ -1 +1 @@
-{"version":3,"names":["_state","require","_mobx","GridSectionsSectionState","constructor","params","_defineProperty2","default","gridSections","sectionDescriptor","imagePlacement","draggable","layoutType","toolbar","gridBase","GridBaseState","container","collection","sizePreset","gridSizePresets","topGridSizePreset","range","parentState","makeObservable","isLast","computed","_sections","section","sections","length","id","exports"],"sources":["../../../../src/components/GridSections/GridSectionsSectionState.ts"],"sourcesContent":["import {\n  GridBaseState,\n  gridSizePresets,\n  LayoutType,\n  ToolbarCollectionState,\n  topGridSizePreset,\n} from '../../state';\nimport { GridSectionsState, SectionRange } from './GridSectionsState';\nimport { FiltersMap } from '@wix/bex-core';\nimport { computed, makeObservable } from 'mobx';\n\nexport interface GridSectionsSectionStateParams<T, F extends FiltersMap> {\n  readonly imagePlacement?: 'side' | 'top';\n  readonly gridSections: GridSectionsState<T, F>;\n  readonly sectionDescriptor: SectionRange;\n  readonly layoutType: LayoutType | undefined;\n  readonly draggable?: 'none' | 'draggable';\n}\n\nexport class GridSectionsSectionState<T, F extends FiltersMap> {\n  gridBase;\n  gridSections;\n  sectionDescriptor;\n\n  constructor(params: GridSectionsSectionStateParams<T, F>) {\n    this.gridSections = params.gridSections;\n    this.sectionDescriptor = params.sectionDescriptor;\n    const { imagePlacement, draggable, layoutType } = params;\n    const { toolbar } = this.gridSections;\n    this.gridBase = new GridBaseState({\n      container: toolbar.container,\n      toolbar: toolbar as ToolbarCollectionState<unknown, Partial<F>>,\n      collection: toolbar.collection,\n      sizePreset: imagePlacement\n        ? gridSizePresets[imagePlacement]\n        : topGridSizePreset,\n      range: params.sectionDescriptor.range,\n      parentState: this.gridSections,\n      layoutType,\n      draggable,\n    });\n\n    makeObservable(this, {\n      isLast: computed,\n    });\n  }\n\n  get isLast() {\n    const {\n      sectionDescriptor: { section },\n      gridSections: { sections },\n    } = this;\n    return sections[sections.length - 1]?.section.id === section.id;\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AASA,IAAAC,KAAA,GAAAD,OAAA;AAUO,MAAME,wBAAwB,CAA0B;EAK7DC,WAAWA,CAACC,MAA4C,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IACxD,IAAI,CAACC,YAAY,GAAGH,MAAM,CAACG,YAAY;IACvC,IAAI,CAACC,iBAAiB,GAAGJ,MAAM,CAACI,iBAAiB;IACjD,MAAM;MAAEC,cAAc;MAAEC,SAAS;MAAEC;IAAW,CAAC,GAAGP,MAAM;IACxD,MAAM;MAAEQ;IAAQ,CAAC,GAAG,IAAI,CAACL,YAAY;IACrC,IAAI,CAACM,QAAQ,GAAG,IAAIC,oBAAa,CAAC;MAChCC,SAAS,EAAEH,OAAO,CAACG,SAAS;MAC5BH,OAAO,EAAEA,OAAsD;MAC/DI,UAAU,EAAEJ,OAAO,CAACI,UAAU;MAC9BC,UAAU,EAAER,cAAc,GACtBS,sBAAe,CAACT,cAAc,CAAC,GAC/BU,wBAAiB;MACrBC,KAAK,EAAEhB,MAAM,CAACI,iBAAiB,CAACY,KAAK;MACrCC,WAAW,EAAE,IAAI,CAACd,YAAY;MAC9BI,UAAU;MACVD;IACF,CAAC,CAAC;IAEF,IAAAY,oBAAc,EAAC,IAAI,EAAE;MACnBC,MAAM,EAAEC;IACV,CAAC,CAAC;EACJ;EAEA,IAAID,MAAMA,CAAA,EAAG;IAAA,IAAAE,SAAA;IACX,MAAM;MACJjB,iBAAiB,EAAE;QAAEkB;MAAQ,CAAC;MAC9BnB,YAAY,EAAE;QAAEoB;MAAS;IAC3B,CAAC,GAAG,IAAI;IACR,OAAO,EAAAF,SAAA,GAAAE,QAAQ,CAACA,QAAQ,CAACC,MAAM,GAAG,CAAC,CAAC,qBAA7BH,SAAA,CAA+BC,OAAO,CAACG,EAAE,MAAKH,OAAO,CAACG,EAAE;EACjE;AACF;AAACC,OAAA,CAAA5B,wBAAA,GAAAA,wBAAA","ignoreList":[]}
+{"version":3,"names":["_state","require","_mobx","GridSectionsSectionState","constructor","params","_defineProperty2","default","gridSections","sectionDescriptor","imagePlacement","draggable","layoutType","toolbar","gridBase","GridBaseState","container","collection","sizePreset","gridSizePresets","topGridSizePreset","range","parentState","makeObservable","isLast","computed","_sections","section","sections","length","id","exports"],"sources":["../../../../src/components/GridSections/GridSectionsSectionState.ts"],"sourcesContent":["import {\n  GridBaseState,\n  gridSizePresets,\n  LayoutType,\n  ToolbarCollectionState,\n  topGridSizePreset,\n} from '../../state';\nimport { GridSectionsState, SectionRange } from './GridSectionsState';\nimport { FiltersMap } from '@wix/bex-core';\nimport { computed, makeObservable } from 'mobx';\n\nexport interface GridSectionsSectionStateParams<T, F extends FiltersMap> {\n  readonly imagePlacement?: 'side' | 'top';\n  readonly gridSections: GridSectionsState<T, F>;\n  readonly sectionDescriptor: SectionRange;\n  readonly layoutType: LayoutType | undefined;\n  readonly draggable?: 'none' | 'draggable';\n}\n\nexport class GridSectionsSectionState<T, F extends FiltersMap> {\n  gridBase;\n  gridSections;\n  sectionDescriptor;\n\n  constructor(params: GridSectionsSectionStateParams<T, F>) {\n    this.gridSections = params.gridSections;\n    this.sectionDescriptor = params.sectionDescriptor;\n    const { imagePlacement, draggable, layoutType } = params;\n    const { toolbar } = this.gridSections;\n    this.gridBase = new GridBaseState({\n      container: toolbar.container,\n      toolbar: toolbar as ToolbarCollectionState<unknown, Partial<F>>,\n      collection: toolbar.collection,\n      sizePreset: imagePlacement\n        ? gridSizePresets[imagePlacement]\n        : topGridSizePreset,\n      range: params.sectionDescriptor.range,\n      parentState: this.gridSections.parentState,\n      layoutType,\n      draggable,\n    });\n\n    makeObservable(this, {\n      isLast: computed,\n    });\n  }\n\n  get isLast() {\n    const {\n      sectionDescriptor: { section },\n      gridSections: { sections },\n    } = this;\n    return sections[sections.length - 1]?.section.id === section.id;\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AASA,IAAAC,KAAA,GAAAD,OAAA;AAUO,MAAME,wBAAwB,CAA0B;EAK7DC,WAAWA,CAACC,MAA4C,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IACxD,IAAI,CAACC,YAAY,GAAGH,MAAM,CAACG,YAAY;IACvC,IAAI,CAACC,iBAAiB,GAAGJ,MAAM,CAACI,iBAAiB;IACjD,MAAM;MAAEC,cAAc;MAAEC,SAAS;MAAEC;IAAW,CAAC,GAAGP,MAAM;IACxD,MAAM;MAAEQ;IAAQ,CAAC,GAAG,IAAI,CAACL,YAAY;IACrC,IAAI,CAACM,QAAQ,GAAG,IAAIC,oBAAa,CAAC;MAChCC,SAAS,EAAEH,OAAO,CAACG,SAAS;MAC5BH,OAAO,EAAEA,OAAsD;MAC/DI,UAAU,EAAEJ,OAAO,CAACI,UAAU;MAC9BC,UAAU,EAAER,cAAc,GACtBS,sBAAe,CAACT,cAAc,CAAC,GAC/BU,wBAAiB;MACrBC,KAAK,EAAEhB,MAAM,CAACI,iBAAiB,CAACY,KAAK;MACrCC,WAAW,EAAE,IAAI,CAACd,YAAY,CAACc,WAAW;MAC1CV,UAAU;MACVD;IACF,CAAC,CAAC;IAEF,IAAAY,oBAAc,EAAC,IAAI,EAAE;MACnBC,MAAM,EAAEC;IACV,CAAC,CAAC;EACJ;EAEA,IAAID,MAAMA,CAAA,EAAG;IAAA,IAAAE,SAAA;IACX,MAAM;MACJjB,iBAAiB,EAAE;QAAEkB;MAAQ,CAAC;MAC9BnB,YAAY,EAAE;QAAEoB;MAAS;IAC3B,CAAC,GAAG,IAAI;IACR,OAAO,EAAAF,SAAA,GAAAE,QAAQ,CAACA,QAAQ,CAACC,MAAM,GAAG,CAAC,CAAC,qBAA7BH,SAAA,CAA+BC,OAAO,CAACG,EAAE,MAAKH,OAAO,CAACG,EAAE;EACjE;AACF;AAACC,OAAA,CAAA5B,wBAAA,GAAAA,wBAAA","ignoreList":[]}

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

@@ -37,7 +37,7 @@ function GridSectionsSingleSkeletonGrid(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 45,
+      lineNumber: 42,
       columnNumber: 5
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_state","require","_react","_interopRequireWildcard","_GridContent","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","GridSectionsSingleSkeletonGrid","props","range","imagePlacement","state","parentState","layoutType","toolbar","collection","useState","GridBaseState","container","sizePreset","gridSizePresets","topGridSizePreset","createElement","GridContent","_extends2","paddingTop","withInfiniteScrollLoader","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/GridSections/GridSectionsSingleSkeletonGrid.tsx"],"sourcesContent":["import { CollectionState, FiltersMap } from '@wix/bex-core';\nimport {\n  GridBaseState,\n  gridSizePresets,\n  ToolbarCollectionState,\n  topGridSizePreset,\n} from '../../state';\nimport React, { useState } from 'react';\nimport { GridContent, GridContentBaseProps } from '../Grid/GridContent';\n\nexport interface GridSectionsSingleSkeletonGridProps<T, F extends FiltersMap>\n  extends GridContentBaseProps<T, F> {\n  state: {\n    toolbar: ToolbarCollectionState<T, F>;\n    collection: CollectionState<T, F>;\n    _subGrids?: GridBaseState<T, F>[];\n  };\n  range?: { start: number; length: number };\n}\n\nexport function GridSectionsSingleSkeletonGrid<\n  T,\n  F extends FiltersMap = FiltersMap,\n>(props: GridSectionsSingleSkeletonGridProps<T, F>) {\n  const { range, imagePlacement, state: parentState, layoutType } = 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      }),\n  );\n\n  return (\n    <GridContent\n      {...props}\n      paddingTop={layoutType === 'list' ? 'SP2' : 'SP4'}\n      state={state}\n      withInfiniteScrollLoader\n    />\n  );\n}\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAMA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAAwE,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,SAAAJ,wBAAAI,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;AAYjE,SAASW,8BAA8BA,CAG5CC,KAAgD,EAAE;EAClD,MAAM;IAAEC,KAAK;IAAEC,cAAc;IAAEC,KAAK,EAAEC,WAAW;IAAEC;EAAW,CAAC,GAAGL,KAAK;EAEvE,MAAM;IAAEM,OAAO;IAAEC;EAAW,CAAC,GAAGH,WAAW;EAE3C,MAAM,CAACD,KAAK,CAAC,GAAG,IAAAK,eAAQ,EACtB,MACE,IAAIC,oBAAa,CAAC;IAChBC,SAAS,EAAEJ,OAAO,CAACI,SAAS;IAC5BJ,OAAO,EAAEA,OAAsD;IAC/DC,UAAU;IACVI,UAAU,EAAET,cAAc,GACtBU,sBAAe,CAACV,cAAc,CAAC,GAC/BW,wBAAiB;IACrBZ,KAAK;IACLG,WAAW;IACXC;EACF,CAAC,CACL,CAAC;EAED,oBACE9B,MAAA,CAAAU,OAAA,CAAA6B,aAAA,CAACrC,YAAA,CAAAsC,WAAW,MAAAC,SAAA,CAAA/B,OAAA,MACNe,KAAK;IACTiB,UAAU,EAAEZ,UAAU,KAAK,MAAM,GAAG,KAAK,GAAG,KAAM;IAClDF,KAAK,EAAEA,KAAM;IACbe,wBAAwB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,EACzB,CAAC;AAEN","ignoreList":[]}
+{"version":3,"names":["_state","require","_react","_interopRequireWildcard","_GridContent","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","GridSectionsSingleSkeletonGrid","props","range","imagePlacement","state","parentState","layoutType","toolbar","collection","useState","GridBaseState","container","sizePreset","gridSizePresets","topGridSizePreset","createElement","GridContent","_extends2","paddingTop","withInfiniteScrollLoader","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/GridSections/GridSectionsSingleSkeletonGrid.tsx"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport {\n  GridBaseState,\n  gridSizePresets,\n  GridState,\n  ToolbarCollectionState,\n  topGridSizePreset,\n} from '../../state';\nimport React, { useState } from 'react';\nimport { GridContent, GridContentBaseProps } from '../Grid/GridContent';\n\nexport interface GridSectionsSingleSkeletonGridProps<T, F extends FiltersMap>\n  extends GridContentBaseProps<T, F> {\n  state: GridState<T, F>;\n  range?: { start: number; length: number };\n}\n\nexport function GridSectionsSingleSkeletonGrid<\n  T,\n  F extends FiltersMap = FiltersMap,\n>(props: GridSectionsSingleSkeletonGridProps<T, F>) {\n  const { range, imagePlacement, state: parentState, layoutType } = 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      }),\n  );\n\n  return (\n    <GridContent\n      {...props}\n      paddingTop={layoutType === 'list' ? 'SP2' : 'SP4'}\n      state={state}\n      withInfiniteScrollLoader\n    />\n  );\n}\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAOA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAAwE,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,SAAAJ,wBAAAI,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;AAQjE,SAASW,8BAA8BA,CAG5CC,KAAgD,EAAE;EAClD,MAAM;IAAEC,KAAK;IAAEC,cAAc;IAAEC,KAAK,EAAEC,WAAW;IAAEC;EAAW,CAAC,GAAGL,KAAK;EAEvE,MAAM;IAAEM,OAAO;IAAEC;EAAW,CAAC,GAAGH,WAAW;EAE3C,MAAM,CAACD,KAAK,CAAC,GAAG,IAAAK,eAAQ,EACtB,MACE,IAAIC,oBAAa,CAAC;IAChBC,SAAS,EAAEJ,OAAO,CAACI,SAAS;IAC5BJ,OAAO,EAAEA,OAAsD;IAC/DC,UAAU;IACVI,UAAU,EAAET,cAAc,GACtBU,sBAAe,CAACV,cAAc,CAAC,GAC/BW,wBAAiB;IACrBZ,KAAK;IACLG,WAAW;IACXC;EACF,CAAC,CACL,CAAC;EAED,oBACE9B,MAAA,CAAAU,OAAA,CAAA6B,aAAA,CAACrC,YAAA,CAAAsC,WAAW,MAAAC,SAAA,CAAA/B,OAAA,MACNe,KAAK;IACTiB,UAAU,EAAEZ,UAAU,KAAK,MAAM,GAAG,KAAK,GAAG,KAAM;IAClDF,KAAK,EAAEA,KAAM;IACbe,wBAAwB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,EACzB,CAAC;AAEN","ignoreList":[]}

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

@@ -10,10 +10,11 @@ class GridSectionsState {
     (0, _defineProperty2.default)(this, "renderSection", void 0);
     (0, _defineProperty2.default)(this, "toolbar", void 0);
     (0, _defineProperty2.default)(this, "collection", void 0);
-    (0, _defineProperty2.default)(this, "_subGrids", []);
+    (0, _defineProperty2.default)(this, "parentState", void 0);
     this.collection = params.collection;
     this.toolbar = params.toolbar;
     this.renderSection = params.renderSection;
+    this.parentState = params.parentState;
     (0, _mobx.makeObservable)(this, {
       sections: _mobx.computed,
       renderSection: _mobx.observable.ref

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

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","GridSectionsState","constructor","params","_defineProperty2","default","collection","toolbar","renderSection","makeObservable","sections","computed","observable","ref","Object","values","result","items","reduce","acc","item","index","section","id","range","start","length","exports"],"sources":["../../../../src/components/GridSections/GridSectionsState.ts"],"sourcesContent":["import { CollectionState, FiltersMap } from '@wix/bex-core';\nimport { computed, makeObservable, observable } from 'mobx';\nimport { GridBaseState, ToolbarCollectionState } from '../../state';\nimport { CtaBaseProps } from '../CtaProps';\n\nexport interface Section {\n  /**\n   * A unique identifier for the section.\n   * @external\n   */\n  id: string;\n  /**\n   * A title for the section.\n   * @external\n   */\n  title: string;\n  /**\n   * A primary call to action for the section.\n   * @overrideType [CtaBaseProps](./?path=/story/common-types--ctabaseprops)\n   * @external\n   */\n  primaryAction?: CtaBaseProps;\n}\n\nexport interface SectionRange {\n  section: Section;\n  range: {\n    start: number;\n    length: number;\n  };\n}\n\nexport type RenderSection<T> = (item: T) => Section;\n\nexport interface GridSectionsStateParams<T, F extends FiltersMap> {\n  readonly collection: CollectionState<T, F>;\n  readonly toolbar: ToolbarCollectionState<T, F>;\n  readonly renderSection?: RenderSection<T>;\n}\n\nexport class GridSectionsState<T, F extends FiltersMap> {\n  renderSection?: RenderSection<T>;\n  readonly toolbar;\n  readonly collection;\n\n  readonly _subGrids = [] as GridBaseState<T, F>[];\n\n  constructor(params: GridSectionsStateParams<T, F>) {\n    this.collection = params.collection;\n    this.toolbar = params.toolbar;\n    this.renderSection = params.renderSection;\n\n    makeObservable(this, {\n      sections: computed,\n      renderSection: observable.ref,\n    });\n  }\n\n  get sections() {\n    const { collection, renderSection } = this;\n\n    if (!renderSection) {\n      return [];\n    }\n\n    return Object.values(\n      collection.result.items.reduce((acc, item, index) => {\n        const section = renderSection(item);\n        if (!acc[section.id]) {\n          acc[section.id] = {\n            section,\n            range: {\n              start: index,\n              length: 0,\n            },\n          };\n        }\n        acc[section.id].range.length++;\n        return acc;\n      }, {} as Record<string, SectionRange>),\n    );\n  }\n}\n"],"mappings":";;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AAuCO,MAAMC,iBAAiB,CAA0B;EAOtDC,WAAWA,CAACC,MAAqC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,qBAF9B,EAAE;IAGrB,IAAI,CAACC,UAAU,GAAGH,MAAM,CAACG,UAAU;IACnC,IAAI,CAACC,OAAO,GAAGJ,MAAM,CAACI,OAAO;IAC7B,IAAI,CAACC,aAAa,GAAGL,MAAM,CAACK,aAAa;IAEzC,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBC,QAAQ,EAAEC,cAAQ;MAClBH,aAAa,EAAEI,gBAAU,CAACC;IAC5B,CAAC,CAAC;EACJ;EAEA,IAAIH,QAAQA,CAAA,EAAG;IACb,MAAM;MAAEJ,UAAU;MAAEE;IAAc,CAAC,GAAG,IAAI;IAE1C,IAAI,CAACA,aAAa,EAAE;MAClB,OAAO,EAAE;IACX;IAEA,OAAOM,MAAM,CAACC,MAAM,CAClBT,UAAU,CAACU,MAAM,CAACC,KAAK,CAACC,MAAM,CAAC,CAACC,GAAG,EAAEC,IAAI,EAAEC,KAAK,KAAK;MACnD,MAAMC,OAAO,GAAGd,aAAa,CAACY,IAAI,CAAC;MACnC,IAAI,CAACD,GAAG,CAACG,OAAO,CAACC,EAAE,CAAC,EAAE;QACpBJ,GAAG,CAACG,OAAO,CAACC,EAAE,CAAC,GAAG;UAChBD,OAAO;UACPE,KAAK,EAAE;YACLC,KAAK,EAAEJ,KAAK;YACZK,MAAM,EAAE;UACV;QACF,CAAC;MACH;MACAP,GAAG,CAACG,OAAO,CAACC,EAAE,CAAC,CAACC,KAAK,CAACE,MAAM,EAAE;MAC9B,OAAOP,GAAG;IACZ,CAAC,EAAE,CAAC,CAAiC,CACvC,CAAC;EACH;AACF;AAACQ,OAAA,CAAA1B,iBAAA,GAAAA,iBAAA","ignoreList":[]}
+{"version":3,"names":["_mobx","require","GridSectionsState","constructor","params","_defineProperty2","default","collection","toolbar","renderSection","parentState","makeObservable","sections","computed","observable","ref","Object","values","result","items","reduce","acc","item","index","section","id","range","start","length","exports"],"sources":["../../../../src/components/GridSections/GridSectionsState.ts"],"sourcesContent":["import { CollectionState, FiltersMap } from '@wix/bex-core';\nimport { computed, makeObservable, observable } from 'mobx';\nimport { GridState, ToolbarCollectionState } from '../../state';\nimport { CtaBaseProps } from '../CtaProps';\n\nexport interface Section {\n  /**\n   * A unique identifier for the section.\n   * @external\n   */\n  id: string;\n  /**\n   * A title for the section.\n   * @external\n   */\n  title: string;\n  /**\n   * A primary call to action for the section.\n   * @overrideType [CtaBaseProps](./?path=/story/common-types--ctabaseprops)\n   * @external\n   */\n  primaryAction?: CtaBaseProps;\n}\n\nexport interface SectionRange {\n  section: Section;\n  range: {\n    start: number;\n    length: number;\n  };\n}\n\nexport type RenderSection<T> = (item: T) => Section;\n\nexport interface GridSectionsStateParams<T, F extends FiltersMap> {\n  readonly collection: CollectionState<T, F>;\n  readonly toolbar: ToolbarCollectionState<T, F>;\n  readonly renderSection?: RenderSection<T>;\n  readonly parentState: GridState<T, F>;\n}\n\nexport class GridSectionsState<T, F extends FiltersMap> {\n  renderSection?: RenderSection<T>;\n  readonly toolbar;\n  readonly collection;\n  readonly parentState;\n\n  constructor(params: GridSectionsStateParams<T, F>) {\n    this.collection = params.collection;\n    this.toolbar = params.toolbar;\n    this.renderSection = params.renderSection;\n    this.parentState = params.parentState;\n\n    makeObservable(this, {\n      sections: computed,\n      renderSection: observable.ref,\n    });\n  }\n\n  get sections() {\n    const { collection, renderSection } = this;\n\n    if (!renderSection) {\n      return [];\n    }\n\n    return Object.values(\n      collection.result.items.reduce((acc, item, index) => {\n        const section = renderSection(item);\n        if (!acc[section.id]) {\n          acc[section.id] = {\n            section,\n            range: {\n              start: index,\n              length: 0,\n            },\n          };\n        }\n        acc[section.id].range.length++;\n        return acc;\n      }, {} as Record<string, SectionRange>),\n    );\n  }\n}\n"],"mappings":";;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AAwCO,MAAMC,iBAAiB,CAA0B;EAMtDC,WAAWA,CAACC,MAAqC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IACjD,IAAI,CAACC,UAAU,GAAGH,MAAM,CAACG,UAAU;IACnC,IAAI,CAACC,OAAO,GAAGJ,MAAM,CAACI,OAAO;IAC7B,IAAI,CAACC,aAAa,GAAGL,MAAM,CAACK,aAAa;IACzC,IAAI,CAACC,WAAW,GAAGN,MAAM,CAACM,WAAW;IAErC,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBC,QAAQ,EAAEC,cAAQ;MAClBJ,aAAa,EAAEK,gBAAU,CAACC;IAC5B,CAAC,CAAC;EACJ;EAEA,IAAIH,QAAQA,CAAA,EAAG;IACb,MAAM;MAAEL,UAAU;MAAEE;IAAc,CAAC,GAAG,IAAI;IAE1C,IAAI,CAACA,aAAa,EAAE;MAClB,OAAO,EAAE;IACX;IAEA,OAAOO,MAAM,CAACC,MAAM,CAClBV,UAAU,CAACW,MAAM,CAACC,KAAK,CAACC,MAAM,CAAC,CAACC,GAAG,EAAEC,IAAI,EAAEC,KAAK,KAAK;MACnD,MAAMC,OAAO,GAAGf,aAAa,CAACa,IAAI,CAAC;MACnC,IAAI,CAACD,GAAG,CAACG,OAAO,CAACC,EAAE,CAAC,EAAE;QACpBJ,GAAG,CAACG,OAAO,CAACC,EAAE,CAAC,GAAG;UAChBD,OAAO;UACPE,KAAK,EAAE;YACLC,KAAK,EAAEJ,KAAK;YACZK,MAAM,EAAE;UACV;QACF,CAAC;MACH;MACAP,GAAG,CAACG,OAAO,CAACC,EAAE,CAAC,CAACC,KAAK,CAACE,MAAM,EAAE;MAC9B,OAAOP,GAAG;IACZ,CAAC,EAAE,CAAC,CAAiC,CACvC,CAAC;EACH;AACF;AAACQ,OAAA,CAAA3B,iBAAA,GAAAA,iBAAA","ignoreList":[]}

package/dist/cjs/components/Heading/Heading.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "Heading3496679276";
+var _namespace_ = "Heading2837457667";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "Heading3496679276__root"
+  "root": "Heading2837457667__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Heading/Heading.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading3496679276\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Heading3496679276__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAyB,CAAC;AAChD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading2837457667\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Heading2837457667__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAyB,CAAC;AAChD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/InputOverflow/InputOverflow.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "InputOverflow4063045637";
+var _namespace_ = "InputOverflow3961604714";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "InputOverflow4063045637__root"
+  "root": "InputOverflow3961604714__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/InputOverflow/InputOverflow.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/InputOverflow/InputOverflow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"InputOverflow4063045637\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"InputOverflow4063045637__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/InputOverflow/InputOverflow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"InputOverflow3961604714\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"InputOverflow3961604714__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/LoadingRow/AILoadingLottiePoster.js

@@ -0,0 +1,75 @@
+"use strict";
+
+exports.__esModule = true;
+exports.AILoadingLottiePoster = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/LoadingRow/AILoadingLottiePoster.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; }
+const AILoadingLottiePoster = exports.AILoadingLottiePoster = /*#__PURE__*/(0, _react.memo)(() => {
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    width: "20",
+    height: "20",
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 5,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    "clip-path": "url(#clip0_1_9)",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 12,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M9.02599 1.7555C9.4051 1.7555 9.73557 2.01352 9.82751 2.3813L10.0372 3.21994C10.8512 6.47605 13.3936 9.01844 16.6496 9.83248L17.4883 10.0422C17.8562 10.1341 18.1141 10.4646 18.1141 10.8437C18.1141 11.2228 17.856 11.5533 17.4883 11.6452L16.6498 11.8549C13.3936 12.6688 10.8512 15.2112 10.0371 18.4674L9.82751 19.306C9.73557 19.6738 9.4051 19.9317 9.02599 19.9317C8.64688 19.9317 8.31641 19.6738 8.22447 19.306L8.01483 18.4674C7.2008 15.2112 4.65834 12.6688 1.40217 11.8549L0.563698 11.6452C0.195894 11.5533 -0.0621262 11.2228 -0.0621262 10.8437C-0.0621262 10.4646 0.195877 10.1341 0.563681 10.0422L1.40232 9.83248C4.65842 9.01844 7.20078 6.47605 8.01481 3.21994L8.22447 2.3813C8.31641 2.01352 8.64688 1.7555 9.02599 1.7555Z",
+    fill: "#116DFF",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 13,
+      columnNumber: 9
+    }
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M15.7477 -0.0621262C15.9017 -0.0621262 16.036 0.0427019 16.0733 0.192126L16.1585 0.532846C16.4892 1.85573 17.5221 2.88865 18.845 3.21938L19.1857 3.30457C19.3352 3.34193 19.44 3.47619 19.44 3.63022C19.44 3.78424 19.3351 3.9185 19.1857 3.95585L18.845 4.04104C17.5221 4.37173 16.4892 5.40464 16.1585 6.72756L16.0733 7.06826C16.036 7.2177 15.9017 7.32249 15.7477 7.32249C15.5936 7.32249 15.4594 7.2177 15.422 7.06826L15.3369 6.72756C15.0061 5.40464 13.9732 4.37173 12.6503 4.04104L12.3096 3.95585C12.1602 3.9185 12.0554 3.78424 12.0554 3.63022C12.0554 3.47619 12.1602 3.34193 12.3096 3.30457L12.6503 3.21938C13.9732 2.88865 15.0061 1.85573 15.3368 0.532846L15.422 0.192126C15.4594 0.0427019 15.5936 -0.0621262 15.7477 -0.0621262Z",
+    fill: "#116DFF",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 17,
+      columnNumber: 9
+    }
+  })), /*#__PURE__*/_react.default.createElement("defs", {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 22,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement("clipPath", {
+    id: "clip0_1_9",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 23,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement("rect", {
+    width: "20",
+    height: "20",
+    fill: "white",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 24,
+      columnNumber: 11
+    }
+  }))));
+});
+//# sourceMappingURL=AILoadingLottiePoster.js.map

package/dist/cjs/components/LoadingRow/AILoadingLottiePoster.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AILoadingLottiePoster","exports","memo","createElement","width","height","viewBox","fill","xmlns","__self","__source","fileName","lineNumber","columnNumber","d","id"],"sources":["../../../../src/components/LoadingRow/AILoadingLottiePoster.tsx"],"sourcesContent":["import React, { memo } from 'react';\n\nexport const AILoadingLottiePoster = memo(() => {\n  return (\n    <svg\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <g clip-path=\"url(#clip0_1_9)\">\n        <path\n          d=\"M9.02599 1.7555C9.4051 1.7555 9.73557 2.01352 9.82751 2.3813L10.0372 3.21994C10.8512 6.47605 13.3936 9.01844 16.6496 9.83248L17.4883 10.0422C17.8562 10.1341 18.1141 10.4646 18.1141 10.8437C18.1141 11.2228 17.856 11.5533 17.4883 11.6452L16.6498 11.8549C13.3936 12.6688 10.8512 15.2112 10.0371 18.4674L9.82751 19.306C9.73557 19.6738 9.4051 19.9317 9.02599 19.9317C8.64688 19.9317 8.31641 19.6738 8.22447 19.306L8.01483 18.4674C7.2008 15.2112 4.65834 12.6688 1.40217 11.8549L0.563698 11.6452C0.195894 11.5533 -0.0621262 11.2228 -0.0621262 10.8437C-0.0621262 10.4646 0.195877 10.1341 0.563681 10.0422L1.40232 9.83248C4.65842 9.01844 7.20078 6.47605 8.01481 3.21994L8.22447 2.3813C8.31641 2.01352 8.64688 1.7555 9.02599 1.7555Z\"\n          fill=\"#116DFF\"\n        />\n        <path\n          d=\"M15.7477 -0.0621262C15.9017 -0.0621262 16.036 0.0427019 16.0733 0.192126L16.1585 0.532846C16.4892 1.85573 17.5221 2.88865 18.845 3.21938L19.1857 3.30457C19.3352 3.34193 19.44 3.47619 19.44 3.63022C19.44 3.78424 19.3351 3.9185 19.1857 3.95585L18.845 4.04104C17.5221 4.37173 16.4892 5.40464 16.1585 6.72756L16.0733 7.06826C16.036 7.2177 15.9017 7.32249 15.7477 7.32249C15.5936 7.32249 15.4594 7.2177 15.422 7.06826L15.3369 6.72756C15.0061 5.40464 13.9732 4.37173 12.6503 4.04104L12.3096 3.95585C12.1602 3.9185 12.0554 3.78424 12.0554 3.63022C12.0554 3.47619 12.1602 3.34193 12.3096 3.30457L12.6503 3.21938C13.9732 2.88865 15.0061 1.85573 15.3368 0.532846L15.422 0.192126C15.4594 0.0427019 15.5936 -0.0621262 15.7477 -0.0621262Z\"\n          fill=\"#116DFF\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_9\">\n          <rect width=\"20\" height=\"20\" fill=\"white\" />\n        </clipPath>\n      </defs>\n    </svg>\n  );\n});\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/LoadingRow/LoadingRow.st.css

@@ -0,0 +1,28 @@
+@keyframes gradientSwoosh {
+  0% {
+    background-position: 50% 50%;
+  }
+  15% {
+    background-position: 25% 50%;
+  }
+  30% {
+    background-position: 0% 50%;
+  }
+  100% {
+    background-position: 100% 50%;
+  }
+}
+
+.root {
+  background-image: linear-gradient(
+      60deg,
+      rgba(255, 255, 255, 0.15) 0%,
+      rgba(255, 255, 255, 0.15) 50%,
+      rgba(95, 242, 174, 0.15) 100%
+    ),
+    linear-gradient(284.81deg, #ffffff 67.18%, #91bbff 158.87%);
+
+  background-size: 150% 125%;
+  background-repeat: no-repeat;
+  animation: gradientSwoosh 3s linear infinite alternate;
+}

package/dist/cjs/components/LoadingRow/LoadingRow.st.css.js

@@ -0,0 +1,24 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "LoadingRow3077232086";
+var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
+var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
+var style = exports.style = _style_;
+var st = exports.st = _style_;
+var namespace = exports.namespace = _namespace_;
+var classes = exports.classes = {
+  "root": "LoadingRow3077232086__root"
+};
+var keyframes = exports.keyframes = {
+  "gradientSwoosh": "LoadingRow3077232086__gradientSwoosh"
+};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {};
+//# sourceMappingURL=LoadingRow.st.css.js.map

package/dist/cjs/components/LoadingRow/LoadingRow.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/LoadingRow/LoadingRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"LoadingRow3077232086\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"LoadingRow3077232086__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow3077232086__gradientSwoosh\"}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG;EAAC,gBAAgB,EAAC;AAAsC,CAAC;AACzE,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/LoadingRow/LoadingRowState.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.LoadingRowState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _mobx = require("mobx");
+var _bexCore = require("@wix/bex-core");
+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; }
+class LoadingRowState {
+  constructor() {
+    (0, _defineProperty2.default)(this, "loadingItems", _mobx.observable.map([], {
+      deep: false
+    }));
+    (0, _defineProperty2.default)(this, "animationDuration", 1600);
+    (0, _defineProperty2.default)(this, "animationData", undefined);
+    (0, _defineProperty2.default)(this, "LottieRenderer", undefined);
+    (0, _defineProperty2.default)(this, "loadAnimationAssetsTask", new _bexCore.TaskState());
+    (0, _mobx.makeObservable)(this, {
+      animationData: _mobx.observable.ref,
+      LottieRenderer: _mobx.observable.ref,
+      addLoadingItem: _mobx.action,
+      removeLoadingItem: _mobx.action
+    });
+  }
+  addLoadingItem(id) {
+    this._loadAnimationAssets();
+    this.loadingItems.set(id, {
+      id,
+      startTime: Date.now()
+    });
+    setTimeout(() => {
+      this.removeLoadingItem(id);
+    }, this.animationDuration);
+  }
+  removeLoadingItem(id) {
+    this.loadingItems.delete(id);
+  }
+  isLoading(id) {
+    return this.loadingItems.has(id);
+  }
+  async setLottieRenderer() {
+    if (process.env.NODE_ENV === 'test') {
+      require('jest-canvas-mock');
+    }
+    this.LottieRenderer = (await Promise.resolve().then(() => _interopRequireWildcard(require('lottie-react')))).default;
+  }
+  async setAnimationData() {
+    this.animationData = (await Promise.resolve().then(() => _interopRequireWildcard(require('./aiLoadingLottie')))).aiLoadingLottie;
+  }
+  _loadAnimationAssets() {
+    this.loadAnimationAssetsTask.runOnce(async () => {
+      await Promise.all([this.setLottieRenderer(), this.setAnimationData()]);
+    });
+  }
+}
+exports.LoadingRowState = LoadingRowState;
+//# sourceMappingURL=LoadingRowState.js.map

package/dist/cjs/components/LoadingRow/LoadingRowState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_mobx","require","_bexCore","_getRequireWildcardCache","e","WeakMap","r","t","_interopRequireWildcard","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","LoadingRowState","constructor","_defineProperty2","observable","map","deep","undefined","TaskState","makeObservable","animationData","ref","LottieRenderer","addLoadingItem","action","removeLoadingItem","id","_loadAnimationAssets","loadingItems","startTime","Date","now","setTimeout","animationDuration","delete","isLoading","setLottieRenderer","process","env","NODE_ENV","Promise","resolve","then","setAnimationData","aiLoadingLottie","loadAnimationAssetsTask","runOnce","all","exports"],"sources":["../../../../src/components/LoadingRow/LoadingRowState.ts"],"sourcesContent":["import { action, makeObservable, observable } from 'mobx';\nimport { TaskState } from '@wix/bex-core';\n\nexport interface LoadingRow {\n  id: string;\n  startTime: number;\n}\n\nexport class LoadingRowState {\n  readonly loadingItems = observable.map<string, LoadingRow>([], {\n    deep: false,\n  });\n  animationDuration = 1600;\n\n  animationData = undefined as { layers: any[] } | undefined;\n  LottieRenderer = undefined as\n    | typeof import('lottie-react').default\n    | undefined;\n\n  loadAnimationAssetsTask = new TaskState();\n\n  constructor() {\n    makeObservable(this, {\n      animationData: observable.ref,\n      LottieRenderer: observable.ref,\n      addLoadingItem: action,\n      removeLoadingItem: action,\n    });\n  }\n\n  addLoadingItem(id: string) {\n    this._loadAnimationAssets();\n    this.loadingItems.set(id, {\n      id,\n      startTime: Date.now(),\n    });\n\n    setTimeout(() => {\n      this.removeLoadingItem(id);\n    }, this.animationDuration);\n  }\n\n  removeLoadingItem(id: string) {\n    this.loadingItems.delete(id);\n  }\n\n  isLoading(id: string): boolean {\n    return this.loadingItems.has(id);\n  }\n\n  async setLottieRenderer() {\n    if (process.env.NODE_ENV === 'test') {\n      require('jest-canvas-mock');\n    }\n    this.LottieRenderer = (await import('lottie-react')).default;\n  }\n\n  async setAnimationData() {\n    this.animationData = (await import('./aiLoadingLottie')).aiLoadingLottie;\n  }\n\n  _loadAnimationAssets() {\n    this.loadAnimationAssetsTask.runOnce(async () => {\n      await Promise.all([this.setLottieRenderer(), this.setAnimationData()]);\n    });\n  }\n}\n"],"mappings":"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","ignoreList":[]}