@wix/patterns 1.427.0 → 1.431.0

package/dist/cjs/components/SchemaSource/schemaFieldManagement.js

@@ -5,12 +5,12 @@ exports.schemaFieldManagement = void 0;
 var _mobx = require("mobx");
 var _standardFieldTypeLabels = require("./standardFieldTypeLabels");
 /**
- * Builds the source-neutral FieldManagement over SchemaState. add/edit/delete
- * call the schema's FieldActions, then merge the returned fields into the loaded
- * schema so the columns update from the response (no reload). The creatable
- * types, permissions, and can-edit/add rules come from the source.
+ * Builds the source-neutral FieldManagement over a source's state. add/edit/
+ * delete call the schema's FieldActions, then merge the returned fields into
+ * the loaded schema so the columns update from the response (no reload). The
+ * creatable types, permissions, and can-edit/add rules come from the source.
  */
-const schemaFieldManagement = s => {
+const schemaFieldManagement = sourceState => {
   const draftToField = draft => ({
     id: draft.key,
     displayName: draft.name,
@@ -22,29 +22,46 @@ const schemaFieldManagement = s => {
   });
   return {
     get canAddFields() {
-      return s.schema ? s.source.canAddFields(s.schema) : false;
+      const {
+        schema,
+        source
+      } = sourceState;
+      return schema ? source.canAddFields(schema) : false;
     },
     addFieldDisabled: false,
-    canEditField: field => s.schema ? s.source.canEditField(field, s.schema) : false,
-    supportsPii: s.source.supportsPii,
-    permissions: s.source.fieldPermissions,
+    canEditField: field => {
+      const {
+        schema,
+        source
+      } = sourceState;
+      return schema ? source.canEditField(field, schema) : false;
+    },
+    supportsPii: sourceState.source.supportsPii,
+    permissions: sourceState.source.fieldPermissions,
+    get fieldModalText() {
+      const t = sourceState.container.translate;
+      return sourceState.source.fieldModalText ?? {
+        addTitle: t('cairo.customFields.addCustomField.modal.title'),
+        editTitle: t('cairo.customFields.editCustomField.modal.title')
+      };
+    },
     // Self-contained: does the delete and reports its own toast (matching the
     // DataExtension source). Rethrows on failure so the shared delete modal stays
     // open for a retry.
     deleteField: async fieldId => {
       try {
-        var _s$fieldActions;
-        const fields = await ((_s$fieldActions = s.fieldActions) == null || _s$fieldActions.deleteField == null ? void 0 : _s$fieldActions.deleteField(fieldId));
+        var _sourceState$fieldAct;
+        const fields = await ((_sourceState$fieldAct = sourceState.fieldActions) == null || _sourceState$fieldAct.deleteField == null ? void 0 : _sourceState$fieldAct.deleteField(fieldId));
         if (fields) {
-          (0, _mobx.runInAction)(() => s.mergeFields(fields));
+          (0, _mobx.runInAction)(() => sourceState.mergeFields(fields));
         }
-        s.notify({
+        sourceState.notify({
           type: 'SUCCESS',
           message: 'Field deleted',
           biName: 'cairo-field-action-delete-success'
         });
       } catch (e) {
-        s.notify({
+        sourceState.notify({
           type: 'ERROR',
           message: "Couldn't delete field",
           biName: 'cairo-field-action-delete-error'
@@ -53,8 +70,8 @@ const schemaFieldManagement = s => {
       }
     },
     get creatableFieldTypes() {
-      const t = s.container.translate;
-      return s.source.creatableFieldTypes.map(ft => {
+      const t = sourceState.container.translate;
+      return sourceState.source.creatableFieldTypes.map(ft => {
         // The standard pair applies only when the source didn't custom-label
         // the entry — a custom label with the standard placeholder would show
         // contradictory copy (the modal falls back to its generic placeholder).
@@ -63,32 +80,34 @@ const schemaFieldManagement = s => {
           id: ft.patternsType,
           label: ft.label ?? (standard ? t(standard.labelKey) : ft.patternsType),
           namePlaceholder: ft.namePlaceholder ?? (standard ? t(standard.namePlaceholderKey) : undefined),
+          subtitle: ft.subtitle,
+          group: ft.group,
           patternsType: ft.patternsType
         };
       });
     },
     get existingFieldKeys() {
-      return s.fields.map(f => f.id);
+      return sourceState.fields.map(f => f.id);
     },
     addField: async draft => {
-      var _s$fieldActions2;
-      const fields = await ((_s$fieldActions2 = s.fieldActions) == null || _s$fieldActions2.addField == null ? void 0 : _s$fieldActions2.addField(draftToField(draft)));
+      var _sourceState$fieldAct2;
+      const fields = await ((_sourceState$fieldAct2 = sourceState.fieldActions) == null || _sourceState$fieldAct2.addField == null ? void 0 : _sourceState$fieldAct2.addField(draftToField(draft)));
       if (fields) {
-        (0, _mobx.runInAction)(() => s.mergeFields(fields));
+        (0, _mobx.runInAction)(() => sourceState.mergeFields(fields));
       }
     },
     editField: async (fieldId, draft) => {
-      var _s$fieldActions3;
-      const fields = await ((_s$fieldActions3 = s.fieldActions) == null || _s$fieldActions3.editField == null ? void 0 : _s$fieldActions3.editField(fieldId, {
+      var _sourceState$fieldAct3;
+      const fields = await ((_sourceState$fieldAct3 = sourceState.fieldActions) == null || _sourceState$fieldAct3.editField == null ? void 0 : _sourceState$fieldAct3.editField(fieldId, {
         displayName: draft.name
       }));
       if (fields) {
-        (0, _mobx.runInAction)(() => s.mergeFields(fields));
+        (0, _mobx.runInAction)(() => sourceState.mergeFields(fields));
       }
     },
     getFieldDraft: fieldId => {
-      var _s$schema;
-      const field = (_s$schema = s.schema) == null ? void 0 : _s$schema.fields[fieldId];
+      var _sourceState$schema;
+      const field = (_sourceState$schema = sourceState.schema) == null ? void 0 : _sourceState$schema.fields[fieldId];
       if (!field) {
         return undefined;
       }

package/dist/cjs/components/SchemaSource/schemaFieldManagement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","_standardFieldTypeLabels","schemaFieldManagement","s","draftToField","draft","id","key","displayName","name","type","isPii","containsPii","validation","required","canAddFields","schema","source","addFieldDisabled","canEditField","field","supportsPii","permissions","fieldPermissions","deleteField","fieldId","_s$fieldActions","fields","fieldActions","runInAction","mergeFields","notify","message","biName","e","creatableFieldTypes","t","container","translate","map","ft","standard","label","standardFieldTypeLabels","patternsType","undefined","labelKey","namePlaceholder","namePlaceholderKey","existingFieldKeys","f","addField","_s$fieldActions2","editField","_s$fieldActions3","getFieldDraft","_s$schema","readApps","readUsers","writeApps","writeUsers","exports"],"sources":["../../../../src/components/SchemaSource/schemaFieldManagement.ts"],"sourcesContent":["import { FieldDraft, FieldManagement, NonReferenceField } from '@wix/bex-core';\nimport { runInAction } from 'mobx';\nimport type { SchemaState } from './SchemaState';\nimport { standardFieldTypeLabels } from './standardFieldTypeLabels';\n\n/**\n * Builds the source-neutral FieldManagement over SchemaState. add/edit/delete\n * call the schema's FieldActions, then merge the returned fields into the loaded\n * schema so the columns update from the response (no reload). The creatable\n * types, permissions, and can-edit/add rules come from the source.\n */\nexport const schemaFieldManagement = (s: SchemaState<any>): FieldManagement => {\n  const draftToField = (draft: FieldDraft): NonReferenceField => ({\n    id: draft.key,\n    displayName: draft.name,\n    type: (draft.type ?? 'SHORT_TEXT') as NonReferenceField['type'],\n    isPii: draft.containsPii,\n    validation: { required: false },\n  });\n\n  return {\n    get canAddFields() {\n      return s.schema ? s.source.canAddFields(s.schema) : false;\n    },\n    addFieldDisabled: false,\n    canEditField: (field) =>\n      s.schema ? s.source.canEditField(field, s.schema) : false,\n    supportsPii: s.source.supportsPii,\n    permissions: s.source.fieldPermissions,\n    // Self-contained: does the delete and reports its own toast (matching the\n    // DataExtension source). Rethrows on failure so the shared delete modal stays\n    // open for a retry.\n    deleteField: async (fieldId) => {\n      try {\n        const fields = await s.fieldActions?.deleteField?.(fieldId);\n        if (fields) {\n          runInAction(() => s.mergeFields(fields));\n        }\n        s.notify({\n          type: 'SUCCESS',\n          message: 'Field deleted',\n          biName: 'cairo-field-action-delete-success',\n        });\n      } catch (e) {\n        s.notify({\n          type: 'ERROR',\n          message: \"Couldn't delete field\",\n          biName: 'cairo-field-action-delete-error',\n        });\n        throw e;\n      }\n    },\n\n    get creatableFieldTypes() {\n      const t = s.container.translate;\n      return s.source.creatableFieldTypes.map((ft) => {\n        // The standard pair applies only when the source didn't custom-label\n        // the entry — a custom label with the standard placeholder would show\n        // contradictory copy (the modal falls back to its generic placeholder).\n        const standard =\n          ft.label == null\n            ? standardFieldTypeLabels[ft.patternsType]\n            : undefined;\n        return {\n          id: ft.patternsType,\n          label:\n            ft.label ?? (standard ? t(standard.labelKey) : ft.patternsType),\n          namePlaceholder:\n            ft.namePlaceholder ??\n            (standard ? t(standard.namePlaceholderKey) : undefined),\n          patternsType: ft.patternsType,\n        };\n      });\n    },\n    get existingFieldKeys() {\n      return s.fields.map((f) => f.id);\n    },\n\n    addField: async (draft) => {\n      const fields = await s.fieldActions?.addField?.(draftToField(draft));\n      if (fields) {\n        runInAction(() => s.mergeFields(fields));\n      }\n    },\n    editField: async (fieldId, draft) => {\n      const fields = await s.fieldActions?.editField?.(fieldId, {\n        displayName: draft.name,\n      });\n      if (fields) {\n        runInAction(() => s.mergeFields(fields));\n      }\n    },\n    getFieldDraft: (fieldId) => {\n      const field = s.schema?.fields[fieldId];\n      if (!field) {\n        return undefined;\n      }\n      return {\n        key: field.id,\n        name: field.displayName,\n        type: field.type,\n        readApps: false,\n        readUsers: false,\n        writeApps: false,\n        writeUsers: false,\n        containsPii: field.isPii ?? false,\n      };\n    },\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobx","require","_standardFieldTypeLabels","schemaFieldManagement","sourceState","draftToField","draft","id","key","displayName","name","type","isPii","containsPii","validation","required","canAddFields","schema","source","addFieldDisabled","canEditField","field","supportsPii","permissions","fieldPermissions","fieldModalText","t","container","translate","addTitle","editTitle","deleteField","fieldId","_sourceState$fieldAct","fields","fieldActions","runInAction","mergeFields","notify","message","biName","e","creatableFieldTypes","map","ft","standard","label","standardFieldTypeLabels","patternsType","undefined","labelKey","namePlaceholder","namePlaceholderKey","subtitle","group","existingFieldKeys","f","addField","_sourceState$fieldAct2","editField","_sourceState$fieldAct3","getFieldDraft","_sourceState$schema","readApps","readUsers","writeApps","writeUsers","exports"],"sources":["../../../../src/components/SchemaSource/schemaFieldManagement.ts"],"sourcesContent":["import {\n  FieldDraft,\n  FieldManagement,\n  NonReferenceField,\n  SourceState,\n} from '@wix/bex-core';\nimport { runInAction } from 'mobx';\nimport { standardFieldTypeLabels } from './standardFieldTypeLabels';\n\n/**\n * Builds the source-neutral FieldManagement over a source's state. add/edit/\n * delete call the schema's FieldActions, then merge the returned fields into\n * the loaded schema so the columns update from the response (no reload). The\n * creatable types, permissions, and can-edit/add rules come from the source.\n */\nexport const schemaFieldManagement = (\n  sourceState: SourceState<any>,\n): FieldManagement => {\n  const draftToField = (draft: FieldDraft): NonReferenceField => ({\n    id: draft.key,\n    displayName: draft.name,\n    type: (draft.type ?? 'SHORT_TEXT') as NonReferenceField['type'],\n    isPii: draft.containsPii,\n    validation: { required: false },\n  });\n\n  return {\n    get canAddFields() {\n      const { schema, source } = sourceState;\n      return schema ? source.canAddFields(schema) : false;\n    },\n    addFieldDisabled: false,\n    canEditField: (field) => {\n      const { schema, source } = sourceState;\n      return schema ? source.canEditField(field, schema) : false;\n    },\n    supportsPii: sourceState.source.supportsPii,\n    permissions: sourceState.source.fieldPermissions,\n    get fieldModalText() {\n      const t = sourceState.container.translate;\n      return (\n        sourceState.source.fieldModalText ?? {\n          addTitle: t('cairo.customFields.addCustomField.modal.title'),\n          editTitle: t('cairo.customFields.editCustomField.modal.title'),\n        }\n      );\n    },\n    // Self-contained: does the delete and reports its own toast (matching the\n    // DataExtension source). Rethrows on failure so the shared delete modal stays\n    // open for a retry.\n    deleteField: async (fieldId) => {\n      try {\n        const fields = await sourceState.fieldActions?.deleteField?.(fieldId);\n        if (fields) {\n          runInAction(() => sourceState.mergeFields(fields));\n        }\n        sourceState.notify({\n          type: 'SUCCESS',\n          message: 'Field deleted',\n          biName: 'cairo-field-action-delete-success',\n        });\n      } catch (e) {\n        sourceState.notify({\n          type: 'ERROR',\n          message: \"Couldn't delete field\",\n          biName: 'cairo-field-action-delete-error',\n        });\n        throw e;\n      }\n    },\n\n    get creatableFieldTypes() {\n      const t = sourceState.container.translate;\n      return sourceState.source.creatableFieldTypes.map((ft) => {\n        // The standard pair applies only when the source didn't custom-label\n        // the entry — a custom label with the standard placeholder would show\n        // contradictory copy (the modal falls back to its generic placeholder).\n        const standard =\n          ft.label == null\n            ? standardFieldTypeLabels[ft.patternsType]\n            : undefined;\n        return {\n          id: ft.patternsType,\n          label:\n            ft.label ?? (standard ? t(standard.labelKey) : ft.patternsType),\n          namePlaceholder:\n            ft.namePlaceholder ??\n            (standard ? t(standard.namePlaceholderKey) : undefined),\n          subtitle: ft.subtitle,\n          group: ft.group,\n          patternsType: ft.patternsType,\n        };\n      });\n    },\n    get existingFieldKeys() {\n      return sourceState.fields.map((f) => f.id);\n    },\n\n    addField: async (draft) => {\n      const fields = await sourceState.fieldActions?.addField?.(\n        draftToField(draft),\n      );\n      if (fields) {\n        runInAction(() => sourceState.mergeFields(fields));\n      }\n    },\n    editField: async (fieldId, draft) => {\n      const fields = await sourceState.fieldActions?.editField?.(fieldId, {\n        displayName: draft.name,\n      });\n      if (fields) {\n        runInAction(() => sourceState.mergeFields(fields));\n      }\n    },\n    getFieldDraft: (fieldId) => {\n      const field = sourceState.schema?.fields[fieldId];\n      if (!field) {\n        return undefined;\n      }\n      return {\n        key: field.id,\n        name: field.displayName,\n        type: field.type,\n        readApps: false,\n        readUsers: false,\n        writeApps: false,\n        writeUsers: false,\n        containsPii: field.isPii ?? false,\n      };\n    },\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/SchemaSource/schemaFieldsSource.js

@@ -2,23 +2,28 @@
 
 exports.__esModule = true;
 exports.schemaFieldsSource = void 0;
+var _schemaFieldManagement = require("./schemaFieldManagement");
 /**
  * Exposes SchemaState as a source-neutral FieldsSource. Reads through to the
  * loaded schema so MobX reactivity flows. A flat schema has no groups or
  * archiving, so those members are omitted.
  */
 const schemaFieldsSource = s => {
+  const {
+    sourceState
+  } = s;
   const source = {
-    load: () => s.load(),
+    load: () => sourceState.load(),
     get fields() {
-      return s.fields;
+      return sourceState.fields;
     },
     get filterableFields() {
       return s.filterableFields;
     },
     get manageableFields() {
-      return s.fields.filter(f => !f.isSystem);
+      return sourceState.fields.filter(f => !f.isSystem);
     },
+    fieldTypes: sourceState.source.fieldTypes,
     columnIdForField: field => field.id,
     queryFieldId: field => field.id,
     getCellValue: (row, field) => row[field.id],
@@ -26,14 +31,14 @@ const schemaFieldsSource = s => {
       ...row,
       [field.id]: value
     }),
-    fieldManagement: s.fieldManagement,
+    fieldManagement: (0, _schemaFieldManagement.schemaFieldManagement)(sourceState),
     get fieldActions() {
-      return s.fieldActions;
+      return sourceState.fieldActions;
     },
     // Merge a returned fields map into the loaded schema (e.g. after an import
-    // creates fields). `mergeFields` is a SchemaState action, so the columns
+    // creates fields). `mergeFields` is a SourceState action, so the columns
     // rebuild reactively with no refetch.
-    mergeFields: fields => s.mergeFields(fields)
+    mergeFields: fields => sourceState.mergeFields(fields)
   };
   return source;
 };

package/dist/cjs/components/SchemaSource/schemaFieldsSource.js.map

@@ -1 +1 @@
-{"version":3,"names":["schemaFieldsSource","s","source","load","fields","filterableFields","manageableFields","filter","f","isSystem","columnIdForField","field","id","queryFieldId","getCellValue","row","setCellValue","value","fieldManagement","fieldActions","mergeFields","exports"],"sources":["../../../../src/components/SchemaSource/schemaFieldsSource.ts"],"sourcesContent":["import type { FieldsSource } from '@wix/bex-core';\nimport type { SchemaState } from './SchemaState';\n\n/**\n * Exposes SchemaState as a source-neutral FieldsSource. Reads through to the\n * loaded schema so MobX reactivity flows. A flat schema has no groups or\n * archiving, so those members are omitted.\n */\nexport const schemaFieldsSource = (s: SchemaState<any>): FieldsSource => {\n  const source: FieldsSource = {\n    load: () => s.load(),\n\n    get fields() {\n      return s.fields;\n    },\n    get filterableFields() {\n      return s.filterableFields;\n    },\n    get manageableFields() {\n      return s.fields.filter((f) => !f.isSystem);\n    },\n    columnIdForField: (field) => field.id,\n    queryFieldId: (field) => field.id,\n    getCellValue: (row, field) => (row as Record<string, unknown>)[field.id],\n    setCellValue: (row, field, value) => ({\n      ...(row as Record<string, unknown>),\n      [field.id]: value,\n    }),\n\n    fieldManagement: s.fieldManagement,\n    get fieldActions() {\n      return s.fieldActions;\n    },\n\n    // Merge a returned fields map into the loaded schema (e.g. after an import\n    // creates fields). `mergeFields` is a SchemaState action, so the columns\n    // rebuild reactively with no refetch.\n    mergeFields: (fields) => s.mergeFields(fields),\n  };\n\n  return source;\n};\n"],"mappings":";;;;AAGA;AACA;AACA;AACA;AACA;AACO,MAAMA,kBAAkB,GAAIC,CAAmB,IAAmB;EACvE,MAAMC,MAAoB,GAAG;IAC3BC,IAAI,EAAEA,CAAA,KAAMF,CAAC,CAACE,IAAI,CAAC,CAAC;IAEpB,IAAIC,MAAMA,CAAA,EAAG;MACX,OAAOH,CAAC,CAACG,MAAM;IACjB,CAAC;IACD,IAAIC,gBAAgBA,CAAA,EAAG;MACrB,OAAOJ,CAAC,CAACI,gBAAgB;IAC3B,CAAC;IACD,IAAIC,gBAAgBA,CAAA,EAAG;MACrB,OAAOL,CAAC,CAACG,MAAM,CAACG,MAAM,CAAEC,CAAC,IAAK,CAACA,CAAC,CAACC,QAAQ,CAAC;IAC5C,CAAC;IACDC,gBAAgB,EAAGC,KAAK,IAAKA,KAAK,CAACC,EAAE;IACrCC,YAAY,EAAGF,KAAK,IAAKA,KAAK,CAACC,EAAE;IACjCE,YAAY,EAAEA,CAACC,GAAG,EAAEJ,KAAK,KAAMI,GAAG,CAA6BJ,KAAK,CAACC,EAAE,CAAC;IACxEI,YAAY,EAAEA,CAACD,GAAG,EAAEJ,KAAK,EAAEM,KAAK,MAAM;MACpC,GAAIF,GAA+B;MACnC,CAACJ,KAAK,CAACC,EAAE,GAAGK;IACd,CAAC,CAAC;IAEFC,eAAe,EAAEjB,CAAC,CAACiB,eAAe;IAClC,IAAIC,YAAYA,CAAA,EAAG;MACjB,OAAOlB,CAAC,CAACkB,YAAY;IACvB,CAAC;IAED;IACA;IACA;IACAC,WAAW,EAAGhB,MAAM,IAAKH,CAAC,CAACmB,WAAW,CAAChB,MAAM;EAC/C,CAAC;EAED,OAAOF,MAAM;AACf,CAAC;AAACmB,OAAA,CAAArB,kBAAA,GAAAA,kBAAA","ignoreList":[]}
+{"version":3,"names":["_schemaFieldManagement","require","schemaFieldsSource","s","sourceState","source","load","fields","filterableFields","manageableFields","filter","f","isSystem","fieldTypes","columnIdForField","field","id","queryFieldId","getCellValue","row","setCellValue","value","fieldManagement","schemaFieldManagement","fieldActions","mergeFields","exports"],"sources":["../../../../src/components/SchemaSource/schemaFieldsSource.ts"],"sourcesContent":["import type { FieldsSource } from '@wix/bex-core';\nimport type { SchemaState } from './SchemaState';\nimport { schemaFieldManagement } from './schemaFieldManagement';\n\n/**\n * Exposes SchemaState as a source-neutral FieldsSource. Reads through to the\n * loaded schema so MobX reactivity flows. A flat schema has no groups or\n * archiving, so those members are omitted.\n */\nexport const schemaFieldsSource = (s: SchemaState<any>): FieldsSource => {\n  const { sourceState } = s;\n  const source: FieldsSource = {\n    load: () => sourceState.load(),\n\n    get fields() {\n      return sourceState.fields;\n    },\n    get filterableFields() {\n      return s.filterableFields;\n    },\n    get manageableFields() {\n      return sourceState.fields.filter((f) => !f.isSystem);\n    },\n    fieldTypes: sourceState.source.fieldTypes,\n    columnIdForField: (field) => field.id,\n    queryFieldId: (field) => field.id,\n    getCellValue: (row, field) => (row as Record<string, unknown>)[field.id],\n    setCellValue: (row, field, value) => ({\n      ...(row as Record<string, unknown>),\n      [field.id]: value,\n    }),\n\n    fieldManagement: schemaFieldManagement(sourceState),\n    get fieldActions() {\n      return sourceState.fieldActions;\n    },\n\n    // Merge a returned fields map into the loaded schema (e.g. after an import\n    // creates fields). `mergeFields` is a SourceState action, so the columns\n    // rebuild reactively with no refetch.\n    mergeFields: (fields) => sourceState.mergeFields(fields),\n  };\n\n  return source;\n};\n"],"mappings":";;;;AAEA,IAAAA,sBAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACO,MAAMC,kBAAkB,GAAIC,CAAmB,IAAmB;EACvE,MAAM;IAAEC;EAAY,CAAC,GAAGD,CAAC;EACzB,MAAME,MAAoB,GAAG;IAC3BC,IAAI,EAAEA,CAAA,KAAMF,WAAW,CAACE,IAAI,CAAC,CAAC;IAE9B,IAAIC,MAAMA,CAAA,EAAG;MACX,OAAOH,WAAW,CAACG,MAAM;IAC3B,CAAC;IACD,IAAIC,gBAAgBA,CAAA,EAAG;MACrB,OAAOL,CAAC,CAACK,gBAAgB;IAC3B,CAAC;IACD,IAAIC,gBAAgBA,CAAA,EAAG;MACrB,OAAOL,WAAW,CAACG,MAAM,CAACG,MAAM,CAAEC,CAAC,IAAK,CAACA,CAAC,CAACC,QAAQ,CAAC;IACtD,CAAC;IACDC,UAAU,EAAET,WAAW,CAACC,MAAM,CAACQ,UAAU;IACzCC,gBAAgB,EAAGC,KAAK,IAAKA,KAAK,CAACC,EAAE;IACrCC,YAAY,EAAGF,KAAK,IAAKA,KAAK,CAACC,EAAE;IACjCE,YAAY,EAAEA,CAACC,GAAG,EAAEJ,KAAK,KAAMI,GAAG,CAA6BJ,KAAK,CAACC,EAAE,CAAC;IACxEI,YAAY,EAAEA,CAACD,GAAG,EAAEJ,KAAK,EAAEM,KAAK,MAAM;MACpC,GAAIF,GAA+B;MACnC,CAACJ,KAAK,CAACC,EAAE,GAAGK;IACd,CAAC,CAAC;IAEFC,eAAe,EAAE,IAAAC,4CAAqB,EAACnB,WAAW,CAAC;IACnD,IAAIoB,YAAYA,CAAA,EAAG;MACjB,OAAOpB,WAAW,CAACoB,YAAY;IACjC,CAAC;IAED;IACA;IACA;IACAC,WAAW,EAAGlB,MAAM,IAAKH,WAAW,CAACqB,WAAW,CAAClB,MAAM;EACzD,CAAC;EAED,OAAOF,MAAM;AACf,CAAC;AAACqB,OAAA,CAAAxB,kBAAA,GAAAA,kBAAA","ignoreList":[]}

package/dist/cjs/components/SchemaSource/schemaRendering.js

@@ -1,12 +1,16 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.schemaRendering = void 0;
+var _react = _interopRequireDefault(require("react"));
 var _bexCore = require("@wix/bex-core");
 var _schemaFieldActions = require("./schemaFieldActions");
 var _FieldManagementModals = require("../CustomFieldsPanel/FieldManagementModals");
 var _CustomColumnsFull = require("../CustomColumns/CustomColumnsFull");
 var _CollectionToolbarFilters = require("../CollectionToolbarFilters");
+var _ReferenceFieldCell = require("./ReferenceFieldCell");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/SchemaSource/schemaRendering.tsx";
 // Text operators a schema source's backend can execute.
 const SCHEMA_TEXT_OPERATORS = [_bexCore.FilterOperator.CONTAINS, _bexCore.FilterOperator.NOT_CONTAINS, _bexCore.FilterOperator.IS_EMPTY, _bexCore.FilterOperator.EXISTS];
 
@@ -20,6 +24,29 @@ const schemaRendering = s => ({
     textOperators: SCHEMA_TEXT_OPERATORS,
     numberIsDecimal: () => true
   },
+  // A reference value is an expanded referenced item, which FieldCell can't
+  // render — the label is in the referenced collection's display field.
+  columnOverrides: field => {
+    if (field.type !== 'REFERENCE' && field.type !== 'MULTI_REFERENCE') {
+      return {};
+    }
+    return {
+      render: (row, rowNum) => /*#__PURE__*/_react.default.createElement(_ReferenceFieldCell.ReferenceFieldCell, {
+        state: s,
+        field: field,
+        row: row,
+        fieldId: `${field.id}-${rowNum}`,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 43,
+          columnNumber: 9
+        }
+      })
+    };
+  },
+  schemaSource: s.sourceState.source,
+  editableCellFor: field => s.referenceCells.cellFor(field),
   createFieldActionsMenu: (0, _schemaFieldActions.createSchemaFieldActionsMenu)(s),
   createFieldActionHandlers: panel => (0, _schemaFieldActions.schemaFieldActionHandlers)(s, panel),
   featuredPageActions: [],

package/dist/cjs/components/SchemaSource/schemaRendering.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_schemaFieldActions","_FieldManagementModals","_CustomColumnsFull","_CollectionToolbarFilters","SCHEMA_TEXT_OPERATORS","FilterOperator","CONTAINS","NOT_CONTAINS","IS_EMPTY","EXISTS","schemaRendering","s","filterConfig","textOperators","numberIsDecimal","createFieldActionsMenu","createSchemaFieldActionsMenu","createFieldActionHandlers","panel","schemaFieldActionHandlers","featuredPageActions","components","FieldManagementModals","CustomColumns","CustomColumnsFull","CollectionToolbarFilters","exports"],"sources":["../../../../src/components/SchemaSource/schemaRendering.tsx"],"sourcesContent":["import { FilterOperator } from '@wix/bex-core';\nimport type { FieldsSourceRendering } from '../../state/CollectionFieldsSourceState';\nimport type { SchemaState } from './SchemaState';\nimport {\n  createSchemaFieldActionsMenu,\n  schemaFieldActionHandlers,\n} from './schemaFieldActions';\nimport { FieldManagementModals } from '../CustomFieldsPanel/FieldManagementModals';\nimport { CustomColumnsFull } from '../CustomColumns/CustomColumnsFull';\nimport { CollectionToolbarFilters } from '../CollectionToolbarFilters';\n\n// Text operators a schema source's backend can execute.\nconst SCHEMA_TEXT_OPERATORS = [\n  FilterOperator.CONTAINS,\n  FilterOperator.NOT_CONTAINS,\n  FilterOperator.IS_EMPTY,\n  FilterOperator.EXISTS,\n];\n\n/**\n * Builds the schema source's config, shaped as a FieldsSourceRendering. The spine\n * builds the field-management panel from this; the per-field actions come from\n * schemaFieldActions.\n */\nexport const schemaRendering = (\n  s: SchemaState<any>,\n): FieldsSourceRendering => ({\n  filterConfig: {\n    textOperators: SCHEMA_TEXT_OPERATORS,\n    numberIsDecimal: () => true,\n  },\n  createFieldActionsMenu: createSchemaFieldActionsMenu(s),\n  createFieldActionHandlers: (panel) => schemaFieldActionHandlers(s, panel),\n  featuredPageActions: [],\n  components: {\n    FieldManagementModals,\n    CustomColumns: CustomColumnsFull,\n    CollectionToolbarFilters,\n  },\n});\n"],"mappings":";;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAGA,IAAAC,mBAAA,GAAAD,OAAA;AAIA,IAAAE,sBAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AACA,IAAAI,yBAAA,GAAAJ,OAAA;AAEA;AACA,MAAMK,qBAAqB,GAAG,CAC5BC,uBAAc,CAACC,QAAQ,EACvBD,uBAAc,CAACE,YAAY,EAC3BF,uBAAc,CAACG,QAAQ,EACvBH,uBAAc,CAACI,MAAM,CACtB;;AAED;AACA;AACA;AACA;AACA;AACO,MAAMC,eAAe,GAC1BC,CAAmB,KACQ;EAC3BC,YAAY,EAAE;IACZC,aAAa,EAAET,qBAAqB;IACpCU,eAAe,EAAEA,CAAA,KAAM;EACzB,CAAC;EACDC,sBAAsB,EAAE,IAAAC,gDAA4B,EAACL,CAAC,CAAC;EACvDM,yBAAyB,EAAGC,KAAK,IAAK,IAAAC,6CAAyB,EAACR,CAAC,EAAEO,KAAK,CAAC;EACzEE,mBAAmB,EAAE,EAAE;EACvBC,UAAU,EAAE;IACVC,qBAAqB,EAArBA,4CAAqB;IACrBC,aAAa,EAAEC,oCAAiB;IAChCC,wBAAwB,EAAxBA;EACF;AACF,CAAC,CAAC;AAACC,OAAA,CAAAhB,eAAA,GAAAA,eAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_bexCore","_schemaFieldActions","_FieldManagementModals","_CustomColumnsFull","_CollectionToolbarFilters","_ReferenceFieldCell","_jsxFileName","SCHEMA_TEXT_OPERATORS","FilterOperator","CONTAINS","NOT_CONTAINS","IS_EMPTY","EXISTS","schemaRendering","s","filterConfig","textOperators","numberIsDecimal","columnOverrides","field","type","render","row","rowNum","default","createElement","ReferenceFieldCell","state","fieldId","id","__self","__source","fileName","lineNumber","columnNumber","schemaSource","sourceState","source","editableCellFor","referenceCells","cellFor","createFieldActionsMenu","createSchemaFieldActionsMenu","createFieldActionHandlers","panel","schemaFieldActionHandlers","featuredPageActions","components","FieldManagementModals","CustomColumns","CustomColumnsFull","CollectionToolbarFilters","exports"],"sources":["../../../../src/components/SchemaSource/schemaRendering.tsx"],"sourcesContent":["import React from 'react';\nimport { FilterOperator } from '@wix/bex-core';\nimport type { Column } from '../../model';\nimport type { FieldsSourceRendering } from '../../state/CollectionFieldsSourceState';\nimport type { SchemaState } from './SchemaState';\nimport {\n  createSchemaFieldActionsMenu,\n  schemaFieldActionHandlers,\n} from './schemaFieldActions';\nimport { FieldManagementModals } from '../CustomFieldsPanel/FieldManagementModals';\nimport { CustomColumnsFull } from '../CustomColumns/CustomColumnsFull';\nimport { CollectionToolbarFilters } from '../CollectionToolbarFilters';\nimport { ReferenceFieldCell } from './ReferenceFieldCell';\n\n// Text operators a schema source's backend can execute.\nconst SCHEMA_TEXT_OPERATORS = [\n  FilterOperator.CONTAINS,\n  FilterOperator.NOT_CONTAINS,\n  FilterOperator.IS_EMPTY,\n  FilterOperator.EXISTS,\n];\n\n/**\n * Builds the schema source's config, shaped as a FieldsSourceRendering. The spine\n * builds the field-management panel from this; the per-field actions come from\n * schemaFieldActions.\n */\nexport const schemaRendering = (\n  s: SchemaState<any>,\n): FieldsSourceRendering => ({\n  filterConfig: {\n    textOperators: SCHEMA_TEXT_OPERATORS,\n    numberIsDecimal: () => true,\n  },\n  // A reference value is an expanded referenced item, which FieldCell can't\n  // render — the label is in the referenced collection's display field.\n  columnOverrides: (field): Partial<Column> => {\n    if (field.type !== 'REFERENCE' && field.type !== 'MULTI_REFERENCE') {\n      return {};\n    }\n    return {\n      render: (row: unknown, rowNum: number) => (\n        <ReferenceFieldCell\n          state={s}\n          field={field}\n          row={row}\n          fieldId={`${field.id}-${rowNum}`}\n        />\n      ),\n    } as Partial<Column>;\n  },\n  schemaSource: s.sourceState.source,\n  editableCellFor: (field) => s.referenceCells.cellFor(field),\n  createFieldActionsMenu: createSchemaFieldActionsMenu(s),\n  createFieldActionHandlers: (panel) => schemaFieldActionHandlers(s, panel),\n  featuredPageActions: [],\n  components: {\n    FieldManagementModals,\n    CustomColumns: CustomColumnsFull,\n    CollectionToolbarFilters,\n  },\n});\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAIA,IAAAE,mBAAA,GAAAF,OAAA;AAIA,IAAAG,sBAAA,GAAAH,OAAA;AACA,IAAAI,kBAAA,GAAAJ,OAAA;AACA,IAAAK,yBAAA,GAAAL,OAAA;AACA,IAAAM,mBAAA,GAAAN,OAAA;AAA0D,IAAAO,YAAA;AAE1D;AACA,MAAMC,qBAAqB,GAAG,CAC5BC,uBAAc,CAACC,QAAQ,EACvBD,uBAAc,CAACE,YAAY,EAC3BF,uBAAc,CAACG,QAAQ,EACvBH,uBAAc,CAACI,MAAM,CACtB;;AAED;AACA;AACA;AACA;AACA;AACO,MAAMC,eAAe,GAC1BC,CAAmB,KACQ;EAC3BC,YAAY,EAAE;IACZC,aAAa,EAAET,qBAAqB;IACpCU,eAAe,EAAEA,CAAA,KAAM;EACzB,CAAC;EACD;EACA;EACAC,eAAe,EAAGC,KAAK,IAAsB;IAC3C,IAAIA,KAAK,CAACC,IAAI,KAAK,WAAW,IAAID,KAAK,CAACC,IAAI,KAAK,iBAAiB,EAAE;MAClE,OAAO,CAAC,CAAC;IACX;IACA,OAAO;MACLC,MAAM,EAAEA,CAACC,GAAY,EAAEC,MAAc,kBACnC1B,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACpB,mBAAA,CAAAqB,kBAAkB;QACjBC,KAAK,EAAEb,CAAE;QACTK,KAAK,EAAEA,KAAM;QACbG,GAAG,EAAEA,GAAI;QACTM,OAAO,EAAE,GAAGT,KAAK,CAACU,EAAE,IAAIN,MAAM,EAAG;QAAAO,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA1B,YAAA;UAAA2B,UAAA;UAAAC,YAAA;QAAA;MAAA,CAClC;IAEL,CAAC;EACH,CAAC;EACDC,YAAY,EAAErB,CAAC,CAACsB,WAAW,CAACC,MAAM;EAClCC,eAAe,EAAGnB,KAAK,IAAKL,CAAC,CAACyB,cAAc,CAACC,OAAO,CAACrB,KAAK,CAAC;EAC3DsB,sBAAsB,EAAE,IAAAC,gDAA4B,EAAC5B,CAAC,CAAC;EACvD6B,yBAAyB,EAAGC,KAAK,IAAK,IAAAC,6CAAyB,EAAC/B,CAAC,EAAE8B,KAAK,CAAC;EACzEE,mBAAmB,EAAE,EAAE;EACvBC,UAAU,EAAE;IACVC,qBAAqB,EAArBA,4CAAqB;IACrBC,aAAa,EAAEC,oCAAiB;IAChCC,wBAAwB,EAAxBA;EACF;AACF,CAAC,CAAC;AAACC,OAAA,CAAAvC,eAAA,GAAAA,eAAA","ignoreList":[]}

package/dist/cjs/components/SchemaSource/tableSchemaSource.js

@@ -4,6 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.tableSchemaSource = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _bexCore = require("@wix/bex-core");
 var _SchemaState = require("./SchemaState");
 /**
  * A schema source ready to attach to a table: the full config plus a
@@ -11,7 +12,7 @@ var _SchemaState = require("./SchemaState");
  * in the table hook — keeps it out of the core table bundle; only consumers that
  * call `tableSchemaSource` pull it in.
  *
- * `schemaState` exposes the attached state so `useSchemaImport` reads the same
+ * `schemaState` exposes the attached state so the import reads the same
  * live schema the table renders — import always matches the visible columns
  * (including fields it just created, or ones added via the field-management
  * panel), rather than a separate loaded copy.
@@ -22,12 +23,12 @@ var _SchemaState = require("./SchemaState");
  * `...source`): a getter placed in a spread literal is evaluated once and
  * flattened to a static `undefined` data property by Object.assign-based (loose)
  * object-spread transpilation, which silently drops the live binding — so
- * `useSchemaImport` would never see the loaded fields. A prototype accessor is
+ * the import would never see the loaded fields. A prototype accessor is
  * always a real accessor, immune to that.
  *
  * The wrapped source's members (`collectionConfig`, `loadSchema`, …) are copied
  * onto the instance so it's usable anywhere a `SchemaSource` is; `state` is
- * created once on attach and reused, so the table and `useSchemaImport` share
+ * created once on attach and reused, so the table and the import share
  * one SchemaState (and one load).
  */
 class TableSchemaSourceImpl {
@@ -46,12 +47,35 @@ class TableSchemaSourceImpl {
   get collectionId() {
     return this.source.collectionId;
   }
-  get collectionConfig() {
-    return this.source.collectionConfig;
+  get paginationMode() {
+    return this.source.paginationMode;
+  }
+  get itemKey() {
+    return this.source.itemKey;
+  }
+  get itemName() {
+    return this.source.itemName;
+  }
+  get getFieldValue() {
+    return this.source.getFieldValue;
+  }
+  get setFieldValue() {
+    return this.source.setFieldValue;
+  }
+  get references() {
+    return this.source.references;
+  }
+  get fieldsContainer() {
+    // Attached by `useSchemaSource`; forwarded like every other member, or the
+    // wrapper would hand the components a source with no container.
+    return this.source.fieldsContainer;
   }
   get creatableFieldTypes() {
     return this.source.creatableFieldTypes;
   }
+  get fieldTypes() {
+    return this.source.fieldTypes;
+  }
   get fieldPermissions() {
     return this.source.fieldPermissions;
   }
@@ -78,8 +102,10 @@ class TableSchemaSourceImpl {
   }
   setOnTable(toolbar) {
     this.state ?? (this.state = new _SchemaState.SchemaState({
-      container: toolbar.container,
-      source: this.source
+      sourceState: new _bexCore.SourceState({
+        container: toolbar.container,
+        source: this.source
+      })
     }));
     this.state.setOnTable(toolbar);
   }

package/dist/cjs/components/SchemaSource/tableSchemaSource.js.map

@@ -1 +1 @@
-{"version":3,"names":["_SchemaState","require","TableSchemaSourceImpl","constructor","source","_defineProperty2","default","collectionId","collectionConfig","creatableFieldTypes","fieldPermissions","supportsPii","loadSchema","searchableFieldIds","canAddFields","canEditField","canDeleteField","schemaState","state","setOnTable","toolbar","SchemaState","container","tableSchemaSource","exports"],"sources":["../../../../src/components/SchemaSource/tableSchemaSource.ts"],"sourcesContent":["import type { SchemaSource } from '@wix/bex-core';\nimport type { FieldsSourceProvider } from '../fieldsSourceProvider';\nimport type { ToolbarCollectionState } from '../../state';\nimport { SchemaState } from './SchemaState';\n\n/**\n * A schema source ready to attach to a table: the full config plus a\n * `setOnTable` that builds the SchemaState. Keeping `new SchemaState` here — not\n * in the table hook — keeps it out of the core table bundle; only consumers that\n * call `tableSchemaSource` pull it in.\n *\n * `schemaState` exposes the attached state so `useSchemaImport` reads the same\n * live schema the table renders — import always matches the visible columns\n * (including fields it just created, or ones added via the field-management\n * panel), rather than a separate loaded copy.\n */\nexport type TableSchemaSource<T = Record<string, unknown>> = SchemaSource<T> &\n  FieldsSourceProvider & {\n    readonly schemaState?: SchemaState<T>;\n  };\n\n/**\n * Implemented as a class (not an object literal with a `get schemaState()` after\n * `...source`): a getter placed in a spread literal is evaluated once and\n * flattened to a static `undefined` data property by Object.assign-based (loose)\n * object-spread transpilation, which silently drops the live binding — so\n * `useSchemaImport` would never see the loaded fields. A prototype accessor is\n * always a real accessor, immune to that.\n *\n * The wrapped source's members (`collectionConfig`, `loadSchema`, …) are copied\n * onto the instance so it's usable anywhere a `SchemaSource` is; `state` is\n * created once on attach and reused, so the table and `useSchemaImport` share\n * one SchemaState (and one load).\n */\nclass TableSchemaSourceImpl<T> implements TableSchemaSource<T> {\n  private state?: SchemaState<T>;\n  private readonly source: SchemaSource<T>;\n\n  // A field + body assignment (not a constructor parameter property — the docs\n  // Storybook's Babel doesn't strip that TS syntax).\n  constructor(source: SchemaSource<T>) {\n    this.source = source;\n  }\n\n  // Delegate the SchemaSource surface to the wrapped source via getters, so the\n  // instance always reflects it with no copies to keep in sync. Prototype\n  // accessors (unlike a getter inside a `...source` spread literal) survive\n  // Object.assign-based (loose) object-spread transpilation.\n  get collectionId() {\n    return this.source.collectionId;\n  }\n  get collectionConfig() {\n    return this.source.collectionConfig;\n  }\n  get creatableFieldTypes() {\n    return this.source.creatableFieldTypes;\n  }\n  get fieldPermissions() {\n    return this.source.fieldPermissions;\n  }\n  get supportsPii() {\n    return this.source.supportsPii;\n  }\n  get loadSchema() {\n    return this.source.loadSchema;\n  }\n  get searchableFieldIds() {\n    return this.source.searchableFieldIds;\n  }\n  get canAddFields() {\n    return this.source.canAddFields;\n  }\n  get canEditField() {\n    return this.source.canEditField;\n  }\n  get canDeleteField() {\n    return this.source.canDeleteField;\n  }\n\n  get schemaState(): SchemaState<T> | undefined {\n    return this.state;\n  }\n\n  setOnTable(toolbar: ToolbarCollectionState<any, any>): void {\n    this.state ??= new SchemaState<T>({\n      container: toolbar.container,\n      source: this.source,\n    });\n    this.state.setOnTable(toolbar);\n  }\n}\n\n/** @deprecated Pass the source to a `@wix/patterns/schema` collection hook\n *  instead — no wrapper needed. */\nexport const tableSchemaSource = <T>(\n  source: SchemaSource<T>,\n): TableSchemaSource<T> => new TableSchemaSourceImpl<T>(source);\n"],"mappings":";;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,qBAAqB,CAAoC;EAI7D;EACA;EACAC,WAAWA,CAACC,MAAuB,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IACnC,IAAI,CAACF,MAAM,GAAGA,MAAM;EACtB;;EAEA;EACA;EACA;EACA;EACA,IAAIG,YAAYA,CAAA,EAAG;IACjB,OAAO,IAAI,CAACH,MAAM,CAACG,YAAY;EACjC;EACA,IAAIC,gBAAgBA,CAAA,EAAG;IACrB,OAAO,IAAI,CAACJ,MAAM,CAACI,gBAAgB;EACrC;EACA,IAAIC,mBAAmBA,CAAA,EAAG;IACxB,OAAO,IAAI,CAACL,MAAM,CAACK,mBAAmB;EACxC;EACA,IAAIC,gBAAgBA,CAAA,EAAG;IACrB,OAAO,IAAI,CAACN,MAAM,CAACM,gBAAgB;EACrC;EACA,IAAIC,WAAWA,CAAA,EAAG;IAChB,OAAO,IAAI,CAACP,MAAM,CAACO,WAAW;EAChC;EACA,IAAIC,UAAUA,CAAA,EAAG;IACf,OAAO,IAAI,CAACR,MAAM,CAACQ,UAAU;EAC/B;EACA,IAAIC,kBAAkBA,CAAA,EAAG;IACvB,OAAO,IAAI,CAACT,MAAM,CAACS,kBAAkB;EACvC;EACA,IAAIC,YAAYA,CAAA,EAAG;IACjB,OAAO,IAAI,CAACV,MAAM,CAACU,YAAY;EACjC;EACA,IAAIC,YAAYA,CAAA,EAAG;IACjB,OAAO,IAAI,CAACX,MAAM,CAACW,YAAY;EACjC;EACA,IAAIC,cAAcA,CAAA,EAAG;IACnB,OAAO,IAAI,CAACZ,MAAM,CAACY,cAAc;EACnC;EAEA,IAAIC,WAAWA,CAAA,EAA+B;IAC5C,OAAO,IAAI,CAACC,KAAK;EACnB;EAEAC,UAAUA,CAACC,OAAyC,EAAQ;IAC1D,IAAI,CAACF,KAAK,KAAV,IAAI,CAACA,KAAK,GAAK,IAAIG,wBAAW,CAAI;MAChCC,SAAS,EAAEF,OAAO,CAACE,SAAS;MAC5BlB,MAAM,EAAE,IAAI,CAACA;IACf,CAAC,CAAC;IACF,IAAI,CAACc,KAAK,CAACC,UAAU,CAACC,OAAO,CAAC;EAChC;AACF;;AAEA;AACA;AACO,MAAMG,iBAAiB,GAC5BnB,MAAuB,IACE,IAAIF,qBAAqB,CAAIE,MAAM,CAAC;AAACoB,OAAA,CAAAD,iBAAA,GAAAA,iBAAA","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_SchemaState","TableSchemaSourceImpl","constructor","source","_defineProperty2","default","collectionId","paginationMode","itemKey","itemName","getFieldValue","setFieldValue","references","fieldsContainer","creatableFieldTypes","fieldTypes","fieldPermissions","supportsPii","loadSchema","searchableFieldIds","canAddFields","canEditField","canDeleteField","schemaState","state","setOnTable","toolbar","SchemaState","sourceState","SourceState","container","tableSchemaSource","exports"],"sources":["../../../../src/components/SchemaSource/tableSchemaSource.ts"],"sourcesContent":["import { SourceState } from '@wix/bex-core';\nimport type { SchemaSource } from '@wix/bex-core';\nimport type { FieldsSourceProvider } from '../fieldsSourceProvider';\nimport type { SchemaSourceWithFields } from '../../model/schemaFieldsContainer';\nimport type { ToolbarCollectionState } from '../../state';\nimport { SchemaState } from './SchemaState';\n\n/**\n * A schema source ready to attach to a table: the full config plus a\n * `setOnTable` that builds the SchemaState. Keeping `new SchemaState` here — not\n * in the table hook — keeps it out of the core table bundle; only consumers that\n * call `tableSchemaSource` pull it in.\n *\n * `schemaState` exposes the attached state so the import reads the same\n * live schema the table renders — import always matches the visible columns\n * (including fields it just created, or ones added via the field-management\n * panel), rather than a separate loaded copy.\n */\nexport type TableSchemaSource<T = Record<string, unknown>> = SchemaSource<T> &\n  FieldsSourceProvider & {\n    readonly schemaState?: SchemaState<T>;\n  };\n\n/**\n * Implemented as a class (not an object literal with a `get schemaState()` after\n * `...source`): a getter placed in a spread literal is evaluated once and\n * flattened to a static `undefined` data property by Object.assign-based (loose)\n * object-spread transpilation, which silently drops the live binding — so\n * the import would never see the loaded fields. A prototype accessor is\n * always a real accessor, immune to that.\n *\n * The wrapped source's members (`collectionConfig`, `loadSchema`, …) are copied\n * onto the instance so it's usable anywhere a `SchemaSource` is; `state` is\n * created once on attach and reused, so the table and the import share\n * one SchemaState (and one load).\n */\nclass TableSchemaSourceImpl<T> implements TableSchemaSource<T> {\n  private state?: SchemaState<T>;\n  private readonly source: SchemaSource<T>;\n\n  // A field + body assignment (not a constructor parameter property — the docs\n  // Storybook's Babel doesn't strip that TS syntax).\n  constructor(source: SchemaSource<T>) {\n    this.source = source;\n  }\n\n  // Delegate the SchemaSource surface to the wrapped source via getters, so the\n  // instance always reflects it with no copies to keep in sync. Prototype\n  // accessors (unlike a getter inside a `...source` spread literal) survive\n  // Object.assign-based (loose) object-spread transpilation.\n  get collectionId() {\n    return this.source.collectionId;\n  }\n  get paginationMode() {\n    return this.source.paginationMode;\n  }\n  get itemKey() {\n    return this.source.itemKey;\n  }\n  get itemName() {\n    return this.source.itemName;\n  }\n  get getFieldValue() {\n    return this.source.getFieldValue;\n  }\n  get setFieldValue() {\n    return this.source.setFieldValue;\n  }\n  get references() {\n    return this.source.references;\n  }\n  get fieldsContainer() {\n    // Attached by `useSchemaSource`; forwarded like every other member, or the\n    // wrapper would hand the components a source with no container.\n    return (this.source as SchemaSourceWithFields).fieldsContainer;\n  }\n  get creatableFieldTypes() {\n    return this.source.creatableFieldTypes;\n  }\n  get fieldTypes() {\n    return this.source.fieldTypes;\n  }\n  get fieldPermissions() {\n    return this.source.fieldPermissions;\n  }\n  get supportsPii() {\n    return this.source.supportsPii;\n  }\n  get loadSchema() {\n    return this.source.loadSchema;\n  }\n  get searchableFieldIds() {\n    return this.source.searchableFieldIds;\n  }\n  get canAddFields() {\n    return this.source.canAddFields;\n  }\n  get canEditField() {\n    return this.source.canEditField;\n  }\n  get canDeleteField() {\n    return this.source.canDeleteField;\n  }\n\n  get schemaState(): SchemaState<T> | undefined {\n    return this.state;\n  }\n\n  setOnTable(toolbar: ToolbarCollectionState<any, any>): void {\n    this.state ??= new SchemaState<T>({\n      sourceState: new SourceState<T>({\n        container: toolbar.container,\n        source: this.source,\n      }),\n    });\n    this.state.setOnTable(toolbar);\n  }\n}\n\n/** @deprecated Pass the source to a `@wix/patterns/schema` collection hook\n *  instead — no wrapper needed. */\nexport const tableSchemaSource = <T>(\n  source: SchemaSource<T>,\n): TableSchemaSource<T> => new TableSchemaSourceImpl<T>(source);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ScrollableContent/ScrollableContent.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ScrollableContent4068062895";
+var _namespace_ = "ScrollableContent471223628";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "ScrollableContent4068062895__root"
+  "root": "ScrollableContent471223628__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ScrollableContent/ScrollableContent.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent4068062895\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ScrollableContent4068062895__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAmC,CAAC;AAC1D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent471223628\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ScrollableContent471223628__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,4BAA4B;AAC9C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAkC,CAAC;AACzD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/SetupWidget/SetupStepCard.js

@@ -5,7 +5,7 @@ exports.__esModule = true;
 exports.SetupStepCard = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _react2 = require("@wix/bex-core/react");
 var _SetupStepIcon = require("./SetupStepIcon");
 var _SetupWidgetStCss = require("./SetupWidget.st.css.js");
@@ -44,7 +44,7 @@ const SetupStepCard = ({
   // Disabled steps show a muted chevron (with a permission tooltip); completed
   // steps without an action show none. Everything actionable shows a chevron.
   const showChevron = clickable || isDisabled;
-  const ChevronIcon = isInline ? isInlineExpanded ? _wixUiIconsCommon.ChevronUp : _wixUiIconsCommon.ChevronDown : _wixUiIconsCommon.ChevronRight;
+  const ChevronIcon = isInline ? isInlineExpanded ? _lazy.ChevronUp : _lazy.ChevronDown : _lazy.ChevronRight;
   const chevron = showChevron && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     dataHook: `setup-step-cta-${step.id}`,
     verticalAlign: "middle",

package/dist/cjs/components/SetupWidget/SetupStepCard.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_react2","_SetupStepIcon","_SetupWidgetStCss","_jsxFileName","SetupStepCard","step","isPrimary","expanded","onActivate","renderStepContent","translate","t","useWixPatternsContainer","isInProgress","status","isCompleted","isDisabled","isInline","expansionMode","isInlineExpanded","showCompletedCta","completedCtaLabel","isTogglable","isNavigable","clickable","showChevron","ChevronIcon","ChevronUp","ChevronDown","ChevronRight","chevron","default","createElement","Box","dataHook","id","verticalAlign","className","st","classes","chevronDisabled","__self","__source","fileName","lineNumber","columnNumber","width","height","description","Text","size","secondary","card","primary","onClick","undefined","role","tabIndex","onKeyDown","event","key","preventDefault","direction","gap","padding","align","flexGrow","minWidth","stepIcon","SetupStepIcon","marginTop","weight","skin","title","inProgressLabel","Tooltip","content","disabledTooltip","Fragment","Divider","stopPropagation","exports"],"sources":["../../../../src/components/SetupWidget/SetupStepCard.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Text, Divider, Tooltip } from '@wix/design-system';\nimport { ChevronRight, ChevronDown, ChevronUp } from '@wix/wix-ui-icons-common';\nimport { SetupWidgetStep } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { SetupStepIcon } from './SetupStepIcon';\nimport { st, classes } from './SetupWidget.st.css.js';\n\nexport interface SetupStepCardProps {\n  step: SetupWidgetStep;\n  /** The recommended next step — soft blue surface + bold title. */\n  isPrimary: boolean;\n  /** Inline content is shown below the header. */\n  expanded: boolean;\n  onActivate: () => void;\n  renderStepContent?: (step: SetupWidgetStep) => React.ReactNode;\n}\n\n/**\n * Mobile step card (per Figma \"Support FW on mobile\"). 12px padding, a 24px\n * icon cell and a trailing chevron that replaces the per-step CTA button: a\n * right chevron for navigate / completed (with a completed action) steps, and a\n * down/up chevron for inline-expandable steps. The whole card is the click\n * target. Collapsed cards are a bare title + chevron; an expanded inline card\n * adds a divider, its description, and the consumer content below the header.\n */\nexport const SetupStepCard = ({\n  step,\n  isPrimary,\n  expanded,\n  onActivate,\n  renderStepContent,\n}: SetupStepCardProps) => {\n  const { translate: t } = useWixPatternsContainer();\n\n  const isInProgress = step.status === 'in-progress';\n  const isCompleted = step.status === 'completed';\n  const isDisabled = step.status === 'disabled';\n  const isInline = step.expansionMode === 'inline';\n  const isInlineExpanded = expanded && isInline;\n\n  // Completed steps stay actionable only when they carry a completed action.\n  const showCompletedCta =\n    isCompleted && !!step.completedCtaLabel && !isDisabled;\n  // Inline steps toggle; navigate steps act; completed steps fire their action.\n  const isTogglable = isInline && !isCompleted && !isDisabled;\n  const isNavigable = !isInline && !isCompleted && !isDisabled;\n  const clickable = isTogglable || isNavigable || showCompletedCta;\n\n  // Disabled steps show a muted chevron (with a permission tooltip); completed\n  // steps without an action show none. Everything actionable shows a chevron.\n  const showChevron = clickable || isDisabled;\n\n  const ChevronIcon = isInline\n    ? isInlineExpanded\n      ? ChevronUp\n      : ChevronDown\n    : ChevronRight;\n\n  const chevron = showChevron && (\n    <Box\n      dataHook={`setup-step-cta-${step.id}`}\n      verticalAlign=\"middle\"\n      className={st(isDisabled ? classes.chevronDisabled : classes.chevron)}\n    >\n      <ChevronIcon width=\"18\" height=\"18\" />\n    </Box>\n  );\n\n  // The description only belongs to the expanded inline state. Non-inline steps\n  // keep theirs (if provided) inline below the header.\n  const description = step.description && !isCompleted && (\n    <Text size=\"small\" secondary>\n      {step.description}\n    </Text>\n  );\n\n  return (\n    <div\n      data-hook={`setup-step-${step.id}`}\n      data-focused={isPrimary}\n      className={st(classes.card, { primary: isPrimary, clickable })}\n      onClick={clickable ? onActivate : undefined}\n      role={clickable ? 'button' : undefined}\n      tabIndex={clickable ? 0 : undefined}\n      onKeyDown={\n        clickable\n          ? (event: React.KeyboardEvent) => {\n              if (event.key === 'Enter' || event.key === ' ') {\n                event.preventDefault();\n                onActivate();\n              }\n            }\n          : undefined\n      }\n    >\n      <Box direction=\"vertical\" gap=\"SP2\" padding=\"SP2\">\n        <Box\n          align=\"space-between\"\n          verticalAlign=\"middle\"\n          gap=\"SP1\"\n          width=\"100%\"\n        >\n          <Box verticalAlign=\"middle\" gap=\"SP1\" flexGrow={1} minWidth={0}>\n            <Box className={st(classes.stepIcon)}>\n              <SetupStepIcon status={step.status} marginTop=\"0px\" />\n            </Box>\n            {/* Title + \"In progress\" badge stack together so the icon centers\n                against the whole block (matches the Figma in-progress card). */}\n            <Box direction=\"vertical\" gap=\"SP1\">\n              <Text\n                dataHook={`setup-step-title-${step.id}`}\n                size=\"small\"\n                weight={isPrimary ? 'bold' : 'thin'}\n                skin={isDisabled ? 'disabled' : 'standard'}\n                secondary={isCompleted}\n              >\n                {isCompleted ? <del>{step.title}</del> : step.title}\n              </Text>\n              {isInProgress && (\n                <Text\n                  size=\"tiny\"\n                  weight=\"normal\"\n                  className={st(classes.inProgressLabel)}\n                >\n                  {t('cairo.setupWidget.step.inProgress')}\n                </Text>\n              )}\n            </Box>\n          </Box>\n          {isDisabled ? (\n            <Tooltip\n              dataHook={`setup-step-disabled-tooltip-${step.id}`}\n              content={\n                step.disabledTooltip ??\n                // Translation-key id stays `lockedTooltip` until the\n                // Translation Center key is renamed (TC follow-up to T2).\n                t('cairo.setupWidget.step.lockedTooltip')\n              }\n            >\n              {chevron}\n            </Tooltip>\n          ) : (\n            chevron\n          )}\n        </Box>\n\n        {/* Expanded inline step: a divider separates the header from the\n            description and the consumer-supplied content. */}\n        {isInlineExpanded && (\n          <>\n            <Divider />\n            {description}\n            <Box\n              dataHook={`setup-step-content-${step.id}`}\n              direction=\"vertical\"\n            >\n              {/* Stop clicks/keys inside the consumer widget from bubbling to\n                  the card's toggle handler — otherwise interacting with the\n                  content (e.g. an input) would collapse the card. */}\n              <div\n                onClick={(event) => event.stopPropagation()}\n                onKeyDown={(event) => event.stopPropagation()}\n              >\n                {renderStepContent?.(step)}\n              </div>\n            </Box>\n          </>\n        )}\n\n        {/* Non-inline steps render their description (if any) under the row. */}\n        {!isInline && description}\n      </Box>\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_react2","_SetupStepIcon","_SetupWidgetStCss","_jsxFileName","SetupStepCard","step","isPrimary","expanded","onActivate","renderStepContent","translate","t","useWixPatternsContainer","isInProgress","status","isCompleted","isDisabled","isInline","expansionMode","isInlineExpanded","showCompletedCta","completedCtaLabel","isTogglable","isNavigable","clickable","showChevron","ChevronIcon","ChevronUp","ChevronDown","ChevronRight","chevron","default","createElement","Box","dataHook","id","verticalAlign","className","st","classes","chevronDisabled","__self","__source","fileName","lineNumber","columnNumber","width","height","description","Text","size","secondary","card","primary","onClick","undefined","role","tabIndex","onKeyDown","event","key","preventDefault","direction","gap","padding","align","flexGrow","minWidth","stepIcon","SetupStepIcon","marginTop","weight","skin","title","inProgressLabel","Tooltip","content","disabledTooltip","Fragment","Divider","stopPropagation","exports"],"sources":["../../../../src/components/SetupWidget/SetupStepCard.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Text, Divider, Tooltip } from '@wix/design-system';\nimport { ChevronRight, ChevronDown, ChevronUp } from '@wix/wix-ui-icons-common/lazy';\nimport { SetupWidgetStep } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { SetupStepIcon } from './SetupStepIcon';\nimport { st, classes } from './SetupWidget.st.css.js';\n\nexport interface SetupStepCardProps {\n  step: SetupWidgetStep;\n  /** The recommended next step — soft blue surface + bold title. */\n  isPrimary: boolean;\n  /** Inline content is shown below the header. */\n  expanded: boolean;\n  onActivate: () => void;\n  renderStepContent?: (step: SetupWidgetStep) => React.ReactNode;\n}\n\n/**\n * Mobile step card (per Figma \"Support FW on mobile\"). 12px padding, a 24px\n * icon cell and a trailing chevron that replaces the per-step CTA button: a\n * right chevron for navigate / completed (with a completed action) steps, and a\n * down/up chevron for inline-expandable steps. The whole card is the click\n * target. Collapsed cards are a bare title + chevron; an expanded inline card\n * adds a divider, its description, and the consumer content below the header.\n */\nexport const SetupStepCard = ({\n  step,\n  isPrimary,\n  expanded,\n  onActivate,\n  renderStepContent,\n}: SetupStepCardProps) => {\n  const { translate: t } = useWixPatternsContainer();\n\n  const isInProgress = step.status === 'in-progress';\n  const isCompleted = step.status === 'completed';\n  const isDisabled = step.status === 'disabled';\n  const isInline = step.expansionMode === 'inline';\n  const isInlineExpanded = expanded && isInline;\n\n  // Completed steps stay actionable only when they carry a completed action.\n  const showCompletedCta =\n    isCompleted && !!step.completedCtaLabel && !isDisabled;\n  // Inline steps toggle; navigate steps act; completed steps fire their action.\n  const isTogglable = isInline && !isCompleted && !isDisabled;\n  const isNavigable = !isInline && !isCompleted && !isDisabled;\n  const clickable = isTogglable || isNavigable || showCompletedCta;\n\n  // Disabled steps show a muted chevron (with a permission tooltip); completed\n  // steps without an action show none. Everything actionable shows a chevron.\n  const showChevron = clickable || isDisabled;\n\n  const ChevronIcon = isInline\n    ? isInlineExpanded\n      ? ChevronUp\n      : ChevronDown\n    : ChevronRight;\n\n  const chevron = showChevron && (\n    <Box\n      dataHook={`setup-step-cta-${step.id}`}\n      verticalAlign=\"middle\"\n      className={st(isDisabled ? classes.chevronDisabled : classes.chevron)}\n    >\n      <ChevronIcon width=\"18\" height=\"18\" />\n    </Box>\n  );\n\n  // The description only belongs to the expanded inline state. Non-inline steps\n  // keep theirs (if provided) inline below the header.\n  const description = step.description && !isCompleted && (\n    <Text size=\"small\" secondary>\n      {step.description}\n    </Text>\n  );\n\n  return (\n    <div\n      data-hook={`setup-step-${step.id}`}\n      data-focused={isPrimary}\n      className={st(classes.card, { primary: isPrimary, clickable })}\n      onClick={clickable ? onActivate : undefined}\n      role={clickable ? 'button' : undefined}\n      tabIndex={clickable ? 0 : undefined}\n      onKeyDown={\n        clickable\n          ? (event: React.KeyboardEvent) => {\n              if (event.key === 'Enter' || event.key === ' ') {\n                event.preventDefault();\n                onActivate();\n              }\n            }\n          : undefined\n      }\n    >\n      <Box direction=\"vertical\" gap=\"SP2\" padding=\"SP2\">\n        <Box\n          align=\"space-between\"\n          verticalAlign=\"middle\"\n          gap=\"SP1\"\n          width=\"100%\"\n        >\n          <Box verticalAlign=\"middle\" gap=\"SP1\" flexGrow={1} minWidth={0}>\n            <Box className={st(classes.stepIcon)}>\n              <SetupStepIcon status={step.status} marginTop=\"0px\" />\n            </Box>\n            {/* Title + \"In progress\" badge stack together so the icon centers\n                against the whole block (matches the Figma in-progress card). */}\n            <Box direction=\"vertical\" gap=\"SP1\">\n              <Text\n                dataHook={`setup-step-title-${step.id}`}\n                size=\"small\"\n                weight={isPrimary ? 'bold' : 'thin'}\n                skin={isDisabled ? 'disabled' : 'standard'}\n                secondary={isCompleted}\n              >\n                {isCompleted ? <del>{step.title}</del> : step.title}\n              </Text>\n              {isInProgress && (\n                <Text\n                  size=\"tiny\"\n                  weight=\"normal\"\n                  className={st(classes.inProgressLabel)}\n                >\n                  {t('cairo.setupWidget.step.inProgress')}\n                </Text>\n              )}\n            </Box>\n          </Box>\n          {isDisabled ? (\n            <Tooltip\n              dataHook={`setup-step-disabled-tooltip-${step.id}`}\n              content={\n                step.disabledTooltip ??\n                // Translation-key id stays `lockedTooltip` until the\n                // Translation Center key is renamed (TC follow-up to T2).\n                t('cairo.setupWidget.step.lockedTooltip')\n              }\n            >\n              {chevron}\n            </Tooltip>\n          ) : (\n            chevron\n          )}\n        </Box>\n\n        {/* Expanded inline step: a divider separates the header from the\n            description and the consumer-supplied content. */}\n        {isInlineExpanded && (\n          <>\n            <Divider />\n            {description}\n            <Box\n              dataHook={`setup-step-content-${step.id}`}\n              direction=\"vertical\"\n            >\n              {/* Stop clicks/keys inside the consumer widget from bubbling to\n                  the card's toggle handler — otherwise interacting with the\n                  content (e.g. an input) would collapse the card. */}\n              <div\n                onClick={(event) => event.stopPropagation()}\n                onKeyDown={(event) => event.stopPropagation()}\n              >\n                {renderStepContent?.(step)}\n              </div>\n            </Box>\n          </>\n        )}\n\n        {/* Non-inline steps render their description (if any) under the row. */}\n        {!isInline && description}\n      </Box>\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/SetupWidget/SetupStepGroup.js

@@ -5,7 +5,7 @@ exports.__esModule = true;
 exports.SetupStepGroup = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _react2 = require("@wix/bex-core/react");
 var _SetupStepIcon = require("./SetupStepIcon");
 var _SetupWidgetStCss = require("./SetupWidget.st.css.js");
@@ -34,7 +34,7 @@ const SetupStepGroup = ({
   const allCompleted = total > 0 && completed === total;
   const anyInProgress = children.some(c => c.status === 'in-progress');
   const isFocused = expanded || isPrimary;
-  const Chevron = expanded ? _wixUiIconsCommon.ChevronUp : _wixUiIconsCommon.ChevronDown;
+  const Chevron = expanded ? _lazy.ChevronUp : _lazy.ChevronDown;
   const header = /*#__PURE__*/_react.default.createElement("div", {
     role: "button",
     tabIndex: 0,