@wix/patterns 1.348.0 → 1.350.0

package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_ViewsDropdownModals","_ViewsDropdownStCss","_ManageViewPopover","_viewsDropdownRenderHelpers","_AutoCompleteReadonly","_ViewsDropdownPrefix","_","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ViewsDropdown","onSelect","dataHook","state","showTotal","dropdownWidth","dropdownProps","container","useWixPatternsContainer","views","viewsState","currentView","collection","localSearchState","filteredCategoriesWithViews","translate","showLoader","result","status","isIdle","isLoading","viewsOptions","useMemo","viewsWithoutCategory","categories","map","view","buildViewOption","flatMap","category","buildCategoryOption","initTask","options","fixedFooter","createElement","Box","width","align","verticalAlign","padding","__self","__source","fileName","lineNumber","columnNumber","Loader","size","undefined","table","mainCollection","shouldShowTotal","totalStatus","showRefreshLoader","direction","AutoCompleteReadonly","_extends2","emptyStateMessage","autoCompleteReadonlyState","value","inputValue","onChange","setInputValueAndScheduleSearch","target","clearInput","clearSearch","popoverProps","placement","onInputClicked","viewsStateBIReporter","clickOnViewDropdownBI","border","selectedId","id","selectedLabel","getViewName","textOverflow","prefix","ViewsDropdownPrefix","suffix","className","Input","Affix","total","st","classes","root","option","events","emit","toString","getView","selectView","placeholder","paddingLeft","ManageViewPopover","origin","ViewsDropdownModals","ViewsDropdown","exports","observer"],"sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  Box,\n  DropdownPropsControlled as DropdownProps,\n  Input,\n  Loader,\n} from '@wix/design-system';\nimport { CollectionViewsState } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ViewsDropdownModals } from './ViewsDropdownModals';\nimport { View } from '../../model';\nimport { classes, st } from './ViewsDropdown.st.css.js';\nimport { ManageViewPopover } from './ManageViewPopover';\nimport {\n  buildCategoryOption,\n  buildViewOption,\n  getViewName,\n} from './viewsDropdownRenderHelpers';\nimport { AutoCompleteReadonly } from './AutoCompleteReadonly';\nimport { ViewsDropdownPrefix } from './ViewsDropdownPrefix';\nimport { useWixPatternsContainer } from '../..';\n\nexport type ViewsDropdownProps<T, F extends FiltersMap> = {\n  state: CollectionViewsState<T, F>;\n  onSelect?: (view: View<F>) => void;\n  dataHook: string;\n  showTotal?: boolean;\n} & Omit<DropdownProps, 'onSelect'>;\n\nfunction _ViewsDropdown<T, F extends FiltersMap>({\n  onSelect,\n  dataHook,\n  state,\n  showTotal = true,\n  dropdownWidth = '200px',\n  ...dropdownProps\n}: ViewsDropdownProps<T, F>) {\n  const container = useWixPatternsContainer();\n  const { views: viewsState } = state;\n  const { currentView, collection, localSearchState } = viewsState;\n  const { filteredCategoriesWithViews } = localSearchState;\n  const { translate: t } = collection;\n  const showLoader =\n    collection.result.status.isIdle || collection.result.status.isLoading;\n\n  const viewsOptions = useMemo(() => {\n    const { viewsWithoutCategory, categories } = filteredCategoriesWithViews;\n\n    return [\n      ...viewsWithoutCategory.map((view) =>\n        buildViewOption({ view, viewsState }),\n      ),\n      ...categories.flatMap((category) => [\n        buildCategoryOption({ category, viewsState }),\n        ...category.views.map((view) => buildViewOption({ view, viewsState })),\n      ]),\n    ];\n  }, [filteredCategoriesWithViews, container.initTask.status]);\n\n  const { options, fixedFooter } = showLoader\n    ? {\n        options: [],\n        fixedFooter: (\n          <Box\n            dataHook=\"initial-loader\"\n            width=\"100%\"\n            align=\"center\"\n            verticalAlign=\"middle\"\n            padding=\"SP2\"\n          >\n            <Loader size=\"small\" />\n          </Box>\n        ),\n      }\n    : {\n        options: viewsOptions,\n        fixedFooter: undefined,\n      };\n\n  const {\n    table: { collection: mainCollection },\n  } = state;\n\n  const shouldShowTotal =\n    showTotal &&\n    (mainCollection.totalStatus === 'success' ||\n      mainCollection.showRefreshLoader);\n\n  return (\n    <Box dataHook={dataHook}>\n      <Box width={dropdownWidth} direction=\"vertical\">\n        <AutoCompleteReadonly\n          emptyStateMessage={\n            !showLoader && t('cairo.viewsDropdown.nothingMatches.text')\n          }\n          state={state.views.autoCompleteReadonlyState}\n          value={localSearchState.inputValue}\n          onChange={(e) =>\n            localSearchState.setInputValueAndScheduleSearch(e.target.value)\n          }\n          clearInput={() => localSearchState.clearSearch()}\n          dropdownWidth={dropdownWidth}\n          popoverProps={{ placement: 'bottom-start' }}\n          {...dropdownProps}\n          onInputClicked={(e) => {\n            state.viewsStateBIReporter.clickOnViewDropdownBI();\n            dropdownProps?.onInputClicked?.(e);\n          }}\n          fixedFooter={fixedFooter}\n          border=\"round\"\n          selectedId={currentView?.id}\n          selectedLabel={\n            currentView\n              ? getViewName({ view: currentView, viewsState })\n              : undefined\n          }\n          textOverflow=\"ellipsis\"\n          prefix={<ViewsDropdownPrefix state={state} />}\n          suffix={\n            shouldShowTotal ? (\n              <Box className=\"total-count\">\n                <Input.Affix>\n                  ({state.table.collection.result.total})\n                </Input.Affix>\n              </Box>\n            ) : undefined\n          }\n          className={st(classes.root)}\n          dataHook=\"collection-views-dropdown\"\n          onSelect={(option) => {\n            viewsState.events.emit('beforeSelectView');\n            const id = option.id.toString();\n            const view = viewsState.getView(id);\n            if (view) {\n              onSelect?.(view);\n              viewsState.selectView({ id });\n              viewsState.events.emit('afterSelectView', { view });\n            }\n            localSearchState.clearSearch();\n          }}\n          options={options}\n          placeholder={t('cairo.viewDropdown.unsavedView.status')}\n        />\n      </Box>\n\n      <Box verticalAlign=\"middle\" paddingLeft=\"SP2\">\n        <ManageViewPopover origin=\"MainToolbar\" state={state} />\n      </Box>\n\n      <ViewsDropdownModals state={state} />\n    </Box>\n  );\n}\n\nexport const ViewsDropdown = observer(_ViewsDropdown);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_ViewsDropdownModals","_ViewsDropdownStCss","_ManageViewPopover","_viewsDropdownRenderHelpers","_AutoCompleteReadonly","_ViewsDropdownPrefix","_","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ViewsDropdown","onSelect","dataHook","state","showTotal","dropdownWidth","dropdownProps","container","useWixPatternsContainer","views","viewsState","currentView","collection","localSearchState","filteredCategoriesWithViews","translate","showLoader","result","status","isIdle","isLoading","viewsOptions","useMemo","viewsWithoutCategory","categories","map","view","buildViewOption","flatMap","category","buildCategoryOption","initTask","options","fixedFooter","createElement","Box","width","align","verticalAlign","padding","__self","__source","fileName","lineNumber","columnNumber","Loader","size","undefined","table","mainCollection","shouldShowTotal","totalStatus","showRefreshLoader","direction","AutoCompleteReadonly","_extends2","emptyStateMessage","autoCompleteReadonlyState","value","inputValue","onChange","setInputValueAndScheduleSearch","target","clearInput","clearSearch","popoverProps","placement","onInputClicked","viewsStateBIReporter","clickOnViewDropdownBI","border","selectedId","id","selectedLabel","getViewName","textOverflow","prefix","onClick","focusInput","style","cursor","display","ViewsDropdownPrefix","suffix","className","Input","Affix","total","st","classes","root","option","events","emit","toString","getView","selectView","placeholder","paddingLeft","ManageViewPopover","origin","ViewsDropdownModals","ViewsDropdown","exports","observer"],"sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  Box,\n  DropdownPropsControlled as DropdownProps,\n  Input,\n  Loader,\n} from '@wix/design-system';\nimport { CollectionViewsState } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ViewsDropdownModals } from './ViewsDropdownModals';\nimport { View } from '../../model';\nimport { classes, st } from './ViewsDropdown.st.css.js';\nimport { ManageViewPopover } from './ManageViewPopover';\nimport {\n  buildCategoryOption,\n  buildViewOption,\n  getViewName,\n} from './viewsDropdownRenderHelpers';\nimport { AutoCompleteReadonly } from './AutoCompleteReadonly';\nimport { ViewsDropdownPrefix } from './ViewsDropdownPrefix';\nimport { useWixPatternsContainer } from '../..';\n\nexport type ViewsDropdownProps<T, F extends FiltersMap> = {\n  state: CollectionViewsState<T, F>;\n  onSelect?: (view: View<F>) => void;\n  dataHook: string;\n  showTotal?: boolean;\n} & Omit<DropdownProps, 'onSelect'>;\n\nfunction _ViewsDropdown<T, F extends FiltersMap>({\n  onSelect,\n  dataHook,\n  state,\n  showTotal = true,\n  dropdownWidth = '200px',\n  ...dropdownProps\n}: ViewsDropdownProps<T, F>) {\n  const container = useWixPatternsContainer();\n  const { views: viewsState } = state;\n  const { currentView, collection, localSearchState } = viewsState;\n  const { filteredCategoriesWithViews } = localSearchState;\n  const { translate: t } = collection;\n  const showLoader =\n    collection.result.status.isIdle || collection.result.status.isLoading;\n\n  const viewsOptions = useMemo(() => {\n    const { viewsWithoutCategory, categories } = filteredCategoriesWithViews;\n\n    return [\n      ...viewsWithoutCategory.map((view) =>\n        buildViewOption({ view, viewsState }),\n      ),\n      ...categories.flatMap((category) => [\n        buildCategoryOption({ category, viewsState }),\n        ...category.views.map((view) => buildViewOption({ view, viewsState })),\n      ]),\n    ];\n  }, [filteredCategoriesWithViews, container.initTask.status]);\n\n  const { options, fixedFooter } = showLoader\n    ? {\n        options: [],\n        fixedFooter: (\n          <Box\n            dataHook=\"initial-loader\"\n            width=\"100%\"\n            align=\"center\"\n            verticalAlign=\"middle\"\n            padding=\"SP2\"\n          >\n            <Loader size=\"small\" />\n          </Box>\n        ),\n      }\n    : {\n        options: viewsOptions,\n        fixedFooter: undefined,\n      };\n\n  const {\n    table: { collection: mainCollection },\n  } = state;\n\n  const shouldShowTotal =\n    showTotal &&\n    (mainCollection.totalStatus === 'success' ||\n      mainCollection.showRefreshLoader);\n\n  return (\n    <Box dataHook={dataHook}>\n      <Box width={dropdownWidth} direction=\"vertical\">\n        <AutoCompleteReadonly\n          emptyStateMessage={\n            !showLoader && t('cairo.viewsDropdown.nothingMatches.text')\n          }\n          state={state.views.autoCompleteReadonlyState}\n          value={localSearchState.inputValue}\n          onChange={(e) =>\n            localSearchState.setInputValueAndScheduleSearch(e.target.value)\n          }\n          clearInput={() => localSearchState.clearSearch()}\n          dropdownWidth={dropdownWidth}\n          popoverProps={{ placement: 'bottom-start' }}\n          {...dropdownProps}\n          onInputClicked={(e) => {\n            state.viewsStateBIReporter.clickOnViewDropdownBI();\n            dropdownProps?.onInputClicked?.(e);\n          }}\n          fixedFooter={fixedFooter}\n          border=\"round\"\n          selectedId={currentView?.id}\n          selectedLabel={\n            currentView\n              ? getViewName({ view: currentView, viewsState })\n              : undefined\n          }\n          textOverflow=\"ellipsis\"\n          prefix={\n            <div\n              data-hook=\"views-dropdown-prefix\"\n              onClick={() => viewsState.autoCompleteReadonlyState.focusInput()}\n              style={{ cursor: 'pointer', display: 'inline-flex' }}\n            >\n              <ViewsDropdownPrefix state={state} />\n            </div>\n          }\n          suffix={\n            shouldShowTotal ? (\n              <div\n                data-hook=\"views-dropdown-suffix\"\n                onClick={() =>\n                  viewsState.autoCompleteReadonlyState.focusInput()\n                }\n                style={{ cursor: 'pointer', display: 'inline-flex' }}\n              >\n                <Box className=\"total-count\">\n                  <Input.Affix>\n                    ({state.table.collection.result.total})\n                  </Input.Affix>\n                </Box>\n              </div>\n            ) : undefined\n          }\n          className={st(classes.root)}\n          dataHook=\"collection-views-dropdown\"\n          onSelect={(option) => {\n            viewsState.events.emit('beforeSelectView');\n            const id = option.id.toString();\n            const view = viewsState.getView(id);\n            if (view) {\n              onSelect?.(view);\n              viewsState.selectView({ id });\n              viewsState.events.emit('afterSelectView', { view });\n            }\n            localSearchState.clearSearch();\n          }}\n          options={options}\n          placeholder={t('cairo.viewDropdown.unsavedView.status')}\n        />\n      </Box>\n\n      <Box verticalAlign=\"middle\" paddingLeft=\"SP2\">\n        <ManageViewPopover origin=\"MainToolbar\" state={state} />\n      </Box>\n\n      <ViewsDropdownModals state={state} />\n    </Box>\n  );\n}\n\nexport const ViewsDropdown = observer(_ViewsDropdown);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.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_ = "ViewsDropdown1047621763";
+var _namespace_ = "ViewsDropdown3364347350";
 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": "ViewsDropdown1047621763__root"
+  "root": "ViewsDropdown3364347350__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.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/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ViewsDropdown1047621763\";\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\":\"ViewsDropdown1047621763__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/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ViewsDropdown3364347350\";\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\":\"ViewsDropdown3364347350__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/CustomFieldsPanel/ManageFieldsPopoverMenu.js

@@ -22,6 +22,9 @@ function _ManageFieldsPopoverMenu({
   const {
     translate: t
   } = container;
+  const {
+    stackingRootRef
+  } = (0, _react2.usePageContext)();
   if (!state.dataExtension.hasWritePermissions) {
     return /*#__PURE__*/_react.default.createElement(_CustomFields.CustomFieldsDisabledTooltip, {
       disabled: !state.dataExtension.hasWritePermissions,
@@ -29,7 +32,7 @@ function _ManageFieldsPopoverMenu({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 29,
+        lineNumber: 30,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
@@ -38,14 +41,14 @@ function _ManageFieldsPopoverMenu({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 33,
+        lineNumber: 34,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.MoreSmall, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 34,
+        lineNumber: 35,
         columnNumber: 11
       }
     })));
@@ -76,6 +79,7 @@ function _ManageFieldsPopoverMenu({
   return /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu, {
     textSize: "small",
     placement: "bottom-end",
+    appendTo: stackingRootRef.current || 'parent',
     dataHook: "custom-field-options",
     onShow: onTriggerMenu,
     triggerElement: /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
@@ -83,7 +87,7 @@ function _ManageFieldsPopoverMenu({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 78,
+        lineNumber: 80,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
@@ -93,21 +97,21 @@ function _ManageFieldsPopoverMenu({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 79,
+        lineNumber: 81,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.MoreSmall, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 84,
+        lineNumber: 86,
         columnNumber: 13
       }
     }))),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 72,
+      lineNumber: 73,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
@@ -116,7 +120,7 @@ function _ManageFieldsPopoverMenu({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 91,
+        lineNumber: 93,
         columnNumber: 21
       }
     }),
@@ -135,7 +139,7 @@ function _ManageFieldsPopoverMenu({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 89,
+      lineNumber: 91,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
@@ -144,7 +148,7 @@ function _ManageFieldsPopoverMenu({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 108,
+        lineNumber: 110,
         columnNumber: 21
       }
     }),
@@ -163,7 +167,7 @@ function _ManageFieldsPopoverMenu({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 106,
+      lineNumber: 108,
       columnNumber: 7
     }
   }));

package/dist/cjs/components/CustomFieldsPanel/ManageFieldsPopoverMenu.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_react2","_wixUiIconsCommon","_bexCore","_bi","_mobxReactLite","_CustomFields","_jsxFileName","_ManageFieldsPopoverMenu","state","id","origin","location","container","useWixPatternsContainer","translate","t","dataExtension","hasWritePermissions","default","createElement","CustomFieldsDisabledTooltip","disabled","content","__self","__source","fileName","lineNumber","columnNumber","IconButton","size","dataHook","MoreSmall","reportCtaClickedBi","ctaIndex","ctaName","moreActionsIndex","reportBi","withoutDefaults","cairoCtaClicked","filteredListSize","availableUserCustomFields","length","isSelectAll","numCtas","numItems","url","window","href","onTriggerMenu","PopoverMenu","textSize","placement","onShow","triggerElement","Tooltip","skin","MenuItem","prefixIcon","EditSmall","text","onClick","openCustomFieldModal","fieldId","ArchiveSmall","archiveFieldModal","modal","open","ManageFieldsPopoverMenu","exports","observer"],"sources":["../../../../src/components/CustomFieldsPanel/ManageFieldsPopoverMenu.tsx"],"sourcesContent":["import { IconButton, PopoverMenu, Tooltip } from '@wix/design-system';\nimport React from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { ArchiveSmall, EditSmall, MoreSmall } from '@wix/wix-ui-icons-common';\nimport { CustomFieldOrigin, withoutDefaults } from '@wix/bex-core';\nimport { cairoCtaClicked } from '@wix/bex-core/bi';\nimport { observer } from 'mobx-react-lite';\nimport { CustomFieldsDisabledTooltip } from '../CustomFields';\nimport { CustomFieldsPanelState } from '../../state/CustomFields/CustomFieldsPanelState';\n\nexport interface ManageFieldsPopoverMenuProps {\n  state: CustomFieldsPanelState;\n  id: string;\n  origin: CustomFieldOrigin;\n  location: string;\n}\n\nfunction _ManageFieldsPopoverMenu({\n  state,\n  id,\n  origin,\n  location,\n}: ManageFieldsPopoverMenuProps) {\n  const container = useWixPatternsContainer();\n  const { translate: t } = container;\n\n  if (!state.dataExtension.hasWritePermissions) {\n    return (\n      <CustomFieldsDisabledTooltip\n        disabled={!state.dataExtension.hasWritePermissions}\n        content={t('cairo.customFields.writePermission.tooltip')}\n      >\n        <IconButton size=\"tiny\" dataHook=\"custom-field-options-icon-button\">\n          <MoreSmall />\n        </IconButton>\n      </CustomFieldsDisabledTooltip>\n    );\n  }\n\n  const reportCtaClickedBi = ({\n    ctaIndex,\n    ctaName,\n    moreActionsIndex,\n  }: {\n    ctaIndex: number;\n    ctaName: string;\n    moreActionsIndex?: number;\n  }) => {\n    state?.reportBi(\n      withoutDefaults(cairoCtaClicked)({\n        ctaIndex,\n        ctaName,\n        filteredListSize: state?.dataExtension.availableUserCustomFields.length,\n        isSelectAll: false,\n        location,\n        moreActionsIndex,\n        numCtas: 2,\n        numItems: 1,\n        url: typeof window !== 'undefined' ? window.location.href : '',\n      }),\n    );\n  };\n\n  const onTriggerMenu = () => {\n    reportCtaClickedBi({\n      ctaIndex: 0,\n      ctaName: 'More Actions Menu',\n    });\n  };\n\n  return (\n    <PopoverMenu\n      textSize=\"small\"\n      placement=\"bottom-end\"\n      dataHook=\"custom-field-options\"\n      onShow={onTriggerMenu}\n      triggerElement={\n        <Tooltip content={t('cairo.custom-columns.more-actions.tooltip')}>\n          <IconButton\n            size=\"tiny\"\n            dataHook=\"custom-field-options-icon-button\"\n            skin=\"light\"\n          >\n            <MoreSmall />\n          </IconButton>\n        </Tooltip>\n      }\n    >\n      <PopoverMenu.MenuItem\n        dataHook=\"custom-field-options-edit\"\n        prefixIcon={<EditSmall />}\n        text={t('cairo.customFields.edit.CTA')}\n        onClick={() => {\n          reportCtaClickedBi({\n            ctaIndex: 1,\n            ctaName: 'Edit',\n            moreActionsIndex: 1,\n          });\n          state.openCustomFieldModal({\n            fieldId: id,\n            origin,\n          });\n        }}\n      />\n\n      <PopoverMenu.MenuItem\n        dataHook=\"custom-field-options-archive\"\n        prefixIcon={<ArchiveSmall />}\n        text={t('cairo.customFields.archive.CTA')}\n        onClick={() => {\n          reportCtaClickedBi({\n            ctaIndex: 2,\n            ctaName: 'Archive',\n            moreActionsIndex: 2,\n          });\n          state.archiveFieldModal.modal.open({ id, origin });\n        }}\n      />\n    </PopoverMenu>\n  );\n}\n\nexport const ManageFieldsPopoverMenu = observer(_ManageFieldsPopoverMenu);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_react2","_wixUiIconsCommon","_bexCore","_bi","_mobxReactLite","_CustomFields","_jsxFileName","_ManageFieldsPopoverMenu","state","id","origin","location","container","useWixPatternsContainer","translate","t","stackingRootRef","usePageContext","dataExtension","hasWritePermissions","default","createElement","CustomFieldsDisabledTooltip","disabled","content","__self","__source","fileName","lineNumber","columnNumber","IconButton","size","dataHook","MoreSmall","reportCtaClickedBi","ctaIndex","ctaName","moreActionsIndex","reportBi","withoutDefaults","cairoCtaClicked","filteredListSize","availableUserCustomFields","length","isSelectAll","numCtas","numItems","url","window","href","onTriggerMenu","PopoverMenu","textSize","placement","appendTo","current","onShow","triggerElement","Tooltip","skin","MenuItem","prefixIcon","EditSmall","text","onClick","openCustomFieldModal","fieldId","ArchiveSmall","archiveFieldModal","modal","open","ManageFieldsPopoverMenu","exports","observer"],"sources":["../../../../src/components/CustomFieldsPanel/ManageFieldsPopoverMenu.tsx"],"sourcesContent":["import { IconButton, PopoverMenu, Tooltip } from '@wix/design-system';\nimport React from 'react';\nimport { useWixPatternsContainer, usePageContext } from '@wix/bex-core/react';\nimport { ArchiveSmall, EditSmall, MoreSmall } from '@wix/wix-ui-icons-common';\nimport { CustomFieldOrigin, withoutDefaults } from '@wix/bex-core';\nimport { cairoCtaClicked } from '@wix/bex-core/bi';\nimport { observer } from 'mobx-react-lite';\nimport { CustomFieldsDisabledTooltip } from '../CustomFields';\nimport { CustomFieldsPanelState } from '../../state/CustomFields/CustomFieldsPanelState';\n\nexport interface ManageFieldsPopoverMenuProps {\n  state: CustomFieldsPanelState;\n  id: string;\n  origin: CustomFieldOrigin;\n  location: string;\n}\n\nfunction _ManageFieldsPopoverMenu({\n  state,\n  id,\n  origin,\n  location,\n}: ManageFieldsPopoverMenuProps) {\n  const container = useWixPatternsContainer();\n  const { translate: t } = container;\n  const { stackingRootRef } = usePageContext();\n\n  if (!state.dataExtension.hasWritePermissions) {\n    return (\n      <CustomFieldsDisabledTooltip\n        disabled={!state.dataExtension.hasWritePermissions}\n        content={t('cairo.customFields.writePermission.tooltip')}\n      >\n        <IconButton size=\"tiny\" dataHook=\"custom-field-options-icon-button\">\n          <MoreSmall />\n        </IconButton>\n      </CustomFieldsDisabledTooltip>\n    );\n  }\n\n  const reportCtaClickedBi = ({\n    ctaIndex,\n    ctaName,\n    moreActionsIndex,\n  }: {\n    ctaIndex: number;\n    ctaName: string;\n    moreActionsIndex?: number;\n  }) => {\n    state?.reportBi(\n      withoutDefaults(cairoCtaClicked)({\n        ctaIndex,\n        ctaName,\n        filteredListSize: state?.dataExtension.availableUserCustomFields.length,\n        isSelectAll: false,\n        location,\n        moreActionsIndex,\n        numCtas: 2,\n        numItems: 1,\n        url: typeof window !== 'undefined' ? window.location.href : '',\n      }),\n    );\n  };\n\n  const onTriggerMenu = () => {\n    reportCtaClickedBi({\n      ctaIndex: 0,\n      ctaName: 'More Actions Menu',\n    });\n  };\n\n  return (\n    <PopoverMenu\n      textSize=\"small\"\n      placement=\"bottom-end\"\n      appendTo={stackingRootRef.current || 'parent'}\n      dataHook=\"custom-field-options\"\n      onShow={onTriggerMenu}\n      triggerElement={\n        <Tooltip content={t('cairo.custom-columns.more-actions.tooltip')}>\n          <IconButton\n            size=\"tiny\"\n            dataHook=\"custom-field-options-icon-button\"\n            skin=\"light\"\n          >\n            <MoreSmall />\n          </IconButton>\n        </Tooltip>\n      }\n    >\n      <PopoverMenu.MenuItem\n        dataHook=\"custom-field-options-edit\"\n        prefixIcon={<EditSmall />}\n        text={t('cairo.customFields.edit.CTA')}\n        onClick={() => {\n          reportCtaClickedBi({\n            ctaIndex: 1,\n            ctaName: 'Edit',\n            moreActionsIndex: 1,\n          });\n          state.openCustomFieldModal({\n            fieldId: id,\n            origin,\n          });\n        }}\n      />\n\n      <PopoverMenu.MenuItem\n        dataHook=\"custom-field-options-archive\"\n        prefixIcon={<ArchiveSmall />}\n        text={t('cairo.customFields.archive.CTA')}\n        onClick={() => {\n          reportCtaClickedBi({\n            ctaIndex: 2,\n            ctaName: 'Archive',\n            moreActionsIndex: 2,\n          });\n          state.archiveFieldModal.modal.open({ id, origin });\n        }}\n      />\n    </PopoverMenu>\n  );\n}\n\nexport const ManageFieldsPopoverMenu = observer(_ManageFieldsPopoverMenu);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsWidgetCommonComponents.js

@@ -12,6 +12,9 @@ const _CustomFieldsWidgetCommonComponents = ({
   state
 }) => {
   const page = (0, _react2.usePageContext)();
+  const {
+    useRelativeSidePanel
+  } = (0, _react2.useWixPatternsContainer)();
   const {
     modalsContainerRef,
     stackingRootRef
@@ -24,12 +27,12 @@ const _CustomFieldsWidgetCommonComponents = ({
   const ArchiveFieldModal = state.ArchiveFieldModal;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, WixPatternsModalsContainer && /*#__PURE__*/_react.default.createElement(WixPatternsModalsContainer, {
     rootRef: stackingRootRef,
-    anchorRef: modalsContainerRef,
+    anchorRef: useRelativeSidePanel ? stackingRootRef : modalsContainerRef,
     state: state.panels,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 28,
+      lineNumber: 29,
       columnNumber: 9
     }
   }), CustomFieldModal && /*#__PURE__*/_react.default.createElement(CustomFieldModal, {
@@ -37,7 +40,7 @@ const _CustomFieldsWidgetCommonComponents = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 35,
+      lineNumber: 38,
       columnNumber: 9
     }
   }), ArchiveFieldModal && /*#__PURE__*/_react.default.createElement(ArchiveFieldModal, {
@@ -45,7 +48,7 @@ const _CustomFieldsWidgetCommonComponents = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 38,
+      lineNumber: 41,
       columnNumber: 9
     }
   }), state.dataExtension.deleteFieldModal && /*#__PURE__*/_react.default.createElement(_DeleteFieldModal.DeleteFieldModal, {
@@ -53,7 +56,7 @@ const _CustomFieldsWidgetCommonComponents = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 41,
+      lineNumber: 44,
       columnNumber: 9
     }
   }));

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsWidgetCommonComponents.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_react2","_DeleteFieldModal","_jsxFileName","_CustomFieldsWidgetCommonComponents","state","page","usePageContext","modalsContainerRef","stackingRootRef","isLoading","WixPatternsModalsContainer","CustomFieldModal","ArchiveFieldModal","default","createElement","Fragment","rootRef","anchorRef","panels","__self","__source","fileName","lineNumber","columnNumber","customFieldsPanel","customFieldModal","archiveFieldModal","dataExtension","deleteFieldModal","DeleteFieldModal","CustomFieldsWidgetCommonComponents","exports","observer"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsWidgetCommonComponents.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { usePageContext } from '@wix/bex-core/react';\nimport { CustomFieldsWidgetState } from '../../state';\nimport { DeleteFieldModal } from '../ArchivedItemsPanel/DeleteFieldModal';\n\ninterface CustomFieldsWidgetCommonComponentsProps {\n  state: CustomFieldsWidgetState;\n}\n\nconst _CustomFieldsWidgetCommonComponents = ({\n  state,\n}: CustomFieldsWidgetCommonComponentsProps) => {\n  const page = usePageContext();\n\n  const { modalsContainerRef, stackingRootRef } = page;\n\n  if (state.isLoading) {\n    return null;\n  }\n  const WixPatternsModalsContainer = state.WixPatternsModalsContainer;\n  const CustomFieldModal = state.CustomFieldModal;\n  const ArchiveFieldModal = state.ArchiveFieldModal;\n\n  return (\n    <>\n      {WixPatternsModalsContainer && (\n        <WixPatternsModalsContainer\n          rootRef={stackingRootRef}\n          anchorRef={modalsContainerRef}\n          state={state.panels}\n        />\n      )}\n      {CustomFieldModal && (\n        <CustomFieldModal state={state.customFieldsPanel.customFieldModal} />\n      )}\n      {ArchiveFieldModal && (\n        <ArchiveFieldModal state={state.customFieldsPanel.archiveFieldModal} />\n      )}\n      {state.dataExtension.deleteFieldModal && (\n        <DeleteFieldModal state={state.dataExtension.deleteFieldModal} />\n      )}\n    </>\n  );\n};\n\nexport const CustomFieldsWidgetCommonComponents = observer(\n  _CustomFieldsWidgetCommonComponents,\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAEA,IAAAG,iBAAA,GAAAH,OAAA;AAA0E,IAAAI,YAAA;AAM1E,MAAMC,mCAAmC,GAAGA,CAAC;EAC3CC;AACuC,CAAC,KAAK;EAC7C,MAAMC,IAAI,GAAG,IAAAC,sBAAc,EAAC,CAAC;EAE7B,MAAM;IAAEC,kBAAkB;IAAEC;EAAgB,CAAC,GAAGH,IAAI;EAEpD,IAAID,KAAK,CAACK,SAAS,EAAE;IACnB,OAAO,IAAI;EACb;EACA,MAAMC,0BAA0B,GAAGN,KAAK,CAACM,0BAA0B;EACnE,MAAMC,gBAAgB,GAAGP,KAAK,CAACO,gBAAgB;EAC/C,MAAMC,iBAAiB,GAAGR,KAAK,CAACQ,iBAAiB;EAEjD,oBACEhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAAAlB,MAAA,CAAAiB,OAAA,CAAAE,QAAA,QACGL,0BAA0B,iBACzBd,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACJ,0BAA0B;IACzBM,OAAO,EAAER,eAAgB;IACzBS,SAAS,EAAEV,kBAAmB;IAC9BH,KAAK,EAAEA,KAAK,CAACc,MAAO;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACrB,CACF,EACAZ,gBAAgB,iBACff,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACH,gBAAgB;IAACP,KAAK,EAAEA,KAAK,CAACoB,iBAAiB,CAACC,gBAAiB;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACrE,EACAX,iBAAiB,iBAChBhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACF,iBAAiB;IAACR,KAAK,EAAEA,KAAK,CAACoB,iBAAiB,CAACE,iBAAkB;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACvE,EACAnB,KAAK,CAACuB,aAAa,CAACC,gBAAgB,iBACnChC,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACb,iBAAA,CAAA4B,gBAAgB;IAACzB,KAAK,EAAEA,KAAK,CAACuB,aAAa,CAACC,gBAAiB;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAElE,CAAC;AAEP,CAAC;AAEM,MAAMO,kCAAkC,GAAAC,OAAA,CAAAD,kCAAA,GAAG,IAAAE,uBAAQ,EACxD7B,mCACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_react2","_DeleteFieldModal","_jsxFileName","_CustomFieldsWidgetCommonComponents","state","page","usePageContext","useRelativeSidePanel","useWixPatternsContainer","modalsContainerRef","stackingRootRef","isLoading","WixPatternsModalsContainer","CustomFieldModal","ArchiveFieldModal","default","createElement","Fragment","rootRef","anchorRef","panels","__self","__source","fileName","lineNumber","columnNumber","customFieldsPanel","customFieldModal","archiveFieldModal","dataExtension","deleteFieldModal","DeleteFieldModal","CustomFieldsWidgetCommonComponents","exports","observer"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsWidgetCommonComponents.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { usePageContext, useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CustomFieldsWidgetState } from '../../state';\nimport { DeleteFieldModal } from '../ArchivedItemsPanel/DeleteFieldModal';\n\ninterface CustomFieldsWidgetCommonComponentsProps {\n  state: CustomFieldsWidgetState;\n}\n\nconst _CustomFieldsWidgetCommonComponents = ({\n  state,\n}: CustomFieldsWidgetCommonComponentsProps) => {\n  const page = usePageContext();\n  const { useRelativeSidePanel } = useWixPatternsContainer();\n\n  const { modalsContainerRef, stackingRootRef } = page;\n\n  if (state.isLoading) {\n    return null;\n  }\n  const WixPatternsModalsContainer = state.WixPatternsModalsContainer;\n  const CustomFieldModal = state.CustomFieldModal;\n  const ArchiveFieldModal = state.ArchiveFieldModal;\n\n  return (\n    <>\n      {WixPatternsModalsContainer && (\n        <WixPatternsModalsContainer\n          rootRef={stackingRootRef}\n          anchorRef={\n            useRelativeSidePanel ? stackingRootRef : modalsContainerRef\n          }\n          state={state.panels}\n        />\n      )}\n      {CustomFieldModal && (\n        <CustomFieldModal state={state.customFieldsPanel.customFieldModal} />\n      )}\n      {ArchiveFieldModal && (\n        <ArchiveFieldModal state={state.customFieldsPanel.archiveFieldModal} />\n      )}\n      {state.dataExtension.deleteFieldModal && (\n        <DeleteFieldModal state={state.dataExtension.deleteFieldModal} />\n      )}\n    </>\n  );\n};\n\nexport const CustomFieldsWidgetCommonComponents = observer(\n  _CustomFieldsWidgetCommonComponents,\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAEA,IAAAG,iBAAA,GAAAH,OAAA;AAA0E,IAAAI,YAAA;AAM1E,MAAMC,mCAAmC,GAAGA,CAAC;EAC3CC;AACuC,CAAC,KAAK;EAC7C,MAAMC,IAAI,GAAG,IAAAC,sBAAc,EAAC,CAAC;EAC7B,MAAM;IAAEC;EAAqB,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAE1D,MAAM;IAAEC,kBAAkB;IAAEC;EAAgB,CAAC,GAAGL,IAAI;EAEpD,IAAID,KAAK,CAACO,SAAS,EAAE;IACnB,OAAO,IAAI;EACb;EACA,MAAMC,0BAA0B,GAAGR,KAAK,CAACQ,0BAA0B;EACnE,MAAMC,gBAAgB,GAAGT,KAAK,CAACS,gBAAgB;EAC/C,MAAMC,iBAAiB,GAAGV,KAAK,CAACU,iBAAiB;EAEjD,oBACElB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAAApB,MAAA,CAAAmB,OAAA,CAAAE,QAAA,QACGL,0BAA0B,iBACzBhB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACJ,0BAA0B;IACzBM,OAAO,EAAER,eAAgB;IACzBS,SAAS,EACPZ,oBAAoB,GAAGG,eAAe,GAAGD,kBAC1C;IACDL,KAAK,EAAEA,KAAK,CAACgB,MAAO;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACrB,CACF,EACAZ,gBAAgB,iBACfjB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACH,gBAAgB;IAACT,KAAK,EAAEA,KAAK,CAACsB,iBAAiB,CAACC,gBAAiB;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACrE,EACAX,iBAAiB,iBAChBlB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACF,iBAAiB;IAACV,KAAK,EAAEA,KAAK,CAACsB,iBAAiB,CAACE,iBAAkB;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACvE,EACArB,KAAK,CAACyB,aAAa,CAACC,gBAAgB,iBACnClC,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACf,iBAAA,CAAA8B,gBAAgB;IAAC3B,KAAK,EAAEA,KAAK,CAACyB,aAAa,CAACC,gBAAiB;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAElE,CAAC;AAEP,CAAC;AAEM,MAAMO,kCAAkC,GAAAC,OAAA,CAAAD,kCAAA,GAAG,IAAAE,uBAAQ,EACxD/B,mCACF,CAAC","ignoreList":[]}

package/dist/cjs/components/DragHandle/DragHandle.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_ = "DragHandle4211744995";
+var _namespace_ = "DragHandle3028207720";
 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": "DragHandle4211744995__root"
+  "root": "DragHandle3028207720__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/DragHandle/DragHandle.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/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle4211744995\";\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\":\"DragHandle4211744995__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,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,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/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle3028207720\";\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\":\"DragHandle3028207720__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,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,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/EntityPage/EntityPagePlain.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_ = "EntityPagePlain165029253";
+var _namespace_ = "EntityPagePlain2668659888";
 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": "EntityPagePlain165029253__root"
+  "root": "EntityPagePlain2668659888__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EntityPage/EntityPagePlain.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/EntityPage/EntityPagePlain.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EntityPagePlain165029253\";\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\":\"EntityPagePlain165029253__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,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;AAAgC,CAAC;AACvD,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;EAAC,oCAAoC,EAAC;AAAsC,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/EntityPage/EntityPagePlain.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EntityPagePlain2668659888\";\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\":\"EntityPagePlain2668659888__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\"}; \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;EAAC,oCAAoC,EAAC;AAAsC,CAAC","ignoreList":[]}

package/dist/cjs/components/Fade/Fade.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_ = "Fade113856090";
+var _namespace_ = "Fade3563359266";
 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": "Fade113856090__root"
+  "root": "Fade3563359266__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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_ = \"Fade113856090\";\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\":\"Fade113856090__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_ = \"Fade3563359266\";\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\":\"Fade3563359266__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/GridSections/GridSectionHeader.js

@@ -19,6 +19,7 @@ function _GridSectionHeader(props) {
   } = state;
   const {
     sectionId,
+    sectionIndex,
     section,
     range
   } = sectionDescriptor;
@@ -30,6 +31,7 @@ function _GridSectionHeader(props) {
   return /*#__PURE__*/_react.default.createElement(_CollectionSectionHeader.CollectionSectionHeader, {
     dataHook: "grid-section-header",
     sectionId: sectionId,
+    sectionIndex: sectionIndex,
     section: sectionWithCount,
     skin: layoutType === 'list' ? 'light' : 'neutral',
     biComponentType: "GridSections",

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_CollectionSectionHeader","_jsxFileName","_GridSectionHeader","props","sectionDescriptor","state","gridBase","layoutType","sectionId","section","range","sectionWithCount","count","length","hasMore","isLast","gridSections","collection","fetchedLastPage","default","createElement","CollectionSectionHeader","dataHook","skin","biComponentType","__self","__source","fileName","lineNumber","columnNumber","GridSectionHeader","exports","observer"],"sources":["../../../../src/components/GridSections/GridSectionHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { SectionRange } from './GridSectionsState';\nimport { observer } from 'mobx-react-lite';\nimport { GridSectionsSectionState } from './GridSectionsSectionState';\nimport { CollectionSectionHeader } from '../CollectionSectionHeader';\n\nexport interface GridSectionHeaderProps<T, F extends FiltersMap> {\n  sectionDescriptor: SectionRange;\n  state: GridSectionsSectionState<T, F>;\n}\n\nfunction _GridSectionHeader<T, F extends FiltersMap>(\n  props: GridSectionHeaderProps<T, F>,\n) {\n  const { sectionDescriptor, state } = props;\n\n  const {\n    gridBase: { layoutType },\n  } = state;\n\n  const { sectionId, section, range } = sectionDescriptor;\n\n  const sectionWithCount = {\n    ...section,\n    count: range.length,\n    hasMore: state.isLast && !state.gridSections.collection.fetchedLastPage,\n  };\n\n  return (\n    <CollectionSectionHeader\n      dataHook=\"grid-section-header\"\n      sectionId={sectionId}\n      section={sectionWithCount}\n      skin={layoutType === 'list' ? 'light' : 'neutral'}\n      biComponentType=\"GridSections\"\n    />\n  );\n}\n\nexport const GridSectionHeader = observer(_GridSectionHeader);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,wBAAA,GAAAF,OAAA;AAAqE,IAAAG,YAAA;AAOrE,SAASC,kBAAkBA,CACzBC,KAAmC,EACnC;EACA,MAAM;IAAEC,iBAAiB;IAAEC;EAAM,CAAC,GAAGF,KAAK;EAE1C,MAAM;IACJG,QAAQ,EAAE;MAAEC;IAAW;EACzB,CAAC,GAAGF,KAAK;EAET,MAAM;IAAEG,SAAS;IAAEC,OAAO;IAAEC;EAAM,CAAC,GAAGN,iBAAiB;EAEvD,MAAMO,gBAAgB,GAAG;IACvB,GAAGF,OAAO;IACVG,KAAK,EAAEF,KAAK,CAACG,MAAM;IACnBC,OAAO,EAAET,KAAK,CAACU,MAAM,IAAI,CAACV,KAAK,CAACW,YAAY,CAACC,UAAU,CAACC;EAC1D,CAAC;EAED,oBACEtB,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACpB,wBAAA,CAAAqB,uBAAuB;IACtBC,QAAQ,EAAC,qBAAqB;IAC9Bd,SAAS,EAAEA,SAAU;IACrBC,OAAO,EAAEE,gBAAiB;IAC1BY,IAAI,EAAEhB,UAAU,KAAK,MAAM,GAAG,OAAO,GAAG,SAAU;IAClDiB,eAAe,EAAC,cAAc;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1B,YAAA;MAAA2B,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC/B,CAAC;AAEN;AAEO,MAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,uBAAQ,EAAC9B,kBAAkB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_CollectionSectionHeader","_jsxFileName","_GridSectionHeader","props","sectionDescriptor","state","gridBase","layoutType","sectionId","sectionIndex","section","range","sectionWithCount","count","length","hasMore","isLast","gridSections","collection","fetchedLastPage","default","createElement","CollectionSectionHeader","dataHook","skin","biComponentType","__self","__source","fileName","lineNumber","columnNumber","GridSectionHeader","exports","observer"],"sources":["../../../../src/components/GridSections/GridSectionHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { SectionRange } from './GridSectionsState';\nimport { observer } from 'mobx-react-lite';\nimport { GridSectionsSectionState } from './GridSectionsSectionState';\nimport { CollectionSectionHeader } from '../CollectionSectionHeader';\n\nexport interface GridSectionHeaderProps<T, F extends FiltersMap> {\n  sectionDescriptor: SectionRange;\n  state: GridSectionsSectionState<T, F>;\n}\n\nfunction _GridSectionHeader<T, F extends FiltersMap>(\n  props: GridSectionHeaderProps<T, F>,\n) {\n  const { sectionDescriptor, state } = props;\n\n  const {\n    gridBase: { layoutType },\n  } = state;\n\n  const { sectionId, sectionIndex, section, range } = sectionDescriptor;\n\n  const sectionWithCount = {\n    ...section,\n    count: range.length,\n    hasMore: state.isLast && !state.gridSections.collection.fetchedLastPage,\n  };\n\n  return (\n    <CollectionSectionHeader\n      dataHook=\"grid-section-header\"\n      sectionId={sectionId}\n      sectionIndex={sectionIndex}\n      section={sectionWithCount}\n      skin={layoutType === 'list' ? 'light' : 'neutral'}\n      biComponentType=\"GridSections\"\n    />\n  );\n}\n\nexport const GridSectionHeader = observer(_GridSectionHeader);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,wBAAA,GAAAF,OAAA;AAAqE,IAAAG,YAAA;AAOrE,SAASC,kBAAkBA,CACzBC,KAAmC,EACnC;EACA,MAAM;IAAEC,iBAAiB;IAAEC;EAAM,CAAC,GAAGF,KAAK;EAE1C,MAAM;IACJG,QAAQ,EAAE;MAAEC;IAAW;EACzB,CAAC,GAAGF,KAAK;EAET,MAAM;IAAEG,SAAS;IAAEC,YAAY;IAAEC,OAAO;IAAEC;EAAM,CAAC,GAAGP,iBAAiB;EAErE,MAAMQ,gBAAgB,GAAG;IACvB,GAAGF,OAAO;IACVG,KAAK,EAAEF,KAAK,CAACG,MAAM;IACnBC,OAAO,EAAEV,KAAK,CAACW,MAAM,IAAI,CAACX,KAAK,CAACY,YAAY,CAACC,UAAU,CAACC;EAC1D,CAAC;EAED,oBACEvB,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACrB,wBAAA,CAAAsB,uBAAuB;IACtBC,QAAQ,EAAC,qBAAqB;IAC9Bf,SAAS,EAAEA,SAAU;IACrBC,YAAY,EAAEA,YAAa;IAC3BC,OAAO,EAAEE,gBAAiB;IAC1BY,IAAI,EAAEjB,UAAU,KAAK,MAAM,GAAG,OAAO,GAAG,SAAU;IAClDkB,eAAe,EAAC,cAAc;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3B,YAAA;MAAA4B,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC/B,CAAC;AAEN;AAEO,MAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,uBAAQ,EAAC/B,kBAAkB,CAAC","ignoreList":[]}

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

@@ -43,7 +43,7 @@ class GridSectionsState {
       sectionItemsMap[sectionId].push(item);
     });
     let currentIndex = 0;
-    return orderedSections.map(sectionId => {
+    return orderedSections.map((sectionId, sectionIndex) => {
       const sectionItems = sectionItemsMap[sectionId];
       const section = renderSection ? renderSection(sectionId, sectionItems) : {
         title: sectionId
@@ -55,6 +55,7 @@ class GridSectionsState {
       currentIndex += sectionItems.length;
       return {
         sectionId,
+        sectionIndex,
         section,
         range
       };

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

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","GridSectionsState","constructor","params","_defineProperty2","default","collection","toolbar","groupBy","renderSection","parentState","makeObservable","sections","computed","observable","ref","sectionItemsMap","orderedSections","result","items","forEach","item","sectionId","push","currentIndex","map","sectionItems","section","title","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 type {\n  Section,\n  GroupBy,\n  RenderSection,\n} from '../CollectionSectionHeader';\n\nexport interface SectionRange {\n  sectionId: string;\n  section: Section;\n  range: {\n    start: number;\n    length: number;\n  };\n}\n\nexport interface GridSectionsStateParams<T, F extends FiltersMap> {\n  readonly collection: CollectionState<T, F>;\n  readonly toolbar: ToolbarCollectionState<T, F>;\n  readonly groupBy: GroupBy<T>;\n  readonly renderSection?: RenderSection<T>;\n  readonly parentState: GridState<T, F>;\n}\n\nexport class GridSectionsState<T, F extends FiltersMap> {\n  groupBy: GroupBy<T>;\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.groupBy = params.groupBy;\n    this.renderSection = params.renderSection;\n    this.parentState = params.parentState;\n\n    makeObservable(this, {\n      sections: computed,\n      groupBy: observable.ref,\n      renderSection: observable.ref,\n    });\n  }\n\n  get sections(): SectionRange[] {\n    const { collection, groupBy, renderSection } = this;\n\n    if (!groupBy) {\n      return [];\n    }\n\n    const sectionItemsMap: Record<string, T[]> = {};\n    const orderedSections: string[] = [];\n\n    collection.result.items.forEach((item) => {\n      const sectionId = groupBy(item);\n\n      if (!sectionItemsMap[sectionId]) {\n        sectionItemsMap[sectionId] = [];\n        orderedSections.push(sectionId);\n      }\n      sectionItemsMap[sectionId].push(item);\n    });\n\n    let currentIndex = 0;\n    return orderedSections.map((sectionId) => {\n      const sectionItems = sectionItemsMap[sectionId];\n\n      const section = renderSection\n        ? renderSection(sectionId, sectionItems)\n        : { title: sectionId };\n\n      const range = {\n        start: currentIndex,\n        length: sectionItems.length,\n      };\n\n      currentIndex += sectionItems.length;\n\n      return { sectionId, section, range };\n    });\n  }\n}\n"],"mappings":";;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AAyBO,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;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IACjD,IAAI,CAACC,UAAU,GAAGH,MAAM,CAACG,UAAU;IACnC,IAAI,CAACC,OAAO,GAAGJ,MAAM,CAACI,OAAO;IAC7B,IAAI,CAACC,OAAO,GAAGL,MAAM,CAACK,OAAO;IAC7B,IAAI,CAACC,aAAa,GAAGN,MAAM,CAACM,aAAa;IACzC,IAAI,CAACC,WAAW,GAAGP,MAAM,CAACO,WAAW;IAErC,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBC,QAAQ,EAAEC,cAAQ;MAClBL,OAAO,EAAEM,gBAAU,CAACC,GAAG;MACvBN,aAAa,EAAEK,gBAAU,CAACC;IAC5B,CAAC,CAAC;EACJ;EAEA,IAAIH,QAAQA,CAAA,EAAmB;IAC7B,MAAM;MAAEN,UAAU;MAAEE,OAAO;MAAEC;IAAc,CAAC,GAAG,IAAI;IAEnD,IAAI,CAACD,OAAO,EAAE;MACZ,OAAO,EAAE;IACX;IAEA,MAAMQ,eAAoC,GAAG,CAAC,CAAC;IAC/C,MAAMC,eAAyB,GAAG,EAAE;IAEpCX,UAAU,CAACY,MAAM,CAACC,KAAK,CAACC,OAAO,CAAEC,IAAI,IAAK;MACxC,MAAMC,SAAS,GAAGd,OAAO,CAACa,IAAI,CAAC;MAE/B,IAAI,CAACL,eAAe,CAACM,SAAS,CAAC,EAAE;QAC/BN,eAAe,CAACM,SAAS,CAAC,GAAG,EAAE;QAC/BL,eAAe,CAACM,IAAI,CAACD,SAAS,CAAC;MACjC;MACAN,eAAe,CAACM,SAAS,CAAC,CAACC,IAAI,CAACF,IAAI,CAAC;IACvC,CAAC,CAAC;IAEF,IAAIG,YAAY,GAAG,CAAC;IACpB,OAAOP,eAAe,CAACQ,GAAG,CAAEH,SAAS,IAAK;MACxC,MAAMI,YAAY,GAAGV,eAAe,CAACM,SAAS,CAAC;MAE/C,MAAMK,OAAO,GAAGlB,aAAa,GACzBA,aAAa,CAACa,SAAS,EAAEI,YAAY,CAAC,GACtC;QAAEE,KAAK,EAAEN;MAAU,CAAC;MAExB,MAAMO,KAAK,GAAG;QACZC,KAAK,EAAEN,YAAY;QACnBO,MAAM,EAAEL,YAAY,CAACK;MACvB,CAAC;MAEDP,YAAY,IAAIE,YAAY,CAACK,MAAM;MAEnC,OAAO;QAAET,SAAS;QAAEK,OAAO;QAAEE;MAAM,CAAC;IACtC,CAAC,CAAC;EACJ;AACF;AAACG,OAAA,CAAA/B,iBAAA,GAAAA,iBAAA","ignoreList":[]}
+{"version":3,"names":["_mobx","require","GridSectionsState","constructor","params","_defineProperty2","default","collection","toolbar","groupBy","renderSection","parentState","makeObservable","sections","computed","observable","ref","sectionItemsMap","orderedSections","result","items","forEach","item","sectionId","push","currentIndex","map","sectionIndex","sectionItems","section","title","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 type {\n  Section,\n  GroupBy,\n  RenderSection,\n} from '../CollectionSectionHeader';\n\nexport interface SectionRange {\n  sectionId: string;\n  sectionIndex: number;\n  section: Section;\n  range: {\n    start: number;\n    length: number;\n  };\n}\n\nexport interface GridSectionsStateParams<T, F extends FiltersMap> {\n  readonly collection: CollectionState<T, F>;\n  readonly toolbar: ToolbarCollectionState<T, F>;\n  readonly groupBy: GroupBy<T>;\n  readonly renderSection?: RenderSection<T>;\n  readonly parentState: GridState<T, F>;\n}\n\nexport class GridSectionsState<T, F extends FiltersMap> {\n  groupBy: GroupBy<T>;\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.groupBy = params.groupBy;\n    this.renderSection = params.renderSection;\n    this.parentState = params.parentState;\n\n    makeObservable(this, {\n      sections: computed,\n      groupBy: observable.ref,\n      renderSection: observable.ref,\n    });\n  }\n\n  get sections(): SectionRange[] {\n    const { collection, groupBy, renderSection } = this;\n\n    if (!groupBy) {\n      return [];\n    }\n\n    const sectionItemsMap: Record<string, T[]> = {};\n    const orderedSections: string[] = [];\n\n    collection.result.items.forEach((item) => {\n      const sectionId = groupBy(item);\n\n      if (!sectionItemsMap[sectionId]) {\n        sectionItemsMap[sectionId] = [];\n        orderedSections.push(sectionId);\n      }\n      sectionItemsMap[sectionId].push(item);\n    });\n\n    let currentIndex = 0;\n    return orderedSections.map((sectionId, sectionIndex) => {\n      const sectionItems = sectionItemsMap[sectionId];\n\n      const section = renderSection\n        ? renderSection(sectionId, sectionItems)\n        : { title: sectionId };\n\n      const range = {\n        start: currentIndex,\n        length: sectionItems.length,\n      };\n\n      currentIndex += sectionItems.length;\n\n      return { sectionId, sectionIndex, section, range };\n    });\n  }\n}\n"],"mappings":";;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AA0BO,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;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IACjD,IAAI,CAACC,UAAU,GAAGH,MAAM,CAACG,UAAU;IACnC,IAAI,CAACC,OAAO,GAAGJ,MAAM,CAACI,OAAO;IAC7B,IAAI,CAACC,OAAO,GAAGL,MAAM,CAACK,OAAO;IAC7B,IAAI,CAACC,aAAa,GAAGN,MAAM,CAACM,aAAa;IACzC,IAAI,CAACC,WAAW,GAAGP,MAAM,CAACO,WAAW;IAErC,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBC,QAAQ,EAAEC,cAAQ;MAClBL,OAAO,EAAEM,gBAAU,CAACC,GAAG;MACvBN,aAAa,EAAEK,gBAAU,CAACC;IAC5B,CAAC,CAAC;EACJ;EAEA,IAAIH,QAAQA,CAAA,EAAmB;IAC7B,MAAM;MAAEN,UAAU;MAAEE,OAAO;MAAEC;IAAc,CAAC,GAAG,IAAI;IAEnD,IAAI,CAACD,OAAO,EAAE;MACZ,OAAO,EAAE;IACX;IAEA,MAAMQ,eAAoC,GAAG,CAAC,CAAC;IAC/C,MAAMC,eAAyB,GAAG,EAAE;IAEpCX,UAAU,CAACY,MAAM,CAACC,KAAK,CAACC,OAAO,CAAEC,IAAI,IAAK;MACxC,MAAMC,SAAS,GAAGd,OAAO,CAACa,IAAI,CAAC;MAE/B,IAAI,CAACL,eAAe,CAACM,SAAS,CAAC,EAAE;QAC/BN,eAAe,CAACM,SAAS,CAAC,GAAG,EAAE;QAC/BL,eAAe,CAACM,IAAI,CAACD,SAAS,CAAC;MACjC;MACAN,eAAe,CAACM,SAAS,CAAC,CAACC,IAAI,CAACF,IAAI,CAAC;IACvC,CAAC,CAAC;IAEF,IAAIG,YAAY,GAAG,CAAC;IACpB,OAAOP,eAAe,CAACQ,GAAG,CAAC,CAACH,SAAS,EAAEI,YAAY,KAAK;MACtD,MAAMC,YAAY,GAAGX,eAAe,CAACM,SAAS,CAAC;MAE/C,MAAMM,OAAO,GAAGnB,aAAa,GACzBA,aAAa,CAACa,SAAS,EAAEK,YAAY,CAAC,GACtC;QAAEE,KAAK,EAAEP;MAAU,CAAC;MAExB,MAAMQ,KAAK,GAAG;QACZC,KAAK,EAAEP,YAAY;QACnBQ,MAAM,EAAEL,YAAY,CAACK;MACvB,CAAC;MAEDR,YAAY,IAAIG,YAAY,CAACK,MAAM;MAEnC,OAAO;QAAEV,SAAS;QAAEI,YAAY;QAAEE,OAAO;QAAEE;MAAM,CAAC;IACpD,CAAC,CAAC;EACJ;AACF;AAACG,OAAA,CAAAhC,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_ = "Heading4117206017";
+var _namespace_ = "Heading766337662";
 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": "Heading4117206017__root"
+  "root": "Heading766337662__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_ = \"Heading4117206017\";\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\":\"Heading4117206017__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_ = \"Heading766337662\";\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\":\"Heading766337662__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,kBAAkB;AACpC,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;AAAwB,CAAC;AAC/C,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_ = "InputOverflow122992747";
+var _namespace_ = "InputOverflow1779509954";
 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": "InputOverflow122992747__root"
+  "root": "InputOverflow1779509954__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_ = \"InputOverflow122992747\";\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\":\"InputOverflow122992747__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA8B,CAAC;AACrD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/InputOverflow/InputOverflow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"InputOverflow1779509954\";\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\":\"InputOverflow1779509954__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/LoadingRow.st.css.js

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "LoadingRow2386845315";
+var _namespace_ = "LoadingRow553533932";
 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": "LoadingRow2386845315__root"
+  "root": "LoadingRow553533932__root"
 };
 var keyframes = exports.keyframes = {
-  "gradientSwoosh": "LoadingRow2386845315__gradientSwoosh"
+  "gradientSwoosh": "LoadingRow553533932__gradientSwoosh"
 };
 var layers = exports.layers = {};
 var containers = exports.containers = {};