@wix/patterns 1.383.0 → 1.387.0

package/src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts

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

package/src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts

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

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

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

package/src/components/PickerContent/PickerContentAdditionalStep.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContentAdditionalStep1576094083";
+var _namespace_ = "PickerContentAdditionalStep3927095749";
 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":"PickerContentAdditionalStep1576094083__root","titles":"PickerContentAdditionalStep1576094083__titles","suffix":"PickerContentAdditionalStep1576094083__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep3927095749__root","titles":"PickerContentAdditionalStep3927095749__titles","suffix":"PickerContentAdditionalStep3927095749__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

package/src/components/SchemaCard/SchemaCard.tsx

@@ -1,4 +1,4 @@
-import React, { ReactNode, useMemo } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import { Button, Card, CardProps } from '@wix/design-system';
 import { observer } from 'mobx-react-lite';
 import { useWixPatternsContainer, usePageContext } from '@wix/bex-core/react';
@@ -6,31 +6,51 @@ import { SidePanelsState } from '../../state/SidePanelsState';
 import { CustomColumnsEntityPageState } from '../../state/CustomColumnsEntityPageState';
 import { CustomColumnsEntityPageCTA } from '../CustomColumnsPanel/CustomColumnsEntityPageCTA';
 import { useSchemaContext } from '../../providers/SchemaContext';
-import { useSchemaCardContext } from '../../providers/SchemaCardContext';
 import { CustomColumnsDragAndDrop } from '../CustomColumns/CustomColumnsDragAndDrop';
