@wix/patterns 1.494.0 → 1.495.0

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_getImportModalStepProps","_react","_interopRequireWildcard","_mobxReactLite","_bexCore","_patternsFields","_util","_useIsMobile","_CustomDrawerLayout","_ImportStepper","_ActionModal","_CollectionModal","_providers","_ToolbarCollectionContext","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ImportButtonModalLayout","props","_toolbar$collectionFi","config","importModalState","renderFieldEditor","rest","isMobile","useIsMobile","toolbar","useToolbarCollectionContext","createImport","useCreateImport","importInputs","fieldsSource","collectionFieldsSource","detectColumnType","detectFieldType","reportBi","state","useState","editorKind","destination","fieldManagement","FieldEditor","useMemo","lazy","Promise","resolve","then","m","DataExtensionImportFieldEditor","SchemaImportFieldEditor","CmsImportFieldEditor","onRequestClose","children","removeContentPadding","customModalLayoutProps","getImportModalStepProps","wrappedChildren","currentStep","createElement","Box","direction","gap","width","height","__self","__source","fileName","lineNumber","columnNumber","ImportStepper","content","canCreateNewField","PatternsFieldsProvider","useEffect","addEventListener","events","undefined","init","translate","modal","discardModal","discardChangesModal","child","Fragment","CustomDrawerLayout","_extends2","dataHook","ModalWrapper","onAfterClose","afterClose","ModalMobileLayout","title","Heading","size","Text","onCloseButtonClick","close","stickyFooter","footer","Button","fullWidth","skin","onClick","confirm","priority","decline","CustomModalLayout","maxHeight","MessageActionModal","primaryButtonText","secondaryButtonText","theme","Suspense","fallback","ImportButtonModalLayout","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportButtonModalLayout.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  CustomModalLayout,\n  Heading,\n  ModalMobileLayout,\n  Text,\n} from '@wix/design-system';\nimport { getImportModalStepProps } from './getImportModalStepProps';\nimport React, { Suspense, lazy, useEffect, useMemo, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useCreateImport } from '@wix/bex-core';\nimport { detectFieldType } from '@wix/patterns-fields';\nimport { ImportButtonModalLayoutProps } from './ImportProps';\nimport { addEventListener } from '@wix/bex-core/util';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { CustomDrawerLayout } from '../CustomDrawerLayout';\nimport { ImportStepper } from './ImportStepper';\nimport { MessageActionModal } from '../ActionModal';\nimport { ModalWrapper } from '../CollectionModal';\nimport { PatternsFieldsProvider } from '../../providers';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\n\nfunction _ImportButtonModalLayout(props: ImportButtonModalLayoutProps) {\n  const { config, importModalState, renderFieldEditor, ...rest } = props;\n\n  const isMobile = useIsMobile();\n  // The config is read live off the table's source, which is in context here (the\n  // consumer builds `config` above the collection provider, so it can't be). Pass\n  // the toolbar's fields source to ImportState, which builds the effective config.\n  const toolbar = useToolbarCollectionContext();\n\n  const createImport = useCreateImport({\n    importInputs: config,\n    fieldsSource: toolbar.collectionFieldsSource?.fieldsSource,\n    // Media-aware detection (image/video/document/audio) lives in\n    // patterns-fields; core defaults to primitive detection without it.\n    // ImportState wires the schema-backed `mergeFields` from the source, so\n    // created columns refresh with no wiring here (CAIRO-4400).\n    detectColumnType: detectFieldType,\n    importModalState,\n    reportBi: toolbar.reportBi,\n  });\n\n  const [state] = useState(() => createImport());\n\n  // The create/edit-field editor follows the destination and is loaded on demand,\n  // so neither the CMS nor the DataExtension editor is bundled until an import\n  // that can create fields actually opens. A `renderFieldEditor` prop overrides.\n  // `fieldManagement` is read live, so the schema editor is picked once the\n  // source has loaded.\n  const editorKind = config?.destination\n    ? 'dataExtension'\n    : state.fieldManagement\n    ? 'schema'\n    : 'cms';\n  const FieldEditor = useMemo(\n    () =>\n      lazy(() =>\n        editorKind === 'dataExtension'\n          ? import('../DataExtension/DataExtensionImportFieldEditor').then(\n              (m) => ({ default: m.DataExtensionImportFieldEditor }),\n            )\n          : editorKind === 'schema'\n          ? import('./SchemaImportFieldEditor').then((m) => ({\n              default: m.SchemaImportFieldEditor,\n            }))\n          : import('./CmsImportFieldEditor').then((m) => ({\n              default: m.CmsImportFieldEditor,\n            })),\n      ),\n    [editorKind],\n  );\n\n  const {\n    onRequestClose,\n    children,\n    removeContentPadding,\n    ...customModalLayoutProps\n  } = getImportModalStepProps({\n    state,\n    isMobile,\n  });\n\n  const wrappedChildren =\n    state.currentStep !== 'progress' && state.currentStep !== 'summary' ? (\n      <Box direction=\"vertical\" gap=\"SP3\" width=\"100%\" height=\"100%\">\n        <ImportStepper\n          state={state}\n          removeContentPadding={!removeContentPadding}\n        />\n        {children}\n      </Box>\n    ) : (\n      children\n    );\n\n  // The configuration step's \"new field\" helper reads field-type names from the\n  // patterns-fields translations, which require this provider. Only mounted when\n  // field creation is enabled (the only case a \"new\" mapping can exist), so the\n  // fields container isn't initialized for plain imports.\n  const content = state.canCreateNewField ? (\n    <PatternsFieldsProvider>{wrappedChildren}</PatternsFieldsProvider>\n  ) : (\n    wrappedChildren\n  );\n\n  useEffect(() => {\n    if (onRequestClose) {\n      return addEventListener(\n        importModalState.events,\n        'requestClose',\n        onRequestClose,\n      );\n    }\n\n    return undefined;\n  }, [onRequestClose]);\n\n  useEffect(() => state.init(), []);\n\n  const t = state.translate;\n\n  const { modal: discardModal } = state.discardChangesModal;\n\n  // The main layout + its discard-changes modal differ per device; everything\n  // common (the field editor) is stacked alongside `child` in the single return.\n  let child: React.ReactNode;\n\n  if (isMobile) {\n    child = (\n      <>\n        <CustomDrawerLayout\n          dataHook=\"import-modal-layout\"\n          removeContentPadding={removeContentPadding}\n          {...rest}\n          {...customModalLayoutProps}\n          children={content}\n        />\n        <ModalWrapper\n          state={discardModal}\n          onAfterClose={() => state.discardChangesModal.afterClose()}\n        >\n          <ModalMobileLayout\n            dataHook=\"import-discard-changes-modal\"\n            title={\n              <Heading size=\"small\">\n                {t('cairo.import.discardChanges.title')}\n              </Heading>\n            }\n            content={\n              <Text>{t('cairo.import.discardChanges.description')}</Text>\n            }\n            onCloseButtonClick={() => discardModal.close()}\n            stickyFooter\n            footer={\n              <Box direction=\"vertical\" gap=\"SP3\">\n                <Button\n                  dataHook=\"import-discard-confirm\"\n                  fullWidth\n                  skin=\"destructive\"\n                  onClick={() => discardModal.confirm()}\n                >\n                  {t('cairo.import.discardChanges.confirm')}\n                </Button>\n                <Button\n                  dataHook=\"import-discard-cancel\"\n                  fullWidth\n                  priority=\"secondary\"\n                  onClick={() => discardModal.decline()}\n                >\n                  {t('cairo.import.discardChanges.cancel')}\n                </Button>\n              </Box>\n            }\n          />\n        </ModalWrapper>\n      </>\n    );\n  } else {\n    child = (\n      <>\n        <CustomModalLayout\n          width=\"600px\"\n          maxHeight=\"80vh\"\n          dataHook=\"import-modal-layout\"\n          removeContentPadding={removeContentPadding}\n          {...rest}\n          {...customModalLayoutProps}\n          children={content}\n        />\n        <MessageActionModal\n          dataHook=\"import-discard-changes-modal\"\n          state={state.discardChangesModal}\n          title={t('cairo.import.discardChanges.title')}\n          content={t('cairo.import.discardChanges.description')}\n          primaryButtonText={t('cairo.import.discardChanges.confirm')}\n          secondaryButtonText={t('cairo.import.discardChanges.cancel')}\n          theme=\"destructive\"\n        />\n      </>\n    );\n  }\n\n  return (\n    <>\n      {child}\n      {state.canCreateNewField ? (\n        renderFieldEditor ? (\n          renderFieldEditor({ state })\n        ) : (\n          <Suspense fallback={null}>\n            <FieldEditor state={state} />\n          </Suspense>\n        )\n      ) : null}\n    </>\n  );\n}\n\nexport const ImportButtonModalLayout = observer(_ImportButtonModalLayout);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_getImportModalStepProps","_react","_interopRequireWildcard","_mobxReactLite","_bexCore","_patternsFields","_util","_useIsMobile","_CustomDrawerLayout","_ImportStepper","_ActionModal","_CollectionModal","_providers","_ToolbarCollectionContext","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ImportButtonModalLayout","props","_toolbar$collectionFi","config","importModalState","renderFieldEditor","rest","isMobile","useIsMobile","toolbar","useToolbarCollectionContext","createImport","useCreateImport","importInputs","fieldsSource","collectionFieldsSource","detectColumnType","detectFieldType","isValueCompatible","isImportMediaValueCompatible","reportBi","state","useState","editorKind","destination","fieldManagement","FieldEditor","useMemo","lazy","Promise","resolve","then","m","DataExtensionImportFieldEditor","SchemaImportFieldEditor","CmsImportFieldEditor","onRequestClose","children","removeContentPadding","customModalLayoutProps","getImportModalStepProps","wrappedChildren","currentStep","createElement","Box","direction","gap","width","height","__self","__source","fileName","lineNumber","columnNumber","ImportStepper","content","canCreateNewField","PatternsFieldsProvider","useEffect","addEventListener","events","undefined","init","translate","modal","discardModal","discardChangesModal","child","Fragment","CustomDrawerLayout","_extends2","dataHook","ModalWrapper","onAfterClose","afterClose","ModalMobileLayout","title","Heading","size","Text","onCloseButtonClick","close","stickyFooter","footer","Button","fullWidth","skin","onClick","confirm","priority","decline","CustomModalLayout","maxHeight","MessageActionModal","primaryButtonText","secondaryButtonText","theme","Suspense","fallback","ImportButtonModalLayout","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportButtonModalLayout.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  CustomModalLayout,\n  Heading,\n  ModalMobileLayout,\n  Text,\n} from '@wix/design-system';\nimport { getImportModalStepProps } from './getImportModalStepProps';\nimport React, { Suspense, lazy, useEffect, useMemo, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useCreateImport } from '@wix/bex-core';\nimport {\n  detectFieldType,\n  isImportMediaValueCompatible,\n} from '@wix/patterns-fields';\nimport { ImportButtonModalLayoutProps } from './ImportProps';\nimport { addEventListener } from '@wix/bex-core/util';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { CustomDrawerLayout } from '../CustomDrawerLayout';\nimport { ImportStepper } from './ImportStepper';\nimport { MessageActionModal } from '../ActionModal';\nimport { ModalWrapper } from '../CollectionModal';\nimport { PatternsFieldsProvider } from '../../providers';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\n\nfunction _ImportButtonModalLayout(props: ImportButtonModalLayoutProps) {\n  const { config, importModalState, renderFieldEditor, ...rest } = props;\n\n  const isMobile = useIsMobile();\n  // The config is read live off the table's source, which is in context here (the\n  // consumer builds `config` above the collection provider, so it can't be). Pass\n  // the toolbar's fields source to ImportState, which builds the effective config.\n  const toolbar = useToolbarCollectionContext();\n\n  const createImport = useCreateImport({\n    importInputs: config,\n    fieldsSource: toolbar.collectionFieldsSource?.fieldsSource,\n    // Media-aware detection (image/video/document/audio) lives in\n    // patterns-fields; core defaults to primitive detection without it.\n    // ImportState wires the schema-backed `mergeFields` from the source, so\n    // created columns refresh with no wiring here (CAIRO-4400).\n    detectColumnType: detectFieldType,\n    isValueCompatible: isImportMediaValueCompatible,\n    importModalState,\n    reportBi: toolbar.reportBi,\n  });\n\n  const [state] = useState(() => createImport());\n\n  // The create/edit-field editor follows the destination and is loaded on demand,\n  // so neither the CMS nor the DataExtension editor is bundled until an import\n  // that can create fields actually opens. A `renderFieldEditor` prop overrides.\n  // `fieldManagement` is read live, so the schema editor is picked once the\n  // source has loaded.\n  const editorKind = config?.destination\n    ? 'dataExtension'\n    : state.fieldManagement\n    ? 'schema'\n    : 'cms';\n  const FieldEditor = useMemo(\n    () =>\n      lazy(() =>\n        editorKind === 'dataExtension'\n          ? import('../DataExtension/DataExtensionImportFieldEditor').then(\n              (m) => ({ default: m.DataExtensionImportFieldEditor }),\n            )\n          : editorKind === 'schema'\n          ? import('./SchemaImportFieldEditor').then((m) => ({\n              default: m.SchemaImportFieldEditor,\n            }))\n          : import('./CmsImportFieldEditor').then((m) => ({\n              default: m.CmsImportFieldEditor,\n            })),\n      ),\n    [editorKind],\n  );\n\n  const {\n    onRequestClose,\n    children,\n    removeContentPadding,\n    ...customModalLayoutProps\n  } = getImportModalStepProps({\n    state,\n    isMobile,\n  });\n\n  const wrappedChildren =\n    state.currentStep !== 'progress' && state.currentStep !== 'summary' ? (\n      <Box direction=\"vertical\" gap=\"SP3\" width=\"100%\" height=\"100%\">\n        <ImportStepper\n          state={state}\n          removeContentPadding={!removeContentPadding}\n        />\n        {children}\n      </Box>\n    ) : (\n      children\n    );\n\n  // The configuration step's \"new field\" helper reads field-type names from the\n  // patterns-fields translations, which require this provider. Only mounted when\n  // field creation is enabled (the only case a \"new\" mapping can exist), so the\n  // fields container isn't initialized for plain imports.\n  const content = state.canCreateNewField ? (\n    <PatternsFieldsProvider>{wrappedChildren}</PatternsFieldsProvider>\n  ) : (\n    wrappedChildren\n  );\n\n  useEffect(() => {\n    if (onRequestClose) {\n      return addEventListener(\n        importModalState.events,\n        'requestClose',\n        onRequestClose,\n      );\n    }\n\n    return undefined;\n  }, [onRequestClose]);\n\n  useEffect(() => state.init(), []);\n\n  const t = state.translate;\n\n  const { modal: discardModal } = state.discardChangesModal;\n\n  // The main layout + its discard-changes modal differ per device; everything\n  // common (the field editor) is stacked alongside `child` in the single return.\n  let child: React.ReactNode;\n\n  if (isMobile) {\n    child = (\n      <>\n        <CustomDrawerLayout\n          dataHook=\"import-modal-layout\"\n          removeContentPadding={removeContentPadding}\n          {...rest}\n          {...customModalLayoutProps}\n          children={content}\n        />\n        <ModalWrapper\n          state={discardModal}\n          onAfterClose={() => state.discardChangesModal.afterClose()}\n        >\n          <ModalMobileLayout\n            dataHook=\"import-discard-changes-modal\"\n            title={\n              <Heading size=\"small\">\n                {t('cairo.import.discardChanges.title')}\n              </Heading>\n            }\n            content={\n              <Text>{t('cairo.import.discardChanges.description')}</Text>\n            }\n            onCloseButtonClick={() => discardModal.close()}\n            stickyFooter\n            footer={\n              <Box direction=\"vertical\" gap=\"SP3\">\n                <Button\n                  dataHook=\"import-discard-confirm\"\n                  fullWidth\n                  skin=\"destructive\"\n                  onClick={() => discardModal.confirm()}\n                >\n                  {t('cairo.import.discardChanges.confirm')}\n                </Button>\n                <Button\n                  dataHook=\"import-discard-cancel\"\n                  fullWidth\n                  priority=\"secondary\"\n                  onClick={() => discardModal.decline()}\n                >\n                  {t('cairo.import.discardChanges.cancel')}\n                </Button>\n              </Box>\n            }\n          />\n        </ModalWrapper>\n      </>\n    );\n  } else {\n    child = (\n      <>\n        <CustomModalLayout\n          width=\"600px\"\n          maxHeight=\"80vh\"\n          dataHook=\"import-modal-layout\"\n          removeContentPadding={removeContentPadding}\n          {...rest}\n          {...customModalLayoutProps}\n          children={content}\n        />\n        <MessageActionModal\n          dataHook=\"import-discard-changes-modal\"\n          state={state.discardChangesModal}\n          title={t('cairo.import.discardChanges.title')}\n          content={t('cairo.import.discardChanges.description')}\n          primaryButtonText={t('cairo.import.discardChanges.confirm')}\n          secondaryButtonText={t('cairo.import.discardChanges.cancel')}\n          theme=\"destructive\"\n        />\n      </>\n    );\n  }\n\n  return (\n    <>\n      {child}\n      {state.canCreateNewField ? (\n        renderFieldEditor ? (\n          renderFieldEditor({ state })\n        ) : (\n          <Suspense fallback={null}>\n            <FieldEditor state={state} />\n          </Suspense>\n        )\n      ) : null}\n    </>\n  );\n}\n\nexport const ImportButtonModalLayout = observer(_ImportButtonModalLayout);\n"],"mappings":"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","ignoreList":[]}

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

@@ -100,8 +100,7 @@ const NewFieldHelperText = (0, _mobxReactLite.observer)(function _NewFieldHelper
 });
 const FieldMappingCell = (0, _mobxReactLite.observer)(function _FieldMappingCell({
   state,
-  header,
-  fieldOptions
+  header
 }) {
   const dropdownRef = _react.default.useRef(null);
   const {
@@ -111,9 +110,13 @@ const FieldMappingCell = (0, _mobxReactLite.observer)(function _FieldMappingCell
   } = state;
   const mapping = state.mappingByHeader[header];
   const selectedId = (mapping == null ? void 0 : mapping.kind) === 'existing' ? mapping.fieldId : (mapping == null ? void 0 : mapping.kind) === 'new' ? CREATE_NEW_FIELD_OPTION_ID : undefined;
-  const options = [...fieldOptions.map(option => ({
-    ...option,
-    disabled: selectedFieldIds.has(String(option.id)) && !((mapping == null ? void 0 : mapping.kind) === 'existing' && mapping.fieldId === String(option.id))
+  const options = [...state.fieldsForHeader(header).filter(field => field.id != null).map(field => ({
+    ...(0, _designSystem.listItemSelectBuilder)({
+      id: field.id,
+      label: field.header,
+      title: field.header
+    }),
+    disabled: selectedFieldIds.has(field.id) && !((mapping == null ? void 0 : mapping.kind) === 'existing' && mapping.fieldId === field.id)
   })), ...(canCreateNewField ? [
   // The new field's name — the display name the user entered in the
   // field editor once they've named it, otherwise the CSV column header
@@ -136,7 +139,7 @@ const FieldMappingCell = (0, _mobxReactLite.observer)(function _FieldMappingCell
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 175,
+      lineNumber: 178,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Dropdown, {
@@ -168,14 +171,14 @@ const FieldMappingCell = (0, _mobxReactLite.observer)(function _FieldMappingCell
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 201,
+        lineNumber: 204,
         columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 204,
+        lineNumber: 207,
         columnNumber: 15
       }
     }), /*#__PURE__*/_react.default.createElement(_designSystem.ListItemAction, {
@@ -185,7 +188,7 @@ const FieldMappingCell = (0, _mobxReactLite.observer)(function _FieldMappingCell
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 208,
+          lineNumber: 211,
           columnNumber: 29
         }
       }),
@@ -210,7 +213,7 @@ const FieldMappingCell = (0, _mobxReactLite.observer)(function _FieldMappingCell
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 205,
+        lineNumber: 208,
         columnNumber: 15
       }
     })) : undefined,
@@ -218,7 +221,7 @@ const FieldMappingCell = (0, _mobxReactLite.observer)(function _FieldMappingCell
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 176,
+      lineNumber: 179,
       columnNumber: 7
     }
   }), (mapping == null ? void 0 : mapping.kind) === 'new' && /*#__PURE__*/_react.default.createElement(NewFieldHelperText, {
@@ -228,7 +231,7 @@ const FieldMappingCell = (0, _mobxReactLite.observer)(function _FieldMappingCell
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 231,
+      lineNumber: 234,
       columnNumber: 9
     }
   }), state.canConfigureWritePolicy && state.idMappedHeader === header && /*#__PURE__*/_react.default.createElement(_ImportIdCollisionControl.IdCollisionControl, {
@@ -236,7 +239,7 @@ const FieldMappingCell = (0, _mobxReactLite.observer)(function _FieldMappingCell
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 238,
+      lineNumber: 241,
       columnNumber: 9
     }
   }));
@@ -246,7 +249,6 @@ function _ImportStepConfiguration({
 }) {
   const {
     csvHeaders,
-    fields,
     translate: t
   } = state;
 
@@ -255,11 +257,6 @@ function _ImportStepConfiguration({
   // mappings, so clearing/remapping the `_id` column doesn't reorder the row
   // under the cursor. Fall back to CSV order if the snapshot isn't populated.
   const orderedHeaders = state.orderedHeaders.length > 0 ? state.orderedHeaders : csvHeaders;
-  const baseDropdownOptions = fields.filter(field => field.id != null).map(field => (0, _designSystem.listItemSelectBuilder)({
-    id: field.id,
-    label: field.header,
-    title: field.header
-  }));
   const hasNoRows = state.hasNoMappedData;
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "vertical",
@@ -268,7 +265,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 267,
+      lineNumber: 260,
       columnNumber: 5
     }
   }, hasNoRows && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -276,7 +273,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 269,
+      lineNumber: 262,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.SectionHelper, {
@@ -286,7 +283,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 270,
+      lineNumber: 263,
       columnNumber: 11
     }
   }, t('cairo.import.noRowsWarningDescription'))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -296,7 +293,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 280,
+      lineNumber: 273,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -312,7 +309,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 281,
+      lineNumber: 274,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -321,7 +318,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 292,
+      lineNumber: 285,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -331,7 +328,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 293,
+      lineNumber: 286,
       columnNumber: 13
     }
   }, t('cairo.import.columnTitle'))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -340,7 +337,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 298,
