@wix/patterns 1.490.0 → 1.493.0

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

@@ -5,6 +5,7 @@ exports.__esModule = true;
 exports.ImportStepConfiguration = void 0;
 var _designSystem = require("@wix/design-system");
 var _lazy = require("@wix/wix-ui-icons-common/lazy");
+var _bexCore = require("@wix/bex-core");
 var _patternsFields = require("@wix/patterns-fields");
 var _react = _interopRequireDefault(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
@@ -55,7 +56,11 @@ const NewFieldHelperText = (0, _mobxReactLite.observer)(function _NewFieldHelper
   const {
     t: ft
   } = (0, _patternsFields.useTranslations)();
-  const typeName = ft(NEW_FIELD_TYPE_TITLE_KEY[fieldType]).toLocaleLowerCase();
+  const mapping = state.mappingByHeader[header];
+  const fieldManagement = state.fieldManagement;
+  const pickedType = fieldManagement && (mapping == null ? void 0 : mapping.kind) === 'new' ? (0, _bexCore.toNewFieldDraft)(mapping, '', header, fieldManagement).type : undefined;
+  const pickedOption = fieldManagement == null ? void 0 : fieldManagement.fieldModal.types.find(option => option.id === pickedType);
+  const typeName = ((pickedOption == null ? void 0 : pickedOption.label) ?? ft(NEW_FIELD_TYPE_TITLE_KEY[fieldType])).toLocaleLowerCase();
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "horizontal",
     gap: "SP1",
@@ -63,7 +68,7 @@ const NewFieldHelperText = (0, _mobxReactLite.observer)(function _NewFieldHelper
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 86,
+      lineNumber: 97,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -73,7 +78,7 @@ const NewFieldHelperText = (0, _mobxReactLite.observer)(function _NewFieldHelper
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 87,
+      lineNumber: 98,
       columnNumber: 7
     }
   }, state.translate('cairo.import.newFieldHelper', {
@@ -85,7 +90,7 @@ const NewFieldHelperText = (0, _mobxReactLite.observer)(function _NewFieldHelper
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 94,
+      lineNumber: 105,
       columnNumber: 7
     }
   }, state.translate('cairo.import.editField')));
@@ -95,6 +100,7 @@ const FieldMappingCell = (0, _mobxReactLite.observer)(function _FieldMappingCell
   header,
   fieldOptions
 }) {
+  const dropdownRef = _react.default.useRef(null);
   const {
     translate: t,
     selectedFieldIds,
@@ -127,10 +133,11 @@ const FieldMappingCell = (0, _mobxReactLite.observer)(function _FieldMappingCell
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 160,
+      lineNumber: 172,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Dropdown, {
+    ref: dropdownRef,
     dataHook: `import-mapping-${header}`,
     clearButton: true,
     onClear: () => {
@@ -158,14 +165,14 @@ const FieldMappingCell = (0, _mobxReactLite.observer)(function _FieldMappingCell
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 185,
+        lineNumber: 198,
         columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 188,
+        lineNumber: 201,
         columnNumber: 15
       }
     }), /*#__PURE__*/_react.default.createElement(_designSystem.ListItemAction, {
@@ -175,23 +182,32 @@ const FieldMappingCell = (0, _mobxReactLite.observer)(function _FieldMappingCell
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 192,
+          lineNumber: 205,
           columnNumber: 29
         }
       }),
       dataHook: `import-create-field-${header}`,
       title: t('cairo.import.createNewField')
+      // The dropdown input otherwise consumes Enter/Space before the button activates.
+      ,
+      onKeyDown: event => {
+        if (event.key === 'Enter' || event.key === ' ') {
+          event.stopPropagation();
+        }
+      }
       // Map the column to a new field, then open the editor on it — the
       // editor component (renderFieldEditor) reacts to `editingHeader`.
       ,
       onClick: () => {
+        var _dropdownRef$current;
+        (_dropdownRef$current = dropdownRef.current) == null || _dropdownRef$current.hideOptions();
         state.setNewFieldMapping(header);
         state.beginFieldEdit(header);
       },
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 189,
+        lineNumber: 202,
         columnNumber: 15
       }
     })) : undefined,