+import { SchemaCardState } from '../../state/SchemaCard/SchemaCardState';
 
 export interface SchemaCardProps extends Omit<CardProps, 'children'> {
   title: string;
   subtitle?: string;
-  collectionId: string;
-  children?: ReactNode;
+  renderField: (fieldId: string) => React.ReactNode;
 }
 
 function _SchemaCard({
   title,
   subtitle,
-  collectionId,
-  children,
+  renderField,
   ...rest
 }: SchemaCardProps) {
   const container = useWixPatternsContainer();
   const { translate: t } = container;
-  const schemaCardState = useSchemaCardContext();
-  const fieldsState = schemaCardState?.fieldsState;
   const { modalsContainerRef } = usePageContext();
   const schemaContext = useSchemaContext();
   const schema = schemaContext?.schema;
 
+  const fields = useMemo(
+    () =>
+      schema
+        ? Object.keys(schema.fields)
+            .filter((id) => schema.fields[id])
+            .map((id) => ({ id }))
+        : [],
+    [schema?.fields],
+  );
+
+  const [schemaCardState] = useState(() =>
+    schema && fields.length > 0
+      ? new SchemaCardState({
+          fields,
+          persistencyKey: schema.id,
+          container,
+        })
+      : null,
+  );
+
+  useEffect(() => schemaCardState?.init(), []);
+
+  const fieldsState = schemaCardState?.fieldsState;
+
   const state = useMemo(() => {
     if (!fieldsState || !schema) {
       return null;
@@ -69,7 +89,12 @@ function _SchemaCard({
         }
       />
       <Card.Divider />
-      <Card.Content>{children}</Card.Content>
+      <Card.Content>
+        {fieldsState &&
+          fieldsState.orderedFields
+            .filter((f) => fieldsState.isFieldVisible(f.id))
+            .map((f) => renderField(f.id))}
+      </Card.Content>
       {state && <CustomColumnsEntityPageCTA state={state} />}
     </Card>
   );

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SkeletonCard481946365";
+var _namespace_ = "SkeletonCard1862786481";
 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":"SkeletonCard481946365__root","headerLoading":"SkeletonCard481946365__headerLoading"};
+export var classes = {"root":"SkeletonCard1862786481__root","headerLoading":"SkeletonCard1862786481__headerLoading"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TabsFilter1344429634";
+var _namespace_ = "TabsFilter100310117";
 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":"TabsFilter1344429634__root","title":"TabsFilter1344429634__title"};
+export var classes = {"root":"TabsFilter100310117__root","title":"TabsFilter100310117__title"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "ManageTagsModal3904094043";
+var _namespace_ = "ManageTagsModal3725940786";
 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":"ManageTagsModal3904094043__root"};
+export var classes = {"root":"ManageTagsModal3725940786__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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_ = "ToolbarItem2103185627";
+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":"ToolbarItem2103185627__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_ = "ToolbarItemBox1161667261";
+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":"ToolbarItemBox1161667261__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_ = "common773516301";
+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":"common773516301__root","column":"common773516301__column","fullHeight":"common773516301__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,4 +12,4 @@ export * from './ScrollableContentContext';
 export * from './DropdownTranslationProvider';
 export * from './FilterTranslationProvider';
 export * from './SchemaContext';
-export * from './SchemaCardContext';
+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_ = "CollectionPageHeader3631838910";
+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":"CollectionPageHeader3631838910__root"};
+export var classes = {"root":"CollectionPageHeader2799500605__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/state/CustomColumnsEntityPageState.ts

@@ -21,7 +21,10 @@ export interface CustomColumnsEntityPageStateParams {
   };
 }
 
-function fieldToColumn(field: Field, hideable: boolean): Column {
+function fieldToColumn(
+  field: Field & { isPii?: boolean; isSystem?: boolean; isPrimary?: boolean },
+  hideable: boolean,
+): Column {
   return {
     id: field.id,
     name: field.displayName,
@@ -29,6 +32,9 @@ function fieldToColumn(field: Field, hideable: boolean): Column {
     render: () => null,
     fieldType: field.type as Column['fieldType'],
     hideable,
+    isPii: field.isPii,
+    isSystem: field.isSystem,
+    isPrimary: field.isPrimary,
     validation: field.validation?.required
       ? [{ type: 'required' as const, message: '' }]
       : undefined,
@@ -90,14 +96,15 @@ export class CustomColumnsEntityPageState extends CustomColumnsPanelStateBase {
   }
 
   get orderedColumns(): Column[] {
-    const { fields, displayField } = this._schema;
+    const { fields } = this._schema;
     return this.fieldsState.orderedFields
       .map((viewConfig) => {
         const field = fields[viewConfig.id];
         if (!field) {
           return null;
         }
-        const hideable = field.id !== displayField;
+        const isRequired = field.validation?.required === true;
+        const hideable = !isRequired;
         return fieldToColumn(field, hideable);
       })
       .filter(Boolean) as Column[];

package/src/state/EditableTable/index.ts

@@ -8,4 +8,10 @@ export type {
 
 export type { EditableTableMutationHandlers } from './MutationState';
 
-export type { Cell, ValidationResult, CellType, EditableColumn } from './types';
+export type {
+  Cell,
+  ValidationResult,
+  CellType,
+  EditableColumn,
+  CellTypeConfigMap,
+} from './types';

package/src/state/EditableTable/types.ts

@@ -99,6 +99,7 @@ export interface CellTypeConfigMap {
   richContent: never;
   video: never;
   richText: RichTextCellTypeConfig;
+  mediaGallery: never;
   custom: Omit<CellType, 'type'>;
 }
 

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

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

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer3262268774__root.CardContainer3262268774--mobile{border-radius:0}.Collapse1759116046__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse1759116046__exit{height:0}.CollectionPage3859026297__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage3859026297__root.CollectionPage3859026297--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage3859026297__root.CollectionPage3859026297--panel{overflow:hidden;position:relative}.CollectionSectionHeader2325654747__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable2994927878__root td{vertical-align:middle}.CollectionTable2994927878__root.CollectionTable2994927878--mobile td:first-child{padding-left:18px}.CollectionTable2994927878__root.CollectionTable2994927878--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable216721661__root.CollectionTableWSRTable216721661--resizable table{min-width:100%}.CollectionTableWSRTable216721661__root.CollectionTableWSRTable216721661--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar1333720175__left{min-width:0}.CollectionToolbar1333720175__left.CollectionToolbar1333720175--expandable{flex:auto}.CollectionToolbar1333720175__left.CollectionToolbar1333720175--title>*{width:100%}.CollectionToolbar1333720175__root.CollectionToolbar1333720175---responsiveMode-5-title .CollectionToolbar1333720175__left{flex:1 100;min-width:50px}.CollectionToolbar1333720175__root.CollectionToolbar1333720175---responsiveMode-4-tabs .CollectionToolbar1333720175__left,.CollectionToolbar1333720175__root.CollectionToolbar1333720175---responsiveMode-4-tabs .CollectionToolbar1333720175__left.CollectionToolbar1333720175--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar1333720175__root.CollectionToolbar1333720175---responsiveMode-4-tabs .CollectionToolbar1333720175__left>*{flex-shrink:1;min-width:0}.CollectionToolbar1333720175__root .CollectionToolbar1333720175__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1333720175__root.CollectionToolbar1333720175--views .CollectionToolbar1333720175__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1333720175__root.CollectionToolbar1333720175---responsiveMode-4-tabs .CollectionToolbar1333720175__right,.CollectionToolbar1333720175__root.CollectionToolbar1333720175---responsiveMode-5-title .CollectionToolbar1333720175__right{flex:0 1 auto;min-width:0}.CollectionToolbar1333720175__root .CollectionToolbar1333720175__right.CollectionToolbar1333720175__fullWidth{margin-inline-start:0!important}.CollectionToolbar1333720175__root.CollectionToolbar1333720175--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter3222619344__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3222619344__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter3222619344__searchMobile:not(.SearchOrCustomFilter3222619344--expandable){left:18px}.SearchOrCustomFilter3222619344__searchMobile.SearchOrCustomFilter3222619344--expandable.SearchOrCustomFilter3222619344--expanded{left:18px}.AutoCompleteReadonly4291045559__root.AutoCompleteReadonly4291045559--disableEditing{cursor:pointer}.AutoCompleteReadonly4291045559__root.AutoCompleteReadonly4291045559--disableEditing input{cursor:pointer}.ViewsDropdown3683418456__root{width:200px}.DragHandle1337604321__root{display:flex;align-items:center}.DragHandle1337604321__root:not(.DragHandle1337604321--disabled){cursor:grab;color:#a8caff}.DragHandle1337604321__root.DragHandle1337604321--disabled{color:#acafc4}.DragHandle1337604321__root:focus-visible:not(.DragHandle1337604321--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle1337604321__root.DragHandle1337604321--disabled{pointer-events:none}.DragHandle1337604321__root.DragHandle1337604321--dragging:not(.DragHandle1337604321--disabled){cursor:grabbing}td:has(>.EditableCell2516259688__root){position:relative;overflow:visible;min-height:24px}.EditableCell2516259688__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)}.EditableCell2516259688__root.EditableCell2516259688--selected{background:rgba(56,153,236,.08)}.EditableCell2516259688__root.EditableCell2516259688--focused:not(.EditableCell2516259688--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell2516259688__root.EditableCell2516259688--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}.EditableCell2516259688__root.EditableCell2516259688--editing:not(.EditableCell2516259688--showEditWhenFocused){bottom:auto;min-height:100%}.EditableCell2516259688__root:has([data-inner-focused]){overflow:visible;z-index:3;box-shadow:inset 0 0 0 2px var(--wsr-color-B10)}.EditableCell2516259688__root.EditableCell2516259688--selectionTop:not(.EditableCell2516259688--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell2516259688__root.EditableCell2516259688--selectionBottom:not(.EditableCell2516259688--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell2516259688__root.EditableCell2516259688--selectionLeft:not(.EditableCell2516259688--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell2516259688__root.EditableCell2516259688--selectionRight:not(.EditableCell2516259688--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell2516259688__root.EditableCell2516259688--selectionTop.EditableCell2516259688--editing.EditableCell2516259688--typeToEdit{border-top:2px solid var(--wsr-color-B10)}.EditableCell2516259688__root.EditableCell2516259688--selectionBottom.EditableCell2516259688--editing.EditableCell2516259688--typeToEdit{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell2516259688__root.EditableCell2516259688--selectionLeft.EditableCell2516259688--editing.EditableCell2516259688--typeToEdit{border-left:2px solid var(--wsr-color-B10)}.EditableCell2516259688__root.EditableCell2516259688--selectionRight.EditableCell2516259688--editing.EditableCell2516259688--typeToEdit{border-right:2px solid var(--wsr-color-B10)}.EditableCell2516259688__root.EditableCell2516259688--invalid:not(.EditableCell2516259688--editing){background:rgba(229,0,77,.06)}.EditableCell2516259688__root.EditableCell2516259688--copiedTop:not(.EditableCell2516259688--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell2516259688__root.EditableCell2516259688--copiedBottom:not(.EditableCell2516259688--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell2516259688__root.EditableCell2516259688--copiedLeft:not(.EditableCell2516259688--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell2516259688__root.EditableCell2516259688--copiedRight:not(.EditableCell2516259688--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell2516259688__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.HeaderActionsPopover1022224764__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover1022224764__root,.HeaderActionsPopover1022224764__root.HeaderActionsPopover1022224764--menuOpen,.HeaderActionsPopover1022224764__root:focus-within{opacity:1}.CellViewLayout3505764986__root{width:100%;height:100%;padding:9px 12px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout3505764986__root>*{flex:1;min-width:0}.Edit3947072120__booleanEdit{display:flex;align-items:center;margin-left:12px}.View3297492583__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit3940684260__dateInput{width:100%;margin-left:-1px}.Edit3553603124__emailInput{width:100%;margin-left:-1px}.Edit2017827502__numberInput{width:100%;margin-right:2px}.Edit2017827502__numberInput input{text-align:right;direction:ltr}.View3054859381__textView{width:100%;text-align:right}.Edit63798164__jsonInput{width:100%;margin-left:-1px}.Edit418146851__selectInput{width:100%}.Edit1604167401__editWrapper{width:100%}.Edit1604167401__inputArea{background-color:transparent;width:100%}.Edit1604167401__inputArea input{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit1604167401__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit1604167401__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit1604167401__inputArea:not(.Edit1604167401--isFocused) textarea{resize:none;overflow:hidden}.Edit1604167401__inputArea:not(.Edit1604167401--isFocused) textarea::-webkit-scrollbar{display:none}.Edit909677896__urlInput{width:100%;margin-left:-1px}.View2739012257__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View2739012257__urlText{flex:1;min-width:0}.View2739012257__suffix{flex-shrink:0;margin-left:10px}.View2739012257__textView.View2739012257--suffixOnHover:not(:hover) .View2739012257__suffix{display:none}.EntityPagePlain3648740532__root.EntityPagePlain3648740532--mobile{--wds-page-header-padding-horizontal:0}.Fade2798601334__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade2798601334__root.Fade2798601334--exit{opacity:0}.Heading4283394978__root{visibility:visible}.Heading4283394978__root.Heading4283394978--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload1956915583__fileUpload{width:100%}.InputOverflow1386444251__root.InputOverflow1386444251--selected:not(.InputOverflow1386444251--focused) input::placeholder{color:#000624}@keyframes LoadingRow2729170404__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%}}.LoadingRow2729170404__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:LoadingRow2729170404__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2113493883__root{opacity:1}.MaxHeightText2113493883__root.MaxHeightText2113493883--height24{line-height:24px}.MaxLines1510031160__root{overflow:hidden}.MaxLines1510031160__root.MaxLines1510031160--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar4183797324__root{min-width:0}.MultiBulkActionToolbar4183797324__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar4183797324__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar4183797324__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow2460991905__root td{padding:0!important;width:100%}.NestedTableRow854086528__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow854086528__root:hover{background-color:#e7f0ff!important}.NestedTableRow854086528__root.NestedTableRow854086528--expandable{cursor:pointer}.NestedTableRow854086528__placeholder td{padding:0!important;width:100%}.NestedTableRow854086528__root:hover td:first-of-type::before,.NestedTableRow854086528__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect1743193237__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)}.NestedTableDragAndDropRow3974094863__root.NestedTableDragAndDropRow3974094863--draggingInto td{background-color:#e7f0ff!important}.PickerContent2887726794__root{display:flex}.PickerContentAdditionalStep1576094083__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1576094083__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2588850123__root{box-sizing:border-box}.ScrollableContent2016380871__root.ScrollableContent2016380871--overflowY{overflow-y:auto}.ScrollableContent2016380871__root.ScrollableContent2016380871--overflowX{overflow-x:auto}.ScrollableContent2016380871__root.ScrollableContent2016380871--smooth{scroll-behavior:smooth}.SkeletonCard481946365__headerLoading{display:block!important}.SlidingModal2781577429__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal2781577429__root.SlidingModal2781577429--overlay{transition:transform 0s ease 0s}.SlidingModal2781577429__root.SlidingModal2781577429---appendTo-6-parent{position:absolute}.SlidingModal2781577429__root:not(.SlidingModal2781577429--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter1344429634__root .TabsFilter1344429634__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter1344429634__root.TabsFilter1344429634--selected .TabsFilter1344429634__title,.TabsFilter1344429634__root:hover .TabsFilter1344429634__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal3904094043__root{display:flex}.ToolbarItem2103185627__root{min-width:0}.ToolbarItemBox1161667261__root{min-width:0}.ToolbarItemBox1161667261__root.ToolbarItemBox1161667261--removeStartPadding{margin-left:-24px}.ToolbarItemBox1161667261__root.ToolbarItemBox1161667261--expandable{flex:1 0}.common773516301__column{display:flex;flex-direction:column}.common773516301__fullHeight{height:100%;min-height:0}.CollectionPageHeader3631838910__root:not(.CollectionPageHeader3631838910--mobile){gap:12px}.CollectionPageHeader3631838910__root.CollectionPageHeader3631838910--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3631838910__root.CollectionPageHeader3631838910--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3143155106__root.FormPageHeader3143155106--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3143155106__root.FormPageHeader3143155106--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.383.0';
+export const version = 'patterns@1.387.0';

package/dist/cjs/providers/SchemaCardContext.js

@@ -1,12 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.useSchemaCardContext = exports.schemaCardContext = exports.SchemaCardProvider = exports.SchemaCardConsumer = void 0;
-var _react = require("react");
-const context = /*#__PURE__*/(0, _react.createContext)(null);
-const schemaCardContext = exports.schemaCardContext = context;
-const SchemaCardProvider = exports.SchemaCardProvider = context.Provider;
-const SchemaCardConsumer = exports.SchemaCardConsumer = context.Consumer;
-const useSchemaCardContext = () => (0, _react.useContext)(schemaCardContext);
-exports.useSchemaCardContext = useSchemaCardContext;
-//# sourceMappingURL=SchemaCardContext.js.map

package/dist/cjs/providers/SchemaCardContext.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","context","createContext","schemaCardContext","exports","SchemaCardProvider","Provider","SchemaCardConsumer","Consumer","useSchemaCardContext","useContext"],"sources":["../../../src/providers/SchemaCardContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport type { SchemaCardState } from '../state/SchemaCard/SchemaCardState';\n\nconst context = createContext<SchemaCardState | null>(null);\n\nexport const schemaCardContext = context;\nexport const SchemaCardProvider = context.Provider;\nexport const SchemaCardConsumer = context.Consumer;\n\nexport const useSchemaCardContext = () => useContext(schemaCardContext);\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGA,MAAMC,OAAO,gBAAG,IAAAC,oBAAa,EAAyB,IAAI,CAAC;AAEpD,MAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAGF,OAAO;AACjC,MAAMI,kBAAkB,GAAAD,OAAA,CAAAC,kBAAA,GAAGJ,OAAO,CAACK,QAAQ;AAC3C,MAAMC,kBAAkB,GAAAH,OAAA,CAAAG,kBAAA,GAAGN,OAAO,CAACO,QAAQ;AAE3C,MAAMC,oBAAoB,GAAGA,CAAA,KAAM,IAAAC,iBAAU,EAACP,iBAAiB,CAAC;AAACC,OAAA,CAAAK,oBAAA,GAAAA,oBAAA","ignoreList":[]}