@wix/patterns 1.492.0 → 1.494.0

package/dist/cjs/components/ImportButton/ImportStepConfiguration.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_lazy","_bexCore","_patternsFields","_react","_interopRequireDefault","_mobxReactLite","_ImportIdCollisionControl","_jsxFileName","COLUMN_WIDTHS","title","arrow","field","SCROLLBAR_GUTTER","scrollbarGutter","CREATE_NEW_FIELD_OPTION_ID","NEW_FIELD_TYPE_TITLE_KEY","text","number","date","boolean","url","image","video","document","audio","NewFieldHelperText","observer","_NewFieldHelperText","state","header","fieldType","t","ft","useTranslations","mapping","mappingByHeader","fieldManagement","pickedType","kind","toNewFieldDraft","type","undefined","pickedOption","fieldModal","types","find","option","id","typeName","label","toLocaleLowerCase","default","createElement","Box","direction","gap","verticalAlign","__self","__source","fileName","lineNumber","columnNumber","Text","size","secondary","dataHook","translate","TextButton","onClick","beginFieldEdit","FieldMappingCell","_FieldMappingCell","fieldOptions","dropdownRef","React","useRef","selectedFieldIds","canCreateNewField","selectedId","fieldId","options","map","disabled","has","String","newFieldName","displayName","listItemSelectBuilder","Dropdown","ref","clearButton","onClear","setMapping","placeholder","onSelect","setNewFieldMapping","popoverProps","appendTo","zIndex","flip","fixed","fixedFooter","Divider","ListItemAction","skin","prefixIcon","Add","onKeyDown","event","key","stopPropagation","_dropdownRef$current","current","hideOptions","canConfigureWritePolicy","idMappedHeader","IdCollisionControl","_ImportStepConfiguration","csvHeaders","fields","orderedHeaders","length","baseDropdownOptions","filter","hasNoRows","hasNoMappedData","padding","SectionHelper","flex","minHeight","display","backgroundColor","boxShadow","gridTemplateColumns","flexShrink","style","minWidth","weight","ellipsis","overflowY","maxHeight","index","TableListItem","showDivider","value","width","align","ArrowRight","ImportStepConfiguration","exports"],"sources":["../../../../src/components/ImportButton/ImportStepConfiguration.tsx"],"sourcesContent":["import {\n  Box,\n  Divider,\n  Dropdown,\n  Text,\n  TextButton,\n  TableListItem,\n  ListItemAction,\n  listItemSelectBuilder,\n  SectionHelper,\n} from '@wix/design-system';\nimport { Add, ArrowRight } from '@wix/wix-ui-icons-common/lazy';\nimport { ImportState, NewFieldType, toNewFieldDraft } from '@wix/bex-core';\nimport { useTranslations } from '@wix/patterns-fields';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { IdCollisionControl } from './ImportIdCollisionControl';\n\nexport interface ImportStepConfigurationProps {\n  state: ImportState;\n}\n\nconst COLUMN_WIDTHS = {\n  title: 'minmax(0, 150px)',\n  arrow: '1fr',\n  field: 'minmax(0, 250px)',\n};\nconst SCROLLBAR_GUTTER: React.CSSProperties = { scrollbarGutter: 'stable' };\n\n// Synthetic dropdown option id representing \"create a new field from this\n// column\". Distinct from any real field id (which never starts with `$`).\nconst CREATE_NEW_FIELD_OPTION_ID = '$createNewField';\n\n// Translation key for each new-field type's name, injected (lowercased) into the\n// helper text (\"This will be a new {typeName} field.\"). Reuses the shared\n// patterns-fields field-type names. Keyed by `NewFieldType` so adding a detected\n// type makes the missing entry a compile error here — the single place to extend.\ntype FieldTypeTitleKey =\n  | 'auto-patterns.fields.field_type_text_title'\n  | 'auto-patterns.fields.field_type_number_title'\n  | 'auto-patterns.fields.field_type_date_title'\n  | 'auto-patterns.fields.field_type_boolean_title'\n  | 'auto-patterns.fields.field_type_url_title'\n  | 'auto-patterns.fields.field_type_image_title'\n  | 'auto-patterns.fields.field_type_video_title'\n  | 'auto-patterns.fields.field_type_document_title'\n  | 'auto-patterns.fields.field_type_audio_title';\n\nconst NEW_FIELD_TYPE_TITLE_KEY: Record<NewFieldType, FieldTypeTitleKey> = {\n  text: 'auto-patterns.fields.field_type_text_title',\n  number: 'auto-patterns.fields.field_type_number_title',\n  date: 'auto-patterns.fields.field_type_date_title',\n  boolean: 'auto-patterns.fields.field_type_boolean_title',\n  url: 'auto-patterns.fields.field_type_url_title',\n  image: 'auto-patterns.fields.field_type_image_title',\n  video: 'auto-patterns.fields.field_type_video_title',\n  document: 'auto-patterns.fields.field_type_document_title',\n  audio: 'auto-patterns.fields.field_type_audio_title',\n};\n\ntype DropdownOption = ReturnType<typeof listItemSelectBuilder>;\n\ninterface NewFieldHelperTextProps {\n  state: ImportState;\n  header: string;\n  fieldType: NewFieldType;\n}\n\n/**\n * Helper line under a \"create new field\" mapping (e.g. \"This will be a new text\n * field.\") followed by an \"Edit field\" link that opens the field editor. The\n * type name comes from the shared patterns-fields translations via\n * `useTranslations`, so this is only rendered when the import modal is wrapped in\n * `PatternsFieldsProvider` — which `ImportButtonModalLayout` does whenever field\n * creation is enabled (the only case a `new` mapping exists).\n */\nconst NewFieldHelperText = observer(function _NewFieldHelperText({\n  state,\n  header,\n  fieldType,\n}: NewFieldHelperTextProps) {\n  const { t: ft } = useTranslations();\n  const mapping = state.mappingByHeader[header];\n  const fieldManagement = state.fieldManagement;\n  const pickedType =\n    fieldManagement && mapping?.kind === 'new'\n      ? toNewFieldDraft(mapping, '', header, fieldManagement).type\n      : undefined;\n  const pickedOption = fieldManagement?.fieldModal.types.find(\n    (option) => option.id === pickedType,\n  );\n  const typeName = (\n    pickedOption?.label ?? ft(NEW_FIELD_TYPE_TITLE_KEY[fieldType])\n  ).toLocaleLowerCase();\n\n  return (\n    <Box direction=\"horizontal\" gap=\"SP1\" verticalAlign=\"middle\">\n      <Text\n        size=\"tiny\"\n        secondary\n        dataHook={`import-new-field-helper-${header}`}\n      >\n        {state.translate('cairo.import.newFieldHelper', { typeName })}\n      </Text>\n      <TextButton\n        size=\"tiny\"\n        dataHook={`import-edit-field-${header}`}\n        onClick={() => state.beginFieldEdit(header)}\n      >\n        {state.translate('cairo.import.editField')}\n      </TextButton>\n    </Box>\n  );\n});\n\ninterface FieldMappingCellProps {\n  state: ImportState;\n  header: string;\n  fieldOptions: DropdownOption[];\n}\n\nconst FieldMappingCell = observer(function _FieldMappingCell({\n  state,\n  header,\n  fieldOptions,\n}: FieldMappingCellProps) {\n  const dropdownRef = React.useRef<Dropdown>(null);\n  const { translate: t, selectedFieldIds, canCreateNewField } = state;\n  const mapping = state.mappingByHeader[header];\n\n  const selectedId =\n    mapping?.kind === 'existing'\n      ? mapping.fieldId\n      : mapping?.kind === 'new'\n      ? CREATE_NEW_FIELD_OPTION_ID\n      : undefined;\n\n  const options: DropdownOption[] = [\n    ...fieldOptions.map((option) => ({\n      ...option,\n      disabled:\n        selectedFieldIds.has(String(option.id)) &&\n        !(\n          mapping?.kind === 'existing' && mapping.fieldId === String(option.id)\n        ),\n    })),\n    ...(canCreateNewField\n      ? [\n          // The new field's name — the display name the user entered in the\n          // field editor once they've named it, otherwise the CSV column header\n          // (the default the field is created with). Followed by a translated\n          // \"(New)\" marker, built in code rather than via an interpolated key so\n          // it always shows regardless of which translation bundle the consumer\n          // loads.\n          (() => {\n            const newFieldName =\n              mapping?.kind === 'new' && mapping.displayName\n                ? mapping.displayName\n                : header;\n            const label = `${newFieldName} ${t('cairo.import.newFieldSuffix')}`;\n            return listItemSelectBuilder({\n              id: CREATE_NEW_FIELD_OPTION_ID,\n              label,\n              title: label,\n            });\n          })(),\n        ]\n      : []),\n  ];\n\n  return (\n    <Box direction=\"vertical\" gap=\"SP1\">\n      <Dropdown\n        ref={dropdownRef}\n        dataHook={`import-mapping-${header}`}\n        clearButton\n        onClear={() => {\n          state.setMapping(header, null);\n        }}\n        placeholder={t('cairo.import.skipColumn')}\n        selectedId={selectedId}\n        onSelect={({ id }) => {\n          if (id === CREATE_NEW_FIELD_OPTION_ID) {\n            state.setNewFieldMapping(header);\n          } else {\n            state.setMapping(header, id as string);\n          }\n        }}\n        popoverProps={{\n          appendTo: 'window',\n          zIndex: 5001,\n          flip: true,\n          fixed: false,\n        }}\n        options={options}\n        fixedFooter={\n          canCreateNewField ? (\n            <div>\n              {/* Separate the \"Create new field\" action from the field options\n                  above it (CAIRO-4476). */}\n              <Divider />\n              <ListItemAction\n                size=\"small\"\n                skin=\"primary\"\n                prefixIcon={<Add />}\n                dataHook={`import-create-field-${header}`}\n                title={t('cairo.import.createNewField')}\n                // The dropdown input otherwise consumes Enter/Space before the button activates.\n                onKeyDown={(event: React.KeyboardEvent<HTMLButtonElement>) => {\n                  if (event.key === 'Enter' || event.key === ' ') {\n                    event.stopPropagation();\n                  }\n                }}\n                // Map the column to a new field, then open the editor on it — the\n                // editor component (renderFieldEditor) reacts to `editingHeader`.\n                onClick={() => {\n                  dropdownRef.current?.hideOptions();\n                  state.setNewFieldMapping(header);\n                  state.beginFieldEdit(header);\n                }}\n              />\n            </div>\n          ) : undefined\n        }\n        size=\"small\"\n      />\n      {mapping?.kind === 'new' && (\n        <NewFieldHelperText\n          state={state}\n          header={header}\n          fieldType={mapping.fieldType}\n        />\n      )}\n      {state.canConfigureWritePolicy && state.idMappedHeader === header && (\n        <IdCollisionControl state={state} />\n      )}\n    </Box>\n  );\n});\n\nfunction _ImportStepConfiguration({ state }: ImportStepConfigurationProps) {\n  const { csvHeaders, fields, translate: t } = state;\n\n  // Row order is snapshotted per file in state, with the `_id`-mapped column\n  // floated to the top (CAIRO-4418). It stays fixed while the user edits\n  // mappings, so clearing/remapping the `_id` column doesn't reorder the row\n  // under the cursor. Fall back to CSV order if the snapshot isn't populated.\n  const orderedHeaders =\n    state.orderedHeaders.length > 0 ? state.orderedHeaders : csvHeaders;\n\n  const baseDropdownOptions = fields\n    .filter((field) => field.id != null)\n    .map((field) =>\n      listItemSelectBuilder({\n        id: field.id!,\n        label: field.header,\n        title: field.header,\n      }),\n    );\n\n  const hasNoRows = state.hasNoMappedData;\n\n  return (\n    <Box direction=\"vertical\" dataHook=\"import-mapping-step\" gap=\"SP3\">\n      {hasNoRows && (\n        <Box padding=\"0 SP4\">\n          <SectionHelper\n            dataHook=\"import-no-rows-warning\"\n            skin=\"warning\"\n            title={t('cairo.import.noRowsWarningTitle')}\n          >\n            {t('cairo.import.noRowsWarningDescription')}\n          </SectionHelper>\n        </Box>\n      )}\n\n      <Box direction=\"vertical\" flex={1} minHeight={0}>\n        <Box\n          display=\"grid\"\n          direction=\"horizontal\"\n          gap=\"SP4\"\n          padding=\"SP2 SP4\"\n          backgroundColor=\"var(--wds-color-fill-surface-neutral,var(--wsr-color-D75, #F7F8F8))\"\n          boxShadow=\"inset 0 1px 0 0 var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB)), inset 0 -1px 0 0 var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB))\"\n          gridTemplateColumns={`${COLUMN_WIDTHS.title} ${COLUMN_WIDTHS.arrow} ${COLUMN_WIDTHS.field}`}\n          flexShrink={0}\n          style={SCROLLBAR_GUTTER}\n        >\n          <Box minWidth={0} direction=\"vertical\">\n            <Text size=\"small\" weight=\"thin\" ellipsis>\n              {t('cairo.import.columnTitle')}\n            </Text>\n          </Box>\n\n          <Box minWidth={0} direction=\"vertical\" />\n\n          <Box minWidth={0} direction=\"vertical\">\n            <Text size=\"small\" weight=\"thin\" ellipsis>\n              {t('cairo.import.collectionField')}\n            </Text>\n          </Box>\n        </Box>\n\n        <Box\n          direction=\"vertical\"\n          overflowY=\"auto\"\n          maxHeight={hasNoRows ? 'calc(80vh - 420px)' : 'calc(80vh - 300px)'}\n          style={SCROLLBAR_GUTTER}\n        >\n          {orderedHeaders.map((header, index) => (\n            <TableListItem\n              key={header}\n              showDivider={index < orderedHeaders.length - 1}\n              options={[\n                {\n                  value: (\n                    <Text ellipsis size=\"small\" dataHook=\"import-column-title\">\n                      {header}\n                    </Text>\n                  ),\n                  width: COLUMN_WIDTHS.title,\n                },\n                {\n                  value: (\n                    <Box align=\"center\">\n                      <ArrowRight />\n                    </Box>\n                  ),\n                  width: COLUMN_WIDTHS.arrow,\n                },\n                {\n                  value: (\n                    <FieldMappingCell\n                      state={state}\n                      header={header}\n                      fieldOptions={baseDropdownOptions}\n                    />\n                  ),\n                  width: COLUMN_WIDTHS.field,\n                },\n              ]}\n            />\n          ))}\n        </Box>\n      </Box>\n    </Box>\n  );\n}\n\nexport const ImportStepConfiguration = observer(_ImportStepConfiguration);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_lazy","_bexCore","_patternsFields","_react","_interopRequireDefault","_mobxReactLite","_ImportIdCollisionControl","_jsxFileName","COLUMN_WIDTHS","title","arrow","field","SCROLLBAR_GUTTER","scrollbarGutter","CREATE_NEW_FIELD_OPTION_ID","NEW_FIELD_TYPE_TITLE_KEY","text","number","date","boolean","url","image","video","document","audio","NewFieldHelperText","observer","_NewFieldHelperText","state","header","fieldType","t","ft","useTranslations","mapping","mappingByHeader","fieldManagement","pickedType","kind","toNewFieldDraft","type","undefined","pickedOption","fieldModal","types","find","option","id","typeName","label","toLocaleLowerCase","default","createElement","Box","direction","gap","verticalAlign","__self","__source","fileName","lineNumber","columnNumber","Text","size","secondary","dataHook","translate","TextButton","onClick","bi","onEditFieldClicked","beginFieldEdit","FieldMappingCell","_FieldMappingCell","fieldOptions","dropdownRef","React","useRef","selectedFieldIds","canCreateNewField","selectedId","fieldId","options","map","disabled","has","String","newFieldName","displayName","listItemSelectBuilder","Dropdown","ref","clearButton","onClear","setMapping","placeholder","onSelect","setNewFieldMapping","popoverProps","appendTo","zIndex","flip","fixed","fixedFooter","Divider","ListItemAction","skin","prefixIcon","Add","onKeyDown","event","key","stopPropagation","_dropdownRef$current","current","hideOptions","canConfigureWritePolicy","idMappedHeader","IdCollisionControl","_ImportStepConfiguration","csvHeaders","fields","orderedHeaders","length","baseDropdownOptions","filter","hasNoRows","hasNoMappedData","padding","SectionHelper","flex","minHeight","display","backgroundColor","boxShadow","gridTemplateColumns","flexShrink","style","minWidth","weight","ellipsis","overflowY","maxHeight","index","TableListItem","showDivider","value","width","align","ArrowRight","ImportStepConfiguration","exports"],"sources":["../../../../src/components/ImportButton/ImportStepConfiguration.tsx"],"sourcesContent":["import {\n  Box,\n  Divider,\n  Dropdown,\n  Text,\n  TextButton,\n  TableListItem,\n  ListItemAction,\n  listItemSelectBuilder,\n  SectionHelper,\n} from '@wix/design-system';\nimport { Add, ArrowRight } from '@wix/wix-ui-icons-common/lazy';\nimport { ImportState, NewFieldType, toNewFieldDraft } from '@wix/bex-core';\nimport { useTranslations } from '@wix/patterns-fields';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { IdCollisionControl } from './ImportIdCollisionControl';\n\nexport interface ImportStepConfigurationProps {\n  state: ImportState;\n}\n\nconst COLUMN_WIDTHS = {\n  title: 'minmax(0, 150px)',\n  arrow: '1fr',\n  field: 'minmax(0, 250px)',\n};\nconst SCROLLBAR_GUTTER: React.CSSProperties = { scrollbarGutter: 'stable' };\n\n// Synthetic dropdown option id representing \"create a new field from this\n// column\". Distinct from any real field id (which never starts with `$`).\nconst CREATE_NEW_FIELD_OPTION_ID = '$createNewField';\n\n// Translation key for each new-field type's name, injected (lowercased) into the\n// helper text (\"This will be a new {typeName} field.\"). Reuses the shared\n// patterns-fields field-type names. Keyed by `NewFieldType` so adding a detected\n// type makes the missing entry a compile error here — the single place to extend.\ntype FieldTypeTitleKey =\n  | 'auto-patterns.fields.field_type_text_title'\n  | 'auto-patterns.fields.field_type_number_title'\n  | 'auto-patterns.fields.field_type_date_title'\n  | 'auto-patterns.fields.field_type_boolean_title'\n  | 'auto-patterns.fields.field_type_url_title'\n  | 'auto-patterns.fields.field_type_image_title'\n  | 'auto-patterns.fields.field_type_video_title'\n  | 'auto-patterns.fields.field_type_document_title'\n  | 'auto-patterns.fields.field_type_audio_title';\n\nconst NEW_FIELD_TYPE_TITLE_KEY: Record<NewFieldType, FieldTypeTitleKey> = {\n  text: 'auto-patterns.fields.field_type_text_title',\n  number: 'auto-patterns.fields.field_type_number_title',\n  date: 'auto-patterns.fields.field_type_date_title',\n  boolean: 'auto-patterns.fields.field_type_boolean_title',\n  url: 'auto-patterns.fields.field_type_url_title',\n  image: 'auto-patterns.fields.field_type_image_title',\n  video: 'auto-patterns.fields.field_type_video_title',\n  document: 'auto-patterns.fields.field_type_document_title',\n  audio: 'auto-patterns.fields.field_type_audio_title',\n};\n\ntype DropdownOption = ReturnType<typeof listItemSelectBuilder>;\n\ninterface NewFieldHelperTextProps {\n  state: ImportState;\n  header: string;\n  fieldType: NewFieldType;\n}\n\n/**\n * Helper line under a \"create new field\" mapping (e.g. \"This will be a new text\n * field.\") followed by an \"Edit field\" link that opens the field editor. The\n * type name comes from the shared patterns-fields translations via\n * `useTranslations`, so this is only rendered when the import modal is wrapped in\n * `PatternsFieldsProvider` — which `ImportButtonModalLayout` does whenever field\n * creation is enabled (the only case a `new` mapping exists).\n */\nconst NewFieldHelperText = observer(function _NewFieldHelperText({\n  state,\n  header,\n  fieldType,\n}: NewFieldHelperTextProps) {\n  const { t: ft } = useTranslations();\n  const mapping = state.mappingByHeader[header];\n  const fieldManagement = state.fieldManagement;\n  const pickedType =\n    fieldManagement && mapping?.kind === 'new'\n      ? toNewFieldDraft(mapping, '', header, fieldManagement).type\n      : undefined;\n  const pickedOption = fieldManagement?.fieldModal.types.find(\n    (option) => option.id === pickedType,\n  );\n  const typeName = (\n    pickedOption?.label ?? ft(NEW_FIELD_TYPE_TITLE_KEY[fieldType])\n  ).toLocaleLowerCase();\n\n  return (\n    <Box direction=\"horizontal\" gap=\"SP1\" verticalAlign=\"middle\">\n      <Text\n        size=\"tiny\"\n        secondary\n        dataHook={`import-new-field-helper-${header}`}\n      >\n        {state.translate('cairo.import.newFieldHelper', { typeName })}\n      </Text>\n      <TextButton\n        size=\"tiny\"\n        dataHook={`import-edit-field-${header}`}\n        onClick={() => {\n          state.bi.onEditFieldClicked();\n          state.beginFieldEdit(header);\n        }}\n      >\n        {state.translate('cairo.import.editField')}\n      </TextButton>\n    </Box>\n  );\n});\n\ninterface FieldMappingCellProps {\n  state: ImportState;\n  header: string;\n  fieldOptions: DropdownOption[];\n}\n\nconst FieldMappingCell = observer(function _FieldMappingCell({\n  state,\n  header,\n  fieldOptions,\n}: FieldMappingCellProps) {\n  const dropdownRef = React.useRef<Dropdown>(null);\n  const { translate: t, selectedFieldIds, canCreateNewField } = state;\n  const mapping = state.mappingByHeader[header];\n\n  const selectedId =\n    mapping?.kind === 'existing'\n      ? mapping.fieldId\n      : mapping?.kind === 'new'\n      ? CREATE_NEW_FIELD_OPTION_ID\n      : undefined;\n\n  const options: DropdownOption[] = [\n    ...fieldOptions.map((option) => ({\n      ...option,\n      disabled:\n        selectedFieldIds.has(String(option.id)) &&\n        !(\n          mapping?.kind === 'existing' && mapping.fieldId === String(option.id)\n        ),\n    })),\n    ...(canCreateNewField\n      ? [\n          // The new field's name — the display name the user entered in the\n          // field editor once they've named it, otherwise the CSV column header\n          // (the default the field is created with). Followed by a translated\n          // \"(New)\" marker, built in code rather than via an interpolated key so\n          // it always shows regardless of which translation bundle the consumer\n          // loads.\n          (() => {\n            const newFieldName =\n              mapping?.kind === 'new' && mapping.displayName\n                ? mapping.displayName\n                : header;\n            const label = `${newFieldName} ${t('cairo.import.newFieldSuffix')}`;\n            return listItemSelectBuilder({\n              id: CREATE_NEW_FIELD_OPTION_ID,\n              label,\n              title: label,\n            });\n          })(),\n        ]\n      : []),\n  ];\n\n  return (\n    <Box direction=\"vertical\" gap=\"SP1\">\n      <Dropdown\n        ref={dropdownRef}\n        dataHook={`import-mapping-${header}`}\n        clearButton\n        onClear={() => {\n          state.setMapping(header, null);\n        }}\n        placeholder={t('cairo.import.skipColumn')}\n        selectedId={selectedId}\n        onSelect={({ id }) => {\n          if (id === CREATE_NEW_FIELD_OPTION_ID) {\n            state.setNewFieldMapping(header);\n          } else {\n            state.setMapping(header, id as string);\n          }\n        }}\n        popoverProps={{\n          appendTo: 'window',\n          zIndex: 5001,\n          flip: true,\n          fixed: false,\n        }}\n        options={options}\n        fixedFooter={\n          canCreateNewField ? (\n            <div>\n              {/* Separate the \"Create new field\" action from the field options\n                  above it (CAIRO-4476). */}\n              <Divider />\n              <ListItemAction\n                size=\"small\"\n                skin=\"primary\"\n                prefixIcon={<Add />}\n                dataHook={`import-create-field-${header}`}\n                title={t('cairo.import.createNewField')}\n                // The dropdown input otherwise consumes Enter/Space before the button activates.\n                onKeyDown={(event: React.KeyboardEvent<HTMLButtonElement>) => {\n                  if (event.key === 'Enter' || event.key === ' ') {\n                    event.stopPropagation();\n                  }\n                }}\n                // Map the column to a new field, then open the editor on it — the\n                // editor component (renderFieldEditor) reacts to `editingHeader`.\n                onClick={() => {\n                  dropdownRef.current?.hideOptions();\n                  state.setNewFieldMapping(header);\n                  state.beginFieldEdit(header);\n                }}\n              />\n            </div>\n          ) : undefined\n        }\n        size=\"small\"\n      />\n      {mapping?.kind === 'new' && (\n        <NewFieldHelperText\n          state={state}\n          header={header}\n          fieldType={mapping.fieldType}\n        />\n      )}\n      {state.canConfigureWritePolicy && state.idMappedHeader === header && (\n        <IdCollisionControl state={state} />\n      )}\n    </Box>\n  );\n});\n\nfunction _ImportStepConfiguration({ state }: ImportStepConfigurationProps) {\n  const { csvHeaders, fields, translate: t } = state;\n\n  // Row order is snapshotted per file in state, with the `_id`-mapped column\n  // floated to the top (CAIRO-4418). It stays fixed while the user edits\n  // mappings, so clearing/remapping the `_id` column doesn't reorder the row\n  // under the cursor. Fall back to CSV order if the snapshot isn't populated.\n  const orderedHeaders =\n    state.orderedHeaders.length > 0 ? state.orderedHeaders : csvHeaders;\n\n  const baseDropdownOptions = fields\n    .filter((field) => field.id != null)\n    .map((field) =>\n      listItemSelectBuilder({\n        id: field.id!,\n        label: field.header,\n        title: field.header,\n      }),\n    );\n\n  const hasNoRows = state.hasNoMappedData;\n\n  return (\n    <Box direction=\"vertical\" dataHook=\"import-mapping-step\" gap=\"SP3\">\n      {hasNoRows && (\n        <Box padding=\"0 SP4\">\n          <SectionHelper\n            dataHook=\"import-no-rows-warning\"\n            skin=\"warning\"\n            title={t('cairo.import.noRowsWarningTitle')}\n          >\n            {t('cairo.import.noRowsWarningDescription')}\n          </SectionHelper>\n        </Box>\n      )}\n\n      <Box direction=\"vertical\" flex={1} minHeight={0}>\n        <Box\n          display=\"grid\"\n          direction=\"horizontal\"\n          gap=\"SP4\"\n          padding=\"SP2 SP4\"\n          backgroundColor=\"var(--wds-color-fill-surface-neutral,var(--wsr-color-D75, #F7F8F8))\"\n          boxShadow=\"inset 0 1px 0 0 var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB)), inset 0 -1px 0 0 var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB))\"\n          gridTemplateColumns={`${COLUMN_WIDTHS.title} ${COLUMN_WIDTHS.arrow} ${COLUMN_WIDTHS.field}`}\n          flexShrink={0}\n          style={SCROLLBAR_GUTTER}\n        >\n          <Box minWidth={0} direction=\"vertical\">\n            <Text size=\"small\" weight=\"thin\" ellipsis>\n              {t('cairo.import.columnTitle')}\n            </Text>\n          </Box>\n\n          <Box minWidth={0} direction=\"vertical\" />\n\n          <Box minWidth={0} direction=\"vertical\">\n            <Text size=\"small\" weight=\"thin\" ellipsis>\n              {t('cairo.import.collectionField')}\n            </Text>\n          </Box>\n        </Box>\n\n        <Box\n          direction=\"vertical\"\n          overflowY=\"auto\"\n          maxHeight={hasNoRows ? 'calc(80vh - 420px)' : 'calc(80vh - 300px)'}\n          style={SCROLLBAR_GUTTER}\n        >\n          {orderedHeaders.map((header, index) => (\n            <TableListItem\n              key={header}\n              showDivider={index < orderedHeaders.length - 1}\n              options={[\n                {\n                  value: (\n                    <Text ellipsis size=\"small\" dataHook=\"import-column-title\">\n                      {header}\n                    </Text>\n                  ),\n                  width: COLUMN_WIDTHS.title,\n                },\n                {\n                  value: (\n                    <Box align=\"center\">\n                      <ArrowRight />\n                    </Box>\n                  ),\n                  width: COLUMN_WIDTHS.arrow,\n                },\n                {\n                  value: (\n                    <FieldMappingCell\n                      state={state}\n                      header={header}\n                      fieldOptions={baseDropdownOptions}\n                    />\n                  ),\n                  width: COLUMN_WIDTHS.field,\n                },\n              ]}\n            />\n          ))}\n        </Box>\n      </Box>\n    </Box>\n  );\n}\n\nexport const ImportStepConfiguration = observer(_ImportStepConfiguration);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAWA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AACA,IAAAO,yBAAA,GAAAP,OAAA;AAAgE,IAAAQ,YAAA;AAMhE,MAAMC,aAAa,GAAG;EACpBC,KAAK,EAAE,kBAAkB;EACzBC,KAAK,EAAE,KAAK;EACZC,KAAK,EAAE;AACT,CAAC;AACD,MAAMC,gBAAqC,GAAG;EAAEC,eAAe,EAAE;AAAS,CAAC;;AAE3E;AACA;AACA,MAAMC,0BAA0B,GAAG,iBAAiB;;AAEpD;AACA;AACA;AACA;;AAYA,MAAMC,wBAAiE,GAAG;EACxEC,IAAI,EAAE,4CAA4C;EAClDC,MAAM,EAAE,8CAA8C;EACtDC,IAAI,EAAE,4CAA4C;EAClDC,OAAO,EAAE,+CAA+C;EACxDC,GAAG,EAAE,2CAA2C;EAChDC,KAAK,EAAE,6CAA6C;EACpDC,KAAK,EAAE,6CAA6C;EACpDC,QAAQ,EAAE,gDAAgD;EAC1DC,KAAK,EAAE;AACT,CAAC;AAUD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,kBAAkB,GAAG,IAAAC,uBAAQ,EAAC,SAASC,mBAAmBA,CAAC;EAC/DC,KAAK;EACLC,MAAM;EACNC;AACuB,CAAC,EAAE;EAC1B,MAAM;IAAEC,CAAC,EAAEC;EAAG,CAAC,GAAG,IAAAC,+BAAe,EAAC,CAAC;EACnC,MAAMC,OAAO,GAAGN,KAAK,CAACO,eAAe,CAACN,MAAM,CAAC;EAC7C,MAAMO,eAAe,GAAGR,KAAK,CAACQ,eAAe;EAC7C,MAAMC,UAAU,GACdD,eAAe,IAAI,CAAAF,OAAO,oBAAPA,OAAO,CAAEI,IAAI,MAAK,KAAK,GACtC,IAAAC,wBAAe,EAACL,OAAO,EAAE,EAAE,EAAEL,MAAM,EAAEO,eAAe,CAAC,CAACI,IAAI,GAC1DC,SAAS;EACf,MAAMC,YAAY,GAAGN,eAAe,oBAAfA,eAAe,CAAEO,UAAU,CAACC,KAAK,CAACC,IAAI,CACxDC,MAAM,IAAKA,MAAM,CAACC,EAAE,KAAKV,UAC5B,CAAC;EACD,MAAMW,QAAQ,GAAG,CACf,CAAAN,YAAY,oBAAZA,YAAY,CAAEO,KAAK,KAAIjB,EAAE,CAACjB,wBAAwB,CAACe,SAAS,CAAC,CAAC,EAC9DoB,iBAAiB,CAAC,CAAC;EAErB,oBACE/C,MAAA,CAAAgD,OAAA,CAAAC,aAAA,CAACtD,aAAA,CAAAuD,GAAG;IAACC,SAAS,EAAC,YAAY;IAACC,GAAG,EAAC,KAAK;IAACC,aAAa,EAAC,QAAQ;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApD,YAAA;MAAAqD,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC1D1D,MAAA,CAAAgD,OAAA,CAAAC,aAAA,CAACtD,aAAA,CAAAgE,IAAI;IACHC,IAAI,EAAC,MAAM;IACXC,SAAS;IACTC,QAAQ,EAAE,2BAA2BpC,MAAM,EAAG;IAAA4B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApD,YAAA;MAAAqD,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE7CjC,KAAK,CAACsC,SAAS,CAAC,6BAA6B,EAAE;IAAElB;EAAS,CAAC,CACxD,CAAC,eACP7C,MAAA,CAAAgD,OAAA,CAAAC,aAAA,CAACtD,aAAA,CAAAqE,UAAU;IACTJ,IAAI,EAAC,MAAM;IACXE,QAAQ,EAAE,qBAAqBpC,MAAM,EAAG;IACxCuC,OAAO,EAAEA,CAAA,KAAM;MACbxC,KAAK,CAACyC,EAAE,CAACC,kBAAkB,CAAC,CAAC;MAC7B1C,KAAK,CAAC2C,cAAc,CAAC1C,MAAM,CAAC;IAC9B,CAAE;IAAA4B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApD,YAAA;MAAAqD,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEDjC,KAAK,CAACsC,SAAS,CAAC,wBAAwB,CAC/B,CACT,CAAC;AAEV,CAAC,CAAC;AAQF,MAAMM,gBAAgB,GAAG,IAAA9C,uBAAQ,EAAC,SAAS+C,iBAAiBA,CAAC;EAC3D7C,KAAK;EACLC,MAAM;EACN6C;AACqB,CAAC,EAAE;EACxB,MAAMC,WAAW,GAAGC,cAAK,CAACC,MAAM,CAAW,IAAI,CAAC;EAChD,MAAM;IAAEX,SAAS,EAAEnC,CAAC;IAAE+C,gBAAgB;IAAEC;EAAkB,CAAC,GAAGnD,KAAK;EACnE,MAAMM,OAAO,GAAGN,KAAK,CAACO,eAAe,CAACN,MAAM,CAAC;EAE7C,MAAMmD,UAAU,GACd,CAAA9C,OAAO,oBAAPA,OAAO,CAAEI,IAAI,MAAK,UAAU,GACxBJ,OAAO,CAAC+C,OAAO,GACf,CAAA/C,OAAO,oBAAPA,OAAO,CAAEI,IAAI,MAAK,KAAK,GACvBxB,0BAA0B,GAC1B2B,SAAS;EAEf,MAAMyC,OAAyB,GAAG,CAChC,GAAGR,YAAY,CAACS,GAAG,CAAErC,MAAM,KAAM;IAC/B,GAAGA,MAAM;IACTsC,QAAQ,EACNN,gBAAgB,CAACO,GAAG,CAACC,MAAM,CAACxC,MAAM,CAACC,EAAE,CAAC,CAAC,IACvC,EACE,CAAAb,OAAO,oBAAPA,OAAO,CAAEI,IAAI,MAAK,UAAU,IAAIJ,OAAO,CAAC+C,OAAO,KAAKK,MAAM,CAACxC,MAAM,CAACC,EAAE,CAAC;EAE3E,CAAC,CAAC,CAAC,EACH,IAAIgC,iBAAiB,GACjB;EACE;EACA;EACA;EACA;EACA;EACA;EACA,CAAC,MAAM;IACL,MAAMQ,YAAY,GAChB,CAAArD,OAAO,oBAAPA,OAAO,CAAEI,IAAI,MAAK,KAAK,IAAIJ,OAAO,CAACsD,WAAW,GAC1CtD,OAAO,CAACsD,WAAW,GACnB3D,MAAM;IACZ,MAAMoB,KAAK,GAAG,GAAGsC,YAAY,IAAIxD,CAAC,CAAC,6BAA6B,CAAC,EAAE;IACnE,OAAO,IAAA0D,mCAAqB,EAAC;MAC3B1C,EAAE,EAAEjC,0BAA0B;MAC9BmC,KAAK;MACLxC,KAAK,EAAEwC;IACT,CAAC,CAAC;EACJ,CAAC,EAAE,CAAC,CACL,GACD,EAAE,CAAC,CACR;EAED,oBACE9C,MAAA,CAAAgD,OAAA,CAAAC,aAAA,CAACtD,aAAA,CAAAuD,GAAG;IAACC,SAAS,EAAC,UAAU;IAACC,GAAG,EAAC,KAAK;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApD,YAAA;MAAAqD,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACjC1D,MAAA,CAAAgD,OAAA,CAAAC,aAAA,CAACtD,aAAA,CAAA4F,QAAQ;IACPC,GAAG,EAAEhB,WAAY;IACjBV,QAAQ,EAAE,kBAAkBpC,MAAM,EAAG;IACrC+D,WAAW;IACXC,OAAO,EAAEA,CAAA,KAAM;MACbjE,KAAK,CAACkE,UAAU,CAACjE,MAAM,EAAE,IAAI,CAAC;IAChC,CAAE;IACFkE,WAAW,EAAEhE,CAAC,CAAC,yBAAyB,CAAE;IAC1CiD,UAAU,EAAEA,UAAW;IACvBgB,QAAQ,EAAEA,CAAC;MAAEjD;IAAG,CAAC,KAAK;MACpB,IAAIA,EAAE,KAAKjC,0BAA0B,EAAE;QACrCc,KAAK,CAACqE,kBAAkB,CAACpE,MAAM,CAAC;MAClC,CAAC,MAAM;QACLD,KAAK,CAACkE,UAAU,CAACjE,MAAM,EAAEkB,EAAY,CAAC;MACxC;IACF,CAAE;IACFmD,YAAY,EAAE;MACZC,QAAQ,EAAE,QAAQ;MAClBC,MAAM,EAAE,IAAI;MACZC,IAAI,EAAE,IAAI;MACVC,KAAK,EAAE;IACT,CAAE;IACFpB,OAAO,EAAEA,OAAQ;IACjBqB,WAAW,EACTxB,iBAAiB,gBACf5E,MAAA,CAAAgD,OAAA,CAAAC,aAAA;MAAAK,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApD,YAAA;QAAAqD,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAGE1D,MAAA,CAAAgD,OAAA,CAAAC,aAAA,CAACtD,aAAA,CAAA0G,OAAO;MAAA/C,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApD,YAAA;QAAAqD,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,eACX1D,MAAA,CAAAgD,OAAA,CAAAC,aAAA,CAACtD,aAAA,CAAA2G,cAAc;MACb1C,IAAI,EAAC,OAAO;MACZ2C,IAAI,EAAC,SAAS;MACdC,UAAU,eAAExG,MAAA,CAAAgD,OAAA,CAAAC,aAAA,CAACpD,KAAA,CAAA4G,GAAG;QAAAnD,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAApD,YAAA;UAAAqD,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAE;MACpBI,QAAQ,EAAE,uBAAuBpC,MAAM,EAAG;MAC1CpB,KAAK,EAAEsB,CAAC,CAAC,6BAA6B;MACtC;MAAA;MACA8E,SAAS,EAAGC,KAA6C,IAAK;QAC5D,IAAIA,KAAK,CAACC,GAAG,KAAK,OAAO,IAAID,KAAK,CAACC,GAAG,KAAK,GAAG,EAAE;UAC9CD,KAAK,CAACE,eAAe,CAAC,CAAC;QACzB;MACF;MACA;MACA;MAAA;MACA5C,OAAO,EAAEA,CAAA,KAAM;QAAA,IAAA6C,oBAAA;QACb,CAAAA,oBAAA,GAAAtC,WAAW,CAACuC,OAAO,aAAnBD,oBAAA,CAAqBE,WAAW,CAAC,CAAC;QAClCvF,KAAK,CAACqE,kBAAkB,CAACpE,MAAM,CAAC;QAChCD,KAAK,CAAC2C,cAAc,CAAC1C,MAAM,CAAC;MAC9B,CAAE;MAAA4B,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApD,YAAA;QAAAqD,UAAA;QAAAC,YAAA;MAAA;IAAA,CACH,CACE,CAAC,GACJpB,SACL;IACDsB,IAAI,EAAC,OAAO;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApD,YAAA;MAAAqD,UAAA;MAAAC,YAAA;IAAA;EAAA,CACb,CAAC,EACD,CAAA3B,OAAO,oBAAPA,OAAO,CAAEI,IAAI,MAAK,KAAK,iBACtBnC,MAAA,CAAAgD,OAAA,CAAAC,aAAA,CAAC3B,kBAAkB;IACjBG,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA,MAAO;IACfC,SAAS,EAAEI,OAAO,CAACJ,SAAU;IAAA2B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApD,YAAA;MAAAqD,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC9B,CACF,EACAjC,KAAK,CAACwF,uBAAuB,IAAIxF,KAAK,CAACyF,cAAc,KAAKxF,MAAM,iBAC/D1B,MAAA,CAAAgD,OAAA,CAAAC,aAAA,CAAC9C,yBAAA,CAAAgH,kBAAkB;IAAC1F,KAAK,EAAEA,KAAM;IAAA6B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApD,YAAA;MAAAqD,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAElC,CAAC;AAEV,CAAC,CAAC;AAEF,SAAS0D,wBAAwBA,CAAC;EAAE3F;AAAoC,CAAC,EAAE;EACzE,MAAM;IAAE4F,UAAU;IAAEC,MAAM;IAAEvD,SAAS,EAAEnC;EAAE,CAAC,GAAGH,KAAK;;EAElD;EACA;EACA;EACA;EACA,MAAM8F,cAAc,GAClB9F,KAAK,CAAC8F,cAAc,CAACC,MAAM,GAAG,CAAC,GAAG/F,KAAK,CAAC8F,cAAc,GAAGF,UAAU;EAErE,MAAMI,mBAAmB,GAAGH,MAAM,CAC/BI,MAAM,CAAElH,KAAK,IAAKA,KAAK,CAACoC,EAAE,IAAI,IAAI,CAAC,CACnCoC,GAAG,CAAExE,KAAK,IACT,IAAA8E,mCAAqB,EAAC;IACpB1C,EAAE,EAAEpC,KAAK,CAACoC,EAAG;IACbE,KAAK,EAAEtC,KAAK,CAACkB,MAAM;IACnBpB,KAAK,EAAEE,KAAK,CAACkB;EACf,CAAC,CACH,CAAC;EAEH,MAAMiG,SAAS,GAAGlG,KAAK,CAACmG,eAAe;EAEvC,oBACE5H,MAAA,CAAAgD,OAAA,CAAAC,aAAA,CAACtD,aAAA,CAAAuD,GAAG;IAACC,SAAS,EAAC,UAAU;IAACW,QAAQ,EAAC,qBAAqB;IAACV,GAAG,EAAC,KAAK;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApD,YAAA;MAAAqD,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC/DiE,SAAS,iBACR3H,MAAA,CAAAgD,OAAA,CAAAC,aAAA,CAACtD,aAAA,CAAAuD,GAAG;IAAC2E,OAAO,EAAC,OAAO;IAAAvE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApD,YAAA;MAAAqD,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClB1D,MAAA,CAAAgD,OAAA,CAAAC,aAAA,CAACtD,aAAA,CAAAmI,aAAa;IACZhE,QAAQ,EAAC,wBAAwB;IACjCyC,IAAI,EAAC,SAAS;IACdjG,KAAK,EAAEsB,CAAC,CAAC,iCAAiC,CAAE;IAAA0B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApD,YAAA;MAAAqD,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE3C9B,CAAC,CAAC,uCAAuC,CAC7B,CACZ,CACN,eAED5B,MAAA,CAAAgD,OAAA,CAAAC,aAAA,CAACtD,aAAA,CAAAuD,GAAG;IAACC,SAAS,EAAC,UAAU;IAAC4E,IAAI,EAAE,CAAE;IAACC,SAAS,EAAE,CAAE;IAAA1E,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApD,YAAA;MAAAqD,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC9C1D,MAAA,CAAAgD,OAAA,CAAAC,aAAA,CAACtD,aAAA,CAAAuD,GAAG;IACF+E,OAAO,EAAC,MAAM;IACd9E,SAAS,EAAC,YAAY;IACtBC,GAAG,EAAC,KAAK;IACTyE,OAAO,EAAC,SAAS;IACjBK,eAAe,EAAC,qEAAqE;IACrFC,SAAS,EAAC,+KAA+K;IACzLC,mBAAmB,EAAE,GAAG/H,aAAa,CAACC,KAAK,IAAID,aAAa,CAACE,KAAK,IAAIF,aAAa,CAACG,KAAK,EAAG;IAC5F6H,UAAU,EAAE,CAAE;IACdC,KAAK,EAAE7H,gBAAiB;IAAA6C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApD,YAAA;MAAAqD,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAExB1D,MAAA,CAAAgD,OAAA,CAAAC,aAAA,CAACtD,aAAA,CAAAuD,GAAG;IAACqF,QAAQ,EAAE,CAAE;IAACpF,SAAS,EAAC,UAAU;IAAAG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApD,YAAA;MAAAqD,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACpC1D,MAAA,CAAAgD,OAAA,CAAAC,aAAA,CAACtD,aAAA,CAAAgE,IAAI;IAACC,IAAI,EAAC,OAAO;IAAC4E,MAAM,EAAC,MAAM;IAACC,QAAQ;IAAAnF,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApD,YAAA;MAAAqD,UAAA;MAAAC,YAAA;IAAA;EAAA,GACtC9B,CAAC,CAAC,0BAA0B,CACzB,CACH,CAAC,eAEN5B,MAAA,CAAAgD,OAAA,CAAAC,aAAA,CAACtD,aAAA,CAAAuD,GAAG;IAACqF,QAAQ,EAAE,CAAE;IAACpF,SAAS,EAAC,UAAU;IAAAG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApD,YAAA;MAAAqD,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eAEzC1D,MAAA,CAAAgD,OAAA,CAAAC,aAAA,CAACtD,aAAA,CAAAuD,GAAG;IAACqF,QAAQ,EAAE,CAAE;IAACpF,SAAS,EAAC,UAAU;IAAAG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApD,YAAA;MAAAqD,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACpC1D,MAAA,CAAAgD,OAAA,CAAAC,aAAA,CAACtD,aAAA,CAAAgE,IAAI;IAACC,IAAI,EAAC,OAAO;IAAC4E,MAAM,EAAC,MAAM;IAACC,QAAQ;IAAAnF,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApD,YAAA;MAAAqD,UAAA;MAAAC,YAAA;IAAA;EAAA,GACtC9B,CAAC,CAAC,8BAA8B,CAC7B,CACH,CACF,CAAC,eAEN5B,MAAA,CAAAgD,OAAA,CAAAC,aAAA,CAACtD,aAAA,CAAAuD,GAAG;IACFC,SAAS,EAAC,UAAU;IACpBuF,SAAS,EAAC,MAAM;IAChBC,SAAS,EAAEhB,SAAS,GAAG,oBAAoB,GAAG,oBAAqB;IACnEW,KAAK,EAAE7H,gBAAiB;IAAA6C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApD,YAAA;MAAAqD,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEvB6D,cAAc,CAACvC,GAAG,CAAC,CAACtD,MAAM,EAAEkH,KAAK,kBAChC5I,MAAA,CAAAgD,OAAA,CAAAC,aAAA,CAACtD,aAAA,CAAAkJ,aAAa;IACZjC,GAAG,EAAElF,MAAO;IACZoH,WAAW,EAAEF,KAAK,GAAGrB,cAAc,CAACC,MAAM,GAAG,CAAE;IAC/CzC,OAAO,EAAE,CACP;MACEgE,KAAK,eACH/I,MAAA,CAAAgD,OAAA,CAAAC,aAAA,CAACtD,aAAA,CAAAgE,IAAI;QAAC8E,QAAQ;QAAC7E,IAAI,EAAC,OAAO;QAACE,QAAQ,EAAC,qBAAqB;QAAAR,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAApD,YAAA;UAAAqD,UAAA;UAAAC,YAAA;QAAA;MAAA,GACvDhC,MACG,CACP;MACDsH,KAAK,EAAE3I,aAAa,CAACC;IACvB,CAAC,EACD;MACEyI,KAAK,eACH/I,MAAA,CAAAgD,OAAA,CAAAC,aAAA,CAACtD,aAAA,CAAAuD,GAAG;QAAC+F,KAAK,EAAC,QAAQ;QAAA3F,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAApD,YAAA;UAAAqD,UAAA;UAAAC,YAAA;QAAA;MAAA,gBACjB1D,MAAA,CAAAgD,OAAA,CAAAC,aAAA,CAACpD,KAAA,CAAAqJ,UAAU;QAAA5F,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAApD,YAAA;UAAAqD,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CACV,CACN;MACDsF,KAAK,EAAE3I,aAAa,CAACE;IACvB,CAAC,EACD;MACEwI,KAAK,eACH/I,MAAA,CAAAgD,OAAA,CAAAC,aAAA,CAACoB,gBAAgB;QACf5C,KAAK,EAAEA,KAAM;QACbC,MAAM,EAAEA,MAAO;QACf6C,YAAY,EAAEkD,mBAAoB;QAAAnE,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAApD,YAAA;UAAAqD,UAAA;UAAAC,YAAA;QAAA;MAAA,CACnC,CACF;MACDsF,KAAK,EAAE3I,aAAa,CAACG;IACvB,CAAC,CACD;IAAA8C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApD,YAAA;MAAAqD,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CACF,CACE,CACF,CACF,CAAC;AAEV;AAEO,MAAMyF,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,IAAA5H,uBAAQ,EAAC6F,wBAAwB,CAAC","ignoreList":[]}

