@wix/patterns 1.360.0 → 1.364.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","_ImportStepConfiguration","state","csvHeaders","fields","translate","t","dropdownOptions","filter","id","map","listItemSelectBuilder","label","header","default","createElement","Box","direction","dataHook","__self","__source","fileName","lineNumber","columnNumber","gap","verticalAlign","paddingLeft","paddingRight","paddingTop","paddingBottom","Heading","size","CounterBadge","skin","length","style","overflowY","maxHeight","display","padding","backgroundColor","boxShadow","gridTemplateColumns","position","top","zIndex","minWidth","Text","weight","ellipsis","TableListItem","key","showDivider","options","value","width","align","ArrowRight","Dropdown","clearButton","onClear","setMapping","placeholder","selectedId","mappingByHeader","undefined","onSelect","popoverProps","appendTo","flip","fixed","ImportStepConfiguration","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportStepConfiguration.tsx"],"sourcesContent":["import {\n  Box,\n  CounterBadge,\n  Dropdown,\n  Heading,\n  Text,\n  TableListItem,\n  listItemSelectBuilder,\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};\n\nfunction _ImportStepConfiguration({ state }: ImportStepConfigurationProps) {\n  const { csvHeaders, fields, translate: t } = state;\n\n  const dropdownOptions = 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  return (\n    <Box direction=\"vertical\" dataHook=\"import-mapping-step\">\n      <Box\n        direction=\"horizontal\"\n        gap=\"SP2\"\n        verticalAlign=\"middle\"\n        paddingLeft=\"SP4\"\n        paddingRight=\"SP4\"\n        paddingTop=\"SP1\"\n        paddingBottom=\"SP2\"\n      >\n        <Heading size=\"small\">{t('cairo.import.columnsFound')}</Heading>\n        <CounterBadge\n          size=\"medium\"\n          skin=\"neutralLight\"\n          dataHook=\"import-columns-found-counter\"\n        >\n          {csvHeaders.length}\n        </CounterBadge>\n      </Box>\n\n      <div style={{ overflowY: 'auto', maxHeight: '340px' }}>\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          style={{ position: 'sticky', top: 0, zIndex: 1 }}\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        {csvHeaders.map((header) => (\n          <TableListItem\n            key={header}\n            showDivider\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={dropdownOptions}\n                    size=\"small\"\n                  />\n                ),\n                width: COLUMN_WIDTHS.field,\n              },\n            ]}\n          />\n        ))}\n      </div>\n    </Box>\n  );\n}\n\nexport const ImportStepConfiguration = observer(_ImportStepConfiguration);\n"],"mappings":"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","ignoreList":[]}
+{"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","csvRows","length","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","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.csvRows.length === 0;\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":"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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_ = "ImportStepUpload3823422815";
+var _namespace_ = "ImportStepUpload2190126313";
 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": "ImportStepUpload3823422815__root",
-  "fileUpload": "ImportStepUpload3823422815__fileUpload"
+  "root": "ImportStepUpload2190126313__root",
+  "fileUpload": "ImportStepUpload2190126313__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_ = \"ImportStepUpload3823422815\";\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\":\"ImportStepUpload3823422815__root\",\"fileUpload\":\"ImportStepUpload3823422815__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_ = \"ImportStepUpload2190126313\";\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\":\"ImportStepUpload2190126313__root\",\"fileUpload\":\"ImportStepUpload2190126313__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/ImportStepper.js

@@ -30,22 +30,28 @@ function _ImportStepper({
   const activeStep = STEPPER_INDEX[state.currentStep];
   const steps = getStepperSteps(state.currentStep, state.translate);
   const contentPadding = removeContentPadding ? undefined : 'SP4';
+  const handleStepClick = stepIndex => {
+    if (stepIndex < activeStep) {
+      state.discardAndGoBack();
+    }
+  };
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     paddingLeft: contentPadding,
     paddingRight: contentPadding,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 42,
+      lineNumber: 48,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Stepper, {
     activeStep: activeStep,
     steps: steps,
+    onClick: handleStepClick,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 43,
+      lineNumber: 49,
       columnNumber: 7
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_jsxFileName","STEPPER_INDEX","upload","configuration","progress","getStepperSteps","currentStep","t","activeIndex","text","map","step","index","type","_ImportStepper","state","removeContentPadding","activeStep","steps","translate","contentPadding","undefined","default","createElement","Box","paddingLeft","paddingRight","__self","__source","fileName","lineNumber","columnNumber","Stepper","ImportStepper","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportStepper.tsx"],"sourcesContent":["import { Stepper, Box } from '@wix/design-system';\nimport { ImportState, ImportStep } from '@wix/bex-core';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\n\nconst STEPPER_INDEX: Record<ImportStep, number> = {\n  upload: 0,\n  configuration: 1,\n  progress: 2,\n};\n\nfunction getStepperSteps(currentStep: ImportStep, t: ImportState['translate']) {\n  const activeIndex = STEPPER_INDEX[currentStep];\n\n  return [\n    { text: t('cairo.import.stepper.upload') },\n    { text: t('cairo.import.stepper.matchFields') },\n  ].map((step, index) => ({\n    ...step,\n    type: (\n      index < activeIndex\n        ? 'completed'\n        : index > activeIndex\n          ? 'disabled'\n          : 'normal'\n    ) as 'completed' | 'disabled' | 'normal',\n  }));\n}\n\nexport interface ImportStepperProps {\n  state: ImportState;\n  removeContentPadding?: boolean;\n}\n\nfunction _ImportStepper({ state, removeContentPadding }: ImportStepperProps) {\n  const activeStep = STEPPER_INDEX[state.currentStep];\n  const steps = getStepperSteps(state.currentStep, state.translate);\n\n  const contentPadding = removeContentPadding ? undefined : 'SP4';\n\n  return (\n    <Box paddingLeft={contentPadding} paddingRight={contentPadding}>\n      <Stepper activeStep={activeStep} steps={steps} />\n    </Box>\n  );\n}\n\nexport const ImportStepper = observer(_ImportStepper);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAA2C,IAAAI,YAAA;AAE3C,MAAMC,aAAyC,GAAG;EAChDC,MAAM,EAAE,CAAC;EACTC,aAAa,EAAE,CAAC;EAChBC,QAAQ,EAAE;AACZ,CAAC;AAED,SAASC,eAAeA,CAACC,WAAuB,EAAEC,CAA2B,EAAE;EAC7E,MAAMC,WAAW,GAAGP,aAAa,CAACK,WAAW,CAAC;EAE9C,OAAO,CACL;IAAEG,IAAI,EAAEF,CAAC,CAAC,6BAA6B;EAAE,CAAC,EAC1C;IAAEE,IAAI,EAAEF,CAAC,CAAC,kCAAkC;EAAE,CAAC,CAChD,CAACG,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,MAAM;IACtB,GAAGD,IAAI;IACPE,IAAI,EACFD,KAAK,GAAGJ,WAAW,GACf,WAAW,GACXI,KAAK,GAAGJ,WAAW,GACjB,UAAU,GACV;EAEV,CAAC,CAAC,CAAC;AACL;AAOA,SAASM,cAAcA,CAAC;EAAEC,KAAK;EAAEC;AAAyC,CAAC,EAAE;EAC3E,MAAMC,UAAU,GAAGhB,aAAa,CAACc,KAAK,CAACT,WAAW,CAAC;EACnD,MAAMY,KAAK,GAAGb,eAAe,CAACU,KAAK,CAACT,WAAW,EAAES,KAAK,CAACI,SAAS,CAAC;EAEjE,MAAMC,cAAc,GAAGJ,oBAAoB,GAAGK,SAAS,GAAG,KAAK;EAE/D,oBACExB,MAAA,CAAAyB,OAAA,CAAAC,aAAA,CAAC5B,aAAA,CAAA6B,GAAG;IAACC,WAAW,EAAEL,cAAe;IAACM,YAAY,EAAEN,cAAe;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7B,YAAA;MAAA8B,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC7DlC,MAAA,CAAAyB,OAAA,CAAAC,aAAA,CAAC5B,aAAA,CAAAqC,OAAO;IAACf,UAAU,EAAEA,UAAW;IAACC,KAAK,EAAEA,KAAM;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7B,YAAA;MAAA8B,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC7C,CAAC;AAEV;AAEO,MAAME,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,uBAAQ,EAACrB,cAAc,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_jsxFileName","STEPPER_INDEX","upload","configuration","progress","getStepperSteps","currentStep","t","activeIndex","text","map","step","index","type","_ImportStepper","state","removeContentPadding","activeStep","steps","translate","contentPadding","undefined","handleStepClick","stepIndex","discardAndGoBack","default","createElement","Box","paddingLeft","paddingRight","__self","__source","fileName","lineNumber","columnNumber","Stepper","onClick","ImportStepper","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportStepper.tsx"],"sourcesContent":["import { Stepper, Box } from '@wix/design-system';\nimport { ImportState, ImportStep } from '@wix/bex-core';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\n\nconst STEPPER_INDEX: Record<ImportStep, number> = {\n  upload: 0,\n  configuration: 1,\n  progress: 2,\n};\n\nfunction getStepperSteps(currentStep: ImportStep, t: ImportState['translate']) {\n  const activeIndex = STEPPER_INDEX[currentStep];\n\n  return [\n    { text: t('cairo.import.stepper.upload') },\n    { text: t('cairo.import.stepper.matchFields') },\n  ].map((step, index) => ({\n    ...step,\n    type: (\n      index < activeIndex\n        ? 'completed'\n        : index > activeIndex\n          ? 'disabled'\n          : 'normal'\n    ) as 'completed' | 'disabled' | 'normal',\n  }));\n}\n\nexport interface ImportStepperProps {\n  state: ImportState;\n  removeContentPadding?: boolean;\n}\n\nfunction _ImportStepper({ state, removeContentPadding }: ImportStepperProps) {\n  const activeStep = STEPPER_INDEX[state.currentStep];\n  const steps = getStepperSteps(state.currentStep, state.translate);\n\n  const contentPadding = removeContentPadding ? undefined : 'SP4';\n\n  const handleStepClick = (stepIndex: number) => {\n    if (stepIndex < activeStep) {\n      state.discardAndGoBack();\n    }\n  };\n\n  return (\n    <Box paddingLeft={contentPadding} paddingRight={contentPadding}>\n      <Stepper\n        activeStep={activeStep}\n        steps={steps}\n        onClick={handleStepClick}\n      />\n    </Box>\n  );\n}\n\nexport const ImportStepper = observer(_ImportStepper);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAA2C,IAAAI,YAAA;AAE3C,MAAMC,aAAyC,GAAG;EAChDC,MAAM,EAAE,CAAC;EACTC,aAAa,EAAE,CAAC;EAChBC,QAAQ,EAAE;AACZ,CAAC;AAED,SAASC,eAAeA,CAACC,WAAuB,EAAEC,CAA2B,EAAE;EAC7E,MAAMC,WAAW,GAAGP,aAAa,CAACK,WAAW,CAAC;EAE9C,OAAO,CACL;IAAEG,IAAI,EAAEF,CAAC,CAAC,6BAA6B;EAAE,CAAC,EAC1C;IAAEE,IAAI,EAAEF,CAAC,CAAC,kCAAkC;EAAE,CAAC,CAChD,CAACG,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,MAAM;IACtB,GAAGD,IAAI;IACPE,IAAI,EACFD,KAAK,GAAGJ,WAAW,GACf,WAAW,GACXI,KAAK,GAAGJ,WAAW,GACjB,UAAU,GACV;EAEV,CAAC,CAAC,CAAC;AACL;AAOA,SAASM,cAAcA,CAAC;EAAEC,KAAK;EAAEC;AAAyC,CAAC,EAAE;EAC3E,MAAMC,UAAU,GAAGhB,aAAa,CAACc,KAAK,CAACT,WAAW,CAAC;EACnD,MAAMY,KAAK,GAAGb,eAAe,CAACU,KAAK,CAACT,WAAW,EAAES,KAAK,CAACI,SAAS,CAAC;EAEjE,MAAMC,cAAc,GAAGJ,oBAAoB,GAAGK,SAAS,GAAG,KAAK;EAE/D,MAAMC,eAAe,GAAIC,SAAiB,IAAK;IAC7C,IAAIA,SAAS,GAAGN,UAAU,EAAE;MAC1BF,KAAK,CAACS,gBAAgB,CAAC,CAAC;IAC1B;EACF,CAAC;EAED,oBACE3B,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAAC/B,aAAA,CAAAgC,GAAG;IAACC,WAAW,EAAER,cAAe;IAACS,YAAY,EAAET,cAAe;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhC,YAAA;MAAAiC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC7DrC,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAAC/B,aAAA,CAAAwC,OAAO;IACNlB,UAAU,EAAEA,UAAW;IACvBC,KAAK,EAAEA,KAAM;IACbkB,OAAO,EAAEd,eAAgB;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhC,YAAA;MAAAiC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC1B,CACE,CAAC;AAEV;AAEO,MAAMG,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,uBAAQ,EAACzB,cAAc,CAAC","ignoreList":[]}

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

@@ -10,7 +10,8 @@ var _ImportStepConfiguration = require("./ImportStepConfiguration");
 var _ImportStepProgress = require("./ImportStepProgress");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ImportButton/getImportModalStepProps.tsx";
 function getImportModalStepProps({
-  state
+  state,
+  isMobile
 }) {
   const {
     currentStep,
@@ -25,7 +26,7 @@ function getImportModalStepProps({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 28,
+          lineNumber: 32,
           columnNumber: 17
         }
       }),
@@ -35,7 +36,7 @@ function getImportModalStepProps({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 30,
+          lineNumber: 34,
           columnNumber: 9
         }
       }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -44,7 +45,7 @@ function getImportModalStepProps({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 31,
+          lineNumber: 35,
           columnNumber: 11
         }
       }, t('cairo.import.footerText')), /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -52,7 +53,7 @@ function getImportModalStepProps({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 34,
+          lineNumber: 38,
           columnNumber: 11
         }
       }, t('cairo.import.footerLink'))),
@@ -67,32 +68,87 @@ function getImportModalStepProps({
     };
   }
   if (currentStep === 'configuration') {
+    const handleClose = () => state.discardAndClose();
     return {
       removeContentPadding: true,
-      title: t('cairo.import.configureMappingsTitle'),
+      title: isMobile ? /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+        gap: "SP1",
+        verticalAlign: "middle",
+        direction: "horizontal",
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 55,
+          columnNumber: 9
+        }
+      }, t('cairo.import.configureMappingsTitle'), /*#__PURE__*/_react.default.createElement(_designSystem.CounterBadge, {
+        size: "medium",
+        skin: "neutralLight",
+        dataHook: "import-columns-found-counter",
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 57,
+          columnNumber: 11
+        }
+      }, state.csvHeaders.length)) : /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+        gap: "SP1",
+        verticalAlign: "middle",
+        direction: "horizontal",
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 66,
+          columnNumber: 9
+        }
+      }, /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
+        size: "medium",
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 67,
+          columnNumber: 11
+        }
+      }, t('cairo.import.configureMappingsTitle')), /*#__PURE__*/_react.default.createElement(_designSystem.CounterBadge, {
+        size: "medium",
+        skin: "neutralLight",
+        dataHook: "import-columns-found-counter",
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 70,
+          columnNumber: 11
+        }
+      }, state.csvHeaders.length)),
       subtitle: t('cairo.import.subtitle'),
       children: /*#__PURE__*/_react.default.createElement(_ImportStepConfiguration.ImportStepConfiguration, {
         state: state,
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 50,
+          lineNumber: 80,
           columnNumber: 17
         }
       }),
       showFooterDivider: true,
       primaryButtonText: t('cairo.import.startImport'),
