@wix/patterns 1.164.0 → 1.166.0

package/dist/cjs/hooks/usePlaceholderStateOptions.js

@@ -17,29 +17,36 @@ function usePlaceholderStateOptions(options, params) {
   const {
     errorHandler
   } = (0, _react2.useWixPatternsContainer)();
-  const getEmptyStateText = () => collection.hasAvailableItems ? t('cairo.dropdownSearch.filters.noResults') : t('cairo.dropdownSearch.filters.emptyState');
+  const getFixedFooter = (dataHook, content) => /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    dataHook: dataHook,
+    verticalAlign: "middle",
+    align: "center",
+    minHeight: "180px",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 30,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    padding: "SP7",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 36,
+      columnNumber: 7
+    }
+  }, content));
   if (collection.showInitialLoader || collection.result.status.isLoading) {
     return {
       showInitialLoader: true,
-      fixedFooter: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-        dataHook: "initial-loader",
-        width: "100%",
-        align: "center",
-        verticalAlign: "middle",
-        padding: "SP2",
-        __self: this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 38,
-          columnNumber: 9
-        }
-      }, /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
+      fixedFooter: getFixedFooter('initial-loader', /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
         size: "small",
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 45,
-          columnNumber: 11
+          lineNumber: 43,
+          columnNumber: 53
         }
       })),
       options
@@ -47,27 +54,17 @@ function usePlaceholderStateOptions(options, params) {
   }
   if (collection.showEmptyState) {
     return {
-      fixedFooter: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-        dataHook: "empty-state",
-        verticalAlign: "middle",
-        padding: "SP2",
-        __self: this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 55,
-          columnNumber: 9
-        }
-      }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+      fixedFooter: getFixedFooter('empty-state', /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
         dataHook: "empty-state-text",
         secondary: true,
-        light: true,
+        size: "small",
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 56,
-          columnNumber: 11
+          lineNumber: 52,
+          columnNumber: 9
         }
-      }, getEmptyStateText())),
+      }, collection.hasAvailableItems ? t('cairo.dropdownSearch.filters.noResults') : t('cairo.dropdownSearch.filters.emptyState'))),
       options
     };
   }
@@ -76,23 +73,27 @@ function usePlaceholderStateOptions(options, params) {
     const resolvedError = errorHandler.getResolvedError == null ? void 0 : errorHandler.getResolvedError((_collection$result$er = collection.result.errorStatus) == null ? void 0 : _collection$result$er.error);
     if (resolvedError) {
       return {
-        fixedFooter: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-          dataHook: "filter-error-state",
-          padding: "SP2",
+        fixedFooter: getFixedFooter('filter-error-state', /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+          direction: "vertical",
+          gap: "SP3",
+          verticalAlign: "middle",
+          align: "center",
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 72,
+            lineNumber: 71,
             columnNumber: 11
           }
         }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
           dataHook: "filter-error-state-text",
           secondary: true,
-          light: true,
+          align: "center",
+          weight: "thin",
+          size: "small",
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 73,
+            lineNumber: 77,
             columnNumber: 13
           }
         }, resolvedError.message, resolvedError.action && /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -103,9 +104,22 @@ function usePlaceholderStateOptions(options, params) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 76,
+            lineNumber: 86,
             columnNumber: 17
           }
+        }, resolvedError.action.text)), resolvedError.action && /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
+          size: "medium",
+          weight: "thin",
+          onClick: async () => {
+            var _resolvedError$action2;
+            await ((_resolvedError$action2 = resolvedError.action) == null || _resolvedError$action2.onClick == null ? void 0 : _resolvedError$action2.onClick());
+          },
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 96,
+            columnNumber: 15
+          }
         }, resolvedError.action.text))),
         options
       };

