@wix/patterns 1.410.0 → 1.412.0

package/dist/docs/MultiSelectCheckboxFilter.md

@@ -381,7 +381,7 @@ function ItemsSelectionFilterExample() {
 | `initiallyOpen` | `boolean` | No | - | Indicates whether the filter should be visible by default in the filters panel |
 | `accordionItemProps` | `(AccordionItemType & { label?: string; })` | No | - | Customizes the filter [accordion](https://www.docs.wixdesignsystem.com/?path=/story/components-lists--accordion).<br> <br> Supported properties: <br> - `label`: [string] Accordion item title. You can also use `AccordionProps['items'][number].title` for more flexibility. <br> - Extends [AccordionProps['items'[number]](https://www.docs.wixdesignsystem.com/?path=/story/components-lists--accordion). |
 | `onAppliedFilterTagRemove` | `((item: V) => unknown)` | No | - | Callback that's run when a filter is removed by a visitor from the sub-toolbar. @param item |
-| `renderToolbarTag` | `((item: V) => Partial<Omit<TagProps, "size" \| "onRemove">>)` | No | - | Customizes how the tag list in the sub-toolbar is rendered. <br><br> Extends [`TagListProps['tags'][number]`](https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--taglist). |
+| `renderToolbarTag` | `((item: V) => Partial<TagListTag>)` | No | - | Customizes how the tag list in the sub-toolbar is rendered. <br><br> Extends [`TagListProps['tags'][number]`](https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--taglist). |
 | `sectionTitle` | `string` | No | - | Title for the section in the accordion. |
 | `selectedOptions` | `(string \| number)[]` | No | - | Specifies an array of selected options ids |
 | `onDeselect` | `((id: string \| number, option: DropdownLayoutValueOption) => void)` | No | - | Defines a callback function called on option deselect. Function receives the id of the unselected option as the first argument, and the actual option object as the second argument. |

package/dist/docs/MultiSelectCollectionFilter.md

@@ -231,7 +231,7 @@ function EmptyState() {
 | `initiallyOpen` | `boolean` | No | - | Indicates whether the filter should be visible by default in the filters panel |
 | `accordionItemProps` | `(AccordionItemType & { label?: string; })` | No | - | Customizes the filter [accordion](https://www.docs.wixdesignsystem.com/?path=/story/components-lists--accordion).<br> <br> Supported properties: <br> - `label`: [string] Accordion item title. You can also use `AccordionProps['items'][number].title` for more flexibility. <br> - Extends [AccordionProps['items'[number]](https://www.docs.wixdesignsystem.com/?path=/story/components-lists--accordion). |
 | `onAppliedFilterTagRemove` | `((item: V) => unknown)` | No | - | Callback that's run when a filter is removed by a visitor from the sub-toolbar. @param item |
-| `renderToolbarTag` | `((item: V) => Partial<Omit<TagProps, "size" \| "onRemove">>)` | No | - | Customizes how the tag list in the sub-toolbar is rendered. <br><br> Extends [`TagListProps['tags'][number]`](https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--taglist). |
+| `renderToolbarTag` | `((item: V) => Partial<TagListTag>)` | No | - | Customizes how the tag list in the sub-toolbar is rendered. <br><br> Extends [`TagListProps['tags'][number]`](https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--taglist). |
 | `sectionTitle` | `string` | No | - | Title for the section in the accordion. |
 | `tags` | `MultiSelectTag[]` | No | - | Optional list of strings that are selected suggestions. |
 | `maxNumRows` | `number` | No | - | Max number of visible lines |

package/dist/docs/NumberRangeFilter.md

@@ -225,6 +225,6 @@ function DecimalNumberRangeFilter() {
 | `accordionItemProps` | `(AccordionItemType & { label?: string; })` | No | - | Customizes the filter [accordion](https://www.docs.wixdesignsystem.com/?path=/story/components-lists--accordion).<br> <br> Supported properties: <br> - `label`: [string] Accordion item title. You can also use `AccordionProps['items'][number].title` for more flexibility. <br> - Extends [AccordionProps['items'[number]](https://www.docs.wixdesignsystem.com/?path=/story/components-lists--accordion). |
 | `popoverProps` | `PopoverCommonProps` | No | - | @deprecated |
 | `onAppliedFilterTagRemove` | `((item: RangeItem<number>) => unknown)` | No | - | Callback that's run when a filter is removed by a visitor from the sub-toolbar. @param item |
-| `renderToolbarTag` | `((item: RangeItem<number>) => Partial<Omit<TagProps, "size" \| "onRemove">>)` | No | - | Customizes how the tag list in the sub-toolbar is rendered. <br><br> Extends [`TagListProps['tags'][number]`](https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--taglist). |
+| `renderToolbarTag` | `((item: RangeItem<number>) => Partial<TagListTag>)` | No | - | Customizes how the tag list in the sub-toolbar is rendered. <br><br> Extends [`TagListProps['tags'][number]`](https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--taglist). |
 | `sectionTitle` | `string` | No | - | Title for the section in the accordion. |
 

package/dist/docs/OperatorFilterPicker.md

@@ -190,6 +190,6 @@ export default operatorFilterWithTableExample;
 | `accordionItemProps` | `(AccordionItemType & { label?: string; })` | No | - | Customizes the filter [accordion](https://www.docs.wixdesignsystem.com/?path=/story/components-lists--accordion).<br> <br> Supported properties: <br> - `label`: [string] Accordion item title. You can also use `AccordionProps['items'][number].title` for more flexibility. <br> - Extends [AccordionProps['items'[number]](https://www.docs.wixdesignsystem.com/?path=/story/components-lists--accordion). |
 | `popoverProps` | `PopoverCommonProps` | No | - | @deprecated |
 | `onAppliedFilterTagRemove` | `((item: OperatorFilterValue<T>) => unknown)` | No | - | Callback that's run when a filter is removed by a visitor from the sub-toolbar. @param item |
-| `renderToolbarTag` | `((item: OperatorFilterValue<T>) => Partial<Omit<TagProps, "size" \| "onRemove">>)` | No | - | Customizes how the tag list in the sub-toolbar is rendered. <br><br> Extends [`TagListProps['tags'][number]`](https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--taglist). |
+| `renderToolbarTag` | `((item: OperatorFilterValue<T>) => Partial<TagListTag>)` | No | - | Customizes how the tag list in the sub-toolbar is rendered. <br><br> Extends [`TagListProps['tags'][number]`](https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--taglist). |
 | `sectionTitle` | `string` | No | - | Title for the section in the accordion. |
 

package/dist/docs/RadioGroupFilter.md

@@ -68,6 +68,6 @@ function Basic() {
 | `accordionItemProps` | `(AccordionItemType & { label?: string; })` | No | - | Customizes the filter [accordion](https://www.docs.wixdesignsystem.com/?path=/story/components-lists--accordion).<br> <br> Supported properties: <br> - `label`: [string] Accordion item title. You can also use `AccordionProps['items'][number].title` for more flexibility. <br> - Extends [AccordionProps['items'[number]](https://www.docs.wixdesignsystem.com/?path=/story/components-lists--accordion). |
 | `popoverProps` | `PopoverCommonProps` | No | - | @deprecated |
 | `onAppliedFilterTagRemove` | `((item: V) => unknown)` | No | - | Callback that's run when a filter is removed by a visitor from the sub-toolbar. @param item |
-| `renderToolbarTag` | `((item: V) => Partial<Omit<TagProps, "size" \| "onRemove">>)` | No | - | Customizes how the tag list in the sub-toolbar is rendered. <br><br> Extends [`TagListProps['tags'][number]`](https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--taglist). |
+| `renderToolbarTag` | `((item: V) => Partial<TagListTag>)` | No | - | Customizes how the tag list in the sub-toolbar is rendered. <br><br> Extends [`TagListProps['tags'][number]`](https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--taglist). |
 | `sectionTitle` | `string` | No | - | Title for the section in the accordion. |
 

package/dist/docs/SettingsPage.md

@@ -643,7 +643,7 @@ function ControllerExample() {
 | `dataHook` | `string` | No | - | Applies a data-hook HTML attribute that can be used in the tests |
 | `backgroundImageUrl` | `string` | No | - | Provides a link to the background image source (URL). Image will be displayed at the top of a page, underneath the \<Page.Header/>. |
 | `maxWidth` | `number` | No | - | Sets the maximum width of the page (paddings excluded) |
-| `minWidth` | `number` | No | - | Sets the minimum width of the page (paddings excluded) |
+| `minWidth` | `number` | No | - | Sets the minimum width of the page (paddings excluded). When `mobile` is enabled on `<WixDesignSystemProvider/>`, the default minimum width is removed, but an explicitly provided value is still applied. |
 | `height` | `string` | No | - | Sets the height of the page in pixels (px), viewport height (vh), etc. |
 | `sidePadding` | `number` | No | - | Sets the side paddings of a page |
 | `className` | `string` | No | - | Specifies a CSS class name to be appended to the component’s root element. |

package/dist/docs/SingleSelectFilter.md

@@ -411,7 +411,7 @@ function CustomRenderItem() {
 | `initiallyOpen` | `boolean` | No | - | Indicates whether the filter should be visible by default in the filters panel |
 | `accordionItemProps` | `(AccordionItemType & { label?: string; })` | No | - | Customizes the filter [accordion](https://www.docs.wixdesignsystem.com/?path=/story/components-lists--accordion).<br> <br> Supported properties: <br> - `label`: [string] Accordion item title. You can also use `AccordionProps['items'][number].title` for more flexibility. <br> - Extends [AccordionProps['items'[number]](https://www.docs.wixdesignsystem.com/?path=/story/components-lists--accordion). |
 | `onAppliedFilterTagRemove` | `((item: V) => unknown)` | No | - | Callback that's run when a filter is removed by a visitor from the sub-toolbar. @param item |
-| `renderToolbarTag` | `((item: V) => Partial<Omit<TagProps, "size" \| "onRemove">>)` | No | - | Customizes how the tag list in the sub-toolbar is rendered. <br><br> Extends [`TagListProps['tags'][number]`](https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--taglist). |
+| `renderToolbarTag` | `((item: V) => Partial<TagListTag>)` | No | - | Customizes how the tag list in the sub-toolbar is rendered. <br><br> Extends [`TagListProps['tags'][number]`](https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--taglist). |
 | `sectionTitle` | `string` | No | - | Title for the section in the accordion. |
 | `initialSelectedId` | `undefined` | No | - | An initial selected option id. (Implies Uncontrolled mode) |
 | `allowTextSelection` | `boolean` | No | `true` | Controls whether a user can select a text of a selected value. |

package/dist/docs/TableTopNotification.md

@@ -276,6 +276,7 @@ interface TableTopNotificationAPI {
 | `onClose` | `MouseEventHandler<HTMLElement>` | No | - | When provided, will make a close button appear and invoke it upon click |
 | `onAction` | `MouseEventHandler<HTMLElement>` | No | - | When provided, will make an action button appear and invoke it upon click |
 | `actionText` | `ReactNode` | No | - | Text or any child component for the action button |
+| `actionDisabled` | `boolean` | No | - | Disables the action button |
 | `fullWidth` | `boolean` | No | - | Set the content width to 100% |
 | `layout` | `"horizontal" \| "vertical"` | No | `vertical` | Controls the component layout |
 | `border` | `"standard" \| "topBottom"` | No | `standard` | Controls the component border |

package/dist/docs/index.json

@@ -35,6 +35,10 @@
     "file": "CollectionPage.Content.md",
     "category": "Base Components/Pages/Collection Page"
   },
+  "CollectionPage.Header": {
+    "file": "CollectionPage.Header.md",
+    "category": "Base Components/Pages/Collection Page"
+  },
   "CollectionPremiumEmptyState": {
     "file": "CollectionPremiumEmptyState.md",
     "category": "Features/Display/Empty States"
@@ -43,26 +47,18 @@
     "file": "CollectionSearch.md",
     "category": "Features/Filter/Components"
   },
-  "CollectionPage.Header": {
-    "file": "CollectionPage.Header.md",
-    "category": "Base Components/Pages/Collection Page"
+  "CollectionSubToolbar": {
+    "file": "CollectionSubToolbar.md",
+    "category": "Common/Components"
   },
   "CollectionToolbar": {
     "file": "CollectionToolbar.md",
     "category": "Common/Components"
   },
-  "CollectionSubToolbar": {
-    "file": "CollectionSubToolbar.md",
-    "category": "Common/Components"
-  },
   "ToolbarFilters": {
     "file": "ToolbarFilters.md",
     "category": "Features/Filter/Components"
   },
-  "CustomFieldsViewWidget": {
-    "file": "CustomFieldsViewWidget.md",
-    "category": "Features/Enrich/Data Extension/Components"
-  },
   "CustomColumns": {
     "file": "CustomColumns.md",
     "category": "Features/Display/Custom Columns"
@@ -71,6 +67,10 @@
     "file": "CustomFieldsWidget.md",
     "category": "Features/Enrich/Data Extension/Components"
   },
+  "CustomFieldsViewWidget": {
+    "file": "CustomFieldsViewWidget.md",
+    "category": "Features/Enrich/Data Extension/Components"
+  },
   "DateRangeFilter": {
     "file": "DateRangeFilter.md",
     "category": "Features/Filter/Components"
@@ -163,14 +163,14 @@
     "file": "NumberRangeFilter.md",
     "category": "Features/Filter/Components"
   },
-  "OperatorFilterPicker": {
-    "file": "OperatorFilterPicker.md",
-    "category": "Features/Filter/Components"
-  },
   "PageWrapper": {
     "file": "PageWrapper.md",
     "category": "Base Components/Pages/Custom/PageWrapper"
   },
+  "OperatorFilterPicker": {
+    "file": "OperatorFilterPicker.md",
+    "category": "Features/Filter/Components"
+  },
   "PickerContent": {
     "file": "PickerContent.md",
     "category": "Base Components/Collections/Picker"
@@ -239,14 +239,14 @@
     "file": "SettingsPage.Content.md",
     "category": "Base Components/Pages/Settings Page"
   },
-  "SettingsPage.Header": {
-    "file": "SettingsPage.Header.md",
-    "category": "Base Components/Pages/Settings Page"
-  },
   "SettingsPage.MainContent": {
     "file": "SettingsPage.MainContent.md",
     "category": "Base Components/Pages/Settings Page"
   },
+  "SettingsPage.Header": {
+    "file": "SettingsPage.Header.md",
+    "category": "Base Components/Pages/Settings Page"
+  },
   "SingleSelectFilter": {
     "file": "SingleSelectFilter.md",
     "category": "Features/Filter/Components"
@@ -423,6 +423,10 @@
     "file": "customFilter.md",
     "category": "Features/Filter/Factories"
   },
+  "DataResultRaw": {
+    "file": "DataResultRaw.md",
+    "category": "Common/Types"
+  },
   "Data Extension Overview": {
     "file": "Data Extension Overview.md",
     "category": "Features/Enrich/Data Extension"
@@ -439,10 +443,6 @@
     "file": "Allow Users to Add Extended Fields.md",
     "category": "Features/Enrich/Data Extension"
   },
-  "DataResultRaw": {
-    "file": "DataResultRaw.md",
-    "category": "Common/Types"
-  },
   "EntityPageState": {
     "file": "EntityPageState.md",
     "category": "Base Components/Pages/Entity Page/State"

package/dist/esm/bm/buildBMCairoEssentials.js

@@ -32,12 +32,21 @@ export function buildBMCairoEssentials(flowAPI, { overrides, } = {}) {
         experiments,
         onNavigation,
         onSidePanelOpen,
+        onLayerStateChange: dashboard.onLayerStateChange,
         getHostContainer: getHostContainer,
         closeSidePanel,
         httpClient,
         queryCache: _essentials.UNSAFE_cairoQueryCache,
         navigateTo: (params) => {
-            const { pageId, appState, referrer, relativeUrl } = params;
+            const { pageId, appState, referrer, relativeUrl, displayMode, history } = params;
+            // Layered navigation (e.g. opening a collection as an overlay) is only
+            // expressible through the dashboard SDK — BM's own navigateTo always
+            // navigates in place. Route those through dashboard.navigate and keep the
+            // BM navigation for regular in-place navigations.
+            if (displayMode || history) {
+                dashboard.navigate({ pageId, relativeUrl }, { displayMode, history });
+                return;
+            }
             navigateTo({
                 pageComponentId: pageId,
                 contextData: { appState: appState || relativeUrl, referrer },

package/dist/esm/bm/buildBMCairoEssentials.js.map

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

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CardContainer2098625827";
+var _namespace_ = "CardContainer2277056686";
 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": "CardContainer2098625827__root" };
+export var classes = { "root": "CardContainer2277056686__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CmsFieldManagement/CmsFieldForm.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CmsFieldForm2818483275";
+var _namespace_ = "CmsFieldForm1305978146";
 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": "CmsFieldForm2818483275__root", "fullBleedDivider": "CmsFieldForm2818483275__fullBleedDivider" };
+export var classes = { "root": "CmsFieldForm1305978146__root", "fullBleedDivider": "CmsFieldForm1305978146__fullBleedDivider" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CmsFieldManagement/CmsFieldModal.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CmsFieldModal1220975700";
+var _namespace_ = "CmsFieldModal2187626990";
 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": "CmsFieldModal1220975700__root", "modal": "CmsFieldModal1220975700__modal" };
+export var classes = { "root": "CmsFieldModal2187626990__root", "modal": "CmsFieldModal2187626990__modal" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "ValidationAndDefaultsSection687977075";
+var _namespace_ = "ValidationAndDefaultsSection2391997858";
 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": "ValidationAndDefaultsSection687977075__root", "accordionWrapper": "ValidationAndDefaultsSection687977075__accordionWrapper" };
+export var classes = { "root": "ValidationAndDefaultsSection2391997858__root", "accordionWrapper": "ValidationAndDefaultsSection2391997858__accordionWrapper" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValidationAndDefaultsSection.st.css.js","sourceRoot":"","sources":["../../../../../src/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAIjF,IAAI,WAAW,GAAG,uCAAuC,CAAC;AAC1D,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,6CAA6C,EAAC,kBAAkB,EAAC,yDAAyD,EAAC,CAAC;AACzJ,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,EAAC,6CAA6C,EAAC,+CAA+C,EAAC,CAAC"}
+{"version":3,"file":"ValidationAndDefaultsSection.st.css.js","sourceRoot":"","sources":["../../../../../src/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAIjF,IAAI,WAAW,GAAG,wCAAwC,CAAC;AAC3D,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,8CAA8C,EAAC,kBAAkB,EAAC,0DAA0D,EAAC,CAAC;AAC3J,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,EAAC,6CAA6C,EAAC,+CAA+C,EAAC,CAAC"}

package/dist/esm/components/CmsFieldManagement/formFields/CharactersLimitInput.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "CharactersLimitInput2789941654";
+var _namespace_ = "CharactersLimitInput3203479102";
 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": "CharactersLimitInput2789941654__root", "field": "CharactersLimitInput2789941654__field" };
+export var classes = { "root": "CharactersLimitInput3203479102__root", "field": "CharactersLimitInput3203479102__field" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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_ = "Collapse2370791073";
+var _namespace_ = "Collapse2718347164";
 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": "Collapse2370791073__root", "exit": "Collapse2370791073__exit" };
+export var classes = { "root": "Collapse2718347164__root", "exit": "Collapse2718347164__exit" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionPageNew/CollectionPage.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionPage2250814823";
+var _namespace_ = "CollectionPage3750721752";
 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": "CollectionPage2250814823__root" };
+export var classes = { "root": "CollectionPage3750721752__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionSectionHeader2757361053";
+var _namespace_ = "CollectionSectionHeader1240770117";
 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": "CollectionSectionHeader2757361053__root", "summaryIcon": "CollectionSectionHeader2757361053__summaryIcon" };
+export var classes = { "root": "CollectionSectionHeader1240770117__root", "summaryIcon": "CollectionSectionHeader1240770117__summaryIcon" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionTable3467497077";
+var _namespace_ = "CollectionTable2901729422";
 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": "CollectionTable3467497077__root" };
+export var classes = { "root": "CollectionTable2901729422__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionTable/CollectionTableWSRTable.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionTableWSRTable633773035";
+var _namespace_ = "CollectionTableWSRTable1598379072";
 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": "CollectionTableWSRTable633773035__root" };
+export var classes = { "root": "CollectionTableWSRTable1598379072__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionTable/CollectionTableWSRTable.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionTableWSRTable.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionTable/CollectionTableWSRTable.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,kCAAkC,CAAC;AACrD,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,wCAAwC,EAAC,CAAC;AACvE,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":"CollectionTableWSRTable.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionTable/CollectionTableWSRTable.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,mCAAmC,CAAC;AACtD,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,yCAAyC,EAAC,CAAC;AACxE,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_ = "CollectionToolbar1280477767";
+var _namespace_ = "CollectionToolbar3020665292";
 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": "CollectionToolbar1280477767__root", "left": "CollectionToolbar1280477767__left", "right": "CollectionToolbar1280477767__right", "fullWidth": "CollectionToolbar1280477767__fullWidth" };
+export var classes = { "root": "CollectionToolbar3020665292__root", "left": "CollectionToolbar3020665292__left", "right": "CollectionToolbar3020665292__right", "fullWidth": "CollectionToolbar3020665292__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_ = "SearchOrCustomFilter4085421925";
+var _namespace_ = "SearchOrCustomFilter3625383810";
 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": "SearchOrCustomFilter4085421925__root", "search": "SearchOrCustomFilter4085421925__search", "searchMobile": "SearchOrCustomFilter4085421925__searchMobile" };
+export var classes = { "root": "SearchOrCustomFilter3625383810__root", "search": "SearchOrCustomFilter3625383810__search", "searchMobile": "SearchOrCustomFilter3625383810__searchMobile" };
 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_ = "AutoCompleteReadonly3620815071";
+var _namespace_ = "AutoCompleteReadonly1864659102";
 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": "AutoCompleteReadonly3620815071__root" };
+export var classes = { "root": "AutoCompleteReadonly1864659102__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_ = "ViewsDropdown64974911";
+var _namespace_ = "ViewsDropdown3842440393";
 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": "ViewsDropdown64974911__root" };
+export var classes = { "root": "ViewsDropdown3842440393__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"ViewsDropdown.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,uBAAuB,CAAC;AAC1C,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,6BAA6B,EAAC,CAAC;AAC5D,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":"ViewsDropdown.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,yBAAyB,CAAC;AAC5C,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,+BAA+B,EAAC,CAAC;AAC9D,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/DragHandle/DragHandle.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "DragHandle3977405813";
+var _namespace_ = "DragHandle2685298235";
 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": "DragHandle3977405813__root" };
+export var classes = { "root": "DragHandle2685298235__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/EditableCell.js

@@ -62,6 +62,12 @@ function _EditableCell({ state, rowKey, columnId, }) {
             !state.updateItemDisabled &&
             (!!resolved.toggleValue || !!resolved.showEditWhenFocused))) &&
         EditComponent;
+    const cellContent = showEdit ? (React.createElement(EditComponent, { value: cellInteraction.editingValue !== undefined
+            ? cellInteraction.editingValue
+            : value, onChange: handleChange, onCommit: handleCommit, onCancel: handleCancel, onStartEdit: handleStartEdit, inputRef: editInputRef, typeConfig: column.typeConfig, editTrigger: cellInteraction.editTrigger, validation: column.validation, columnId: columnId, rowKey: rowKey })) : (React.createElement(ViewComponent, { value: value, typeConfig: column.typeConfig, validation: column.validation, columnId: columnId, rowKey: rowKey }));
+    // The cell type's EditWrapper (if any) stays mounted across the edit↔view
+    // swap, so it can own behavior that must outlive the inline editor.
+    const EditWrapper = resolved.EditWrapper;
     return (React.createElement("div", { ref: cellRef, className: st(classes.root, {
             editing: isEditing,
             focused: isFocused,
@@ -69,6 +75,7 @@ function _EditableCell({ state, rowKey, columnId, }) {
             invalid: !cellValidation.valid,
             typeToEdit: !!resolved.onTypeToEdit,
             showEditWhenFocused: !!resolved.showEditWhenFocused,
+            growable: !!resolved.growable,
             selectionTop: selectionBorder.top,
             selectionBottom: selectionBorder.bottom,
             selectionLeft: selectionBorder.left,
@@ -81,9 +88,7 @@ function _EditableCell({ state, rowKey, columnId, }) {
         showValidationIndicator && (React.createElement(Tooltip, { content: cellValidation.errors?.join(', '), appendTo: "window" },
             React.createElement("span", { "data-hook": "validation-indicator" },
                 React.createElement(StatusWarningFilledSmall, { className: classes.validationIndicator })))),
-        showEdit ? (React.createElement(EditComponent, { value: cellInteraction.editingValue !== undefined
-                ? cellInteraction.editingValue
-                : value, onChange: handleChange, onCommit: handleCommit, onCancel: handleCancel, onStartEdit: handleStartEdit, inputRef: editInputRef, typeConfig: column.typeConfig, editTrigger: cellInteraction.editTrigger, validation: column.validation, columnId: columnId, rowKey: rowKey })) : (React.createElement(ViewComponent, { value: value, typeConfig: column.typeConfig, validation: column.validation, columnId: columnId, rowKey: rowKey }))));
+        EditWrapper ? (React.createElement(EditWrapper, { typeConfig: column.typeConfig, columnId: columnId, rowKey: rowKey }, cellContent)) : (cellContent)));
 }
 export const EditableCell = observer(_EditableCell);
 //# sourceMappingURL=EditableCell.js.map

package/dist/esm/components/EditableTable/EditableCell.js.map

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

package/dist/esm/components/EditableTable/EditableCell.st.css

@@ -11,6 +11,7 @@
 
 .root {
   -st-states: editing, focused, selected, invalid, typeToEdit, showEditWhenFocused,
+    growable,
     selectionTop, selectionBottom, selectionLeft, selectionRight,
     copiedTop, copiedBottom, copiedLeft, copiedRight;
   display: flex;
@@ -54,6 +55,18 @@
   min-height: 100%;
 }
 
+/* :growable showEditWhenFocused cells (e.g. multi-document) can wrap content
+   past row height. Release the bottom anchor and lay an opaque D80 base under
+   the :selected blue tint so the overflow area doesn't reveal adjacent rows.
+   z-index lifts the overflow above neighboring cells. */
+.root:focused:growable {
+  background-color: var(--wsr-color-D80);
+  background-image: linear-gradient(rgba(56, 153, 236, 0.08), rgba(56, 153, 236, 0.08));
+  bottom: auto;
+  min-height: 100%;
+  z-index: 3;
+}
+
 /* showEditWhenFocused cells: when a button inside has focus (inner focus),
    show the editing ring and allow button focus rings to render unclipped.
    isEditing is false here, so we use data-inner-focused set by the EditComponent. */

package/dist/esm/components/EditableTable/EditableCell.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "EditableCell2720687217";
+var _namespace_ = "EditableCell922918816";
 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": "EditableCell2720687217__root", "validationIndicator": "EditableCell2720687217__validationIndicator" };
+export var classes = { "root": "EditableCell922918816__root", "validationIndicator": "EditableCell922918816__validationIndicator" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};