@wix/patterns 1.422.0 → 1.424.0

package/src/state/buildFieldFilters.tsx

@@ -0,0 +1,136 @@
+import React from 'react';
+import {
+  dateRangeFilter,
+  idNameArrayFilter,
+  numberRangeFilter,
+  stringOperatorFilter,
+} from '@wix/bex-core';
+import type {
+  Field,
+  Filter,
+  FilterStateBaseParams,
+  FilterOperator,
+  PatternsFieldType,
+} from '@wix/bex-core';
+import type { ToolbarCollectionState } from './ToolbarCollectionState';
+import type { FilterElement } from '../components/CollectionToolbarFilters';
+import { toFieldType } from '../utils/fieldTypePrefixIcons';
+import { CheckboxCustomFieldFilter } from '../components/CustomFieldFilters/CheckboxCustomFieldFilter';
+import { DateCustomFieldFilter } from '../components/CustomFieldFilters/DateCustomFieldFilter';
+import { DateTimeCustomFieldFilter } from '../components/CustomFieldFilters/DateTimeCustomFieldFilter';
+import { OperatorFilterCustomFieldFilter } from '../components/CustomFieldFilters/OperatorFilterCustomFieldFilter';
+import { NumberRangeFilter } from '../components/NumberRangeFilter';
+
+type FilterFactory = (
+  params: Partial<FilterStateBaseParams<any>>,
+) => Filter<any>;
+
+/**
+ * The filter behavior a source supplies that the shared builder can't derive
+ * from the neutral field type. The neutral type collapses distinct source types
+ * (e.g. a DataExtension dropdown into SHORT_TEXT), so the source fills the gaps.
+ */
+export interface FieldFilterConfig {
+  /** Operators the source's backend can run on text fields. */
+  textOperators: FilterOperator[];
+  /** Whether a NUMBER field's filter accepts decimals. Default: false. */
+  numberIsDecimal?: (field: Field) => boolean;
+  /** Filter type icon. Default: derived from the neutral field type. */
+  iconType?: (field: Field) => ReturnType<typeof toFieldType>;
+}
+
+// Field type → the filter element rendered in the toolbar. Its keys also define
+// which field types get an auto filter (see isFilterableFieldType).
+const FILTER_COMPONENT_BY_TYPE: Partial<
+  Record<PatternsFieldType, React.ComponentType<any>>
+> = {
+  SHORT_TEXT: OperatorFilterCustomFieldFilter,
+  LONG_TEXT: OperatorFilterCustomFieldFilter,
+  URL: OperatorFilterCustomFieldFilter,
+  NUMBER: NumberRangeFilter,
+  BOOLEAN: CheckboxCustomFieldFilter,
+  DATE: DateCustomFieldFilter,
+  DATETIME: DateTimeCustomFieldFilter,
+};
+
+// Field type → the filter state registered on the collection query. Text fields
+// use the source's allowed operators; the rest are fixed.
+const filterFactoryByType = (
+  config: FieldFilterConfig,
+): Partial<Record<PatternsFieldType, FilterFactory>> => {
+  const stringFilter: FilterFactory = (params) =>
+    stringOperatorFilter({ ...params, allowedOperators: config.textOperators });
+  return {
+    SHORT_TEXT: stringFilter,
+    LONG_TEXT: stringFilter,
+    URL: stringFilter,
+    NUMBER: numberRangeFilter,
+    BOOLEAN: idNameArrayFilter,
+    DATE: dateRangeFilter,
+    DATETIME: dateRangeFilter,
+  };
+};
+
+/** A field gets an auto filter when its type maps to a filter element. */
+export const isFilterableFieldType = (type: PatternsFieldType): boolean =>
+  type in FILTER_COMPONENT_BY_TYPE;
+
+/**
+ * Registers a filter state per filterable field on the collection query, so the
+ * built elements have a filter to read. Idempotent — addFilterIfNeeded skips a
+ * field that is already registered.
+ */
+export const registerFieldFilters = (
+  toolbar: ToolbarCollectionState<any, any>,
+  fields: Field[],
+  config: FieldFilterConfig,
+): void => {
+  const factoryByType = filterFactoryByType(config);
+  fields.forEach((field) => {
+    const factory = factoryByType[field.type];
+    if (!factory) {
+      return;
+    }
+    toolbar.collection.query.addFilterIfNeeded(
+      field.id as any,
+      factory({ name: field.id, isCustomField: true }),
+    );
+  });
+};
+
+/** Builds the toolbar filter element for a field, or null when it has none. */
+const buildFieldFilterElement = (
+  toolbar: ToolbarCollectionState<any, any>,
+  field: Field,
+  config: FieldFilterConfig,
+): FilterElement | null => {
+  const FilterComponent = FILTER_COMPONENT_BY_TYPE[field.type];
+  const filter = toolbar.collection.filters[field.id];
+  if (!FilterComponent || !filter) {
+    return null;
+  }
+  const label = field.displayName || field.id;
+  const decimal =
+    field.type === 'NUMBER' ? config.numberIsDecimal?.(field) : false;
+  return (
+    <FilterComponent
+      key={field.id}
+      filter={filter}
+      fieldType={config.iconType?.(field) ?? toFieldType(field.type)}
+      accordionItemProps={{ label }}
+      toolbarItemProps={{ label }}
+      toolbarTagProps={{ label }}
+      {...(decimal ? { decimal: true } : {})}
+    />
+  ) as FilterElement;
+};
+
+/** Builds the toolbar filter elements for a source's filterable fields. */
+export const buildFieldFilters = (
+  toolbar: ToolbarCollectionState<any, any>,
+  fields: Field[],
+  config: FieldFilterConfig,
+): FilterElement[] =>
+  fields
+    .map((field) => buildFieldFilterElement(toolbar, field, config))
+    .filter((el): el is FilterElement => el !== null);

package/src/state/handleFieldsSourceLoadError.ts

@@ -0,0 +1,69 @@
+import { WixPatternsError, withoutDefaults } from '@wix/bex-core';
+import type {
+  ReportBI,
+  WixPatternsContainer,
+  WixPatternsErrorCode,
+} from '@wix/bex-core';
+import {
+  cairoErrorInLoadingAComponent,
+  cairoTryAgainClicked,
+} from '@wix/bex-core/bi';
+
+export const handleFieldsSourceLoadError = ({
+  container,
+  reportBi,
+  error,
+  errorCode,
+  reload,
+}: {
+  container: WixPatternsContainer;
+  reportBi: ReportBI;
+  error: unknown;
+  errorCode: WixPatternsErrorCode;
+  reload: () => Promise<unknown> | void;
+}): void => {
+  if (!error) {
+    return;
+  }
+
+  const cairoError = new WixPatternsError({
+    errorCode,
+    originalException: error,
+  });
+
+  container.showToast?.({
+    message: container.translate('cairo.customFields.fetch.technicalError'),
+    action: {
+      uiType: 'LINK',
+      text: container.translate('cairo.toast.retry'),
+      onClick: () => {
+        reportBi(
+          withoutDefaults(cairoTryAgainClicked)({
+            actionName: 'Fetch extended fields',
+            loaction: 'toast',
+          }),
+        );
+        Promise.resolve(reload()).catch((retryError) =>
+          handleFieldsSourceLoadError({
+            container,
+            reportBi,
+            error: retryError,
+            errorCode,
+            reload,
+          }),
+        );
+      },
+      removeToastOnClick: true,
+    },
+    type: 'WARNING',
+    biName: 'cairo-fetch-schemas-error-toast',
+  });
+
+  container.internalMonitor.reportError({ error: cairoError });
+
+  reportBi(
+    cairoErrorInLoadingAComponent({
+      errorType: cairoError.name,
+    }),
+  );
+};

