@wix/patterns 1.419.0 → 1.421.0

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_wixUiIconsCommon","_react","_interopRequireDefault","_mobxReactLite","_jsxFileName","COLUMN_WIDTHS","title","arrow","field","SCROLLBAR_GUTTER","scrollbarGutter","_ImportStepConfiguration","state","csvHeaders","fields","translate","t","baseDropdownOptions","filter","id","map","listItemSelectBuilder","label","header","selectedFieldIds","hasNoRows","hasNoMappedData","default","createElement","Box","direction","dataHook","gap","__self","__source","fileName","lineNumber","columnNumber","padding","SectionHelper","skin","flex","minHeight","display","backgroundColor","boxShadow","gridTemplateColumns","flexShrink","style","minWidth","Text","size","weight","ellipsis","overflowY","maxHeight","index","TableListItem","key","showDivider","length","options","value","width","align","ArrowRight","Dropdown","clearButton","onClear","setMapping","placeholder","selectedId","mappingByHeader","undefined","onSelect","popoverProps","appendTo","zIndex","flip","fixed","option","disabled","has","String","ImportStepConfiguration","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportStepConfiguration.tsx"],"sourcesContent":["import {\n  Box,\n  Dropdown,\n  Text,\n  TableListItem,\n  listItemSelectBuilder,\n  SectionHelper,\n} from '@wix/design-system';\nimport { ArrowRight } from '@wix/wix-ui-icons-common';\nimport { ImportState } from '@wix/bex-core';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\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\nfunction _ImportStepConfiguration({ state }: ImportStepConfigurationProps) {\n  const { csvHeaders, fields, translate: t } = state;\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 { selectedFieldIds } = state;\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          {csvHeaders.map((header, index) => (\n            <TableListItem\n              key={header}\n              showDivider={index < csvHeaders.length - 1}\n              options={[\n                {\n                  value: (\n                    <Text ellipsis size=\"small\">\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                    <Dropdown\n                      dataHook={`import-mapping-${header}`}\n                      clearButton\n                      onClear={() => {\n                        state.setMapping(header, null);\n                      }}\n                      placeholder={t('cairo.import.skipColumn')}\n                      selectedId={state.mappingByHeader[header] ?? undefined}\n                      onSelect={({ id }) => {\n                        state.setMapping(header, id as string);\n                      }}\n                      popoverProps={{\n                        appendTo: 'window',\n                        zIndex: 5001,\n                        flip: true,\n                        fixed: false,\n                      }}\n                      options={baseDropdownOptions.map((option) => ({\n                        ...option,\n                        disabled:\n                          selectedFieldIds.has(String(option.id)) &&\n                          state.mappingByHeader[header] !== String(option.id),\n                      }))}\n                      size=\"small\"\n                    />\n                  ),\n                  width: COLUMN_WIDTHS.field,\n                },\n              ]}\n            />\n          ))}\n        </Box>\n      </Box>\n    </Box>\n  );\n}\n\nexport const ImportStepConfiguration = observer(_ImportStepConfiguration);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAQA,IAAAC,iBAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AAA2C,IAAAK,YAAA;AAM3C,MAAMC,aAAa,GAAG;EACpBC,KAAK,EAAE,kBAAkB;EACzBC,KAAK,EAAE,KAAK;EACZC,KAAK,EAAE;AACT,CAAC;AACD,MAAMC,gBAAqC,GAAG;EAAEC,eAAe,EAAE;AAAS,CAAC;AAE3E,SAASC,wBAAwBA,CAAC;EAAEC;AAAoC,CAAC,EAAE;EACzE,MAAM;IAAEC,UAAU;IAAEC,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAGJ,KAAK;EAElD,MAAMK,mBAAmB,GAAGH,MAAM,CAC/BI,MAAM,CAAEV,KAAK,IAAKA,KAAK,CAACW,EAAE,IAAI,IAAI,CAAC,CACnCC,GAAG,CAAEZ,KAAK,IACT,IAAAa,mCAAqB,EAAC;IACpBF,EAAE,EAAEX,KAAK,CAACW,EAAG;IACbG,KAAK,EAAEd,KAAK,CAACe,MAAM;IACnBjB,KAAK,EAAEE,KAAK,CAACe;EACf,CAAC,CACH,CAAC;EAEH,MAAM;IAAEC;EAAiB,CAAC,GAAGZ,KAAK;EAElC,MAAMa,SAAS,GAAGb,KAAK,CAACc,eAAe;EAEvC,oBACEzB,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAAC9B,aAAA,CAAA+B,GAAG;IAACC,SAAS,EAAC,UAAU;IAACC,QAAQ,EAAC,qBAAqB;IAACC,GAAG,EAAC,KAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/B,YAAA;MAAAgC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC/DZ,SAAS,iBACRxB,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAAC9B,aAAA,CAAA+B,GAAG;IAACS,OAAO,EAAC,OAAO;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/B,YAAA;MAAAgC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClBpC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAAC9B,aAAA,CAAAyC,aAAa;IACZR,QAAQ,EAAC,wBAAwB;IACjCS,IAAI,EAAC,SAAS;IACdlC,KAAK,EAAEU,CAAC,CAAC,iCAAiC,CAAE;IAAAiB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/B,YAAA;MAAAgC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE3CrB,CAAC,CAAC,uCAAuC,CAC7B,CACZ,CACN,eAEDf,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAAC9B,aAAA,CAAA+B,GAAG;IAACC,SAAS,EAAC,UAAU;IAACW,IAAI,EAAE,CAAE;IAACC,SAAS,EAAE,CAAE;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/B,YAAA;MAAAgC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC9CpC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAAC9B,aAAA,CAAA+B,GAAG;IACFc,OAAO,EAAC,MAAM;IACdb,SAAS,EAAC,YAAY;IACtBE,GAAG,EAAC,KAAK;IACTM,OAAO,EAAC,SAAS;IACjBM,eAAe,EAAC,qEAAqE;IACrFC,SAAS,EAAC,+KAA+K;IACzLC,mBAAmB,EAAE,GAAGzC,aAAa,CAACC,KAAK,IAAID,aAAa,CAACE,KAAK,IAAIF,aAAa,CAACG,KAAK,EAAG;IAC5FuC,UAAU,EAAE,CAAE;IACdC,KAAK,EAAEvC,gBAAiB;IAAAwB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/B,YAAA;MAAAgC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAExBpC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAAC9B,aAAA,CAAA+B,GAAG;IAACoB,QAAQ,EAAE,CAAE;IAACnB,SAAS,EAAC,UAAU;IAAAG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/B,YAAA;MAAAgC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACpCpC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAAC9B,aAAA,CAAAoD,IAAI;IAACC,IAAI,EAAC,OAAO;IAACC,MAAM,EAAC,MAAM;IAACC,QAAQ;IAAApB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/B,YAAA;MAAAgC,UAAA;MAAAC,YAAA;IAAA;EAAA,GACtCrB,CAAC,CAAC,0BAA0B,CACzB,CACH,CAAC,eAENf,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAAC9B,aAAA,CAAA+B,GAAG;IAACoB,QAAQ,EAAE,CAAE;IAACnB,SAAS,EAAC,UAAU;IAAAG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/B,YAAA;MAAAgC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eAEzCpC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAAC9B,aAAA,CAAA+B,GAAG;IAACoB,QAAQ,EAAE,CAAE;IAACnB,SAAS,EAAC,UAAU;IAAAG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/B,YAAA;MAAAgC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACpCpC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAAC9B,aAAA,CAAAoD,IAAI;IAACC,IAAI,EAAC,OAAO;IAACC,MAAM,EAAC,MAAM;IAACC,QAAQ;IAAApB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/B,YAAA;MAAAgC,UAAA;MAAAC,YAAA;IAAA;EAAA,GACtCrB,CAAC,CAAC,8BAA8B,CAC7B,CACH,CACF,CAAC,eAENf,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAAC9B,aAAA,CAAA+B,GAAG;IACFC,SAAS,EAAC,UAAU;IACpBwB,SAAS,EAAC,MAAM;IAChBC,SAAS,EAAE9B,SAAS,GAAG,oBAAoB,GAAG,oBAAqB;IACnEuB,KAAK,EAAEvC,gBAAiB;IAAAwB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/B,YAAA;MAAAgC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEvBxB,UAAU,CAACO,GAAG,CAAC,CAACG,MAAM,EAAEiC,KAAK,kBAC5BvD,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAAC9B,aAAA,CAAA2D,aAAa;IACZC,GAAG,EAAEnC,MAAO;IACZoC,WAAW,EAAEH,KAAK,GAAG3C,UAAU,CAAC+C,MAAM,GAAG,CAAE;IAC3CC,OAAO,EAAE,CACP;MACEC,KAAK,eACH7D,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAAC9B,aAAA,CAAAoD,IAAI;QAACG,QAAQ;QAACF,IAAI,EAAC,OAAO;QAAAlB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA/B,YAAA;UAAAgC,UAAA;UAAAC,YAAA;QAAA;MAAA,GACxBd,MACG,CACP;MACDwC,KAAK,EAAE1D,aAAa,CAACC;IACvB,CAAC,EACD;MACEwD,KAAK,eACH7D,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAAC9B,aAAA,CAAA+B,GAAG;QAACmC,KAAK,EAAC,QAAQ;QAAA/B,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA/B,YAAA;UAAAgC,UAAA;UAAAC,YAAA;QAAA;MAAA,gBACjBpC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAAC5B,iBAAA,CAAAiE,UAAU;QAAAhC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA/B,YAAA;UAAAgC,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CACV,CACN;MACD0B,KAAK,EAAE1D,aAAa,CAACE;IACvB,CAAC,EACD;MACEuD,KAAK,eACH7D,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAAC9B,aAAA,CAAAoE,QAAQ;QACPnC,QAAQ,EAAE,kBAAkBR,MAAM,EAAG;QACrC4C,WAAW;QACXC,OAAO,EAAEA,CAAA,KAAM;UACbxD,KAAK,CAACyD,UAAU,CAAC9C,MAAM,EAAE,IAAI,CAAC;QAChC,CAAE;QACF+C,WAAW,EAAEtD,CAAC,CAAC,yBAAyB,CAAE;QAC1CuD,UAAU,EAAE3D,KAAK,CAAC4D,eAAe,CAACjD,MAAM,CAAC,IAAIkD,SAAU;QACvDC,QAAQ,EAAEA,CAAC;UAAEvD;QAAG,CAAC,KAAK;UACpBP,KAAK,CAACyD,UAAU,CAAC9C,MAAM,EAAEJ,EAAY,CAAC;QACxC,CAAE;QACFwD,YAAY,EAAE;UACZC,QAAQ,EAAE,QAAQ;UAClBC,MAAM,EAAE,IAAI;UACZC,IAAI,EAAE,IAAI;UACVC,KAAK,EAAE;QACT,CAAE;QACFlB,OAAO,EAAE5C,mBAAmB,CAACG,GAAG,CAAE4D,MAAM,KAAM;UAC5C,GAAGA,MAAM;UACTC,QAAQ,EACNzD,gBAAgB,CAAC0D,GAAG,CAACC,MAAM,CAACH,MAAM,CAAC7D,EAAE,CAAC,CAAC,IACvCP,KAAK,CAAC4D,eAAe,CAACjD,MAAM,CAAC,KAAK4D,MAAM,CAACH,MAAM,CAAC7D,EAAE;QACtD,CAAC,CAAC,CAAE;QACJgC,IAAI,EAAC,OAAO;QAAAlB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA/B,YAAA;UAAAgC,UAAA;UAAAC,YAAA;QAAA;MAAA,CACb,CACF;MACD0B,KAAK,EAAE1D,aAAa,CAACG;IACvB,CAAC,CACD;IAAAyB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/B,YAAA;MAAAgC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CACF,CACE,CACF,CACF,CAAC;AAEV;AAEO,MAAM+C,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,IAAAE,uBAAQ,EAAC3E,wBAAwB,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_wixUiIconsCommon","_patternsFields","_react","_interopRequireDefault","_mobxReactLite","_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","Text","size","secondary","dataHook","__self","__source","fileName","lineNumber","columnNumber","translate","FieldMappingCell","_FieldMappingCell","fieldOptions","selectedFieldIds","canCreateNewField","mapping","mappingByHeader","selectedId","kind","fieldId","undefined","options","map","option","disabled","has","String","id","label","listItemSelectBuilder","Box","direction","gap","Dropdown","clearButton","onClear","setMapping","placeholder","onSelect","setNewFieldMapping","popoverProps","appendTo","zIndex","flip","fixed","_ImportStepConfiguration","csvHeaders","fields","baseDropdownOptions","filter","hasNoRows","hasNoMappedData","padding","SectionHelper","skin","flex","minHeight","display","backgroundColor","boxShadow","gridTemplateColumns","flexShrink","style","minWidth","weight","ellipsis","overflowY","maxHeight","index","TableListItem","key","showDivider","length","value","width","align","ArrowRight","ImportStepConfiguration","exports"],"sources":["../../../../src/components/ImportButton/ImportStepConfiguration.tsx"],"sourcesContent":["import {\n  Box,\n  Dropdown,\n  Text,\n  TableListItem,\n  listItemSelectBuilder,\n  SectionHelper,\n} from '@wix/design-system';\nimport { ArrowRight } from '@wix/wix-ui-icons-common';\nimport { ImportState, NewFieldType } from '@wix/bex-core';\nimport { useTranslations } from '@wix/patterns-fields';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\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.\"). The 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    <Text size=\"tiny\" secondary dataHook={`import-new-field-helper-${header}`}>\n      {state.translate('cairo.import.newFieldHelper', { typeName })}\n    </Text>\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        !(mapping?.kind === 'existing' && mapping.fieldId === String(option.id)),\n    })),\n    ...(canCreateNewField\n      ? [\n          // The option is the CSV column header itself (the new field is named\n          // after it) followed by a translated \"(New)\" marker. The header is\n          // built in code rather than via an interpolated key so it always\n          // shows, regardless of which translation bundle the consumer loads.\n          (() => {\n            const label = `${header} ${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        size=\"small\"\n      />\n      {mapping?.kind === 'new' && (\n        <NewFieldHelperText\n          state={state}\n          header={header}\n          fieldType={mapping.fieldType}\n        />\n      )}\n    </Box>\n  );\n});\n\nfunction _ImportStepConfiguration({ state }: ImportStepConfigurationProps) {\n  const { csvHeaders, fields, translate: t } = state;\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          {csvHeaders.map((header, index) => (\n            <TableListItem\n              key={header}\n              showDivider={index < csvHeaders.length - 1}\n              options={[\n                {\n                  value: (\n                    <Text ellipsis size=\"small\">\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_ = "ImportStepUpload72349518";
+var _namespace_ = "ImportStepUpload3089486412";
 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": "ImportStepUpload72349518__root",
-  "fileUpload": "ImportStepUpload72349518__fileUpload"
+  "root": "ImportStepUpload3089486412__root",
+  "fileUpload": "ImportStepUpload3089486412__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_ = \"ImportStepUpload72349518\";\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\":\"ImportStepUpload72349518__root\",\"fileUpload\":\"ImportStepUpload72349518__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,0BAA0B;AAC5C,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,gCAAgC;EAAC,YAAY,EAAC;AAAsC,CAAC;AAC3G,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_ = \"ImportStepUpload3089486412\";\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\":\"ImportStepUpload3089486412__root\",\"fileUpload\":\"ImportStepUpload3089486412__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/import-create-new-field-issues.md

@@ -0,0 +1,159 @@
+# Import "Create New Field" — Issues Tracker
+
+Side issues found while building the import **create-new-field** feature.
+PR: [feat(Import): create new fields via updateSchema #5476](https://github.com/wix-private/cairo/pull/5476) · JIRA: CAIRO-4230
+
+**Status:** `open` / `in progress` / `done` / `dismiss` · **Severity:** Major / Minor / Nit
+
+| # | Issue | Component / Where | Severity | Status | Resolution recommendation |
+|---|---|---|---|---|---|
+| 1 | Dropdown clear (✕) button also reopens the dropdown | `Dropdown` (`@wix/design-system`) — import config step mapping dropdowns (`ImportStepConfiguration` → `import-mapping-<header>`) | Minor | in progress | Fix in `@wix/design-system` — WDS PR in progress: [wix-design-systems#16421](https://github.com/wix-private/wix-design-systems/pull/16421). Clear handler should `stopPropagation` and not reopen the popover. |
+| 2 | "Edit Field" link in the new-field helper is not implemented | Import config step — `NewFieldHelperText` (`ImportStepConfiguration`) | Feature ([CAIRO-4398](https://wix.atlassian.net/browse/CAIRO-4398)) | open | Implement the "Edit Field" entry point: open a field editor from the helper so the user can change the new field's name/type before import. Wire it to the resolved `NewFieldDefinition`. |
+| 3 | New field's display name duplicates an existing field name (only the key is deduped) | `ImportState._resolveFieldMapping` / `uniqueFieldNameAndKey` (`packages/core`) | Bug · Minor | **done** | Fixed: `uniqueFieldNameAndKey` now dedupes the **display name** (suffix `-N`) and derives the key from the suffixed name, checking both name and key against existing fields + sibling new fields — mirrors cm-import `generateFieldNameAndKey`. Tests added (duplicate-derived-key + existing-field collision). |
+| 4 | Mapping dropdown is missing the "+ Create New Field" footer action | `FieldMappingCell` (`ImportStepConfiguration`) — WDS `Dropdown` `fixedFooter` | Feature ([CAIRO-4399](https://wix.atlassian.net/browse/CAIRO-4399)) | open | Add a sticky "+ Create New Field" footer to the mapping dropdown; clicking opens the field editor (shared with #2) and maps the column to the created field. |
+| 5 | New columns don't appear after import — schema isn't reloaded | `ImportState.startImport` (`packages/core`) + consumer schema refresh (auto-patterns) | Bug ([CAIRO-4400](https://wix.atlassian.net/browse/CAIRO-4400)) | open | After a successful import that created new fields, reload the schema so the table columns update. Today only the collection data is refetched (`clearResultAndMoveToStart`); the field/schema definitions aren't refreshed, so new columns stay hidden. |
+
+---
+
+## Details
+
+### 1. Dropdown clear button also opens the dropdown
+
+- **Status:** in progress — fix in `@wix/design-system`, PR
+  [wix-design-systems#16421](https://github.com/wix-private/wix-design-systems/pull/16421).
+- **Component:** `Dropdown` (`@wix/design-system`) — fix location is WDS, not Cairo.
+- **Feature:** Import → "create new field" (CAIRO-4230).
+
+**Symptom:** Clicking a mapping `Dropdown`'s clear (✕) button clears the selected
+value but *also* reopens the dropdown popover. Expected: clear should only clear (set
+the column to "Don't import"), leaving the dropdown closed.
+
+**Scope:** Specific to the import "create new field" flow — i.e. when `updateSchema`
+is provided so columns carry a `(New)` option and default to creating a new field.
+Reproduced inside the Import modal; appears tied to the modal context.
+
+**Where observed:** Import modal → "Match & Import" / configuration step, the
+per-column mapping dropdowns. Clearing a column mapped to a new field (`(New)`) reopens
+the dropdown instead of leaving it on "Don't import".
+
+**Suspected cause (to confirm):** clear → `setMapping(header, null)` re-renders the
+cell; combined with the modal focus trap returning focus to the input, the Dropdown's
+open-on-focus/click logic re-triggers. The clear handler likely isn't stopping
+propagation / preventing the reopen.
+
+**Next steps:**
+- [ ] Minimal repro: a `Dropdown` with `clearButton` inside a WDS modal vs. outside,
+      and with/without the `(New)` option, to isolate WDS vs. our changes.
+- [ ] Confirm whether it's focus-trap-driven (modal) or general.
+- [x] File a `@wix/design-system` PR — [#16421](https://github.com/wix-private/wix-design-systems/pull/16421)
+      (clear handler should `stopPropagation` and not reopen the popover).
+- [ ] Land WDS PR #16421; bump `@wix/design-system` and remove any Cairo-side
+      workaround once shipped.
+
+### 2. Implement the "Edit Field" button
+
+- **JIRA:** [CAIRO-4398](https://wix.atlassian.net/browse/CAIRO-4398) (Task, parent CAIRO-3912, Cairo Sprint 101).
+- **Type:** Feature.
+- **Feature:** Import → "create new field" (CAIRO-4230); design from CAIRO-4131.
+
+**What's missing:** The new-field helper renders `This will be a new text field.`
+followed by an **"Edit Field"** link (see design), but the link is not implemented yet
+— today the helper text only states the type. The user should be able to click
+"Edit Field" to adjust the new field before import.
+
+**Expected behavior:** Clicking "Edit Field" opens a field editor (name + type, and any
+other field settings) pre-filled for that column's pending new field. Confirming
+updates the column's `NewFieldDefinition` (key/displayName/type) that's later passed to
+`updateSchema`. This is also the entry point that, together with CAIRO-4131's type
+detection, lets the user override the suggested type.
+
+**Where it goes:** `NewFieldHelperText` in `ImportStepConfiguration` (the helper line
+currently shows only the type name). The editor itself likely reuses the existing
+field-editing UI (e.g. CustomFieldModal / patterns-fields field editor).
+
+**Next steps:**
+- [ ] Open a JIRA ticket for the "Edit Field" flow (link it here).
+- [ ] Decide the editor surface (reuse `CustomFieldModal` vs. a lightweight popover).
+- [ ] Render the "Edit Field" link in `NewFieldHelperText` and wire it to update the
+      column's `NewFieldDefinition` before import.
+- [ ] Add the `cairo.import.editField` translation key.
+
+### 3. New field display name can duplicate an existing field name
+
+- **Type:** Bug — in our code (`packages/core` `ImportState`), not external.
+- **Feature:** Import → "create new field" (CAIRO-4230).
+
+**Symptom:** The new field's `displayName` is taken straight from the CSV header, so it
+can collide with an existing field's display name (or with another new column sharing
+the same header). Today only the **key** is deduped (`uniqueFieldKey` — camelCase +
+numeric suffix); the display **name** is not, so the UI/schema can end up with two
+fields showing the same name.
+
+**Reference:** cm-import `src/field-configuration/generateFieldNameAndKey.js` dedupes
+both together — it suffixes the **display name** as `"{name}-{n}"` when the name
+collides with an existing field name *or* the derived key collides, then derives the
+key from the (suffixed) name. Existing names come from both already-queued new fields
+and the current schema fields.
+
+**Fix (done — `ImportState._resolveFieldMapping`):**
+- `uniqueFieldNameAndKey(header, usedNames, usedKeys)` replaces `uniqueFieldKey`:
+  starts from the header, and when the display name or its derived key collides,
+  suffixes the display name as `"<header>-<n>"` and re-derives the key from it.
+- `_resolveFieldMapping` seeds `usedNames` (existing `field.header`) alongside
+  `usedKeys` (existing `field.id`), and adds each new field's resolved name+key as it
+  goes, so both are unique across existing fields and sibling new columns.
+- Tests: "dedupes new field name/key when two columns derive the same key" and
+  "suffixes a new field when its derived key collides with an existing field"
+  (`Table.importButton.spec`, 112 passing).
+
+### 4. Mapping dropdown is missing the "+ Create New Field" footer action
+
+- **JIRA:** [CAIRO-4399](https://wix.atlassian.net/browse/CAIRO-4399) (Task, parent CAIRO-3912, Cairo Sprint 101).
+- **Type:** Feature.
+- **Feature:** Import → "create new field" (CAIRO-4230); design from CAIRO-4131.
+
+**What's missing:** Per design, the column mapping dropdown should have a sticky
+**"+ Create New Field"** footer below the options (suggested `(New)` option + existing
+fields). Today the dropdown only offers the auto-suggested `<Column> (New)` option and
+the existing fields — no explicit "create a new field" action.
+
+**Expected behavior:** Add a WDS `Dropdown` `fixedFooter` with "+ Create New Field".
+Clicking it opens the field editor (the same surface as the "Edit Field" entry point,
+#2 / CAIRO-4398) so the user can define a new field (name + type); on confirm the
+column maps to that created field, whose `NewFieldDefinition` feeds the single
+`updateSchema` call before import.
+
+**Where it goes:** `FieldMappingCell` in `ImportStepConfiguration` — add `fixedFooter`
+to the mapping `Dropdown`.
+
+**Next steps:**
+- [ ] Add the `fixedFooter` "+ Create New Field" action to the mapping dropdown.
+- [ ] Wire it to the field editor (shared with #2 / CAIRO-4398).
+- [ ] Map the column to the created field on confirm.
+- [ ] Add the `cairo.import.createNewField` translation key.
+
+### 5. New columns don't appear after import (schema not reloaded)
+
+- **JIRA:** [CAIRO-4400](https://wix.atlassian.net/browse/CAIRO-4400) (Task, parent CAIRO-3912, Cairo Sprint 101).
+- **Type:** Bug — spans Cairo (`packages/core` `ImportState`) and the consumer
+  (auto-patterns schema).
+- **Feature:** Import → "create new field" (CAIRO-4230).
+
+**Symptom:** After an import that created new fields completes, the new fields' values
+land in the data but the **table doesn't show the new columns** until a manual refresh.
+On success `ImportState.startImport` calls `collection.clearResultAndMoveToStart`, which
+refetches the collection **data** but not the **schema/field definitions** the table
+columns are derived from — so the new columns stay hidden.
+
+**Fix (to decide):** when an import created new fields and completed successfully,
+trigger a **schema reload** so the columns update. Options:
+- Have `ImportState` invoke an optional completion/`onFieldsCreated` callback the
+  consumer wires to `schema.refresh()` (auto-patterns has `schema.refresh`), or
+- Refresh the schema in the consumer's import wiring after success.
+- Only refresh when new fields were actually created (skip for plain imports), and do
+  it post-import (not during) to avoid mid-flight re-render churn.
+
+**Next steps:**
+- [ ] Decide the hook: `ImportState` completion callback vs. consumer-side refresh.
+- [ ] Trigger `schema.refresh()` (auto-patterns) only when new fields were created.
+- [ ] Verify the table renders the new columns after import without a manual reload.

package/dist/cjs/components/ImportButton/pr-5490-review-comments.md

@@ -0,0 +1,44 @@
+# PR #5490 — Review Comments Tracker
+
+PR: [feat(Import): detect new field type from column data #CAIRO-4131](https://github.com/wix-private/cairo/pull/5490)
+Reviewers: **liorgu-wix** (human) + **Codex** (`github-actions[bot]`). CI/bundle/status bots excluded.
+
+> **liorgu-wix summary (no blocking bugs):** "The DI seam (core owns the `NewFieldType`
+> vocabulary + sampling/vote, fields injects media-awareness) is the right shape and
+> respects `utils → core → cairo/fields`. Wiring is correct and happy-path tests pass."
+> Recurring theme: code/comments claim fidelity to cm-import the implementation doesn't
+> actually have (sample size, URL validation, ordering, audio/vector) — either match
+> cm-import or own the deliberate divergences.
+> [review](https://github.com/wix-private/cairo/pull/5490#pullrequestreview-4539585402)
+
+Status: `open` / `done` / `dismiss` · Severity: Major / Test gap / Minor / Nit / Info
+
+The **vs cm-import today** column records how our behavior compares to cm-import
+(`wix-data-client/cm-import`) — the source of liorgu's recurring "claims fidelity it
+doesn't have" theme.
+
+| # | Comment link | Description | vs cm-import today | Severity | Status | Resolution recommendation |
+|---|---|---|---|---|---|---|
+| 1 | [codex](https://github.com/wix-private/cairo/pull/5490#discussion_r3436393090) — `ImportState.ts` (date) | Date detection uses browser-dependent `new Date(value)` after a regex check; same CSV can infer `date` in one browser, `text` in another → inconsistent `updateSchema` payloads. | **Same** — cm-import's `detectFieldConfig.js` uses the identical `new Date(value).getTime()` heuristic. The reviewer wants us to *improve on* cm-import, not match it. | Major | open | Strict-parse the supported date formats (validate y/m/d components) instead of `new Date`/`Date.parse` heuristics. |
+| 2 | [liorgu §1](https://github.com/wix-private/cairo/pull/5490#pullrequestreview-4539585402) — cross-cutting | Confirm **no current `updateSchema` consumer** (esp. the CMS source adapter) switches on `fieldType` and would now receive `number`/`date`/`image`/… and mishandle/throw. If CMS is already live, that's a regression vector, not a follow-up. | **Diverges** — cm-import's `createFieldDefinition` maps each detected `fieldType` and creates it. Ours: the only consumer (auto-patterns `useImport`) hardcoded `SHORT_TEXT`; the CMS `addField`/`addFields` reverse map threw "not supported" on anything but text/number/boolean/date. | Major (verify) | **done** | **Audit: no live regression** — the only consumer discarded the detected type (always `SHORT_TEXT`). **Fixed forward** in auto-cairo: the 4-type cap was a **UI limitation, not an API one** — `@wix/data` creates all field types — so widened `PatternsFieldTypeToCmsFieldType` to add URL/IMAGE/VIDEO/DOCUMENT/AUDIO, and `useImport` now maps each detected `NewFieldType` → its field type (SHORT_TEXT fallback). `addFields` creates the real type instead of throwing. Tests updated (media now creates; throw-path uses REFERENCE) — 29 green. Forward-compatible once #5490 publishes. (auto-cairo repo.) |
+| 3 | [liorgu](https://github.com/wix-private/cairo/pull/5490#discussion_r3448316713) — `Table.importButton.spec.tsx:743` | Test gaps: mixed column → `text` (the ⅔ vote itself), empty-heavy column, `audio`/`video`, **core default (no injection)** proving the DI seam gates media detection, and direct unit specs for the pure functions. | N/A (our test coverage) — cm-import exercises the majority/fallback in its own `guessFieldConfigFromSamples` specs; we don't yet. | Test gap | **done** | Added direct unit specs: `core/__tests__/state/detectFieldType.spec.ts` (14 — number/date/boolean/url branch edges, majority, **fallback**, **empty-heavy**, sample truncation, DI hook, and **core-default media→text/url** proving the seam) and `fields/src/__tests__/utils/detect-field-type.spec.ts` (6 — image/video/document/**audio**/vector, external-image-URL→image, primitives, mixed→text). |
+| 4 | [liorgu](https://github.com/wix-private/cairo/pull/5490#discussion_r3448316710) — `detect-field-type.ts:23` | Detects **more** than cm-import while comments claim a match: `audio` and `vector→image`. | **Diverges (superset)** — cm-import's `validationOrder` has **no audio** entry (never detects audio); its *detection* path (`detectionSchema` = `wix-image-with-extension`) does **not** check `isWixVectorUri`. We detect both. | Minor + Test gap | **done** | Reworded the `detectMediaType` comment to document audio + vector→image as **intentional supersets** of cm-import's detection path (dropped the "matches cm-import" framing); added the audio test (fields spec). |
+| 5 | [liorgu](https://github.com/wix-private/cairo/pull/5490#discussion_r3448316711) + [codex](https://github.com/wix-private/cairo/pull/5490#discussion_r3436393101) — `ImportState.ts:456` | `_columnValues()` materializes the whole column although only the first 50 are used → O(rows×cols) allocations at parse time. | **Diverges (less efficient)** — cm-import's `_getSamples` does `importData.slice(0, sampleSize).map(...)` — slices *before* mapping, so it never allocates the full column. We map the full column then slice. | Minor (perf) | **done** | Exported `TYPE_SAMPLE_SIZE` from `detectFieldType`; `_columnValues` now `slice(0, TYPE_SAMPLE_SIZE)` **before** mapping, so only the head is copied — matching cm-import's `_getSamples`. |
+| 6 | [liorgu](https://github.com/wix-private/cairo/pull/5490#discussion_r3448316706) — `detectFieldType.ts:38` | `SAMPLE_SIZE = 50` is attributed to cm-import, but the comment is wrong. | **Diverges** — cm-import's `constants.sampleSize` is **6**; we use **50**. | Nit (doc) | **done** | Kept 50; rewrote the `TYPE_SAMPLE_SIZE` comment + `detectColumnType` JSDoc to own it as a deliberate larger sample than cm-import's 6 (same 2/3 vote). |
+| 7 | [liorgu](https://github.com/wix-private/cairo/pull/5490#discussion_r3448316707) — `detectFieldType.ts:59` | URL/email/phone helpers are re-implementations, not a port; `isValidWebsiteUrl` is laxer than cm-import. | **Diverges (looser)** — cm-import's `validators/url.js` delegates to `@wix/santa-core-utils` `isValidUrl`/`isValidEmail` for structural validation **and** requires a protocol; ours only checks protocol-prefix + no-whitespace, so e.g. `https://{garbage}` → we say `url`, cm-import says no. | Nit (doc) / Minor | **done** | `isValidWebsiteUrl` now **delegates to the platform `URL` parser** (rejects empty-host / whitespace / malformed authorities) instead of a prefix check; `@wix/santa-core-utils` isn't available here, so the comment owns the residual gap (`URL` accepts some odd hosts santa rejects). Added invalid-URL→text tests. |
+| 8 | [liorgu](https://github.com/wix-private/cairo/pull/5490#discussion_r3448316709) — `detect-field-type.ts:48` | "media-first" comment claims cm-import precedence it doesn't have. | **Diverges (order; equivalent result)** — cm-import runs `detectPrimitiveType` (number → boolean → date) **first**, media only on fall-through; we check media first. Same result in practice (media URIs don't match the number/bool/date regexes). | Nit (doc) | **done** | Reworded the `detectValueTypeWithMedia` comment to state our order differs from cm-import's and why the result still matches (fixed alongside #4 in the same block). |
+| 9 | [liorgu](https://github.com/wix-private/cairo/pull/5490#discussion_r3448316712) — `ImportState.ts:577` | `index >= 0 ? … : 'text'` — `header` always comes from `csvHeaders`, so the `'text'` branch is dead. | N/A — our code structure (cm-import keys samples off the selected column, no such guard). | Nit | open | Drop the guard, or add a one-line "defensive" comment. |
+| 10 | [liorgu](https://github.com/wix-private/cairo/pull/5490#discussion_r3448316708) — `detectFieldType.ts:102` | Empty cells count as `text` votes; an optional column >⅓ blank falls back to `text` even if every non-blank value is a number. | **Same** — cm-import's `detectFieldConfig('') → text` and `_getSamples` doesn't filter blanks. Faithful, but a sharp edge worth flagging. | Info | open | Flag to product; optionally ignore blanks in the vote (would depart from cm-import — decide consciously). |
+| 11 | [liorgu §2](https://github.com/wix-private/cairo/pull/5490#pullrequestreview-4539585402) — cross-cutting | Leading-zero data loss later: zip/phone/IDs (`01234`) detect as `number` once the consumer honors it. | **Same** — inherited directly from cm-import's number detection. Out of scope here. | Info | open | Note on the consumer follow-up ticket so it's a conscious choice. |
+| 12 | [liorgu](https://github.com/wix-private/cairo/pull/5490#discussion_r3448316714) — `import-create-new-field-issues.md:10` | Non-blocking / pre-existing: git-tracked issue-tracker markdown in the component source tree goes stale and reads as noise in a feature diff. | N/A — repo hygiene, unrelated to cm-import. | Info (non-blocking) | open | Team decision: keep these `.md` files in-repo vs. move to Jira/docs. Not introduced by this PR. |
+
+## Notes
+
+- **Build-failure bot (resolved):** `devex-ai-build-agent` flagged a `TranslationsKeys`
+  mismatch at `ImportStepConfiguration.tsx:78` on an earlier commit (before the
+  patterns-fields title keys were added/rebuilt). Latest Falcon CI is **PASSED** on
+  `c80c2f9` — already fixed, no action.
+- **Theme across 4, 6, 7, 8:** all the same root note from liorgu — the "ported from
+  cm-import" framing overclaims fidelity. Cheapest resolution is a doc pass that owns
+  the deliberate divergences (sample size, URL approximation, ordering, audio/vector
+  superset), unless we choose to match cm-import exactly.

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_ = "InputOverflow4280027765";
+var _namespace_ = "InputOverflow3195981367";
 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": "InputOverflow4280027765__root"
+  "root": "InputOverflow3195981367__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_ = \"InputOverflow4280027765\";\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\":\"InputOverflow4280027765__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_ = \"InputOverflow3195981367\";\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\":\"InputOverflow3195981367__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_ = "LoadingRow1309418770";
+var _namespace_ = "LoadingRow3194104638";
 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": "LoadingRow1309418770__root"
+  "root": "LoadingRow3194104638__root"
 };
 var keyframes = exports.keyframes = {
-  "gradientSwoosh": "LoadingRow1309418770__gradientSwoosh"
+  "gradientSwoosh": "LoadingRow3194104638__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_ = \"LoadingRow1309418770\";\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\":\"LoadingRow1309418770__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow1309418770__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_ = \"LoadingRow3194104638\";\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\":\"LoadingRow3194104638__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow3194104638__gradientSwoosh\"}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG;EAAC,gBAAgB,EAAC;AAAsC,CAAC;AACzE,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "MaxHeightText420418380";
+var _namespace_ = "MaxHeightText3934228268";
 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": "MaxHeightText420418380__root"
+  "root": "MaxHeightText3934228268__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_ = \"MaxHeightText420418380\";\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\":\"MaxHeightText420418380__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_ = \"MaxHeightText3934228268\";\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\":\"MaxHeightText3934228268__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/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_ = "MaxLines719877276";
+var _namespace_ = "MaxLines1686750847";
 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": "MaxLines719877276__root"
+  "root": "MaxLines1686750847__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/MaxLines/MaxLines.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxLines719877276\";\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\":\"MaxLines719877276__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,mBAAmB;AACrC,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;AAAyB,CAAC;AAChD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/MaxLines/MaxLines.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxLines1686750847\";\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\":\"MaxLines1686750847__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oBAAoB;AACtC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA0B,CAAC;AACjD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.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_ = "MultiBulkActionToolbar2843376325";
+var _namespace_ = "MultiBulkActionToolbar3475729719";
 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": "MultiBulkActionToolbar2843376325__root",
-  "leftGroupWrapper": "MultiBulkActionToolbar2843376325__leftGroupWrapper",
-  "selectedCountItem": "MultiBulkActionToolbar2843376325__selectedCountItem",
-  "selectedCountText": "MultiBulkActionToolbar2843376325__selectedCountText"
+  "root": "MultiBulkActionToolbar3475729719__root",
+  "leftGroupWrapper": "MultiBulkActionToolbar3475729719__leftGroupWrapper",
+  "selectedCountItem": "MultiBulkActionToolbar3475729719__selectedCountItem",
+  "selectedCountText": "MultiBulkActionToolbar3475729719__selectedCountText"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.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/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultiBulkActionToolbar2843376325\";\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\":\"MultiBulkActionToolbar2843376325__root\",\"leftGroupWrapper\":\"MultiBulkActionToolbar2843376325__leftGroupWrapper\",\"selectedCountItem\":\"MultiBulkActionToolbar2843376325__selectedCountItem\",\"selectedCountText\":\"MultiBulkActionToolbar2843376325__selectedCountText\"};\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,kCAAkC;AACpD,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,wCAAwC;EAAC,kBAAkB,EAAC,oDAAoD;EAAC,mBAAmB,EAAC,qDAAqD;EAAC,mBAAmB,EAAC;AAAqD,CAAC;AAC3R,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/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultiBulkActionToolbar3475729719\";\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\":\"MultiBulkActionToolbar3475729719__root\",\"leftGroupWrapper\":\"MultiBulkActionToolbar3475729719__leftGroupWrapper\",\"selectedCountItem\":\"MultiBulkActionToolbar3475729719__selectedCountItem\",\"selectedCountText\":\"MultiBulkActionToolbar3475729719__selectedCountText\"};\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,kCAAkC;AACpD,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,wCAAwC;EAAC,kBAAkB,EAAC,oDAAoD;EAAC,mBAAmB,EAAC,qDAAqD;EAAC,mBAAmB,EAAC;AAAqD,CAAC;AAC3R,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/NestedTable/NestedTablePlaceholderStatesRow.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_ = "NestedTablePlaceholderStatesRow1205391822";
+var _namespace_ = "NestedTablePlaceholderStatesRow2676278905";
 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": "NestedTablePlaceholderStatesRow1205391822__root"
+  "root": "NestedTablePlaceholderStatesRow2676278905__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.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/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTablePlaceholderStatesRow1205391822\";\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\":\"NestedTablePlaceholderStatesRow1205391822__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,2CAA2C;AAC7D,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;AAAiD,CAAC;AACxE,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/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTablePlaceholderStatesRow2676278905\";\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\":\"NestedTablePlaceholderStatesRow2676278905__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,2CAA2C;AAC7D,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;AAAiD,CAAC;AACxE,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/NestedTable/NestedTableRow.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_ = "NestedTableRow3188210714";
+var _namespace_ = "NestedTableRow897283882";
 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": "NestedTableRow3188210714__root",
-  "firstLevel": "NestedTableRow3188210714__firstLevel",
-  "placeholder": "NestedTableRow3188210714__placeholder",
-  "parentHovered": "NestedTableRow3188210714__parentHovered"
+  "root": "NestedTableRow897283882__root",
+  "firstLevel": "NestedTableRow897283882__firstLevel",
+  "placeholder": "NestedTableRow897283882__placeholder",
+  "parentHovered": "NestedTableRow897283882__parentHovered"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/NestedTable/NestedTableRow.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/NestedTable/NestedTableRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableRow3188210714\";\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\":\"NestedTableRow3188210714__root\",\"firstLevel\":\"NestedTableRow3188210714__firstLevel\",\"placeholder\":\"NestedTableRow3188210714__placeholder\",\"parentHovered\":\"NestedTableRow3188210714__parentHovered\"};\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,0BAA0B;AAC5C,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,gCAAgC;EAAC,YAAY,EAAC,sCAAsC;EAAC,aAAa,EAAC,uCAAuC;EAAC,eAAe,EAAC;AAAyC,CAAC;AAC3N,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/NestedTable/NestedTableRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableRow897283882\";\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\":\"NestedTableRow897283882__root\",\"firstLevel\":\"NestedTableRow897283882__firstLevel\",\"placeholder\":\"NestedTableRow897283882__placeholder\",\"parentHovered\":\"NestedTableRow897283882__parentHovered\"};\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,+BAA+B;EAAC,YAAY,EAAC,qCAAqC;EAAC,aAAa,EAAC,sCAAsC;EAAC,eAAe,EAAC;AAAwC,CAAC;AACvN,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/NestedTableDragAndDrop/MultipleDragOverlayEffect.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_ = "MultipleDragOverlayEffect1558260614";
+var _namespace_ = "MultipleDragOverlayEffect176623021";
 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": "MultipleDragOverlayEffect1558260614__root"
+  "root": "MultipleDragOverlayEffect176623021__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.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/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultipleDragOverlayEffect1558260614\";\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\":\"MultipleDragOverlayEffect1558260614__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,qCAAqC;AACvD,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;AAA2C,CAAC;AAClE,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/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultipleDragOverlayEffect176623021\";\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\":\"MultipleDragOverlayEffect176623021__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,oCAAoC;AACtD,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;AAA0C,CAAC;AACjE,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":[]}