@wix/patterns 1.430.0 → 1.431.0

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

@@ -1 +1 @@
-{"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","deleteField","fieldId","_sourceState$fieldAct","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","_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    // 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          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":[]}
+{"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

@@ -23,6 +23,7 @@ const schemaFieldsSource = s => {
     get manageableFields() {
       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],

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

@@ -1 +1 @@
-{"version":3,"names":["_schemaFieldManagement","require","schemaFieldsSource","s","sourceState","source","load","fields","filterableFields","manageableFields","filter","f","isSystem","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    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,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,EAAClB,WAAW,CAAC;IACnD,IAAImB,YAAYA,CAAA,EAAG;MACjB,OAAOnB,WAAW,CAACmB,YAAY;IACjC,CAAC;IAED;IACA;IACA;IACAC,WAAW,EAAGjB,MAAM,IAAKH,WAAW,CAACoB,WAAW,CAACjB,MAAM;EACzD,CAAC;EAED,OAAOF,MAAM;AACf,CAAC;AAACoB,OAAA,CAAAvB,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

@@ -65,9 +65,17 @@ class TableSchemaSourceImpl {
   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;
   }

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

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_SchemaState","TableSchemaSourceImpl","constructor","source","_defineProperty2","default","collectionId","paginationMode","itemKey","itemName","getFieldValue","setFieldValue","references","creatableFieldTypes","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 { 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 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      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":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAIA,IAAAC,YAAA,GAAAD,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,MAAME,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,cAAcA,CAAA,EAAG;IACnB,OAAO,IAAI,CAACJ,MAAM,CAACI,cAAc;EACnC;EACA,IAAIC,OAAOA,CAAA,EAAG;IACZ,OAAO,IAAI,CAACL,MAAM,CAACK,OAAO;EAC5B;EACA,IAAIC,QAAQA,CAAA,EAAG;IACb,OAAO,IAAI,CAACN,MAAM,CAACM,QAAQ;EAC7B;EACA,IAAIC,aAAaA,CAAA,EAAG;IAClB,OAAO,IAAI,CAACP,MAAM,CAACO,aAAa;EAClC;EACA,IAAIC,aAAaA,CAAA,EAAG;IAClB,OAAO,IAAI,CAACR,MAAM,CAACQ,aAAa;EAClC;EACA,IAAIC,UAAUA,CAAA,EAAG;IACf,OAAO,IAAI,CAACT,MAAM,CAACS,UAAU;EAC/B;EACA,IAAIC,mBAAmBA,CAAA,EAAG;IACxB,OAAO,IAAI,CAACV,MAAM,CAACU,mBAAmB;EACxC;EACA,IAAIC,gBAAgBA,CAAA,EAAG;IACrB,OAAO,IAAI,CAACX,MAAM,CAACW,gBAAgB;EACrC;EACA,IAAIC,WAAWA,CAAA,EAAG;IAChB,OAAO,IAAI,CAACZ,MAAM,CAACY,WAAW;EAChC;EACA,IAAIC,UAAUA,CAAA,EAAG;IACf,OAAO,IAAI,CAACb,MAAM,CAACa,UAAU;EAC/B;EACA,IAAIC,kBAAkBA,CAAA,EAAG;IACvB,OAAO,IAAI,CAACd,MAAM,CAACc,kBAAkB;EACvC;EACA,IAAIC,YAAYA,CAAA,EAAG;IACjB,OAAO,IAAI,CAACf,MAAM,CAACe,YAAY;EACjC;EACA,IAAIC,YAAYA,CAAA,EAAG;IACjB,OAAO,IAAI,CAAChB,MAAM,CAACgB,YAAY;EACjC;EACA,IAAIC,cAAcA,CAAA,EAAG;IACnB,OAAO,IAAI,CAACjB,MAAM,CAACiB,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,WAAW,EAAE,IAAIC,oBAAW,CAAI;QAC9BC,SAAS,EAAEJ,OAAO,CAACI,SAAS;QAC5BzB,MAAM,EAAE,IAAI,CAACA;MACf,CAAC;IACH,CAAC,CAAC;IACF,IAAI,CAACmB,KAAK,CAACC,UAAU,CAACC,OAAO,CAAC;EAChC;AACF;;AAEA;AACA;AACO,MAAMK,iBAAiB,GAC5B1B,MAAuB,IACE,IAAIF,qBAAqB,CAAIE,MAAM,CAAC;AAAC2B,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_ = "ScrollableContent2970276407";
+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": "ScrollableContent2970276407__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_ = \"ScrollableContent2970276407\";\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\":\"ScrollableContent2970276407__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,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_react2","_SetupStepIcon","_SetupWidgetStCss","_jsxFileName","SetupStepGroup","step","isMobile","expanded","isPrimary","onToggle","renderChild","translate","t","useWixPatternsContainer","children","steps","total","length","completed","filter","c","status","allCompleted","anyInProgress","some","isFocused","Chevron","ChevronUp","ChevronDown","header","default","createElement","role","tabIndex","onClick","onKeyDown","event","key","preventDefault","style","cursor","__self","__source","fileName","lineNumber","columnNumber","Box","align","verticalAlign","width","minHeight","gap","undefined","className","st","classes","stepIcon","SetupStepIcon","marginTop","paddingLeft","direction","Text","dataHook","id","size","weight","title","inProgressLabel","Badge","skin","type","Tag","removable","height","childList","map","child","Fragment","card","padding","row","exports"],"sources":["../../../../src/components/SetupWidget/SetupStepGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Text, Badge, Tag } from '@wix/design-system';\nimport { 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 SetupStepGroupProps {\n  step: SetupWidgetStep;\n  isMobile: boolean;\n  /** The group's children are shown. */\n  expanded: boolean;\n  /** The recommended/focused row. */\n  isPrimary: boolean;\n  onToggle: () => void;\n  /** Renders a single child step (the parent supplies the row/card). */\n  renderChild: (child: SetupWidgetStep) => React.ReactNode;\n}\n\n/**\n * Aggregated group row (e.g. \"Stores\", \"Bookings\"). Collapsed: icon + title +\n * an \"x/y\" counter + chevron. Expanded: the children render indented below.\n * Completion / in-progress are derived from the children (mirrors\n * `AggregatedByGroupStep` in dashboard-setup). The toggle lives on the header\n * only, so clicking a child doesn't collapse the group.\n */\nexport const SetupStepGroup = ({\n  step,\n  isMobile,\n  expanded,\n  isPrimary,\n  onToggle,\n  renderChild,\n}: SetupStepGroupProps) => {\n  const { translate: t } = useWixPatternsContainer();\n\n  const children = step.steps ?? [];\n  const total = children.length;\n  const completed = children.filter((c) => c.status === 'completed').length;\n  const allCompleted = total > 0 && completed === total;\n  const anyInProgress = children.some((c) => c.status === 'in-progress');\n  const isFocused = expanded || isPrimary;\n  const Chevron = expanded ? ChevronUp : ChevronDown;\n\n  const header = (\n    <div\n      role=\"button\"\n      tabIndex={0}\n      onClick={onToggle}\n      onKeyDown={(event: React.KeyboardEvent) => {\n        if (event.key === 'Enter' || event.key === ' ') {\n          event.preventDefault();\n          onToggle();\n        }\n      }}\n      style={{ cursor: 'pointer' }}\n    >\n      <Box\n        align=\"space-between\"\n        verticalAlign=\"middle\"\n        width=\"100%\"\n        minHeight=\"30px\"\n      >\n        <Box\n          minHeight=\"24px\"\n          verticalAlign=\"middle\"\n          gap={isMobile ? 'SP1' : undefined}\n        >\n          {isMobile ? (\n            <Box className={st(classes.stepIcon)}>\n              <SetupStepIcon\n                status={allCompleted ? 'completed' : 'upcoming'}\n                marginTop=\"0px\"\n              />\n            </Box>\n          ) : (\n            <SetupStepIcon status={allCompleted ? 'completed' : 'upcoming'} />\n          )}\n          {/* Mobile cards stack the badge under the title (matches\n              SetupStepCard); desktop rows keep it inline next to it. */}\n          <Box\n            paddingLeft={isMobile ? undefined : 'SP2'}\n            direction={isMobile ? 'vertical' : 'horizontal'}\n            verticalAlign={isMobile ? undefined : 'middle'}\n            gap=\"SP1\"\n          >\n            <Text\n              dataHook={`setup-step-title-${step.id}`}\n              size=\"small\"\n              weight={isFocused ? 'bold' : 'thin'}\n            >\n              {step.title}\n            </Text>\n            {anyInProgress &&\n              !allCompleted &&\n              (isMobile ? (\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 marginTop=\"2px\">\n                  <Badge size=\"tiny\" skin=\"urgent\" type=\"transparent\">\n                    {t('cairo.setupWidget.step.inProgress')}\n                  </Badge>\n                </Box>\n              ))}\n          </Box>\n        </Box>\n        <Box verticalAlign=\"middle\" gap=\"SP1\">\n          <Tag\n            id={`setup-step-counter-${step.id}`}\n            skin=\"neutral\"\n            removable={false}\n            size=\"small\"\n          >\n            {t('cairo.setupWidget.aggregated.counter', { completed, total })}\n          </Tag>\n          <Box dataHook={`setup-step-chevron-${step.id}`}>\n            <Chevron width=\"20\" height=\"20\" />\n          </Box>\n        </Box>\n      </Box>\n    </div>\n  );\n\n  const childList = expanded && (\n    <Box\n      dataHook={`setup-step-children-${step.id}`}\n      direction=\"vertical\"\n      gap={isMobile ? 'SP3' : 'SP1'}\n      paddingLeft=\"SP5\"\n      marginTop={isMobile ? 'SP3' : 'SP1'}\n    >\n      {children.map((child) => (\n        <React.Fragment key={child.id}>{renderChild(child)}</React.Fragment>\n      ))}\n    </Box>\n  );\n\n  if (isMobile) {\n    return (\n      <div data-hook={`setup-step-${step.id}`} className={st(classes.card)}>\n        <Box direction=\"vertical\" padding=\"SP2\">\n          {header}\n          {childList}\n        </Box>\n      </div>\n    );\n  }\n\n  return (\n    <div data-hook={`setup-step-${step.id}`} className={st(classes.row)}>\n      {header}\n      {childList}\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_react2","_SetupStepIcon","_SetupWidgetStCss","_jsxFileName","SetupStepGroup","step","isMobile","expanded","isPrimary","onToggle","renderChild","translate","t","useWixPatternsContainer","children","steps","total","length","completed","filter","c","status","allCompleted","anyInProgress","some","isFocused","Chevron","ChevronUp","ChevronDown","header","default","createElement","role","tabIndex","onClick","onKeyDown","event","key","preventDefault","style","cursor","__self","__source","fileName","lineNumber","columnNumber","Box","align","verticalAlign","width","minHeight","gap","undefined","className","st","classes","stepIcon","SetupStepIcon","marginTop","paddingLeft","direction","Text","dataHook","id","size","weight","title","inProgressLabel","Badge","skin","type","Tag","removable","height","childList","map","child","Fragment","card","padding","row","exports"],"sources":["../../../../src/components/SetupWidget/SetupStepGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Text, Badge, Tag } from '@wix/design-system';\nimport { 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 SetupStepGroupProps {\n  step: SetupWidgetStep;\n  isMobile: boolean;\n  /** The group's children are shown. */\n  expanded: boolean;\n  /** The recommended/focused row. */\n  isPrimary: boolean;\n  onToggle: () => void;\n  /** Renders a single child step (the parent supplies the row/card). */\n  renderChild: (child: SetupWidgetStep) => React.ReactNode;\n}\n\n/**\n * Aggregated group row (e.g. \"Stores\", \"Bookings\"). Collapsed: icon + title +\n * an \"x/y\" counter + chevron. Expanded: the children render indented below.\n * Completion / in-progress are derived from the children (mirrors\n * `AggregatedByGroupStep` in dashboard-setup). The toggle lives on the header\n * only, so clicking a child doesn't collapse the group.\n */\nexport const SetupStepGroup = ({\n  step,\n  isMobile,\n  expanded,\n  isPrimary,\n  onToggle,\n  renderChild,\n}: SetupStepGroupProps) => {\n  const { translate: t } = useWixPatternsContainer();\n\n  const children = step.steps ?? [];\n  const total = children.length;\n  const completed = children.filter((c) => c.status === 'completed').length;\n  const allCompleted = total > 0 && completed === total;\n  const anyInProgress = children.some((c) => c.status === 'in-progress');\n  const isFocused = expanded || isPrimary;\n  const Chevron = expanded ? ChevronUp : ChevronDown;\n\n  const header = (\n    <div\n      role=\"button\"\n      tabIndex={0}\n      onClick={onToggle}\n      onKeyDown={(event: React.KeyboardEvent) => {\n        if (event.key === 'Enter' || event.key === ' ') {\n          event.preventDefault();\n          onToggle();\n        }\n      }}\n      style={{ cursor: 'pointer' }}\n    >\n      <Box\n        align=\"space-between\"\n        verticalAlign=\"middle\"\n        width=\"100%\"\n        minHeight=\"30px\"\n      >\n        <Box\n          minHeight=\"24px\"\n          verticalAlign=\"middle\"\n          gap={isMobile ? 'SP1' : undefined}\n        >\n          {isMobile ? (\n            <Box className={st(classes.stepIcon)}>\n              <SetupStepIcon\n                status={allCompleted ? 'completed' : 'upcoming'}\n                marginTop=\"0px\"\n              />\n            </Box>\n          ) : (\n            <SetupStepIcon status={allCompleted ? 'completed' : 'upcoming'} />\n          )}\n          {/* Mobile cards stack the badge under the title (matches\n              SetupStepCard); desktop rows keep it inline next to it. */}\n          <Box\n            paddingLeft={isMobile ? undefined : 'SP2'}\n            direction={isMobile ? 'vertical' : 'horizontal'}\n            verticalAlign={isMobile ? undefined : 'middle'}\n            gap=\"SP1\"\n          >\n            <Text\n              dataHook={`setup-step-title-${step.id}`}\n              size=\"small\"\n              weight={isFocused ? 'bold' : 'thin'}\n            >\n              {step.title}\n            </Text>\n            {anyInProgress &&\n              !allCompleted &&\n              (isMobile ? (\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 marginTop=\"2px\">\n                  <Badge size=\"tiny\" skin=\"urgent\" type=\"transparent\">\n                    {t('cairo.setupWidget.step.inProgress')}\n                  </Badge>\n                </Box>\n              ))}\n          </Box>\n        </Box>\n        <Box verticalAlign=\"middle\" gap=\"SP1\">\n          <Tag\n            id={`setup-step-counter-${step.id}`}\n            skin=\"neutral\"\n            removable={false}\n            size=\"small\"\n          >\n            {t('cairo.setupWidget.aggregated.counter', { completed, total })}\n          </Tag>\n          <Box dataHook={`setup-step-chevron-${step.id}`}>\n            <Chevron width=\"20\" height=\"20\" />\n          </Box>\n        </Box>\n      </Box>\n    </div>\n  );\n\n  const childList = expanded && (\n    <Box\n      dataHook={`setup-step-children-${step.id}`}\n      direction=\"vertical\"\n      gap={isMobile ? 'SP3' : 'SP1'}\n      paddingLeft=\"SP5\"\n      marginTop={isMobile ? 'SP3' : 'SP1'}\n    >\n      {children.map((child) => (\n        <React.Fragment key={child.id}>{renderChild(child)}</React.Fragment>\n      ))}\n    </Box>\n  );\n\n  if (isMobile) {\n    return (\n      <div data-hook={`setup-step-${step.id}`} className={st(classes.card)}>\n        <Box direction=\"vertical\" padding=\"SP2\">\n          {header}\n          {childList}\n        </Box>\n      </div>\n    );\n  }\n\n  return (\n    <div data-hook={`setup-step-${step.id}`} className={st(classes.row)}>\n      {header}\n      {childList}\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,7 +5,7 @@ exports.__esModule = true;
 exports.SetupStepIcon = 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 _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/SetupWidget/SetupStepIcon.tsx";
 /**
  * Leading status indicator for a step. Mirrors the existing Setup widget:
@@ -29,7 +29,7 @@ const SetupStepIcon = ({
         lineNumber: 24,
         columnNumber: 7
       }
-    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ConfirmSmall, {
+    }, /*#__PURE__*/_react.default.createElement(_lazy.ConfirmSmall, {
       width: "18px",
       height: "18px",
       color: "var(--wsr-color-G20)",
@@ -50,7 +50,7 @@ const SetupStepIcon = ({
       lineNumber: 34,
       columnNumber: 5
     }
-  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.CircleSmallFilledSmall, {
+  }, /*#__PURE__*/_react.default.createElement(_lazy.CircleSmallFilledSmall, {
     width: "18px",
     height: "18px",
     color: color,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_jsxFileName","SetupStepIcon","status","marginTop","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","ConfirmSmall","width","height","color","CircleSmallFilledSmall","exports"],"sources":["../../../../src/components/SetupWidget/SetupStepIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@wix/design-system';\nimport { ConfirmSmall, CircleSmallFilledSmall } from '@wix/wix-ui-icons-common';\nimport { SetupWidgetStepStatus } from '@wix/bex-core';\n\n/**\n * Leading status indicator for a step. Mirrors the existing Setup widget:\n * green check when completed, muted dot when disabled, blue dot otherwise.\n */\nexport const SetupStepIcon = ({\n  status,\n  /**\n   * Top nudge that centers the 18px icon on a single line of text. Defaults to\n   * the desktop value; the mobile card centers the icon via its own wrapper and\n   * passes \"0px\" to drop the nudge.\n   */\n  marginTop = '3px',\n}: {\n  status: SetupWidgetStepStatus;\n  marginTop?: string;\n}) => {\n  if (status === 'completed') {\n    return (\n      <Box marginTop={marginTop}>\n        <ConfirmSmall width=\"18px\" height=\"18px\" color=\"var(--wsr-color-G20)\" />\n      </Box>\n    );\n  }\n\n  const color =\n    status === 'disabled' ? 'var(--wsr-color-D40)' : 'var(--wsr-color-B10)';\n\n  return (\n    <Box marginTop={marginTop}>\n      <CircleSmallFilledSmall width=\"18px\" height=\"18px\" color={color} />\n    </Box>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAAgF,IAAAG,YAAA;AAGhF;AACA;AACA;AACA;AACO,MAAMC,aAAa,GAAGA,CAAC;EAC5BC,MAAM;EACN;AACF;AACA;AACA;AACA;EACEC,SAAS,GAAG;AAId,CAAC,KAAK;EACJ,IAAID,MAAM,KAAK,WAAW,EAAE;IAC1B,oBACEP,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,GAAG;MAACH,SAAS,EAAEA,SAAU;MAAAI,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAT,YAAA;QAAAU,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACxBhB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,iBAAA,CAAAa,YAAY;MAACC,KAAK,EAAC,MAAM;MAACC,MAAM,EAAC,MAAM;MAACC,KAAK,EAAC,sBAAsB;MAAAR,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAT,YAAA;QAAAU,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACpE,CAAC;EAEV;EAEA,MAAMI,KAAK,GACTb,MAAM,KAAK,UAAU,GAAG,sBAAsB,GAAG,sBAAsB;EAEzE,oBACEP,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,GAAG;IAACH,SAAS,EAAEA,SAAU;IAAAI,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACxBhB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,iBAAA,CAAAiB,sBAAsB;IAACH,KAAK,EAAC,MAAM;IAACC,MAAM,EAAC,MAAM;IAACC,KAAK,EAAEA,KAAM;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC/D,CAAC;AAEV,CAAC;AAACM,OAAA,CAAAhB,aAAA,GAAAA,aAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_jsxFileName","SetupStepIcon","status","marginTop","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","ConfirmSmall","width","height","color","CircleSmallFilledSmall","exports"],"sources":["../../../../src/components/SetupWidget/SetupStepIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@wix/design-system';\nimport { ConfirmSmall, CircleSmallFilledSmall } from '@wix/wix-ui-icons-common/lazy';\nimport { SetupWidgetStepStatus } from '@wix/bex-core';\n\n/**\n * Leading status indicator for a step. Mirrors the existing Setup widget:\n * green check when completed, muted dot when disabled, blue dot otherwise.\n */\nexport const SetupStepIcon = ({\n  status,\n  /**\n   * Top nudge that centers the 18px icon on a single line of text. Defaults to\n   * the desktop value; the mobile card centers the icon via its own wrapper and\n   * passes \"0px\" to drop the nudge.\n   */\n  marginTop = '3px',\n}: {\n  status: SetupWidgetStepStatus;\n  marginTop?: string;\n}) => {\n  if (status === 'completed') {\n    return (\n      <Box marginTop={marginTop}>\n        <ConfirmSmall width=\"18px\" height=\"18px\" color=\"var(--wsr-color-G20)\" />\n      </Box>\n    );\n  }\n\n  const color =\n    status === 'disabled' ? 'var(--wsr-color-D40)' : 'var(--wsr-color-B10)';\n\n  return (\n    <Box marginTop={marginTop}>\n      <CircleSmallFilledSmall width=\"18px\" height=\"18px\" color={color} />\n    </Box>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAAqF,IAAAG,YAAA;AAGrF;AACA;AACA;AACA;AACO,MAAMC,aAAa,GAAGA,CAAC;EAC5BC,MAAM;EACN;AACF;AACA;AACA;AACA;EACEC,SAAS,GAAG;AAId,CAAC,KAAK;EACJ,IAAID,MAAM,KAAK,WAAW,EAAE;IAC1B,oBACEP,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,GAAG;MAACH,SAAS,EAAEA,SAAU;MAAAI,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAT,YAAA;QAAAU,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACxBhB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,KAAA,CAAAa,YAAY;MAACC,KAAK,EAAC,MAAM;MAACC,MAAM,EAAC,MAAM;MAACC,KAAK,EAAC,sBAAsB;MAAAR,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAT,YAAA;QAAAU,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACpE,CAAC;EAEV;EAEA,MAAMI,KAAK,GACTb,MAAM,KAAK,UAAU,GAAG,sBAAsB,GAAG,sBAAsB;EAEzE,oBACEP,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,GAAG;IAACH,SAAS,EAAEA,SAAU;IAAAI,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACxBhB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,KAAA,CAAAiB,sBAAsB;IAACH,KAAK,EAAC,MAAM;IAACC,MAAM,EAAC,MAAM;IAACC,KAAK,EAAEA,KAAM;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC/D,CAAC;AAEV,CAAC;AAACM,OAAA,CAAAhB,aAAA,GAAAA,aAAA","ignoreList":[]}

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

@@ -5,21 +5,21 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "SetupWidget525839026";
+var _namespace_ = "SetupWidget3089908037";
 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": "SetupWidget525839026__root",
-  "row": "SetupWidget525839026__row",
-  "completedCta": "SetupWidget525839026__completedCta",
-  "card": "SetupWidget525839026__card",
-  "stepIcon": "SetupWidget525839026__stepIcon",
-  "chevron": "SetupWidget525839026__chevron",
-  "chevronDisabled": "SetupWidget525839026__chevronDisabled",
-  "inProgressLabel": "SetupWidget525839026__inProgressLabel"
+  "root": "SetupWidget3089908037__root",
+  "row": "SetupWidget3089908037__row",
+  "completedCta": "SetupWidget3089908037__completedCta",
+  "card": "SetupWidget3089908037__card",
+  "stepIcon": "SetupWidget3089908037__stepIcon",
+  "chevron": "SetupWidget3089908037__chevron",
+  "chevronDisabled": "SetupWidget3089908037__chevronDisabled",
+  "inProgressLabel": "SetupWidget3089908037__inProgressLabel"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SetupWidget/SetupWidget.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/SetupWidget/SetupWidget.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SetupWidget525839026\";\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\":\"SetupWidget525839026__root\",\"row\":\"SetupWidget525839026__row\",\"completedCta\":\"SetupWidget525839026__completedCta\",\"card\":\"SetupWidget525839026__card\",\"stepIcon\":\"SetupWidget525839026__stepIcon\",\"chevron\":\"SetupWidget525839026__chevron\",\"chevronDisabled\":\"SetupWidget525839026__chevronDisabled\",\"inProgressLabel\":\"SetupWidget525839026__inProgressLabel\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-border-dark-secondary\":\"--wds-color-border-dark-secondary\",\"wds-color-border-standard-primary\":\"--wds-color-border-standard-primary\",\"wds-color-border-standard-secondary\":\"--wds-color-border-standard-secondary\",\"wds-color-fill-standard-tertiary\":\"--wds-color-fill-standard-tertiary\",\"wds-color-fill-standard-tertiary-hover\":\"--wds-color-fill-standard-tertiary-hover\",\"wsr-color-D60\":\"--wsr-color-D60\",\"wsr-color-D80\":\"--wsr-color-D80\",\"wsr-color-B30\":\"--wsr-color-B30\",\"wsr-color-B40\":\"--wsr-color-B40\",\"wsr-color-B60\":\"--wsr-color-B60\",\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-color-text-disabled\":\"--wds-color-text-disabled\",\"wds-color-text-urgent\":\"--wds-color-text-urgent\",\"wsr-color-D10\":\"--wsr-color-D10\",\"wsr-color-D10-30\":\"--wsr-color-D10-30\",\"wsr-color-O10\":\"--wsr-color-O10\",\"wds-space-100\":\"--wds-space-100\",\"wds-border-radius-200\":\"--wds-border-radius-200\",\"wds-border-radius-400\":\"--wds-border-radius-400\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,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,4BAA4B;EAAC,KAAK,EAAC,2BAA2B;EAAC,cAAc,EAAC,oCAAoC;EAAC,MAAM,EAAC,4BAA4B;EAAC,UAAU,EAAC,gCAAgC;EAAC,SAAS,EAAC,+BAA+B;EAAC,iBAAiB,EAAC,uCAAuC;EAAC,iBAAiB,EAAC;AAAuC,CAAC;AACvX,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;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,mCAAmC,EAAC,qCAAqC;EAAC,qCAAqC,EAAC,uCAAuC;EAAC,kCAAkC,EAAC,oCAAoC;EAAC,wCAAwC,EAAC,0CAA0C;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,yBAAyB,EAAC,2BAA2B;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,eAAe,EAAC,iBAAiB;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,uBAAuB,EAAC;AAAyB,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/SetupWidget/SetupWidget.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SetupWidget3089908037\";\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\":\"SetupWidget3089908037__root\",\"row\":\"SetupWidget3089908037__row\",\"completedCta\":\"SetupWidget3089908037__completedCta\",\"card\":\"SetupWidget3089908037__card\",\"stepIcon\":\"SetupWidget3089908037__stepIcon\",\"chevron\":\"SetupWidget3089908037__chevron\",\"chevronDisabled\":\"SetupWidget3089908037__chevronDisabled\",\"inProgressLabel\":\"SetupWidget3089908037__inProgressLabel\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-border-dark-secondary\":\"--wds-color-border-dark-secondary\",\"wds-color-border-standard-primary\":\"--wds-color-border-standard-primary\",\"wds-color-border-standard-secondary\":\"--wds-color-border-standard-secondary\",\"wds-color-fill-standard-tertiary\":\"--wds-color-fill-standard-tertiary\",\"wds-color-fill-standard-tertiary-hover\":\"--wds-color-fill-standard-tertiary-hover\",\"wsr-color-D60\":\"--wsr-color-D60\",\"wsr-color-D80\":\"--wsr-color-D80\",\"wsr-color-B30\":\"--wsr-color-B30\",\"wsr-color-B40\":\"--wsr-color-B40\",\"wsr-color-B60\":\"--wsr-color-B60\",\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-color-text-disabled\":\"--wds-color-text-disabled\",\"wds-color-text-urgent\":\"--wds-color-text-urgent\",\"wsr-color-D10\":\"--wsr-color-D10\",\"wsr-color-D10-30\":\"--wsr-color-D10-30\",\"wsr-color-O10\":\"--wsr-color-O10\",\"wds-space-100\":\"--wds-space-100\",\"wds-border-radius-200\":\"--wds-border-radius-200\",\"wds-border-radius-400\":\"--wds-border-radius-400\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,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,6BAA6B;EAAC,KAAK,EAAC,4BAA4B;EAAC,cAAc,EAAC,qCAAqC;EAAC,MAAM,EAAC,6BAA6B;EAAC,UAAU,EAAC,iCAAiC;EAAC,SAAS,EAAC,gCAAgC;EAAC,iBAAiB,EAAC,wCAAwC;EAAC,iBAAiB,EAAC;AAAwC,CAAC;AAC/X,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;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,mCAAmC,EAAC,qCAAqC;EAAC,qCAAqC,EAAC,uCAAuC;EAAC,kCAAkC,EAAC,oCAAoC;EAAC,wCAAwC,EAAC,0CAA0C;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,yBAAyB,EAAC,2BAA2B;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,eAAe,EAAC,iBAAiB;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,uBAAuB,EAAC;AAAyB,CAAC","ignoreList":[]}

package/dist/cjs/components/SingleSelectFilterBase/SingleSelectFilterBase.js

@@ -45,7 +45,8 @@ function _SingleSelectFilterBase(props) {
       inputRef.current = ref;
     },
     dataHook: `collection-filter-${filter.name}`,
-    border: isBmHarmonyTheme ? undefined : 'round',
+    border: isBmHarmonyTheme ? 'standard' : 'round',
+    size: isBmHarmonyTheme ? 'small' : undefined,
     closeOnSelect: true,
     options: options,
     clearButton: clearButton,

package/dist/cjs/components/SingleSelectFilterBase/SingleSelectFilterBase.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_useWindowFlipPopoverProps","_useBmHarmonyTheme","_jsxFileName","_SingleSelectFilterBase","props","_selectedValues$","filter","dropdownSelect","placeholder","onSelect","renderItem","renderSection","clearButton","disabled","options","popoverProps","rest","select","selectedValues","container","translate","t","windowFlipPopoverProps","inputRef","useWindowFlipPopoverProps","isBmHarmonyTheme","useBmHarmonyTheme","default","createElement","Dropdown","_extends2","ref","current","dataHook","name","border","undefined","closeOnSelect","onClear","clear","onClose","close","selectedId","key","valueParser","option","label","textOverflow","keyedItem","setSingle","__self","__source","fileName","lineNumber","columnNumber","SingleSelectFilterBase","exports","observer"],"sources":["../../../../src/components/SingleSelectFilterBase/SingleSelectFilterBase.tsx"],"sourcesContent":["import {\n  Dropdown,\n  DropdownLayoutOption,\n  DropdownPropsControlled,\n} from '@wix/design-system';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Filter, KeyedItem } from '@wix/bex-core';\nimport { DropdownSelectState } from '../../state';\nimport { BuildSectionOptionsArgs, ListItem } from '../../hooks';\nimport { FilterProps } from '../../model';\nimport { useWindowFlipPopoverProps } from '../../utils/useWindowFlipPopoverProps';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport type KeyedItemOption<T> = DropdownLayoutOption & {\n  keyedItem: KeyedItem<T>;\n};\n\nexport interface SingleSelectFilterBaseProps<V>\n  extends Omit<Partial<DropdownPropsControlled>, 'onClear'>,\n    FilterProps<V[]> {\n  filter: Filter<V[]>;\n  renderItem?: (item: V, index: number) => ListItem;\n  renderSection?: BuildSectionOptionsArgs['renderSection'];\n  dropdownSelect: DropdownSelectState<V>;\n  placeholder?: string;\n}\n\nfunction _SingleSelectFilterBase<V>(props: SingleSelectFilterBaseProps<V>) {\n  const {\n    filter,\n    dropdownSelect,\n    placeholder,\n    onSelect,\n    renderItem,\n    renderSection,\n    clearButton,\n    disabled,\n    options = [],\n    popoverProps,\n    ...rest\n  } = props;\n\n  const {\n    select: { selectedValues },\n    container: { translate: t },\n  } = dropdownSelect;\n\n  const { windowFlipPopoverProps, inputRef } = useWindowFlipPopoverProps({\n    popoverProps,\n  });\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n\n  return (\n    <Dropdown\n      inputRef={(ref) => {\n        inputRef.current = ref;\n      }}\n      dataHook={`collection-filter-${filter.name}`}\n      border={isBmHarmonyTheme ? undefined : 'round'}\n      closeOnSelect\n      options={options}\n      clearButton={clearButton}\n      onClear={clearButton ? dropdownSelect.clear : undefined}\n      onClose={() => {\n        dropdownSelect.close();\n      }}\n      selectedId={selectedValues[0]?.key}\n      valueParser={(option) => option.label}\n      textOverflow=\"ellipsis\"\n      placeholder={placeholder ?? t('cairo.selectPlaceholder')}\n      onSelect={(option) => {\n        const keyedItem = (option as KeyedItemOption<V>)?.keyedItem;\n        if (keyedItem) {\n          dropdownSelect.setSingle(keyedItem);\n        }\n        onSelect?.(option, false);\n      }}\n      popoverProps={windowFlipPopoverProps}\n      {...rest}\n    />\n  );\n}\n\nexport const SingleSelectFilterBase = observer(_SingleSelectFilterBase);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAKA,IAAAI,0BAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA;AAAkE,IAAAM,YAAA;AAgBlE,SAASC,uBAAuBA,CAAIC,KAAqC,EAAE;EAAA,IAAAC,gBAAA;EACzE,MAAM;IACJC,MAAM;IACNC,cAAc;IACdC,WAAW;IACXC,QAAQ;IACRC,UAAU;IACVC,aAAa;IACbC,WAAW;IACXC,QAAQ;IACRC,OAAO,GAAG,EAAE;IACZC,YAAY;IACZ,GAAGC;EACL,CAAC,GAAGZ,KAAK;EAET,MAAM;IACJa,MAAM,EAAE;MAAEC;IAAe,CAAC;IAC1BC,SAAS,EAAE;MAAEC,SAAS,EAAEC;IAAE;EAC5B,CAAC,GAAGd,cAAc;EAElB,MAAM;IAAEe,sBAAsB;IAAEC;EAAS,CAAC,GAAG,IAAAC,oDAAyB,EAAC;IACrET;EACF,CAAC,CAAC;EACF,MAAMU,gBAAgB,GAAG,IAAAC,oCAAiB,EAAC,CAAC;EAE5C,oBACE7B,MAAA,CAAA8B,OAAA,CAAAC,aAAA,CAACjC,aAAA,CAAAkC,QAAQ,MAAAC,SAAA,CAAAH,OAAA;IACPJ,QAAQ,EAAGQ,GAAG,IAAK;MACjBR,QAAQ,CAACS,OAAO,GAAGD,GAAG;IACxB,CAAE;IACFE,QAAQ,EAAE,qBAAqB3B,MAAM,CAAC4B,IAAI,EAAG;IAC7CC,MAAM,EAAEV,gBAAgB,GAAGW,SAAS,GAAG,OAAQ;IAC/CC,aAAa;IACbvB,OAAO,EAAEA,OAAQ;IACjBF,WAAW,EAAEA,WAAY;IACzB0B,OAAO,EAAE1B,WAAW,GAAGL,cAAc,CAACgC,KAAK,GAAGH,SAAU;IACxDI,OAAO,EAAEA,CAAA,KAAM;MACbjC,cAAc,CAACkC,KAAK,CAAC,CAAC;IACxB,CAAE;IACFC,UAAU,GAAArC,gBAAA,GAAEa,cAAc,CAAC,CAAC,CAAC,qBAAjBb,gBAAA,CAAmBsC,GAAI;IACnCC,WAAW,EAAGC,MAAM,IAAKA,MAAM,CAACC,KAAM;IACtCC,YAAY,EAAC,UAAU;IACvBvC,WAAW,EAAEA,WAAW,IAAIa,CAAC,CAAC,yBAAyB,CAAE;IACzDZ,QAAQ,EAAGoC,MAAM,IAAK;MACpB,MAAMG,SAAS,GAAIH,MAAM,oBAANA,MAAM,CAAyBG,SAAS;MAC3D,IAAIA,SAAS,EAAE;QACbzC,cAAc,CAAC0C,SAAS,CAACD,SAAS,CAAC;MACrC;MACAvC,QAAQ,YAARA,QAAQ,CAAGoC,MAAM,EAAE,KAAK,CAAC;IAC3B,CAAE;IACF9B,YAAY,EAAEO;EAAuB,GACjCN,IAAI;IAAAkC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlD,YAAA;MAAAmD,UAAA;MAAAC,YAAA;IAAA;EAAA,EACT,CAAC;AAEN;AAEO,MAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,IAAAE,uBAAQ,EAACtD,uBAAuB,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_useWindowFlipPopoverProps","_useBmHarmonyTheme","_jsxFileName","_SingleSelectFilterBase","props","_selectedValues$","filter","dropdownSelect","placeholder","onSelect","renderItem","renderSection","clearButton","disabled","options","popoverProps","rest","select","selectedValues","container","translate","t","windowFlipPopoverProps","inputRef","useWindowFlipPopoverProps","isBmHarmonyTheme","useBmHarmonyTheme","default","createElement","Dropdown","_extends2","ref","current","dataHook","name","border","size","undefined","closeOnSelect","onClear","clear","onClose","close","selectedId","key","valueParser","option","label","textOverflow","keyedItem","setSingle","__self","__source","fileName","lineNumber","columnNumber","SingleSelectFilterBase","exports","observer"],"sources":["../../../../src/components/SingleSelectFilterBase/SingleSelectFilterBase.tsx"],"sourcesContent":["import {\n  Dropdown,\n  DropdownLayoutOption,\n  DropdownPropsControlled,\n} from '@wix/design-system';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Filter, KeyedItem } from '@wix/bex-core';\nimport { DropdownSelectState } from '../../state';\nimport { BuildSectionOptionsArgs, ListItem } from '../../hooks';\nimport { FilterProps } from '../../model';\nimport { useWindowFlipPopoverProps } from '../../utils/useWindowFlipPopoverProps';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport type KeyedItemOption<T> = DropdownLayoutOption & {\n  keyedItem: KeyedItem<T>;\n};\n\nexport interface SingleSelectFilterBaseProps<V>\n  extends Omit<Partial<DropdownPropsControlled>, 'onClear'>,\n    FilterProps<V[]> {\n  filter: Filter<V[]>;\n  renderItem?: (item: V, index: number) => ListItem;\n  renderSection?: BuildSectionOptionsArgs['renderSection'];\n  dropdownSelect: DropdownSelectState<V>;\n  placeholder?: string;\n}\n\nfunction _SingleSelectFilterBase<V>(props: SingleSelectFilterBaseProps<V>) {\n  const {\n    filter,\n    dropdownSelect,\n    placeholder,\n    onSelect,\n    renderItem,\n    renderSection,\n    clearButton,\n    disabled,\n    options = [],\n    popoverProps,\n    ...rest\n  } = props;\n\n  const {\n    select: { selectedValues },\n    container: { translate: t },\n  } = dropdownSelect;\n\n  const { windowFlipPopoverProps, inputRef } = useWindowFlipPopoverProps({\n    popoverProps,\n  });\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n\n  return (\n    <Dropdown\n      inputRef={(ref) => {\n        inputRef.current = ref;\n      }}\n      dataHook={`collection-filter-${filter.name}`}\n      border={isBmHarmonyTheme ? 'standard' : 'round'}\n      size={isBmHarmonyTheme ? 'small' : undefined}\n      closeOnSelect\n      options={options}\n      clearButton={clearButton}\n      onClear={clearButton ? dropdownSelect.clear : undefined}\n      onClose={() => {\n        dropdownSelect.close();\n      }}\n      selectedId={selectedValues[0]?.key}\n      valueParser={(option) => option.label}\n      textOverflow=\"ellipsis\"\n      placeholder={placeholder ?? t('cairo.selectPlaceholder')}\n      onSelect={(option) => {\n        const keyedItem = (option as KeyedItemOption<V>)?.keyedItem;\n        if (keyedItem) {\n          dropdownSelect.setSingle(keyedItem);\n        }\n        onSelect?.(option, false);\n      }}\n      popoverProps={windowFlipPopoverProps}\n      {...rest}\n    />\n  );\n}\n\nexport const SingleSelectFilterBase = observer(_SingleSelectFilterBase);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAKA,IAAAI,0BAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA;AAAkE,IAAAM,YAAA;AAgBlE,SAASC,uBAAuBA,CAAIC,KAAqC,EAAE;EAAA,IAAAC,gBAAA;EACzE,MAAM;IACJC,MAAM;IACNC,cAAc;IACdC,WAAW;IACXC,QAAQ;IACRC,UAAU;IACVC,aAAa;IACbC,WAAW;IACXC,QAAQ;IACRC,OAAO,GAAG,EAAE;IACZC,YAAY;IACZ,GAAGC;EACL,CAAC,GAAGZ,KAAK;EAET,MAAM;IACJa,MAAM,EAAE;MAAEC;IAAe,CAAC;IAC1BC,SAAS,EAAE;MAAEC,SAAS,EAAEC;IAAE;EAC5B,CAAC,GAAGd,cAAc;EAElB,MAAM;IAAEe,sBAAsB;IAAEC;EAAS,CAAC,GAAG,IAAAC,oDAAyB,EAAC;IACrET;EACF,CAAC,CAAC;EACF,MAAMU,gBAAgB,GAAG,IAAAC,oCAAiB,EAAC,CAAC;EAE5C,oBACE7B,MAAA,CAAA8B,OAAA,CAAAC,aAAA,CAACjC,aAAA,CAAAkC,QAAQ,MAAAC,SAAA,CAAAH,OAAA;IACPJ,QAAQ,EAAGQ,GAAG,IAAK;MACjBR,QAAQ,CAACS,OAAO,GAAGD,GAAG;IACxB,CAAE;IACFE,QAAQ,EAAE,qBAAqB3B,MAAM,CAAC4B,IAAI,EAAG;IAC7CC,MAAM,EAAEV,gBAAgB,GAAG,UAAU,GAAG,OAAQ;IAChDW,IAAI,EAAEX,gBAAgB,GAAG,OAAO,GAAGY,SAAU;IAC7CC,aAAa;IACbxB,OAAO,EAAEA,OAAQ;IACjBF,WAAW,EAAEA,WAAY;IACzB2B,OAAO,EAAE3B,WAAW,GAAGL,cAAc,CAACiC,KAAK,GAAGH,SAAU;IACxDI,OAAO,EAAEA,CAAA,KAAM;MACblC,cAAc,CAACmC,KAAK,CAAC,CAAC;IACxB,CAAE;IACFC,UAAU,GAAAtC,gBAAA,GAAEa,cAAc,CAAC,CAAC,CAAC,qBAAjBb,gBAAA,CAAmBuC,GAAI;IACnCC,WAAW,EAAGC,MAAM,IAAKA,MAAM,CAACC,KAAM;IACtCC,YAAY,EAAC,UAAU;IACvBxC,WAAW,EAAEA,WAAW,IAAIa,CAAC,CAAC,yBAAyB,CAAE;IACzDZ,QAAQ,EAAGqC,MAAM,IAAK;MACpB,MAAMG,SAAS,GAAIH,MAAM,oBAANA,MAAM,CAAyBG,SAAS;MAC3D,IAAIA,SAAS,EAAE;QACb1C,cAAc,CAAC2C,SAAS,CAACD,SAAS,CAAC;MACrC;MACAxC,QAAQ,YAARA,QAAQ,CAAGqC,MAAM,EAAE,KAAK,CAAC;IAC3B,CAAE;IACF/B,YAAY,EAAEO;EAAuB,GACjCN,IAAI;IAAAmC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnD,YAAA;MAAAoD,UAAA;MAAAC,YAAA;IAAA;EAAA,EACT,CAAC;AAEN;AAEO,MAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,IAAAE,uBAAQ,EAACvD,uBAAuB,CAAC","ignoreList":[]}

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "SkeletonCard163200451";
+var _namespace_ = "SkeletonCard1690257211";
 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": "SkeletonCard163200451__root",
-  "headerLoading": "SkeletonCard163200451__headerLoading"
+  "root": "SkeletonCard1690257211__root",
+  "headerLoading": "SkeletonCard1690257211__headerLoading"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};