@@ -199,7 +215,7 @@ const FieldMappingCell = (0, _mobxReactLite.observer)(function _FieldMappingCell
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 161,
+      lineNumber: 173,
       columnNumber: 7
     }
   }), (mapping == null ? void 0 : mapping.kind) === 'new' && /*#__PURE__*/_react.default.createElement(NewFieldHelperText, {
@@ -209,7 +225,7 @@ const FieldMappingCell = (0, _mobxReactLite.observer)(function _FieldMappingCell
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 208,
+      lineNumber: 228,
       columnNumber: 9
     }
   }), state.canConfigureWritePolicy && state.idMappedHeader === header && /*#__PURE__*/_react.default.createElement(_ImportIdCollisionControl.IdCollisionControl, {
@@ -217,7 +233,7 @@ const FieldMappingCell = (0, _mobxReactLite.observer)(function _FieldMappingCell
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 215,
+      lineNumber: 235,
       columnNumber: 9
     }
   }));
@@ -249,7 +265,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 244,
+      lineNumber: 264,
       columnNumber: 5
     }
   }, hasNoRows && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -257,7 +273,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 246,
+      lineNumber: 266,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.SectionHelper, {
@@ -267,7 +283,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 247,
+      lineNumber: 267,
       columnNumber: 11
     }
   }, t('cairo.import.noRowsWarningDescription'))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -277,7 +293,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 257,
+      lineNumber: 277,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -293,7 +309,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 258,
+      lineNumber: 278,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -302,7 +318,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 269,
+      lineNumber: 289,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -312,7 +328,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 270,
+      lineNumber: 290,
       columnNumber: 13
     }
   }, t('cairo.import.columnTitle'))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -321,7 +337,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 275,
+      lineNumber: 295,
       columnNumber: 11
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -330,7 +346,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 277,
+      lineNumber: 297,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -340,7 +356,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 278,
+      lineNumber: 298,
       columnNumber: 13
     }
   }, t('cairo.import.collectionField')))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -351,7 +367,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 284,
+      lineNumber: 304,
       columnNumber: 9
     }
   }, orderedHeaders.map((header, index) => /*#__PURE__*/_react.default.createElement(_designSystem.TableListItem, {
@@ -365,7 +381,7 @@ function _ImportStepConfiguration({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 297,
+          lineNumber: 317,
           columnNumber: 21
         }
       }, header),
@@ -376,14 +392,14 @@ function _ImportStepConfiguration({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 305,
+          lineNumber: 325,
           columnNumber: 21
         }
       }, /*#__PURE__*/_react.default.createElement(_lazy.ArrowRight, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 306,
+          lineNumber: 326,
           columnNumber: 23
         }
       })),
@@ -396,7 +412,7 @@ function _ImportStepConfiguration({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 313,
+          lineNumber: 333,
           columnNumber: 21
         }
       }),
