@wix/patterns 1.413.0 → 1.415.0

package/src/hooks/useBuildAccordionItems.tsx

@@ -17,58 +17,71 @@ function useBuildAccordionItem<T, F extends FiltersMap>(
   state: CollectionToolbarFiltersState<T, F>,
   showFieldTypeIcons: boolean,
 ) {
-  return useCallback((filterElement: FilterElement) => {
-    const { type: Component, props: filterProps } = filterElement;
-    const { filter, initiallyOpen, popoverProps, accordionItemProps, fieldType } =
-      filterProps;
+  return useCallback(
+    (filterElement: FilterElement) => {
+      const { type: Component, props: filterProps } = filterElement;
+      const {
+        filter,
+        initiallyOpen,
+        popoverProps,
+        accordionItemProps,
+        fieldType,
+      } = filterProps;
 
-    const clonedElement = (
-      <Component
-        {...filterProps}
-        popoverProps={{ appendTo: 'window', ...popoverProps }}
-      />
-    );
-    const titleElement = (
-      <FilterAccordionTitle
-        state={state.toolbar}
-        filter={filter}
-        filterProps={filterProps}
-      />
-    );
-    const titleWithIcon = showFieldTypeIcons ? (
-      <Box gap="SP1" verticalAlign="middle">
-        {getFieldTypeIcon({ fieldType, size: 'medium' })}
-        {titleElement}
-      </Box>
-    ) : titleElement;
-
-    const title = filterProps.filter ? (
-      <Box width="100%" align="space-between" verticalAlign="middle">
-        {titleWithIcon}
-        <FilterAccordionResetButton
+      const clonedElement = (
+        <Component
+          {...filterProps}
+          popoverProps={{ appendTo: 'window', ...popoverProps }}
+        />
+      );
+      const titleElement = (
+        <FilterAccordionTitle
           state={state.toolbar}
-          filter={filterProps.filter}
+          filter={filter}
+          filterProps={filterProps}
         />
-      </Box>
-    ) : titleWithIcon;
+      );
+      const titleWithIcon = showFieldTypeIcons ? (
+        <Box gap="SP1" verticalAlign="middle">
+          {getFieldTypeIcon({ fieldType, size: 'medium' })}
+          {titleElement}
+        </Box>
+      ) : (
+        titleElement
+      );
 
-    return {
-      title,
-      children: filterProps.filter ? (
-        <CollectionFilter filter={filterProps.filter} state={state}>
-          {clonedElement}
-        </CollectionFilter>
+      const title = filterProps.filter ? (
+        <Box width="100%" align="space-between" verticalAlign="middle">
+          {titleWithIcon}
+          <FilterAccordionResetButton
+            state={state.toolbar}
+            filter={filterProps.filter}
+          />
+        </Box>
       ) : (
-        clonedElement
-      ),
-      initiallyOpen,
-      ...accordionItemProps,
-    };
-  }, [showFieldTypeIcons]);
+        titleWithIcon
+      );
+
+      return {
+        title,
+        children: filterProps.filter ? (
+          <CollectionFilter filter={filterProps.filter} state={state}>
+            {clonedElement}
+          </CollectionFilter>
+        ) : (
+          clonedElement
+        ),
+        initiallyOpen,
+        ...accordionItemProps,
+      };
+    },
+    [showFieldTypeIcons],
+  );
 }
 
 export function useBuildAccordionItems<T, F extends FiltersMap>(
   state: CollectionToolbarFiltersState<T, F>,
+  searchTerm: string = '',
 ) {
   const { translate: t } = useWixPatternsContainer();
   const { panelFilterElements } = state;
@@ -77,7 +90,16 @@ export function useBuildAccordionItems<T, F extends FiltersMap>(
 
   const defaultSectionTitle = t('cairo.filtersPanel.sections.default.title');
 
-  const { groups, defaultGroup } = panelFilterElements.reduce<{
+  const term = searchTerm.trim().toLowerCase();
+  const elements = term
+    ? panelFilterElements.filter((el) => {
+        const label = (el.props?.accordionItemProps?.label ?? '').toLowerCase();
+        const section = (el.props?.sectionTitle ?? '').toLowerCase();
+        return label.includes(term) || section.includes(term);
+      })
+    : panelFilterElements;
+
+  const { groups, defaultGroup } = elements.reduce<{
     groups: Record<string, NonNullable<AccordionProps['items']>>;
     defaultGroup: NonNullable<AccordionProps['items']>;
   }>(

package/src/hooks/useSetupWidget/index.ts

@@ -0,0 +1 @@
+export { useSetupWidget } from './useSetupWidget';

package/src/hooks/useSetupWidget/useSetupWidget.ts

@@ -0,0 +1,29 @@
+import { SetupWidgetState, SetupWidgetConfig } from '@wix/bex-core';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { useEffect, useState } from 'react';
+
+/**
+ * Creates a {@link SetupWidgetState} instance and wires its lifecycle, then
+ * returns it to be passed to the `SetupWidget` component — the same pattern as
+ * `useCollection` → `CollectionState`.
+ *
+ * The widget owns loading / error / refetch; the returned state also exposes a
+ * public API to read the steps / progress and to change a step's status
+ * (`state.steps`, `state.getStep`, `state.setStepStatus`).
+ *
+ * @example
+ * const setup = useSetupWidget({ fetchData });
+ * return <SetupWidget state={setup} />;
+ */
+export const useSetupWidget = ({
+  fetchData,
+}: SetupWidgetConfig): SetupWidgetState => {
+  const container = useWixPatternsContainer();
+  const [state] = useState(
+    () => new SetupWidgetState({ container, fetchData }),
+  );
+
+  useEffect(() => state.init(), [state]);
+
+  return state;
+};

package/src/index.ts

@@ -77,6 +77,7 @@ export * from './components/CollectionSectionHeader/CollectionSectionHeader.type
 export * from './components/Grid/Grid';
 export * from './components/Grid/GridFolders';
 export * from './components/CustomFieldsWidget';
+export * from './components/SetupWidget';
 export * from './components/TableFolders';
 export * from './components/GridDragAndDropDndKit/GridDragAndDrop';
 export * from './components/TableGridSwitch/TableGridSwitch';
@@ -125,6 +126,7 @@ export {
   RawFiltersParams as PickerModalRawFiltersParams,
 } from './hooks/usePickerModal';
 export * from './hooks/usePickerStandalone';
+export * from './hooks/useSetupWidget';
 export * from './hooks/useViews';
 export * from './hooks/useTableGridSwitchFolders';
 export * from './hooks/useTableCollection';

package/src/state/CollectionPage/CollectionPageHeader.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionPageHeader2119932583";
+var _namespace_ = "CollectionPageHeader3790619747";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CollectionPageHeader2119932583__root"};
+export var classes = {"root":"CollectionPageHeader3790619747__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/state/EditableTable/types.ts

@@ -122,6 +122,7 @@ export interface CellTypeConfigMap {
   color: never;
   date: never;
   time: never;
+  datetime: never;
   object: never;
   image: never;
   document: never;

package/src/state/FormPage/FormPageHeader.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "FormPageHeader3262980150";
+var _namespace_ = "FormPageHeader408983303";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"FormPageHeader3262980150__root"};
+export var classes = {"root":"FormPageHeader408983303__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/styles.global.css

@@ -1,3 +1,3 @@
-.CardContainer1451195216__root.CardContainer1451195216--mobile{border-radius:0}.CmsFieldForm1085923383__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal3243836232__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection116478769__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CharactersLimitInput1905447293__field{flex:1;min-width:0}.Collapse3478188107__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3478188107__exit{height:0}.CollectionPage205893332__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage205893332__root.CollectionPage205893332--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage205893332__root.CollectionPage205893332--panel{overflow:hidden;position:relative}.CollectionSectionHeader3183592036__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable26941754__root td{vertical-align:middle}.CollectionTable26941754__root.CollectionTable26941754--mobile td:first-child{padding-left:18px}.CollectionTable26941754__root.CollectionTable26941754--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable3762678215__root.CollectionTableWSRTable3762678215--resizable table{min-width:100%}.CollectionTableWSRTable3762678215__root.CollectionTableWSRTable3762678215--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar3829799909__left{min-width:0}.CollectionToolbar3829799909__left.CollectionToolbar3829799909--expandable{flex:auto}.CollectionToolbar3829799909__left.CollectionToolbar3829799909--title>*{width:100%}.CollectionToolbar3829799909__root.CollectionToolbar3829799909---responsiveMode-5-title .CollectionToolbar3829799909__left{flex:1 100;min-width:50px}.CollectionToolbar3829799909__root.CollectionToolbar3829799909---responsiveMode-4-tabs .CollectionToolbar3829799909__left,.CollectionToolbar3829799909__root.CollectionToolbar3829799909---responsiveMode-4-tabs .CollectionToolbar3829799909__left.CollectionToolbar3829799909--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar3829799909__root.CollectionToolbar3829799909---responsiveMode-4-tabs .CollectionToolbar3829799909__left>*{flex-shrink:1;min-width:0}.CollectionToolbar3829799909__root .CollectionToolbar3829799909__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar3829799909__root.CollectionToolbar3829799909--views .CollectionToolbar3829799909__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar3829799909__root.CollectionToolbar3829799909---responsiveMode-4-tabs .CollectionToolbar3829799909__right,.CollectionToolbar3829799909__root.CollectionToolbar3829799909---responsiveMode-5-title .CollectionToolbar3829799909__right{flex:0 1 auto;min-width:0}.CollectionToolbar3829799909__root .CollectionToolbar3829799909__right.CollectionToolbar3829799909__fullWidth{margin-inline-start:0!important}.CollectionToolbar3829799909__root.CollectionToolbar3829799909--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter4293294066__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter4293294066__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter4293294066__searchMobile:not(.SearchOrCustomFilter4293294066--expandable){left:18px}.SearchOrCustomFilter4293294066__searchMobile.SearchOrCustomFilter4293294066--expandable.SearchOrCustomFilter4293294066--expanded{left:18px}.AutoCompleteReadonly1228348019__root.AutoCompleteReadonly1228348019--disableEditing{cursor:pointer}.AutoCompleteReadonly1228348019__root.AutoCompleteReadonly1228348019--disableEditing input{cursor:pointer}.ViewsDropdown152397658__root{width:200px}.DragHandle1085988847__root{display:flex;align-items:center}.DragHandle1085988847__root:not(.DragHandle1085988847--disabled){cursor:grab;color:#a8caff}.DragHandle1085988847__root.DragHandle1085988847--disabled{color:#acafc4}.DragHandle1085988847__root:focus-visible:not(.DragHandle1085988847--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle1085988847__root.DragHandle1085988847--disabled{pointer-events:none}.DragHandle1085988847__root.DragHandle1085988847--dragging:not(.DragHandle1085988847--disabled){cursor:grabbing}td:has(>.EditableCell1780177284__root){position:relative;overflow:visible;min-height:24px}.EditableCell1780177284__root{display:flex;align-items:center;padding:0;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wsr-color-D80);border:1px solid var(--wsr-color-B40)}.EditableCell1780177284__root.EditableCell1780177284--selected{background:rgba(56,153,236,.08)}.EditableCell1780177284__root.EditableCell1780177284--focused:not(.EditableCell1780177284--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell1780177284__root.EditableCell1780177284--editing{background:var(--wsr-color-D80);box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:3;user-select:auto;overflow:visible}.EditableCell1780177284__root.EditableCell1780177284--editing:not(.EditableCell1780177284--showEditWhenFocused){bottom:auto;min-height:100%}.EditableCell1780177284__root.EditableCell1780177284--focused.EditableCell1780177284--growable{background-color:var(--wsr-color-D80);background-image:linear-gradient(rgba(56,153,236,.08),rgba(56,153,236,.08));bottom:auto;min-height:100%;z-index:3}.EditableCell1780177284__root:has([data-inner-focused]){overflow:visible;z-index:3;box-shadow:inset 0 0 0 2px var(--wsr-color-B10)}.EditableCell1780177284__root.EditableCell1780177284--selectionTop:not(.EditableCell1780177284--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell1780177284__root.EditableCell1780177284--selectionBottom:not(.EditableCell1780177284--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell1780177284__root.EditableCell1780177284--selectionLeft:not(.EditableCell1780177284--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell1780177284__root.EditableCell1780177284--selectionRight:not(.EditableCell1780177284--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell1780177284__root.EditableCell1780177284--selectionTop.EditableCell1780177284--editing.EditableCell1780177284--typeToEdit{border-top:2px solid var(--wsr-color-B10)}.EditableCell1780177284__root.EditableCell1780177284--selectionBottom.EditableCell1780177284--editing.EditableCell1780177284--typeToEdit{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell1780177284__root.EditableCell1780177284--selectionLeft.EditableCell1780177284--editing.EditableCell1780177284--typeToEdit{border-left:2px solid var(--wsr-color-B10)}.EditableCell1780177284__root.EditableCell1780177284--selectionRight.EditableCell1780177284--editing.EditableCell1780177284--typeToEdit{border-right:2px solid var(--wsr-color-B10)}.EditableCell1780177284__root.EditableCell1780177284--invalid:not(.EditableCell1780177284--editing){background:rgba(229,0,77,.06)}.EditableCell1780177284__root.EditableCell1780177284--copiedTop:not(.EditableCell1780177284--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell1780177284__root.EditableCell1780177284--copiedBottom:not(.EditableCell1780177284--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell1780177284__root.EditableCell1780177284--copiedLeft:not(.EditableCell1780177284--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell1780177284__root.EditableCell1780177284--copiedRight:not(.EditableCell1780177284--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell1780177284__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.HeaderActionsPopover3170806295__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover3170806295__root,.HeaderActionsPopover3170806295__root[data-menu-open=true],.HeaderActionsPopover3170806295__root:focus-within{opacity:1}.CellViewLayout1861512399__root{width:100%;height:100%;padding:9px 12px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout1861512399__root>*{flex:1;min-width:0}.Edit807937573__addressInput{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;padding-left:6px;padding-right:6px;min-width:0;overflow:hidden}.Edit807937573__addressInput>div,.Edit807937573__addressInput>div>div,.Edit807937573__addressInput>div>div>div{width:100%;min-width:0}.Edit1079541041__booleanEdit{display:flex;align-items:center;margin-left:12px}.View2199264589__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit939185741__root{width:100%;height:100%;display:flex;align-items:center}.Edit3159283181__dateInput{width:100%;margin-left:-1px}.Edit2995109127__emailInput{width:100%;margin-left:-1px}.Edit82474354__numberInput{width:100%;margin-right:2px}.Edit82474354__numberInput input{text-align:right;direction:ltr}.View2867133405__textView{width:100%;text-align:right}.Edit418534881__jsonInput{width:100%;margin-left:-1px}.Edit3098003061__selectInput{width:100%}.Edit1280511382__editWrapper{width:100%}.Edit1280511382__inputArea{background-color:transparent;width:100%}.Edit1280511382__inputArea input{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit1280511382__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit1280511382__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit1280511382__inputArea:not(.Edit1280511382--isFocused) textarea{resize:none;overflow:hidden}.Edit1280511382__inputArea:not(.Edit1280511382--isFocused) textarea::-webkit-scrollbar{display:none}.Edit260042110__wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;--wds-input-value-font-size-small:var(--wds-font-size-body-small);--wds-input-value-font-line-height-small:var(
+.CardContainer3840728867__root.CardContainer3840728867--mobile{border-radius:0}.CmsFieldForm3259145554__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal975986443__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection2398833596__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CharactersLimitInput1696389466__field{flex:1;min-width:0}.Collapse3229310927__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3229310927__exit{height:0}.CollectionPage174699821__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage174699821__root.CollectionPage174699821--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage174699821__root.CollectionPage174699821--panel{overflow:hidden;position:relative}.CollectionSectionHeader2966344588__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable3164578674__root td{vertical-align:middle}.CollectionTable3164578674__root.CollectionTable3164578674--mobile td:first-child{padding-left:18px}.CollectionTable3164578674__root.CollectionTable3164578674--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable4202532970__root.CollectionTableWSRTable4202532970--resizable table{min-width:100%}.CollectionTableWSRTable4202532970__root.CollectionTableWSRTable4202532970--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar3196430360__left{min-width:0}.CollectionToolbar3196430360__left.CollectionToolbar3196430360--expandable{flex:auto}.CollectionToolbar3196430360__left.CollectionToolbar3196430360--title>*{width:100%}.CollectionToolbar3196430360__root.CollectionToolbar3196430360---responsiveMode-5-title .CollectionToolbar3196430360__left{flex:1 100;min-width:50px}.CollectionToolbar3196430360__root.CollectionToolbar3196430360---responsiveMode-4-tabs .CollectionToolbar3196430360__left,.CollectionToolbar3196430360__root.CollectionToolbar3196430360---responsiveMode-4-tabs .CollectionToolbar3196430360__left.CollectionToolbar3196430360--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar3196430360__root.CollectionToolbar3196430360---responsiveMode-4-tabs .CollectionToolbar3196430360__left>*{flex-shrink:1;min-width:0}.CollectionToolbar3196430360__root .CollectionToolbar3196430360__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar3196430360__root.CollectionToolbar3196430360--views .CollectionToolbar3196430360__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar3196430360__root.CollectionToolbar3196430360---responsiveMode-4-tabs .CollectionToolbar3196430360__right,.CollectionToolbar3196430360__root.CollectionToolbar3196430360---responsiveMode-5-title .CollectionToolbar3196430360__right{flex:0 1 auto;min-width:0}.CollectionToolbar3196430360__root .CollectionToolbar3196430360__right.CollectionToolbar3196430360__fullWidth{margin-inline-start:0!important}.CollectionToolbar3196430360__root.CollectionToolbar3196430360--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter3032424942__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3032424942__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter3032424942__searchMobile:not(.SearchOrCustomFilter3032424942--expandable){left:18px}.SearchOrCustomFilter3032424942__searchMobile.SearchOrCustomFilter3032424942--expandable.SearchOrCustomFilter3032424942--expanded{left:18px}.AutoCompleteReadonly856514699__root.AutoCompleteReadonly856514699--disableEditing{cursor:pointer}.AutoCompleteReadonly856514699__root.AutoCompleteReadonly856514699--disableEditing input{cursor:pointer}.ViewsDropdown4141881970__root{width:200px}.DragHandle962127137__root{display:flex;align-items:center}.DragHandle962127137__root:not(.DragHandle962127137--disabled){cursor:grab;color:#a8caff}.DragHandle962127137__root.DragHandle962127137--disabled{color:#acafc4}.DragHandle962127137__root:focus-visible:not(.DragHandle962127137--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle962127137__root.DragHandle962127137--disabled{pointer-events:none}.DragHandle962127137__root.DragHandle962127137--dragging:not(.DragHandle962127137--disabled){cursor:grabbing}td:has(>.EditableCell3859249126__root){position:relative;overflow:visible;min-height:24px}.EditableCell3859249126__root{display:flex;align-items:center;padding:0;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wsr-color-D80);border:1px solid var(--wsr-color-B40)}.EditableCell3859249126__root.EditableCell3859249126--selected{background:rgba(56,153,236,.08)}.EditableCell3859249126__root.EditableCell3859249126--focused:not(.EditableCell3859249126--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell3859249126__root.EditableCell3859249126--editing{background:var(--wsr-color-D80);box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:3;user-select:auto;overflow:visible}.EditableCell3859249126__root.EditableCell3859249126--editing:not(.EditableCell3859249126--showEditWhenFocused){bottom:auto;min-height:100%}.EditableCell3859249126__root.EditableCell3859249126--focused.EditableCell3859249126--growable{background-color:var(--wsr-color-D80);background-image:linear-gradient(rgba(56,153,236,.08),rgba(56,153,236,.08));bottom:auto;min-height:100%;z-index:3}.EditableCell3859249126__root:has([data-inner-focused]){overflow:visible;z-index:3;box-shadow:inset 0 0 0 2px var(--wsr-color-B10)}.EditableCell3859249126__root.EditableCell3859249126--selectionTop:not(.EditableCell3859249126--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell3859249126__root.EditableCell3859249126--selectionBottom:not(.EditableCell3859249126--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell3859249126__root.EditableCell3859249126--selectionLeft:not(.EditableCell3859249126--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell3859249126__root.EditableCell3859249126--selectionRight:not(.EditableCell3859249126--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell3859249126__root.EditableCell3859249126--selectionTop.EditableCell3859249126--editing.EditableCell3859249126--typeToEdit{border-top:2px solid var(--wsr-color-B10)}.EditableCell3859249126__root.EditableCell3859249126--selectionBottom.EditableCell3859249126--editing.EditableCell3859249126--typeToEdit{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell3859249126__root.EditableCell3859249126--selectionLeft.EditableCell3859249126--editing.EditableCell3859249126--typeToEdit{border-left:2px solid var(--wsr-color-B10)}.EditableCell3859249126__root.EditableCell3859249126--selectionRight.EditableCell3859249126--editing.EditableCell3859249126--typeToEdit{border-right:2px solid var(--wsr-color-B10)}.EditableCell3859249126__root.EditableCell3859249126--invalid:not(.EditableCell3859249126--editing){background:rgba(229,0,77,.06)}.EditableCell3859249126__root.EditableCell3859249126--copiedTop:not(.EditableCell3859249126--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell3859249126__root.EditableCell3859249126--copiedBottom:not(.EditableCell3859249126--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell3859249126__root.EditableCell3859249126--copiedLeft:not(.EditableCell3859249126--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell3859249126__root.EditableCell3859249126--copiedRight:not(.EditableCell3859249126--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell3859249126__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.HeaderActionsPopover3870890019__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover3870890019__root,.HeaderActionsPopover3870890019__root[data-menu-open=true],.HeaderActionsPopover3870890019__root:focus-within{opacity:1}.CellViewLayout3498646373__root{width:100%;height:100%;padding:9px 12px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout3498646373__root>*{flex:1;min-width:0}.Edit3202999855__addressInput{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;padding-left:6px;padding-right:6px;min-width:0;overflow:hidden}.Edit3202999855__addressInput>div,.Edit3202999855__addressInput>div>div,.Edit3202999855__addressInput>div>div>div{width:100%;min-width:0}.Edit157063219__booleanEdit{display:flex;align-items:center;margin-left:12px}.View2929264616__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit3416540322__root{width:100%;height:100%;display:flex;align-items:center}.Edit4022858121__dateInput{width:100%;margin-left:-1px}.Edit500229605__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit500229605__dateHalf{flex:60 1 0}.Edit500229605__timeHalf{flex:40 1 0}.Edit500229605__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit500229605__passiveText{padding:9px 12px;font-size:14px;line-height:18px;font-family:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;width:100%}.Edit500229605__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View3728138641__leaf{min-width:0;padding:9px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:18px;font-family:inherit;box-sizing:border-box}.View3728138641__datePart{flex:60 1 0}.View3728138641__timePart{flex:40 1 0}.View3728138641__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View3728138641__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit551041898__emailInput{width:100%;margin-left:-1px}.Edit3997170827__numberInput{width:100%;margin-right:2px}.Edit3997170827__numberInput input{text-align:right;direction:ltr}.View3717091114__textView{width:100%;text-align:right}.Edit1884076868__jsonInput{width:100%;margin-left:-1px}.Edit1063584883__selectInput{width:100%}.Edit2539786971__editWrapper{width:100%}.Edit2539786971__inputArea{background-color:transparent;width:100%}.Edit2539786971__inputArea input{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit2539786971__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit2539786971__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit2539786971__inputArea:not(.Edit2539786971--isFocused) textarea{resize:none;overflow:hidden}.Edit2539786971__inputArea:not(.Edit2539786971--isFocused) textarea::-webkit-scrollbar{display:none}.Edit3891897524__wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;--wds-input-value-font-size-small:var(--wds-font-size-body-small);--wds-input-value-font-line-height-small:var(
     --wds-font-line-height-body-small
-  )}.Edit260042110__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit1268113439__urlInput{width:100%;margin-left:-1px}.View3467375880__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View3467375880__urlText{flex:1;min-width:0}.View3467375880__suffix{flex-shrink:0;margin-left:10px}.View3467375880__textView.View3467375880--suffixOnHover:not(:hover) .View3467375880__suffix{display:none}.EntityPagePlain45724782__root.EntityPagePlain45724782--mobile{--wds-page-header-padding-horizontal:0}.Fade3247150327__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3247150327__root.Fade3247150327--exit{opacity:0}.Heading1860446760__root{visibility:visible}.Heading1860446760__root.Heading1860446760--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload3520625931__fileUpload{width:100%}.InputOverflow1024375257__root.InputOverflow1024375257--selected:not(.InputOverflow1024375257--focused) input::placeholder{color:#000624}@keyframes LoadingRow3948357212__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%}}.LoadingRow3948357212__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:LoadingRow3948357212__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1626901953__root{opacity:1}.MaxHeightText1626901953__root.MaxHeightText1626901953--height24{line-height:24px}.MaxLines2316702761__root{overflow:hidden}.MaxLines2316702761__root.MaxLines2316702761--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar1490296512__root{min-width:0}.MultiBulkActionToolbar1490296512__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar1490296512__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar1490296512__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow2496254971__root td{padding:0!important;width:100%}.NestedTableRow2721334238__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2721334238__root:hover{background-color:#e7f0ff!important}.NestedTableRow2721334238__root.NestedTableRow2721334238--expandable{cursor:pointer}.NestedTableRow2721334238__placeholder td{padding:0!important;width:100%}.NestedTableRow2721334238__root:hover td:first-of-type::before,.NestedTableRow2721334238__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect3361943102__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)}.NestedTableDragAndDropRow358505650__root.NestedTableDragAndDropRow358505650--draggingInto td{background-color:#e7f0ff!important}.PickerContent3044108310__root{display:flex}.PickerContentAdditionalStep4168801244__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep4168801244__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem1824403770__root{box-sizing:border-box}.ScrollableContent3179610547__root.ScrollableContent3179610547--overflowY{overflow-y:auto}.ScrollableContent3179610547__root.ScrollableContent3179610547--overflowX{overflow-x:auto}.ScrollableContent3179610547__root.ScrollableContent3179610547--smooth{scroll-behavior:smooth}.SkeletonCard88447587__headerLoading{display:block!important}.SlidingModal47715628__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal47715628__root.SlidingModal47715628--overlay{transition:transform 0s ease 0s}.SlidingModal47715628__root.SlidingModal47715628---appendTo-6-parent{position:absolute}.SlidingModal47715628__root:not(.SlidingModal47715628--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter4178710274__root .TabsFilter4178710274__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter4178710274__root.TabsFilter4178710274--selected .TabsFilter4178710274__title,.TabsFilter4178710274__root:hover .TabsFilter4178710274__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal762691912__root{display:flex}.ToolbarItem1480830401__root{min-width:0}.ToolbarItemBox858778446__root{min-width:0}.ToolbarItemBox858778446__root.ToolbarItemBox858778446--removeStartPadding{margin-left:-24px}.ToolbarItemBox858778446__root.ToolbarItemBox858778446--expandable{flex:1 0}.common4171903915__column{display:flex;flex-direction:column}.common4171903915__fullHeight{height:100%;min-height:0}.CollectionPageHeader2119932583__root:not(.CollectionPageHeader2119932583--mobile){gap:12px}.CollectionPageHeader2119932583__root.CollectionPageHeader2119932583--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2119932583__root.CollectionPageHeader2119932583--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3262980150__root.FormPageHeader3262980150--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3262980150__root.FormPageHeader3262980150--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+  )}.Edit3891897524__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit3618082279__urlInput{width:100%;margin-left:-1px}.View1464552216__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View1464552216__urlText{flex:1;min-width:0}.View1464552216__suffix{flex-shrink:0;margin-left:10px}.View1464552216__textView.View1464552216--suffixOnHover:not(:hover) .View1464552216__suffix{display:none}.EntityPagePlain583315663__root.EntityPagePlain583315663--mobile{--wds-page-header-padding-horizontal:0}.Fade68256681__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade68256681__root.Fade68256681--exit{opacity:0}.Heading1825965899__root{visibility:visible}.Heading1825965899__root.Heading1825965899--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload2707926533__fileUpload{width:100%}.InputOverflow321109859__root.InputOverflow321109859--selected:not(.InputOverflow321109859--focused) input::placeholder{color:#000624}@keyframes LoadingRow2597706729__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%}}.LoadingRow2597706729__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:LoadingRow2597706729__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1358108207__root{opacity:1}.MaxHeightText1358108207__root.MaxHeightText1358108207--height24{line-height:24px}.MaxLines3201845425__root{overflow:hidden}.MaxLines3201845425__root.MaxLines3201845425--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2262240796__root{min-width:0}.MultiBulkActionToolbar2262240796__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar2262240796__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar2262240796__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow950851298__root td{padding:0!important;width:100%}.NestedTableRow1953079660__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow1953079660__root:hover{background-color:#e7f0ff!important}.NestedTableRow1953079660__root.NestedTableRow1953079660--expandable{cursor:pointer}.NestedTableRow1953079660__placeholder td{padding:0!important;width:100%}.NestedTableRow1953079660__root:hover td:first-of-type::before,.NestedTableRow1953079660__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect954955633__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)}.NestedTableDragAndDropRow2342687242__root.NestedTableDragAndDropRow2342687242--draggingInto td{background-color:#e7f0ff!important}.PickerContent1991971225__root{display:flex}.PickerContentAdditionalStep2347860189__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2347860189__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem743710588__root{box-sizing:border-box}.ScrollableContent1998605952__root.ScrollableContent1998605952--overflowY{overflow-y:auto}.ScrollableContent1998605952__root.ScrollableContent1998605952--overflowX{overflow-x:auto}.ScrollableContent1998605952__root.ScrollableContent1998605952--smooth{scroll-behavior:smooth}.SetupWidget713352316__row{display:flex;flex-direction:column;padding:var(--wds-space-100, 6px);border-radius:var(--wds-border-radius-200, 4px);border:1px solid var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB));background-color:var(--wds-color-fill-standard-tertiary, var(--wsr-color-D80, #FFFFFF));overflow:clip}.SetupWidget713352316__row.SetupWidget713352316--clickable{cursor:pointer}.SetupWidget713352316__row.SetupWidget713352316--hoverable:hover{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF));border-color:var(--wds-color-border-standard-secondary, var(--wsr-color-B40, #D6E6FE))}.SetupWidget713352316__row.SetupWidget713352316--focused{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF));border-color:var(--wds-color-border-standard-primary, var(--wsr-color-B30, #A8CAFF))}.SetupWidget713352316__completedCta{opacity:0;transition:opacity .25s ease-in-out}.SetupWidget713352316__row:hover .SetupWidget713352316__completedCta,.SetupWidget713352316__row:focus-within .SetupWidget713352316__completedCta{opacity:1}.SetupWidget713352316__card{display:block;width:100%;border:0;border-radius:var(--wds-border-radius-400, 8px);background-color:var(--wds-color-fill-standard-tertiary, var(--wsr-color-D80, #FFFFFF));box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);overflow:clip;box-sizing:border-box;text-align:start;font:inherit;color:inherit;padding:0;margin:0}.SetupWidget713352316__card.SetupWidget713352316--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget713352316__card.SetupWidget713352316--clickable{cursor:pointer}.SkeletonCard729024105__headerLoading{display:block!important}.SlidingModal618624364__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal618624364__root.SlidingModal618624364--overlay{transition:transform 0s ease 0s}.SlidingModal618624364__root.SlidingModal618624364---appendTo-6-parent{position:absolute}.SlidingModal618624364__root:not(.SlidingModal618624364--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter537512541__root .TabsFilter537512541__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter537512541__root.TabsFilter537512541--selected .TabsFilter537512541__title,.TabsFilter537512541__root:hover .TabsFilter537512541__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal1270147739__root{display:flex}.ToolbarItem2553868712__root{min-width:0}.ToolbarItemBox2873639527__root{min-width:0}.ToolbarItemBox2873639527__root.ToolbarItemBox2873639527--removeStartPadding{margin-left:-24px}.ToolbarItemBox2873639527__root.ToolbarItemBox2873639527--expandable{flex:1 0}.common414235322__column{display:flex;flex-direction:column}.common414235322__fullHeight{height:100%;min-height:0}.CollectionPageHeader3790619747__root:not(.CollectionPageHeader3790619747--mobile){gap:12px}.CollectionPageHeader3790619747__root.CollectionPageHeader3790619747--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3790619747__root.CollectionPageHeader3790619747--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader408983303__root.FormPageHeader408983303--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader408983303__root.FormPageHeader408983303--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/testkit/jsdom.ts

@@ -28,6 +28,7 @@ import { SearchableCollectionContentUniDriver } from '../components/SearchableCo
 import { SuggestionsUniDriver } from '../components/Suggestions/Suggestions.uni.driver';
 import { default as EditableTableUniDriver } from '../components/EditableTable/EditableTable.uni.driver';
 import { LayoutSwitchUniDriver } from '../components/LayoutSwitch/LayoutSwitch.uni.driver';
+import SetupWidgetUniDriver from '../components/SetupWidget/SetupWidget.uni.driver';
 
 export const TableTestkit = uniTestkitFactoryCreator(TableUniDriver);
 
@@ -121,3 +122,6 @@ export const EditableTableTestkit = uniTestkitFactoryCreator(
 export const LayoutSwitchTestkit = uniTestkitFactoryCreator(
   LayoutSwitchUniDriver,
 );
+
+export const SetupWidgetTestkit =
+  uniTestkitFactoryCreator(SetupWidgetUniDriver);

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.413.0';
+export const version = 'patterns@1.415.0';