npm - @wix/patterns - Versions diffs - 1.347.0 → 1.349.0 - Mend

@wix/patterns 1.347.0 → 1.349.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (389) hide show

package/dist/cjs/components/SkeletonCard/SkeletonCard.st.css.js.map CHANGED Viewed

	@@ -1 +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/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~SkeletonCard4080766162~~\";\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\":\"~~SkeletonCard4080766162__root~~\",\"headerLoading\":\"~~SkeletonCard4080766162__headerLoading~~\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,8BAA8B;EAAC,eAAe,EAAC;AAAuC,CAAC;AAC7G,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":[]}
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/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SkeletonCard2008983369\";\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\":\"SkeletonCard2008983369__root\",\"headerLoading\":\"SkeletonCard2008983369__headerLoading\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,8BAA8B;EAAC,eAAe,EAAC;AAAuC,CAAC;AAC7G,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/SlidingModal/SlidingModal.st.css.js CHANGED Viewed

@@ -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_ = "SlidingModal4292764214";
+var _namespace_ = "SlidingModal4217273137";
 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": "SlidingModal4292764214__root"
+  "root": "SlidingModal4217273137__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SlidingModal/SlidingModal.st.css.js.map CHANGED Viewed

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

package/dist/cjs/components/Table/TableBase.js CHANGED Viewed

@@ -89,6 +89,8 @@ function _TableBase(props) {
     table: state,
     groupBy: sections.groupBy,
     renderSection: sections.renderSection,
+    collapsible: sections.collapsible,
+    events: sections.events,
     __self: this,
     __source: {
       fileName: _jsxFileName,
@@ -100,7 +102,7 @@ function _TableBase(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 83,
+      lineNumber: 85,
       columnNumber: 9
     }
   })));

package/dist/cjs/components/Table/TableBase.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_CollectionTable","_useTableSyncProps","_providers","_getToolbarCollectionFeaturesInitializers","_useTableBaseRow","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableBase","props","state","sections","useNewInfiniteScrollLoader","multiLevelSorting","internalScroll","toolbar","container","isPanelLayout","table","collection","fetchedLastPage","query","limit","scrollElement","useTableSyncProps","TableBaseRow","useTableBaseRow","useEffect","init","featuresInitializers","getToolbarCollectionFeaturesInitializers","hasMultiLevelSorting","undefined","infiniteScrollProps","infiniteScroll","loadMore","fetchNextPageIfNeeded","hasMore","itemsPerPage","loader","createElement","Box","backgroundColor","align","padding","__self","__source","fileName","lineNumber","columnNumber","Loader","dataHook","commonTableProps","initialLoad","TableProvider","value","TableSections","_extends2","groupBy","renderSection","CollectionTable","TrElementType","TableBase","exports","observer"],"sources":["../../../../src/components/Table/TableBase.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Box, Loader } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { CollectionTable, CollectionTableProps } from '../CollectionTable';\nimport { useTableSyncProps } from './useTableSyncProps';\nimport { TableProvider } from '../../providers';\nimport { getToolbarCollectionFeaturesInitializers } from '../../state/getToolbarCollectionFeaturesInitializers';\nimport { useTableBaseRow } from './useTableBaseRow';\nimport type { TableSectionsProp } from '../TableSections';\n\nexport interface TableBaseProps<T, F extends FiltersMap>\n extends CollectionTableProps<T, F> {\n rowHeight?: number \| ((item: T, index: number) => number);\n estimatedRowHeight?: number;\n sections?: TableSectionsProp<T>;\n}\n\nfunction _TableBase<T, F extends FiltersMap = FiltersMap>(\n props: TableBaseProps<T, F>,\n) {\n const { state, sections, useNewInfiniteScrollLoader, multiLevelSorting } =\n props;\n\n const internalScroll = state.toolbar.container.isPanelLayout\n ? true\n : props.internalScroll;\n\n const { table } = state;\n const { collection } = table;\n const {\n fetchedLastPage,\n query: { limit },\n } = collection;\n\n const { scrollElement } = useTableSyncProps(props);\n\n const TableBaseRow = useTableBaseRow(state);\n\n useEffect(() => {\n return state.init({\n featuresInitializers: [\n ...getToolbarCollectionFeaturesInitializers(props),\n ],\n hasMultiLevelSorting: multiLevelSorting !== undefined,\n });\n }, []);\n\n const infiniteScrollProps =\n useNewInfiniteScrollLoader \|\| internalScroll\n ? {}\n : {\n infiniteScroll: true,\n loadMore: collection.fetchNextPageIfNeeded,\n hasMore: !fetchedLastPage,\n itemsPerPage: limit,\n loader: (\n <Box backgroundColor=\"D80\" align=\"center\" padding=\"large\">\n <Loader dataHook=\"infinite-scroll-loader\" />\n </Box>\n ),\n };\n\n const commonTableProps = {\n ...props,\n ...infiniteScrollProps,\n scrollElement,\n useNewInfiniteScrollLoader,\n initialLoad: false,\n state,\n };\n\n return (\n <TableProvider value={state}>\n {sections ? (\n <sections.TableSections\n {...commonTableProps}\n table={state}\n groupBy={sections.groupBy}\n renderSection={sections.renderSection}\n />\n ) : (\n <CollectionTable {...commonTableProps} TrElementType={TableBaseRow} />\n )}\n </TableProvider>\n );\n}\n\nexport const TableBase = observer(_TableBase);\n"],"mappings":"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~~IAAAd~~,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3D,YAAA;MAAA4D,UAAA;MAAAC,YAAA;IAAA;EAAA,~~EACvC~~,CAAC,gBAEFvE,MAAA,CAAAqB,OAAA,CAAAyC,aAAA,CAACzD,gBAAA,~~CAAA6E~~,eAAe,~~MAAAH~~,SAAA,CAAA1D,OAAA,MAAKqD,gBAAgB;~~IAAES~~,aAAa,~~EAAEpC~~,YAAa;IAAAoB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3D,YAAA;MAAA4D,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAE,CAE1D,CAAC;AAEpB;AAEO,~~MAAMa~~,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,uBAAQ,~~EAACxD~~,UAAU,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_CollectionTable","_useTableSyncProps","_providers","_getToolbarCollectionFeaturesInitializers","_useTableBaseRow","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableBase","props","state","sections","useNewInfiniteScrollLoader","multiLevelSorting","internalScroll","toolbar","container","isPanelLayout","table","collection","fetchedLastPage","query","limit","scrollElement","useTableSyncProps","TableBaseRow","useTableBaseRow","useEffect","init","featuresInitializers","getToolbarCollectionFeaturesInitializers","hasMultiLevelSorting","undefined","infiniteScrollProps","infiniteScroll","loadMore","fetchNextPageIfNeeded","hasMore","itemsPerPage","loader","createElement","Box","backgroundColor","align","padding","__self","__source","fileName","lineNumber","columnNumber","Loader","dataHook","commonTableProps","initialLoad","TableProvider","value","TableSections","_extends2","groupBy","renderSection","collapsible","events","CollectionTable","TrElementType","TableBase","exports","observer"],"sources":["../../../../src/components/Table/TableBase.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Box, Loader } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { CollectionTable, CollectionTableProps } from '../CollectionTable';\nimport { useTableSyncProps } from './useTableSyncProps';\nimport { TableProvider } from '../../providers';\nimport { getToolbarCollectionFeaturesInitializers } from '../../state/getToolbarCollectionFeaturesInitializers';\nimport { useTableBaseRow } from './useTableBaseRow';\nimport type { TableSectionsProp } from '../TableSections';\n\nexport interface TableBaseProps<T, F extends FiltersMap>\n extends CollectionTableProps<T, F> {\n rowHeight?: number \| ((item: T, index: number) => number);\n estimatedRowHeight?: number;\n sections?: TableSectionsProp<T>;\n}\n\nfunction _TableBase<T, F extends FiltersMap = FiltersMap>(\n props: TableBaseProps<T, F>,\n) {\n const { state, sections, useNewInfiniteScrollLoader, multiLevelSorting } =\n props;\n\n const internalScroll = state.toolbar.container.isPanelLayout\n ? true\n : props.internalScroll;\n\n const { table } = state;\n const { collection } = table;\n const {\n fetchedLastPage,\n query: { limit },\n } = collection;\n\n const { scrollElement } = useTableSyncProps(props);\n\n const TableBaseRow = useTableBaseRow(state);\n\n useEffect(() => {\n return state.init({\n featuresInitializers: [\n ...getToolbarCollectionFeaturesInitializers(props),\n ],\n hasMultiLevelSorting: multiLevelSorting !== undefined,\n });\n }, []);\n\n const infiniteScrollProps =\n useNewInfiniteScrollLoader \|\| internalScroll\n ? {}\n : {\n infiniteScroll: true,\n loadMore: collection.fetchNextPageIfNeeded,\n hasMore: !fetchedLastPage,\n itemsPerPage: limit,\n loader: (\n <Box backgroundColor=\"D80\" align=\"center\" padding=\"large\">\n <Loader dataHook=\"infinite-scroll-loader\" />\n </Box>\n ),\n };\n\n const commonTableProps = {\n ...props,\n ...infiniteScrollProps,\n scrollElement,\n useNewInfiniteScrollLoader,\n initialLoad: false,\n state,\n };\n\n return (\n <TableProvider value={state}>\n {sections ? (\n <sections.TableSections\n {...commonTableProps}\n table={state}\n groupBy={sections.groupBy}\n renderSection={sections.renderSection}\n collapsible={sections.collapsible}\n events={sections.events}\n />\n ) : (\n <CollectionTable {...commonTableProps} TrElementType={TableBaseRow} />\n )}\n </TableProvider>\n );\n}\n\nexport const TableBase = observer(_TableBase);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/TableGridSwitch/TableGridSwitch.js CHANGED Viewed

@@ -30,7 +30,7 @@ function _TableGridSwitch(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 60,
+      lineNumber: 66,
       columnNumber: 5
     }
   });