package/dist/cjs/hooks/usePlaceholderStateOptions.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_react2","_jsxFileName","usePlaceholderStateOptions","options","params","collection","translate","t","errorHandler","useWixPatternsContainer","getEmptyStateText","hasAvailableItems","showInitialLoader","result","status","isLoading","fixedFooter","default","createElement","Box","dataHook","width","align","verticalAlign","padding","__self","__source","fileName","lineNumber","columnNumber","Loader","size","showEmptyState","Text","secondary","light","showErrorState","_collection$result$er","resolvedError","getResolvedError","errorStatus","error","message","action","TextButton","onClick","_resolvedError$action","text"],"sources":["../../../src/hooks/usePlaceholderStateOptions.tsx"],"sourcesContent":["import {\n  Box,\n  DropdownLayoutOption,\n  Loader,\n  Text,\n  TextButton,\n} from '@wix/design-system';\nimport React, { ReactNode } from 'react';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface UsePlaceholderStateOptionsParams<T, F extends FiltersMap> {\n  collection: CollectionState<T, F>;\n  fixedFooter?: ReactNode;\n}\n\nexport function usePlaceholderStateOptions<T, F extends FiltersMap>(\n  options: DropdownLayoutOption[],\n  params: UsePlaceholderStateOptionsParams<T, F>,\n): {\n  fixedFooter?: ReactNode;\n  options: DropdownLayoutOption[];\n  showInitialLoader?: boolean;\n} {\n  const { collection } = params;\n  const { translate: t } = collection;\n  const { errorHandler } = useWixPatternsContainer();\n\n  const getEmptyStateText = () =>\n    collection.hasAvailableItems\n      ? t('cairo.dropdownSearch.filters.noResults')\n      : t('cairo.dropdownSearch.filters.emptyState');\n\n  if (collection.showInitialLoader || collection.result.status.isLoading) {\n    return {\n      showInitialLoader: true,\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      options,\n    };\n  }\n\n  if (collection.showEmptyState) {\n    return {\n      fixedFooter: (\n        <Box dataHook=\"empty-state\" verticalAlign=\"middle\" padding=\"SP2\">\n          <Text dataHook=\"empty-state-text\" secondary light>\n            {getEmptyStateText()}\n          </Text>\n        </Box>\n      ),\n      options,\n    };\n  }\n  if (collection.showErrorState) {\n    const resolvedError = errorHandler.getResolvedError?.(\n      collection.result.errorStatus?.error,\n    );\n\n    if (resolvedError) {\n      return {\n        fixedFooter: (\n          <Box dataHook=\"filter-error-state\" padding=\"SP2\">\n            <Text dataHook=\"filter-error-state-text\" secondary light>\n              {resolvedError.message}\n              {resolvedError.action && (\n                <TextButton\n                  onClick={async () => {\n                    await resolvedError.action?.onClick?.();\n                  }}\n                >\n                  {resolvedError.action.text}\n                </TextButton>\n              )}\n            </Text>\n          </Box>\n        ),\n        options,\n      };\n    }\n  }\n\n  return {\n    options,\n    fixedFooter: params.fixedFooter,\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_react2","_jsxFileName","usePlaceholderStateOptions","options","params","collection","translate","t","errorHandler","useWixPatternsContainer","getFixedFooter","dataHook","content","default","createElement","Box","verticalAlign","align","minHeight","__self","__source","fileName","lineNumber","columnNumber","padding","showInitialLoader","result","status","isLoading","fixedFooter","Loader","size","showEmptyState","Text","secondary","hasAvailableItems","showErrorState","_collection$result$er","resolvedError","getResolvedError","errorStatus","error","direction","gap","weight","message","action","TextButton","onClick","_resolvedError$action","text","_resolvedError$action2"],"sources":["../../../src/hooks/usePlaceholderStateOptions.tsx"],"sourcesContent":["import {\n  Box,\n  DropdownLayoutOption,\n  Loader,\n  Text,\n  TextButton,\n} from '@wix/design-system';\nimport React, { ReactNode } from 'react';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface UsePlaceholderStateOptionsParams<T, F extends FiltersMap> {\n  collection: CollectionState<T, F>;\n  fixedFooter?: ReactNode;\n}\n\nexport function usePlaceholderStateOptions<T, F extends FiltersMap>(\n  options: DropdownLayoutOption[],\n  params: UsePlaceholderStateOptionsParams<T, F>,\n): {\n  fixedFooter?: ReactNode;\n  options: DropdownLayoutOption[];\n  showInitialLoader?: boolean;\n} {\n  const { collection } = params;\n  const { translate: t } = collection;\n  const { errorHandler } = useWixPatternsContainer();\n\n  const getFixedFooter = (dataHook: string, content: ReactNode) => (\n    <Box\n      dataHook={dataHook}\n      verticalAlign=\"middle\"\n      align=\"center\"\n      minHeight=\"180px\"\n    >\n      <Box padding=\"SP7\">{content}</Box>\n    </Box>\n  );\n\n  if (collection.showInitialLoader || collection.result.status.isLoading) {\n    return {\n      showInitialLoader: true,\n      fixedFooter: getFixedFooter('initial-loader', <Loader size=\"small\" />),\n      options,\n    };\n  }\n\n  if (collection.showEmptyState) {\n    return {\n      fixedFooter: getFixedFooter(\n        'empty-state',\n        <Text dataHook=\"empty-state-text\" secondary size=\"small\">\n          {collection.hasAvailableItems\n            ? t('cairo.dropdownSearch.filters.noResults')\n            : t('cairo.dropdownSearch.filters.emptyState')}\n        </Text>,\n      ),\n      options,\n    };\n  }\n\n  if (collection.showErrorState) {\n    const resolvedError = errorHandler.getResolvedError?.(\n      collection.result.errorStatus?.error,\n    );\n\n    if (resolvedError) {\n      return {\n        fixedFooter: getFixedFooter(\n          'filter-error-state',\n          <Box\n            direction=\"vertical\"\n            gap=\"SP3\"\n            verticalAlign=\"middle\"\n            align=\"center\"\n          >\n            <Text\n              dataHook=\"filter-error-state-text\"\n              secondary\n              align=\"center\"\n              weight=\"thin\"\n              size=\"small\"\n            >\n              {resolvedError.message}\n              {resolvedError.action && (\n                <TextButton\n                  onClick={async () => {\n                    await resolvedError.action?.onClick?.();\n                  }}\n                >\n                  {resolvedError.action.text}\n                </TextButton>\n              )}\n            </Text>\n            {resolvedError.action && (\n              <TextButton\n                size=\"medium\"\n                weight=\"thin\"\n                onClick={async () => {\n                  await resolvedError.action?.onClick?.();\n                }}\n              >\n                {resolvedError.action.text}\n              </TextButton>\n            )}\n          </Box>,\n        ),\n        options,\n      };\n    }\n  }\n\n  return {\n    options,\n    fixedFooter: params.fixedFooter,\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/styles.global.css

@@ -1 +1 @@
-.Collapse521901810__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse521901810__exit{height:0}.CollectionToolbar1077059314__left{min-width:0}.CollectionToolbar1077059314__root.CollectionToolbar1077059314--views .CollectionToolbar1077059314__left{flex-shrink:1;flex-grow:0}.CollectionToolbar1077059314__left.CollectionToolbar1077059314--expandable{flex:auto}.CollectionToolbar1077059314__root .CollectionToolbar1077059314__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1077059314__root.CollectionToolbar1077059314--views .CollectionToolbar1077059314__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1077059314__root .CollectionToolbar1077059314__right.CollectionToolbar1077059314__fullWidth{margin-inline-start:0!important}.SearchOrCustomFilter3353519716__search{min-width:140px;max-width:240px;flex:1 0}.AutoCompleteReadonly1365179703__root.AutoCompleteReadonly1365179703--disableEditing{cursor:pointer}.AutoCompleteReadonly1365179703__root.AutoCompleteReadonly1365179703--disableEditing input{cursor:pointer}.ViewsDropdown1990835184__root{width:200px}.DragHandle1553191298__root{display:flex;align-items:center}.DragHandle1553191298__root:not(.DragHandle1553191298--disabled){cursor:grab;color:#a8caff}.DragHandle1553191298__root.DragHandle1553191298--disabled{color:#acafc4}.DragHandle1553191298__root:focus-visible:not(.DragHandle1553191298--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle1553191298__root.DragHandle1553191298--disabled{pointer-events:none}.DragHandle1553191298__root.DragHandle1553191298--dragging:not(.DragHandle1553191298--disabled){cursor:grabbing}.Fade1651007786__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1651007786__root.Fade1651007786--exit{opacity:0}.Heading3141031580__root{visibility:visible}.Heading3141031580__root.Heading3141031580--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow1091917977__root.InputOverflow1091917977--selected:not(.InputOverflow1091917977--focused) input::placeholder{color:#000624}@keyframes LoadingRow391796877__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow391796877__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow391796877__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3175362371__root{opacity:1}.MaxHeightText3175362371__root.MaxHeightText3175362371--height24{line-height:24px}.MaxLines1904435204__root{overflow:hidden}.MaxLines1904435204__root.MaxLines1904435204--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar1301423033__root{min-width:0}.NestedTablePlaceholderStatesRow1441829084__root td{padding:0!important;width:100%}.NestedTableRow3881997906__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow3881997906__root:hover{background-color:#e7f0ff}.NestedTableRow3881997906__root.NestedTableRow3881997906--expandable{cursor:pointer}.NestedTableRow3881997906__placeholder td{padding:0!important;width:100%}.NestedTableRow3881997906__root:hover td:first-of-type::before,.NestedTableRow3881997906__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2621816256__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow547714543__root.NestedTableDragAndDropRow547714543--draggingInto td{background-color:#e7f0ff!important}.PickerContent2358496755__root{display:flex}.PickerContentAdditionalStep155741417__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep155741417__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3869907863__root{box-sizing:border-box}.ScrollableContent940863887__root.ScrollableContent940863887--overflowY{overflow-y:auto}.ScrollableContent940863887__root.ScrollableContent940863887--overflowX{overflow-x:auto}.ScrollableContent940863887__root.ScrollableContent940863887--smooth{scroll-behavior:smooth}.SkeletonCard2052055446__headerLoading{display:block!important}.SlidingModal1469963676__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1469963676__root:not(.SlidingModal1469963676--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter4273280074__root .TabsFilter4273280074__title{color:inherit!important}.ManageTagsModal1076798447__root{display:flex}.ToolbarItem1519700307__root{min-width:0}.ToolbarItemBox4053629756__root{min-width:0}.ToolbarItemBox4053629756__root.ToolbarItemBox4053629756--removeStartPadding{margin-left:-24px}.ToolbarItemBox4053629756__root.ToolbarItemBox4053629756--expandable{flex:1 0}.common4137649600__column{display:flex;flex-direction:column}.common4137649600__fullHeight{height:100%;min-height:0}
+.Collapse2425747822__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2425747822__exit{height:0}.CollectionToolbar1046493534__left{min-width:0}.CollectionToolbar1046493534__root.CollectionToolbar1046493534--views .CollectionToolbar1046493534__left{flex-shrink:1;flex-grow:0}.CollectionToolbar1046493534__left.CollectionToolbar1046493534--expandable{flex:auto}.CollectionToolbar1046493534__root .CollectionToolbar1046493534__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1046493534__root.CollectionToolbar1046493534--views .CollectionToolbar1046493534__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1046493534__root .CollectionToolbar1046493534__right.CollectionToolbar1046493534__fullWidth{margin-inline-start:0!important}.SearchOrCustomFilter3828998552__search{min-width:140px;max-width:240px;flex:1 0}.AutoCompleteReadonly2888173154__root.AutoCompleteReadonly2888173154--disableEditing{cursor:pointer}.AutoCompleteReadonly2888173154__root.AutoCompleteReadonly2888173154--disableEditing input{cursor:pointer}.ViewsDropdown1062311645__root{width:200px}.DragHandle2246208545__root{display:flex;align-items:center}.DragHandle2246208545__root:not(.DragHandle2246208545--disabled){cursor:grab;color:#a8caff}.DragHandle2246208545__root.DragHandle2246208545--disabled{color:#acafc4}.DragHandle2246208545__root:focus-visible:not(.DragHandle2246208545--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle2246208545__root.DragHandle2246208545--disabled{pointer-events:none}.DragHandle2246208545__root.DragHandle2246208545--dragging:not(.DragHandle2246208545--disabled){cursor:grabbing}.Fade3173849616__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3173849616__root.Fade3173849616--exit{opacity:0}.Heading3781534269__root{visibility:visible}.Heading3781534269__root.Heading3781534269--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow1712030075__root.InputOverflow1712030075--selected:not(.InputOverflow1712030075--focused) input::placeholder{color:#000624}@keyframes LoadingRow3048179127__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow3048179127__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow3048179127__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2965650818__root{opacity:1}.MaxHeightText2965650818__root.MaxHeightText2965650818--height24{line-height:24px}.MaxLines3781532932__root{overflow:hidden}.MaxLines3781532932__root.MaxLines3781532932--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar4073001167__root{min-width:0}.NestedTablePlaceholderStatesRow1842571947__root td{padding:0!important;width:100%}.NestedTableRow3901524433__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow3901524433__root:hover{background-color:#e7f0ff}.NestedTableRow3901524433__root.NestedTableRow3901524433--expandable{cursor:pointer}.NestedTableRow3901524433__placeholder td{padding:0!important;width:100%}.NestedTableRow3901524433__root:hover td:first-of-type::before,.NestedTableRow3901524433__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2663529320__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow4144227660__root.NestedTableDragAndDropRow4144227660--draggingInto td{background-color:#e7f0ff!important}.PickerContent2312167349__root{display:flex}.PickerContentAdditionalStep2122880272__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2122880272__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem79417238__root{box-sizing:border-box}.ScrollableContent3968078934__root.ScrollableContent3968078934--overflowY{overflow-y:auto}.ScrollableContent3968078934__root.ScrollableContent3968078934--overflowX{overflow-x:auto}.ScrollableContent3968078934__root.ScrollableContent3968078934--smooth{scroll-behavior:smooth}.SkeletonCard242182553__headerLoading{display:block!important}.SlidingModal950465739__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal950465739__root:not(.SlidingModal950465739--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter1168681563__root .TabsFilter1168681563__title{color:inherit!important}.ManageTagsModal1392685627__root{display:flex}.ToolbarItem838464585__root{min-width:0}.ToolbarItemBox531770250__root{min-width:0}.ToolbarItemBox531770250__root.ToolbarItemBox531770250--removeStartPadding{margin-left:-24px}.ToolbarItemBox531770250__root.ToolbarItemBox531770250--expandable{flex:1 0}.common3745920778__column{display:flex;flex-direction:column}.common3745920778__fullHeight{height:100%;min-height:0}

package/dist/cjs/utils/useWindowFlipPopoverProps.js

@@ -3,17 +3,32 @@
 exports.__esModule = true;
 exports.useWindowFlipPopoverProps = useWindowFlipPopoverProps;
 var _FilterRenderingContext = require("../components/FilterRenderingContext");
-function useWindowFlipPopoverProps(popoverProps) {
+var _react = require("react");
+var _bexCore = require("@wix/bex-core");
+function useWindowFlipPopoverProps({
+  popoverProps
+}) {
   const {
     location
   } = (0, _FilterRenderingContext.useFilterRenderingContext)();
+  const inputRef = (0, _react.useRef)();
+  const [dropdownWidth, setDropdownWidth] = (0, _react.useState)();
+  (0, _bexCore.addResizeObserver)(inputRef.current, () => {
+    if (inputRef.current) {
+      setDropdownWidth(inputRef.current.width);
+    }
+  });
   return {
-    appendTo: 'window',
-    flip: true,
-    ...(location === 'modal' && {
-      zIndex: 5001
-    }),
-    ...popoverProps
+    inputRef,
+    windowFlipPopoverProps: {
+      appendTo: 'window',
+      flip: true,
+      maxWidth: dropdownWidth,
+      ...(location === 'modal' && {
+        zIndex: 5001
+      }),
+      ...popoverProps
+    }
   };
 }
 //# sourceMappingURL=useWindowFlipPopoverProps.js.map

package/dist/cjs/utils/useWindowFlipPopoverProps.js.map

@@ -1 +1 @@
-{"version":3,"names":["_FilterRenderingContext","require","useWindowFlipPopoverProps","popoverProps","location","useFilterRenderingContext","appendTo","flip","zIndex"],"sources":["../../../src/utils/useWindowFlipPopoverProps.ts"],"sourcesContent":["import { PopoverCommonProps } from '@wix/design-system';\nimport { useFilterRenderingContext } from '../components/FilterRenderingContext';\n\nexport function useWindowFlipPopoverProps(popoverProps?: PopoverCommonProps) {\n  const { location } = useFilterRenderingContext();\n\n  return {\n    appendTo: 'window' as const,\n    flip: true,\n    ...(location === 'modal' && { zIndex: 5001 }),\n    ...popoverProps,\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,uBAAA,GAAAC,OAAA;AAEO,SAASC,yBAAyBA,CAACC,YAAiC,EAAE;EAC3E,MAAM;IAAEC;EAAS,CAAC,GAAG,IAAAC,iDAAyB,EAAC,CAAC;EAEhD,OAAO;IACLC,QAAQ,EAAE,QAAiB;IAC3BC,IAAI,EAAE,IAAI;IACV,IAAIH,QAAQ,KAAK,OAAO,IAAI;MAAEI,MAAM,EAAE;IAAK,CAAC,CAAC;IAC7C,GAAGL;EACL,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_FilterRenderingContext","require","_react","_bexCore","useWindowFlipPopoverProps","popoverProps","location","useFilterRenderingContext","inputRef","useRef","dropdownWidth","setDropdownWidth","useState","addResizeObserver","current","width","windowFlipPopoverProps","appendTo","flip","maxWidth","zIndex"],"sources":["../../../src/utils/useWindowFlipPopoverProps.ts"],"sourcesContent":["import { PopoverCommonProps } from '@wix/design-system';\nimport { useFilterRenderingContext } from '../components/FilterRenderingContext';\nimport { useRef, useState } from 'react';\nimport { addResizeObserver } from '@wix/bex-core';\n\nexport function useWindowFlipPopoverProps({\n  popoverProps,\n}: {\n  popoverProps?: PopoverCommonProps;\n}) {\n  const { location } = useFilterRenderingContext();\n  const inputRef = useRef<HTMLInputElement>();\n\n  const [dropdownWidth, setDropdownWidth] = useState<number>();\n\n  addResizeObserver(inputRef.current, () => {\n    if (inputRef.current) {\n      setDropdownWidth(inputRef.current.width);\n    }\n  });\n\n  return {\n    inputRef,\n    windowFlipPopoverProps: {\n      appendTo: 'window' as const,\n      flip: true,\n      maxWidth: dropdownWidth,\n      ...(location === 'modal' && { zIndex: 5001 }),\n      ...popoverProps,\n    },\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAEO,SAASG,yBAAyBA,CAAC;EACxCC;AAGF,CAAC,EAAE;EACD,MAAM;IAAEC;EAAS,CAAC,GAAG,IAAAC,iDAAyB,EAAC,CAAC;EAChD,MAAMC,QAAQ,GAAG,IAAAC,aAAM,EAAmB,CAAC;EAE3C,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAC,eAAQ,EAAS,CAAC;EAE5D,IAAAC,0BAAiB,EAACL,QAAQ,CAACM,OAAO,EAAE,MAAM;IACxC,IAAIN,QAAQ,CAACM,OAAO,EAAE;MACpBH,gBAAgB,CAACH,QAAQ,CAACM,OAAO,CAACC,KAAK,CAAC;IAC1C;EACF,CAAC,CAAC;EAEF,OAAO;IACLP,QAAQ;IACRQ,sBAAsB,EAAE;MACtBC,QAAQ,EAAE,QAAiB;MAC3BC,IAAI,EAAE,IAAI;MACVC,QAAQ,EAAET,aAAa;MACvB,IAAIJ,QAAQ,KAAK,OAAO,IAAI;QAAEc,MAAM,EAAE;MAAK,CAAC,CAAC;MAC7C,GAAGf;IACL;EACF,CAAC;AACH","ignoreList":[]}

package/dist/cjs/version.js

@@ -2,5 +2,5 @@
 
 exports.__esModule = true;
 exports.version = void 0;
-const version = exports.version = 'patterns@1.164.0';
+const version = exports.version = 'patterns@1.166.0';
 //# sourceMappingURL=version.js.map

package/dist/cjs/version.js.map

@@ -1 +1 @@
-{"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = 'patterns@1.164.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = 'patterns@1.166.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}

package/dist/esm/components/Collapse/Collapse.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Collapse521901810";
+var _namespace_ = "Collapse2425747822";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Collapse521901810__root", "exit": "Collapse521901810__exit" };
+export var classes = { "root": "Collapse2425747822__root", "exit": "Collapse2425747822__exit" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Collapse/Collapse.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Collapse.st.css.js","sourceRoot":"","sources":["../../../../src/components/Collapse/Collapse.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,mBAAmB,CAAC;AACtC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,yBAAyB,EAAC,MAAM,EAAC,yBAAyB,EAAC,CAAC;AACzF,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"Collapse.st.css.js","sourceRoot":"","sources":["../../../../src/components/Collapse/Collapse.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,oBAAoB,CAAC;AACvC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,0BAA0B,EAAC,MAAM,EAAC,0BAA0B,EAAC,CAAC;AAC3F,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/CollectionToolbar/CollectionToolbar.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionToolbar1077059314";
+var _namespace_ = "CollectionToolbar1046493534";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CollectionToolbar1077059314__root", "left": "CollectionToolbar1077059314__left", "right": "CollectionToolbar1077059314__right", "fullWidth": "CollectionToolbar1077059314__fullWidth" };
+export var classes = { "root": "CollectionToolbar1046493534__root", "left": "CollectionToolbar1046493534__left", "right": "CollectionToolbar1046493534__right", "fullWidth": "CollectionToolbar1046493534__fullWidth" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "SearchOrCustomFilter3353519716";
+var _namespace_ = "SearchOrCustomFilter3828998552";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "SearchOrCustomFilter3353519716__root", "search": "SearchOrCustomFilter3353519716__search" };
+export var classes = { "root": "SearchOrCustomFilter3828998552__root", "search": "SearchOrCustomFilter3828998552__search" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "AutoCompleteReadonly1365179703";
+var _namespace_ = "AutoCompleteReadonly2888173154";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "AutoCompleteReadonly1365179703__root" };
+export var classes = { "root": "AutoCompleteReadonly2888173154__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "ViewsDropdown1990835184";
+var _namespace_ = "ViewsDropdown1062311645";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "ViewsDropdown1990835184__root" };
+export var classes = { "root": "ViewsDropdown1062311645__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/DateRangePicker/DateRangePicker.js

@@ -8,7 +8,9 @@ function _DateRangePicker(props) {
     const { translate: t, filterByTime } = state;
     const datePickerFrom = useRef(null);
     const datePickerTo = useRef(null);
-    const windowFlipPopoverProps = useWindowFlipPopoverProps(popoverProps);
+    const { windowFlipPopoverProps } = useWindowFlipPopoverProps({
+        popoverProps,
+    });
     const commonDatePickerProps = {
         shouldCloseOnSelect: true,
         size: 'medium',

package/dist/esm/components/DateRangePicker/DateRangePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.js","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DateRangePicker.js","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/DragHandle/DragHandle.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "DragHandle1553191298";
+var _namespace_ = "DragHandle2246208545";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "DragHandle1553191298__root" };
+export var classes = { "root": "DragHandle2246208545__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Fade/Fade.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Fade1651007786";
+var _namespace_ = "Fade3173849616";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Fade1651007786__root" };
+export var classes = { "root": "Fade3173849616__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Heading3141031580";
+var _namespace_ = "Heading3781534269";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Heading3141031580__root" };
+export var classes = { "root": "Heading3781534269__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "InputOverflow1091917977";
+var _namespace_ = "InputOverflow1712030075";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "InputOverflow1091917977__root" };
+export var classes = { "root": "InputOverflow1712030075__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,13 +1,13 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "LoadingRow391796877";
+var _namespace_ = "LoadingRow3048179127";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "LoadingRow391796877__root" };
-export var keyframes = { "gradientSwoosh": "LoadingRow391796877__gradientSwoosh" };
+export var classes = { "root": "LoadingRow3048179127__root" };
+export var keyframes = { "gradientSwoosh": "LoadingRow3048179127__gradientSwoosh" };
 export var layers = {};
 export var containers = {};
 export var stVars = {};

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

@@ -1 +1 @@
-{"version":3,"file":"LoadingRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/LoadingRow/LoadingRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,qBAAqB,CAAC;AACxC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,2BAA2B,EAAC,CAAC;AAC1D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAC,gBAAgB,EAAC,qCAAqC,EAAC,CAAC;AAChF,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"LoadingRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/LoadingRow/LoadingRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,sBAAsB,CAAC;AACzC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,4BAA4B,EAAC,CAAC;AAC3D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAC,gBAAgB,EAAC,sCAAsC,EAAC,CAAC;AACjF,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/MaxHeightText/MaxHeightText.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MaxHeightText3175362371";
+var _namespace_ = "MaxHeightText2965650818";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "MaxHeightText3175362371__root" };
+export var classes = { "root": "MaxHeightText2965650818__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/MaxLines/MaxLines.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MaxLines1904435204";
+var _namespace_ = "MaxLines3781532932";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "MaxLines1904435204__root" };
+export var classes = { "root": "MaxLines3781532932__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MultiBulkActionToolbar1301423033";
+var _namespace_ = "MultiBulkActionToolbar4073001167";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "MultiBulkActionToolbar1301423033__root" };
+export var classes = { "root": "MultiBulkActionToolbar4073001167__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/MultiSelectCheckboxFilterBase/MultiSelectCheckboxFilterBase.js

@@ -5,7 +5,9 @@ import { useWindowFlipPopoverProps } from '../../utils/useWindowFlipPopoverProps
 function _MultiSelectCheckboxFilterBase(props) {
     const { filter, dropdownSelect, options, placeholder, popoverProps, ...rest } = props;
     const { select: { selectedKeys, selectedValues }, container: { translate: t }, } = dropdownSelect;
-    const windowFlipPopoverProps = useWindowFlipPopoverProps(popoverProps);
+    const { windowFlipPopoverProps, inputRef } = useWindowFlipPopoverProps({
+        popoverProps,
+    });
     const selectedLabel = useMemo(() => {
         if (selectedValues.length > 2) {
             return t('cairo.selected', {
@@ -17,7 +19,9 @@ function _MultiSelectCheckboxFilterBase(props) {
         }
         return '';
     }, [selectedValues]);
-    return (React.createElement(MultiSelectCheckbox, { dataHook: `collection-filter-${filter.name}`, border: "round", textOverflow: "ellipsis", options: options, value: selectedLabel, placeholder: placeholder ?? t('cairo.selectPlaceholder'), selectedOptions: selectedKeys, popoverProps: windowFlipPopoverProps, ...rest }));
+    return (React.createElement(MultiSelectCheckbox, { inputRef: (ref) => {
+            inputRef.current = ref;
+        }, dataHook: `collection-filter-${filter.name}`, border: "round", textOverflow: "ellipsis", options: options, value: selectedLabel, placeholder: placeholder ?? t('cairo.selectPlaceholder'), selectedOptions: selectedKeys, popoverProps: windowFlipPopoverProps, ...rest }));
 }
 export const MultiSelectCheckboxFilterBase = observer(_MultiSelectCheckboxFilterBase);
 //# sourceMappingURL=MultiSelectCheckboxFilterBase.js.map

package/dist/esm/components/MultiSelectCheckboxFilterBase/MultiSelectCheckboxFilterBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectCheckboxFilterBase.js","sourceRoot":"","sources":["../../../../src/components/MultiSelectCheckboxFilterBase/MultiSelectCheckboxFilterBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,mBAAmB,GAEpB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAI3C,OAAO,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAC;AAuBlF,SAAS,8BAA8B,CACrC,KAA4C;IAE5C,MAAM,EACJ,MAAM,EACN,cAAc,EACd,OAAO,EACP,WAAW,EACX,YAAY,EACZ,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,EACJ,MAAM,EAAE,EAAE,YAAY,EAAE,cAAc,EAAE,EACxC,SAAS,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,GAC5B,GAAG,cAAc,CAAC;IAEnB,MAAM,sBAAsB,GAAG,yBAAyB,CAAC,YAAY,CAAC,CAAC;IAEvE,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,EAAE;YAC7B,OAAO,CAAC,CAAC,gBAAgB,EAAE;gBACzB,KAAK,EAAE,cAAc,CAAC,MAAM;aAC7B,CAAC,CAAC;SACJ;QAED,IAAI,cAAc,CAAC,MAAM,EAAE;YACzB,OAAO,cAAc,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SAC3E;QAED,OAAO,EAAE,CAAC;IACZ,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,oBAAC,mBAAmB,IAClB,QAAQ,EAAE,qBAAqB,MAAM,CAAC,IAAI,EAAE,EAC5C,MAAM,EAAC,OAAO,EACd,YAAY,EAAC,UAAU,EACvB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,aAAa,EACpB,WAAW,EAAE,WAAW,IAAI,CAAC,CAAC,yBAAyB,CAAC,EACxD,eAAe,EAAE,YAAY,EAC7B,YAAY,EAAE,sBAAsB,KAChC,IAAI,GACR,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,6BAA6B,GAAG,QAAQ,CACnD,8BAA8B,CAC/B,CAAC"}
+{"version":3,"file":"MultiSelectCheckboxFilterBase.js","sourceRoot":"","sources":["../../../../src/components/MultiSelectCheckboxFilterBase/MultiSelectCheckboxFilterBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,mBAAmB,GAEpB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAI3C,OAAO,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAC;AAuBlF,SAAS,8BAA8B,CACrC,KAA4C;IAE5C,MAAM,EACJ,MAAM,EACN,cAAc,EACd,OAAO,EACP,WAAW,EACX,YAAY,EACZ,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,EACJ,MAAM,EAAE,EAAE,YAAY,EAAE,cAAc,EAAE,EACxC,SAAS,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,GAC5B,GAAG,cAAc,CAAC;IAEnB,MAAM,EAAE,sBAAsB,EAAE,QAAQ,EAAE,GAAG,yBAAyB,CAAC;QACrE,YAAY;KACb,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,EAAE;YAC7B,OAAO,CAAC,CAAC,gBAAgB,EAAE;gBACzB,KAAK,EAAE,cAAc,CAAC,MAAM;aAC7B,CAAC,CAAC;SACJ;QAED,IAAI,cAAc,CAAC,MAAM,EAAE;YACzB,OAAO,cAAc,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SAC3E;QAED,OAAO,EAAE,CAAC;IACZ,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,oBAAC,mBAAmB,IAClB,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;YAChB,QAAQ,CAAC,OAAO,GAAG,GAAG,CAAC;QACzB,CAAC,EACD,QAAQ,EAAE,qBAAqB,MAAM,CAAC,IAAI,EAAE,EAC5C,MAAM,EAAC,OAAO,EACd,YAAY,EAAC,UAAU,EACvB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,aAAa,EACpB,WAAW,EAAE,WAAW,IAAI,CAAC,CAAC,yBAAyB,CAAC,EACxD,eAAe,EAAE,YAAY,EAC7B,YAAY,EAAE,sBAAsB,KAChC,IAAI,GACR,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,6BAA6B,GAAG,QAAQ,CACnD,8BAA8B,CAC/B,CAAC"}

package/dist/esm/components/MultiSelectFilterBase/MultiSelectFilterBase.js

@@ -12,7 +12,9 @@ const inputSizeToTagSize = {
 function _MultiSelectCheckboxFilterBase(props) {
     const { renderTag, filter, dropdownSelect, onSelect, onRemoveTag, size, popoverProps, ...rest } = props;
     const { location } = useFilterRenderingContext();
-    const windowFlipPopoverProps = useWindowFlipPopoverProps(popoverProps);
+    const { windowFlipPopoverProps, inputRef } = useWindowFlipPopoverProps({
+        popoverProps,
+    });
     const effectiveSize = size || (location === 'panel' ? 'small' : 'medium');
     const { select: { selectedValues }, container: { translate: t }, } = dropdownSelect;
     const tags = selectedValues.map((keyedItem) => {
@@ -25,7 +27,9 @@ function _MultiSelectCheckboxFilterBase(props) {
             ...tag,
         };
     });
-    return (React.createElement(MultiSelect, { dataHook: `collection-filter-${filter.name}`, border: "round", placeholder: t('cairo.selectPlaceholder'), tags: tags, size: size, onClose: () => {
+    return (React.createElement(MultiSelect, { inputRef: (ref) => {
+            inputRef.current = ref;
+        }, dataHook: `collection-filter-${filter.name}`, border: "round", placeholder: t('cairo.selectPlaceholder'), tags: tags, size: size, onClose: () => {
             dropdownSelect.close();
         }, onSelect: (option) => {
             const { keyedItem } = option;

package/dist/esm/components/MultiSelectFilterBase/MultiSelectFilterBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectFilterBase.js","sourceRoot":"","sources":["../../../../src/components/MultiSelectFilterBase/MultiSelectFilterBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,WAAW,GAKZ,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAI3C,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AACtE,OAAO,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAC;AAMlF,MAAM,kBAAkB,GAA+B;IACrD,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,OAAO;IACf,KAAK,EAAE,QAAQ;CAChB,CAAC;AAgBF,SAAS,8BAA8B,CACrC,KAAoC;IAEpC,MAAM,EACJ,SAAS,EACT,MAAM,EACN,cAAc,EACd,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,YAAY,EACZ,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,QAAQ,EAAE,GAAG,yBAAyB,EAAE,CAAC;IACjD,MAAM,sBAAsB,GAAG,yBAAyB,CAAC,YAAY,CAAC,CAAC;IAEvE,MAAM,aAAa,GACjB,IAAI,IAAI,CAAC,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAEtD,MAAM,EACJ,MAAM,EAAE,EAAE,cAAc,EAAE,EAC1B,SAAS,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,GAC5B,GAAG,cAAc,CAAC;IAEnB,MAAM,IAAI,GAAqB,cAAc,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE;QAC9D,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,SAAS,CAAC;QAChC,MAAM,GAAG,GAAG,SAAS,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;QACpC,OAAO;YACL,EAAE,EAAE,GAAG;YACP,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;YAC5B,IAAI,EAAE,kBAAkB,CAAC,aAAa,CAAC;YACvC,GAAG,GAAG;SACP,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,WAAW,IACV,QAAQ,EAAE,qBAAqB,MAAM,CAAC,IAAI,EAAE,EAC5C,MAAM,EAAC,OAAO,EACd,WAAW,EAAE,CAAC,CAAC,yBAAyB,CAAC,EACzC,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE;YACZ,cAAc,CAAC,KAAK,EAAE,CAAC;QACzB,CAAC,EACD,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE;YACnB,MAAM,EAAE,SAAS,EAAE,GAAG,MAA4B,CAAC;YACnD,cAAc,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;YAC9B,QAAQ,EAAE,CAAC,MAAM,CAAC,CAAC;QACrB,CAAC,EACD,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE;YACrB,cAAc,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;YAChC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC,EACD,YAAY,EAAE,sBAAsB,KAChC,IAAI,GACR,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,QAAQ,CAAC,8BAA8B,CAAC,CAAC"}
+{"version":3,"file":"MultiSelectFilterBase.js","sourceRoot":"","sources":["../../../../src/components/MultiSelectFilterBase/MultiSelectFilterBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,WAAW,GAKZ,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAI3C,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AACtE,OAAO,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAC;AAMlF,MAAM,kBAAkB,GAA+B;IACrD,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,OAAO;IACf,KAAK,EAAE,QAAQ;CAChB,CAAC;AAgBF,SAAS,8BAA8B,CACrC,KAAoC;IAEpC,MAAM,EACJ,SAAS,EACT,MAAM,EACN,cAAc,EACd,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,YAAY,EACZ,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,QAAQ,EAAE,GAAG,yBAAyB,EAAE,CAAC;IACjD,MAAM,EAAE,sBAAsB,EAAE,QAAQ,EAAE,GAAG,yBAAyB,CAAC;QACrE,YAAY;KACb,CAAC,CAAC;IAEH,MAAM,aAAa,GACjB,IAAI,IAAI,CAAC,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAEtD,MAAM,EACJ,MAAM,EAAE,EAAE,cAAc,EAAE,EAC1B,SAAS,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,GAC5B,GAAG,cAAc,CAAC;IAEnB,MAAM,IAAI,GAAqB,cAAc,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE;QAC9D,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,SAAS,CAAC;QAChC,MAAM,GAAG,GAAG,SAAS,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;QACpC,OAAO;YACL,EAAE,EAAE,GAAG;YACP,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;YAC5B,IAAI,EAAE,kBAAkB,CAAC,aAAa,CAAC;YACvC,GAAG,GAAG;SACP,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,WAAW,IACV,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE;YAChB,QAAQ,CAAC,OAAO,GAAG,GAAG,CAAC;QACzB,CAAC,EACD,QAAQ,EAAE,qBAAqB,MAAM,CAAC,IAAI,EAAE,EAC5C,MAAM,EAAC,OAAO,EACd,WAAW,EAAE,CAAC,CAAC,yBAAyB,CAAC,EACzC,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE;YACZ,cAAc,CAAC,KAAK,EAAE,CAAC;QACzB,CAAC,EACD,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE;YACnB,MAAM,EAAE,SAAS,EAAE,GAAG,MAA4B,CAAC;YACnD,cAAc,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;YAC9B,QAAQ,EAAE,CAAC,MAAM,CAAC,CAAC;QACrB,CAAC,EACD,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE;YACrB,cAAc,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;YAChC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC,EACD,YAAY,EAAE,sBAAsB,KAChC,IAAI,GACR,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,QAAQ,CAAC,8BAA8B,CAAC,CAAC"}