-      primaryButtonOnClick: state.startImport,
-      primaryButtonProps: {
-        disabled: !state.hasMappings
-      },
-      secondaryButtonText: t('cairo.import.back'),
-      secondaryButtonOnClick: state.goToUpload,
+      primaryButtonOnClick: state.hasMappings ? state.startImport : undefined,
+      ...(isMobile ? {
+        primaryButtonProps: {
+          disabled: !state.hasMappings
+        }
+      } : {
+        primaryButtonTooltipProps: !state.hasMappings ? {
+          content: t('cairo.import.noMappingsTooltip')
+        } : undefined
+      }),
+      secondaryButtonText: t('cairo.import.cancel'),
+      secondaryButtonOnClick: handleClose,
       closeButtonProps: {
-        onClick: state.close,
+        onClick: handleClose,
         autoFocus: true
       },
-      onRequestClose: state.close
+      onRequestClose: handleClose
     };
   }
   return {
@@ -102,10 +158,11 @@ function getImportModalStepProps({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 64,
+        lineNumber: 103,
         columnNumber: 15
       }
     }),
+    showFooterDivider: false,
     primaryButtonText: t('cairo.import.importing'),
     primaryButtonProps: {
       disabled: true

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_ImportStepUpload","_ImportStepConfiguration","_ImportStepProgress","_jsxFileName","getImportModalStepProps","state","currentStep","translate","t","title","subtitle","children","default","createElement","ImportStepUpload","__self","__source","fileName","lineNumber","columnNumber","footnote","Box","gap","verticalAlign","Text","size","secondary","TextButton","showFooterDivider","secondaryButtonText","secondaryButtonOnClick","close","closeButtonProps","onClick","autoFocus","onRequestClose","removeContentPadding","ImportStepConfiguration","primaryButtonText","primaryButtonOnClick","startImport","primaryButtonProps","disabled","hasMappings","goToUpload","ImportStepProgress","isRestoring","secondaryButtonProps","undefined"],"sources":["../../../../src/components/ImportButton/getImportModalStepProps.tsx"],"sourcesContent":["import {\n  Box,\n  CustomModalLayoutProps,\n  Text,\n  TextButton,\n} from '@wix/design-system';\nimport { ImportState } from '@wix/bex-core';\nimport React, { ReactNode } from 'react';\nimport { ImportStepUpload } from './ImportStepUpload';\nimport { ImportStepConfiguration } from './ImportStepConfiguration';\nimport { ImportStepProgress } from './ImportStepProgress';\n\nexport interface GetImportModalStepProps {\n  state: ImportState;\n}\n\nexport function getImportModalStepProps({\n  state,\n}: GetImportModalStepProps): Partial<\n  CustomModalLayoutProps & { children?: ReactNode; onRequestClose?: () => void }\n> {\n  const { currentStep, translate: t } = state;\n\n  if (currentStep === 'upload') {\n    return {\n      title: t('cairo.import.title'),\n      subtitle: t('cairo.import.subtitle'),\n      children: <ImportStepUpload state={state} />,\n      footnote: (\n        <Box gap=\"SP1\" verticalAlign=\"middle\">\n          <Text size=\"small\" secondary>\n            {t('cairo.import.footerText')}\n          </Text>\n          <TextButton size=\"small\">{t('cairo.import.footerLink')}</TextButton>\n        </Box>\n      ),\n      showFooterDivider: false,\n      secondaryButtonText: t('cairo.import.cancel'),\n      secondaryButtonOnClick: state.close,\n      closeButtonProps: { onClick: state.close, autoFocus: true },\n      onRequestClose: state.close,\n    };\n  }\n\n  if (currentStep === 'configuration') {\n    return {\n      removeContentPadding: true,\n      title: t('cairo.import.configureMappingsTitle'),\n      subtitle: t('cairo.import.subtitle'),\n      children: <ImportStepConfiguration state={state} />,\n      showFooterDivider: true,\n      primaryButtonText: t('cairo.import.startImport'),\n      primaryButtonOnClick: state.startImport,\n      primaryButtonProps: { disabled: !state.hasMappings },\n      secondaryButtonText: t('cairo.import.back'),\n      secondaryButtonOnClick: state.goToUpload,\n      closeButtonProps: { onClick: state.close, autoFocus: true },\n      onRequestClose: state.close,\n    };\n  }\n\n  return {\n    title: t('cairo.import.progressTitle'),\n    children: <ImportStepProgress state={state} />,\n    primaryButtonText: t('cairo.import.importing'),\n    primaryButtonProps: { disabled: true },\n    secondaryButtonText: state.isRestoring\n      ? t('cairo.import.restoring')\n      : t('cairo.import.cancel'),\n    secondaryButtonOnClick: state.close,\n    secondaryButtonProps: { disabled: state.isRestoring },\n    closeButtonProps: { onClick: state.close },\n    onRequestClose: state.isRestoring ? undefined : state.close,\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_ImportStepUpload","_ImportStepConfiguration","_ImportStepProgress","_jsxFileName","getImportModalStepProps","state","isMobile","currentStep","translate","t","title","subtitle","children","default","createElement","ImportStepUpload","__self","__source","fileName","lineNumber","columnNumber","footnote","Box","gap","verticalAlign","Text","size","secondary","TextButton","showFooterDivider","secondaryButtonText","secondaryButtonOnClick","close","closeButtonProps","onClick","autoFocus","onRequestClose","handleClose","discardAndClose","removeContentPadding","direction","CounterBadge","skin","dataHook","csvHeaders","length","Heading","ImportStepConfiguration","primaryButtonText","primaryButtonOnClick","hasMappings","startImport","undefined","primaryButtonProps","disabled","primaryButtonTooltipProps","content","ImportStepProgress","isRestoring","secondaryButtonProps"],"sources":["../../../../src/components/ImportButton/getImportModalStepProps.tsx"],"sourcesContent":["import {\n  Box,\n  CounterBadge,\n  CustomModalLayoutProps,\n  Heading,\n  Text,\n  TextButton,\n} from '@wix/design-system';\nimport { ImportState } from '@wix/bex-core';\nimport React, { ReactNode } from 'react';\nimport { ImportStepUpload } from './ImportStepUpload';\nimport { ImportStepConfiguration } from './ImportStepConfiguration';\nimport { ImportStepProgress } from './ImportStepProgress';\n\nexport interface GetImportModalStepProps {\n  state: ImportState;\n  isMobile?: boolean;\n}\n\nexport function getImportModalStepProps({\n  state,\n  isMobile,\n}: GetImportModalStepProps): Partial<\n  CustomModalLayoutProps & { children?: ReactNode; onRequestClose?: () => void }\n> {\n  const { currentStep, translate: t } = state;\n\n  if (currentStep === 'upload') {\n    return {\n      title: t('cairo.import.title'),\n      subtitle: t('cairo.import.subtitle'),\n      children: <ImportStepUpload state={state} />,\n      footnote: (\n        <Box gap=\"SP1\" verticalAlign=\"middle\">\n          <Text size=\"small\" secondary>\n            {t('cairo.import.footerText')}\n          </Text>\n          <TextButton size=\"small\">{t('cairo.import.footerLink')}</TextButton>\n        </Box>\n      ),\n      showFooterDivider: false,\n      secondaryButtonText: t('cairo.import.cancel'),\n      secondaryButtonOnClick: state.close,\n      closeButtonProps: { onClick: state.close, autoFocus: true },\n      onRequestClose: state.close,\n    };\n  }\n\n  if (currentStep === 'configuration') {\n    const handleClose = () => state.discardAndClose();\n\n    return {\n      removeContentPadding: true,\n      title: isMobile ? (\n        <Box gap=\"SP1\" verticalAlign=\"middle\" direction=\"horizontal\">\n          {t('cairo.import.configureMappingsTitle')}\n          <CounterBadge\n            size=\"medium\"\n            skin=\"neutralLight\"\n            dataHook=\"import-columns-found-counter\"\n          >\n            {state.csvHeaders.length}\n          </CounterBadge>\n        </Box>\n      ) : (\n        <Box gap=\"SP1\" verticalAlign=\"middle\" direction=\"horizontal\">\n          <Heading size=\"medium\">\n            {t('cairo.import.configureMappingsTitle')}\n          </Heading>\n          <CounterBadge\n            size=\"medium\"\n            skin=\"neutralLight\"\n            dataHook=\"import-columns-found-counter\"\n          >\n            {state.csvHeaders.length}\n          </CounterBadge>\n        </Box>\n      ),\n      subtitle: t('cairo.import.subtitle'),\n      children: <ImportStepConfiguration state={state} />,\n      showFooterDivider: true,\n      primaryButtonText: t('cairo.import.startImport'),\n      primaryButtonOnClick: state.hasMappings ? state.startImport : undefined,\n      ...(isMobile\n        ? { primaryButtonProps: { disabled: !state.hasMappings } }\n        : {\n            primaryButtonTooltipProps: !state.hasMappings\n              ? { content: t('cairo.import.noMappingsTooltip') }\n              : undefined,\n          }),\n      secondaryButtonText: t('cairo.import.cancel'),\n      secondaryButtonOnClick: handleClose,\n      closeButtonProps: {\n        onClick: handleClose,\n        autoFocus: true,\n      },\n      onRequestClose: handleClose,\n    };\n  }\n\n  return {\n    title: t('cairo.import.progressTitle'),\n    children: <ImportStepProgress state={state} />,\n    showFooterDivider: false,\n    primaryButtonText: t('cairo.import.importing'),\n    primaryButtonProps: { disabled: true },\n    secondaryButtonText: state.isRestoring\n      ? t('cairo.import.restoring')\n      : t('cairo.import.cancel'),\n    secondaryButtonOnClick: state.close,\n    secondaryButtonProps: { disabled: state.isRestoring },\n    closeButtonProps: { onClick: state.close },\n    onRequestClose: state.isRestoring ? undefined : state.close,\n  };\n}\n"],"mappings":"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","ignoreList":[]}

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_ = "InputOverflow2702296081";
+var _namespace_ = "InputOverflow202707770";
 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": "InputOverflow2702296081__root"
+  "root": "InputOverflow202707770__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_ = \"InputOverflow2702296081\";\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\":\"InputOverflow2702296081__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_ = \"InputOverflow202707770\";\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\":\"InputOverflow202707770__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA8B,CAAC;AACrD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/Kanban/Kanban.js

@@ -131,6 +131,7 @@ function _Kanban(props) {
     search: true,
     sticky: true,
     state: toolbar,
+    filters: props.filters,
     __self: this,
     __source: {
       fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_ToolbarCollection","_mobxReactLite","_Stage","_designSystem","_CollectionCard","_KanbanCardDragAndDrop","_StagesSkeleton","_useKanbanCollectionSyncProps","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_Kanban","props","state","dataHook","toolbar","events","scrollToStage","stageKey","stageElement","document","querySelector","scrollIntoView","behavior","block","inline","useKanbanCollectionSyncProps","useEffect","on","off","stages","useMemo","activeId","dragAndDropState","activeStageKey","substring","indexOf","KanbanDragAndDropContext","DragOverlay","KanbanCardDragAndDrop","firstDoneIndex","findIndex","stage","_props$state","stageType","stagesContent","createElement","stageId","__self","__source","fileName","lineNumber","columnNumber","Box","direction","gap","scrollbarWidth","scrollbarColor","overflowX","map","index","Fragment","Divider","StageComponent","_extends2","key","renderItem","actionCell","dataExtension","tags","CollectionCard","errorState","ToolbarCollection","search","sticky","height","width","display","marginTop","marginBottom","marginLeft","marginRight","overflow","isLoadingStages","StagesSkeleton","Kanban","exports","observer"],"sources":["../../../../src/components/Kanban/Kanban.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from 'react';\nimport { ToolbarBaseProps, ToolbarCollection } from '../ToolbarCollection';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { KanbanBaseProps } from './KanbanProps';\nimport { StageComponent } from './Stage';\nimport { Box, Divider } from '@wix/design-system';\nimport { CollectionCard } from '../CollectionCard';\nimport { KanbanCardDragAndDrop } from '../KanbanDragAndDropDndKit/KanbanCardDragAndDrop';\nimport { StagesSkeleton } from './StagesSkeleton';\nimport { useKanbanCollectionSyncProps } from './useKanbanCollectionSyncProps';\n\nexport interface KanbanProps<C, S, F extends FiltersMap>\n  extends ToolbarBaseProps,\n    KanbanBaseProps<C, S, F> {}\n\nfunction _Kanban<C, S, F extends FiltersMap>(props: KanbanProps<C, S, F>) {\n  const { state, dataHook } = props;\n\n  const { toolbar, events } = state;\n\n  const scrollToStage = ({ stageKey }: { stageKey: string }) => {\n    const stageElement = document.querySelector(\n      `[data-hook=\"kanban-stage-container-${stageKey}\"]`,\n    );\n    if (stageElement) {\n      stageElement.scrollIntoView?.({\n        behavior: 'smooth',\n        block: 'nearest',\n        inline: 'center',\n      });\n    }\n  };\n\n  useKanbanCollectionSyncProps(props);\n\n  useEffect(() => {\n    events.on('scrollToStage', scrollToStage);\n\n    return () => {\n      events.off('scrollToStage', scrollToStage);\n    };\n  }, [events]);\n\n  const stages = useMemo(() => {\n    return props.state.stages;\n  }, [props.state.stages]);\n\n  // Calculate active stage key from activeId\n  const activeId = state.dragAndDropState.activeId;\n  const activeStageKey = activeId\n    ? activeId.substring(0, activeId.indexOf('-##-')) || null\n    : null;\n\n  // Wrap with global drag and drop context - always enabled for Kanban\n  const { KanbanDragAndDropContext, DragOverlay } = KanbanCardDragAndDrop;\n\n  // Find the index of the first DONE stage\n  const firstDoneIndex = stages.findIndex(\n    (stage: S) => props.state?.stageType?.(stage) === 'DONE',\n  );\n\n  const stagesContent = (\n    <KanbanDragAndDropContext state={state} stageId=\"all\">\n      <Box\n        direction=\"horizontal\"\n        gap=\"12px\"\n        scrollbarWidth=\"thin\"\n        scrollbarColor=\"#CFD1DC transparent\"\n        overflowX=\"scroll\"\n      >\n        {stages.map((stage: S, index: number) => (\n          <>\n            {index === firstDoneIndex && firstDoneIndex !== -1 && (\n              <Divider\n                direction=\"vertical\"\n                dataHook=\"kanban-stages-done-divider\"\n              />\n            )}\n            <StageComponent\n              dataHook={`kanban-stage-${props.state.stageKey(stage)}`}\n              key={props.state.stageKey(stage)}\n              activeStageKey={activeStageKey}\n              stageKey={props.state.stageKey(stage)}\n              {...props}\n            />\n          </>\n        ))}\n      </Box>\n      <DragOverlay\n        state={state}\n        renderItem={props.renderItem}\n        actionCell={props.actionCell}\n        dataExtension={props.dataExtension}\n        tags={props.tags}\n      />\n    </KanbanDragAndDropContext>\n  );\n\n  return (\n    <CollectionCard errorState={false} state={toolbar} dataHook={dataHook}>\n      <ToolbarCollection search={true} sticky state={toolbar}>\n        {/* hack for showing manage tags action in more actions menu */}\n        <Box\n          dataHook=\"kanban-tags-container\"\n          height=\"0px\"\n          width=\"0px\"\n          display=\"hidden\"\n        >\n          {props.tags && props.tags}\n        </Box>\n        <Box\n          dataHook=\"kanban-test\"\n          marginTop=\"16px\"\n          marginBottom=\"12px\"\n          marginLeft=\"18px\"\n          marginRight=\"18px\"\n          overflow=\"auto\"\n          direction=\"vertical\"\n        >\n          <Box dataHook=\"kanban-stages\" direction=\"vertical\">\n            {props.state.isLoadingStages ? <StagesSkeleton /> : stagesContent}\n          </Box>\n        </Box>\n      </ToolbarCollection>\n    </CollectionCard>\n  );\n}\n\nexport const Kanban = observer(_Kanban);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_ToolbarCollection","_mobxReactLite","_Stage","_designSystem","_CollectionCard","_KanbanCardDragAndDrop","_StagesSkeleton","_useKanbanCollectionSyncProps","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_Kanban","props","state","dataHook","toolbar","events","scrollToStage","stageKey","stageElement","document","querySelector","scrollIntoView","behavior","block","inline","useKanbanCollectionSyncProps","useEffect","on","off","stages","useMemo","activeId","dragAndDropState","activeStageKey","substring","indexOf","KanbanDragAndDropContext","DragOverlay","KanbanCardDragAndDrop","firstDoneIndex","findIndex","stage","_props$state","stageType","stagesContent","createElement","stageId","__self","__source","fileName","lineNumber","columnNumber","Box","direction","gap","scrollbarWidth","scrollbarColor","overflowX","map","index","Fragment","Divider","StageComponent","_extends2","key","renderItem","actionCell","dataExtension","tags","CollectionCard","errorState","ToolbarCollection","search","sticky","filters","height","width","display","marginTop","marginBottom","marginLeft","marginRight","overflow","isLoadingStages","StagesSkeleton","Kanban","exports","observer"],"sources":["../../../../src/components/Kanban/Kanban.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from 'react';\nimport { ToolbarBaseProps, ToolbarCollection } from '../ToolbarCollection';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { KanbanBaseProps } from './KanbanProps';\nimport { StageComponent } from './Stage';\nimport { Box, Divider } from '@wix/design-system';\nimport { CollectionCard } from '../CollectionCard';\nimport { KanbanCardDragAndDrop } from '../KanbanDragAndDropDndKit/KanbanCardDragAndDrop';\nimport { StagesSkeleton } from './StagesSkeleton';\nimport { useKanbanCollectionSyncProps } from './useKanbanCollectionSyncProps';\n\nexport interface KanbanProps<C, S, F extends FiltersMap>\n  extends ToolbarBaseProps,\n    KanbanBaseProps<C, S, F> {}\n\nfunction _Kanban<C, S, F extends FiltersMap>(props: KanbanProps<C, S, F>) {\n  const { state, dataHook } = props;\n\n  const { toolbar, events } = state;\n\n  const scrollToStage = ({ stageKey }: { stageKey: string }) => {\n    const stageElement = document.querySelector(\n      `[data-hook=\"kanban-stage-container-${stageKey}\"]`,\n    );\n    if (stageElement) {\n      stageElement.scrollIntoView?.({\n        behavior: 'smooth',\n        block: 'nearest',\n        inline: 'center',\n      });\n    }\n  };\n\n  useKanbanCollectionSyncProps(props);\n\n  useEffect(() => {\n    events.on('scrollToStage', scrollToStage);\n\n    return () => {\n      events.off('scrollToStage', scrollToStage);\n    };\n  }, [events]);\n\n  const stages = useMemo(() => {\n    return props.state.stages;\n  }, [props.state.stages]);\n\n  // Calculate active stage key from activeId\n  const activeId = state.dragAndDropState.activeId;\n  const activeStageKey = activeId\n    ? activeId.substring(0, activeId.indexOf('-##-')) || null\n    : null;\n\n  // Wrap with global drag and drop context - always enabled for Kanban\n  const { KanbanDragAndDropContext, DragOverlay } = KanbanCardDragAndDrop;\n\n  // Find the index of the first DONE stage\n  const firstDoneIndex = stages.findIndex(\n    (stage: S) => props.state?.stageType?.(stage) === 'DONE',\n  );\n\n  const stagesContent = (\n    <KanbanDragAndDropContext state={state} stageId=\"all\">\n      <Box\n        direction=\"horizontal\"\n        gap=\"12px\"\n        scrollbarWidth=\"thin\"\n        scrollbarColor=\"#CFD1DC transparent\"\n        overflowX=\"scroll\"\n      >\n        {stages.map((stage: S, index: number) => (\n          <>\n            {index === firstDoneIndex && firstDoneIndex !== -1 && (\n              <Divider\n                direction=\"vertical\"\n                dataHook=\"kanban-stages-done-divider\"\n              />\n            )}\n            <StageComponent\n              dataHook={`kanban-stage-${props.state.stageKey(stage)}`}\n              key={props.state.stageKey(stage)}\n              activeStageKey={activeStageKey}\n              stageKey={props.state.stageKey(stage)}\n              {...props}\n            />\n          </>\n        ))}\n      </Box>\n      <DragOverlay\n        state={state}\n        renderItem={props.renderItem}\n        actionCell={props.actionCell}\n        dataExtension={props.dataExtension}\n        tags={props.tags}\n      />\n    </KanbanDragAndDropContext>\n  );\n\n  return (\n    <CollectionCard errorState={false} state={toolbar} dataHook={dataHook}>\n      <ToolbarCollection search={true} sticky state={toolbar} filters={props.filters}>\n        {/* hack for showing manage tags action in more actions menu */}\n        <Box\n          dataHook=\"kanban-tags-container\"\n          height=\"0px\"\n          width=\"0px\"\n          display=\"hidden\"\n        >\n          {props.tags && props.tags}\n        </Box>\n        <Box\n          dataHook=\"kanban-test\"\n          marginTop=\"16px\"\n          marginBottom=\"12px\"\n          marginLeft=\"18px\"\n          marginRight=\"18px\"\n          overflow=\"auto\"\n          direction=\"vertical\"\n        >\n          <Box dataHook=\"kanban-stages\" direction=\"vertical\">\n            {props.state.isLoadingStages ? <StagesSkeleton /> : stagesContent}\n          </Box>\n        </Box>\n      </ToolbarCollection>\n    </CollectionCard>\n  );\n}\n\nexport const Kanban = observer(_Kanban);\n"],"mappings":"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","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_ = "LoadingRow1261929484";
+var _namespace_ = "LoadingRow3461175397";
 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": "LoadingRow1261929484__root"
+  "root": "LoadingRow3461175397__root"
 };
 var keyframes = exports.keyframes = {
-  "gradientSwoosh": "LoadingRow1261929484__gradientSwoosh"
+  "gradientSwoosh": "LoadingRow3461175397__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_ = \"LoadingRow1261929484\";\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\":\"LoadingRow1261929484__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow1261929484__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_ = \"LoadingRow3461175397\";\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\":\"LoadingRow3461175397__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow3461175397__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_ = "MaxHeightText4035389596";
+var _namespace_ = "MaxHeightText216893253";
 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": "MaxHeightText4035389596__root"
+  "root": "MaxHeightText216893253__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_ = \"MaxHeightText4035389596\";\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\":\"MaxHeightText4035389596__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_ = \"MaxHeightText216893253\";\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\":\"MaxHeightText216893253__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA8B,CAAC;AACrD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "MaxLines2995177162";
+var _namespace_ = "MaxLines1284639450";
 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": "MaxLines2995177162__root"
+  "root": "MaxLines1284639450__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_ = \"MaxLines2995177162\";\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\":\"MaxLines2995177162__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oBAAoB;AACtC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA0B,CAAC;AACjD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/MaxLines/MaxLines.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxLines1284639450\";\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\":\"MaxLines1284639450__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_ = "MultiBulkActionToolbar2064943119";
+var _namespace_ = "MultiBulkActionToolbar791660869";
 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": "MultiBulkActionToolbar2064943119__root",
-  "leftGroupWrapper": "MultiBulkActionToolbar2064943119__leftGroupWrapper",
-  "selectedCountItem": "MultiBulkActionToolbar2064943119__selectedCountItem",
-  "selectedCountText": "MultiBulkActionToolbar2064943119__selectedCountText"
+  "root": "MultiBulkActionToolbar791660869__root",
+  "leftGroupWrapper": "MultiBulkActionToolbar791660869__leftGroupWrapper",
+  "selectedCountItem": "MultiBulkActionToolbar791660869__selectedCountItem",
+  "selectedCountText": "MultiBulkActionToolbar791660869__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_ = \"MultiBulkActionToolbar2064943119\";\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\":\"MultiBulkActionToolbar2064943119__root\",\"leftGroupWrapper\":\"MultiBulkActionToolbar2064943119__leftGroupWrapper\",\"selectedCountItem\":\"MultiBulkActionToolbar2064943119__selectedCountItem\",\"selectedCountText\":\"MultiBulkActionToolbar2064943119__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_ = \"MultiBulkActionToolbar791660869\";\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\":\"MultiBulkActionToolbar791660869__root\",\"leftGroupWrapper\":\"MultiBulkActionToolbar791660869__leftGroupWrapper\",\"selectedCountItem\":\"MultiBulkActionToolbar791660869__selectedCountItem\",\"selectedCountText\":\"MultiBulkActionToolbar791660869__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,iCAAiC;AACnD,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,uCAAuC;EAAC,kBAAkB,EAAC,mDAAmD;EAAC,mBAAmB,EAAC,oDAAoD;EAAC,mBAAmB,EAAC;AAAoD,CAAC;AACvR,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_ = "NestedTablePlaceholderStatesRow312175470";
+var _namespace_ = "NestedTablePlaceholderStatesRow2310651378";
 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": "NestedTablePlaceholderStatesRow312175470__root"
+  "root": "NestedTablePlaceholderStatesRow2310651378__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};