package/dist/cjs/components/ImportButton/ImportStepUpload.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_ = "ImportStepUpload1465543440";
+var _namespace_ = "ImportStepUpload3301226243";
 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": "ImportStepUpload1465543440__root",
-  "fileUpload": "ImportStepUpload1465543440__fileUpload"
+  "root": "ImportStepUpload3301226243__root",
+  "fileUpload": "ImportStepUpload3301226243__fileUpload"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ImportButton/ImportStepUpload.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/ImportButton/ImportStepUpload.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ImportStepUpload1465543440\";\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\":\"ImportStepUpload1465543440__root\",\"fileUpload\":\"ImportStepUpload1465543440__fileUpload\"};\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,kCAAkC;EAAC,YAAY,EAAC;AAAwC,CAAC;AAC/G,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/ImportButton/ImportStepUpload.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ImportStepUpload3301226243\";\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\":\"ImportStepUpload3301226243__root\",\"fileUpload\":\"ImportStepUpload3301226243__fileUpload\"};\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,kCAAkC;EAAC,YAAY,EAAC;AAAwC,CAAC;AAC/G,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/ImportButton/getImportModalStepProps.js

@@ -19,6 +19,8 @@ function getImportModalStepProps({
     currentStep,
     translate: t
   } = state;
+  const closeByCancel = () => state.close('Cancel Button');
+  const closeByX = () => state.close('X Button');
   if (currentStep === 'upload') {
     return {
       title: t('cairo.import.title'),
@@ -28,7 +30,7 @@ function getImportModalStepProps({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 34,
+          lineNumber: 36,
           columnNumber: 17
         }
       }),
@@ -38,7 +40,7 @@ function getImportModalStepProps({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 36,
+          lineNumber: 38,
           columnNumber: 9
         }
       }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -47,7 +49,7 @@ function getImportModalStepProps({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 37,
+          lineNumber: 39,
           columnNumber: 11
         }
       }, t('cairo.import.footerText')), /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -56,25 +58,27 @@ function getImportModalStepProps({
         href: "https://support.wix.com/en/article/import-data-from-a-file",
         target: "_blank",
         rel: "noopener",
+        dataHook: "import-learn-more",
+        onClick: () => state.bi.onLearnMoreClicked(),
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 40,
+          lineNumber: 42,
           columnNumber: 11
         }
       }, t('cairo.import.footerLink'))),
       showFooterDivider: false,
       secondaryButtonText: t('cairo.import.cancel'),