@@ -405,7 +421,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 291,
+      lineNumber: 311,
       columnNumber: 13
     }
   })))));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_lazy","_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","typeName","toLocaleLowerCase","default","createElement","Box","direction","gap","verticalAlign","__self","__source","fileName","lineNumber","columnNumber","Text","size","secondary","dataHook","translate","TextButton","onClick","beginFieldEdit","FieldMappingCell","_FieldMappingCell","fieldOptions","selectedFieldIds","canCreateNewField","mapping","mappingByHeader","selectedId","kind","fieldId","undefined","options","map","option","disabled","has","String","id","newFieldName","displayName","label","listItemSelectBuilder","Dropdown","clearButton","onClear","setMapping","placeholder","onSelect","setNewFieldMapping","popoverProps","appendTo","zIndex","flip","fixed","fixedFooter","Divider","ListItemAction","skin","prefixIcon","Add","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","key","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 } 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 typeName = ft(NEW_FIELD_TYPE_TITLE_KEY[fieldType]).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 { 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        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                // Map the column to a new field, then open the editor on it — the\n                // editor component (renderFieldEditor) reacts to `editingHeader`.\n                onClick={() => {\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","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":[]}

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_ = "ImportStepUpload1652573664";
+var _namespace_ = "ImportStepUpload1950804560";
 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": "ImportStepUpload1652573664__root",
-  "fileUpload": "ImportStepUpload1652573664__fileUpload"
+  "root": "ImportStepUpload1950804560__root",
+  "fileUpload": "ImportStepUpload1950804560__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_ = \"ImportStepUpload1652573664\";\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\":\"ImportStepUpload1652573664__root\",\"fileUpload\":\"ImportStepUpload1652573664__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_ = \"ImportStepUpload1950804560\";\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\":\"ImportStepUpload1950804560__root\",\"fileUpload\":\"ImportStepUpload1950804560__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/SchemaImportFieldEditor.js

@@ -0,0 +1,82 @@
+"use strict";
+
+exports.__esModule = true;
+exports.SchemaImportFieldEditor = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _mobx = require("mobx");
+var _bexCore = require("@wix/bex-core");
+var _react2 = require("@wix/bex-core/react");
+var _CustomFieldModal = require("../CustomFieldModal");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ImportButton/SchemaImportFieldEditor.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// The import has no step to pick a referenced collection, so types that need
+// one are left out. Everything else is read live from the source.
+const withoutCollectionTypes = fieldManagement => Object.create(fieldManagement, {
+  fieldModal: {
+    get: () => ({
+      ...fieldManagement.fieldModal,
+      types: fieldManagement.fieldModal.types.filter(type => !type.collectionInput && !(0, _bexCore.isReferenceFieldType)(type.patternsType))
+    })
+  }
+});
+
+/**
+ * The create/edit-field modal for an import into a source with
+ * `fieldManagement`. It is the same `CustomFieldModal` as "Add field", in
+ * `onSubmit` mode: on confirm the draft is stored on the column, and the field
+ * is created when the import runs.
+ */
+const _SchemaImportFieldEditor = ({
+  state
+}) => {
+  const container = (0, _react2.useWixPatternsContainer)();
+  const fieldManagement = state.fieldManagement;
+  const [editorState] = (0, _react.useState)(() => fieldManagement ? new _bexCore.CustomFieldModalState({
+    fieldManagement: withoutCollectionTypes(fieldManagement),
+    container,
+    reportBi: container.reportBi,
+    fieldCount: () => state.fields.length,
+    onSubmit: state.applySchemaFieldEdit
+  }) : undefined);
+  (0, _react.useEffect)(() => {
+    if (!editorState || !fieldManagement) {
+      return undefined;
+    }
+    const disposeOpen = (0, _mobx.reaction)(() => state.editingMapping, mapping => {
+      const header = state.editingHeader;
+      if (mapping && header && !editorState.modalState.isOpen) {
+        const name = mapping.displayName ?? header;
+        editorState.reset();
+        editorState.mode = 'new';
+        editorState.setFormValues((0, _bexCore.toNewFieldDraft)(mapping, editorState.generateUniqueKey(name), name, fieldManagement));
+        editorState.modalState.modal.open();
+      }
+    }, {
+      fireImmediately: true
+    });
+    const disposeClose = (0, _mobx.reaction)(() => editorState.modalState.isOpen, isOpen => {
+      if (!isOpen && state.editingHeader != null) {
+        state.endFieldEdit();
+      }
+    });
+    return () => {
+      disposeOpen();
+      disposeClose();
+    };
+  }, []);
+  if (!editorState) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_CustomFieldModal.CustomFieldModal, {
+    state: editorState,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 96,
+      columnNumber: 10
+    }
+  });
+};
+const SchemaImportFieldEditor = exports.SchemaImportFieldEditor = (0, _mobxReactLite.observer)(_SchemaImportFieldEditor);
+//# sourceMappingURL=SchemaImportFieldEditor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_mobx","_bexCore","_react2","_CustomFieldModal","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","withoutCollectionTypes","fieldManagement","create","fieldModal","types","filter","type","collectionInput","isReferenceFieldType","patternsType","_SchemaImportFieldEditor","state","container","useWixPatternsContainer","editorState","useState","CustomFieldModalState","reportBi","fieldCount","fields","length","onSubmit","applySchemaFieldEdit","undefined","useEffect","disposeOpen","reaction","editingMapping","mapping","header","editingHeader","modalState","isOpen","name","displayName","reset","mode","setFormValues","toNewFieldDraft","generateUniqueKey","modal","open","fireImmediately","disposeClose","endFieldEdit","createElement","CustomFieldModal","__self","__source","fileName","lineNumber","columnNumber","SchemaImportFieldEditor","exports","observer"],"sources":["../../../../src/components/ImportButton/SchemaImportFieldEditor.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { reaction } from 'mobx';\nimport {\n  CustomFieldModalState,\n  isReferenceFieldType,\n  toNewFieldDraft,\n  type FieldManagement,\n  type ImportState,\n} from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CustomFieldModal } from '../CustomFieldModal';\n\n// The import has no step to pick a referenced collection, so types that need\n// one are left out. Everything else is read live from the source.\nconst withoutCollectionTypes = (\n  fieldManagement: FieldManagement,\n): FieldManagement =>\n  Object.create(fieldManagement, {\n    fieldModal: {\n      get: () => ({\n        ...fieldManagement.fieldModal,\n        types: fieldManagement.fieldModal.types.filter(\n          (type) =>\n            !type.collectionInput && !isReferenceFieldType(type.patternsType),\n        ),\n      }),\n    },\n  });\n\n/**\n * The create/edit-field modal for an import into a source with\n * `fieldManagement`. It is the same `CustomFieldModal` as \"Add field\", in\n * `onSubmit` mode: on confirm the draft is stored on the column, and the field\n * is created when the import runs.\n */\nconst _SchemaImportFieldEditor = ({ state }: { state: ImportState }) => {\n  const container = useWixPatternsContainer();\n  const fieldManagement = state.fieldManagement;\n\n  const [editorState] = useState(() =>\n    fieldManagement\n      ? new CustomFieldModalState({\n          fieldManagement: withoutCollectionTypes(fieldManagement),\n          container,\n          reportBi: container.reportBi,\n          fieldCount: () => state.fields.length,\n          onSubmit: state.applySchemaFieldEdit,\n        })\n      : undefined,\n  );\n\n  useEffect(() => {\n    if (!editorState || !fieldManagement) {\n      return undefined;\n    }\n    const disposeOpen = reaction(\n      () => state.editingMapping,\n      (mapping) => {\n        const header = state.editingHeader;\n        if (mapping && header && !editorState.modalState.isOpen) {\n          const name = mapping.displayName ?? header;\n          editorState.reset();\n          editorState.mode = 'new';\n          editorState.setFormValues(\n            toNewFieldDraft(\n              mapping,\n              editorState.generateUniqueKey(name),\n              name,\n              fieldManagement,\n            ),\n          );\n          editorState.modalState.modal.open();\n        }\n      },\n      { fireImmediately: true },\n    );\n    const disposeClose = reaction(\n      () => editorState.modalState.isOpen,\n      (isOpen) => {\n        if (!isOpen && state.editingHeader != null) {\n          state.endFieldEdit();\n        }\n      },\n    );\n    return () => {\n      disposeOpen();\n      disposeClose();\n    };\n  }, []);\n\n  if (!editorState) {\n    return null;\n  }\n\n  return <CustomFieldModal state={editorState} />;\n};\n\nexport const SchemaImportFieldEditor = observer(_SchemaImportFieldEditor);\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_ = "InputOverflow2191070141";
+var _namespace_ = "InputOverflow4133309353";
 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": "InputOverflow2191070141__root"
+  "root": "InputOverflow4133309353__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_ = \"InputOverflow2191070141\";\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\":\"InputOverflow2191070141__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_ = \"InputOverflow4133309353\";\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\":\"InputOverflow4133309353__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_ = "LoadingRow373515950";
+var _namespace_ = "LoadingRow488654297";
 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": "LoadingRow373515950__root"
+  "root": "LoadingRow488654297__root"
 };
 var keyframes = exports.keyframes = {
-  "gradientSwoosh": "LoadingRow373515950__gradientSwoosh"
+  "gradientSwoosh": "LoadingRow488654297__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_ = \"LoadingRow373515950\";\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\":\"LoadingRow373515950__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow373515950__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_ = \"LoadingRow488654297\";\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\":\"LoadingRow488654297__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow488654297__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_ = "MaxHeightText1746708834";
+var _namespace_ = "MaxHeightText4092199991";
 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": "MaxHeightText1746708834__root"
+  "root": "MaxHeightText4092199991__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_ = \"MaxHeightText1746708834\";\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\":\"MaxHeightText1746708834__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_ = \"MaxHeightText4092199991\";\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\":\"MaxHeightText4092199991__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":[]}