+      lineNumber: 291,
       columnNumber: 11
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -349,7 +346,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 300,
+      lineNumber: 293,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -359,7 +356,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 301,
+      lineNumber: 294,
       columnNumber: 13
     }
   }, t('cairo.import.collectionField')))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -370,7 +367,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 307,
+      lineNumber: 300,
       columnNumber: 9
     }
   }, orderedHeaders.map((header, index) => /*#__PURE__*/_react.default.createElement(_designSystem.TableListItem, {
@@ -384,7 +381,7 @@ function _ImportStepConfiguration({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 320,
+          lineNumber: 313,
           columnNumber: 21
         }
       }, header),
@@ -395,14 +392,14 @@ function _ImportStepConfiguration({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 328,
+          lineNumber: 321,
           columnNumber: 21
         }
       }, /*#__PURE__*/_react.default.createElement(_lazy.ArrowRight, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 329,
+          lineNumber: 322,
           columnNumber: 23
         }
       })),
@@ -411,12 +408,11 @@ function _ImportStepConfiguration({
       value: /*#__PURE__*/_react.default.createElement(FieldMappingCell, {
         state: state,
         header: header,
-        fieldOptions: baseDropdownOptions,
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 336,
-          columnNumber: 21
+          lineNumber: 328,
+          columnNumber: 26
         }
       }),
       width: COLUMN_WIDTHS.field
@@ -424,7 +420,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 314,
+      lineNumber: 307,
       columnNumber: 13
     }
   })))));

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","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":"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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","dropdownRef","React","useRef","selectedFieldIds","canCreateNewField","selectedId","fieldId","options","fieldsForHeader","filter","map","listItemSelectBuilder","disabled","has","newFieldName","displayName","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","orderedHeaders","length","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}\n\nconst FieldMappingCell = observer(function _FieldMappingCell({\n  state,\n  header,\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    ...state\n      .fieldsForHeader(header)\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        disabled:\n          selectedFieldIds.has(field.id!) &&\n          !(mapping?.kind === 'existing' && mapping.fieldId === field.id),\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, 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 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: <FieldMappingCell state={state} header={header} />,\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":[]}

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_ = "ImportStepUpload3301226243";
+var _namespace_ = "ImportStepUpload2770342220";
 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": "ImportStepUpload3301226243__root",
-  "fileUpload": "ImportStepUpload3301226243__fileUpload"
+  "root": "ImportStepUpload2770342220__root",
+  "fileUpload": "ImportStepUpload2770342220__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_ = \"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":[]}
+{"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_ = \"ImportStepUpload2770342220\";\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\":\"ImportStepUpload2770342220__root\",\"fileUpload\":\"ImportStepUpload2770342220__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/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_ = "InputOverflow3066287078";
+var _namespace_ = "InputOverflow2435192461";
 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": "InputOverflow3066287078__root"
+  "root": "InputOverflow2435192461__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_ = \"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":[]}
+{"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_ = \"InputOverflow2435192461\";\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\":\"InputOverflow2435192461__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_ = "LoadingRow2699509791";
+var _namespace_ = "LoadingRow545130978";
 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": "LoadingRow2699509791__root"
+  "root": "LoadingRow545130978__root"
 };
 var keyframes = exports.keyframes = {
-  "gradientSwoosh": "LoadingRow2699509791__gradientSwoosh"
+  "gradientSwoosh": "LoadingRow545130978__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_ = \"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":[]}
+{"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_ = \"LoadingRow545130978\";\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\":\"LoadingRow545130978__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow545130978__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":[]}

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_ = "MaxHeightText207215574";
+var _namespace_ = "MaxHeightText790531276";
 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": "MaxHeightText207215574__root"
+  "root": "MaxHeightText790531276__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_ = \"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":[]}
+{"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_ = \"MaxHeightText790531276\";\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\":\"MaxHeightText790531276__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_ = "MaxLines1710741739";
+var _namespace_ = "MaxLines2304982459";
 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": "MaxLines1710741739__root"
+  "root": "MaxLines2304982459__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};