-      secondaryButtonOnClick: state.close,
+      secondaryButtonOnClick: closeByCancel,
       closeButtonProps: {
-        onClick: state.close,
+        onClick: closeByX,
         autoFocus: true
       },
-      onRequestClose: state.close
+      onRequestClose: closeByX
     };
   }
   if (currentStep === 'configuration') {
-    const handleClose = () => state.discardAndClose();
+    const handleClose = () => state.discardAndClose('X Button');
     return {
       removeContentPadding: true,
       title: isMobile ? /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -84,7 +88,7 @@ function getImportModalStepProps({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 65,
+          lineNumber: 72,
           columnNumber: 9
         }
       }, t('cairo.import.configureMappingsTitle'), /*#__PURE__*/_react.default.createElement(_designSystem.CounterBadge, {
@@ -94,7 +98,7 @@ function getImportModalStepProps({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 67,
+          lineNumber: 74,
           columnNumber: 11
         }
       }, state.csvHeaders.length)) : /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -104,7 +108,7 @@ function getImportModalStepProps({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 76,
+          lineNumber: 83,
           columnNumber: 9
         }
       }, /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
@@ -112,7 +116,7 @@ function getImportModalStepProps({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 77,
+          lineNumber: 84,
           columnNumber: 11
         }
       }, t('cairo.import.configureMappingsTitle')), /*#__PURE__*/_react.default.createElement(_designSystem.CounterBadge, {
@@ -122,7 +126,7 @@ function getImportModalStepProps({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 80,
+          lineNumber: 87,
           columnNumber: 11
         }
       }, state.csvHeaders.length)),
@@ -132,7 +136,7 @@ function getImportModalStepProps({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 90,
+          lineNumber: 97,
           columnNumber: 17
         }
       }),
