@wix/patterns 1.378.0 → 1.381.0

package/src/state/ViewTypeState.ts

@@ -17,11 +17,13 @@ export interface ViewTypeStateParams {
   readonly dataCapsule: Essentials['dataCapsule'];
   readonly componentType: string;
   readonly collection?: CollectionState<any, any>;
+  readonly options: ViewType[];
 }
-export type ViewType = 'table' | 'grid';
+export type ViewType = 'table' | 'grid' | 'spreadsheet';
 
 export class ViewTypeState {
   viewType: ViewType = 'table';
+  readonly options: ViewType[];
   readonly container;
   readonly dataCapsule;
   readonly componentType;
@@ -32,6 +34,7 @@ export class ViewTypeState {
     this.dataCapsule = params.dataCapsule;
     this.componentType = params.componentType;
     this.collection = params.collection;
+    this.options = params.options;
 
     makeObservable(this, {
       viewType: observable.ref,
@@ -49,7 +52,8 @@ export class ViewTypeState {
     try {
       const res = (await this.dataCapsule.getItem('view-type')) as ViewType;
       runInAction(() => {
-        this.viewType = res || this.viewType;
+        if (!this.options.length) return;
+        this.viewType = this.options.includes(res) ? res : this.options[0]!;
       });
     } catch (err) {
       this.container.errorMonitor.captureException(err);
@@ -57,6 +61,8 @@ export class ViewTypeState {
   }
 
   changeViewType(newViewType: ViewType) {
+    if (!this.options.length) return;
+
     const isLayoutToggleRedesignEnabled = this.container.experiments.enabled(
       'specs.cairo.layout-toggle.redesign',
     );
@@ -75,8 +81,8 @@ export class ViewTypeState {
       );
     }
 
-    this.viewType = newViewType === 'grid' ? 'grid' : 'table';
-    this.dataCapsule.setItem('view-type', newViewType);
+    this.viewType = this.options.includes(newViewType) ? newViewType : this.options[0]!;
+    this.dataCapsule.setItem('view-type', this.viewType);
   }
 
   reportLayoutSwitch() {

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer114447389__root.CardContainer114447389--mobile{border-radius:0}.Collapse3104481491__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3104481491__exit{height:0}.CollectionPage3278007346__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage3278007346__root.CollectionPage3278007346--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage3278007346__root.CollectionPage3278007346--panel{overflow:hidden;position:relative}.CollectionSectionHeader2753131021__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable544938562__root td{vertical-align:middle}.CollectionTable544938562__root.CollectionTable544938562--mobile td:first-child{padding-left:18px}.CollectionTable544938562__root.CollectionTable544938562--mobile td:last-child{padding-right:18px}.CollectionToolbar1902004285__left{min-width:0}.CollectionToolbar1902004285__left.CollectionToolbar1902004285--expandable{flex:auto}.CollectionToolbar1902004285__left.CollectionToolbar1902004285--title>*{width:100%}.CollectionToolbar1902004285__root.CollectionToolbar1902004285---responsiveMode-5-title .CollectionToolbar1902004285__left{flex:1 100;min-width:50px}.CollectionToolbar1902004285__root.CollectionToolbar1902004285---responsiveMode-4-tabs .CollectionToolbar1902004285__left,.CollectionToolbar1902004285__root.CollectionToolbar1902004285---responsiveMode-4-tabs .CollectionToolbar1902004285__left.CollectionToolbar1902004285--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar1902004285__root.CollectionToolbar1902004285---responsiveMode-4-tabs .CollectionToolbar1902004285__left>*{flex-shrink:1;min-width:0}.CollectionToolbar1902004285__root .CollectionToolbar1902004285__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1902004285__root.CollectionToolbar1902004285--views .CollectionToolbar1902004285__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1902004285__root.CollectionToolbar1902004285---responsiveMode-4-tabs .CollectionToolbar1902004285__right,.CollectionToolbar1902004285__root.CollectionToolbar1902004285---responsiveMode-5-title .CollectionToolbar1902004285__right{flex:0 1 auto;min-width:0}.CollectionToolbar1902004285__root .CollectionToolbar1902004285__right.CollectionToolbar1902004285__fullWidth{margin-inline-start:0!important}.CollectionToolbar1902004285__root.CollectionToolbar1902004285--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter3579726546__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3579726546__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter3579726546__searchMobile:not(.SearchOrCustomFilter3579726546--expandable){left:18px}.SearchOrCustomFilter3579726546__searchMobile.SearchOrCustomFilter3579726546--expandable.SearchOrCustomFilter3579726546--expanded{left:18px}.AutoCompleteReadonly831250285__root.AutoCompleteReadonly831250285--disableEditing{cursor:pointer}.AutoCompleteReadonly831250285__root.AutoCompleteReadonly831250285--disableEditing input{cursor:pointer}.ViewsDropdown526774541__root{width:200px}.DragHandle791509687__root{display:flex;align-items:center}.DragHandle791509687__root:not(.DragHandle791509687--disabled){cursor:grab;color:#a8caff}.DragHandle791509687__root.DragHandle791509687--disabled{color:#acafc4}.DragHandle791509687__root:focus-visible:not(.DragHandle791509687--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle791509687__root.DragHandle791509687--disabled{pointer-events:none}.DragHandle791509687__root.DragHandle791509687--dragging:not(.DragHandle791509687--disabled){cursor:grabbing}td:has(>.EditableCell2334465064__root){position:relative;overflow:visible;min-height:24px}.EditableCell2334465064__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)}.EditableCell2334465064__root.EditableCell2334465064--selected{background:rgba(56,153,236,.08)}.EditableCell2334465064__root.EditableCell2334465064--focused:not(.EditableCell2334465064--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell2334465064__root.EditableCell2334465064--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;bottom:auto;min-height:100%}.EditableCell2334465064__root.EditableCell2334465064--selectionTop:not(.EditableCell2334465064--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell2334465064__root.EditableCell2334465064--selectionBottom:not(.EditableCell2334465064--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell2334465064__root.EditableCell2334465064--selectionLeft:not(.EditableCell2334465064--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell2334465064__root.EditableCell2334465064--selectionRight:not(.EditableCell2334465064--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell2334465064__root.EditableCell2334465064--selectionTop.EditableCell2334465064--editing.EditableCell2334465064--typeToEdit{border-top:2px solid var(--wsr-color-B10)}.EditableCell2334465064__root.EditableCell2334465064--selectionBottom.EditableCell2334465064--editing.EditableCell2334465064--typeToEdit{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell2334465064__root.EditableCell2334465064--selectionLeft.EditableCell2334465064--editing.EditableCell2334465064--typeToEdit{border-left:2px solid var(--wsr-color-B10)}.EditableCell2334465064__root.EditableCell2334465064--selectionRight.EditableCell2334465064--editing.EditableCell2334465064--typeToEdit{border-right:2px solid var(--wsr-color-B10)}.EditableCell2334465064__root.EditableCell2334465064--invalid:not(.EditableCell2334465064--editing){background:rgba(229,0,77,.06)}.EditableCell2334465064__root.EditableCell2334465064--copiedTop:not(.EditableCell2334465064--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell2334465064__root.EditableCell2334465064--copiedBottom:not(.EditableCell2334465064--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell2334465064__root.EditableCell2334465064--copiedLeft:not(.EditableCell2334465064--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell2334465064__root.EditableCell2334465064--copiedRight:not(.EditableCell2334465064--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell2334465064__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.HeaderActionsPopover358753717__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover358753717__root,.HeaderActionsPopover358753717__root.HeaderActionsPopover358753717--menuOpen,.HeaderActionsPopover358753717__root:focus-within{opacity:1}.CellViewLayout3479994484__root{width:100%;height:100%;padding:9px 12px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout3479994484__root>*{flex:1;min-width:0}.Edit2056158397__booleanEdit{display:flex;align-items:center;margin-left:12px}.View4236187119__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit1762969689__dateInput{width:100%;margin-left:-1px}.Edit3289551781__emailInput{width:100%;margin-left:-1px}.Edit1540636546__numberInput{width:100%;margin-right:2px}.Edit1540636546__numberInput input{text-align:right;direction:ltr}.View1894319470__textView{width:100%;text-align:right}.Edit3961799499__jsonInput{width:100%;margin-left:-1px}.Edit245233832__selectInput{width:100%}.Edit4234533147__editWrapper{width:100%}.Edit4234533147__inputArea{background-color:transparent;width:100%}.Edit4234533147__inputArea input{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit4234533147__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit4234533147__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit4234533147__inputArea:not(.Edit4234533147--isFocused) textarea{resize:none;overflow:hidden}.Edit4234533147__inputArea:not(.Edit4234533147--isFocused) textarea::-webkit-scrollbar{display:none}.Edit2992387440__urlInput{width:100%;margin-left:-1px}.View3921770292__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View3921770292__urlText{flex:1;min-width:0}.View3921770292__suffix{flex-shrink:0;margin-left:10px}.View3921770292__textView.View3921770292--suffixOnHover:not(:hover) .View3921770292__suffix{display:none}.EntityPagePlain1641086988__root.EntityPagePlain1641086988--mobile{--wds-page-header-padding-horizontal:0}.Fade329759489__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade329759489__root.Fade329759489--exit{opacity:0}.Heading841018376__root{visibility:visible}.Heading841018376__root.Heading841018376--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload686656776__fileUpload{width:100%}.InputOverflow1271182134__root.InputOverflow1271182134--selected:not(.InputOverflow1271182134--focused) input::placeholder{color:#000624}@keyframes LoadingRow2196858778__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%}}.LoadingRow2196858778__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:LoadingRow2196858778__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2601044677__root{opacity:1}.MaxHeightText2601044677__root.MaxHeightText2601044677--height24{line-height:24px}.MaxLines3678574695__root{overflow:hidden}.MaxLines3678574695__root.MaxLines3678574695--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar407643509__root{min-width:0}.MultiBulkActionToolbar407643509__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar407643509__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar407643509__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow200227903__root td{padding:0!important;width:100%}.NestedTableRow4073148708__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow4073148708__root:hover{background-color:#e7f0ff!important}.NestedTableRow4073148708__root.NestedTableRow4073148708--expandable{cursor:pointer}.NestedTableRow4073148708__placeholder td{padding:0!important;width:100%}.NestedTableRow4073148708__root:hover td:first-of-type::before,.NestedTableRow4073148708__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect3673484001__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)}.NestedTableDragAndDropRow748604090__root.NestedTableDragAndDropRow748604090--draggingInto td{background-color:#e7f0ff!important}.PickerContent2145700135__root{display:flex}.PickerContentAdditionalStep1252550532__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1252550532__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2660550529__root{box-sizing:border-box}.ScrollableContent824867288__root.ScrollableContent824867288--overflowY{overflow-y:auto}.ScrollableContent824867288__root.ScrollableContent824867288--overflowX{overflow-x:auto}.ScrollableContent824867288__root.ScrollableContent824867288--smooth{scroll-behavior:smooth}.SkeletonCard2455371441__headerLoading{display:block!important}.SlidingModal661696003__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal661696003__root.SlidingModal661696003--overlay{transition:transform 0s ease 0s}.SlidingModal661696003__root.SlidingModal661696003---appendTo-6-parent{position:absolute}.SlidingModal661696003__root:not(.SlidingModal661696003--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter2767251165__root .TabsFilter2767251165__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter2767251165__root.TabsFilter2767251165--selected .TabsFilter2767251165__title,.TabsFilter2767251165__root:hover .TabsFilter2767251165__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal3062371901__root{display:flex}.ToolbarItem1347141476__root{min-width:0}.ToolbarItemBox2351423432__root{min-width:0}.ToolbarItemBox2351423432__root.ToolbarItemBox2351423432--removeStartPadding{margin-left:-24px}.ToolbarItemBox2351423432__root.ToolbarItemBox2351423432--expandable{flex:1 0}.common2887450320__column{display:flex;flex-direction:column}.common2887450320__fullHeight{height:100%;min-height:0}.CollectionPageHeader1589174459__root:not(.CollectionPageHeader1589174459--mobile){gap:12px}.CollectionPageHeader1589174459__root.CollectionPageHeader1589174459--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader1589174459__root.CollectionPageHeader1589174459--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3242311320__root.FormPageHeader3242311320--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3242311320__root.FormPageHeader3242311320--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer1895517888__root.CardContainer1895517888--mobile{border-radius:0}.Collapse3559750779__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3559750779__exit{height:0}.CollectionPage4172659432__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage4172659432__root.CollectionPage4172659432--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage4172659432__root.CollectionPage4172659432--panel{overflow:hidden;position:relative}.CollectionSectionHeader2090603635__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable1344795854__root td{vertical-align:middle}.CollectionTable1344795854__root.CollectionTable1344795854--mobile td:first-child{padding-left:18px}.CollectionTable1344795854__root.CollectionTable1344795854--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable2360378172__root.CollectionTableWSRTable2360378172--resizable table{min-width:100%}.CollectionTableWSRTable2360378172__root.CollectionTableWSRTable2360378172--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar1339988725__left{min-width:0}.CollectionToolbar1339988725__left.CollectionToolbar1339988725--expandable{flex:auto}.CollectionToolbar1339988725__left.CollectionToolbar1339988725--title>*{width:100%}.CollectionToolbar1339988725__root.CollectionToolbar1339988725---responsiveMode-5-title .CollectionToolbar1339988725__left{flex:1 100;min-width:50px}.CollectionToolbar1339988725__root.CollectionToolbar1339988725---responsiveMode-4-tabs .CollectionToolbar1339988725__left,.CollectionToolbar1339988725__root.CollectionToolbar1339988725---responsiveMode-4-tabs .CollectionToolbar1339988725__left.CollectionToolbar1339988725--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar1339988725__root.CollectionToolbar1339988725---responsiveMode-4-tabs .CollectionToolbar1339988725__left>*{flex-shrink:1;min-width:0}.CollectionToolbar1339988725__root .CollectionToolbar1339988725__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1339988725__root.CollectionToolbar1339988725--views .CollectionToolbar1339988725__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1339988725__root.CollectionToolbar1339988725---responsiveMode-4-tabs .CollectionToolbar1339988725__right,.CollectionToolbar1339988725__root.CollectionToolbar1339988725---responsiveMode-5-title .CollectionToolbar1339988725__right{flex:0 1 auto;min-width:0}.CollectionToolbar1339988725__root .CollectionToolbar1339988725__right.CollectionToolbar1339988725__fullWidth{margin-inline-start:0!important}.CollectionToolbar1339988725__root.CollectionToolbar1339988725--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter3995973609__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3995973609__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter3995973609__searchMobile:not(.SearchOrCustomFilter3995973609--expandable){left:18px}.SearchOrCustomFilter3995973609__searchMobile.SearchOrCustomFilter3995973609--expandable.SearchOrCustomFilter3995973609--expanded{left:18px}.AutoCompleteReadonly4151073104__root.AutoCompleteReadonly4151073104--disableEditing{cursor:pointer}.AutoCompleteReadonly4151073104__root.AutoCompleteReadonly4151073104--disableEditing input{cursor:pointer}.ViewsDropdown1972253128__root{width:200px}.DragHandle3535563195__root{display:flex;align-items:center}.DragHandle3535563195__root:not(.DragHandle3535563195--disabled){cursor:grab;color:#a8caff}.DragHandle3535563195__root.DragHandle3535563195--disabled{color:#acafc4}.DragHandle3535563195__root:focus-visible:not(.DragHandle3535563195--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3535563195__root.DragHandle3535563195--disabled{pointer-events:none}.DragHandle3535563195__root.DragHandle3535563195--dragging:not(.DragHandle3535563195--disabled){cursor:grabbing}td:has(>.EditableCell340503920__root){position:relative;overflow:visible;min-height:24px}.EditableCell340503920__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)}.EditableCell340503920__root.EditableCell340503920--selected{background:rgba(56,153,236,.08)}.EditableCell340503920__root.EditableCell340503920--focused:not(.EditableCell340503920--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell340503920__root.EditableCell340503920--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}.EditableCell340503920__root.EditableCell340503920--editing:not(.EditableCell340503920--showEditWhenFocused){bottom:auto;min-height:100%}.EditableCell340503920__root:has([data-inner-focused]){overflow:visible;z-index:3;box-shadow:inset 0 0 0 2px var(--wsr-color-B10)}.EditableCell340503920__root.EditableCell340503920--selectionTop:not(.EditableCell340503920--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell340503920__root.EditableCell340503920--selectionBottom:not(.EditableCell340503920--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell340503920__root.EditableCell340503920--selectionLeft:not(.EditableCell340503920--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell340503920__root.EditableCell340503920--selectionRight:not(.EditableCell340503920--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell340503920__root.EditableCell340503920--selectionTop.EditableCell340503920--editing.EditableCell340503920--typeToEdit{border-top:2px solid var(--wsr-color-B10)}.EditableCell340503920__root.EditableCell340503920--selectionBottom.EditableCell340503920--editing.EditableCell340503920--typeToEdit{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell340503920__root.EditableCell340503920--selectionLeft.EditableCell340503920--editing.EditableCell340503920--typeToEdit{border-left:2px solid var(--wsr-color-B10)}.EditableCell340503920__root.EditableCell340503920--selectionRight.EditableCell340503920--editing.EditableCell340503920--typeToEdit{border-right:2px solid var(--wsr-color-B10)}.EditableCell340503920__root.EditableCell340503920--invalid:not(.EditableCell340503920--editing){background:rgba(229,0,77,.06)}.EditableCell340503920__root.EditableCell340503920--copiedTop:not(.EditableCell340503920--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell340503920__root.EditableCell340503920--copiedBottom:not(.EditableCell340503920--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell340503920__root.EditableCell340503920--copiedLeft:not(.EditableCell340503920--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell340503920__root.EditableCell340503920--copiedRight:not(.EditableCell340503920--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell340503920__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.HeaderActionsPopover3888006637__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover3888006637__root,.HeaderActionsPopover3888006637__root.HeaderActionsPopover3888006637--menuOpen,.HeaderActionsPopover3888006637__root:focus-within{opacity:1}.CellViewLayout1896530427__root{width:100%;height:100%;padding:9px 12px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout1896530427__root>*{flex:1;min-width:0}.Edit690616610__booleanEdit{display:flex;align-items:center;margin-left:12px}.View916810894__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit3331203363__dateInput{width:100%;margin-left:-1px}.Edit454632388__emailInput{width:100%;margin-left:-1px}.Edit3405934222__numberInput{width:100%;margin-right:2px}.Edit3405934222__numberInput input{text-align:right;direction:ltr}.View467769775__textView{width:100%;text-align:right}.Edit975343976__jsonInput{width:100%;margin-left:-1px}.Edit2187970819__selectInput{width:100%}.Edit1413525660__editWrapper{width:100%}.Edit1413525660__inputArea{background-color:transparent;width:100%}.Edit1413525660__inputArea input{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit1413525660__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit1413525660__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit1413525660__inputArea:not(.Edit1413525660--isFocused) textarea{resize:none;overflow:hidden}.Edit1413525660__inputArea:not(.Edit1413525660--isFocused) textarea::-webkit-scrollbar{display:none}.Edit3375197161__urlInput{width:100%;margin-left:-1px}.View2866048905__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View2866048905__urlText{flex:1;min-width:0}.View2866048905__suffix{flex-shrink:0;margin-left:10px}.View2866048905__textView.View2866048905--suffixOnHover:not(:hover) .View2866048905__suffix{display:none}.EntityPagePlain758988730__root.EntityPagePlain758988730--mobile{--wds-page-header-padding-horizontal:0}.Fade4037385382__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade4037385382__root.Fade4037385382--exit{opacity:0}.Heading3014193496__root{visibility:visible}.Heading3014193496__root.Heading3014193496--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload162635118__fileUpload{width:100%}.InputOverflow1873892648__root.InputOverflow1873892648--selected:not(.InputOverflow1873892648--focused) input::placeholder{color:#000624}@keyframes LoadingRow2988693935__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%}}.LoadingRow2988693935__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:LoadingRow2988693935__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1094343565__root{opacity:1}.MaxHeightText1094343565__root.MaxHeightText1094343565--height24{line-height:24px}.MaxLines2877328221__root{overflow:hidden}.MaxLines2877328221__root.MaxLines2877328221--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3408629573__root{min-width:0}.MultiBulkActionToolbar3408629573__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar3408629573__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar3408629573__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow137894831__root td{padding:0!important;width:100%}.NestedTableRow2822551837__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2822551837__root:hover{background-color:#e7f0ff!important}.NestedTableRow2822551837__root.NestedTableRow2822551837--expandable{cursor:pointer}.NestedTableRow2822551837__placeholder td{padding:0!important;width:100%}.NestedTableRow2822551837__root:hover td:first-of-type::before,.NestedTableRow2822551837__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect918203553__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)}.NestedTableDragAndDropRow2849287231__root.NestedTableDragAndDropRow2849287231--draggingInto td{background-color:#e7f0ff!important}.PickerContent1098415796__root{display:flex}.PickerContentAdditionalStep2163690254__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2163690254__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3936469485__root{box-sizing:border-box}.ScrollableContent2878466261__root.ScrollableContent2878466261--overflowY{overflow-y:auto}.ScrollableContent2878466261__root.ScrollableContent2878466261--overflowX{overflow-x:auto}.ScrollableContent2878466261__root.ScrollableContent2878466261--smooth{scroll-behavior:smooth}.SkeletonCard3852981435__headerLoading{display:block!important}.SlidingModal3970925703__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal3970925703__root.SlidingModal3970925703--overlay{transition:transform 0s ease 0s}.SlidingModal3970925703__root.SlidingModal3970925703---appendTo-6-parent{position:absolute}.SlidingModal3970925703__root:not(.SlidingModal3970925703--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter624551827__root .TabsFilter624551827__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter624551827__root.TabsFilter624551827--selected .TabsFilter624551827__title,.TabsFilter624551827__root:hover .TabsFilter624551827__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal3372195957__root{display:flex}.ToolbarItem2612842829__root{min-width:0}.ToolbarItemBox2774657115__root{min-width:0}.ToolbarItemBox2774657115__root.ToolbarItemBox2774657115--removeStartPadding{margin-left:-24px}.ToolbarItemBox2774657115__root.ToolbarItemBox2774657115--expandable{flex:1 0}.common1666112165__column{display:flex;flex-direction:column}.common1666112165__fullHeight{height:100%;min-height:0}.CollectionPageHeader1512644829__root:not(.CollectionPageHeader1512644829--mobile){gap:12px}.CollectionPageHeader1512644829__root.CollectionPageHeader1512644829--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader1512644829__root.CollectionPageHeader1512644829--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader1086860638__root.FormPageHeader1086860638--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader1086860638__root.FormPageHeader1086860638--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/test-utils/CairoTestApp.tsx

@@ -2,7 +2,6 @@ import React, { ReactNode, RefObject, Suspense } from 'react';
 import { WixPatternsTestProvider } from '../components';
 import { Page, WixStyleReactEnvironmentProvider } from '@wix/design-system';
 import { WixPatternsContainerProvider } from '@wix/bex-core/react';
-import { PatternsFieldsProvider } from '../providers/PatternsFieldsProvider';
 import { WixPatternsContainerDriver } from '@wix/bex-core/testkit/internal';
 import { EssentialsProvider } from '@wix/fe-essentials/react';
 import { EntityPageState } from '../state';
@@ -131,7 +130,7 @@ export function CairoTestApp({
       >
         <WixPatternsTestProvider>
           <WixPatternsContainerProvider value={driver.container}>
-            <PatternsFieldsProvider>{child}</PatternsFieldsProvider>
+            {child}
           </WixPatternsContainerProvider>
         </WixPatternsTestProvider>
       </WixStyleReactEnvironmentProvider>

package/src/testkit/jsdom.ts

@@ -27,6 +27,7 @@ import RequestIdUniDriver from '../components/RequestId/RequestId.uni.driver';
 import { SearchableCollectionContentUniDriver } from '../components/SearchableCollectionContent/SearchableCollectionContent.uni.driver';
 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';
 
 export const TableTestkit = uniTestkitFactoryCreator(TableUniDriver);
 
@@ -116,3 +117,7 @@ export const SuggestionsTestkit =
 export const EditableTableTestkit = uniTestkitFactoryCreator(
   EditableTableUniDriver,
 );
+
+export const LayoutSwitchTestkit = uniTestkitFactoryCreator(
+  LayoutSwitchUniDriver,
+);

package/src/types/SchemaConfig.ts

@@ -105,6 +105,14 @@ export interface Query {
   sort?: { fieldName: string; order: 'asc' | 'desc' }[];
 }
 
+export interface FieldActions {
+  editField?: (fieldId: string, updates: Partial<Field>) => Promise<any>;
+  addField?: (field: Field) => Promise<any>;
+  deleteField?: (fieldId: string) => Promise<any>;
+  duplicateField?: (fieldId: string) => Promise<any>;
+  renameField?: (fieldId: string, newName: string) => Promise<any>;
+}
+
 export interface SchemaConfig {
   id: string;
   fields: Record<string, Field | undefined>;
@@ -112,6 +120,7 @@ export interface SchemaConfig {
   idField: string;
   extensible?: { filterable?: boolean } | null;
   containsPii?: boolean;
+  fieldActions?: FieldActions;
   actions: {
     get: (entityId: string) => Promise<any>;
     create: (newEntity: Record<string, any>) => Promise<any>;

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.378.0';
+export const version = 'patterns@1.381.0';