@@ -49,7 +49,9 @@ function _TableGridSwitch(props) {
   const tableSections = sections ? {
     TableSections: sections.TableSections,
     groupBy: sections.groupBy,
-    renderSection: sections.renderSection
+    renderSection: sections.renderSection,
+    collapsible: sections.collapsible,
+    events: sections.events
   } : undefined;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isLoading ? /*#__PURE__*/_react.default.createElement(_InitialLoader.InitialLoader, {
     dataHook: "initial-loader",
@@ -57,7 +59,7 @@ function _TableGridSwitch(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 90,
+      lineNumber: 98,
       columnNumber: 9
     }
   }) : state.viewType === 'grid' ? /*#__PURE__*/_react.default.createElement(_Grid.Grid, (0, _extends2.default)({}, restProps, {
@@ -68,7 +70,7 @@ function _TableGridSwitch(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 92,
+      lineNumber: 100,
       columnNumber: 9
     }
   })) : /*#__PURE__*/_react.default.createElement(_.Table, (0, _extends2.default)({}, restProps, {
@@ -80,7 +82,7 @@ function _TableGridSwitch(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 100,
+      lineNumber: 108,
       columnNumber: 9
     }
   })));

package/dist/cjs/components/TableGridSwitch/TableGridSwitch.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_Grid","_","_mobxReactLite","_TableGridSwitchButton","_InitialLoader","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableGridSwitch","props","state","dragAndDrop","sections","restProps","gridState","tableState","toolbar","tableGridSwitchButton","createElement","TableGridSwitchButton","viewTypeState","__self","__source","fileName","lineNumber","columnNumber","useEffect","init","initTask","status","isLoading","isIdle","gridSections","GridSections","groupBy","renderSection","undefined","tableSections","TableSections","Fragment","InitialLoader","dataHook","viewType","Grid","_extends2","grid","Table","sticky","table","TableGridSwitch","exports","observer"],"sources":["../../../../src/components/TableGridSwitch/TableGridSwitch.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { Grid, GridBasePropsWithoutPreset } from '../Grid';\nimport { Table, TableProps } from '..';\nimport { observer } from 'mobx-react-lite';\nimport type { TableGridSwitchState } from '../../state/TableGridSwitchState';\nimport { TableGridSwitchButton } from '../TableGridSwitchButton';\nimport { GridPresetProps } from '../Grid/Grid.types';\nimport type { TableGridSwitchDragAndDrop } from './TableGridSwitchDragAndDrop';\nimport { InitialLoader } from '../InitialLoader';\nimport { GridSectionsContent } from '../GridSections/GridSectionsContent';\nimport type { GroupBy, RenderSection } from '../CollectionSectionHeader';\nimport { TableSections } from '../TableSections';\n\nexport interface TableGridSwitchBaseProps<T, F extends FiltersMap>\n extends Omit<\n GridBasePropsWithoutPreset<T, F>,\n 'state' \| 'dragAndDrop' \| 'tableGridSwitchButton' \| 'sticky' \| 'sections'\n >,\n Omit<\n TableProps<T, F>,\n 'state' \| 'dragAndDrop' \| 'tableGridSwitchButton' \| 'sticky' \| 'sections'\n > {\n /*\n A `TableGridSwitchState` instance created using [useTableGridSwitch](./?path=/story/base-components-collections-tablegridswitch-usetablegridswitchcollection--usetablegridswitchcollection).\n /\n state: TableGridSwitchState<T, F>;\n /\n Adds functionality to allow visitors to reorder items manually.\n * For more information, see the [Drag and Drop Overview](./?path=/story/features-sort-drag-and-drop--overview).\n * @overrideType [TableGridSwitchDragAndDrop](./?path=/story/features-sort-drag-and-drop--tablegridswitchdraganddrop)\n * @external\n /\n dragAndDrop?: typeof TableGridSwitchDragAndDrop;\n /\n Configuration for rendering sections. When provided, the component will render with section headers\n * that group related rows together for both Grid and Table views.\n * @external\n */\n sections?: {\n GridSections: typeof GridSectionsContent;\n TableSections: typeof TableSections;\n groupBy: GroupBy<T>;\n renderSection: RenderSection<T>;\n };\n}\n\nexport type TableGridSwitchProps<T, F extends FiltersMap> = GridPresetProps<\n T,\n TableGridSwitchBaseProps<T, F>\n>;\n\nexport function _TableGridSwitch<T, F extends FiltersMap = FiltersMap>(\n props: TableGridSwitchProps<T, F>,\n) {\n const { state, dragAndDrop, sections, ...restProps } = props;\n const { gridState, tableState, toolbar } = state;\n\n const tableGridSwitchButton = (\n <TableGridSwitchButton state={state.viewTypeState} />\n );\n\n useEffect(() => state.init(), []);\n\n const {\n initTask: { status },\n } = state;\n\n const isLoading = status.isIdle \|\| status.isLoading;\n\n const gridSections = sections\n ? {\n GridSections: sections.GridSections,\n groupBy: sections.groupBy,\n renderSection: sections.renderSection,\n }\n : undefined;\n\n const tableSections = sections\n ? {\n TableSections: sections.TableSections,\n groupBy: sections.groupBy,\n renderSection: sections.renderSection,\n }\n : undefined;\n\n return (\n <>\n {isLoading ? (\n <InitialLoader dataHook=\"initial-loader\" state={toolbar} />\n ) : state.viewType === 'grid' ? (\n <Grid\n {...restProps}\n tableGridSwitchButton={tableGridSwitchButton}\n state={gridState}\n dragAndDrop={dragAndDrop?.grid}\n sections={gridSections}\n />\n ) : (\n <Table\n {...restProps}\n sticky\n tableGridSwitchButton={tableGridSwitchButton}\n state={tableState}\n dragAndDrop={dragAndDrop?.table}\n sections={tableSections}\n />\n )}\n </>\n );\n}\n\nexport const TableGridSwitch = observer(_TableGridSwitch);\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,CAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAEA,IAAAI,sBAAA,GAAAJ,OAAA;AAGA,IAAAK,cAAA,GAAAL,OAAA;AAAiD,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;~~AA2C1C~~,SAASkB,gBAAgBA,CAC9BC,KAAiC,EACjC;EACA,MAAM;IAAEC,KAAK;IAAEC,WAAW;IAAEC,QAAQ;IAAE,GAAGC;EAAU,CAAC,GAAGJ,KAAK;EAC5D,MAAM;IAAEK,SAAS;IAAEC,UAAU;IAAEC;EAAQ,CAAC,GAAGN,KAAK;EAEhD,MAAMO,qBAAqB,gBACzBrC,MAAA,CAAAmB,OAAA,CAAAmB,aAAA,CAAChC,sBAAA,CAAAiC,qBAAqB;IAACT,KAAK,EAAEA,KAAK,CAACU,aAAc;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnC,YAAA;MAAAoC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACrD;EAED,IAAAC,gBAAS,EAAC,MAAMhB,KAAK,CAACiB,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC;EAEjC,MAAM;IACJC,QAAQ,EAAE;MAAEC;IAAO;EACrB,CAAC,GAAGnB,KAAK;EAET,MAAMoB,SAAS,GAAGD,MAAM,CAACE,MAAM,IAAIF,MAAM,CAACC,SAAS;EAEnD,MAAME,YAAY,GAAGpB,QAAQ,GACzB;IACEqB,YAAY,EAAErB,QAAQ,CAACqB,YAAY;IACnCC,OAAO,EAAEtB,QAAQ,CAACsB,OAAO;IACzBC,aAAa,EAAEvB,QAAQ,CAACuB;EAC1B,CAAC,GACDC,SAAS;EAEb,MAAMC,aAAa,GAAGzB,QAAQ,GAC1B;IACE0B,aAAa,EAAE1B,QAAQ,CAAC0B,aAAa;IACrCJ,OAAO,EAAEtB,QAAQ,CAACsB,OAAO;IACzBC,aAAa,EAAEvB,QAAQ,CAACuB;~~EAC1B~~,CAAC,~~GACDC~~,SAAS;EAEb,oBACExD,MAAA,CAAAmB,OAAA,CAAAmB,aAAA,CAAAtC,MAAA,CAAAmB,OAAA,~~CAAAwC~~,QAAA,~~QACGT~~,SAAS,gBACRlD,MAAA,CAAAmB,OAAA,CAAAmB,aAAA,CAAC/B,cAAA,~~CAAAqD~~,aAAa;IAACC,QAAQ,EAAC,gBAAgB;~~IAAC/B~~,KAAK,EAAEM,OAAQ;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnC,YAAA;MAAAoC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,GACzDf,KAAK,~~CAACgC~~,QAAQ,KAAK,MAAM,~~gBAC3B9D~~,MAAA,CAAAmB,OAAA,CAAAmB,aAAA,CAACnC,KAAA,~~CAAA4D~~,IAAI,MAAAC,SAAA,~~CAAA7C~~,OAAA,MACCc,SAAS;IACbI,qBAAqB,EAAEA,qBAAsB;IAC7CP,KAAK,EAAEI,SAAU;IACjBH,WAAW,EAAEA,WAAW,oBAAXA,WAAW,~~CAAEkC~~,IAAK;IAC/~~BjC~~,QAAQ,EAAEoB,YAAa;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnC,YAAA;MAAAoC,UAAA;MAAAC,YAAA;IAAA;EAAA,EACxB,CAAC,gBAEF7C,MAAA,CAAAmB,OAAA,CAAAmB,aAAA,CAAClC,CAAA,~~CAAA8D~~,KAAK,MAAAF,SAAA,~~CAAA7C~~,OAAA,MACAc,SAAS;~~IACbkC~~,MAAM;~~IACN9B~~,qBAAqB,EAAEA,qBAAsB;IAC7CP,KAAK,EAAEK,UAAW;IAClBJ,WAAW,EAAEA,WAAW,oBAAXA,WAAW,~~CAAEqC~~,KAAM;~~IAChCpC~~,QAAQ,EAAEyB,aAAc;IAAAhB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnC,YAAA;MAAAoC,UAAA;MAAAC,YAAA;IAAA;EAAA,EACzB,CAEH,CAAC;AAEP;AAEO,~~MAAMwB~~,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,uBAAQ,~~EAAC3C~~,gBAAgB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_Grid","_","_mobxReactLite","_TableGridSwitchButton","_InitialLoader","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableGridSwitch","props","state","dragAndDrop","sections","restProps","gridState","tableState","toolbar","tableGridSwitchButton","createElement","TableGridSwitchButton","viewTypeState","__self","__source","fileName","lineNumber","columnNumber","useEffect","init","initTask","status","isLoading","isIdle","gridSections","GridSections","groupBy","renderSection","undefined","tableSections","TableSections","collapsible","events","Fragment","InitialLoader","dataHook","viewType","Grid","_extends2","grid","Table","sticky","table","TableGridSwitch","exports","observer"],"sources":["../../../../src/components/TableGridSwitch/TableGridSwitch.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { Grid, GridBasePropsWithoutPreset } from '../Grid';\nimport { Table, TableProps } from '..';\nimport { observer } from 'mobx-react-lite';\nimport type { TableGridSwitchState } from '../../state/TableGridSwitchState';\nimport { TableGridSwitchButton } from '../TableGridSwitchButton';\nimport { GridPresetProps } from '../Grid/Grid.types';\nimport type { TableGridSwitchDragAndDrop } from './TableGridSwitchDragAndDrop';\nimport { InitialLoader } from '../InitialLoader';\nimport { GridSectionsContent } from '../GridSections/GridSectionsContent';\nimport type {\n GroupBy,\n RenderSection,\n SectionEvents,\n} from '../CollectionSectionHeader';\nimport { TableSections } from '../TableSections';\n\nexport interface TableGridSwitchBaseProps<T, F extends FiltersMap>\n extends Omit<\n GridBasePropsWithoutPreset<T, F>,\n 'state' \| 'dragAndDrop' \| 'tableGridSwitchButton' \| 'sticky' \| 'sections'\n >,\n Omit<\n TableProps<T, F>,\n 'state' \| 'dragAndDrop' \| 'tableGridSwitchButton' \| 'sticky' \| 'sections'\n > {\n /*\n A `TableGridSwitchState` instance created using [useTableGridSwitch](./?path=/story/base-components-collections-tablegridswitch-usetablegridswitchcollection--usetablegridswitchcollection).\n /\n state: TableGridSwitchState<T, F>;\n /\n Adds functionality to allow visitors to reorder items manually.\n * For more information, see the [Drag and Drop Overview](./?path=/story/features-sort-drag-and-drop--overview).\n * @overrideType [TableGridSwitchDragAndDrop](./?path=/story/features-sort-drag-and-drop--tablegridswitchdraganddrop)\n * @external\n /\n dragAndDrop?: typeof TableGridSwitchDragAndDrop;\n /\n Configuration for rendering sections. When provided, the component will render with section headers\n * that group related rows together for both Grid and Table views.\n * @external\n */\n sections?: {\n GridSections: typeof GridSectionsContent;\n TableSections: typeof TableSections;\n groupBy: GroupBy<T>;\n renderSection: RenderSection<T>;\n collapsible?: boolean;\n events?: SectionEvents;\n };\n}\n\nexport type TableGridSwitchProps<T, F extends FiltersMap> = GridPresetProps<\n T,\n TableGridSwitchBaseProps<T, F>\n>;\n\nexport function _TableGridSwitch<T, F extends FiltersMap = FiltersMap>(\n props: TableGridSwitchProps<T, F>,\n) {\n const { state, dragAndDrop, sections, ...restProps } = props;\n const { gridState, tableState, toolbar } = state;\n\n const tableGridSwitchButton = (\n <TableGridSwitchButton state={state.viewTypeState} />\n );\n\n useEffect(() => state.init(), []);\n\n const {\n initTask: { status },\n } = state;\n\n const isLoading = status.isIdle \|\| status.isLoading;\n\n const gridSections = sections\n ? {\n GridSections: sections.GridSections,\n groupBy: sections.groupBy,\n renderSection: sections.renderSection,\n }\n : undefined;\n\n const tableSections = sections\n ? {\n TableSections: sections.TableSections,\n groupBy: sections.groupBy,\n renderSection: sections.renderSection,\n collapsible: sections.collapsible,\n events: sections.events,\n }\n : undefined;\n\n return (\n <>\n {isLoading ? (\n <InitialLoader dataHook=\"initial-loader\" state={toolbar} />\n ) : state.viewType === 'grid' ? (\n <Grid\n {...restProps}\n tableGridSwitchButton={tableGridSwitchButton}\n state={gridState}\n dragAndDrop={dragAndDrop?.grid}\n sections={gridSections}\n />\n ) : (\n <Table\n {...restProps}\n sticky\n tableGridSwitchButton={tableGridSwitchButton}\n state={tableState}\n dragAndDrop={dragAndDrop?.table}\n sections={tableSections}\n />\n )}\n </>\n );\n}\n\nexport const TableGridSwitch = observer(_TableGridSwitch);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/TableSections/TableSectionRow.js CHANGED Viewed

@@ -59,7 +59,9 @@ const _TableSectionRow = /*#__PURE__*/(0, _react.forwardRef)(({
     }
     const {
       sectionId,
-      section
+      sectionIndex,
+      section,
+      collapsible
     } = result;
     return /*#__PURE__*/_react.default.createElement("tr", (0, _extends2.default)({}, props, {
       ref: ref,
@@ -102,10 +104,13 @@ const _TableSectionRow = /*#__PURE__*/(0, _react.forwardRef)(({
       }
     }, /*#__PURE__*/_react.default.createElement(_CollectionSectionHeader.CollectionSectionHeader, {
       sectionId: sectionId,
+      sectionIndex: sectionIndex,
       section: section,
       biComponentType: "TableSections",
       skin: "neutral",
       dataHook: "table-section-header",
+      collapsible: collapsible,
+      onToggleCollapse: state.toggleSection,
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
@@ -118,7 +123,7 @@ const _TableSectionRow = /*#__PURE__*/(0, _react.forwardRef)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 98,
+      lineNumber: 101,
       columnNumber: 10
     }
   }));

package/dist/cjs/components/TableSections/TableSectionRow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_CollectionSectionHeader","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableSectionRow","forwardRef","state","RegularTrElement","rowData","props","ref","children","className","style","isSectionRow","contentWidth","table","toolbar","itemsContentRect","rect","width","sectionContentWidth","regularTrElementProps","isInvisibleRow","createElement","_extends2","visibility","__self","__source","fileName","lineNumber","columnNumber","Array","isArray","length","result","getSectionWithCount","sectionId","section","position","cursor","colSpan","scope","padding","left","CollectionSectionHeader","biComponentType","skin","dataHook","TableSectionRow","exports","observer"],"sources":["../../../../src/components/TableSections/TableSectionRow.tsx"],"sourcesContent":["import React, {\n ForwardRefExoticComponent,\n HTMLAttributes,\n ReactElement,\n forwardRef,\n} from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { TableSectionsState } from './TableSectionsState';\nimport { CollectionSectionHeader } from '../CollectionSectionHeader';\n\nexport interface TableSectionRowProps<T, F extends FiltersMap>\n extends HTMLAttributes<HTMLTableRowElement> {\n rowData: KeyedItem<T>;\n state: TableSectionsState<T, F>;\n RegularTrElement: ForwardRefExoticComponent<{\n children: ReactElement[];\n rowData: { id: string };\n className: string;\n }>;\n}\n\nconst _TableSectionRow = forwardRef<\n HTMLTableRowElement,\n TableSectionRowProps<any, any>\n>(({ state, RegularTrElement, rowData, ...props }, ref) => {\n const { children, className, style } = props;\n const isSectionRow = state.isSectionRow(rowData);\n const contentWidth = state.table.toolbar.itemsContentRect.rect.width;\n const sectionContentWidth = contentWidth ? `${contentWidth}px` : '100%';\n const regularTrElementProps = {\n ...props,\n rowData,\n className: className \|\| '',\n children: (children as ReactElement[]) \|\| [],\n };\n\n if (state.isInvisibleRow(rowData)) {\n return (\n <tr\n {...props}\n ref={ref}\n className={className}\n style={{\n ...style,\n visibility: 'collapse',\n }}\n />\n );\n }\n\n if (isSectionRow && Array.isArray(children) && children.length > 0) {\n const result = state.getSectionWithCount(rowData);\n\n if (!result) {\n return <RegularTrElement {...regularTrElementProps} />;\n }\n\n const { sectionId, section } = result;\n\n return (\n <tr\n {...props}\n ref={ref}\n className={className}\n style={{\n ...style,\n position: 'relative',\n cursor: 'default',\n }}\n data-hook=\"table-section-header-row\"\n >\n <th\n colSpan={children.length}\n scope=\"rowgroup\"\n style={{ padding: '0px' }}\n >\n <div\n style={{\n position: 'sticky',\n left: 0,\n width: sectionContentWidth,\n }}\n >\n <CollectionSectionHeader\n sectionId={sectionId}\n section={section}\n biComponentType=\"TableSections\"\n skin=\"neutral\"\n dataHook=\"table-section-header\"\n />\n </div>\n </th>\n </tr>\n );\n }\n\n return <RegularTrElement {...regularTrElementProps} />;\n});\n\nexport const TableSectionRow = observer(_TableSectionRow);\n"],"mappings":"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~~IAAQ~~,CAAC,~~GAAGH~~,MAAM;~~IAErC~~,oBACExD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,WAAAC,SAAA,CAAA9B,OAAA,MACMc,KAAK;MACTC,GAAG,EAAEA,GAAI;MACTE,SAAS,EAAEA,SAAU;MACrBC,KAAK,EAAE;QACL,GAAGA,KAAK;~~QACR0B~~,QAAQ,EAAE,UAAU;QACpBC,MAAM,EAAE;MACV,CAAE;MACF,aAAU,0BAA0B;~~MAAAb~~,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA7C,YAAA;QAAA8C,UAAA;QAAAC,YAAA;MAAA;IAAA,iBAEpCpD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;~~MACEiB~~,OAAO,~~EAAE9B~~,QAAQ,CAACuB,MAAO;~~MACzBQ~~,KAAK,EAAC,UAAU;~~MAChB7B~~,KAAK,EAAE;~~QAAE8B~~,OAAO,EAAE;MAAM,CAAE;~~MAAAhB~~,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA7C,YAAA;QAAA8C,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAE1BpD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA;MACEX,KAAK,EAAE;~~QACL0B~~,QAAQ,EAAE,QAAQ;QAClBK,IAAI,EAAE,CAAC;~~QACPxB~~,KAAK,EAAEC;MACT,CAAE;MAAAM,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA7C,YAAA;QAAA8C,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEFpD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACzC,wBAAA,~~CAAA8D~~,uBAAuB;~~MACtBR~~,SAAS,EAAEA,SAAU;MACrBC,OAAO,EAAEA,OAAQ;~~MACjBQ~~,eAAe,EAAC,eAAe;MAC/BC,IAAI,EAAC,SAAS;MACdC,QAAQ,EAAC,sBAAsB;~~MAAArB~~,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA7C,YAAA;QAAA8C,UAAA;QAAAC,YAAA;MAAA;IAAA,~~CAChC~~,CACE,CACH,CACF,CAAC;EAET;EAEA,oBAAOpD,MAAA,CAAAgB,OAAA,CAAA6B,aAAA,CAACjB,gBAAgB,MAAAkB,SAAA,CAAA9B,OAAA,MAAK2B,qBAAqB;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7C,YAAA;MAAA8C,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAAC;AACxD,CAAC,CAAC;AAEK,~~MAAMkB~~,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,uBAAQ,~~EAAC/C~~,gBAAgB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_CollectionSectionHeader","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableSectionRow","forwardRef","state","RegularTrElement","rowData","props","ref","children","className","style","isSectionRow","contentWidth","table","toolbar","itemsContentRect","rect","width","sectionContentWidth","regularTrElementProps","isInvisibleRow","createElement","_extends2","visibility","__self","__source","fileName","lineNumber","columnNumber","Array","isArray","length","result","getSectionWithCount","sectionId","sectionIndex","section","collapsible","position","cursor","colSpan","scope","padding","left","CollectionSectionHeader","biComponentType","skin","dataHook","onToggleCollapse","toggleSection","TableSectionRow","exports","observer"],"sources":["../../../../src/components/TableSections/TableSectionRow.tsx"],"sourcesContent":["import React, {\n ForwardRefExoticComponent,\n HTMLAttributes,\n ReactElement,\n forwardRef,\n} from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { TableSectionsState } from './TableSectionsState';\nimport { CollectionSectionHeader } from '../CollectionSectionHeader';\n\nexport interface TableSectionRowProps<T, F extends FiltersMap>\n extends HTMLAttributes<HTMLTableRowElement> {\n rowData: KeyedItem<T>;\n state: TableSectionsState<T, F>;\n RegularTrElement: ForwardRefExoticComponent<{\n children: ReactElement[];\n rowData: { id: string };\n className: string;\n }>;\n}\n\nconst _TableSectionRow = forwardRef<\n HTMLTableRowElement,\n TableSectionRowProps<any, any>\n>(({ state, RegularTrElement, rowData, ...props }, ref) => {\n const { children, className, style } = props;\n const isSectionRow = state.isSectionRow(rowData);\n const contentWidth = state.table.toolbar.itemsContentRect.rect.width;\n const sectionContentWidth = contentWidth ? `${contentWidth}px` : '100%';\n const regularTrElementProps = {\n ...props,\n rowData,\n className: className \|\| '',\n children: (children as ReactElement[]) \|\| [],\n };\n\n if (state.isInvisibleRow(rowData)) {\n return (\n <tr\n {...props}\n ref={ref}\n className={className}\n style={{\n ...style,\n visibility: 'collapse',\n }}\n />\n );\n }\n\n if (isSectionRow && Array.isArray(children) && children.length > 0) {\n const result = state.getSectionWithCount(rowData);\n\n if (!result) {\n return <RegularTrElement {...regularTrElementProps} />;\n }\n\n const { sectionId, sectionIndex, section, collapsible } = result;\n\n return (\n <tr\n {...props}\n ref={ref}\n className={className}\n style={{\n ...style,\n position: 'relative',\n cursor: 'default',\n }}\n data-hook=\"table-section-header-row\"\n >\n <th\n colSpan={children.length}\n scope=\"rowgroup\"\n style={{ padding: '0px' }}\n >\n <div\n style={{\n position: 'sticky',\n left: 0,\n width: sectionContentWidth,\n }}\n >\n <CollectionSectionHeader\n sectionId={sectionId}\n sectionIndex={sectionIndex}\n section={section}\n biComponentType=\"TableSections\"\n skin=\"neutral\"\n dataHook=\"table-section-header\"\n collapsible={collapsible}\n onToggleCollapse={state.toggleSection}\n />\n </div>\n </th>\n </tr>\n );\n }\n\n return <RegularTrElement {...regularTrElementProps} />;\n});\n\nexport const TableSectionRow = observer(_TableSectionRow);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/TableSections/TableSections.js CHANGED Viewed

@@ -5,6 +5,7 @@ exports.__esModule = true;
 exports.TableSections = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
+var _mobx = require("mobx");
 var _mobxReactLite = require("mobx-react-lite");
 var _CollectionTable = require("../CollectionTable");
 var _useTableSectionRow = require("./useTableSectionRow");
@@ -17,9 +18,15 @@ const _TableSections = ({
   table,
   columns,
   rowDetails,
+  collapsible,
+  events,
   ...collectionTableProps
 }) => {
-  const [state] = (0, _react.useState)(() => new _TableSectionsState.TableSectionsState(table, groupBy, renderSection));
+  const [state] = (0, _react.useState)(() => new _TableSectionsState.TableSectionsState(table, groupBy, renderSection, collapsible));
+  (0, _mobx.runInAction)(() => {
+    state.renderSection = renderSection;
+  });
+  state.onToggleCallback = events == null ? void 0 : events.onToggle;
   const columnsWithSections = (0, _react.useMemo)(() => columns.map(column => ({
     ...column,
     render: (item, rowNum) => {
@@ -51,10 +58,11 @@ const _TableSections = ({
     isRowDisabled: keyedItem => {
       return state.isSectionRow(keyedItem);
     },
+    isUsingExpandCollapse: collapsible,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 60,
+      lineNumber: 74,
       columnNumber: 5
     }
   }));

package/dist/cjs/components/TableSections/TableSections.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_CollectionTable","_useTableSectionRow","_TableSectionsState","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableSections","groupBy","renderSection","table","columns","rowDetails","collectionTableProps","state","useState","TableSectionsState","columnsWithSections","useMemo","map","column","render","item","rowNum","keyedItem","sectionsKeyedItems","isSectionRow","wrappedRowDetails","undefined","rowData","TableSectionsTrElement","useTableSectionRow","createElement","CollectionTable","_extends2","keyedItems","TrElementType","isRowDisabled","__self","__source","fileName","lineNumber","columnNumber","TableSections","exports","observer"],"sources":["../../../../src/components/TableSections/TableSections.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionTable, CollectionTableBaseProps } from '../CollectionTable';\nimport { useTableSectionRow } from './useTableSectionRow';\nimport { TableState } from '../../state';\nimport { GroupBy, RenderSection } from '../CollectionSectionHeader';\nimport { TableSectionsState } from './TableSectionsState';\n\nexport interface TableSectionsProps<T, F extends FiltersMap>\n extends CollectionTableBaseProps<T, F> {\n groupBy: GroupBy<T>;\n renderSection: RenderSection<T>;\n table: TableState<T, F>;\n}\n\nconst _TableSections = <T, F extends FiltersMap>({\n groupBy,\n renderSection,\n table,\n columns,\n rowDetails,\n ...collectionTableProps\n}: TableSectionsProps<T, F>) => {\n const [state] = useState(\n () => new TableSectionsState(table, groupBy, renderSection),\n );\n\n const columnsWithSections = useMemo(\n () =>\n columns.map((column) => ({\n ...column,\n render: (item: T, rowNum: number) => {\n const keyedItem = state.sectionsKeyedItems[rowNum];\n if (keyedItem && state.isSectionRow(keyedItem)) {\n return null;\n }\n\n return column.render(item, rowNum);\n },\n })),\n [columns],\n );\n\n const wrappedRowDetails = useMemo(() => {\n if (!rowDetails) {\n return undefined;\n }\n return (rowData: KeyedItem<T>, rowNum: number) => {\n if (state.isSectionRow(rowData)) {\n return null;\n }\n return rowDetails(rowData, rowNum);\n };\n }, [rowDetails, state]);\n\n const TableSectionsTrElement = useTableSectionRow(state);\n\n return (\n <CollectionTable\n {...collectionTableProps}\n rowDetails={wrappedRowDetails}\n state={state.table}\n columns={columnsWithSections}\n keyedItems={state.sectionsKeyedItems}\n TrElementType={TableSectionsTrElement}\n isRowDisabled={(keyedItem) => {\n return state.isSectionRow(keyedItem);\n }}\n />\n );\n};\n\nexport const TableSections = observer(_TableSections);\n\nexport type TableSectionsProp<T> = {\n TableSections: typeof TableSections;\n groupBy: GroupBy<T>;\n renderSection: RenderSection<T>;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;~~AAEA~~,IAAAC,~~cAAA~~,GAAAD,OAAA;~~AACA~~,IAAAE,~~gBAAA~~,GAAAF,OAAA;AACA,IAAAG,~~mBAAA~~,GAAAH,OAAA;~~AAGA~~,IAAAI,mBAAA,GAAAJ,OAAA;~~AAA0D~~,IAAAK,YAAA;AAAA,~~SAAAN~~,~~wBAAAO~~,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,~~YAAAT~~,uBAAA,YAAAA,~~CAAAO~~,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;~~AAS1D~~,MAAMkB,cAAc,GAAGA,CAA0B;EAC/CC,OAAO;EACPC,aAAa;EACbC,KAAK;EACLC,OAAO;EACPC,UAAU;~~EACV~~,GAAGC;AACqB,CAAC,KAAK;EAC9B,MAAM,CAACC,KAAK,CAAC,GAAG,IAAAC,eAAQ,EACtB,MAAM,IAAIC,sCAAkB,~~CAACN~~,KAAK,EAAEF,OAAO,EAAEC,aAAa,~~CAC5D~~,CAAC;EAED,~~MAAMQ~~,mBAAmB,GAAG,IAAAC,cAAO,EACjC,~~MACEP~~,OAAO,~~CAACQ~~,GAAG,CAAEC,MAAM,KAAM;IACvB,GAAGA,MAAM;IACTC,MAAM,EAAEA,CAACC,IAAO,EAAEC,MAAc,KAAK;MACnC,MAAMC,SAAS,~~GAAGV~~,KAAK,~~CAACW~~,kBAAkB,CAACF,MAAM,CAAC;MAClD,IAAIC,SAAS,~~IAAIV~~,KAAK,~~CAACY~~,YAAY,CAACF,SAAS,CAAC,EAAE;QAC9C,OAAO,IAAI;MACb;MAEA,OAAOJ,MAAM,CAACC,MAAM,CAACC,IAAI,EAAEC,MAAM,CAAC;IACpC;EACF,CAAC,CAAC,CAAC,EACL,~~CAACZ~~,OAAO,CACV,CAAC;EAED,~~MAAMgB~~,iBAAiB,GAAG,IAAAT,cAAO,EAAC,MAAM;IACtC,IAAI,~~CAACN~~,UAAU,EAAE;MACf,~~OAAOgB~~,SAAS;IAClB;IACA,OAAO,CAACC,OAAqB,EAAEN,MAAc,KAAK;MAChD,~~IAAIT~~,KAAK,~~CAACY~~,YAAY,CAACG,OAAO,CAAC,EAAE;QAC/B,OAAO,IAAI;MACb;MACA,~~OAAOjB~~,UAAU,~~CAACiB~~,OAAO,EAAEN,MAAM,CAAC;IACpC,CAAC;EACH,CAAC,EAAE,~~CAACX~~,UAAU,~~EAAEE~~,KAAK,CAAC,CAAC;EAEvB,~~MAAMgB~~,sBAAsB,GAAG,IAAAC,sCAAkB,~~EAACjB~~,KAAK,CAAC;EAExD,~~oBACElC~~,MAAA,~~CAAAkB~~,OAAA,~~CAAAkC~~,aAAA,~~CAAChD~~,gBAAA,~~CAAAiD~~,eAAe,MAAAC,SAAA,~~CAAApC~~,OAAA,~~MACVe~~,oBAAoB;~~IACxBD~~,UAAU,~~EAAEe~~,iBAAkB;~~IAC9Bb~~,KAAK,EAAEA,KAAK,~~CAACJ~~,KAAM;IACnBC,OAAO,~~EAAEM~~,mBAAoB;IAC7BkB,UAAU,~~EAAErB~~,KAAK,~~CAACW~~,kBAAmB;IACrCW,aAAa,EAAEN,sBAAuB;IACtCO,aAAa,EAAGb,SAAS,IAAK;MAC5B,~~OAAOV~~,KAAK,~~CAACY~~,YAAY,CAACF,SAAS,CAAC;IACtC,CAAE;~~IAAAc~~,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAArD~~,YAAA;~~MAAAsD~~,UAAA;MAAAC,YAAA;IAAA;EAAA,~~EACH~~,CAAC;AAEN,CAAC;AAEM,MAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,uBAAQ,~~EAACtC~~,cAAc,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_mobx","_mobxReactLite","_CollectionTable","_useTableSectionRow","_TableSectionsState","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableSections","groupBy","renderSection","table","columns","rowDetails","collapsible","events","collectionTableProps","state","useState","TableSectionsState","runInAction","onToggleCallback","onToggle","columnsWithSections","useMemo","map","column","render","item","rowNum","keyedItem","sectionsKeyedItems","isSectionRow","wrappedRowDetails","undefined","rowData","TableSectionsTrElement","useTableSectionRow","createElement","CollectionTable","_extends2","keyedItems","TrElementType","isRowDisabled","isUsingExpandCollapse","__self","__source","fileName","lineNumber","columnNumber","TableSections","exports","observer"],"sources":["../../../../src/components/TableSections/TableSections.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport { runInAction } from 'mobx';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionTable, CollectionTableBaseProps } from '../CollectionTable';\nimport { useTableSectionRow } from './useTableSectionRow';\nimport { TableState } from '../../state';\nimport {\n GroupBy,\n RenderSection,\n SectionEvents,\n} from '../CollectionSectionHeader';\nimport { TableSectionsState } from './TableSectionsState';\n\nexport interface TableSectionsProps<T, F extends FiltersMap>\n extends CollectionTableBaseProps<T, F> {\n groupBy: GroupBy<T>;\n renderSection: RenderSection<T>;\n table: TableState<T, F>;\n collapsible?: boolean;\n events?: SectionEvents;\n}\n\nconst _TableSections = <T, F extends FiltersMap>({\n groupBy,\n renderSection,\n table,\n columns,\n rowDetails,\n collapsible,\n events,\n ...collectionTableProps\n}: TableSectionsProps<T, F>) => {\n const [state] = useState(\n () => new TableSectionsState(table, groupBy, renderSection, collapsible),\n );\n\n runInAction(() => {\n state.renderSection = renderSection;\n });\n state.onToggleCallback = events?.onToggle;\n\n const columnsWithSections = useMemo(\n () =>\n columns.map((column) => ({\n ...column,\n render: (item: T, rowNum: number) => {\n const keyedItem = state.sectionsKeyedItems[rowNum];\n if (keyedItem && state.isSectionRow(keyedItem)) {\n return null;\n }\n\n return column.render(item, rowNum);\n },\n })),\n [columns],\n );\n\n const wrappedRowDetails = useMemo(() => {\n if (!rowDetails) {\n return undefined;\n }\n return (rowData: KeyedItem<T>, rowNum: number) => {\n if (state.isSectionRow(rowData)) {\n return null;\n }\n return rowDetails(rowData, rowNum);\n };\n }, [rowDetails, state]);\n\n const TableSectionsTrElement = useTableSectionRow(state);\n\n return (\n <CollectionTable\n {...collectionTableProps}\n rowDetails={wrappedRowDetails}\n state={state.table}\n columns={columnsWithSections}\n keyedItems={state.sectionsKeyedItems}\n TrElementType={TableSectionsTrElement}\n isRowDisabled={(keyedItem) => {\n return state.isSectionRow(keyedItem);\n }}\n isUsingExpandCollapse={collapsible}\n />\n );\n};\n\nexport const TableSections = observer(_TableSections);\n\nexport type TableSectionsProp<T> = {\n TableSections: typeof TableSections;\n groupBy: GroupBy<T>;\n renderSection: RenderSection<T>;\n collapsible?: boolean;\n events?: SectionEvents;\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/TableSections/TableSectionsState.js CHANGED Viewed

@@ -8,29 +8,54 @@ var _mobx = require("mobx");
 const SECTION_PREFIX = '$$$wix-patterns-sections$$$-';
 const INVISIBLE_ROW_ID = `${SECTION_PREFIX}invisible`;
 class TableSectionsState {
-  constructor(table, groupBy, renderSection) {
+  constructor(table, groupBy, renderSection, collapsible) {
     (0, _defineProperty2.default)(this, "table", void 0);
     (0, _defineProperty2.default)(this, "groupBy", void 0);
     (0, _defineProperty2.default)(this, "renderSection", void 0);
+    (0, _defineProperty2.default)(this, "collapsible", void 0);
+    (0, _defineProperty2.default)(this, "onToggleCallback", void 0);
+    (0, _defineProperty2.default)(this, "toggleSection", sectionId => {
+      var _this$onToggleCallbac;
+      const currentCollapsed = this.isSectionCollapsed(sectionId);
+      (_this$onToggleCallbac = this.onToggleCallback) == null || _this$onToggleCallbac.call(this, sectionId, !currentCollapsed);
+    });
     this.table = table;
     this.groupBy = groupBy;
     this.renderSection = renderSection;
+    this.collapsible = collapsible ?? false;
     (0, _mobx.makeObservable)(this, {
+      renderSection: _mobx.observable.ref,
       sectionsKeyedItems: _mobx.computed,
       sectionCounts: _mobx.computed
     });
   }
+  isSectionCollapsed(sectionId) {
+    const sectionItems = this.getSectionItems(sectionId);
+    const section = this.renderSection(sectionId, sectionItems);
+    return section.collapsed ?? false;
+  }
+  getSectionItems(sectionId) {
+    const items = [];
+    for (const keyedItem of this.table.keyedItems) {
+      if (this.groupBy(keyedItem.item) === sectionId) {
+        items.push(keyedItem.item);
+      }
+    }
+    return items;
+  }
   generateSectionId(firstItemId) {
     return `${SECTION_PREFIX}${firstItemId}`;
   }
   get computeSectionData() {
     const counts = new Map();
     const items = new Map();
+    const indices = new Map();
     const keyedItems = [];
     if (this.table.keyedItems.length === 0) {
       return {
         counts,
         items,
+        indices,
         keyedItems
       };
     }
@@ -48,6 +73,7 @@ class TableSectionsState {
     let currentSectionIndex = 0;
     let currentHeaderId = null;
     let count = 0;
+    let isCurrentSectionCollapsed = false;
     let currentSectionItems = [];
     for (const keyedItem of this.table.keyedItems) {
       const sectionId = this.groupBy(keyedItem.item);
@@ -64,10 +90,15 @@ class TableSectionsState {
         // Start new section
         currentSectionId = sectionId;
         currentHeaderId = this.generateSectionId(`${sectionId}@${currentSectionIndex}`);
+        indices.set(currentHeaderId, currentSectionIndex);
         currentSectionIndex++;
         count = 1;
         currentSectionItems = [keyedItem.item];
+        // Determine if section is collapsed from renderSection
+        const section = this.renderSection(sectionId, this.getSectionItems(sectionId));
+        isCurrentSectionCollapsed = this.collapsible && (section.collapsed ?? false);
         // Add section header to keyed items
         const sectionKeyedItem = {
           id: currentHeaderId,
@@ -83,8 +114,10 @@ class TableSectionsState {
         currentSectionItems.push(keyedItem.item);
       }
-      // Add the actual data item
-      keyedItems.push(keyedItem);
+      // Add the actual data item only if section is not collapsed
+      if (!isCurrentSectionCollapsed) {
+        keyedItems.push(keyedItem);
+      }
     }
     // Handle last section
@@ -99,6 +132,7 @@ class TableSectionsState {
     return {
       counts,
       items,
+      indices,
       keyedItems
     };
   }
@@ -108,6 +142,9 @@ class TableSectionsState {
   get sectionItems() {
     return this.computeSectionData.items;
   }
+  get sectionIndices() {
+    return this.computeSectionData.indices;
+  }
   get sectionsKeyedItems() {
     return this.computeSectionData.keyedItems;
   }
@@ -121,16 +158,20 @@ class TableSectionsState {
       isComplete: true
     };
     const sectionItemsList = headerId ? this.sectionItems.get(headerId) || [] : [];
+    const sectionIndex = headerId ? this.sectionIndices.get(headerId) ?? 0 : 0;
     const sectionId = this.groupBy(sectionKeyedItem.item);
     const section = this.renderSection(sectionId, sectionItemsList);
     return {
       sectionId,
+      sectionIndex,
       section: {
         ...section,
         count: sectionData.count,
         hasMore: !sectionData.isComplete,
-        items: sectionItemsList
-      }
+        items: sectionItemsList,
+        collapsed: this.collapsible && (section.collapsed ?? false)
+      },
+      collapsible: this.collapsible
     };
   }
   isSectionRow(keyedItem) {

package/dist/cjs/components/TableSections/TableSectionsState.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_mobx","require","SECTION_PREFIX","INVISIBLE_ROW_ID","TableSectionsState","constructor","table","groupBy","renderSection","_defineProperty2","default","makeObservable","sectionsKeyedItems","computed","sectionCounts","generateSectionId","firstItemId","computeSectionData","counts","Map","items","keyedItems","length","push","id","key","item","index","pageIndex","indexWithinPage","currentSectionId","currentSectionIndex","currentHeaderId","count","currentSectionItems","keyedItem","sectionId","set","isComplete","sectionKeyedItem","isLastSectionComplete","collection","fetchedLastPage","sectionItems","getSectionWithCount","headerId","sectionData","get","sectionItemsList","section","hasMore","isSectionRow","startsWith","isInvisibleRow","exports"],"sources":["../../../../src/components/TableSections/TableSectionsState.ts"],"sourcesContent":["import { computed, makeObservable } from 'mobx';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { TableState } from '../../state';\nimport { GroupBy, RenderSection, Section } from '../CollectionSectionHeader';\n\nconst SECTION_PREFIX = '$$$wix-patterns-sections$$$-';\nconst INVISIBLE_ROW_ID = `${SECTION_PREFIX}invisible`;\n\nexport class TableSectionsState<T, F extends FiltersMap> {\n table: TableState<T, F>;\n groupBy: GroupBy<T>;\n renderSection: RenderSection<T>;\n\n constructor(\n table: TableState<T, F>,\n groupBy: GroupBy<T>,\n renderSection: RenderSection<T>,\n ) {\n this.table = table;\n this.groupBy = groupBy;\n this.renderSection = renderSection;\n makeObservable(this, {\n sectionsKeyedItems: computed,\n sectionCounts: computed,\n });\n }\n\n private generateSectionId(firstItemId: string): string {\n return `${SECTION_PREFIX}${firstItemId}`;\n }\n\n private get computeSectionData(): {\n counts: Map<string, { count: number; isComplete: boolean }>;\n items: Map<string, T[]>;\n keyedItems: KeyedItem<T>[];\n } {\n const counts = new Map<string, { count: number; isComplete: boolean }>();\n const items = new Map<string, T[]>();\n const keyedItems: KeyedItem<T>[] = [];\n\n if (this.table.keyedItems.length === 0) {\n return { counts, items, keyedItems };\n }\n\n // Add invisible row for design purposes\n keyedItems.push({\n id: INVISIBLE_ROW_ID,\n key: INVISIBLE_ROW_ID,\n item: this.table.keyedItems[0].item,\n index: 0,\n pageIndex: 0,\n indexWithinPage: 0,\n });\n\n let currentSectionId: string \| null = null;\n let currentSectionIndex: number = 0;\n let currentHeaderId: string \| null = null;\n let count = 0;\n let currentSectionItems: T[] = [];\n\n for (const keyedItem of this.table.keyedItems) {\n const sectionId = this.groupBy(keyedItem.item);\n\n if (sectionId !== currentSectionId) {\n // Store count and items for previous section\n if (currentHeaderId) {\n counts.set(currentHeaderId, { count, isComplete: true });\n items.set(currentHeaderId, currentSectionItems);\n }\n\n // Start new section\n currentSectionId = sectionId;\n currentHeaderId = this.generateSectionId(\n `${sectionId}@${currentSectionIndex}`,\n );\n currentSectionIndex++;\n count = 1;\n currentSectionItems = [keyedItem.item];\n\n // Add section header to keyed items\n const sectionKeyedItem: KeyedItem<T> = {\n id: currentHeaderId,\n key: currentHeaderId,\n item: keyedItem.item,\n index: keyedItems.length,\n pageIndex: 0,\n indexWithinPage: keyedItems.length,\n };\n keyedItems.push(sectionKeyedItem);\n } else {\n count++;\n currentSectionItems.push(keyedItem.item);\n }\n\n // Add the actual data item\n keyedItems.push(keyedItem);\n }\n\n // Handle last section\n if (currentHeaderId) {\n const isLastSectionComplete = this.table.collection.fetchedLastPage;\n counts.set(currentHeaderId, { count, isComplete: isLastSectionComplete });\n items.set(currentHeaderId, currentSectionItems);\n }\n\n return { counts, items, keyedItems };\n }\n\n get sectionCounts(): Map<string, { count: number; isComplete: boolean }> {\n return this.computeSectionData.counts;\n }\n\n get sectionItems(): Map<string, T[]> {\n return this.computeSectionData.items;\n }\n\n get sectionsKeyedItems(): KeyedItem<T>[] {\n return this.computeSectionData.keyedItems;\n }\n\n getSectionWithCount(sectionKeyedItem: KeyedItem<T>): {\n sectionId: string;\n section: Section & { count: number; hasMore: boolean; items: T[] };\n } {\n const headerId = sectionKeyedItem.id;\n const sectionData = headerId\n ? this.sectionCounts.get(headerId) \|\| { count: 0, isComplete: true }\n : { count: 0, isComplete: true };\n const sectionItemsList = headerId\n ? this.sectionItems.get(headerId) \|\| []\n : [];\n\n const sectionId = this.groupBy(sectionKeyedItem.item);\n const section = this.renderSection(sectionId, sectionItemsList);\n\n return {\n sectionId,\n section: {\n ...section,\n count: sectionData.count,\n hasMore: !sectionData.isComplete,\n items: sectionItemsList,\n },\n };\n }\n\n isSectionRow(keyedItem: KeyedItem<T>): boolean {\n return keyedItem.id.startsWith(SECTION_PREFIX);\n }\n\n isInvisibleRow(keyedItem: KeyedItem<T>): boolean {\n return keyedItem.id === INVISIBLE_ROW_ID;\n }\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_mobx","require","SECTION_PREFIX","INVISIBLE_ROW_ID","TableSectionsState","constructor","table","groupBy","renderSection","collapsible","_defineProperty2","default","sectionId","_this$onToggleCallbac","currentCollapsed","isSectionCollapsed","onToggleCallback","call","makeObservable","observable","ref","sectionsKeyedItems","computed","sectionCounts","sectionItems","getSectionItems","section","collapsed","items","keyedItem","keyedItems","item","push","generateSectionId","firstItemId","computeSectionData","counts","Map","indices","length","id","key","index","pageIndex","indexWithinPage","currentSectionId","currentSectionIndex","currentHeaderId","count","isCurrentSectionCollapsed","currentSectionItems","set","isComplete","sectionKeyedItem","isLastSectionComplete","collection","fetchedLastPage","sectionIndices","getSectionWithCount","headerId","sectionData","get","sectionItemsList","sectionIndex","hasMore","isSectionRow","startsWith","isInvisibleRow","exports"],"sources":["../../../../src/components/TableSections/TableSectionsState.ts"],"sourcesContent":["import { computed, makeObservable, observable } from 'mobx';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { TableState } from '../../state';\nimport { GroupBy, RenderSection, Section } from '../CollectionSectionHeader';\n\nconst SECTION_PREFIX = '$$$wix-patterns-sections$$$-';\nconst INVISIBLE_ROW_ID = `${SECTION_PREFIX}invisible`;\n\nexport class TableSectionsState<T, F extends FiltersMap> {\n table: TableState<T, F>;\n groupBy: GroupBy<T>;\n renderSection: RenderSection<T>;\n collapsible: boolean;\n onToggleCallback?: (sectionId: string, isCollapsed: boolean) => void;\n\n constructor(\n table: TableState<T, F>,\n groupBy: GroupBy<T>,\n renderSection: RenderSection<T>,\n collapsible?: boolean,\n ) {\n this.table = table;\n this.groupBy = groupBy;\n this.renderSection = renderSection;\n this.collapsible = collapsible ?? false;\n makeObservable(this, {\n renderSection: observable.ref,\n sectionsKeyedItems: computed,\n sectionCounts: computed,\n });\n }\n\n toggleSection = (sectionId: string) => {\n const currentCollapsed = this.isSectionCollapsed(sectionId);\n this.onToggleCallback?.(sectionId, !currentCollapsed);\n };\n\n private isSectionCollapsed(sectionId: string): boolean {\n const sectionItems = this.getSectionItems(sectionId);\n const section = this.renderSection(sectionId, sectionItems);\n return section.collapsed ?? false;\n }\n\n private getSectionItems(sectionId: string): T[] {\n const items: T[] = [];\n for (const keyedItem of this.table.keyedItems) {\n if (this.groupBy(keyedItem.item) === sectionId) {\n items.push(keyedItem.item);\n }\n }\n return items;\n }\n\n private generateSectionId(firstItemId: string): string {\n return `${SECTION_PREFIX}${firstItemId}`;\n }\n\n private get computeSectionData(): {\n counts: Map<string, { count: number; isComplete: boolean }>;\n items: Map<string, T[]>;\n indices: Map<string, number>;\n keyedItems: KeyedItem<T>[];\n } {\n const counts = new Map<string, { count: number; isComplete: boolean }>();\n const items = new Map<string, T[]>();\n const indices = new Map<string, number>();\n const keyedItems: KeyedItem<T>[] = [];\n\n if (this.table.keyedItems.length === 0) {\n return { counts, items, indices, keyedItems };\n }\n\n // Add invisible row for design purposes\n keyedItems.push({\n id: INVISIBLE_ROW_ID,\n key: INVISIBLE_ROW_ID,\n item: this.table.keyedItems[0].item,\n index: 0,\n pageIndex: 0,\n indexWithinPage: 0,\n });\n\n let currentSectionId: string \| null = null;\n let currentSectionIndex: number = 0;\n let currentHeaderId: string \| null = null;\n let count = 0;\n let isCurrentSectionCollapsed = false;\n let currentSectionItems: T[] = [];\n\n for (const keyedItem of this.table.keyedItems) {\n const sectionId = this.groupBy(keyedItem.item);\n\n if (sectionId !== currentSectionId) {\n // Store count and items for previous section\n if (currentHeaderId) {\n counts.set(currentHeaderId, { count, isComplete: true });\n items.set(currentHeaderId, currentSectionItems);\n }\n\n // Start new section\n currentSectionId = sectionId;\n currentHeaderId = this.generateSectionId(\n `${sectionId}@${currentSectionIndex}`,\n );\n indices.set(currentHeaderId, currentSectionIndex);\n currentSectionIndex++;\n count = 1;\n currentSectionItems = [keyedItem.item];\n\n // Determine if section is collapsed from renderSection\n const section = this.renderSection(\n sectionId,\n this.getSectionItems(sectionId),\n );\n isCurrentSectionCollapsed =\n this.collapsible && (section.collapsed ?? false);\n\n // Add section header to keyed items\n const sectionKeyedItem: KeyedItem<T> = {\n id: currentHeaderId,\n key: currentHeaderId,\n item: keyedItem.item,\n index: keyedItems.length,\n pageIndex: 0,\n indexWithinPage: keyedItems.length,\n };\n keyedItems.push(sectionKeyedItem);\n } else {\n count++;\n currentSectionItems.push(keyedItem.item);\n }\n\n // Add the actual data item only if section is not collapsed\n if (!isCurrentSectionCollapsed) {\n keyedItems.push(keyedItem);\n }\n }\n\n // Handle last section\n if (currentHeaderId) {\n const isLastSectionComplete = this.table.collection.fetchedLastPage;\n counts.set(currentHeaderId, { count, isComplete: isLastSectionComplete });\n items.set(currentHeaderId, currentSectionItems);\n }\n\n return { counts, items, indices, keyedItems };\n }\n\n get sectionCounts(): Map<string, { count: number; isComplete: boolean }> {\n return this.computeSectionData.counts;\n }\n\n get sectionItems(): Map<string, T[]> {\n return this.computeSectionData.items;\n }\n\n get sectionIndices(): Map<string, number> {\n return this.computeSectionData.indices;\n }\n\n get sectionsKeyedItems(): KeyedItem<T>[] {\n return this.computeSectionData.keyedItems;\n }\n\n getSectionWithCount(sectionKeyedItem: KeyedItem<T>): {\n sectionId: string;\n sectionIndex: number;\n section: Section & {\n count: number;\n hasMore: boolean;\n items: T[];\n collapsed: boolean;\n };\n collapsible: boolean;\n } {\n const headerId = sectionKeyedItem.id;\n const sectionData = headerId\n ? this.sectionCounts.get(headerId) \|\| { count: 0, isComplete: true }\n : { count: 0, isComplete: true };\n const sectionItemsList = headerId\n ? this.sectionItems.get(headerId) \|\| []\n : [];\n const sectionIndex = headerId ? this.sectionIndices.get(headerId) ?? 0 : 0;\n\n const sectionId = this.groupBy(sectionKeyedItem.item);\n const section = this.renderSection(sectionId, sectionItemsList);\n\n return {\n sectionId,\n sectionIndex,\n section: {\n ...section,\n count: sectionData.count,\n hasMore: !sectionData.isComplete,\n items: sectionItemsList,\n collapsed: this.collapsible && (section.collapsed ?? false),\n },\n collapsible: this.collapsible,\n };\n }\n\n isSectionRow(keyedItem: KeyedItem<T>): boolean {\n return keyedItem.id.startsWith(SECTION_PREFIX);\n }\n\n isInvisibleRow(keyedItem: KeyedItem<T>): boolean {\n return keyedItem.id === INVISIBLE_ROW_ID;\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/TabsFilter/TabsFilter.st.css.js CHANGED Viewed

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
-var _namespace_ = "TabsFilter193030144";
+var _namespace_ = "TabsFilter644638764";
 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": "TabsFilter193030144__root",
-  "title": "TabsFilter193030144__title"
+  "root": "TabsFilter644638764__root",
+  "title": "TabsFilter644638764__title"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/TabsFilter/TabsFilter.st.css.js.map CHANGED Viewed

	@@ -1 +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/TabsFilter/TabsFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~TabsFilter193030144~~\";\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\":\"~~TabsFilter193030144__root~~\",\"title\":\"~~TabsFilter193030144__title~~\"};\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,qBAAqB;AACvC,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,2BAA2B;EAAC,OAAO,EAAC;AAA4B,CAAC;AACvF,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":[]}
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/TabsFilter/TabsFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TabsFilter644638764\";\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\":\"TabsFilter644638764__root\",\"title\":\"TabsFilter644638764__title\"};\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,qBAAqB;AACvC,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,2BAA2B;EAAC,OAAO,EAAC;AAA4B,CAAC;AACvF,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/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js CHANGED Viewed

@@ -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_ = "ManageTagsModal1454856212";
+var _namespace_ = "ManageTagsModal83012504";
 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": "ManageTagsModal1454856212__root"
+  "root": "ManageTagsModal83012504__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js.map CHANGED Viewed

	@@ -1 +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/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~ManageTagsModal1454856212~~\";\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\":\"~~ManageTagsModal1454856212__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,~~2BAA2B~~;~~AAC7C~~,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;~~AAAiC~~,CAAC;~~AACxD~~,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":[]}
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/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ManageTagsModal83012504\";\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\":\"ManageTagsModal83012504__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/ToolbarCollection/useToolbarCollectionSyncProps.js CHANGED Viewed

@@ -127,7 +127,8 @@ function useToolbarCollectionSyncProps(props) {
       isUsingAllItemsView: getIsUsingAllItemsView(),
       isUsingCustomEmptyState: !!props.emptyState,
       isUsingCustomNoResultsState: !!props.noResultsState,
-      isUsingPrimaryActionCta: !!props.primaryActionButton
+      isUsingPrimaryActionCta: !!props.primaryActionButton,
+      isUsingExpandCollapse: !!props.isUsingExpandCollapse
     };
   });
   (0, _react.useEffect)((0, _mobx.action)(() => {