@@ -145,7 +149,7 @@ function getImportModalStepProps({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 96,
+          lineNumber: 103,
           columnNumber: 9
         }
       }) : undefined,
@@ -162,7 +166,7 @@ function getImportModalStepProps({
         } : undefined
       }),
       secondaryButtonText: t('cairo.import.cancel'),
-      secondaryButtonOnClick: handleClose,
+      secondaryButtonOnClick: () => state.discardAndClose('Cancel Button'),
       closeButtonProps: {
         onClick: handleClose,
         autoFocus: true
@@ -175,6 +179,8 @@ function getImportModalStepProps({
       failed
     } = state.result;
     const hasFailures = failed > 0;
+    const doneByClose = () => state.done('Close');
+    const doneByX = () => state.done('X Button');
     return {
       title: t('cairo.import.summaryTitle'),
       children: /*#__PURE__*/_react.default.createElement(_ImportStepSummary.ImportStepSummary, {
@@ -182,7 +188,7 @@ function getImportModalStepProps({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 124,
+          lineNumber: 133,
           columnNumber: 17
         }
       }),
@@ -195,16 +201,16 @@ function getImportModalStepProps({
         primaryButtonText: t('cairo.import.downloadCsv'),
         primaryButtonOnClick: state.downloadFailedRows,
         secondaryButtonText: t('cairo.import.close'),
-        secondaryButtonOnClick: state.done
+        secondaryButtonOnClick: doneByClose
       } : {
         primaryButtonText: t('cairo.import.close'),
-        primaryButtonOnClick: state.done
+        primaryButtonOnClick: doneByClose
       }),
       closeButtonProps: {
-        onClick: state.done,
+        onClick: doneByX,
         autoFocus: true
       },
-      onRequestClose: state.done
+      onRequestClose: doneByX
     };
   }
   const hasError = state.importStatus.isError;
@@ -215,25 +221,25 @@ function getImportModalStepProps({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 152,
+        lineNumber: 164,
         columnNumber: 15
       }
     }),
     showFooterDivider: false,
     primaryButtonText: hasError ? t('cairo.import.tryAgain') : t('cairo.import.importing'),
-    primaryButtonOnClick: hasError ? state.startImport : undefined,
+    primaryButtonOnClick: hasError ? state.retryImport : undefined,
     primaryButtonProps: {
       disabled: !hasError
     },
     secondaryButtonText: state.isRestoring ? t('cairo.import.restoring') : t('cairo.import.cancel'),
-    secondaryButtonOnClick: state.close,
+    secondaryButtonOnClick: closeByCancel,
     secondaryButtonProps: {
       disabled: state.isRestoring
     },
     closeButtonProps: {
-      onClick: state.close
+      onClick: closeByX
     },
-    onRequestClose: state.isRestoring ? undefined : state.close
+    onRequestClose: state.isRestoring ? undefined : closeByX
   };
 }
 //# sourceMappingURL=getImportModalStepProps.js.map