package/src/state/setViewsState.ts

@@ -3,7 +3,7 @@ import { presetsToCategories } from './presetsToCategories';
 
 import { FiltersMap } from '@wix/bex-core';
 import { ToolbarCollectionState } from './ToolbarCollectionState';
-import { ViewsProps } from '../index';
+import type { ViewsProps } from '../index';
 
 export function setViewsState<T, F extends FiltersMap>(
   toolbar: ToolbarCollectionState<T, F>,

package/src/state/simplifyExtendedColumns.tsx

@@ -1,105 +1,5 @@
-import React, { CSSProperties } from 'react';
-import { CustomFieldType, CustomField, ExtendedFields } from '@wix/bex-core';
-import { Column } from '../model';
-import { ExtendedColumn } from '../components/ExtendedColumn/ExtendedColumn';
-import { DataTableColumnAlign } from '@wix/design-system/dist/types/Table/DataTable';
-import { toFieldType } from '../utils/fieldTypePrefixIcons';
-
-const ExtendedColumnsConfig: Record<
-  CustomFieldType,
-  { style?: CSSProperties; width?: string; align?: DataTableColumnAlign }
-> = {
-  shortText: {
-    width: '150px',
-    align: 'start',
-  },
-  dateTime: {
-    width: '200px',
-    align: 'center',
-  },
-  date: {
-    width: '150px',
-    align: 'center',
-  },
-  decimal: {
-    width: '100px',
-    align: 'center',
-  },
-  integer: {
-    width: '100px',
-    align: 'center',
-  },
-  checkbox: {
-    width: '100px',
-    align: 'center',
-  },
-  longText: {
-    width: '250px',
-    align: 'start',
-  },
-  url: {
-    width: '250px',
-    align: 'start',
-  },
-  dropdown: {
-    width: '150px',
-    align: 'start',
-  },
-  files: {
-    width: '180px',
-    align: 'start',
-  },
-  multiSelect: {
-    width: '150px',
-    align: 'start',
-  },
-};
-
 export const prefixFieldWithNamespace = (id: string, namespace: string) =>
   `extendedFields.namespaces.${namespace}.${id}`;
 
 export const prefixFieldWithUserFieldsNamespace = (id: string) =>
   prefixFieldWithNamespace(id, '_user_fields');
-
-export function simplifyExtendedColumns<T>({
-  fields,
-  toExtendedFields,
-  defaultHidden,
-  getSchemaField,
-}: {
-  fields: CustomField[];
-  toExtendedFields?: (item: T) => ExtendedFields | undefined | null;
-  defaultHidden?: boolean;
-  getSchemaField?: (
-    namespace: string,
-    fieldId: string,
-  ) => Record<string, any> | undefined;
-}): Column[] {
-  return fields.map((field) => {
-    const type = field.type;
-
-    const id = prefixFieldWithNamespace(field.id, field.namespace);
-    const schemaField = getSchemaField?.(field.namespace, field.id);
-    const isPii = field.isPii ?? Boolean(schemaField?.['x-wix-pii']?.enabled);
-    return {
-      dataExtension: field,
-      id,
-      dataHook: id,
-      name: field.label || field.id,
-      title: field.label || field.id,
-      hideable: true,
-      sortable: field.filterable,
-      defaultHidden: defaultHidden || field.owner !== 'user',
-      fieldType: type ? toFieldType(type) : undefined,
-      isPii,
-      align: type ? ExtendedColumnsConfig[type].align : undefined,
-      width: type ? ExtendedColumnsConfig[type].width : undefined,
-      style: type ? ExtendedColumnsConfig[type].style : undefined,
-      render: (row) => {
-        const value =
-          toExtendedFields?.(row)?.namespaces?.[field.namespace]?.[field.id];
-        return <ExtendedColumn type={type} value={value} />;
-      },
-    };
-  });
-}

package/src/styles.global.css

@@ -1,3 +1,3 @@
-.CardContainer2134636811__root.CardContainer2134636811--mobile{border-radius:0}.CmsFieldForm1028387146__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal651521319__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection839011583__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CharactersLimitInput919383244__field{flex:1;min-width:0}.Collapse1326337320__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse1326337320__exit{height:0}.CollectionPage1810516244__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage1810516244__root.CollectionPage1810516244--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage1810516244__root.CollectionPage1810516244--panel{overflow:hidden;position:relative}.CollectionSectionHeader16174633__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable3288053271__root td{vertical-align:middle}.CollectionTable3288053271__root.CollectionTable3288053271--mobile td:first-child{padding-left:18px}.CollectionTable3288053271__root.CollectionTable3288053271--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable757024427__root.CollectionTableWSRTable757024427--resizable table{min-width:100%}.CollectionTableWSRTable757024427__root.CollectionTableWSRTable757024427--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar3020381812__left{min-width:0}.CollectionToolbar3020381812__left.CollectionToolbar3020381812--expandable{flex:auto}.CollectionToolbar3020381812__left.CollectionToolbar3020381812--title>*{width:100%}.CollectionToolbar3020381812__root.CollectionToolbar3020381812---responsiveMode-5-title .CollectionToolbar3020381812__left{flex:1 100;min-width:50px}.CollectionToolbar3020381812__root.CollectionToolbar3020381812---responsiveMode-4-tabs .CollectionToolbar3020381812__left,.CollectionToolbar3020381812__root.CollectionToolbar3020381812---responsiveMode-4-tabs .CollectionToolbar3020381812__left.CollectionToolbar3020381812--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar3020381812__root.CollectionToolbar3020381812---responsiveMode-4-tabs .CollectionToolbar3020381812__left>*{flex-shrink:1;min-width:0}.CollectionToolbar3020381812__root .CollectionToolbar3020381812__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar3020381812__root.CollectionToolbar3020381812--views .CollectionToolbar3020381812__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar3020381812__root.CollectionToolbar3020381812---responsiveMode-4-tabs .CollectionToolbar3020381812__right,.CollectionToolbar3020381812__root.CollectionToolbar3020381812---responsiveMode-5-title .CollectionToolbar3020381812__right{flex:0 1 auto;min-width:0}.CollectionToolbar3020381812__root .CollectionToolbar3020381812__right.CollectionToolbar3020381812__fullWidth{margin-inline-start:0!important}.CollectionToolbar3020381812__root.CollectionToolbar3020381812--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter3358516105__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3358516105__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter3358516105__searchMobile:not(.SearchOrCustomFilter3358516105--expandable){left:18px}.SearchOrCustomFilter3358516105__searchMobile.SearchOrCustomFilter3358516105--expandable.SearchOrCustomFilter3358516105--expanded{left:18px}.AutoCompleteReadonly750254785__root.AutoCompleteReadonly750254785--disableEditing{cursor:pointer}.AutoCompleteReadonly750254785__root.AutoCompleteReadonly750254785--disableEditing input{cursor:pointer}.ViewsDropdown1727099348__root{width:200px}.DragHandle2821915569__root{display:flex;align-items:center}.DragHandle2821915569__root:not(.DragHandle2821915569--disabled){cursor:grab;color:#a8caff}.DragHandle2821915569__root.DragHandle2821915569--disabled{color:#acafc4}.DragHandle2821915569__root:focus-visible:not(.DragHandle2821915569--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle2821915569__root.DragHandle2821915569--disabled{pointer-events:none}.DragHandle2821915569__root.DragHandle2821915569--dragging:not(.DragHandle2821915569--disabled){cursor:grabbing}td:has(>.EditableCell1651312747__root){position:relative;overflow:visible;min-height:24px}.EditableCell1651312747__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)}.EditableCell1651312747__root.EditableCell1651312747--selected{background:rgba(56,153,236,.08)}.EditableCell1651312747__root.EditableCell1651312747--focused:not(.EditableCell1651312747--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell1651312747__root.EditableCell1651312747--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}.EditableCell1651312747__root.EditableCell1651312747--editing:not(.EditableCell1651312747--showEditWhenFocused){bottom:auto;min-height:100%}.EditableCell1651312747__root.EditableCell1651312747--focused.EditableCell1651312747--growable{background-color:var(--wsr-color-D80);background-image:linear-gradient(rgba(56,153,236,.08),rgba(56,153,236,.08));bottom:auto;min-height:100%;z-index:3}.EditableCell1651312747__root:has([data-inner-focused]){overflow:visible;z-index:3;box-shadow:inset 0 0 0 2px var(--wsr-color-B10)}.EditableCell1651312747__root.EditableCell1651312747--selectionTop:not(.EditableCell1651312747--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell1651312747__root.EditableCell1651312747--selectionBottom:not(.EditableCell1651312747--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell1651312747__root.EditableCell1651312747--selectionLeft:not(.EditableCell1651312747--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell1651312747__root.EditableCell1651312747--selectionRight:not(.EditableCell1651312747--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell1651312747__root.EditableCell1651312747--selectionTop.EditableCell1651312747--editing.EditableCell1651312747--typeToEdit{border-top:2px solid var(--wsr-color-B10)}.EditableCell1651312747__root.EditableCell1651312747--selectionBottom.EditableCell1651312747--editing.EditableCell1651312747--typeToEdit{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell1651312747__root.EditableCell1651312747--selectionLeft.EditableCell1651312747--editing.EditableCell1651312747--typeToEdit{border-left:2px solid var(--wsr-color-B10)}.EditableCell1651312747__root.EditableCell1651312747--selectionRight.EditableCell1651312747--editing.EditableCell1651312747--typeToEdit{border-right:2px solid var(--wsr-color-B10)}.EditableCell1651312747__root.EditableCell1651312747--invalid:not(.EditableCell1651312747--editing){background:rgba(229,0,77,.06)}.EditableCell1651312747__root.EditableCell1651312747--copiedTop:not(.EditableCell1651312747--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell1651312747__root.EditableCell1651312747--copiedBottom:not(.EditableCell1651312747--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell1651312747__root.EditableCell1651312747--copiedLeft:not(.EditableCell1651312747--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell1651312747__root.EditableCell1651312747--copiedRight:not(.EditableCell1651312747--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell1651312747__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.HeaderActionsPopover2791309920__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover2791309920__root,.HeaderActionsPopover2791309920__root[data-menu-open=true],.HeaderActionsPopover2791309920__root:focus-within{opacity:1}.CellViewLayout3960088494__root{width:100%;height:100%;padding:9px 12px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout3960088494__root>*{flex:1;min-width:0}.Edit1828072131__addressInput{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;padding-left:6px;padding-right:6px;min-width:0;overflow:hidden}.Edit1828072131__addressInput>div,.Edit1828072131__addressInput>div>div,.Edit1828072131__addressInput>div>div>div{width:100%;min-width:0}.Edit1967439407__booleanEdit{display:flex;align-items:center;margin-left:12px}.View1226799981__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit2146361156__root{width:100%;height:100%;display:flex;align-items:center}.Edit186167185__dateInput{width:100%;margin-left:-1px}.Edit4121205863__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit4121205863__dateHalf{flex:60 1 0}.Edit4121205863__timeHalf{flex:40 1 0}.Edit4121205863__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit4121205863__passiveText{padding:9px 12px;font-size:14px;line-height:18px;font-family:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;width:100%}.Edit4121205863__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View3843943714__leaf{min-width:0;padding:9px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:18px;font-family:inherit;box-sizing:border-box}.View3843943714__datePart{flex:60 1 0}.View3843943714__timePart{flex:40 1 0}.View3843943714__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View3843943714__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit824068898__emailInput{width:100%;margin-left:-1px}.Edit322156137__numberInput{width:100%;margin-right:2px}.Edit322156137__numberInput input{text-align:right;direction:ltr}.View3517057776__textView{width:100%;text-align:right}.Edit943875051__jsonInput{width:100%;margin-left:-1px}.Edit2236348201__selectInput{width:100%}.Edit1330370645__editWrapper{width:100%}.Edit1330370645__inputArea{background-color:transparent;width:100%}.Edit1330370645__inputArea input{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit1330370645__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit1330370645__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit1330370645__inputArea:not(.Edit1330370645--isFocused) textarea{resize:none;overflow:hidden}.Edit1330370645__inputArea:not(.Edit1330370645--isFocused) textarea::-webkit-scrollbar{display:none}.Edit2886866603__wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;--wds-input-value-font-size-small:var(--wds-font-size-body-small);--wds-input-value-font-line-height-small:var(
+.CardContainer2267849251__root.CardContainer2267849251--mobile{border-radius:0}.CmsFieldForm1100768566__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal2245593888__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection2664226512__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CharactersLimitInput3216958284__field{flex:1;min-width:0}.Collapse1046907253__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse1046907253__exit{height:0}.CollectionPage3736372083__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage3736372083__root.CollectionPage3736372083--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage3736372083__root.CollectionPage3736372083--panel{overflow:hidden;position:relative}.CollectionSectionHeader3174480100__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable836319324__root td{vertical-align:middle}.CollectionTable836319324__root.CollectionTable836319324--mobile td:first-child{padding-left:18px}.CollectionTable836319324__root.CollectionTable836319324--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable4227633625__root.CollectionTableWSRTable4227633625--resizable table{min-width:100%}.CollectionTableWSRTable4227633625__root.CollectionTableWSRTable4227633625--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar3931104184__left{min-width:0}.CollectionToolbar3931104184__left.CollectionToolbar3931104184--expandable{flex:auto}.CollectionToolbar3931104184__left.CollectionToolbar3931104184--title>*{width:100%}.CollectionToolbar3931104184__root.CollectionToolbar3931104184---responsiveMode-5-title .CollectionToolbar3931104184__left{flex:1 100;min-width:50px}.CollectionToolbar3931104184__root.CollectionToolbar3931104184---responsiveMode-4-tabs .CollectionToolbar3931104184__left,.CollectionToolbar3931104184__root.CollectionToolbar3931104184---responsiveMode-4-tabs .CollectionToolbar3931104184__left.CollectionToolbar3931104184--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar3931104184__root.CollectionToolbar3931104184---responsiveMode-4-tabs .CollectionToolbar3931104184__left>*{flex-shrink:1;min-width:0}.CollectionToolbar3931104184__root .CollectionToolbar3931104184__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar3931104184__root.CollectionToolbar3931104184--views .CollectionToolbar3931104184__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar3931104184__root.CollectionToolbar3931104184---responsiveMode-4-tabs .CollectionToolbar3931104184__right,.CollectionToolbar3931104184__root.CollectionToolbar3931104184---responsiveMode-5-title .CollectionToolbar3931104184__right{flex:0 1 auto;min-width:0}.CollectionToolbar3931104184__root .CollectionToolbar3931104184__right.CollectionToolbar3931104184__fullWidth{margin-inline-start:0!important}.CollectionToolbar3931104184__root.CollectionToolbar3931104184--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter96467332__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter96467332__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter96467332__searchMobile:not(.SearchOrCustomFilter96467332--expandable){left:18px}.SearchOrCustomFilter96467332__searchMobile.SearchOrCustomFilter96467332--expandable.SearchOrCustomFilter96467332--expanded{left:18px}.AutoCompleteReadonly754203246__root.AutoCompleteReadonly754203246--disableEditing{cursor:pointer}.AutoCompleteReadonly754203246__root.AutoCompleteReadonly754203246--disableEditing input{cursor:pointer}.ViewsDropdown1047115637__root{width:200px}.DragHandle3949393576__root{display:flex;align-items:center}.DragHandle3949393576__root:not(.DragHandle3949393576--disabled){cursor:grab;color:#a8caff}.DragHandle3949393576__root.DragHandle3949393576--disabled{color:#acafc4}.DragHandle3949393576__root:focus-visible:not(.DragHandle3949393576--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3949393576__root.DragHandle3949393576--disabled{pointer-events:none}.DragHandle3949393576__root.DragHandle3949393576--dragging:not(.DragHandle3949393576--disabled){cursor:grabbing}td:has(>.EditableCell2214069969__root){position:relative;overflow:visible;min-height:24px}.EditableCell2214069969__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)}.EditableCell2214069969__root.EditableCell2214069969--selected{background:rgba(56,153,236,.08)}.EditableCell2214069969__root.EditableCell2214069969--focused:not(.EditableCell2214069969--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell2214069969__root.EditableCell2214069969--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}.EditableCell2214069969__root.EditableCell2214069969--editing:not(.EditableCell2214069969--showEditWhenFocused){bottom:auto;min-height:100%}.EditableCell2214069969__root.EditableCell2214069969--focused.EditableCell2214069969--growable{background-color:var(--wsr-color-D80);background-image:linear-gradient(rgba(56,153,236,.08),rgba(56,153,236,.08));bottom:auto;min-height:100%;z-index:3}.EditableCell2214069969__root:has([data-inner-focused]){overflow:visible;z-index:3;box-shadow:inset 0 0 0 2px var(--wsr-color-B10)}.EditableCell2214069969__root.EditableCell2214069969--selectionTop:not(.EditableCell2214069969--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell2214069969__root.EditableCell2214069969--selectionBottom:not(.EditableCell2214069969--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell2214069969__root.EditableCell2214069969--selectionLeft:not(.EditableCell2214069969--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell2214069969__root.EditableCell2214069969--selectionRight:not(.EditableCell2214069969--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell2214069969__root.EditableCell2214069969--selectionTop.EditableCell2214069969--editing.EditableCell2214069969--typeToEdit{border-top:2px solid var(--wsr-color-B10)}.EditableCell2214069969__root.EditableCell2214069969--selectionBottom.EditableCell2214069969--editing.EditableCell2214069969--typeToEdit{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell2214069969__root.EditableCell2214069969--selectionLeft.EditableCell2214069969--editing.EditableCell2214069969--typeToEdit{border-left:2px solid var(--wsr-color-B10)}.EditableCell2214069969__root.EditableCell2214069969--selectionRight.EditableCell2214069969--editing.EditableCell2214069969--typeToEdit{border-right:2px solid var(--wsr-color-B10)}.EditableCell2214069969__root.EditableCell2214069969--invalid:not(.EditableCell2214069969--editing){background:rgba(229,0,77,.06)}.EditableCell2214069969__root.EditableCell2214069969--copiedTop:not(.EditableCell2214069969--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell2214069969__root.EditableCell2214069969--copiedBottom:not(.EditableCell2214069969--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell2214069969__root.EditableCell2214069969--copiedLeft:not(.EditableCell2214069969--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell2214069969__root.EditableCell2214069969--copiedRight:not(.EditableCell2214069969--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell2214069969__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.HeaderActionsPopover3567882799__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover3567882799__root,.HeaderActionsPopover3567882799__root[data-menu-open=true],.HeaderActionsPopover3567882799__root:focus-within{opacity:1}.CellViewLayout705842804__root{width:100%;height:100%;padding:9px 12px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout705842804__root>*{flex:1;min-width:0}.Edit249083917__addressInput{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;padding-left:6px;padding-right:6px;min-width:0;overflow:hidden}.Edit249083917__addressInput>div,.Edit249083917__addressInput>div>div,.Edit249083917__addressInput>div>div>div{width:100%;min-width:0}.Edit2043724849__jsonInput{width:100%;margin-left:-1px}.Edit48829551__booleanEdit{display:flex;align-items:center;margin-left:12px}.View823517074__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit550744202__root{width:100%;height:100%;display:flex;align-items:center}.Edit240690608__dateInput{width:100%;margin-left:-1px}.Edit2529607865__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit2529607865__dateHalf{flex:60 1 0}.Edit2529607865__timeHalf{flex:40 1 0}.Edit2529607865__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit2529607865__passiveText{padding:9px 12px;font-size:14px;line-height:18px;font-family:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;width:100%}.Edit2529607865__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View2613364452__leaf{min-width:0;padding:9px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:18px;font-family:inherit;box-sizing:border-box}.View2613364452__datePart{flex:60 1 0}.View2613364452__timePart{flex:40 1 0}.View2613364452__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View2613364452__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit272976519__emailInput{width:100%;margin-left:-1px}.Edit2518949657__numberInput{width:100%;margin-right:2px}.Edit2518949657__numberInput input{text-align:right;direction:ltr}.View3249344471__textView{width:100%;text-align:right}.Edit2809740217__jsonInput{width:100%;margin-left:-1px}.Edit4152557657__selectInput{width:100%}.Edit2474595361__editWrapper{width:100%}.Edit2474595361__inputArea{background-color:transparent;width:100%}.Edit2474595361__inputArea input{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit2474595361__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit2474595361__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit2474595361__inputArea:not(.Edit2474595361--isFocused) textarea{resize:none;overflow:hidden}.Edit2474595361__inputArea:not(.Edit2474595361--isFocused) textarea::-webkit-scrollbar{display:none}.Edit3071470623__wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;--wds-input-value-font-size-small:var(--wds-font-size-body-small);--wds-input-value-font-line-height-small:var(
     --wds-font-line-height-body-small
-  )}.Edit2886866603__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit2584400889__urlInput{width:100%;margin-left:-1px}.View372550182__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View372550182__urlText{flex:1;min-width:0}.View372550182__suffix{flex-shrink:0;margin-left:10px}.View372550182__textView.View372550182--suffixOnHover:not(:hover) .View372550182__suffix{display:none}.EntityPagePlain406941693__root.EntityPagePlain406941693--mobile{--wds-page-header-padding-horizontal:0}.Fade3622067911__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3622067911__root.Fade3622067911--exit{opacity:0}.Heading2580758596__root{visibility:visible}.Heading2580758596__root.Heading2580758596--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload3633925322__fileUpload{width:100%}.InputOverflow1232117120__root.InputOverflow1232117120--selected:not(.InputOverflow1232117120--focused) input::placeholder{color:#000624}@keyframes LoadingRow1239235736__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%}}.LoadingRow1239235736__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:LoadingRow1239235736__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1760043262__root{opacity:1}.MaxHeightText1760043262__root.MaxHeightText1760043262--height24{line-height:24px}.MaxLines3444011820__root{overflow:hidden}.MaxLines3444011820__root.MaxLines3444011820--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2448718076__root{min-width:0}.MultiBulkActionToolbar2448718076__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar2448718076__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar2448718076__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow387886386__root td{padding:0!important;width:100%}.NestedTableRow3557414379__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow3557414379__root:hover{background-color:#e7f0ff!important}.NestedTableRow3557414379__root.NestedTableRow3557414379--expandable{cursor:pointer}.NestedTableRow3557414379__placeholder td{padding:0!important;width:100%}.NestedTableRow3557414379__root:hover td:first-of-type::before,.NestedTableRow3557414379__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect916466647__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)}.NestedTableDragAndDropRow2368543043__root.NestedTableDragAndDropRow2368543043--draggingInto td{background-color:#e7f0ff!important}.PickerContent4034782988__root{display:flex}.PickerContentAdditionalStep638239034__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep638239034__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3102395096__root{box-sizing:border-box}.ScrollableContent2389277111__root.ScrollableContent2389277111--overflowY{overflow-y:auto}.ScrollableContent2389277111__root.ScrollableContent2389277111--overflowX{overflow-x:auto}.ScrollableContent2389277111__root.ScrollableContent2389277111--smooth{scroll-behavior:smooth}.SetupWidget1301138261__row{display:flex;flex-direction:column;padding:var(--wds-space-100, 6px);border-radius:var(--wds-border-radius-200, 4px);border:1px solid var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB));background-color:var(--wds-color-fill-standard-tertiary, var(--wsr-color-D80, #FFFFFF));overflow:clip}.SetupWidget1301138261__row.SetupWidget1301138261--clickable{cursor:pointer}.SetupWidget1301138261__row.SetupWidget1301138261--hoverable:hover{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF));border-color:var(--wds-color-border-standard-secondary, var(--wsr-color-B40, #D6E6FE))}.SetupWidget1301138261__row.SetupWidget1301138261--focused{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF));border-color:var(--wds-color-border-standard-primary, var(--wsr-color-B30, #A8CAFF))}.SetupWidget1301138261__completedCta{opacity:0;transition:opacity .25s ease-in-out}.SetupWidget1301138261__row:hover .SetupWidget1301138261__completedCta,.SetupWidget1301138261__row:focus-within .SetupWidget1301138261__completedCta{opacity:1}.SetupWidget1301138261__card{display:block;width:100%;border:0;border-radius:var(--wds-border-radius-400, 8px);background-color:var(--wds-color-fill-standard-tertiary, var(--wsr-color-D80, #FFFFFF));box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);overflow:clip;box-sizing:border-box;text-align:start;font:inherit;color:inherit;padding:0;margin:0}.SetupWidget1301138261__card.SetupWidget1301138261--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget1301138261__card.SetupWidget1301138261--clickable{cursor:pointer}.SkeletonCard1867398531__headerLoading{display:block!important}.SlidingModal719247517__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal719247517__root.SlidingModal719247517--overlay{transition:transform 0s ease 0s}.SlidingModal719247517__root.SlidingModal719247517---appendTo-6-parent{position:absolute}.SlidingModal719247517__root:not(.SlidingModal719247517--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter1604621513__root .TabsFilter1604621513__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter1604621513__root.TabsFilter1604621513--selected .TabsFilter1604621513__title,.TabsFilter1604621513__root:hover .TabsFilter1604621513__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal4210290641__root{display:flex}.ToolbarItem2972253893__root{min-width:0}.ToolbarItemBox2772256176__root{min-width:0}.ToolbarItemBox2772256176__root.ToolbarItemBox2772256176--removeStartPadding{margin-left:-24px}.ToolbarItemBox2772256176__root.ToolbarItemBox2772256176--expandable{flex:1 0}.common2904124303__column{display:flex;flex-direction:column}.common2904124303__fullHeight{height:100%;min-height:0}.CollectionPageHeader1867011218__root:not(.CollectionPageHeader1867011218--mobile){gap:12px}.CollectionPageHeader1867011218__root.CollectionPageHeader1867011218--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader1867011218__root.CollectionPageHeader1867011218--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader1338808680__root.FormPageHeader1338808680--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader1338808680__root.FormPageHeader1338808680--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+  )}.Edit3071470623__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit1008679439__urlInput{width:100%;margin-left:-1px}.View1517719082__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View1517719082__urlText{flex:1;min-width:0}.View1517719082__suffix{flex-shrink:0;margin-left:10px}.View1517719082__textView.View1517719082--suffixOnHover:not(:hover) .View1517719082__suffix{display:none}.EntityPagePlain2323464219__root.EntityPagePlain2323464219--mobile{--wds-page-header-padding-horizontal:0}.Fade4216896310__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade4216896310__root.Fade4216896310--exit{opacity:0}.Heading589754590__root{visibility:visible}.Heading589754590__root.Heading589754590--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload3261603244__fileUpload{width:100%}.InputOverflow3482023363__root.InputOverflow3482023363--selected:not(.InputOverflow3482023363--focused) input::placeholder{color:#000624}@keyframes LoadingRow1058322109__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%}}.LoadingRow1058322109__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:LoadingRow1058322109__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2653311633__root{opacity:1}.MaxHeightText2653311633__root.MaxHeightText2653311633--height24{line-height:24px}.MaxLines3965339801__root{overflow:hidden}.MaxLines3965339801__root.MaxLines3965339801--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar809824376__root{min-width:0}.MultiBulkActionToolbar809824376__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar809824376__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar809824376__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow2852976720__root td{padding:0!important;width:100%}.NestedTableRow1405815016__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow1405815016__root:hover{background-color:#e7f0ff!important}.NestedTableRow1405815016__root.NestedTableRow1405815016--expandable{cursor:pointer}.NestedTableRow1405815016__placeholder td{padding:0!important;width:100%}.NestedTableRow1405815016__root:hover td:first-of-type::before,.NestedTableRow1405815016__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2212391973__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)}.NestedTableDragAndDropRow3354128442__root.NestedTableDragAndDropRow3354128442--draggingInto td{background-color:#e7f0ff!important}.PickerContent3960672221__root{display:flex}.PickerContentAdditionalStep2779327767__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2779327767__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem1110147120__root{box-sizing:border-box}.ScrollableContent1540889949__root.ScrollableContent1540889949--overflowY{overflow-y:auto}.ScrollableContent1540889949__root.ScrollableContent1540889949--overflowX{overflow-x:auto}.ScrollableContent1540889949__root.ScrollableContent1540889949--smooth{scroll-behavior:smooth}.SetupWidget808034205__row{display:flex;flex-direction:column;padding:var(--wds-space-100, 6px);border-radius:var(--wds-border-radius-200, 4px);border:1px solid var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB));background-color:var(--wds-color-fill-standard-tertiary, var(--wsr-color-D80, #FFFFFF));overflow:clip}.SetupWidget808034205__row.SetupWidget808034205--clickable{cursor:pointer}.SetupWidget808034205__row.SetupWidget808034205--hoverable:hover{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF));border-color:var(--wds-color-border-standard-secondary, var(--wsr-color-B40, #D6E6FE))}.SetupWidget808034205__row.SetupWidget808034205--focused{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF));border-color:var(--wds-color-border-standard-primary, var(--wsr-color-B30, #A8CAFF))}.SetupWidget808034205__completedCta{opacity:0;transition:opacity .25s ease-in-out}.SetupWidget808034205__row:hover .SetupWidget808034205__completedCta,.SetupWidget808034205__row:focus-within .SetupWidget808034205__completedCta{opacity:1}.SetupWidget808034205__card{display:block;width:100%;border:0;border-radius:var(--wds-border-radius-400, 8px);background-color:var(--wds-color-fill-standard-tertiary, var(--wsr-color-D80, #FFFFFF));box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);overflow:clip;box-sizing:border-box;text-align:start;font:inherit;color:inherit;padding:0;margin:0}.SetupWidget808034205__card.SetupWidget808034205--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget808034205__card.SetupWidget808034205--clickable{cursor:pointer}.SetupWidget808034205__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget808034205__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget808034205__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget808034205__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard3144351190__headerLoading{display:block!important}.SlidingModal538401435__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal538401435__root.SlidingModal538401435--overlay{transition:transform 0s ease 0s}.SlidingModal538401435__root.SlidingModal538401435---appendTo-6-parent{position:absolute}.SlidingModal538401435__root:not(.SlidingModal538401435--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter128028699__root .TabsFilter128028699__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter128028699__root.TabsFilter128028699--selected .TabsFilter128028699__title,.TabsFilter128028699__root:hover .TabsFilter128028699__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal1465315821__root{display:flex}.ToolbarItem3928858564__root{min-width:0}.ToolbarItemBox296014064__root{min-width:0}.ToolbarItemBox296014064__root.ToolbarItemBox296014064--removeStartPadding{margin-left:-24px}.ToolbarItemBox296014064__root.ToolbarItemBox296014064--expandable{flex:1 0}.common1841882770__column{display:flex;flex-direction:column}.common1841882770__fullHeight{height:100%;min-height:0}.CollectionPageHeader3086631792__root:not(.CollectionPageHeader3086631792--mobile){gap:12px}.CollectionPageHeader3086631792__root.CollectionPageHeader3086631792--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3086631792__root.CollectionPageHeader3086631792--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader4186465849__root.FormPageHeader4186465849--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader4186465849__root.FormPageHeader4186465849--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/types/SchemaConfig.ts

@@ -99,7 +99,6 @@ export interface SchemaConfig {
       query: Query,
       options?: {
         searchableFieldIds?: string[];
-        filterFieldMapping?: Record<string, { fieldId: string }>;
       },
     ) => Promise<CursorQueryResult | OffsetQueryResult>;
     move?: (

package/src/utils/fieldTypePrefixIcons.tsx

@@ -42,6 +42,7 @@ import {
   Database,
   DatabaseSmall,
 } from '@wix/wix-ui-icons-common';
+import type { PatternsFieldType } from '@wix/bex-core';
 
 /**
  * Canonical field type keys (UPPER_SNAKE_CASE).
@@ -96,7 +97,9 @@ interface FieldPrefixIconEntry {
 /**
  * Maps canonical UPPER_SNAKE_CASE field types to icon components (small + medium).
  */
-const FIELD_TYPE_ICON_MAP: Partial<Record<FieldType, FieldPrefixIconEntry>> = {
+const FIELD_TYPE_ICON_MAP: Partial<
+  Record<FieldType | PatternsFieldType, FieldPrefixIconEntry>
+> = {
   SHORT_TEXT: { small: TextSmall, medium: Text },
   LONG_TEXT: { small: TextSmall, medium: Text },
   NUMBER: { small: NumberSmall, medium: Number },
@@ -143,7 +146,7 @@ export function getFieldTypeIcon({
   fieldType,
   size = 'small',
 }: {
-  fieldType?: FieldType;
+  fieldType?: FieldType | PatternsFieldType;
   size?: 'small' | 'medium';
 }): ReactNode {
   const Fallback = size === 'medium' ? Database : DatabaseSmall;

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.422.0';
+export const version = 'patterns@1.424.0';

package/dist/cjs/components/ArchivedItemsPanel/DeleteFieldModal.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_react2","_ActionModal","_mobxReactLite","_Trans","_jsxFileName","_DeleteFieldModal","state","_dataExtension$extrac","_modal$value","_dataExtension$extrac2","_modal$value2","container","useWixPatternsContainer","translate","t","dataExtension","modal","default","createElement","MessageActionModal","dataHook","skin","title","selectedField","extractFieldValuesFromSchema","value","id","name","content","Text","__self","__source","fileName","lineNumber","columnNumber","Trans","i18nKey","values","components","bold","weight","primaryButtonText","secondaryButtonText","exports","DeleteFieldModal","observer"],"sources":["../../../../src/components/ArchivedItemsPanel/DeleteFieldModal.tsx"],"sourcesContent":["import { Text } from '@wix/design-system';\nimport React from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { MessageActionModal } from '../ActionModal';\nimport { observer } from 'mobx-react-lite';\nimport { DeleteFieldModalState } from '@wix/bex-core';\nimport { Trans } from '../Trans';\n\nexport const _DeleteFieldModal = ({\n  state,\n}: {\n  state: DeleteFieldModalState;\n}) => {\n  const container = useWixPatternsContainer();\n  const { translate: t } = container;\n  const { dataExtension, modal } = state;\n\n  return (\n    <MessageActionModal\n      dataHook=\"archived-items-delete-confirm-modal\"\n      state={modal}\n      skin=\"destructive\"\n      title={t('cairo.customFields.delete.modal.title', {\n        selectedField:\n          dataExtension.extractFieldValuesFromSchema(modal.value?.id || '')\n            ?.name || '',\n      })}\n      content={\n        <Text>\n          <Trans\n            i18nKey=\"cairo.customFields.delete.modal.description\"\n            values={{\n              selectedField:\n                dataExtension.extractFieldValuesFromSchema(\n                  modal.value?.id || '',\n                )?.name || '',\n            }}\n            components={{\n              bold: <Text weight=\"bold\" />,\n            }}\n          />\n        </Text>\n      }\n      primaryButtonText={t('cairo.customFields.delete.modal.delete.CTA')}\n      secondaryButtonText={t('cairo.customFields.delete.modal.cancel.CTA')}\n    />\n  );\n};\n\nexport const DeleteFieldModal = observer(_DeleteFieldModal);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAEA,IAAAM,MAAA,GAAAN,OAAA;AAAiC,IAAAO,YAAA;AAE1B,MAAMC,iBAAiB,GAAGA,CAAC;EAChCC;AAGF,CAAC,KAAK;EAAA,IAAAC,qBAAA,EAAAC,YAAA,EAAAC,sBAAA,EAAAC,aAAA;EACJ,MAAMC,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAGH,SAAS;EAClC,MAAM;IAAEI,aAAa;IAAEC;EAAM,CAAC,GAAGV,KAAK;EAEtC,oBACER,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACjB,YAAA,CAAAkB,kBAAkB;IACjBC,QAAQ,EAAC,qCAAqC;IAC9Cd,KAAK,EAAEU,KAAM;IACbK,IAAI,EAAC,aAAa;IAClBC,KAAK,EAAER,CAAC,CAAC,uCAAuC,EAAE;MAChDS,aAAa,EACX,EAAAhB,qBAAA,GAAAQ,aAAa,CAACS,4BAA4B,CAAC,EAAAhB,YAAA,GAAAQ,KAAK,CAACS,KAAK,qBAAXjB,YAAA,CAAakB,EAAE,KAAI,EAAE,CAAC,qBAAjEnB,qBAAA,CACIoB,IAAI,KAAI;IAChB,CAAC,CAAE;IACHC,OAAO,eACL9B,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAAiC,IAAI;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA5B,YAAA;QAAA6B,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACHpC,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACf,MAAA,CAAAgC,KAAK;MACJC,OAAO,EAAC,6CAA6C;MACrDC,MAAM,EAAE;QACNd,aAAa,EACX,EAAAd,sBAAA,GAAAM,aAAa,CAACS,4BAA4B,CACxC,EAAAd,aAAA,GAAAM,KAAK,CAACS,KAAK,qBAAXf,aAAA,CAAagB,EAAE,KAAI,EACrB,CAAC,qBAFDjB,sBAAA,CAEGkB,IAAI,KAAI;MACf,CAAE;MACFW,UAAU,EAAE;QACVC,IAAI,eAAEzC,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAAiC,IAAI;UAACW,MAAM,EAAC,MAAM;UAAAV,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAA5B,YAAA;YAAA6B,UAAA;YAAAC,YAAA;UAAA;QAAA,CAAE;MAC7B,CAAE;MAAAJ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA5B,YAAA;QAAA6B,UAAA;QAAAC,YAAA;MAAA;IAAA,CACH,CACG,CACP;IACDO,iBAAiB,EAAE3B,CAAC,CAAC,4CAA4C,CAAE;IACnE4B,mBAAmB,EAAE5B,CAAC,CAAC,4CAA4C,CAAE;IAAAgB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA5B,YAAA;MAAA6B,UAAA;MAAAC,YAAA;IAAA;EAAA,CACtE,CAAC;AAEN,CAAC;AAACS,OAAA,CAAAtC,iBAAA,GAAAA,iBAAA;AAEK,MAAMuC,gBAAgB,GAAAD,OAAA,CAAAC,gBAAA,GAAG,IAAAC,uBAAQ,EAACxC,iBAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/CustomColumnsPanel/SidePanelFieldActionsModal.js

@@ -1,35 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _mobxReactLite = require("mobx-react-lite");
-var _ActionModal = require("../ActionModal");
-var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomColumnsPanel/SidePanelFieldActionsModal.tsx";
-function _SidePanelFieldActionsModal({
-  state
-}) {
-  const value = state.confirmModal.value;
-  if (!value) {
-    return null;
-  }
-  return /*#__PURE__*/_react.default.createElement(_ActionModal.MessageActionModal, (0, _extends2.default)({
-    state: state.confirmModal
-  }, value, {
-    primaryButtonProps: {
-      ...value.primaryButtonProps,
-      disabled: state.deleteTask.status.isLoading
-    },
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 16,
-      columnNumber: 5
-    }
-  }));
-}
-const SidePanelFieldActionsModal = (0, _mobxReactLite.observer)(_SidePanelFieldActionsModal);
-var _default = exports.default = SidePanelFieldActionsModal;
-//# sourceMappingURL=SidePanelFieldActionsModal.js.map

package/dist/cjs/components/CustomColumnsPanel/SidePanelFieldActionsModal.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_ActionModal","_jsxFileName","_SidePanelFieldActionsModal","state","value","confirmModal","default","createElement","MessageActionModal","_extends2","primaryButtonProps","disabled","deleteTask","status","isLoading","__self","__source","fileName","lineNumber","columnNumber","SidePanelFieldActionsModal","observer","_default","exports"],"sources":["../../../../src/components/CustomColumnsPanel/SidePanelFieldActionsModal.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { MessageActionModal } from '../ActionModal';\nimport type { FieldActionsState } from '../../state/FieldActionsState';\n\ninterface Props {\n  state: FieldActionsState;\n}\n\nfunction _SidePanelFieldActionsModal({ state }: Props) {\n  const value = state.confirmModal.value;\n  if (!value) {\n    return null;\n  }\n  return (\n    <MessageActionModal\n      state={state.confirmModal}\n      {...value}\n      primaryButtonProps={{\n        ...value.primaryButtonProps,\n        disabled: state.deleteTask.status.isLoading,\n      }}\n    />\n  );\n}\n\nconst SidePanelFieldActionsModal = observer(_SidePanelFieldActionsModal);\n\nexport default SidePanelFieldActionsModal;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAAoD,IAAAG,YAAA;AAOpD,SAASC,2BAA2BA,CAAC;EAAEC;AAAa,CAAC,EAAE;EACrD,MAAMC,KAAK,GAAGD,KAAK,CAACE,YAAY,CAACD,KAAK;EACtC,IAAI,CAACA,KAAK,EAAE;IACV,OAAO,IAAI;EACb;EACA,oBACER,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,YAAA,CAAAQ,kBAAkB,MAAAC,SAAA,CAAAH,OAAA;IACjBH,KAAK,EAAEA,KAAK,CAACE;EAAa,GACtBD,KAAK;IACTM,kBAAkB,EAAE;MAClB,GAAGN,KAAK,CAACM,kBAAkB;MAC3BC,QAAQ,EAAER,KAAK,CAACS,UAAU,CAACC,MAAM,CAACC;IACpC,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,EACH,CAAC;AAEN;AAEA,MAAMC,0BAA0B,GAAG,IAAAC,uBAAQ,EAACnB,2BAA2B,CAAC;AAAC,IAAAoB,QAAA,GAAAC,OAAA,CAAAjB,OAAA,GAE1Dc,0BAA0B","ignoreList":[]}

package/dist/cjs/components/CustomColumnsPanel/SidePanelFieldActionsRow.js

@@ -1,70 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.SidePanelFieldActionsRow = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _mobxReactLite = require("mobx-react-lite");
-var _FieldActions = require("../FieldActions");
-var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomColumnsPanel/SidePanelFieldActionsRow.tsx";
-const SIDE_PANEL_ACTION_GROUPS = [['editField'], ['makePrimary', 'duplicateField', 'duplicateFieldWithContent'], ['delete']];
-function toFieldActionColumn(col) {
-  const isText = col.fieldType === 'SHORT_TEXT' || col.fieldType === 'LONG_TEXT';
-  return {
-    id: col.id,
-    isPrimary: col.isPrimary,
-    isSystem: col.isSystem,
-    cellType: isText ? 'text' : col.fieldType
-  };
-}
-function _SidePanelFieldActionsRow({
-  column,
-  state
-}) {
-  const {
-    handlers: fieldActions,
-    permissions
-  } = state;
-  const handlers = {};
-  if (fieldActions != null && fieldActions.editField) {
-    handlers.editField = id => fieldActions.editField(id, {});
-  }
-  if (fieldActions != null && fieldActions.makePrimary) {
-    handlers.makePrimary = id => state.makePrimary(id);
-  }
-  if (fieldActions != null && fieldActions.duplicateField) {
-    handlers.duplicateField = id => state.duplicate(id);
-  }
-  if (fieldActions != null && fieldActions.duplicateFieldWithContent) {
-    handlers.duplicateFieldWithContent = id => state.duplicateWithContent(id);
-  }
-  if (fieldActions != null && fieldActions.deleteField) {
-    handlers.delete = id => state.confirmDelete(id);
-  }
-  const groups = (0, _FieldActions.buildFieldActionGroups)({
-    column: toFieldActionColumn(column),
-    permissions,
-    handlers,
-    loading: {
-      makePrimary: state.isMakingPrimary,
-      duplicateField: state.isDuplicating,
-      duplicateFieldWithContent: state.isDuplicatingWithContent
-    },
-    groups: SIDE_PANEL_ACTION_GROUPS
-  });
-  if (groups.length === 0) {
-    return null;
-  }
-  return /*#__PURE__*/_react.default.createElement(_FieldActions.HeaderActionsPopover, {
-    actions: groups,
-    dataHook: `side-panel-field-actions-${column.id}`,
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 76,
-      columnNumber: 5
-    }
-  });
-}
-const SidePanelFieldActionsRow = exports.SidePanelFieldActionsRow = (0, _mobxReactLite.observer)(_SidePanelFieldActionsRow);
-//# sourceMappingURL=SidePanelFieldActionsRow.js.map

package/dist/cjs/components/CustomColumnsPanel/SidePanelFieldActionsRow.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_FieldActions","_jsxFileName","SIDE_PANEL_ACTION_GROUPS","toFieldActionColumn","col","isText","fieldType","id","isPrimary","isSystem","cellType","_SidePanelFieldActionsRow","column","state","handlers","fieldActions","permissions","editField","makePrimary","duplicateField","duplicate","duplicateFieldWithContent","duplicateWithContent","deleteField","delete","confirmDelete","groups","buildFieldActionGroups","loading","isMakingPrimary","isDuplicating","isDuplicatingWithContent","length","default","createElement","HeaderActionsPopover","actions","dataHook","__self","__source","fileName","lineNumber","columnNumber","SidePanelFieldActionsRow","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/SidePanelFieldActionsRow.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport type { Column } from '../../model';\nimport {\n  buildFieldActionGroups,\n  HeaderActionsPopover,\n  type FieldActionColumn,\n  type FieldActionHandlers,\n  type FieldActionKey,\n} from '../FieldActions';\nimport { FieldActionsState } from '../../state/FieldActionsState';\n\nconst SIDE_PANEL_ACTION_GROUPS: FieldActionKey[][] = [\n  ['editField'],\n  ['makePrimary', 'duplicateField', 'duplicateFieldWithContent'],\n  ['delete'],\n];\n\nfunction toFieldActionColumn(col: Column): FieldActionColumn & { id: string } {\n  const isText =\n    col.fieldType === 'SHORT_TEXT' || col.fieldType === 'LONG_TEXT';\n  return {\n    id: col.id,\n    isPrimary: col.isPrimary,\n    isSystem: col.isSystem,\n    cellType: isText ? 'text' : col.fieldType,\n  };\n}\n\nexport interface SidePanelFieldActionsRowProps {\n  column: Column;\n  state: FieldActionsState;\n}\n\nfunction _SidePanelFieldActionsRow({\n  column,\n  state,\n}: SidePanelFieldActionsRowProps) {\n  const { handlers: fieldActions, permissions } = state;\n\n  const handlers: FieldActionHandlers = {};\n\n  if (fieldActions?.editField) {\n    handlers.editField = (id) => fieldActions.editField!(id, {});\n  }\n  if (fieldActions?.makePrimary) {\n    handlers.makePrimary = (id) => state.makePrimary(id);\n  }\n  if (fieldActions?.duplicateField) {\n    handlers.duplicateField = (id) => state.duplicate(id);\n  }\n  if (fieldActions?.duplicateFieldWithContent) {\n    handlers.duplicateFieldWithContent = (id) => state.duplicateWithContent(id);\n  }\n  if (fieldActions?.deleteField) {\n    handlers.delete = (id) => state.confirmDelete(id);\n  }\n\n  const groups = buildFieldActionGroups({\n    column: toFieldActionColumn(column),\n    permissions,\n    handlers,\n    loading: {\n      makePrimary: state.isMakingPrimary,\n      duplicateField: state.isDuplicating,\n      duplicateFieldWithContent: state.isDuplicatingWithContent,\n    },\n    groups: SIDE_PANEL_ACTION_GROUPS,\n  });\n\n  if (groups.length === 0) {\n    return null;\n  }\n\n  return (\n    <HeaderActionsPopover\n      actions={groups}\n      dataHook={`side-panel-field-actions-${column.id}`}\n    />\n  );\n}\n\nexport const SidePanelFieldActionsRow = observer(_SidePanelFieldActionsRow);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AAMyB,IAAAG,YAAA;AAGzB,MAAMC,wBAA4C,GAAG,CACnD,CAAC,WAAW,CAAC,EACb,CAAC,aAAa,EAAE,gBAAgB,EAAE,2BAA2B,CAAC,EAC9D,CAAC,QAAQ,CAAC,CACX;AAED,SAASC,mBAAmBA,CAACC,GAAW,EAAsC;EAC5E,MAAMC,MAAM,GACVD,GAAG,CAACE,SAAS,KAAK,YAAY,IAAIF,GAAG,CAACE,SAAS,KAAK,WAAW;EACjE,OAAO;IACLC,EAAE,EAAEH,GAAG,CAACG,EAAE;IACVC,SAAS,EAAEJ,GAAG,CAACI,SAAS;IACxBC,QAAQ,EAAEL,GAAG,CAACK,QAAQ;IACtBC,QAAQ,EAAEL,MAAM,GAAG,MAAM,GAAGD,GAAG,CAACE;EAClC,CAAC;AACH;AAOA,SAASK,yBAAyBA,CAAC;EACjCC,MAAM;EACNC;AAC6B,CAAC,EAAE;EAChC,MAAM;IAAEC,QAAQ,EAAEC,YAAY;IAAEC;EAAY,CAAC,GAAGH,KAAK;EAErD,MAAMC,QAA6B,GAAG,CAAC,CAAC;EAExC,IAAIC,YAAY,YAAZA,YAAY,CAAEE,SAAS,EAAE;IAC3BH,QAAQ,CAACG,SAAS,GAAIV,EAAE,IAAKQ,YAAY,CAACE,SAAS,CAAEV,EAAE,EAAE,CAAC,CAAC,CAAC;EAC9D;EACA,IAAIQ,YAAY,YAAZA,YAAY,CAAEG,WAAW,EAAE;IAC7BJ,QAAQ,CAACI,WAAW,GAAIX,EAAE,IAAKM,KAAK,CAACK,WAAW,CAACX,EAAE,CAAC;EACtD;EACA,IAAIQ,YAAY,YAAZA,YAAY,CAAEI,cAAc,EAAE;IAChCL,QAAQ,CAACK,cAAc,GAAIZ,EAAE,IAAKM,KAAK,CAACO,SAAS,CAACb,EAAE,CAAC;EACvD;EACA,IAAIQ,YAAY,YAAZA,YAAY,CAAEM,yBAAyB,EAAE;IAC3CP,QAAQ,CAACO,yBAAyB,GAAId,EAAE,IAAKM,KAAK,CAACS,oBAAoB,CAACf,EAAE,CAAC;EAC7E;EACA,IAAIQ,YAAY,YAAZA,YAAY,CAAEQ,WAAW,EAAE;IAC7BT,QAAQ,CAACU,MAAM,GAAIjB,EAAE,IAAKM,KAAK,CAACY,aAAa,CAAClB,EAAE,CAAC;EACnD;EAEA,MAAMmB,MAAM,GAAG,IAAAC,oCAAsB,EAAC;IACpCf,MAAM,EAAET,mBAAmB,CAACS,MAAM,CAAC;IACnCI,WAAW;IACXF,QAAQ;IACRc,OAAO,EAAE;MACPV,WAAW,EAAEL,KAAK,CAACgB,eAAe;MAClCV,cAAc,EAAEN,KAAK,CAACiB,aAAa;MACnCT,yBAAyB,EAAER,KAAK,CAACkB;IACnC,CAAC;IACDL,MAAM,EAAExB;EACV,CAAC,CAAC;EAEF,IAAIwB,MAAM,CAACM,MAAM,KAAK,CAAC,EAAE;IACvB,OAAO,IAAI;EACb;EAEA,oBACEpC,MAAA,CAAAqC,OAAA,CAAAC,aAAA,CAAClC,aAAA,CAAAmC,oBAAoB;IACnBC,OAAO,EAAEV,MAAO;IAChBW,QAAQ,EAAE,4BAA4BzB,MAAM,CAACL,EAAE,EAAG;IAAA+B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvC,YAAA;MAAAwC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACnD,CAAC;AAEN;AAEO,MAAMC,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,IAAAE,uBAAQ,EAAClC,yBAAyB,CAAC","ignoreList":[]}