@wix/patterns 1.385.0 → 1.387.0

package/src/components/TagsFilter/TagsFilter.tsx

@@ -43,14 +43,16 @@ export const _TagsFilter = ({ filter }: TagsFilterProps) => {
         {},
         {
           serverErrorOverride: () => ({
-            message: t(
-              'cairo.tags.collectionPage.popover.loadTags.error.body',
-            ),
+            message: t('cairo.tags.collectionPage.popover.loadTags.error.body'),
           }),
         },
       );
 
-      return { items: result.items, cursor: result.cursor, hasNext: result.hasNext };
+      return {
+        items: result.items,
+        cursor: result.cursor,
+        hasNext: result.hasNext,
+      };
     },
   });
 

package/src/components/ToolbarItem/ToolbarItem.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ToolbarItem1722452606";
+var _namespace_ = "ToolbarItem3280184156";
 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":"ToolbarItem1722452606__root"};
+export var classes = {"root":"ToolbarItem3280184156__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/ToolbarItemBox/ToolbarItemBox.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ToolbarItemBox133583237";
+var _namespace_ = "ToolbarItemBox2347880808";
 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":"ToolbarItemBox133583237__root"};
+export var classes = {"root":"ToolbarItemBox2347880808__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/common.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "common1028938793";
+var _namespace_ = "common4202460000";
 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":"common1028938793__root","column":"common1028938793__column","fullHeight":"common1028938793__fullHeight"};
+export var classes = {"root":"common4202460000__root","column":"common4202460000__column","fullHeight":"common4202460000__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/index.ts

@@ -167,6 +167,13 @@ export { NestedTableDragAndDrop } from './components/NestedTableDragAndDrop/Nest
 export { DragAndDropSubmit, IndexedItem } from './components/DragAndDrop';
 
 export { DataExtension } from './components/DataExtension';
+export type {
+  SchemaConfig,
+  Field,
+  FieldSpec,
+  CategoryCollectionInfo,
+  PatternsFieldType,
+} from './types/SchemaConfig';
 export { transformCustomFiltersToWQL } from './components/CustomFieldsTransforms/transformCustomFiltersToWQL';
 export { transformOperatorFilterToWQL } from './components/CustomFieldsTransforms/transformOperatorFilterToWQL';
 export { transformSortToWQL } from './components/CustomFieldsTransforms/transformSortToWQL';

package/src/providers/{SchemaContext.tsx → SchemaContext.ts}

@@ -5,6 +5,8 @@ export type { FieldActions, SchemaConfig };
 
 export type SchemaContextValue = {
   schema: SchemaConfig;
+  addField?: () => void;
+  editField?: (fieldId: string) => void;
 };
 
 export const SchemaContext = createContext<SchemaContextValue | null>(null);

package/src/providers/SchemaProvider.tsx

@@ -0,0 +1,50 @@
+import React, { ReactNode, useMemo, useRef } from 'react';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { SchemaConfig } from '../types/SchemaConfig';
+import { SchemaContext, SchemaContextValue } from './SchemaContext';
+import { CmsFieldModalState } from '../components/CmsFieldManagement/CmsFieldModalState';
+import { CmsFieldModal } from '../components/CmsFieldManagement/CmsFieldModal';
+
+interface SchemaProviderProps {
+  schema: SchemaConfig;
+  children?: ReactNode;
+}
+
+export const SchemaProvider = ({ schema, children }: SchemaProviderProps) => {
+  const container = useWixPatternsContainer();
+
+  const schemaRef = useRef(schema);
+  schemaRef.current = schema;
+
+  const modalState = useMemo(
+    () =>
+      new CmsFieldModalState(
+        () => schemaRef.current,
+        (e) =>
+          container.errorHandler?.getResolvedError?.(e) ?? {
+            message: e instanceof Error ? e.message : String(e),
+          },
+      ),
+    [container],
+  );
+
+  const value = useMemo<SchemaContextValue>(
+    () => ({
+      schema,
+      ...(schema.fieldActions?.addField && {
+        addField: () => modalState.open(),
+      }),
+      ...(schema.fieldActions?.editField && {
+        editField: (fieldId: string) => modalState.open(fieldId),
+      }),
+    }),
+    [schema, modalState],
+  );
+
+  return (
+    <SchemaContext.Provider value={value}>
+      {children}
+      <CmsFieldModal state={modalState} />
+    </SchemaContext.Provider>
+  );
+};

package/src/providers/index.ts

@@ -12,3 +12,4 @@ export * from './ScrollableContentContext';
 export * from './DropdownTranslationProvider';
 export * from './FilterTranslationProvider';
 export * from './SchemaContext';
+export * from './SchemaProvider';

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionPageHeader111327493";
+var _namespace_ = "CollectionPageHeader2799500605";
 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":"CollectionPageHeader111327493__root"};
+export var classes = {"root":"CollectionPageHeader2799500605__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "FormPageHeader2640815121";
+var _namespace_ = "FormPageHeader2252844895";
 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":"FormPageHeader2640815121__root"};
+export var classes = {"root":"FormPageHeader2252844895__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer961813883__root.CardContainer961813883--mobile{border-radius:0}.Collapse1113190780__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse1113190780__exit{height:0}.CollectionPage455754444__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage455754444__root.CollectionPage455754444--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage455754444__root.CollectionPage455754444--panel{overflow:hidden;position:relative}.CollectionSectionHeader3073258850__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable1396111857__root td{vertical-align:middle}.CollectionTable1396111857__root.CollectionTable1396111857--mobile td:first-child{padding-left:18px}.CollectionTable1396111857__root.CollectionTable1396111857--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable1901056584__root.CollectionTableWSRTable1901056584--resizable table{min-width:100%}.CollectionTableWSRTable1901056584__root.CollectionTableWSRTable1901056584--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar3080676970__left{min-width:0}.CollectionToolbar3080676970__left.CollectionToolbar3080676970--expandable{flex:auto}.CollectionToolbar3080676970__left.CollectionToolbar3080676970--title>*{width:100%}.CollectionToolbar3080676970__root.CollectionToolbar3080676970---responsiveMode-5-title .CollectionToolbar3080676970__left{flex:1 100;min-width:50px}.CollectionToolbar3080676970__root.CollectionToolbar3080676970---responsiveMode-4-tabs .CollectionToolbar3080676970__left,.CollectionToolbar3080676970__root.CollectionToolbar3080676970---responsiveMode-4-tabs .CollectionToolbar3080676970__left.CollectionToolbar3080676970--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar3080676970__root.CollectionToolbar3080676970---responsiveMode-4-tabs .CollectionToolbar3080676970__left>*{flex-shrink:1;min-width:0}.CollectionToolbar3080676970__root .CollectionToolbar3080676970__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar3080676970__root.CollectionToolbar3080676970--views .CollectionToolbar3080676970__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar3080676970__root.CollectionToolbar3080676970---responsiveMode-4-tabs .CollectionToolbar3080676970__right,.CollectionToolbar3080676970__root.CollectionToolbar3080676970---responsiveMode-5-title .CollectionToolbar3080676970__right{flex:0 1 auto;min-width:0}.CollectionToolbar3080676970__root .CollectionToolbar3080676970__right.CollectionToolbar3080676970__fullWidth{margin-inline-start:0!important}.CollectionToolbar3080676970__root.CollectionToolbar3080676970--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter2278398807__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter2278398807__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter2278398807__searchMobile:not(.SearchOrCustomFilter2278398807--expandable){left:18px}.SearchOrCustomFilter2278398807__searchMobile.SearchOrCustomFilter2278398807--expandable.SearchOrCustomFilter2278398807--expanded{left:18px}.AutoCompleteReadonly3931859033__root.AutoCompleteReadonly3931859033--disableEditing{cursor:pointer}.AutoCompleteReadonly3931859033__root.AutoCompleteReadonly3931859033--disableEditing input{cursor:pointer}.ViewsDropdown1331904690__root{width:200px}.DragHandle1172498488__root{display:flex;align-items:center}.DragHandle1172498488__root:not(.DragHandle1172498488--disabled){cursor:grab;color:#a8caff}.DragHandle1172498488__root.DragHandle1172498488--disabled{color:#acafc4}.DragHandle1172498488__root:focus-visible:not(.DragHandle1172498488--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle1172498488__root.DragHandle1172498488--disabled{pointer-events:none}.DragHandle1172498488__root.DragHandle1172498488--dragging:not(.DragHandle1172498488--disabled){cursor:grabbing}td:has(>.EditableCell1155625107__root){position:relative;overflow:visible;min-height:24px}.EditableCell1155625107__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)}.EditableCell1155625107__root.EditableCell1155625107--selected{background:rgba(56,153,236,.08)}.EditableCell1155625107__root.EditableCell1155625107--focused:not(.EditableCell1155625107--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell1155625107__root.EditableCell1155625107--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}.EditableCell1155625107__root.EditableCell1155625107--editing:not(.EditableCell1155625107--showEditWhenFocused){bottom:auto;min-height:100%}.EditableCell1155625107__root:has([data-inner-focused]){overflow:visible;z-index:3;box-shadow:inset 0 0 0 2px var(--wsr-color-B10)}.EditableCell1155625107__root.EditableCell1155625107--selectionTop:not(.EditableCell1155625107--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell1155625107__root.EditableCell1155625107--selectionBottom:not(.EditableCell1155625107--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell1155625107__root.EditableCell1155625107--selectionLeft:not(.EditableCell1155625107--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell1155625107__root.EditableCell1155625107--selectionRight:not(.EditableCell1155625107--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell1155625107__root.EditableCell1155625107--selectionTop.EditableCell1155625107--editing.EditableCell1155625107--typeToEdit{border-top:2px solid var(--wsr-color-B10)}.EditableCell1155625107__root.EditableCell1155625107--selectionBottom.EditableCell1155625107--editing.EditableCell1155625107--typeToEdit{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell1155625107__root.EditableCell1155625107--selectionLeft.EditableCell1155625107--editing.EditableCell1155625107--typeToEdit{border-left:2px solid var(--wsr-color-B10)}.EditableCell1155625107__root.EditableCell1155625107--selectionRight.EditableCell1155625107--editing.EditableCell1155625107--typeToEdit{border-right:2px solid var(--wsr-color-B10)}.EditableCell1155625107__root.EditableCell1155625107--invalid:not(.EditableCell1155625107--editing){background:rgba(229,0,77,.06)}.EditableCell1155625107__root.EditableCell1155625107--copiedTop:not(.EditableCell1155625107--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell1155625107__root.EditableCell1155625107--copiedBottom:not(.EditableCell1155625107--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell1155625107__root.EditableCell1155625107--copiedLeft:not(.EditableCell1155625107--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell1155625107__root.EditableCell1155625107--copiedRight:not(.EditableCell1155625107--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell1155625107__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.HeaderActionsPopover1201989477__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover1201989477__root,.HeaderActionsPopover1201989477__root.HeaderActionsPopover1201989477--menuOpen,.HeaderActionsPopover1201989477__root:focus-within{opacity:1}.CellViewLayout2009506538__root{width:100%;height:100%;padding:9px 12px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout2009506538__root>*{flex:1;min-width:0}.Edit61999194__booleanEdit{display:flex;align-items:center;margin-left:12px}.View3386812290__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit2661826826__dateInput{width:100%;margin-left:-1px}.Edit3864650947__emailInput{width:100%;margin-left:-1px}.Edit2675310422__numberInput{width:100%;margin-right:2px}.Edit2675310422__numberInput input{text-align:right;direction:ltr}.View2223431657__textView{width:100%;text-align:right}.Edit423654692__jsonInput{width:100%;margin-left:-1px}.Edit1875718792__selectInput{width:100%}.Edit2819143298__editWrapper{width:100%}.Edit2819143298__inputArea{background-color:transparent;width:100%}.Edit2819143298__inputArea input{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit2819143298__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit2819143298__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit2819143298__inputArea:not(.Edit2819143298--isFocused) textarea{resize:none;overflow:hidden}.Edit2819143298__inputArea:not(.Edit2819143298--isFocused) textarea::-webkit-scrollbar{display:none}.Edit1290691174__urlInput{width:100%;margin-left:-1px}.View883440419__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View883440419__urlText{flex:1;min-width:0}.View883440419__suffix{flex-shrink:0;margin-left:10px}.View883440419__textView.View883440419--suffixOnHover:not(:hover) .View883440419__suffix{display:none}.EntityPagePlain304236719__root.EntityPagePlain304236719--mobile{--wds-page-header-padding-horizontal:0}.Fade2195398804__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade2195398804__root.Fade2195398804--exit{opacity:0}.Heading3124568521__root{visibility:visible}.Heading3124568521__root.Heading3124568521--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload2296702810__fileUpload{width:100%}.InputOverflow2297903710__root.InputOverflow2297903710--selected:not(.InputOverflow2297903710--focused) input::placeholder{color:#000624}@keyframes LoadingRow2049894941__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%}}.LoadingRow2049894941__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:LoadingRow2049894941__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1340995377__root{opacity:1}.MaxHeightText1340995377__root.MaxHeightText1340995377--height24{line-height:24px}.MaxLines3911774545__root{overflow:hidden}.MaxLines3911774545__root.MaxLines3911774545--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar1742506254__root{min-width:0}.MultiBulkActionToolbar1742506254__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar1742506254__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar1742506254__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow1083915680__root td{padding:0!important;width:100%}.NestedTableRow447893025__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow447893025__root:hover{background-color:#e7f0ff!important}.NestedTableRow447893025__root.NestedTableRow447893025--expandable{cursor:pointer}.NestedTableRow447893025__placeholder td{padding:0!important;width:100%}.NestedTableRow447893025__root:hover td:first-of-type::before,.NestedTableRow447893025__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2685672979__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)}.NestedTableDragAndDropRow1881623806__root.NestedTableDragAndDropRow1881623806--draggingInto td{background-color:#e7f0ff!important}.PickerContent125126466__root{display:flex}.PickerContentAdditionalStep2884149236__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2884149236__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3776807060__root{box-sizing:border-box}.ScrollableContent2351431343__root.ScrollableContent2351431343--overflowY{overflow-y:auto}.ScrollableContent2351431343__root.ScrollableContent2351431343--overflowX{overflow-x:auto}.ScrollableContent2351431343__root.ScrollableContent2351431343--smooth{scroll-behavior:smooth}.SkeletonCard472246820__headerLoading{display:block!important}.SlidingModal3963588508__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal3963588508__root.SlidingModal3963588508--overlay{transition:transform 0s ease 0s}.SlidingModal3963588508__root.SlidingModal3963588508---appendTo-6-parent{position:absolute}.SlidingModal3963588508__root:not(.SlidingModal3963588508--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter2765541283__root .TabsFilter2765541283__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter2765541283__root.TabsFilter2765541283--selected .TabsFilter2765541283__title,.TabsFilter2765541283__root:hover .TabsFilter2765541283__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal546157658__root{display:flex}.ToolbarItem1722452606__root{min-width:0}.ToolbarItemBox133583237__root{min-width:0}.ToolbarItemBox133583237__root.ToolbarItemBox133583237--removeStartPadding{margin-left:-24px}.ToolbarItemBox133583237__root.ToolbarItemBox133583237--expandable{flex:1 0}.common1028938793__column{display:flex;flex-direction:column}.common1028938793__fullHeight{height:100%;min-height:0}.CollectionPageHeader111327493__root:not(.CollectionPageHeader111327493--mobile){gap:12px}.CollectionPageHeader111327493__root.CollectionPageHeader111327493--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader111327493__root.CollectionPageHeader111327493--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader2640815121__root.FormPageHeader2640815121--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader2640815121__root.FormPageHeader2640815121--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer591728104__root.CardContainer591728104--mobile{border-radius:0}.Collapse1428355442__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse1428355442__exit{height:0}.CollectionPage163861846__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage163861846__root.CollectionPage163861846--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage163861846__root.CollectionPage163861846--panel{overflow:hidden;position:relative}.CollectionSectionHeader1525580931__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable3451955868__root td{vertical-align:middle}.CollectionTable3451955868__root.CollectionTable3451955868--mobile td:first-child{padding-left:18px}.CollectionTable3451955868__root.CollectionTable3451955868--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable1169438468__root.CollectionTableWSRTable1169438468--resizable table{min-width:100%}.CollectionTableWSRTable1169438468__root.CollectionTableWSRTable1169438468--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar2177108671__left{min-width:0}.CollectionToolbar2177108671__left.CollectionToolbar2177108671--expandable{flex:auto}.CollectionToolbar2177108671__left.CollectionToolbar2177108671--title>*{width:100%}.CollectionToolbar2177108671__root.CollectionToolbar2177108671---responsiveMode-5-title .CollectionToolbar2177108671__left{flex:1 100;min-width:50px}.CollectionToolbar2177108671__root.CollectionToolbar2177108671---responsiveMode-4-tabs .CollectionToolbar2177108671__left,.CollectionToolbar2177108671__root.CollectionToolbar2177108671---responsiveMode-4-tabs .CollectionToolbar2177108671__left.CollectionToolbar2177108671--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar2177108671__root.CollectionToolbar2177108671---responsiveMode-4-tabs .CollectionToolbar2177108671__left>*{flex-shrink:1;min-width:0}.CollectionToolbar2177108671__root .CollectionToolbar2177108671__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2177108671__root.CollectionToolbar2177108671--views .CollectionToolbar2177108671__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2177108671__root.CollectionToolbar2177108671---responsiveMode-4-tabs .CollectionToolbar2177108671__right,.CollectionToolbar2177108671__root.CollectionToolbar2177108671---responsiveMode-5-title .CollectionToolbar2177108671__right{flex:0 1 auto;min-width:0}.CollectionToolbar2177108671__root .CollectionToolbar2177108671__right.CollectionToolbar2177108671__fullWidth{margin-inline-start:0!important}.CollectionToolbar2177108671__root.CollectionToolbar2177108671--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter1260543788__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1260543788__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter1260543788__searchMobile:not(.SearchOrCustomFilter1260543788--expandable){left:18px}.SearchOrCustomFilter1260543788__searchMobile.SearchOrCustomFilter1260543788--expandable.SearchOrCustomFilter1260543788--expanded{left:18px}.AutoCompleteReadonly14725273__root.AutoCompleteReadonly14725273--disableEditing{cursor:pointer}.AutoCompleteReadonly14725273__root.AutoCompleteReadonly14725273--disableEditing input{cursor:pointer}.ViewsDropdown2478443290__root{width:200px}.DragHandle3290013460__root{display:flex;align-items:center}.DragHandle3290013460__root:not(.DragHandle3290013460--disabled){cursor:grab;color:#a8caff}.DragHandle3290013460__root.DragHandle3290013460--disabled{color:#acafc4}.DragHandle3290013460__root:focus-visible:not(.DragHandle3290013460--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3290013460__root.DragHandle3290013460--disabled{pointer-events:none}.DragHandle3290013460__root.DragHandle3290013460--dragging:not(.DragHandle3290013460--disabled){cursor:grabbing}td:has(>.EditableCell3900691882__root){position:relative;overflow:visible;min-height:24px}.EditableCell3900691882__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)}.EditableCell3900691882__root.EditableCell3900691882--selected{background:rgba(56,153,236,.08)}.EditableCell3900691882__root.EditableCell3900691882--focused:not(.EditableCell3900691882--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell3900691882__root.EditableCell3900691882--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}.EditableCell3900691882__root.EditableCell3900691882--editing:not(.EditableCell3900691882--showEditWhenFocused){bottom:auto;min-height:100%}.EditableCell3900691882__root:has([data-inner-focused]){overflow:visible;z-index:3;box-shadow:inset 0 0 0 2px var(--wsr-color-B10)}.EditableCell3900691882__root.EditableCell3900691882--selectionTop:not(.EditableCell3900691882--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell3900691882__root.EditableCell3900691882--selectionBottom:not(.EditableCell3900691882--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell3900691882__root.EditableCell3900691882--selectionLeft:not(.EditableCell3900691882--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell3900691882__root.EditableCell3900691882--selectionRight:not(.EditableCell3900691882--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell3900691882__root.EditableCell3900691882--selectionTop.EditableCell3900691882--editing.EditableCell3900691882--typeToEdit{border-top:2px solid var(--wsr-color-B10)}.EditableCell3900691882__root.EditableCell3900691882--selectionBottom.EditableCell3900691882--editing.EditableCell3900691882--typeToEdit{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell3900691882__root.EditableCell3900691882--selectionLeft.EditableCell3900691882--editing.EditableCell3900691882--typeToEdit{border-left:2px solid var(--wsr-color-B10)}.EditableCell3900691882__root.EditableCell3900691882--selectionRight.EditableCell3900691882--editing.EditableCell3900691882--typeToEdit{border-right:2px solid var(--wsr-color-B10)}.EditableCell3900691882__root.EditableCell3900691882--invalid:not(.EditableCell3900691882--editing){background:rgba(229,0,77,.06)}.EditableCell3900691882__root.EditableCell3900691882--copiedTop:not(.EditableCell3900691882--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell3900691882__root.EditableCell3900691882--copiedBottom:not(.EditableCell3900691882--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell3900691882__root.EditableCell3900691882--copiedLeft:not(.EditableCell3900691882--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell3900691882__root.EditableCell3900691882--copiedRight:not(.EditableCell3900691882--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell3900691882__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.HeaderActionsPopover3638225715__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover3638225715__root,.HeaderActionsPopover3638225715__root.HeaderActionsPopover3638225715--menuOpen,.HeaderActionsPopover3638225715__root:focus-within{opacity:1}.CellViewLayout3566532917__root{width:100%;height:100%;padding:9px 12px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout3566532917__root>*{flex:1;min-width:0}.Edit3615457965__booleanEdit{display:flex;align-items:center;margin-left:12px}.View3415268382__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit2107511674__dateInput{width:100%;margin-left:-1px}.Edit1408306505__emailInput{width:100%;margin-left:-1px}.Edit116111444__numberInput{width:100%;margin-right:2px}.Edit116111444__numberInput input{text-align:right;direction:ltr}.View1858866971__textView{width:100%;text-align:right}.Edit527273855__jsonInput{width:100%;margin-left:-1px}.Edit1946452762__selectInput{width:100%}.Edit444568143__editWrapper{width:100%}.Edit444568143__inputArea{background-color:transparent;width:100%}.Edit444568143__inputArea input{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit444568143__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit444568143__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit444568143__inputArea:not(.Edit444568143--isFocused) textarea{resize:none;overflow:hidden}.Edit444568143__inputArea:not(.Edit444568143--isFocused) textarea::-webkit-scrollbar{display:none}.Edit560649002__urlInput{width:100%;margin-left:-1px}.View3802501682__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View3802501682__urlText{flex:1;min-width:0}.View3802501682__suffix{flex-shrink:0;margin-left:10px}.View3802501682__textView.View3802501682--suffixOnHover:not(:hover) .View3802501682__suffix{display:none}.EntityPagePlain681429844__root.EntityPagePlain681429844--mobile{--wds-page-header-padding-horizontal:0}.Fade4043886153__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade4043886153__root.Fade4043886153--exit{opacity:0}.Heading3062876130__root{visibility:visible}.Heading3062876130__root.Heading3062876130--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload3828955019__fileUpload{width:100%}.InputOverflow1147860988__root.InputOverflow1147860988--selected:not(.InputOverflow1147860988--focused) input::placeholder{color:#000624}@keyframes LoadingRow3732638543__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%}}.LoadingRow3732638543__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:LoadingRow3732638543__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2833716073__root{opacity:1}.MaxHeightText2833716073__root.MaxHeightText2833716073--height24{line-height:24px}.MaxLines2918359679__root{overflow:hidden}.MaxLines2918359679__root.MaxLines2918359679--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar4201128667__root{min-width:0}.MultiBulkActionToolbar4201128667__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar4201128667__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar4201128667__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow3795561005__root td{padding:0!important;width:100%}.NestedTableRow4145297049__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow4145297049__root:hover{background-color:#e7f0ff!important}.NestedTableRow4145297049__root.NestedTableRow4145297049--expandable{cursor:pointer}.NestedTableRow4145297049__placeholder td{padding:0!important;width:100%}.NestedTableRow4145297049__root:hover td:first-of-type::before,.NestedTableRow4145297049__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect124075843__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)}.NestedTableDragAndDropRow2583153299__root.NestedTableDragAndDropRow2583153299--draggingInto td{background-color:#e7f0ff!important}.PickerContent142245375__root{display:flex}.PickerContentAdditionalStep3927095749__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3927095749__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem1608188941__root{box-sizing:border-box}.ScrollableContent452829219__root.ScrollableContent452829219--overflowY{overflow-y:auto}.ScrollableContent452829219__root.ScrollableContent452829219--overflowX{overflow-x:auto}.ScrollableContent452829219__root.ScrollableContent452829219--smooth{scroll-behavior:smooth}.SkeletonCard1862786481__headerLoading{display:block!important}.SlidingModal3640650316__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal3640650316__root.SlidingModal3640650316--overlay{transition:transform 0s ease 0s}.SlidingModal3640650316__root.SlidingModal3640650316---appendTo-6-parent{position:absolute}.SlidingModal3640650316__root:not(.SlidingModal3640650316--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter100310117__root .TabsFilter100310117__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter100310117__root.TabsFilter100310117--selected .TabsFilter100310117__title,.TabsFilter100310117__root:hover .TabsFilter100310117__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal3725940786__root{display:flex}.ToolbarItem3280184156__root{min-width:0}.ToolbarItemBox2347880808__root{min-width:0}.ToolbarItemBox2347880808__root.ToolbarItemBox2347880808--removeStartPadding{margin-left:-24px}.ToolbarItemBox2347880808__root.ToolbarItemBox2347880808--expandable{flex:1 0}.common4202460000__column{display:flex;flex-direction:column}.common4202460000__fullHeight{height:100%;min-height:0}.CollectionPageHeader2799500605__root:not(.CollectionPageHeader2799500605--mobile){gap:12px}.CollectionPageHeader2799500605__root.CollectionPageHeader2799500605--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2799500605__root.CollectionPageHeader2799500605--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader2252844895__root.FormPageHeader2252844895--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader2252844895__root.FormPageHeader2252844895--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/types/SchemaConfig.ts

@@ -42,6 +42,8 @@ export type QueryOperator =
 interface BaseField {
   id: string;
   displayName: string;
+  isPii?: boolean;
+  helpText?: string;
   validation?: {
     numberRange?: NumberRange;
     stringLengthRange?: StringLengthRange;
@@ -72,6 +74,12 @@ export interface NonReferenceField extends BaseField {
 }
 
 export type Field = ReferenceField | MultiReferenceField | NonReferenceField;
+export type FieldSpec = Omit<Field, 'id'>;
+
+export interface CategoryCollectionInfo {
+  collectionId: string;
+  displayName: string;
+}
 
 export interface NumberRange {
   min?: number;

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.385.0';
+export const version = 'patterns@1.387.0';