package/dist/cjs/components/ImportButton/getImportModalStepProps.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_ImportStepUpload","_ImportStepConfiguration","_ImportStepProgress","_ImportRequiredFieldsSideNote","_ImportStepSummary","_jsxFileName","getImportModalStepProps","state","isMobile","currentStep","translate","t","title","subtitle","children","default","createElement","ImportStepUpload","__self","__source","fileName","lineNumber","columnNumber","footnote","Box","gap","verticalAlign","Text","size","secondary","TextButton","as","href","target","rel","showFooterDivider","secondaryButtonText","secondaryButtonOnClick","close","closeButtonProps","onClick","autoFocus","onRequestClose","handleClose","discardAndClose","removeContentPadding","direction","CounterBadge","skin","dataHook","csvHeaders","length","Heading","ImportStepConfiguration","sideActions","hasMissingRequiredFields","ImportRequiredFieldsSideNote","undefined","primaryButtonText","primaryButtonOnClick","hasMappings","startImport","primaryButtonProps","disabled","primaryButtonTooltipProps","content","failed","result","hasFailures","ImportStepSummary","downloadFailedRows","done","hasError","importStatus","isError","ImportStepProgress","isRestoring","secondaryButtonProps"],"sources":["../../../../src/components/ImportButton/getImportModalStepProps.tsx"],"sourcesContent":["import {\n  Box,\n  CounterBadge,\n  CustomModalLayoutProps,\n  Heading,\n  Text,\n  TextButton,\n} from '@wix/design-system';\nimport { ImportState } from '@wix/bex-core';\nimport React, { ReactNode } from 'react';\nimport { ImportStepUpload } from './ImportStepUpload';\nimport { ImportStepConfiguration } from './ImportStepConfiguration';\nimport { ImportStepProgress } from './ImportStepProgress';\nimport { ImportRequiredFieldsSideNote } from './ImportRequiredFieldsSideNote';\nimport { ImportStepSummary } from './ImportStepSummary';\n\nexport interface GetImportModalStepProps {\n  state: ImportState;\n  isMobile?: boolean;\n}\n\nexport function getImportModalStepProps({\n  state,\n  isMobile,\n}: GetImportModalStepProps): Partial<\n  CustomModalLayoutProps & { children?: ReactNode; onRequestClose?: () => void }\n> {\n  const { currentStep, translate: t } = state;\n\n  if (currentStep === 'upload') {\n    return {\n      title: t('cairo.import.title'),\n      subtitle: t('cairo.import.subtitle'),\n      children: <ImportStepUpload state={state} />,\n      footnote: (\n        <Box gap=\"SP1\" verticalAlign=\"middle\">\n          <Text size=\"small\" secondary>\n            {t('cairo.import.footerText')}\n          </Text>\n          <TextButton\n            size=\"small\"\n            as=\"a\"\n            href=\"https://support.wix.com/en/article/import-data-from-a-file\"\n            target=\"_blank\"\n            rel=\"noopener\"\n          >\n            {t('cairo.import.footerLink')}\n          </TextButton>\n        </Box>\n      ),\n      showFooterDivider: false,\n      secondaryButtonText: t('cairo.import.cancel'),\n      secondaryButtonOnClick: state.close,\n      closeButtonProps: { onClick: state.close, autoFocus: true },\n      onRequestClose: state.close,\n    };\n  }\n\n  if (currentStep === 'configuration') {\n    const handleClose = () => state.discardAndClose();\n\n    return {\n      removeContentPadding: true,\n      title: isMobile ? (\n        <Box gap=\"SP1\" verticalAlign=\"middle\" direction=\"horizontal\">\n          {t('cairo.import.configureMappingsTitle')}\n          <CounterBadge\n            size=\"medium\"\n            skin=\"neutralLight\"\n            dataHook=\"import-columns-found-counter\"\n          >\n            {state.csvHeaders.length}\n          </CounterBadge>\n        </Box>\n      ) : (\n        <Box gap=\"SP1\" verticalAlign=\"middle\" direction=\"horizontal\">\n          <Heading size=\"medium\">\n            {t('cairo.import.configureMappingsTitle')}\n          </Heading>\n          <CounterBadge\n            size=\"medium\"\n            skin=\"neutralLight\"\n            dataHook=\"import-columns-found-counter\"\n          >\n            {state.csvHeaders.length}\n          </CounterBadge>\n        </Box>\n      ),\n      subtitle: t('cairo.import.subtitle'),\n      children: <ImportStepConfiguration state={state} />,\n      // Left-aligned footer side-note while required fields are unmapped\n      // (CAIRO-4452). Sits in the footer's button row (`sideActions`), not the\n      // full-width footnote strip. The Import button stays enabled; the click is\n      // blocked with a toast in `startImport`.\n      sideActions: state.hasMissingRequiredFields ? (\n        <ImportRequiredFieldsSideNote state={state} />\n      ) : undefined,\n      showFooterDivider: true,\n      primaryButtonText: t('cairo.import.startImport'),\n      primaryButtonOnClick: state.hasMappings ? state.startImport : undefined,\n      ...(isMobile\n        ? { primaryButtonProps: { disabled: !state.hasMappings } }\n        : {\n            primaryButtonTooltipProps: !state.hasMappings\n              ? { content: t('cairo.import.noMappingsTooltip') }\n              : undefined,\n          }),\n      secondaryButtonText: t('cairo.import.cancel'),\n      secondaryButtonOnClick: handleClose,\n      closeButtonProps: {\n        onClick: handleClose,\n        autoFocus: true,\n      },\n      onRequestClose: handleClose,\n    };\n  }\n\n  if (currentStep === 'summary') {\n    const { failed } = state.result;\n    const hasFailures = failed > 0;\n\n    return {\n      title: t('cairo.import.summaryTitle'),\n      children: <ImportStepSummary state={state} />,\n      showFooterDivider: false,\n      // When rows failed, \"Download CSV\" is the primary (emphasized) action and\n      // \"Close\" the secondary — the user's next step is to fix the failures. A\n      // fully successful import has nothing to download, so \"Close\" is primary\n      // and stands alone.\n      ...(hasFailures\n        ? {\n            primaryButtonText: t('cairo.import.downloadCsv'),\n            primaryButtonOnClick: state.downloadFailedRows,\n            secondaryButtonText: t('cairo.import.close'),\n            secondaryButtonOnClick: state.done,\n          }\n        : {\n            primaryButtonText: t('cairo.import.close'),\n            primaryButtonOnClick: state.done,\n          }),\n      closeButtonProps: { onClick: state.done, autoFocus: true },\n      onRequestClose: state.done,\n    };\n  }\n\n  const hasError = state.importStatus.isError;\n\n  return {\n    title: hasError\n      ? t('cairo.import.failedTitle')\n      : t('cairo.import.progressTitle'),\n    children: <ImportStepProgress state={state} />,\n    showFooterDivider: false,\n    primaryButtonText: hasError\n      ? t('cairo.import.tryAgain')\n      : t('cairo.import.importing'),\n    primaryButtonOnClick: hasError ? state.startImport : undefined,\n    primaryButtonProps: { disabled: !hasError },\n    secondaryButtonText: state.isRestoring\n      ? t('cairo.import.restoring')\n      : t('cairo.import.cancel'),\n    secondaryButtonOnClick: state.close,\n    secondaryButtonProps: { disabled: state.isRestoring },\n    closeButtonProps: { onClick: state.close },\n    onRequestClose: state.isRestoring ? undefined : state.close,\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_ImportStepUpload","_ImportStepConfiguration","_ImportStepProgress","_ImportRequiredFieldsSideNote","_ImportStepSummary","_jsxFileName","getImportModalStepProps","state","isMobile","currentStep","translate","t","closeByCancel","close","closeByX","title","subtitle","children","default","createElement","ImportStepUpload","__self","__source","fileName","lineNumber","columnNumber","footnote","Box","gap","verticalAlign","Text","size","secondary","TextButton","as","href","target","rel","dataHook","onClick","bi","onLearnMoreClicked","showFooterDivider","secondaryButtonText","secondaryButtonOnClick","closeButtonProps","autoFocus","onRequestClose","handleClose","discardAndClose","removeContentPadding","direction","CounterBadge","skin","csvHeaders","length","Heading","ImportStepConfiguration","sideActions","hasMissingRequiredFields","ImportRequiredFieldsSideNote","undefined","primaryButtonText","primaryButtonOnClick","hasMappings","startImport","primaryButtonProps","disabled","primaryButtonTooltipProps","content","failed","result","hasFailures","doneByClose","done","doneByX","ImportStepSummary","downloadFailedRows","hasError","importStatus","isError","ImportStepProgress","retryImport","isRestoring","secondaryButtonProps"],"sources":["../../../../src/components/ImportButton/getImportModalStepProps.tsx"],"sourcesContent":["import {\n  Box,\n  CounterBadge,\n  CustomModalLayoutProps,\n  Heading,\n  Text,\n  TextButton,\n} from '@wix/design-system';\nimport { ImportState } from '@wix/bex-core';\nimport React, { ReactNode } from 'react';\nimport { ImportStepUpload } from './ImportStepUpload';\nimport { ImportStepConfiguration } from './ImportStepConfiguration';\nimport { ImportStepProgress } from './ImportStepProgress';\nimport { ImportRequiredFieldsSideNote } from './ImportRequiredFieldsSideNote';\nimport { ImportStepSummary } from './ImportStepSummary';\n\nexport interface GetImportModalStepProps {\n  state: ImportState;\n  isMobile?: boolean;\n}\n\nexport function getImportModalStepProps({\n  state,\n  isMobile,\n}: GetImportModalStepProps): Partial<\n  CustomModalLayoutProps & { children?: ReactNode; onRequestClose?: () => void }\n> {\n  const { currentStep, translate: t } = state;\n  const closeByCancel = () => state.close('Cancel Button');\n  const closeByX = () => state.close('X Button');\n\n  if (currentStep === 'upload') {\n    return {\n      title: t('cairo.import.title'),\n      subtitle: t('cairo.import.subtitle'),\n      children: <ImportStepUpload state={state} />,\n      footnote: (\n        <Box gap=\"SP1\" verticalAlign=\"middle\">\n          <Text size=\"small\" secondary>\n            {t('cairo.import.footerText')}\n          </Text>\n          <TextButton\n            size=\"small\"\n            as=\"a\"\n            href=\"https://support.wix.com/en/article/import-data-from-a-file\"\n            target=\"_blank\"\n            rel=\"noopener\"\n            dataHook=\"import-learn-more\"\n            onClick={() => state.bi.onLearnMoreClicked()}\n          >\n            {t('cairo.import.footerLink')}\n          </TextButton>\n        </Box>\n      ),\n      showFooterDivider: false,\n      secondaryButtonText: t('cairo.import.cancel'),\n      secondaryButtonOnClick: closeByCancel,\n      closeButtonProps: {\n        onClick: closeByX,\n        autoFocus: true,\n      },\n      onRequestClose: closeByX,\n    };\n  }\n\n  if (currentStep === 'configuration') {\n    const handleClose = () => state.discardAndClose('X Button');\n\n    return {\n      removeContentPadding: true,\n      title: isMobile ? (\n        <Box gap=\"SP1\" verticalAlign=\"middle\" direction=\"horizontal\">\n          {t('cairo.import.configureMappingsTitle')}\n          <CounterBadge\n            size=\"medium\"\n            skin=\"neutralLight\"\n            dataHook=\"import-columns-found-counter\"\n          >\n            {state.csvHeaders.length}\n          </CounterBadge>\n        </Box>\n      ) : (\n        <Box gap=\"SP1\" verticalAlign=\"middle\" direction=\"horizontal\">\n          <Heading size=\"medium\">\n            {t('cairo.import.configureMappingsTitle')}\n          </Heading>\n          <CounterBadge\n            size=\"medium\"\n            skin=\"neutralLight\"\n            dataHook=\"import-columns-found-counter\"\n          >\n            {state.csvHeaders.length}\n          </CounterBadge>\n        </Box>\n      ),\n      subtitle: t('cairo.import.subtitle'),\n      children: <ImportStepConfiguration state={state} />,\n      // Left-aligned footer side-note while required fields are unmapped\n      // (CAIRO-4452). Sits in the footer's button row (`sideActions`), not the\n      // full-width footnote strip. The Import button stays enabled; the click is\n      // blocked with a toast in `startImport`.\n      sideActions: state.hasMissingRequiredFields ? (\n        <ImportRequiredFieldsSideNote state={state} />\n      ) : undefined,\n      showFooterDivider: true,\n      primaryButtonText: t('cairo.import.startImport'),\n      primaryButtonOnClick: state.hasMappings ? state.startImport : undefined,\n      ...(isMobile\n        ? { primaryButtonProps: { disabled: !state.hasMappings } }\n        : {\n            primaryButtonTooltipProps: !state.hasMappings\n              ? { content: t('cairo.import.noMappingsTooltip') }\n              : undefined,\n          }),\n      secondaryButtonText: t('cairo.import.cancel'),\n      secondaryButtonOnClick: () => state.discardAndClose('Cancel Button'),\n      closeButtonProps: {\n        onClick: handleClose,\n        autoFocus: true,\n      },\n      onRequestClose: handleClose,\n    };\n  }\n\n  if (currentStep === 'summary') {\n    const { failed } = state.result;\n    const hasFailures = failed > 0;\n    const doneByClose = () => state.done('Close');\n    const doneByX = () => state.done('X Button');\n\n    return {\n      title: t('cairo.import.summaryTitle'),\n      children: <ImportStepSummary state={state} />,\n      showFooterDivider: false,\n      // When rows failed, \"Download CSV\" is the primary (emphasized) action and\n      // \"Close\" the secondary — the user's next step is to fix the failures. A\n      // fully successful import has nothing to download, so \"Close\" is primary\n      // and stands alone.\n      ...(hasFailures\n        ? {\n            primaryButtonText: t('cairo.import.downloadCsv'),\n            primaryButtonOnClick: state.downloadFailedRows,\n            secondaryButtonText: t('cairo.import.close'),\n            secondaryButtonOnClick: doneByClose,\n          }\n        : {\n            primaryButtonText: t('cairo.import.close'),\n            primaryButtonOnClick: doneByClose,\n          }),\n      closeButtonProps: {\n        onClick: doneByX,\n        autoFocus: true,\n      },\n      onRequestClose: doneByX,\n    };\n  }\n\n  const hasError = state.importStatus.isError;\n\n  return {\n    title: hasError\n      ? t('cairo.import.failedTitle')\n      : t('cairo.import.progressTitle'),\n    children: <ImportStepProgress state={state} />,\n    showFooterDivider: false,\n    primaryButtonText: hasError\n      ? t('cairo.import.tryAgain')\n      : t('cairo.import.importing'),\n    primaryButtonOnClick: hasError ? state.retryImport : undefined,\n    primaryButtonProps: { disabled: !hasError },\n    secondaryButtonText: state.isRestoring\n      ? t('cairo.import.restoring')\n      : t('cairo.import.cancel'),\n    secondaryButtonOnClick: closeByCancel,\n    secondaryButtonProps: { disabled: state.isRestoring },\n    closeButtonProps: { onClick: closeByX },\n    onRequestClose: state.isRestoring ? undefined : closeByX,\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/InputOverflow/InputOverflow.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_ = "InputOverflow1805542595";
+var _namespace_ = "InputOverflow3066287078";
 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": "InputOverflow1805542595__root"
+  "root": "InputOverflow3066287078__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/InputOverflow/InputOverflow.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/InputOverflow/InputOverflow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"InputOverflow1805542595\";\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\":\"InputOverflow1805542595__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,yBAAyB;AAC3C,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;AAA+B,CAAC;AACtD,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/InputOverflow/InputOverflow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"InputOverflow3066287078\";\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\":\"InputOverflow3066287078__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,yBAAyB;AAC3C,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;AAA+B,CAAC;AACtD,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/LoadingRow/LoadingRow.st.css.js

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "LoadingRow171075687";
+var _namespace_ = "LoadingRow2699509791";
 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": "LoadingRow171075687__root"
+  "root": "LoadingRow2699509791__root"
 };
 var keyframes = exports.keyframes = {
-  "gradientSwoosh": "LoadingRow171075687__gradientSwoosh"
+  "gradientSwoosh": "LoadingRow2699509791__gradientSwoosh"
 };
 var layers = exports.layers = {};
 var containers = exports.containers = {};

package/dist/cjs/components/LoadingRow/LoadingRow.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/LoadingRow/LoadingRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"LoadingRow171075687\";\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\":\"LoadingRow171075687__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow171075687__gradientSwoosh\"}; \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,qBAAqB;AACvC,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;AAA2B,CAAC;AAClD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG;EAAC,gBAAgB,EAAC;AAAqC,CAAC;AACxE,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/LoadingRow/LoadingRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"LoadingRow2699509791\";\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\":\"LoadingRow2699509791__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow2699509791__gradientSwoosh\"}; \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,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;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG;EAAC,gBAAgB,EAAC;AAAsC,CAAC;AACzE,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/MaxHeightText/MaxHeightText.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_ = "MaxHeightText3383876341";
+var _namespace_ = "MaxHeightText207215574";
 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": "MaxHeightText3383876341__root"
+  "root": "MaxHeightText207215574__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/MaxHeightText/MaxHeightText.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/MaxHeightText/MaxHeightText.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxHeightText3383876341\";\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\":\"MaxHeightText3383876341__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,yBAAyB;AAC3C,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;AAA+B,CAAC;AACtD,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/MaxHeightText/MaxHeightText.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxHeightText207215574\";\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\":\"MaxHeightText207215574__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,wBAAwB;AAC1C,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;AAA8B,CAAC;AACrD,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/MaxLines/MaxLines.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_ = "MaxLines3099040923";
+var _namespace_ = "MaxLines1710741739";
 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": "MaxLines3099040923__root"
+  "root": "MaxLines1710741739__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/MaxLines/MaxLines.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/MaxLines/MaxLines.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxLines3099040923\";\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\":\"MaxLines3099040923__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,oBAAoB;AACtC,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;AAA0B,CAAC;AACjD,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/MaxLines/MaxLines.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxLines1710741739\";\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\":\"MaxLines1710741739__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,oBAAoB;AACtC,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;AAA0B,CAAC;AACjD,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/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css

@@ -1,4 +1,6 @@
-.root {
+/* Override WDS mobile toolbar rules so the count can still truncate. */
+.root.root.root {
+  flex-shrink: 1;
   min-width: 0;
 }
 
@@ -9,7 +11,7 @@
   align-items: center;
 }
 
-.selectedCountItem {
+.root .leftGroupWrapper .selectedCountItem {
   min-width: 0;
   flex-shrink: 1;
   white-space: nowrap;

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

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "MultiBulkActionToolbar5261079";
+var _namespace_ = "MultiBulkActionToolbar2752066931";
 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": "MultiBulkActionToolbar5261079__root",
-  "leftGroupWrapper": "MultiBulkActionToolbar5261079__leftGroupWrapper",
-  "selectedCountItem": "MultiBulkActionToolbar5261079__selectedCountItem",
-  "selectedCountText": "MultiBulkActionToolbar5261079__selectedCountText"
+  "root": "MultiBulkActionToolbar2752066931__root",
+  "leftGroupWrapper": "MultiBulkActionToolbar2752066931__leftGroupWrapper",
+  "selectedCountItem": "MultiBulkActionToolbar2752066931__selectedCountItem",
+  "selectedCountText": "MultiBulkActionToolbar2752066931__selectedCountText"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};