@wix/patterns 1.430.0 → 1.431.0

package/dist/cjs/state/buildEditableFieldColumns.js

@@ -2,11 +2,26 @@
 
 exports.__esModule = true;
 exports.buildEditableFieldColumns = buildEditableFieldColumns;
+var _bexCore = require("@wix/bex-core");
 var _fieldTypeToCellType = require("./EditableTable/fieldTypeToCellType");
 // Types whose editable cell needs typeConfig the projection can't supply yet
 // (referenced collection, address shape). Until that lands, they render as a
 // read-only 'object' cell rather than a broken editor.
 const NEEDS_TYPE_CONFIG = new Set(['REFERENCE', 'MULTI_REFERENCE', 'ADDRESS']);
+
+/**
+ * Whether this column has a usable inline editor. Read-only cases:
+ * `NEEDS_TYPE_CONFIG` types are downgraded to a display cell, `UNKNOWN` has no
+ * editor, and a `CUSTOM` field is only editable through a definition that
+ * supplies an EditComponent. Everything else keeps its cell type's own editor —
+ * including OBJECT / ARRAY, whose cells edit as JSON.
+ */
+function hasEditor(field, customCell) {
+  if (customCell) {
+    return !!customCell.EditComponent;
+  }
+  return field.type !== 'CUSTOM' && field.type !== 'UNKNOWN' && !NEEDS_TYPE_CONFIG.has(field.type);
+}
 function toValidationRules(field) {
   var _v$numberRange, _v$numberRange2, _v$stringLengthRange, _v$stringLengthRange2;
   const v = field.validation;
@@ -51,31 +66,57 @@ function toValidationRules(field) {
   return rules;
 }
 
+// The inline-custom cell config for a resolved definition: its editableTable
+// slot, with the definition's value-level validation layered in when the slot
+// doesn't validate itself.
+function synthesizeCellConfig(definition) {
+  var _definition$value;
+  const editableTable = definition.editableTable;
+  const valueValidate = (_definition$value = definition.value) == null ? void 0 : _definition$value.validate;
+  const validate = valueValidate && ((value, rules) => valueValidate(value, rules));
+  return {
+    ...editableTable,
+    validate
+  };
+}
+
 /**
  * Projects a FieldsSource's fields into EditableTable columns: a cell type by
  * field type, value read/write through the source, validation from the field,
  * and the flags the header reads for its disable rules. A cell is editable only
  * when the source can write it back (setCellValue) and the field isn't a system
- * field.
+ * field. A CUSTOM field renders through its definition's editableTable slot as
+ * an inline custom cell; without one it falls back to a read-only object cell.
  */
-function buildEditableFieldColumns(source) {
+function buildEditableFieldColumns(source, editableCellFor) {
   const canWrite = typeof source.setCellValue === 'function';
   return source.fields.map(field => {
-    var _field$capabilities;
+    var _definition$capabilit, _field$capabilities;
     const id = source.columnIdForField(field);
-    const cellType = NEEDS_TYPE_CONFIG.has(field.type) ? 'object' : _fieldTypeToCellType.FIELD_TYPE_TO_CELL_TYPE[field.type] ?? 'object';
+    const definition = (0, _bexCore.resolveFieldTypeDefinition)(source, field);
+    const customCell = definition != null && definition.editableTable ? synthesizeCellConfig(definition) : undefined;
+    // A source-supplied cell wins over the downgrade: it carries the typeConfig
+    // that made the type read-only here in the first place.
+    const sourceCell = customCell ? undefined : NEEDS_TYPE_CONFIG.has(field.type) ? editableCellFor == null ? void 0 : editableCellFor(field) : undefined;
+    const cellType = customCell ? 'custom' : (sourceCell == null ? void 0 : sourceCell.cellType) ?? (NEEDS_TYPE_CONFIG.has(field.type) ? 'object' : _fieldTypeToCellType.FIELD_TYPE_TO_CELL_TYPE[field.type] ?? 'object');
     const validation = toValidationRules(field);
-    const editable = canWrite && cellType !== 'object' && !field.isSystem;
+    const editable = canWrite && !field.isSystem && (!!sourceCell || hasEditor(field, customCell));
     return {
       id,
       cellType,
+      ...(customCell && {
+        typeConfig: customCell
+      }),
+      ...(sourceCell && {
+        typeConfig: sourceCell.typeConfig
+      }),
       field,
       title: field.displayName,
       name: field.displayName,
       isPrimary: field.isPrimary,
       isSystem: field.isSystem,
       hideable: true,
-      sortable: ((_field$capabilities = field.capabilities) == null ? void 0 : _field$capabilities.sortable) ?? false,
+      sortable: (definition == null || (_definition$capabilit = definition.capabilities) == null ? void 0 : _definition$capabilit.sortable) ?? ((_field$capabilities = field.capabilities) == null ? void 0 : _field$capabilities.sortable) ?? false,
       editable,
       validation: validation.length ? validation : undefined,
       getValue: item => source.getCellValue(item, field),

package/dist/cjs/state/buildEditableFieldColumns.js.map

@@ -1 +1 @@
-{"version":3,"names":["_fieldTypeToCellType","require","NEEDS_TYPE_CONFIG","Set","toValidationRules","field","_v$numberRange","_v$numberRange2","_v$stringLengthRange","_v$stringLengthRange2","v","validation","rules","required","push","type","message","displayName","numberRange","min","value","max","stringLengthRange","minLength","maxLength","buildEditableFieldColumns","source","canWrite","setCellValue","fields","map","_field$capabilities","id","columnIdForField","cellType","has","FIELD_TYPE_TO_CELL_TYPE","editable","isSystem","title","name","isPrimary","hideable","sortable","capabilities","length","undefined","getValue","item","getCellValue","setValue"],"sources":["../../../src/state/buildEditableFieldColumns.ts"],"sourcesContent":["import type { Field, FieldsSource, PatternsFieldType } from '@wix/bex-core';\nimport type { EditableColumn, ValidationRule } from './EditableTable/types';\nimport { FIELD_TYPE_TO_CELL_TYPE } from './EditableTable/fieldTypeToCellType';\n\n// Types whose editable cell needs typeConfig the projection can't supply yet\n// (referenced collection, address shape). Until that lands, they render as a\n// read-only 'object' cell rather than a broken editor.\nconst NEEDS_TYPE_CONFIG = new Set<PatternsFieldType>([\n  'REFERENCE',\n  'MULTI_REFERENCE',\n  'ADDRESS',\n]);\n\nfunction toValidationRules(field: Field): ValidationRule[] {\n  const v = field.validation;\n  if (!v) {\n    return [];\n  }\n  const rules: ValidationRule[] = [];\n  if (v.required) {\n    rules.push({\n      type: 'required',\n      message: `${field.displayName} is required`,\n    });\n  }\n  if (v.numberRange?.min != null) {\n    rules.push({ type: 'min', value: v.numberRange.min, message: '' });\n  }\n  if (v.numberRange?.max != null) {\n    rules.push({ type: 'max', value: v.numberRange.max, message: '' });\n  }\n  if (v.stringLengthRange?.minLength != null) {\n    rules.push({\n      type: 'minLength',\n      value: v.stringLengthRange.minLength,\n      message: '',\n    });\n  }\n  if (v.stringLengthRange?.maxLength != null) {\n    rules.push({\n      type: 'maxLength',\n      value: v.stringLengthRange.maxLength,\n      message: '',\n    });\n  }\n  return rules;\n}\n\n/**\n * Projects a FieldsSource's fields into EditableTable columns: a cell type by\n * field type, value read/write through the source, validation from the field,\n * and the flags the header reads for its disable rules. A cell is editable only\n * when the source can write it back (setCellValue) and the field isn't a system\n * field.\n */\nexport function buildEditableFieldColumns(\n  source: FieldsSource,\n): EditableColumn<Record<string, unknown>>[] {\n  const canWrite = typeof source.setCellValue === 'function';\n  return source.fields.map((field) => {\n    const id = source.columnIdForField(field);\n    const cellType = NEEDS_TYPE_CONFIG.has(field.type)\n      ? 'object'\n      : FIELD_TYPE_TO_CELL_TYPE[field.type] ?? 'object';\n    const validation = toValidationRules(field);\n    const editable = canWrite && cellType !== 'object' && !field.isSystem;\n    return {\n      id,\n      cellType,\n      field,\n      title: field.displayName,\n      name: field.displayName,\n      isPrimary: field.isPrimary,\n      isSystem: field.isSystem,\n      hideable: true,\n      sortable: field.capabilities?.sortable ?? false,\n      editable,\n      validation: validation.length ? validation : undefined,\n      getValue: (item) => source.getCellValue(item, field),\n      setValue: editable\n        ? (item, value) =>\n            source.setCellValue!(item, field, value) as Record<string, unknown>\n        : undefined,\n    } as EditableColumn<Record<string, unknown>>;\n  });\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_fieldTypeToCellType","NEEDS_TYPE_CONFIG","Set","hasEditor","field","customCell","EditComponent","type","has","toValidationRules","_v$numberRange","_v$numberRange2","_v$stringLengthRange","_v$stringLengthRange2","v","validation","rules","required","push","message","displayName","numberRange","min","value","max","stringLengthRange","minLength","maxLength","synthesizeCellConfig","definition","_definition$value","editableTable","valueValidate","validate","buildEditableFieldColumns","source","editableCellFor","canWrite","setCellValue","fields","map","_definition$capabilit","_field$capabilities","id","columnIdForField","resolveFieldTypeDefinition","undefined","sourceCell","cellType","FIELD_TYPE_TO_CELL_TYPE","editable","isSystem","typeConfig","title","name","isPrimary","hideable","sortable","capabilities","length","getValue","item","getCellValue","setValue"],"sources":["../../../src/state/buildEditableFieldColumns.ts"],"sourcesContent":["import type {\n  Field,\n  FieldsSource,\n  FieldTypeDefinition,\n  PatternsFieldType,\n  ValidationRule,\n} from '@wix/bex-core';\nimport { resolveFieldTypeDefinition } from '@wix/bex-core';\nimport type { CellType, EditableColumn } from './EditableTable/types';\nimport { FIELD_TYPE_TO_CELL_TYPE } from './EditableTable/fieldTypeToCellType';\nimport type { EditableCellUpgrade } from './CollectionFieldsSourceState';\n\n// Types whose editable cell needs typeConfig the projection can't supply yet\n// (referenced collection, address shape). Until that lands, they render as a\n// read-only 'object' cell rather than a broken editor.\nconst NEEDS_TYPE_CONFIG = new Set<PatternsFieldType>([\n  'REFERENCE',\n  'MULTI_REFERENCE',\n  'ADDRESS',\n]);\n\n/**\n * Whether this column has a usable inline editor. Read-only cases:\n * `NEEDS_TYPE_CONFIG` types are downgraded to a display cell, `UNKNOWN` has no\n * editor, and a `CUSTOM` field is only editable through a definition that\n * supplies an EditComponent. Everything else keeps its cell type's own editor —\n * including OBJECT / ARRAY, whose cells edit as JSON.\n */\nfunction hasEditor(field: Field, customCell?: Omit<CellType, 'type'>): boolean {\n  if (customCell) {\n    return !!customCell.EditComponent;\n  }\n  return (\n    field.type !== 'CUSTOM' &&\n    field.type !== 'UNKNOWN' &&\n    !NEEDS_TYPE_CONFIG.has(field.type)\n  );\n}\n\nfunction toValidationRules(field: Field): ValidationRule[] {\n  const v = field.validation;\n  if (!v) {\n    return [];\n  }\n  const rules: ValidationRule[] = [];\n  if (v.required) {\n    rules.push({\n      type: 'required',\n      message: `${field.displayName} is required`,\n    });\n  }\n  if (v.numberRange?.min != null) {\n    rules.push({ type: 'min', value: v.numberRange.min, message: '' });\n  }\n  if (v.numberRange?.max != null) {\n    rules.push({ type: 'max', value: v.numberRange.max, message: '' });\n  }\n  if (v.stringLengthRange?.minLength != null) {\n    rules.push({\n      type: 'minLength',\n      value: v.stringLengthRange.minLength,\n      message: '',\n    });\n  }\n  if (v.stringLengthRange?.maxLength != null) {\n    rules.push({\n      type: 'maxLength',\n      value: v.stringLengthRange.maxLength,\n      message: '',\n    });\n  }\n  return rules;\n}\n\n// The inline-custom cell config for a resolved definition: its editableTable\n// slot, with the definition's value-level validation layered in when the slot\n// doesn't validate itself.\nfunction synthesizeCellConfig(\n  definition: FieldTypeDefinition,\n): Omit<CellType, 'type'> {\n  const editableTable = definition.editableTable!;\n  const valueValidate = definition.value?.validate;\n  const validate =\n    valueValidate &&\n    ((value: unknown, rules?: ValidationRule[]) => valueValidate(value, rules));\n  return { ...editableTable, validate };\n}\n\n/**\n * Projects a FieldsSource's fields into EditableTable columns: a cell type by\n * field type, value read/write through the source, validation from the field,\n * and the flags the header reads for its disable rules. A cell is editable only\n * when the source can write it back (setCellValue) and the field isn't a system\n * field. A CUSTOM field renders through its definition's editableTable slot as\n * an inline custom cell; without one it falls back to a read-only object cell.\n */\nexport function buildEditableFieldColumns(\n  source: FieldsSource,\n  editableCellFor?: (field: Field) => EditableCellUpgrade | undefined,\n): EditableColumn<Record<string, unknown>>[] {\n  const canWrite = typeof source.setCellValue === 'function';\n  return source.fields.map((field) => {\n    const id = source.columnIdForField(field);\n    const definition = resolveFieldTypeDefinition(source, field);\n    const customCell = definition?.editableTable\n      ? synthesizeCellConfig(definition)\n      : undefined;\n    // A source-supplied cell wins over the downgrade: it carries the typeConfig\n    // that made the type read-only here in the first place.\n    const sourceCell = customCell\n      ? undefined\n      : NEEDS_TYPE_CONFIG.has(field.type)\n      ? editableCellFor?.(field)\n      : undefined;\n    const cellType = customCell\n      ? 'custom'\n      : sourceCell?.cellType ??\n        (NEEDS_TYPE_CONFIG.has(field.type)\n          ? 'object'\n          : FIELD_TYPE_TO_CELL_TYPE[field.type] ?? 'object');\n    const validation = toValidationRules(field);\n    const editable =\n      canWrite &&\n      !field.isSystem &&\n      (!!sourceCell || hasEditor(field, customCell));\n    return {\n      id,\n      cellType,\n      ...(customCell && { typeConfig: customCell }),\n      ...(sourceCell && { typeConfig: sourceCell.typeConfig }),\n      field,\n      title: field.displayName,\n      name: field.displayName,\n      isPrimary: field.isPrimary,\n      isSystem: field.isSystem,\n      hideable: true,\n      sortable:\n        definition?.capabilities?.sortable ??\n        field.capabilities?.sortable ??\n        false,\n      editable,\n      validation: validation.length ? validation : undefined,\n      getValue: (item) => source.getCellValue(item, field),\n      setValue: editable\n        ? (item, value) =>\n            source.setCellValue!(item, field, value) as Record<string, unknown>\n        : undefined,\n    } as EditableColumn<Record<string, unknown>>;\n  });\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/buildFieldColumns.js

@@ -4,6 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.buildFieldColumns = buildFieldColumns;
 var _react = _interopRequireDefault(require("react"));
+var _bexCore = require("@wix/bex-core");
 var _FieldCell = require("../components/FieldCell/FieldCell");
 var _fieldTypePrefixIcons = require("../utils/fieldTypePrefixIcons");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/state/buildFieldColumns.tsx";
@@ -68,7 +69,11 @@ function buildFieldColumns(source, columnOverrides, ctx = {
   return source.fields.map(field => {
     var _field$capabilities;
     const id = source.columnIdForField(field);
-    const layout = LAYOUT_BY_TYPE[field.type] ?? DEFAULT_LAYOUT;
+    const definition = (0, _bexCore.resolveFieldTypeDefinition)(source, field);
+    const layout = definition != null && definition.table ? {
+      width: definition.table.width,
+      align: definition.table.align ?? 'start'
+    } : LAYOUT_BY_TYPE[field.type] ?? DEFAULT_LAYOUT;
     return {
       id,
       field,
@@ -87,10 +92,11 @@ function buildFieldColumns(source, columnOverrides, ctx = {
         type: field.type,
         value: source.getCellValue(row, field),
         fieldId: `${id}-${rowNum}`,
+        definition: definition,
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 71,
+          lineNumber: 78,
           columnNumber: 9
         }
       }),

package/dist/cjs/state/buildFieldColumns.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_FieldCell","_fieldTypePrefixIcons","_jsxFileName","LAYOUT_BY_TYPE","SHORT_TEXT","width","align","LONG_TEXT","URL","DATE","DATETIME","NUMBER","BOOLEAN","ARRAY","DOCUMENT","DEFAULT_LAYOUT","buildFieldColumns","source","columnOverrides","ctx","firstBuild","fields","map","field","_field$capabilities","id","columnIdForField","layout","type","dataHook","name","displayName","title","hideable","sortable","capabilities","isPii","isSystem","isPrimary","fieldType","toFieldType","render","row","rowNum","default","createElement","FieldCell","value","getCellValue","fieldId","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../src/state/buildFieldColumns.tsx"],"sourcesContent":["import React from 'react';\nimport type { Field, FieldsSource, PatternsFieldType } from '@wix/bex-core';\nimport type { DataTableColumnAlign } from '@wix/design-system/dist/types/Table/DataTable';\nimport { Column } from '../model';\nimport { FieldCell } from '../components/FieldCell/FieldCell';\nimport { toFieldType } from '../utils/fieldTypePrefixIcons';\n\n/**\n * Column width and alignment per field type. These match the widths the table\n * used before this builder existed, so columns keep the same layout. Types not\n * listed fall back to DEFAULT_LAYOUT.\n */\nconst LAYOUT_BY_TYPE: Partial<\n  Record<PatternsFieldType, { width: string; align: DataTableColumnAlign }>\n> = {\n  SHORT_TEXT: { width: '150px', align: 'start' },\n  LONG_TEXT: { width: '250px', align: 'start' },\n  URL: { width: '250px', align: 'start' },\n  DATE: { width: '150px', align: 'center' },\n  DATETIME: { width: '200px', align: 'center' },\n  NUMBER: { width: '100px', align: 'center' },\n  BOOLEAN: { width: '100px', align: 'center' },\n  ARRAY: { width: '150px', align: 'start' },\n  DOCUMENT: { width: '180px', align: 'start' },\n};\n\nconst DEFAULT_LAYOUT = {\n  width: '200px',\n  align: 'start' as DataTableColumnAlign,\n};\n\nexport interface ColumnOverridesContext {\n  /** True on the first push for a source, when every column starts hidden. */\n  firstBuild: boolean;\n}\n\n/**\n * Builds table columns from a FieldsSource. Each column renders its value with\n * FieldCell by type. A source can replace any column property — including the\n * render function for media types — through columnOverrides.\n */\nexport function buildFieldColumns(\n  source: FieldsSource,\n  columnOverrides?: (\n    field: Field,\n    ctx: ColumnOverridesContext,\n  ) => Partial<Column>,\n  ctx: ColumnOverridesContext = { firstBuild: false },\n): Column[] {\n  // align and dataHook aren't on Column but the WDS table reads them, so the\n  // callback is left unannotated — annotating the literal as Column would reject\n  // them as excess properties. The function still returns Column[].\n  return source.fields.map((field) => {\n    const id = source.columnIdForField(field);\n    const layout = LAYOUT_BY_TYPE[field.type] ?? DEFAULT_LAYOUT;\n    return {\n      id,\n      field,\n      dataHook: id,\n      name: field.displayName,\n      title: field.displayName,\n      hideable: true,\n      sortable: field.capabilities?.sortable ?? false,\n      isPii: field.isPii,\n      isSystem: field.isSystem,\n      isPrimary: field.isPrimary,\n      fieldType: toFieldType(field.type),\n      width: layout.width,\n      align: layout.align,\n      render: (row, rowNum) => (\n        <FieldCell\n          type={field.type}\n          value={source.getCellValue(row, field)}\n          fieldId={`${id}-${rowNum}`}\n        />\n      ),\n      ...columnOverrides?.(field, ctx),\n    };\n  });\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_bexCore","_FieldCell","_fieldTypePrefixIcons","_jsxFileName","LAYOUT_BY_TYPE","SHORT_TEXT","width","align","LONG_TEXT","URL","DATE","DATETIME","NUMBER","BOOLEAN","ARRAY","DOCUMENT","DEFAULT_LAYOUT","buildFieldColumns","source","columnOverrides","ctx","firstBuild","fields","map","field","_field$capabilities","id","columnIdForField","definition","resolveFieldTypeDefinition","layout","table","type","dataHook","name","displayName","title","hideable","sortable","capabilities","isPii","isSystem","isPrimary","fieldType","toFieldType","render","row","rowNum","default","createElement","FieldCell","value","getCellValue","fieldId","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../src/state/buildFieldColumns.tsx"],"sourcesContent":["import React from 'react';\nimport type { Field, FieldsSource, PatternsFieldType } from '@wix/bex-core';\nimport { resolveFieldTypeDefinition } from '@wix/bex-core';\nimport type { DataTableColumnAlign } from '@wix/design-system/dist/types/Table/DataTable';\nimport { Column } from '../model';\nimport { FieldCell } from '../components/FieldCell/FieldCell';\nimport { toFieldType } from '../utils/fieldTypePrefixIcons';\n\n/**\n * Column width and alignment per field type. These match the widths the table\n * used before this builder existed, so columns keep the same layout. Types not\n * listed fall back to DEFAULT_LAYOUT.\n */\nconst LAYOUT_BY_TYPE: Partial<\n  Record<PatternsFieldType, { width: string; align: DataTableColumnAlign }>\n> = {\n  SHORT_TEXT: { width: '150px', align: 'start' },\n  LONG_TEXT: { width: '250px', align: 'start' },\n  URL: { width: '250px', align: 'start' },\n  DATE: { width: '150px', align: 'center' },\n  DATETIME: { width: '200px', align: 'center' },\n  NUMBER: { width: '100px', align: 'center' },\n  BOOLEAN: { width: '100px', align: 'center' },\n  ARRAY: { width: '150px', align: 'start' },\n  DOCUMENT: { width: '180px', align: 'start' },\n};\n\nconst DEFAULT_LAYOUT = {\n  width: '200px',\n  align: 'start' as DataTableColumnAlign,\n};\n\nexport interface ColumnOverridesContext {\n  /** True on the first push for a source, when every column starts hidden. */\n  firstBuild: boolean;\n}\n\n/**\n * Builds table columns from a FieldsSource. Each column renders its value with\n * FieldCell by type. A source can replace any column property — including the\n * render function for media types — through columnOverrides.\n */\nexport function buildFieldColumns(\n  source: FieldsSource,\n  columnOverrides?: (\n    field: Field,\n    ctx: ColumnOverridesContext,\n  ) => Partial<Column>,\n  ctx: ColumnOverridesContext = { firstBuild: false },\n): Column[] {\n  // align and dataHook aren't on Column but the WDS table reads them, so the\n  // callback is left unannotated — annotating the literal as Column would reject\n  // them as excess properties. The function still returns Column[].\n  return source.fields.map((field) => {\n    const id = source.columnIdForField(field);\n    const definition = resolveFieldTypeDefinition(source, field);\n    const layout = definition?.table\n      ? {\n          width: definition.table.width,\n          align: definition.table.align ?? 'start',\n        }\n      : LAYOUT_BY_TYPE[field.type] ?? DEFAULT_LAYOUT;\n    return {\n      id,\n      field,\n      dataHook: id,\n      name: field.displayName,\n      title: field.displayName,\n      hideable: true,\n      sortable: field.capabilities?.sortable ?? false,\n      isPii: field.isPii,\n      isSystem: field.isSystem,\n      isPrimary: field.isPrimary,\n      fieldType: toFieldType(field.type),\n      width: layout.width,\n      align: layout.align,\n      render: (row, rowNum) => (\n        <FieldCell\n          type={field.type}\n          value={source.getCellValue(row, field)}\n          fieldId={`${id}-${rowNum}`}\n          definition={definition}\n        />\n      ),\n      ...columnOverrides?.(field, ctx),\n    };\n  });\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/buildFieldFilters.js

@@ -2,7 +2,7 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.registerFieldFilters = exports.isFilterableFieldType = exports.buildFieldFilters = void 0;
+exports.registerFieldFilters = exports.isFilterableFieldType = exports.isFilterableField = exports.buildFieldFilters = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _bexCore = require("@wix/bex-core");
@@ -52,15 +52,39 @@ const filterFactoryByType = config => {
 /** A field gets an auto filter when its type maps to a filter element. */
 const isFilterableFieldType = type => type in FILTER_COMPONENT_BY_TYPE;
 
+/** The active filter config of a CUSTOM field's type definition, if any. */
+exports.isFilterableFieldType = isFilterableFieldType;
+const resolveCustomFilter = (field, source) => {
+  const customTypeConfig = (0, _bexCore.resolveFieldTypeDefinition)(source, field);
+  return customTypeConfig && (0, _bexCore.isFilterTypeConfig)(customTypeConfig.filter) ? customTypeConfig.filter : undefined;
+};
+
+/** A field gets an auto filter when its type maps to a filter element, or —
+ *  for a CUSTOM field — when its type definition declares a filter config. */
+const isFilterableField = (field, source) => field.type === 'CUSTOM' ? !!resolveCustomFilter(field, source) : isFilterableFieldType(field.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.
  */
-exports.isFilterableFieldType = isFilterableFieldType;
-const registerFieldFilters = (toolbar, fields, config) => {
+exports.isFilterableField = isFilterableField;
+const registerFieldFilters = (toolbar, source, config) => {
   const factoryByType = filterFactoryByType(config);
-  fields.forEach(field => {
+  source.filterableFields.forEach(field => {
+    if (field.type === 'CUSTOM') {
+      const customFilter = resolveCustomFilter(field, source);
+      if (!customFilter) {
+        return;
+      }
+      const filter = customFilter.createFilter(field);
+      // The collection registers the filter under the field's id.
+      Object.assign(filter, {
+        name: field.id
+      });
+      toolbar.collection.query.addFilterIfNeeded(field.id, filter);
+      return;
+    }
     const factory = factoryByType[field.type];
     if (!factory) {
       return;
@@ -74,13 +98,42 @@ const registerFieldFilters = (toolbar, fields, config) => {
 
 /** Builds the toolbar filter element for a field, or null when it has none. */
 exports.registerFieldFilters = registerFieldFilters;
-const buildFieldFilterElement = (toolbar, field, config) => {
-  const FilterComponent = FILTER_COMPONENT_BY_TYPE[field.type];
+const buildFieldFilterElement = (toolbar, field, config, source) => {
   const filter = toolbar.collection.filters[field.id];
-  if (!FilterComponent || !filter) {
+  if (!filter) {
     return null;
   }
   const label = field.displayName || field.id;
+  if (field.type === 'CUSTOM') {
+    var _resolveCustomFilter;
+    const CustomComponent = (_resolveCustomFilter = resolveCustomFilter(field, source)) == null ? void 0 : _resolveCustomFilter.Component;
+    if (!CustomComponent) {
+      return null;
+    }
+    return /*#__PURE__*/_react.default.createElement(CustomComponent, {
+      key: field.id,
+      filter: filter,
+      accordionItemProps: {
+        label
+      },
+      toolbarItemProps: {
+        label
+      },
+      toolbarTagProps: {
+        label
+      },
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 157,
+        columnNumber: 7
+      }
+    });
+  }
+  const FilterComponent = FILTER_COMPONENT_BY_TYPE[field.type];
+  if (!FilterComponent) {
+    return null;
+  }
   const decimal = field.type === 'NUMBER' ? config.numberIsDecimal == null ? void 0 : config.numberIsDecimal(field) : false;
   return /*#__PURE__*/_react.default.createElement(FilterComponent, (0, _extends2.default)({
     key: field.id,
@@ -101,13 +154,13 @@ const buildFieldFilterElement = (toolbar, field, config) => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 116,
+      lineNumber: 173,
       columnNumber: 5
     }
   }));
 };
 
 /** Builds the toolbar filter elements for a source's filterable fields. */
-const buildFieldFilters = (toolbar, fields, config) => fields.map(field => buildFieldFilterElement(toolbar, field, config)).filter(el => el !== null);
+const buildFieldFilters = (toolbar, source, config) => source.filterableFields.map(field => buildFieldFilterElement(toolbar, field, config, source)).filter(el => el !== null);
 exports.buildFieldFilters = buildFieldFilters;
 //# sourceMappingURL=buildFieldFilters.js.map

package/dist/cjs/state/buildFieldFilters.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_bexCore","_fieldTypePrefixIcons","_CheckboxCustomFieldFilter","_DateCustomFieldFilter","_DateTimeCustomFieldFilter","_OperatorFilterCustomFieldFilter","_NumberRangeFilter","_jsxFileName","FILTER_COMPONENT_BY_TYPE","SHORT_TEXT","OperatorFilterCustomFieldFilter","LONG_TEXT","URL","NUMBER","NumberRangeFilter","BOOLEAN","CheckboxCustomFieldFilter","DATE","DateCustomFieldFilter","DATETIME","DateTimeCustomFieldFilter","filterFactoryByType","config","stringFilter","params","stringOperatorFilter","allowedOperators","textOperators","numberRangeFilter","idNameArrayFilter","dateRangeFilter","isFilterableFieldType","type","exports","registerFieldFilters","toolbar","fields","factoryByType","forEach","field","factory","collection","query","addFilterIfNeeded","id","name","isCustomField","buildFieldFilterElement","FilterComponent","filter","filters","label","displayName","decimal","numberIsDecimal","default","createElement","_extends2","key","fieldType","iconType","toFieldType","accordionItemProps","toolbarItemProps","toolbarTagProps","__self","__source","fileName","lineNumber","columnNumber","buildFieldFilters","map","el"],"sources":["../../../src/state/buildFieldFilters.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  dateRangeFilter,\n  idNameArrayFilter,\n  numberRangeFilter,\n  stringOperatorFilter,\n} from '@wix/bex-core';\nimport type {\n  Field,\n  Filter,\n  FilterStateBaseParams,\n  FilterOperator,\n  PatternsFieldType,\n} from '@wix/bex-core';\nimport type { ToolbarCollectionState } from './ToolbarCollectionState';\nimport type { FilterElement } from '../components/CollectionToolbarFilters';\nimport { toFieldType } from '../utils/fieldTypePrefixIcons';\nimport { CheckboxCustomFieldFilter } from '../components/CustomFieldFilters/CheckboxCustomFieldFilter';\nimport { DateCustomFieldFilter } from '../components/CustomFieldFilters/DateCustomFieldFilter';\nimport { DateTimeCustomFieldFilter } from '../components/CustomFieldFilters/DateTimeCustomFieldFilter';\nimport { OperatorFilterCustomFieldFilter } from '../components/CustomFieldFilters/OperatorFilterCustomFieldFilter';\nimport { NumberRangeFilter } from '../components/NumberRangeFilter';\n\ntype FilterFactory = (\n  params: Partial<FilterStateBaseParams<any>>,\n) => Filter<any>;\n\n/**\n * The filter behavior a source supplies that the shared builder can't derive\n * from the neutral field type. The neutral type collapses distinct source types\n * (e.g. a DataExtension dropdown into SHORT_TEXT), so the source fills the gaps.\n */\nexport interface FieldFilterConfig {\n  /** Operators the source's backend can run on text fields. */\n  textOperators: FilterOperator[];\n  /** Whether a NUMBER field's filter accepts decimals. Default: false. */\n  numberIsDecimal?: (field: Field) => boolean;\n  /** Filter type icon. Default: derived from the neutral field type. */\n  iconType?: (field: Field) => ReturnType<typeof toFieldType>;\n}\n\n// Field type → the filter element rendered in the toolbar. Its keys also define\n// which field types get an auto filter (see isFilterableFieldType).\nconst FILTER_COMPONENT_BY_TYPE: Partial<\n  Record<PatternsFieldType, React.ComponentType<any>>\n> = {\n  SHORT_TEXT: OperatorFilterCustomFieldFilter,\n  LONG_TEXT: OperatorFilterCustomFieldFilter,\n  URL: OperatorFilterCustomFieldFilter,\n  NUMBER: NumberRangeFilter,\n  BOOLEAN: CheckboxCustomFieldFilter,\n  DATE: DateCustomFieldFilter,\n  DATETIME: DateTimeCustomFieldFilter,\n};\n\n// Field type → the filter state registered on the collection query. Text fields\n// use the source's allowed operators; the rest are fixed.\nconst filterFactoryByType = (\n  config: FieldFilterConfig,\n): Partial<Record<PatternsFieldType, FilterFactory>> => {\n  const stringFilter: FilterFactory = (params) =>\n    stringOperatorFilter({ ...params, allowedOperators: config.textOperators });\n  return {\n    SHORT_TEXT: stringFilter,\n    LONG_TEXT: stringFilter,\n    URL: stringFilter,\n    NUMBER: numberRangeFilter,\n    BOOLEAN: idNameArrayFilter,\n    DATE: dateRangeFilter,\n    DATETIME: dateRangeFilter,\n  };\n};\n\n/** A field gets an auto filter when its type maps to a filter element. */\nexport const isFilterableFieldType = (type: PatternsFieldType): boolean =>\n  type in FILTER_COMPONENT_BY_TYPE;\n\n/**\n * Registers a filter state per filterable field on the collection query, so the\n * built elements have a filter to read. Idempotent — addFilterIfNeeded skips a\n * field that is already registered.\n */\nexport const registerFieldFilters = (\n  toolbar: ToolbarCollectionState<any, any>,\n  fields: Field[],\n  config: FieldFilterConfig,\n): void => {\n  const factoryByType = filterFactoryByType(config);\n  fields.forEach((field) => {\n    const factory = factoryByType[field.type];\n    if (!factory) {\n      return;\n    }\n    toolbar.collection.query.addFilterIfNeeded(\n      field.id as any,\n      factory({ name: field.id, isCustomField: true }),\n    );\n  });\n};\n\n/** Builds the toolbar filter element for a field, or null when it has none. */\nconst buildFieldFilterElement = (\n  toolbar: ToolbarCollectionState<any, any>,\n  field: Field,\n  config: FieldFilterConfig,\n): FilterElement | null => {\n  const FilterComponent = FILTER_COMPONENT_BY_TYPE[field.type];\n  const filter = toolbar.collection.filters[field.id];\n  if (!FilterComponent || !filter) {\n    return null;\n  }\n  const label = field.displayName || field.id;\n  const decimal =\n    field.type === 'NUMBER' ? config.numberIsDecimal?.(field) : false;\n  return (\n    <FilterComponent\n      key={field.id}\n      filter={filter}\n      fieldType={config.iconType?.(field) ?? toFieldType(field.type)}\n      accordionItemProps={{ label }}\n      toolbarItemProps={{ label }}\n      toolbarTagProps={{ label }}\n      {...(decimal ? { decimal: true } : {})}\n    />\n  ) as FilterElement;\n};\n\n/** Builds the toolbar filter elements for a source's filterable fields. */\nexport const buildFieldFilters = (\n  toolbar: ToolbarCollectionState<any, any>,\n  fields: Field[],\n  config: FieldFilterConfig,\n): FilterElement[] =>\n  fields\n    .map((field) => buildFieldFilterElement(toolbar, field, config))\n    .filter((el): el is FilterElement => el !== null);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_bexCore","_fieldTypePrefixIcons","_CheckboxCustomFieldFilter","_DateCustomFieldFilter","_DateTimeCustomFieldFilter","_OperatorFilterCustomFieldFilter","_NumberRangeFilter","_jsxFileName","FILTER_COMPONENT_BY_TYPE","SHORT_TEXT","OperatorFilterCustomFieldFilter","LONG_TEXT","URL","NUMBER","NumberRangeFilter","BOOLEAN","CheckboxCustomFieldFilter","DATE","DateCustomFieldFilter","DATETIME","DateTimeCustomFieldFilter","filterFactoryByType","config","stringFilter","params","stringOperatorFilter","allowedOperators","textOperators","numberRangeFilter","idNameArrayFilter","dateRangeFilter","isFilterableFieldType","type","exports","resolveCustomFilter","field","source","customTypeConfig","resolveFieldTypeDefinition","isFilterTypeConfig","filter","undefined","isFilterableField","registerFieldFilters","toolbar","factoryByType","filterableFields","forEach","customFilter","createFilter","Object","assign","name","id","collection","query","addFilterIfNeeded","factory","isCustomField","buildFieldFilterElement","filters","label","displayName","_resolveCustomFilter","CustomComponent","Component","default","createElement","key","accordionItemProps","toolbarItemProps","toolbarTagProps","__self","__source","fileName","lineNumber","columnNumber","FilterComponent","decimal","numberIsDecimal","_extends2","fieldType","iconType","toFieldType","buildFieldFilters","map","el"],"sources":["../../../src/state/buildFieldFilters.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  dateRangeFilter,\n  idNameArrayFilter,\n  isFilterTypeConfig,\n  numberRangeFilter,\n  resolveFieldTypeDefinition,\n  stringOperatorFilter,\n} from '@wix/bex-core';\nimport type {\n  Field,\n  FieldsSource,\n  Filter,\n  FilterStateBaseParams,\n  FilterOperator,\n  FilterTypeConfig,\n  PatternsFieldType,\n} from '@wix/bex-core';\nimport type { ToolbarCollectionState } from './ToolbarCollectionState';\nimport type { FilterElement } from '../components/CollectionToolbarFilters';\nimport { toFieldType } from '../utils/fieldTypePrefixIcons';\nimport { CheckboxCustomFieldFilter } from '../components/CustomFieldFilters/CheckboxCustomFieldFilter';\nimport { DateCustomFieldFilter } from '../components/CustomFieldFilters/DateCustomFieldFilter';\nimport { DateTimeCustomFieldFilter } from '../components/CustomFieldFilters/DateTimeCustomFieldFilter';\nimport { OperatorFilterCustomFieldFilter } from '../components/CustomFieldFilters/OperatorFilterCustomFieldFilter';\nimport { NumberRangeFilter } from '../components/NumberRangeFilter';\n\ntype FilterFactory = (\n  params: Partial<FilterStateBaseParams<any>>,\n) => Filter<any>;\n\nexport type { FilterTypeConfig } from '@wix/bex-core';\n\n/**\n * The filter behavior a source supplies that the shared builder can't derive\n * from the neutral field type. The neutral type collapses distinct source types\n * (e.g. a DataExtension dropdown into SHORT_TEXT), so the source fills the gaps.\n */\nexport interface FieldFilterConfig {\n  /** Operators the source's backend can run on text fields. */\n  textOperators: FilterOperator[];\n  /** Whether a NUMBER field's filter accepts decimals. Default: false. */\n  numberIsDecimal?: (field: Field) => boolean;\n  /** Filter type icon. Default: derived from the neutral field type. */\n  iconType?: (field: Field) => ReturnType<typeof toFieldType>;\n}\n\n// Field type → the filter element rendered in the toolbar. Its keys also define\n// which field types get an auto filter (see isFilterableFieldType).\nconst FILTER_COMPONENT_BY_TYPE: Partial<\n  Record<PatternsFieldType, React.ComponentType<any>>\n> = {\n  SHORT_TEXT: OperatorFilterCustomFieldFilter,\n  LONG_TEXT: OperatorFilterCustomFieldFilter,\n  URL: OperatorFilterCustomFieldFilter,\n  NUMBER: NumberRangeFilter,\n  BOOLEAN: CheckboxCustomFieldFilter,\n  DATE: DateCustomFieldFilter,\n  DATETIME: DateTimeCustomFieldFilter,\n};\n\n// Field type → the filter state registered on the collection query. Text fields\n// use the source's allowed operators; the rest are fixed.\nconst filterFactoryByType = (\n  config: FieldFilterConfig,\n): Partial<Record<PatternsFieldType, FilterFactory>> => {\n  const stringFilter: FilterFactory = (params) =>\n    stringOperatorFilter({ ...params, allowedOperators: config.textOperators });\n  return {\n    SHORT_TEXT: stringFilter,\n    LONG_TEXT: stringFilter,\n    URL: stringFilter,\n    NUMBER: numberRangeFilter,\n    BOOLEAN: idNameArrayFilter,\n    DATE: dateRangeFilter,\n    DATETIME: dateRangeFilter,\n  };\n};\n\n/** A field gets an auto filter when its type maps to a filter element. */\nexport const isFilterableFieldType = (type: PatternsFieldType): boolean =>\n  type in FILTER_COMPONENT_BY_TYPE;\n\n/** The active filter config of a CUSTOM field's type definition, if any. */\nconst resolveCustomFilter = (\n  field: Field,\n  source: Pick<FieldsSource, 'fieldTypes'>,\n): FilterTypeConfig | undefined => {\n  const customTypeConfig = resolveFieldTypeDefinition(source, field);\n  return customTypeConfig && isFilterTypeConfig(customTypeConfig.filter)\n    ? customTypeConfig.filter\n    : undefined;\n};\n\n/** A field gets an auto filter when its type maps to a filter element, or —\n *  for a CUSTOM field — when its type definition declares a filter config. */\nexport const isFilterableField = (\n  field: Field,\n  source: Pick<FieldsSource, 'fieldTypes'>,\n): boolean =>\n  field.type === 'CUSTOM'\n    ? !!resolveCustomFilter(field, source)\n    : isFilterableFieldType(field.type);\n\n/**\n * Registers a filter state per filterable field on the collection query, so the\n * built elements have a filter to read. Idempotent — addFilterIfNeeded skips a\n * field that is already registered.\n */\nexport const registerFieldFilters = (\n  toolbar: ToolbarCollectionState<any, any>,\n  source: Pick<FieldsSource, 'filterableFields' | 'fieldTypes'>,\n  config: FieldFilterConfig,\n): void => {\n  const factoryByType = filterFactoryByType(config);\n  source.filterableFields.forEach((field) => {\n    if (field.type === 'CUSTOM') {\n      const customFilter = resolveCustomFilter(field, source);\n      if (!customFilter) {\n        return;\n      }\n      const filter = customFilter.createFilter(field);\n      // The collection registers the filter under the field's id.\n      Object.assign(filter, { name: field.id });\n      toolbar.collection.query.addFilterIfNeeded(field.id as any, filter);\n      return;\n    }\n    const factory = factoryByType[field.type];\n    if (!factory) {\n      return;\n    }\n    toolbar.collection.query.addFilterIfNeeded(\n      field.id as any,\n      factory({ name: field.id, isCustomField: true }),\n    );\n  });\n};\n\n/** Builds the toolbar filter element for a field, or null when it has none. */\nconst buildFieldFilterElement = (\n  toolbar: ToolbarCollectionState<any, any>,\n  field: Field,\n  config: FieldFilterConfig,\n  source: Pick<FieldsSource, 'fieldTypes'>,\n): FilterElement | null => {\n  const filter = toolbar.collection.filters[field.id];\n  if (!filter) {\n    return null;\n  }\n  const label = field.displayName || field.id;\n  if (field.type === 'CUSTOM') {\n    const CustomComponent = resolveCustomFilter(field, source)?.Component;\n    if (!CustomComponent) {\n      return null;\n    }\n    return (\n      <CustomComponent\n        key={field.id}\n        filter={filter}\n        accordionItemProps={{ label }}\n        toolbarItemProps={{ label }}\n        toolbarTagProps={{ label }}\n      />\n    ) as FilterElement;\n  }\n  const FilterComponent = FILTER_COMPONENT_BY_TYPE[field.type];\n  if (!FilterComponent) {\n    return null;\n  }\n  const decimal =\n    field.type === 'NUMBER' ? config.numberIsDecimal?.(field) : false;\n  return (\n    <FilterComponent\n      key={field.id}\n      filter={filter}\n      fieldType={config.iconType?.(field) ?? toFieldType(field.type)}\n      accordionItemProps={{ label }}\n      toolbarItemProps={{ label }}\n      toolbarTagProps={{ label }}\n      {...(decimal ? { decimal: true } : {})}\n    />\n  ) as FilterElement;\n};\n\n/** Builds the toolbar filter elements for a source's filterable fields. */\nexport const buildFieldFilters = (\n  toolbar: ToolbarCollectionState<any, any>,\n  source: Pick<FieldsSource, 'filterableFields' | 'fieldTypes'>,\n  config: FieldFilterConfig,\n): FilterElement[] =>\n  source.filterableFields\n    .map((field) => buildFieldFilterElement(toolbar, field, config, source))\n    .filter((el): el is FilterElement => el !== null);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/styles.global.css

@@ -1,3 +1,3 @@
-.CardContainer3726824294__root.CardContainer3726824294--mobile{border-radius:0}.CmsFieldForm3637905500__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal1876956603__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection738912025__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CharactersLimitInput2299291232__field{flex:1;min-width:0}.Collapse3811557587__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3811557587__exit{height:0}.CollectionPage2667572599__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage2667572599__root.CollectionPage2667572599--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage2667572599__root.CollectionPage2667572599--panel{overflow:hidden;position:relative}.CollectionSectionHeader874342386__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable1797147932__root td{vertical-align:middle}.CollectionTable1797147932__root.CollectionTable1797147932--mobile td:first-child{padding-left:18px}.CollectionTable1797147932__root.CollectionTable1797147932--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable4061832017__root.CollectionTableWSRTable4061832017--resizable table{min-width:100%}.CollectionTableWSRTable4061832017__root.CollectionTableWSRTable4061832017--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar3645520063__root.CollectionToolbar3645520063--harmony .CollectionToolbar3645520063__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar3645520063__left{min-width:0}.CollectionToolbar3645520063__left.CollectionToolbar3645520063--expandable{flex:auto}.CollectionToolbar3645520063__left.CollectionToolbar3645520063--title>*{width:100%}.CollectionToolbar3645520063__root.CollectionToolbar3645520063---responsiveMode-5-title .CollectionToolbar3645520063__left{flex:1 100;min-width:50px}.CollectionToolbar3645520063__root.CollectionToolbar3645520063---responsiveMode-4-tabs .CollectionToolbar3645520063__left,.CollectionToolbar3645520063__root.CollectionToolbar3645520063---responsiveMode-4-tabs .CollectionToolbar3645520063__left.CollectionToolbar3645520063--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar3645520063__root.CollectionToolbar3645520063---responsiveMode-4-tabs .CollectionToolbar3645520063__left>*{flex-shrink:1;min-width:0}.CollectionToolbar3645520063__root .CollectionToolbar3645520063__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar3645520063__root.CollectionToolbar3645520063--views .CollectionToolbar3645520063__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar3645520063__root.CollectionToolbar3645520063---responsiveMode-4-tabs .CollectionToolbar3645520063__right,.CollectionToolbar3645520063__root.CollectionToolbar3645520063---responsiveMode-5-title .CollectionToolbar3645520063__right{flex:0 1 auto;min-width:0}.CollectionToolbar3645520063__root .CollectionToolbar3645520063__right.CollectionToolbar3645520063__fullWidth{margin-inline-start:0!important}.CollectionToolbar3645520063__root.CollectionToolbar3645520063--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter156188642__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter156188642__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter156188642__searchMobile:not(.SearchOrCustomFilter156188642--expandable){left:18px}.SearchOrCustomFilter156188642__searchMobile.SearchOrCustomFilter156188642--expandable.SearchOrCustomFilter156188642--expanded{left:18px}.AutoCompleteReadonly3447230868__root.AutoCompleteReadonly3447230868--disableEditing{cursor:pointer}.AutoCompleteReadonly3447230868__root.AutoCompleteReadonly3447230868--disableEditing input{cursor:pointer}.ViewsDropdown4280316337__root{width:200px}.DragHandle3040349821__root{display:flex;align-items:center}.DragHandle3040349821__root:not(.DragHandle3040349821--disabled){cursor:grab;color:#a8caff}.DragHandle3040349821__root.DragHandle3040349821--disabled{color:#acafc4}.DragHandle3040349821__root:focus-visible:not(.DragHandle3040349821--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3040349821__root.DragHandle3040349821--disabled{pointer-events:none}.DragHandle3040349821__root.DragHandle3040349821--dragging:not(.DragHandle3040349821--disabled){cursor:grabbing}td:has(>.EditableCell2162357613__root){position:relative;overflow:visible;min-height:24px}.EditableCell2162357613__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)}.EditableCell2162357613__root.EditableCell2162357613--selected{background:rgba(56,153,236,.08)}.EditableCell2162357613__root.EditableCell2162357613--focused:not(.EditableCell2162357613--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell2162357613__root.EditableCell2162357613--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}.EditableCell2162357613__root.EditableCell2162357613--editing:not(.EditableCell2162357613--showEditWhenFocused){bottom:auto;min-height:100%}.EditableCell2162357613__root.EditableCell2162357613--focused.EditableCell2162357613--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}.EditableCell2162357613__root:has([data-inner-focused]){overflow:visible;z-index:3;box-shadow:inset 0 0 0 2px var(--wsr-color-B10)}.EditableCell2162357613__root.EditableCell2162357613--selectionTop:not(.EditableCell2162357613--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell2162357613__root.EditableCell2162357613--selectionBottom:not(.EditableCell2162357613--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell2162357613__root.EditableCell2162357613--selectionLeft:not(.EditableCell2162357613--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell2162357613__root.EditableCell2162357613--selectionRight:not(.EditableCell2162357613--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell2162357613__root.EditableCell2162357613--selectionTop.EditableCell2162357613--editing.EditableCell2162357613--typeToEdit{border-top:2px solid var(--wsr-color-B10)}.EditableCell2162357613__root.EditableCell2162357613--selectionBottom.EditableCell2162357613--editing.EditableCell2162357613--typeToEdit{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell2162357613__root.EditableCell2162357613--selectionLeft.EditableCell2162357613--editing.EditableCell2162357613--typeToEdit{border-left:2px solid var(--wsr-color-B10)}.EditableCell2162357613__root.EditableCell2162357613--selectionRight.EditableCell2162357613--editing.EditableCell2162357613--typeToEdit{border-right:2px solid var(--wsr-color-B10)}.EditableCell2162357613__root.EditableCell2162357613--invalid:not(.EditableCell2162357613--editing){background:rgba(229,0,77,.06)}.EditableCell2162357613__root.EditableCell2162357613--copiedTop:not(.EditableCell2162357613--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell2162357613__root.EditableCell2162357613--copiedBottom:not(.EditableCell2162357613--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell2162357613__root.EditableCell2162357613--copiedLeft:not(.EditableCell2162357613--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell2162357613__root.EditableCell2162357613--copiedRight:not(.EditableCell2162357613--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell2162357613__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.HeaderActionsPopover1903031219__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover1903031219__root,.HeaderActionsPopover1903031219__root[data-menu-open=true],.HeaderActionsPopover1903031219__root:focus-within{opacity:1}.CellViewLayout3774038431__root{width:100%;height:100%;padding:9px 12px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout3774038431__root>*{flex:1;min-width:0}.Edit1854590087__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}.Edit1854590087__addressInput>div,.Edit1854590087__addressInput>div>div,.Edit1854590087__addressInput>div>div>div{width:100%;min-width:0}.Edit3598004204__jsonInput{width:100%;margin-left:-1px}.Edit2526069005__booleanEdit{display:flex;align-items:center;margin-left:12px}.View2268699433__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit3625915348__root{width:100%;height:100%;display:flex;align-items:center}.Edit1728182095__dateInput{width:100%;margin-left:-1px}.Edit3821660544__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit3821660544__dateHalf{flex:60 1 0}.Edit3821660544__timeHalf{flex:40 1 0}.Edit3821660544__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit3821660544__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%}.Edit3821660544__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View523242590__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}.View523242590__datePart{flex:60 1 0}.View523242590__timePart{flex:40 1 0}.View523242590__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View523242590__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit944223696__emailInput{width:100%;margin-left:-1px}.Edit1413543946__numberInput{width:100%;margin-right:2px}.Edit1413543946__numberInput input{text-align:right;direction:ltr}.View1843518454__textView{width:100%;text-align:right}.Edit608148220__jsonInput{width:100%;margin-left:-1px}.Edit1095813519__selectInput{width:100%}.Edit4042463552__editWrapper{width:100%}.Edit4042463552__inputArea{background-color:transparent;width:100%}.Edit4042463552__inputArea input{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit4042463552__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit4042463552__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit4042463552__inputArea:not(.Edit4042463552--isFocused) textarea{resize:none;overflow:hidden}.Edit4042463552__inputArea:not(.Edit4042463552--isFocused) textarea::-webkit-scrollbar{display:none}.Edit3309447775__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(
+.CardContainer2771258250__root.CardContainer2771258250--mobile{border-radius:0}.CmsFieldForm3700105093__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal2185190114__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection2668938222__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CharactersLimitInput3709322953__field{flex:1;min-width:0}.Collapse2929374578__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2929374578__exit{height:0}.CollectionPage3956579968__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage3956579968__root.CollectionPage3956579968--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage3956579968__root.CollectionPage3956579968--panel{overflow:hidden;position:relative}.CollectionSectionHeader2922683827__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable109442077__root td{vertical-align:middle}.CollectionTable109442077__root.CollectionTable109442077--mobile td:first-child{padding-left:18px}.CollectionTable109442077__root.CollectionTable109442077--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable2186714947__root.CollectionTableWSRTable2186714947--resizable table{min-width:100%}.CollectionTableWSRTable2186714947__root.CollectionTableWSRTable2186714947--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar4248294874__root.CollectionToolbar4248294874--harmony .CollectionToolbar4248294874__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar4248294874__left{min-width:0}.CollectionToolbar4248294874__left.CollectionToolbar4248294874--expandable{flex:auto}.CollectionToolbar4248294874__left.CollectionToolbar4248294874--title>*{width:100%}.CollectionToolbar4248294874__root.CollectionToolbar4248294874---responsiveMode-5-title .CollectionToolbar4248294874__left{flex:1 100;min-width:50px}.CollectionToolbar4248294874__root.CollectionToolbar4248294874---responsiveMode-4-tabs .CollectionToolbar4248294874__left,.CollectionToolbar4248294874__root.CollectionToolbar4248294874---responsiveMode-4-tabs .CollectionToolbar4248294874__left.CollectionToolbar4248294874--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar4248294874__root.CollectionToolbar4248294874---responsiveMode-4-tabs .CollectionToolbar4248294874__left>*{flex-shrink:1;min-width:0}.CollectionToolbar4248294874__root .CollectionToolbar4248294874__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar4248294874__root.CollectionToolbar4248294874--views .CollectionToolbar4248294874__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar4248294874__root.CollectionToolbar4248294874---responsiveMode-4-tabs .CollectionToolbar4248294874__right,.CollectionToolbar4248294874__root.CollectionToolbar4248294874---responsiveMode-5-title .CollectionToolbar4248294874__right{flex:0 1 auto;min-width:0}.CollectionToolbar4248294874__root .CollectionToolbar4248294874__right.CollectionToolbar4248294874__fullWidth{margin-inline-start:0!important}.CollectionToolbar4248294874__root.CollectionToolbar4248294874--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter4202859381__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter4202859381__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter4202859381__searchMobile:not(.SearchOrCustomFilter4202859381--expandable){left:18px}.SearchOrCustomFilter4202859381__searchMobile.SearchOrCustomFilter4202859381--expandable.SearchOrCustomFilter4202859381--expanded{left:18px}.AutoCompleteReadonly879662225__root.AutoCompleteReadonly879662225--disableEditing{cursor:pointer}.AutoCompleteReadonly879662225__root.AutoCompleteReadonly879662225--disableEditing input{cursor:pointer}.ViewsDropdown2139846012__root{width:200px}.DragHandle4068887863__root{display:flex;align-items:center}.DragHandle4068887863__root:not(.DragHandle4068887863--disabled){cursor:grab;color:#a8caff}.DragHandle4068887863__root.DragHandle4068887863--disabled{color:#acafc4}.DragHandle4068887863__root:focus-visible:not(.DragHandle4068887863--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle4068887863__root.DragHandle4068887863--disabled{pointer-events:none}.DragHandle4068887863__root.DragHandle4068887863--dragging:not(.DragHandle4068887863--disabled){cursor:grabbing}td:has(>.EditableCell1018921301__root){position:relative;overflow:visible;min-height:24px}.EditableCell1018921301__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)}.EditableCell1018921301__root.EditableCell1018921301--selected{background:rgba(56,153,236,.08)}.EditableCell1018921301__root.EditableCell1018921301--focused:not(.EditableCell1018921301--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell1018921301__root.EditableCell1018921301--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}.EditableCell1018921301__root.EditableCell1018921301--editing:not(.EditableCell1018921301--showEditWhenFocused){bottom:auto;min-height:100%}.EditableCell1018921301__root.EditableCell1018921301--focused.EditableCell1018921301--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}.EditableCell1018921301__root:has([data-inner-focused]){overflow:visible;z-index:3;box-shadow:inset 0 0 0 2px var(--wsr-color-B10)}.EditableCell1018921301__root.EditableCell1018921301--selectionTop:not(.EditableCell1018921301--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell1018921301__root.EditableCell1018921301--selectionBottom:not(.EditableCell1018921301--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell1018921301__root.EditableCell1018921301--selectionLeft:not(.EditableCell1018921301--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell1018921301__root.EditableCell1018921301--selectionRight:not(.EditableCell1018921301--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell1018921301__root.EditableCell1018921301--selectionTop.EditableCell1018921301--editing.EditableCell1018921301--typeToEdit{border-top:2px solid var(--wsr-color-B10)}.EditableCell1018921301__root.EditableCell1018921301--selectionBottom.EditableCell1018921301--editing.EditableCell1018921301--typeToEdit{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell1018921301__root.EditableCell1018921301--selectionLeft.EditableCell1018921301--editing.EditableCell1018921301--typeToEdit{border-left:2px solid var(--wsr-color-B10)}.EditableCell1018921301__root.EditableCell1018921301--selectionRight.EditableCell1018921301--editing.EditableCell1018921301--typeToEdit{border-right:2px solid var(--wsr-color-B10)}.EditableCell1018921301__root.EditableCell1018921301--invalid:not(.EditableCell1018921301--editing){background:rgba(229,0,77,.06)}.EditableCell1018921301__root.EditableCell1018921301--copiedTop:not(.EditableCell1018921301--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell1018921301__root.EditableCell1018921301--copiedBottom:not(.EditableCell1018921301--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell1018921301__root.EditableCell1018921301--copiedLeft:not(.EditableCell1018921301--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell1018921301__root.EditableCell1018921301--copiedRight:not(.EditableCell1018921301--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell1018921301__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.HeaderActionsPopover2912949458__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover2912949458__root,.HeaderActionsPopover2912949458__root[data-menu-open=true],.HeaderActionsPopover2912949458__root:focus-within{opacity:1}.CellViewLayout2642242987__root{width:100%;height:100%;padding:9px 12px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout2642242987__root>*{flex:1;min-width:0}.Edit2609722555__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}.Edit2609722555__addressInput>div,.Edit2609722555__addressInput>div>div,.Edit2609722555__addressInput>div>div>div{width:100%;min-width:0}.Edit254985112__jsonInput{width:100%;margin-left:-1px}.Edit2369361531__booleanEdit{display:flex;align-items:center;margin-left:12px}.View140178427__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit2849672228__root{width:100%;height:100%;display:flex;align-items:center}.Edit190091011__dateInput{width:100%;margin-left:-1px}.Edit3782397597__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit3782397597__dateHalf{flex:60 1 0}.Edit3782397597__timeHalf{flex:40 1 0}.Edit3782397597__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit3782397597__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%}.Edit3782397597__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View1682123110__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}.View1682123110__datePart{flex:60 1 0}.View1682123110__timePart{flex:40 1 0}.View1682123110__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View1682123110__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit3200373441__emailInput{width:100%;margin-left:-1px}.Edit3691147245__numberInput{width:100%;margin-right:2px}.Edit3691147245__numberInput input{text-align:right;direction:ltr}.View3559157400__textView{width:100%;text-align:right}.Edit2050020221__jsonInput{width:100%;margin-left:-1px}.Edit526154172__selectInput{width:100%}.Edit2692897257__editWrapper{width:100%}.Edit2692897257__inputArea{background-color:transparent;width:100%}.Edit2692897257__inputArea input{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit2692897257__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit2692897257__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit2692897257__inputArea:not(.Edit2692897257--isFocused) textarea{resize:none;overflow:hidden}.Edit2692897257__inputArea:not(.Edit2692897257--isFocused) textarea::-webkit-scrollbar{display:none}.Edit4179666538__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
-  )}.Edit3309447775__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit3634747664__urlInput{width:100%;margin-left:-1px}.View2842583187__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View2842583187__urlText{flex:1;min-width:0}.View2842583187__suffix{flex-shrink:0;margin-left:10px}.View2842583187__textView.View2842583187--suffixOnHover:not(:hover) .View2842583187__suffix{display:none}.EntityPagePlain2317363511__root.EntityPagePlain2317363511--mobile{--wds-page-header-padding-horizontal:0}.Fade12935198__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade12935198__root.Fade12935198--exit{opacity:0}.Heading3915340741__root{visibility:visible}.Heading3915340741__root.Heading3915340741--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload1386334335__fileUpload{width:100%}.InputOverflow1073409881__root.InputOverflow1073409881--selected:not(.InputOverflow1073409881--focused) input::placeholder{color:#000624}@keyframes LoadingRow491026576__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%}}.LoadingRow491026576__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:LoadingRow491026576__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3754196047__root{opacity:1}.MaxHeightText3754196047__root.MaxHeightText3754196047--height24{line-height:24px}.MaxLines3268543179__root{overflow:hidden}.MaxLines3268543179__root.MaxLines3268543179--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar4197357314__root{min-width:0}.MultiBulkActionToolbar4197357314__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar4197357314__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar4197357314__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow1512195112__root td{padding:0!important;width:100%}.NestedTableRow758756333__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow758756333__root:hover{background-color:#e7f0ff!important}.NestedTableRow758756333__root.NestedTableRow758756333--expandable{cursor:pointer}.NestedTableRow758756333__placeholder td{padding:0!important;width:100%}.NestedTableRow758756333__root:hover td:first-of-type::before,.NestedTableRow758756333__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect1567357389__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)}.NestedTableDragAndDropRow273561805__root.NestedTableDragAndDropRow273561805--draggingInto td{background-color:#e7f0ff!important}.PickerContent2095613214__root{display:flex}.PickerContentAdditionalStep1102083508__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1102083508__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem1050306693__root{box-sizing:border-box}.ScrollableContent2970276407__root.ScrollableContent2970276407--overflowY{overflow-y:auto}.ScrollableContent2970276407__root.ScrollableContent2970276407--overflowX{overflow-x:auto}.ScrollableContent2970276407__root.ScrollableContent2970276407--smooth{scroll-behavior:smooth}.SetupWidget525839026__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}.SetupWidget525839026__row.SetupWidget525839026--clickable{cursor:pointer}.SetupWidget525839026__row.SetupWidget525839026--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))}.SetupWidget525839026__row.SetupWidget525839026--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))}.SetupWidget525839026__completedCta{opacity:0;transition:opacity .25s ease-in-out}.SetupWidget525839026__row:hover .SetupWidget525839026__completedCta,.SetupWidget525839026__row:focus-within .SetupWidget525839026__completedCta{opacity:1}.SetupWidget525839026__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}.SetupWidget525839026__card.SetupWidget525839026--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget525839026__card.SetupWidget525839026--clickable{cursor:pointer}.SetupWidget525839026__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget525839026__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget525839026__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget525839026__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard163200451__headerLoading{display:block!important}.SlidingModal659202655__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal659202655__root.SlidingModal659202655--overlay{transition:transform 0s ease 0s}.SlidingModal659202655__root.SlidingModal659202655---appendTo-6-parent{position:absolute}.SlidingModal659202655__root:not(.SlidingModal659202655--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.AddFieldColumnHeader4116971040__root{display:inline-flex;align-items:center;width:100%;min-width:0}.AddFieldColumnHeader4116971040__title{display:flex;width:100%;min-width:0}.AddFieldColumnHeader4116971040__hoverBridge{display:inline-block;padding:4px 13px 4px 4px;background:0 0}[data-content-element^=popover-content-add-field-popover-][data-hook=popover-content][class]{background:0 0;border:0;box-shadow:none;border-radius:0;padding:0}.TabsFilter1711245310__root .TabsFilter1711245310__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter1711245310__root.TabsFilter1711245310--selected .TabsFilter1711245310__title,.TabsFilter1711245310__root:hover .TabsFilter1711245310__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal1320417957__root{display:flex}.ToolbarItem714044881__root{min-width:0}.ToolbarItemBox2861690222__root{min-width:0}.ToolbarItemBox2861690222__root.ToolbarItemBox2861690222--removeStartPadding{margin-left:-24px}.ToolbarItemBox2861690222__root.ToolbarItemBox2861690222--expandable{flex:1 0}.common843717652__column{display:flex;flex-direction:column}.common843717652__fullHeight{height:100%;min-height:0}.CollectionPageHeader702823358__root:not(.CollectionPageHeader702823358--mobile){gap:12px}.CollectionPageHeader702823358__root.CollectionPageHeader702823358--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader702823358__root.CollectionPageHeader702823358--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3534710810__root.FormPageHeader3534710810--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3534710810__root.FormPageHeader3534710810--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+  )}.Edit4179666538__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit2536249540__urlInput{width:100%;margin-left:-1px}.View3597373085__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View3597373085__urlText{flex:1;min-width:0}.View3597373085__suffix{flex-shrink:0;margin-left:10px}.View3597373085__textView.View3597373085--suffixOnHover:not(:hover) .View3597373085__suffix{display:none}.EntityPagePlain3882987048__root.EntityPagePlain3882987048--mobile{--wds-page-header-padding-horizontal:0}.Fade118624974__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade118624974__root.Fade118624974--exit{opacity:0}.Heading3951898647__root{visibility:visible}.Heading3951898647__root.Heading3951898647--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload1021181682__fileUpload{width:100%}.InputOverflow2881700459__root.InputOverflow2881700459--selected:not(.InputOverflow2881700459--focused) input::placeholder{color:#000624}@keyframes LoadingRow3544261193__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%}}.LoadingRow3544261193__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:LoadingRow3544261193__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2140070545__root{opacity:1}.MaxHeightText2140070545__root.MaxHeightText2140070545--height24{line-height:24px}.MaxLines4019853602__root{overflow:hidden}.MaxLines4019853602__root.MaxLines4019853602--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar771474346__root{min-width:0}.MultiBulkActionToolbar771474346__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar771474346__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar771474346__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow875267755__root td{padding:0!important;width:100%}.NestedTableRow836910914__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow836910914__root:hover{background-color:#e7f0ff!important}.NestedTableRow836910914__root.NestedTableRow836910914--expandable{cursor:pointer}.NestedTableRow836910914__placeholder td{padding:0!important;width:100%}.NestedTableRow836910914__root:hover td:first-of-type::before,.NestedTableRow836910914__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect927374861__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)}.NestedTableDragAndDropRow915281379__root.NestedTableDragAndDropRow915281379--draggingInto td{background-color:#e7f0ff!important}.PickerContent3826816446__root{display:flex}.PickerContentAdditionalStep2799604641__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2799604641__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2844782450__root{box-sizing:border-box}.ScrollableContent471223628__root.ScrollableContent471223628--overflowY{overflow-y:auto}.ScrollableContent471223628__root.ScrollableContent471223628--overflowX{overflow-x:auto}.ScrollableContent471223628__root.ScrollableContent471223628--smooth{scroll-behavior:smooth}.SetupWidget3089908037__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}.SetupWidget3089908037__row.SetupWidget3089908037--clickable{cursor:pointer}.SetupWidget3089908037__row.SetupWidget3089908037--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))}.SetupWidget3089908037__row.SetupWidget3089908037--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))}.SetupWidget3089908037__completedCta{opacity:0;transition:opacity .25s ease-in-out}.SetupWidget3089908037__row:hover .SetupWidget3089908037__completedCta,.SetupWidget3089908037__row:focus-within .SetupWidget3089908037__completedCta{opacity:1}.SetupWidget3089908037__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}.SetupWidget3089908037__card.SetupWidget3089908037--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget3089908037__card.SetupWidget3089908037--clickable{cursor:pointer}.SetupWidget3089908037__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget3089908037__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget3089908037__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget3089908037__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard1690257211__headerLoading{display:block!important}.SlidingModal4175240601__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal4175240601__root.SlidingModal4175240601--overlay{transition:transform 0s ease 0s}.SlidingModal4175240601__root.SlidingModal4175240601---appendTo-6-parent{position:absolute}.SlidingModal4175240601__root:not(.SlidingModal4175240601--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.AddFieldColumnHeader2583207661__root{display:inline-flex;align-items:center;width:100%;min-width:0}.AddFieldColumnHeader2583207661__title{display:flex;width:100%;min-width:0}.AddFieldColumnHeader2583207661__hoverBridge{display:inline-block;padding:4px 13px 4px 4px;background:0 0}[data-content-element^=popover-content-add-field-popover-][data-hook=popover-content][class]{background:0 0;border:0;box-shadow:none;border-radius:0;padding:0}.TabsFilter3289214861__root .TabsFilter3289214861__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter3289214861__root.TabsFilter3289214861--selected .TabsFilter3289214861__title,.TabsFilter3289214861__root:hover .TabsFilter3289214861__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal3765695890__root{display:flex}.ManageTagsModal3765695890__root.ManageTagsModal3765695890--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal3765695890__root.ManageTagsModal3765695890--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem1137485981__root{min-width:0}.ToolbarItemBox4022720849__root{min-width:0}.ToolbarItemBox4022720849__root.ToolbarItemBox4022720849--removeStartPadding{margin-left:-24px}.ToolbarItemBox4022720849__root.ToolbarItemBox4022720849--expandable{flex:1 0}.common2729451634__column{display:flex;flex-direction:column}.common2729451634__fullHeight{height:100%;min-height:0}.CollectionPageHeader2989145790__root:not(.CollectionPageHeader2989145790--mobile){gap:12px}.CollectionPageHeader2989145790__root.CollectionPageHeader2989145790--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2989145790__root.CollectionPageHeader2989145790--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader2220546149__root.FormPageHeader2220546149--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader2220546149__root.FormPageHeader2220546149--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/dist/cjs/test-utils/WixPatternsEssentialsTestProvider.js

@@ -9,7 +9,7 @@ var _react2 = require("@wix/fe-essentials/react");
 var _dataCapsule = require("@wix/fe-essentials/data-capsule");
 var _providers = require("../providers");
 var _ExtensionWidget = _interopRequireDefault(require("./ExtensionWidget"));
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _errorHandler = require("@wix/fe-essentials/error-handler");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/test-utils/WixPatternsEssentialsTestProvider.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
@@ -103,7 +103,14 @@ function WixPatternsEssentialsTestProvider(props) {
           }
         })),
         menuItem: {
-          IconComponent: _wixUiIconsCommon.Edit,
+          IconComponent: () => /*#__PURE__*/_react.default.createElement(_lazy.Edit, {
+            __self: this,
+            __source: {
+              fileName: _jsxFileName,
+              lineNumber: 121,
+              columnNumber: 38
+            }
+          }),
           structuredAction: () => alert('action')
         }
       }])

package/dist/cjs/test-utils/WixPatternsEssentialsTestProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_react2","_dataCapsule","_providers","_ExtensionWidget","_interopRequireDefault","_wixUiIconsCommon","_errorHandler","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","WixPatternsEssentialsTestProvider","props","children","overrides","defaultExperiments","rest","errorMonitor","httpClient","environment","createChildEssentials","experiments","biLoggerFactory","useEssentials","value","useState","createEssentials","options","_options$experiments","_URLSearchParams$get","_URLSearchParams$get2","_URLSearchParams$get3","scopes","bag","URLSearchParams","window","location","search","includes","fromEntries","split","map","spec","enabled","createComponentSettings","DataCapsule","namespace","scope","strategy","AppSettingsStorageStrategy","host","errorHandler","ErrorHandler","biLoggerOrFactory","createErrorMonitor","createI18n","i18n","v2","useTranslation","Trans","useExperiments","readOnly","user","permissions","componentId","artifactId","join","language","environmentBI","getHostContainer","_","getExtensions","Promise","resolve","title","Extension","createElement","_extends2","__self","__source","fileName","lineNumber","columnNumber","menuItem","IconComponent","Edit","structuredAction","alert","CairoProvider","localCache"],"sources":["../../../src/test-utils/WixPatternsEssentialsTestProvider.tsx"],"sourcesContent":["import React, { ReactNode, useState } from 'react';\nimport {\n  WixPatternsEssentials,\n  WixPatternsEssentialsOverrides,\n} from '@wix/bex-core';\nimport { CairoProviderBaseProps } from '@wix/bex-core/react';\nimport {\n  Trans,\n  useEssentials,\n  useExperiments,\n  useTranslation,\n} from '@wix/fe-essentials/react';\nimport {\n  AppSettingsStorageStrategy,\n  DataCapsule,\n} from '@wix/fe-essentials/data-capsule';\nimport { CairoProvider } from '../providers';\nimport ExtensionWidget from './ExtensionWidget';\nimport { Edit } from '@wix/wix-ui-icons-common';\nimport { ErrorHandler } from '@wix/fe-essentials/error-handler';\n\nexport interface WixPatternsEssentialsTestProviderProps\n  extends CairoProviderBaseProps {\n  children?: ReactNode;\n  overrides?: Partial<WixPatternsEssentialsOverrides>;\n  defaultExperiments?: Record<string, string>;\n}\n\nexport function WixPatternsEssentialsTestProvider(\n  props: WixPatternsEssentialsTestProviderProps,\n) {\n  const { children, overrides, defaultExperiments, ...rest } = props;\n  const {\n    errorMonitor,\n    httpClient,\n    environment,\n    createChildEssentials,\n    experiments,\n    biLoggerFactory,\n  } = useEssentials();\n\n  const [value] = useState(\n    (): WixPatternsEssentials => ({\n      createEssentials: (options) =>\n        createChildEssentials({\n          ...options,\n          experiments:\n            options.experiments &&\n            'scopes' in options.experiments &&\n            options.experiments?.scopes[0] === 'cairo'\n              ? {\n                  bag: {\n                    ...(new URLSearchParams(window.location.search)\n                      .get('id')\n                      ?.includes('responsivetoolbar') && {\n                      'specs.cairo.EnableResponsiveToolbar11420': 'true',\n                    }),\n                    ...(new URLSearchParams(window.location.search)\n                      .get('id')\n                      ?.includes('responsive-header') && {\n                      'specs.cairo.CollectionPageMinWidth': 'true',\n                    }),\n                    ...defaultExperiments,\n                    ...Object.fromEntries(\n                      new URLSearchParams(window.location.search)\n                        .get('experiments')\n                        ?.split(',')\n                        ?.map((e) => {\n                          const [spec = '', enabled = 'true'] = e.split(':');\n                          return [spec, enabled];\n                        }) ?? [],\n                    ),\n                  },\n                }\n              : options.experiments,\n        }),\n      createComponentSettings: () => () =>\n        new DataCapsule({\n          namespace: '',\n          scope: 'cairo-test',\n          strategy: new AppSettingsStorageStrategy({\n            host: 'other',\n            httpClient,\n          }),\n        }),\n      errorMonitor,\n      errorHandler: new ErrorHandler({\n        biLoggerOrFactory: biLoggerFactory,\n        createErrorMonitor: (options) =>\n          createChildEssentials({ errorMonitor: options }).errorMonitor,\n        environment,\n        createI18n: (options) => createChildEssentials({ i18n: options }).i18n,\n      }).v2,\n      useTranslation,\n      Trans,\n      useExperiments: () => useExperiments({ readOnly: true }),\n      httpClient,\n      experiments,\n      ...overrides,\n      user: {\n        permissions: [],\n        ...overrides?.user,\n      },\n      environment: {\n        ...environment,\n        componentId: [environment.artifactId, 'cairo-test-component'].join('.'),\n        language: 'en-US',\n        ...overrides?.environment,\n      },\n      environmentBI: {\n        artifactId: environment.artifactId,\n      },\n      getHostContainer: (_: string) => ({\n        getExtensions: () =>\n          Promise.resolve([\n            {\n              title: 'Extension',\n              componentId: '',\n              Extension: (props: any) => <ExtensionWidget {...props} />,\n              menuItem: {\n                IconComponent: Edit,\n                structuredAction: () => alert('action'),\n              },\n            },\n          ]),\n      }),\n    }),\n  );\n\n  return (\n    <CairoProvider localCache value={value} {...rest}>\n      {children}\n    </CairoProvider>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_react2","_dataCapsule","_providers","_ExtensionWidget","_interopRequireDefault","_lazy","_errorHandler","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","WixPatternsEssentialsTestProvider","props","children","overrides","defaultExperiments","rest","errorMonitor","httpClient","environment","createChildEssentials","experiments","biLoggerFactory","useEssentials","value","useState","createEssentials","options","_options$experiments","_URLSearchParams$get","_URLSearchParams$get2","_URLSearchParams$get3","scopes","bag","URLSearchParams","window","location","search","includes","fromEntries","split","map","spec","enabled","createComponentSettings","DataCapsule","namespace","scope","strategy","AppSettingsStorageStrategy","host","errorHandler","ErrorHandler","biLoggerOrFactory","createErrorMonitor","createI18n","i18n","v2","useTranslation","Trans","useExperiments","readOnly","user","permissions","componentId","artifactId","join","language","environmentBI","getHostContainer","_","getExtensions","Promise","resolve","title","Extension","createElement","_extends2","__self","__source","fileName","lineNumber","columnNumber","menuItem","IconComponent","Edit","structuredAction","alert","CairoProvider","localCache"],"sources":["../../../src/test-utils/WixPatternsEssentialsTestProvider.tsx"],"sourcesContent":["import React, { ReactNode, useState } from 'react';\nimport {\n  WixPatternsEssentials,\n  WixPatternsEssentialsOverrides,\n} from '@wix/bex-core';\nimport { CairoProviderBaseProps } from '@wix/bex-core/react';\nimport {\n  Trans,\n  useEssentials,\n  useExperiments,\n  useTranslation,\n} from '@wix/fe-essentials/react';\nimport {\n  AppSettingsStorageStrategy,\n  DataCapsule,\n} from '@wix/fe-essentials/data-capsule';\nimport { CairoProvider } from '../providers';\nimport ExtensionWidget from './ExtensionWidget';\nimport { Edit } from '@wix/wix-ui-icons-common/lazy';\nimport { ErrorHandler } from '@wix/fe-essentials/error-handler';\n\nexport interface WixPatternsEssentialsTestProviderProps\n  extends CairoProviderBaseProps {\n  children?: ReactNode;\n  overrides?: Partial<WixPatternsEssentialsOverrides>;\n  defaultExperiments?: Record<string, string>;\n}\n\nexport function WixPatternsEssentialsTestProvider(\n  props: WixPatternsEssentialsTestProviderProps,\n) {\n  const { children, overrides, defaultExperiments, ...rest } = props;\n  const {\n    errorMonitor,\n    httpClient,\n    environment,\n    createChildEssentials,\n    experiments,\n    biLoggerFactory,\n  } = useEssentials();\n\n  const [value] = useState(\n    (): WixPatternsEssentials => ({\n      createEssentials: (options) =>\n        createChildEssentials({\n          ...options,\n          experiments:\n            options.experiments &&\n            'scopes' in options.experiments &&\n            options.experiments?.scopes[0] === 'cairo'\n              ? {\n                  bag: {\n                    ...(new URLSearchParams(window.location.search)\n                      .get('id')\n                      ?.includes('responsivetoolbar') && {\n                      'specs.cairo.EnableResponsiveToolbar11420': 'true',\n                    }),\n                    ...(new URLSearchParams(window.location.search)\n                      .get('id')\n                      ?.includes('responsive-header') && {\n                      'specs.cairo.CollectionPageMinWidth': 'true',\n                    }),\n                    ...defaultExperiments,\n                    ...Object.fromEntries(\n                      new URLSearchParams(window.location.search)\n                        .get('experiments')\n                        ?.split(',')\n                        ?.map((e) => {\n                          const [spec = '', enabled = 'true'] = e.split(':');\n                          return [spec, enabled];\n                        }) ?? [],\n                    ),\n                  },\n                }\n              : options.experiments,\n        }),\n      createComponentSettings: () => () =>\n        new DataCapsule({\n          namespace: '',\n          scope: 'cairo-test',\n          strategy: new AppSettingsStorageStrategy({\n            host: 'other',\n            httpClient,\n          }),\n        }),\n      errorMonitor,\n      errorHandler: new ErrorHandler({\n        biLoggerOrFactory: biLoggerFactory,\n        createErrorMonitor: (options) =>\n          createChildEssentials({ errorMonitor: options }).errorMonitor,\n        environment,\n        createI18n: (options) => createChildEssentials({ i18n: options }).i18n,\n      }).v2,\n      useTranslation,\n      Trans,\n      useExperiments: () => useExperiments({ readOnly: true }),\n      httpClient,\n      experiments,\n      ...overrides,\n      user: {\n        permissions: [],\n        ...overrides?.user,\n      },\n      environment: {\n        ...environment,\n        componentId: [environment.artifactId, 'cairo-test-component'].join('.'),\n        language: 'en-US',\n        ...overrides?.environment,\n      },\n      environmentBI: {\n        artifactId: environment.artifactId,\n      },\n      getHostContainer: (_: string) => ({\n        getExtensions: () =>\n          Promise.resolve([\n            {\n              title: 'Extension',\n              componentId: '',\n              Extension: (props: any) => <ExtensionWidget {...props} />,\n              menuItem: {\n                IconComponent: () => <Edit />,\n                structuredAction: () => alert('action'),\n              },\n            },\n          ]),\n      }),\n    }),\n  );\n\n  return (\n    <CairoProvider localCache value={value} {...rest}>\n      {children}\n    </CairoProvider>\n  );\n}\n"],"mappings":"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","ignoreList":[]}