@widergy/energy-ui 3.173.2 → 3.173.4

package/dist/components/UTStatus/theme.js

@@ -1,228 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.validateProps = exports.retrieveStyle = exports.getLabelVariant = exports.getIconSize = exports.getColorTheme = exports.defaultIconMapper = void 0;
-var _Palette = require("../../constants/Palette");
-var _constants = require("./constants");
-const getBackgroundColor = _ref => {
-  let {
-    theme,
-    type,
-    variant
-  } = _ref;
-  return variant !== _constants.VARIANTS.unassigned ? theme.Palette[variant][type === _constants.TYPES.negative ? '04' : '01'] : type === _constants.TYPES.negative ? theme.Palette.gray['04'] : theme.Palette.light['04'];
-};
-const getIconFill = _ref2 => {
-  let {
-    theme,
-    type,
-    variant
-  } = _ref2;
-  return {
-    [_constants.TYPES.default]: theme.Palette.dark['05'],
-    [_constants.TYPES.light]: theme.Palette[variant !== _constants.VARIANTS.unassigned ? variant : 'gray']['05'],
-    [_constants.TYPES.negative]: theme.Palette.light['01']
-  }[type];
-};
-const getGridGap = _ref3 => {
-  let {
-    size
-  } = _ref3;
-  return {
-    [_constants.SIZES.large]: 'var(--UT-status-gap-large, 0.5rem)',
-    [_constants.SIZES.medium]: 'var(--UT-status-gap-medium, 0.5rem)',
-    [_constants.SIZES.small]: 'var(--UT-status-gap-small, 0.25rem)',
-    [_constants.SIZES.xlarge]: 'var(--UT-status-gap-xlarge, 0.5rem)',
-    [_constants.SIZES.xsmall]: 'var(--UT-status-gap-xsmall, 0.25rem)'
-  }[size];
-};
-const getPadding = _ref4 => {
-  let {
-    size
-  } = _ref4;
-  return {
-    [_constants.SIZES.large]: 'var(--UT-status-padding-y-large, 0.25rem) var(--UT-status-padding-x-large, 0.5rem)',
-    [_constants.SIZES.medium]: 'var(--UT-status-padding-y-medium, 0.25rem) var(--UT-status-padding-x-medium, 0.5rem)',
-    [_constants.SIZES.small]: 'var(--UT-status-padding-y-small, 0.25rem) var(--UT-status-padding-x-small, 0.5rem)',
-    [_constants.SIZES.xlarge]: 'var(--UT-status-padding-y-xlarge, 0.5rem) var(--UT-status-padding-x-xlarge, 0.75rem)',
-    [_constants.SIZES.xsmall]: 'var(--UT-status-padding-y-xsmall, 0.125rem) var(--UT-status-padding-x-xsmall, 0.25rem)'
-  }[size];
-};
-const getLabelVariant = _ref5 => {
-  let {
-    size
-  } = _ref5;
-  return {
-    [_constants.SIZES.large]: 'body',
-    [_constants.SIZES.medium]: 'small',
-    [_constants.SIZES.small]: 'xsmall',
-    [_constants.SIZES.xlarge]: 'body',
-    [_constants.SIZES.xsmall]: 'xsmall'
-  }[size];
-};
-exports.getLabelVariant = getLabelVariant;
-const getIconSize = _ref6 => {
-  let {
-    size
-  } = _ref6;
-  return {
-    [_constants.SIZES.large]: 'var(--UT-status-icon-size-xs, 1.25rem)',
-    [_constants.SIZES.medium]: 'var(--UT-status-icon-size-2xs, 1rem)',
-    [_constants.SIZES.small]: 'var(--UT-status-icon-size-3xs, 0.75rem)',
-    [_constants.SIZES.xlarge]: 'var(--UT-status-icon-size-xs, 1.25rem)',
-    [_constants.SIZES.xsmall]: 'var(--UT-status-icon-size-3xs, 0.75rem)'
-  }[size];
-};
-exports.getIconSize = getIconSize;
-const defaultIconMapper = variant => ({
-  [_constants.VARIANTS.accent]: 'IconCheck',
-  [_constants.VARIANTS.error]: 'IconX',
-  [_constants.VARIANTS.information]: 'IconInfoCircle',
-  [_constants.VARIANTS.success]: 'IconCheck',
-  [_constants.VARIANTS.unassigned]: 'IconArchive',
-  [_constants.VARIANTS.warning]: 'IconAlertTriangle'
-})[variant];
-exports.defaultIconMapper = defaultIconMapper;
-const validateProps = _ref7 => {
-  let {
-    type,
-    variant,
-    ...props
-  } = _ref7;
-  return {
-    type: _constants.TYPES[type] || _constants.TYPES[_constants.DEFAULT_PROPS.type],
-    variant: _constants.VARIANTS[variant] || _constants.VARIANTS[_constants.DEFAULT_PROPS.variant],
-    ...props
-  };
-};
-exports.validateProps = validateProps;
-const retrieveStyle = _ref8 => {
-  let {
-    theme,
-    size = _constants.DEFAULT_PROPS.size,
-    type = _constants.DEFAULT_PROPS.type,
-    uppercase,
-    variant = _constants.DEFAULT_PROPS.variant
-  } = _ref8;
-  return {
-    root: {
-      alignItems: 'center',
-      backgroundColor: getBackgroundColor({
-        theme,
-        ...validateProps({
-          type,
-          variant
-        })
-      }),
-      borderRadius: 'var(--UT-status-radius, 0.25rem)',
-      display: 'flex',
-      gridGap: getGridGap({
-        size
-      }),
-      height: 'fit-content',
-      padding: getPadding({
-        size
-      }),
-      width: 'fit-content',
-      '&:empty': {
-        display: 'none'
-      }
-    },
-    label: {
-      ...(uppercase ? {
-        textTransform: 'uppercase'
-      } : {})
-    },
-    icon: {
-      flexShrink: '0',
-      height: 'var(--UT-status-icon-size-xs, 1.25rem)',
-      width: 'var(--UT-status-icon-size-xs, 1.25rem)',
-      '& path': {
-        fill: getIconFill({
-          theme,
-          ...validateProps({
-            type,
-            variant
-          })
-        })
-      }
-    },
-    badge: {
-      backgroundColor: type === _constants.TYPES.negative ? "".concat(theme.Palette[variant !== _constants.VARIANTS.unassigned ? variant : _Palette.COLOR_THEMES.gray]['03'], " !important") : "".concat(theme.Palette[variant !== _constants.VARIANTS.unassigned ? variant : _Palette.COLOR_THEMES.gray][variant !== _constants.VARIANTS.error ? '03' : '04'], " !important")
-    },
-    adornmentIcon: {
-      flexShrink: '0',
-      '& path': {
-        stroke: getIconFill({
-          theme,
-          ...validateProps({
-            type,
-            variant
-          })
-        })
-      }
-    },
-    iconXsmall: {
-      height: 'var(--UT-status-icon-size-3xs, 0.75rem)',
-      width: 'var(--UT-status-icon-size-3xs, 0.75rem)'
-    },
-    iconSmall: {
-      height: 'var(--UT-status-icon-size-3xs, 0.75rem)',
-      width: 'var(--UT-status-icon-size-3xs, 0.75rem)'
-    },
-    iconMedium: {
-      height: 'var(--UT-status-icon-size-2xs, 1rem)',
-      width: 'var(--UT-status-icon-size-2xs, 1rem)'
-    },
-    iconLarge: {
-      height: 'var(--UT-status-icon-size-xs, 1.25rem)',
-      width: 'var(--UT-status-icon-size-xs, 1.25rem)'
-    },
-    badgeXsmall: {
-      height: '8px',
-      width: '8px'
-    },
-    iconXlarge: {
-      height: '20px',
-      width: '20px'
-    },
-    badgeSmall: {
-      height: '8px',
-      width: '8px'
-    },
-    badgeMedium: {
-      height: '10px',
-      width: '10px'
-    },
-    badgeLarge: {
-      height: '10px',
-      width: '10px'
-    },
-    badgeXlarge: {
-      height: '10px',
-      width: '10px'
-    },
-    withoutArea: {
-      backgroundColor: 'transparent !important'
-    },
-    roundedArea: {
-      borderRadius: 'var(--UT-status-radius-rounded, 9999px)'
-    }
-  };
-};
-exports.retrieveStyle = retrieveStyle;
-const getColorTheme = _ref9 => {
-  let {
-    type,
-    variant
-  } = _ref9;
-  return {
-    [_constants.TYPES.accent]: _Palette.COLOR_THEMES.accent,
-    [_constants.TYPES.default]: _Palette.COLOR_THEMES.dark,
-    [_constants.TYPES.light]: variant !== _constants.VARIANTS.unassigned ? variant : _Palette.COLOR_THEMES.gray,
-    [_constants.TYPES.negative]: _Palette.COLOR_THEMES.light
-  }[type];
-};
-exports.getColorTheme = getColorTheme;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.validateProps=exports.retrieveStyle=exports.getLabelVariant=exports.getIconSize=exports.getColorTheme=exports.defaultIconMapper=void 0;var _Palette=require("../../constants/Palette"),_constants=require("./constants");const getBackgroundColor=t=>{let{theme:e,type:a,variant:s}=t;return s!==_constants.VARIANTS.unassigned?e.Palette[s][a===_constants.TYPES.negative?"04":"01"]:a===_constants.TYPES.negative?e.Palette.gray["04"]:e.Palette.light["04"]},getIconFill=t=>{let{theme:e,type:a,variant:s}=t;return{[_constants.TYPES.default]:e.Palette.dark["05"],[_constants.TYPES.light]:e.Palette[s!==_constants.VARIANTS.unassigned?s:"gray"]["05"],[_constants.TYPES.negative]:e.Palette.light["01"]}[a]},getGridGap=t=>{let{size:e}=t;return{[_constants.SIZES.large]:"var(--UT-status-gap-large, 0.5rem)",[_constants.SIZES.medium]:"var(--UT-status-gap-medium, 0.5rem)",[_constants.SIZES.small]:"var(--UT-status-gap-small, 0.25rem)",[_constants.SIZES.xlarge]:"var(--UT-status-gap-xlarge, 0.5rem)",[_constants.SIZES.xsmall]:"var(--UT-status-gap-xsmall, 0.25rem)"}[e]},getPadding=t=>{let{size:e}=t;return{[_constants.SIZES.large]:"var(--UT-status-padding-y-large, 0.25rem) var(--UT-status-padding-x-large, 0.5rem)",[_constants.SIZES.medium]:"var(--UT-status-padding-y-medium, 0.25rem) var(--UT-status-padding-x-medium, 0.5rem)",[_constants.SIZES.small]:"var(--UT-status-padding-y-small, 0.25rem) var(--UT-status-padding-x-small, 0.5rem)",[_constants.SIZES.xlarge]:"var(--UT-status-padding-y-xlarge, 0.5rem) var(--UT-status-padding-x-xlarge, 0.75rem)",[_constants.SIZES.xsmall]:"var(--UT-status-padding-y-xsmall, 0.125rem) var(--UT-status-padding-x-xsmall, 0.25rem)"}[e]},getLabelVariant=t=>{let{size:e}=t;return{[_constants.SIZES.large]:"body",[_constants.SIZES.medium]:"small",[_constants.SIZES.small]:"xsmall",[_constants.SIZES.xlarge]:"body",[_constants.SIZES.xsmall]:"xsmall"}[e]};exports.getLabelVariant=getLabelVariant;const getIconSize=t=>{let{size:e}=t;return{[_constants.SIZES.large]:"var(--UT-status-icon-size-xs, 1.25rem)",[_constants.SIZES.medium]:"var(--UT-status-icon-size-2xs, 1rem)",[_constants.SIZES.small]:"var(--UT-status-icon-size-3xs, 0.75rem)",[_constants.SIZES.xlarge]:"var(--UT-status-icon-size-xs, 1.25rem)",[_constants.SIZES.xsmall]:"var(--UT-status-icon-size-3xs, 0.75rem)"}[e]};exports.getIconSize=getIconSize;const defaultIconMapper=t=>({[_constants.VARIANTS.accent]:"IconCheck",[_constants.VARIANTS.error]:"IconX",[_constants.VARIANTS.information]:"IconInfoCircle",[_constants.VARIANTS.success]:"IconCheck",[_constants.VARIANTS.unassigned]:"IconArchive",[_constants.VARIANTS.warning]:"IconAlertTriangle"}[t]);exports.defaultIconMapper=defaultIconMapper;const validateProps=t=>{let{type:e,variant:a,...s}=t;return{type:_constants.TYPES[e]||_constants.TYPES[_constants.DEFAULT_PROPS.type],variant:_constants.VARIANTS[a]||_constants.VARIANTS[_constants.DEFAULT_PROPS.variant],...s}};exports.validateProps=validateProps;const retrieveStyle=t=>{let{theme:e,size:a=_constants.DEFAULT_PROPS.size,type:s=_constants.DEFAULT_PROPS.type,uppercase:n,variant:r=_constants.DEFAULT_PROPS.variant}=t;return{root:{alignItems:"center",backgroundColor:getBackgroundColor({theme:e,...validateProps({type:s,variant:r})}),borderRadius:"var(--UT-status-radius, 0.25rem)",display:"flex",gridGap:getGridGap({size:a}),height:"fit-content",padding:getPadding({size:a}),width:"fit-content","&:empty":{display:"none"}},label:{...n?{textTransform:"uppercase"}:{}},icon:{flexShrink:"0",height:"var(--UT-status-icon-size-xs, 1.25rem)",width:"var(--UT-status-icon-size-xs, 1.25rem)","& path":{fill:getIconFill({theme:e,...validateProps({type:s,variant:r})})}},badge:{backgroundColor:s===_constants.TYPES.negative?"".concat(e.Palette[r!==_constants.VARIANTS.unassigned?r:_Palette.COLOR_THEMES.gray]["03"]," !important"):"".concat(e.Palette[r!==_constants.VARIANTS.unassigned?r:_Palette.COLOR_THEMES.gray][r!==_constants.VARIANTS.error?"03":"04"]," !important")},adornmentIcon:{flexShrink:"0","& path":{stroke:getIconFill({theme:e,...validateProps({type:s,variant:r})})}},iconXsmall:{height:"var(--UT-status-icon-size-3xs, 0.75rem)",width:"var(--UT-status-icon-size-3xs, 0.75rem)"},iconSmall:{height:"var(--UT-status-icon-size-3xs, 0.75rem)",width:"var(--UT-status-icon-size-3xs, 0.75rem)"},iconMedium:{height:"var(--UT-status-icon-size-2xs, 1rem)",width:"var(--UT-status-icon-size-2xs, 1rem)"},iconLarge:{height:"var(--UT-status-icon-size-xs, 1.25rem)",width:"var(--UT-status-icon-size-xs, 1.25rem)"},badgeXsmall:{height:"8px",width:"8px"},iconXlarge:{height:"20px",width:"20px"},badgeSmall:{height:"8px",width:"8px"},badgeMedium:{height:"10px",width:"10px"},badgeLarge:{height:"10px",width:"10px"},badgeXlarge:{height:"10px",width:"10px"},withoutArea:{backgroundColor:"transparent !important"},roundedArea:{borderRadius:"var(--UT-status-radius-rounded, 9999px)"}}};exports.retrieveStyle=retrieveStyle;const getColorTheme=t=>{let{type:e,variant:a}=t;return{[_constants.TYPES.accent]:_Palette.COLOR_THEMES.accent,[_constants.TYPES.default]:_Palette.COLOR_THEMES.dark,[_constants.TYPES.light]:a!==_constants.VARIANTS.unassigned?a:_Palette.COLOR_THEMES.gray,[_constants.TYPES.negative]:_Palette.COLOR_THEMES.light}[e]};exports.getColorTheme=getColorTheme;

package/dist/components/UTStatus/utils.js

@@ -1,94 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.validateAdornments = exports.getIconProps = exports.getAdornmentsThemeProps = void 0;
-var _componentUtils = require("../../utils/componentUtils");
-var _UTIcon = _interopRequireDefault(require("../UTIcon"));
-var _constants = require("./constants");
-var _theme = require("./theme");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const getIconProps = _ref => {
-  let {
-    className,
-    Icon,
-    type,
-    variant,
-    size
-  } = _ref;
-  return {
-    IconComponent: (0, _componentUtils.isUTIcon)(Icon) ? _UTIcon.default : Icon,
-    ...((0, _componentUtils.isUTIcon)(Icon) ? {
-      colorTheme: (0, _theme.getColorTheme)({
-        type,
-        variant
-      }),
-      name: Icon,
-      size: (0, _theme.getIconSize)({
-        size
-      })
-    } : {
-      className
-    })
-  };
-};
-exports.getIconProps = getIconProps;
-const validateAdornments = adornments => adornments.every(adornment => {
-  if (adornment.left || adornment.right) {
-    return (!adornment.left || _constants.COMPONENTS_MAPPER[adornment.left.name]) && (!adornment.right || _constants.COMPONENTS_MAPPER[adornment.right.name]);
-  }
-  return _constants.COMPONENTS_MAPPER[adornment.name];
-});
-exports.validateAdornments = validateAdornments;
-const interpreterSize = (size, classes) => {
-  const {
-    iconXsmall,
-    iconSmall,
-    iconMedium,
-    iconLarge,
-    iconXlarge,
-    badgeXsmall,
-    badgeSmall,
-    badgeMedium,
-    badgeLarge,
-    badgeXlarge
-  } = classes || {};
-  return {
-    [_constants.COMPONENT_KEYS.BADGE]: {
-      [_constants.SIZES.xsmall]: badgeXsmall,
-      [_constants.SIZES.small]: badgeSmall,
-      [_constants.SIZES.medium]: badgeMedium,
-      [_constants.SIZES.large]: badgeLarge,
-      [_constants.SIZES.xlarge]: badgeXlarge
-    }[size],
-    [_constants.COMPONENT_KEYS.ICON]: {
-      [_constants.SIZES.xsmall]: iconXsmall,
-      [_constants.SIZES.small]: iconSmall,
-      [_constants.SIZES.medium]: iconMedium,
-      [_constants.SIZES.large]: iconLarge,
-      [_constants.SIZES.xlarge]: iconXlarge
-    }[size]
-  };
-};
-const getAdornmentsThemeProps = props => {
-  const {
-    adornmentName,
-    classes,
-    size = _constants.SIZES.medium
-  } = props || {};
-  const {
-    badge,
-    adornmentIcon
-  } = classes || {};
-  const recoverClassForSizeAndType = interpreterSize(size, classes)[adornmentName];
-  return {
-    [_constants.COMPONENT_KEYS.BADGE]: {
-      className: "".concat(badge, " ").concat(recoverClassForSizeAndType)
-    },
-    [_constants.COMPONENT_KEYS.ICON]: {
-      className: "".concat(adornmentIcon, " ").concat(recoverClassForSizeAndType)
-    }
-  }[adornmentName];
-};
-exports.getAdornmentsThemeProps = getAdornmentsThemeProps;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.validateAdornments=exports.getIconProps=exports.getAdornmentsThemeProps=void 0;var _componentUtils=require("../../utils/componentUtils"),_UTIcon=_interopRequireDefault(require("../UTIcon")),_constants=require("./constants"),_theme=require("./theme");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const getIconProps=e=>{let{className:t,Icon:n,type:s,variant:o,size:a}=e;return{IconComponent:(0,_componentUtils.isUTIcon)(n)?_UTIcon.default:n,...(0,_componentUtils.isUTIcon)(n)?{colorTheme:(0,_theme.getColorTheme)({type:s,variant:o}),name:n,size:(0,_theme.getIconSize)({size:a})}:{className:t}}};exports.getIconProps=getIconProps;const validateAdornments=e=>e.every(e=>e.left||e.right?(!e.left||_constants.COMPONENTS_MAPPER[e.left.name])&&(!e.right||_constants.COMPONENTS_MAPPER[e.right.name]):_constants.COMPONENTS_MAPPER[e.name]);exports.validateAdornments=validateAdornments;const interpreterSize=(e,t)=>{const{iconXsmall:n,iconSmall:s,iconMedium:o,iconLarge:a,iconXlarge:r,badgeXsmall:c,badgeSmall:m,badgeMedium:l,badgeLarge:i,badgeXlarge:_}=t||{};return{[_constants.COMPONENT_KEYS.BADGE]:{[_constants.SIZES.xsmall]:c,[_constants.SIZES.small]:m,[_constants.SIZES.medium]:l,[_constants.SIZES.large]:i,[_constants.SIZES.xlarge]:_}[e],[_constants.COMPONENT_KEYS.ICON]:{[_constants.SIZES.xsmall]:n,[_constants.SIZES.small]:s,[_constants.SIZES.medium]:o,[_constants.SIZES.large]:a,[_constants.SIZES.xlarge]:r}[e]}},getAdornmentsThemeProps=e=>{const{adornmentName:t,classes:n,size:s=_constants.SIZES.medium}=e||{},{badge:o,adornmentIcon:a}=n||{},r=interpreterSize(s,n)[t];return{[_constants.COMPONENT_KEYS.BADGE]:{className:"".concat(o," ").concat(r)},[_constants.COMPONENT_KEYS.ICON]:{className:"".concat(a," ").concat(r)}}[t]};exports.getAdornmentsThemeProps=getAdornmentsThemeProps;

package/dist/components/UTStatusMessage/constants.js

@@ -1,36 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ICON_COLOR_THEMES = exports.COLOR_THEMES = void 0;
-const COLOR_THEMES = exports.COLOR_THEMES = {
-  ACCENT: 'accent',
-  DEFAULT: 'default',
-  ERROR: 'error',
-  GRADIENT: 'gradient',
-  GRAY: 'gray',
-  IDENTITY_1: 'identity1',
-  IDENTITY_2: 'identity2',
-  IDENTITY_3: 'identity3',
-  IDENTITY_4: 'identity4',
-  INFO: 'info',
-  NEGATIVE: 'negative',
-  SUCCESS: 'success',
-  WARNING: 'warning'
-};
-const ICON_COLOR_THEMES = exports.ICON_COLOR_THEMES = {
-  [COLOR_THEMES.ACCENT]: 'accent',
-  [COLOR_THEMES.DEFAULT]: 'dark',
-  [COLOR_THEMES.ERROR]: 'error',
-  [COLOR_THEMES.GRADIENT]: 'light',
-  [COLOR_THEMES.GRAY]: 'gray',
-  [COLOR_THEMES.IDENTITY_1]: 'light',
-  [COLOR_THEMES.IDENTITY_2]: 'light',
-  [COLOR_THEMES.IDENTITY_3]: 'light',
-  [COLOR_THEMES.IDENTITY_4]: 'light',
-  [COLOR_THEMES.INFO]: 'information',
-  [COLOR_THEMES.NEGATIVE]: 'dark',
-  [COLOR_THEMES.SUCCESS]: 'success',
-  [COLOR_THEMES.WARNING]: 'warning'
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ICON_COLOR_THEMES=exports.COLOR_THEMES=void 0;const COLOR_THEMES=exports.COLOR_THEMES={ACCENT:"accent",DEFAULT:"default",ERROR:"error",GRADIENT:"gradient",GRAY:"gray",IDENTITY_1:"identity1",IDENTITY_2:"identity2",IDENTITY_3:"identity3",IDENTITY_4:"identity4",INFO:"info",NEGATIVE:"negative",SUCCESS:"success",WARNING:"warning"},ICON_COLOR_THEMES=exports.ICON_COLOR_THEMES={[COLOR_THEMES.ACCENT]:"accent",[COLOR_THEMES.DEFAULT]:"dark",[COLOR_THEMES.ERROR]:"error",[COLOR_THEMES.GRADIENT]:"light",[COLOR_THEMES.GRAY]:"gray",[COLOR_THEMES.IDENTITY_1]:"light",[COLOR_THEMES.IDENTITY_2]:"light",[COLOR_THEMES.IDENTITY_3]:"light",[COLOR_THEMES.IDENTITY_4]:"light",[COLOR_THEMES.INFO]:"information",[COLOR_THEMES.NEGATIVE]:"dark",[COLOR_THEMES.SUCCESS]:"success",[COLOR_THEMES.WARNING]:"warning"};

package/dist/components/UTStatusMessage/index.js

@@ -1,114 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _propTypes = require("prop-types");
-var _react = _interopRequireDefault(require("react"));
-var _UTButton = _interopRequireDefault(require("../UTButton"));
-var _UTIcon = _interopRequireDefault(require("../UTIcon"));
-var _UTLabel = _interopRequireDefault(require("../UTLabel"));
-var _UTLoading = _interopRequireDefault(require("../UTLoading"));
-var _WithTheme = _interopRequireDefault(require("../WithTheme"));
-var _testIds = require("../../constants/testIds");
-var _constants = require("./constants");
-var _theme = require("./theme");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const {
-  statusMessage
-} = _testIds.TEST_IDS;
-const UTStatusMessage = _ref => {
-  let {
-    children,
-    classes,
-    colorTheme = _constants.COLOR_THEMES.DEFAULT,
-    description,
-    descriptionProps,
-    HeaderComponent,
-    helpText,
-    helpTextProps,
-    icon = 'IconInfoCircle',
-    iconProps = {
-      size: 40
-    },
-    loading,
-    primaryAction,
-    primaryActionProps,
-    primaryActionText,
-    secondaryAction,
-    secondaryActionProps,
-    secondaryActionText,
-    showHeader = true,
-    title,
-    titleProps
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.container, " ").concat(classes.container)
-  }, loading ? /*#__PURE__*/_react.default.createElement(_UTLoading.default, {
-    loading: true,
-    text: null
-  }) : showHeader ? /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.banner
-  }, HeaderComponent ? /*#__PURE__*/_react.default.createElement(HeaderComponent, null) : /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.iconContainer
-  }, /*#__PURE__*/_react.default.createElement(_UTIcon.default, _extends({
-    name: icon,
-    colorTheme: _constants.ICON_COLOR_THEMES[colorTheme],
-    dataTestId: statusMessage.icon
-  }, iconProps)))) : null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.content, " ").concat(classes.content)
-  }, (title || description || helpText) && /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.section
-  }, title && /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
-    className: _stylesModule.default.label,
-    dataTestId: statusMessage.title,
-    variant: "title3",
-    weight: "medium"
-  }, titleProps), title), description && /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
-    className: _stylesModule.default.label,
-    colorTheme: "gray",
-    dataTestId: statusMessage.description,
-    withMarkdown: true,
-    variant: "body"
-  }, descriptionProps), description), helpText && /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
-    className: _stylesModule.default.label,
-    colorTheme: "gray",
-    dataTestId: statusMessage.helperText,
-    variant: "small"
-  }, helpTextProps), helpText)), children, (primaryAction || secondaryAction) && /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.section
-  }, primaryAction && /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
-    onClick: primaryAction
-  }, primaryActionProps), primaryActionText), secondaryAction && /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
-    onClick: secondaryAction,
-    variant: "text"
-  }, secondaryActionProps), secondaryActionText))));
-};
-UTStatusMessage.propTypes = {
-  children: _propTypes.element,
-  classes: _propTypes.object,
-  colorTheme: _propTypes.string,
-  description: _propTypes.string,
-  descriptionProps: _propTypes.object,
-  HeaderComponent: _propTypes.element,
-  helpText: _propTypes.string,
-  helpTextProps: _propTypes.object,
-  icon: _propTypes.string,
-  iconProps: _propTypes.object,
-  loading: _propTypes.bool,
-  primaryAction: _propTypes.func,
-  primaryActionProps: _propTypes.object,
-  primaryActionText: _propTypes.string,
-  secondaryAction: _propTypes.func,
-  secondaryActionProps: _propTypes.object,
-  secondaryActionText: _propTypes.string,
-  showHeader: _propTypes.bool,
-  title: _propTypes.string,
-  titleProps: _propTypes.object
-};
-const UTStatusMessageWithTheme = (0, _WithTheme.default)(_theme.retrieveStyle)(UTStatusMessage);
-UTStatusMessageWithTheme.displayName = 'UTStatusMessage';
-var _default = exports.default = UTStatusMessageWithTheme;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _propTypes=require("prop-types"),_react=_interopRequireDefault(require("react")),_UTButton=_interopRequireDefault(require("../UTButton")),_UTIcon=_interopRequireDefault(require("../UTIcon")),_UTLabel=_interopRequireDefault(require("../UTLabel")),_UTLoading=_interopRequireDefault(require("../UTLoading")),_WithTheme=_interopRequireDefault(require("../WithTheme")),_testIds=require("../../constants/testIds"),_constants=require("./constants"),_theme=require("./theme"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var s in a)({}).hasOwnProperty.call(a,s)&&(e[s]=a[s])}return e},_extends.apply(null,arguments)}const{statusMessage:statusMessage}=_testIds.TEST_IDS,UTStatusMessage=e=>{let{children:t,classes:a,colorTheme:s=_constants.COLOR_THEMES.DEFAULT,description:r,descriptionProps:o,HeaderComponent:n,helpText:l,helpTextProps:c,icon:i="IconInfoCircle",iconProps:p={size:40},loading:u,primaryAction:d,primaryActionProps:_,primaryActionText:T,secondaryAction:m,secondaryActionProps:y,secondaryActionText:f,showHeader:h=!0,title:g,titleProps:M}=e;return _react.default.createElement("div",{className:"".concat(_stylesModule.default.container," ").concat(a.container)},u?_react.default.createElement(_UTLoading.default,{loading:!0,text:null}):h?_react.default.createElement("div",{className:a.banner},n?_react.default.createElement(n,null):_react.default.createElement("div",{className:a.iconContainer},_react.default.createElement(_UTIcon.default,_extends({name:i,colorTheme:_constants.ICON_COLOR_THEMES[s],dataTestId:statusMessage.icon},p)))):null,_react.default.createElement("div",{className:"".concat(_stylesModule.default.content," ").concat(a.content)},(g||r||l)&&_react.default.createElement("div",{className:_stylesModule.default.section},g&&_react.default.createElement(_UTLabel.default,_extends({className:_stylesModule.default.label,dataTestId:statusMessage.title,variant:"title3",weight:"medium"},M),g),r&&_react.default.createElement(_UTLabel.default,_extends({className:_stylesModule.default.label,colorTheme:"gray",dataTestId:statusMessage.description,withMarkdown:!0,variant:"body"},o),r),l&&_react.default.createElement(_UTLabel.default,_extends({className:_stylesModule.default.label,colorTheme:"gray",dataTestId:statusMessage.helperText,variant:"small"},c),l)),t,(d||m)&&_react.default.createElement("div",{className:_stylesModule.default.section},d&&_react.default.createElement(_UTButton.default,_extends({onClick:d},_),T),m&&_react.default.createElement(_UTButton.default,_extends({onClick:m,variant:"text"},y),f))))};UTStatusMessage.propTypes={children:_propTypes.element,classes:_propTypes.object,colorTheme:_propTypes.string,description:_propTypes.string,descriptionProps:_propTypes.object,HeaderComponent:_propTypes.element,helpText:_propTypes.string,helpTextProps:_propTypes.object,icon:_propTypes.string,iconProps:_propTypes.object,loading:_propTypes.bool,primaryAction:_propTypes.func,primaryActionProps:_propTypes.object,primaryActionText:_propTypes.string,secondaryAction:_propTypes.func,secondaryActionProps:_propTypes.object,secondaryActionText:_propTypes.string,showHeader:_propTypes.bool,title:_propTypes.string,titleProps:_propTypes.object};const UTStatusMessageWithTheme=(0,_WithTheme.default)(_theme.retrieveStyle)(UTStatusMessage);UTStatusMessageWithTheme.displayName="UTStatusMessage";var _default=exports.default=UTStatusMessageWithTheme;

package/dist/components/UTStatusMessage/theme.js

@@ -1,78 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.retrieveStyle = void 0;
-var _constants = require("./constants");
-const getIconBackgroundColor = (colorTheme, theme) => {
-  var _theme$Palette, _theme$Palette2, _theme$Palette3, _theme$Palette4, _theme$Palette5, _theme$Palette6, _theme$Palette7, _theme$Palette8, _theme$Palette9, _theme$Palette0, _theme$Palette1, _theme$Palette10, _theme$Palette11;
-  return {
-    [_constants.COLOR_THEMES.ACCENT]: ((_theme$Palette = theme.Palette) === null || _theme$Palette === void 0 || (_theme$Palette = _theme$Palette.actions) === null || _theme$Palette === void 0 ? void 0 : _theme$Palette.accent['01']) || ((_theme$Palette2 = theme.Palette) === null || _theme$Palette2 === void 0 ? void 0 : _theme$Palette2.accent['01']),
-    [_constants.COLOR_THEMES.DEFAULT]: (_theme$Palette3 = theme.Palette) === null || _theme$Palette3 === void 0 ? void 0 : _theme$Palette3.light['03'],
-    [_constants.COLOR_THEMES.ERROR]: (_theme$Palette4 = theme.Palette) === null || _theme$Palette4 === void 0 ? void 0 : _theme$Palette4.error['01'],
-    [_constants.COLOR_THEMES.GRADIENT]: 'light',
-    [_constants.COLOR_THEMES.GRAY]: (_theme$Palette5 = theme.Palette) === null || _theme$Palette5 === void 0 ? void 0 : _theme$Palette5.light['03'],
-    [_constants.COLOR_THEMES.IDENTITY_1]: (_theme$Palette6 = theme.Palette) === null || _theme$Palette6 === void 0 || (_theme$Palette6 = _theme$Palette6.identitySolid) === null || _theme$Palette6 === void 0 ? void 0 : _theme$Palette6['01'],
-    [_constants.COLOR_THEMES.IDENTITY_2]: (_theme$Palette7 = theme.Palette) === null || _theme$Palette7 === void 0 || (_theme$Palette7 = _theme$Palette7.identitySolid) === null || _theme$Palette7 === void 0 ? void 0 : _theme$Palette7['02'],
-    [_constants.COLOR_THEMES.IDENTITY_3]: (_theme$Palette8 = theme.Palette) === null || _theme$Palette8 === void 0 || (_theme$Palette8 = _theme$Palette8.identitySolid) === null || _theme$Palette8 === void 0 ? void 0 : _theme$Palette8['03'],
-    [_constants.COLOR_THEMES.IDENTITY_4]: (_theme$Palette9 = theme.Palette) === null || _theme$Palette9 === void 0 || (_theme$Palette9 = _theme$Palette9.identitySolid) === null || _theme$Palette9 === void 0 ? void 0 : _theme$Palette9['04'],
-    [_constants.COLOR_THEMES.INFO]: (_theme$Palette0 = theme.Palette) === null || _theme$Palette0 === void 0 ? void 0 : _theme$Palette0.information['02'],
-    [_constants.COLOR_THEMES.NEGATIVE]: (_theme$Palette1 = theme.Palette) === null || _theme$Palette1 === void 0 ? void 0 : _theme$Palette1.light['01'],
-    [_constants.COLOR_THEMES.SUCCESS]: (_theme$Palette10 = theme.Palette) === null || _theme$Palette10 === void 0 ? void 0 : _theme$Palette10.success['02'],
-    [_constants.COLOR_THEMES.WARNING]: (_theme$Palette11 = theme.Palette) === null || _theme$Palette11 === void 0 ? void 0 : _theme$Palette11.warning['02']
-  }[colorTheme];
-};
-const getBannerBackgroundColor = (colorTheme, theme) => {
-  var _theme$Palette12, _theme$Palette13, _theme$Palette14, _theme$Palette15, _theme$Palette16, _theme$Palette17, _theme$Palette18, _theme$Palette19, _theme$Palette20, _theme$Palette21, _theme$Palette22, _theme$Palette23, _theme$Palette24;
-  return {
-    [_constants.COLOR_THEMES.ACCENT]: ((_theme$Palette12 = theme.Palette) === null || _theme$Palette12 === void 0 || (_theme$Palette12 = _theme$Palette12.actions) === null || _theme$Palette12 === void 0 ? void 0 : _theme$Palette12.accent['03']) || ((_theme$Palette13 = theme.Palette) === null || _theme$Palette13 === void 0 ? void 0 : _theme$Palette13.accent['03']),
-    [_constants.COLOR_THEMES.DEFAULT]: (_theme$Palette14 = theme.Palette) === null || _theme$Palette14 === void 0 ? void 0 : _theme$Palette14.gray['05'],
-    [_constants.COLOR_THEMES.ERROR]: (_theme$Palette15 = theme.Palette) === null || _theme$Palette15 === void 0 ? void 0 : _theme$Palette15.error['03'],
-    [_constants.COLOR_THEMES.GRADIENT]: null,
-    [_constants.COLOR_THEMES.GRAY]: (_theme$Palette16 = theme.Palette) === null || _theme$Palette16 === void 0 ? void 0 : _theme$Palette16.gray['03'],
-    [_constants.COLOR_THEMES.IDENTITY_1]: (_theme$Palette17 = theme.Palette) === null || _theme$Palette17 === void 0 || (_theme$Palette17 = _theme$Palette17.identitySolid) === null || _theme$Palette17 === void 0 ? void 0 : _theme$Palette17['01'],
-    [_constants.COLOR_THEMES.IDENTITY_2]: (_theme$Palette18 = theme.Palette) === null || _theme$Palette18 === void 0 || (_theme$Palette18 = _theme$Palette18.identitySolid) === null || _theme$Palette18 === void 0 ? void 0 : _theme$Palette18['02'],
-    [_constants.COLOR_THEMES.IDENTITY_3]: (_theme$Palette19 = theme.Palette) === null || _theme$Palette19 === void 0 || (_theme$Palette19 = _theme$Palette19.identitySolid) === null || _theme$Palette19 === void 0 ? void 0 : _theme$Palette19['03'],
-    [_constants.COLOR_THEMES.IDENTITY_4]: (_theme$Palette20 = theme.Palette) === null || _theme$Palette20 === void 0 || (_theme$Palette20 = _theme$Palette20.identitySolid) === null || _theme$Palette20 === void 0 ? void 0 : _theme$Palette20['04'],
-    [_constants.COLOR_THEMES.INFO]: (_theme$Palette21 = theme.Palette) === null || _theme$Palette21 === void 0 ? void 0 : _theme$Palette21.information['03'],
-    [_constants.COLOR_THEMES.NEGATIVE]: (_theme$Palette22 = theme.Palette) === null || _theme$Palette22 === void 0 ? void 0 : _theme$Palette22.light['01'],
-    [_constants.COLOR_THEMES.SUCCESS]: (_theme$Palette23 = theme.Palette) === null || _theme$Palette23 === void 0 ? void 0 : _theme$Palette23.success['03'],
-    [_constants.COLOR_THEMES.WARNING]: (_theme$Palette24 = theme.Palette) === null || _theme$Palette24 === void 0 ? void 0 : _theme$Palette24.warning['03']
-  }[colorTheme];
-};
-const retrieveStyle = _ref => {
-  var _theme$Palette25, _theme$Palette26;
-  let {
-    showBanner = true,
-    theme,
-    colorTheme = _constants.COLOR_THEMES.DEFAULT,
-    iconProps = {}
-  } = _ref;
-  const gradient = "linear-gradient(45deg, ".concat((_theme$Palette25 = theme.Palette) === null || _theme$Palette25 === void 0 || (_theme$Palette25 = _theme$Palette25.identityGradient) === null || _theme$Palette25 === void 0 ? void 0 : _theme$Palette25['01'], " 0%, ").concat((_theme$Palette26 = theme.Palette) === null || _theme$Palette26 === void 0 || (_theme$Palette26 = _theme$Palette26.identityGradient) === null || _theme$Palette26 === void 0 ? void 0 : _theme$Palette26['02'], " 100%);");
-  const {
-    size = 40
-  } = iconProps;
-  return {
-    iconContainer: {
-      alignItems: 'center',
-      background: colorTheme === _constants.COLOR_THEMES.GRADIENT && !showBanner ? gradient : '',
-      backgroundColor: getIconBackgroundColor(colorTheme, theme),
-      borderRadius: 100,
-      display: 'flex',
-      height: size * 1.85,
-      justifyContent: 'center',
-      width: size * 1.85
-    },
-    banner: {
-      alignItems: 'center',
-      background: colorTheme === _constants.COLOR_THEMES.GRADIENT && showBanner ? gradient : '',
-      backgroundColor: showBanner ? getBannerBackgroundColor(colorTheme, theme) : 'transparent',
-      display: 'flex',
-      justifyContent: 'center',
-      padding: '12px 0',
-      width: '100%'
-    }
-  };
-};
-exports.retrieveStyle = retrieveStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _constants=require("./constants");const getIconBackgroundColor=(t,n)=>{var o,l,e,i,d,a,s,E,v,r,c,_,O;return{[_constants.COLOR_THEMES.ACCENT]:(null===(o=n.Palette)||void 0===o||null===(o=o.actions)||void 0===o?void 0:o.accent["01"])||(null===(l=n.Palette)||void 0===l?void 0:l.accent["01"]),[_constants.COLOR_THEMES.DEFAULT]:null===(e=n.Palette)||void 0===e?void 0:e.light["03"],[_constants.COLOR_THEMES.ERROR]:null===(i=n.Palette)||void 0===i?void 0:i.error["01"],[_constants.COLOR_THEMES.GRADIENT]:"light",[_constants.COLOR_THEMES.GRAY]:null===(d=n.Palette)||void 0===d?void 0:d.light["03"],[_constants.COLOR_THEMES.IDENTITY_1]:null===(a=n.Palette)||void 0===a||null===(a=a.identitySolid)||void 0===a?void 0:a["01"],[_constants.COLOR_THEMES.IDENTITY_2]:null===(s=n.Palette)||void 0===s||null===(s=s.identitySolid)||void 0===s?void 0:s["02"],[_constants.COLOR_THEMES.IDENTITY_3]:null===(E=n.Palette)||void 0===E||null===(E=E.identitySolid)||void 0===E?void 0:E["03"],[_constants.COLOR_THEMES.IDENTITY_4]:null===(v=n.Palette)||void 0===v||null===(v=v.identitySolid)||void 0===v?void 0:v["04"],[_constants.COLOR_THEMES.INFO]:null===(r=n.Palette)||void 0===r?void 0:r.information["02"],[_constants.COLOR_THEMES.NEGATIVE]:null===(c=n.Palette)||void 0===c?void 0:c.light["01"],[_constants.COLOR_THEMES.SUCCESS]:null===(_=n.Palette)||void 0===_?void 0:_.success["02"],[_constants.COLOR_THEMES.WARNING]:null===(O=n.Palette)||void 0===O?void 0:O.warning["02"]}[t]},getBannerBackgroundColor=(t,n)=>{var o,l,e,i,d,a,s,E,v,r,c,_,O;return{[_constants.COLOR_THEMES.ACCENT]:(null===(o=n.Palette)||void 0===o||null===(o=o.actions)||void 0===o?void 0:o.accent["03"])||(null===(l=n.Palette)||void 0===l?void 0:l.accent["03"]),[_constants.COLOR_THEMES.DEFAULT]:null===(e=n.Palette)||void 0===e?void 0:e.gray["05"],[_constants.COLOR_THEMES.ERROR]:null===(i=n.Palette)||void 0===i?void 0:i.error["03"],[_constants.COLOR_THEMES.GRADIENT]:null,[_constants.COLOR_THEMES.GRAY]:null===(d=n.Palette)||void 0===d?void 0:d.gray["03"],[_constants.COLOR_THEMES.IDENTITY_1]:null===(a=n.Palette)||void 0===a||null===(a=a.identitySolid)||void 0===a?void 0:a["01"],[_constants.COLOR_THEMES.IDENTITY_2]:null===(s=n.Palette)||void 0===s||null===(s=s.identitySolid)||void 0===s?void 0:s["02"],[_constants.COLOR_THEMES.IDENTITY_3]:null===(E=n.Palette)||void 0===E||null===(E=E.identitySolid)||void 0===E?void 0:E["03"],[_constants.COLOR_THEMES.IDENTITY_4]:null===(v=n.Palette)||void 0===v||null===(v=v.identitySolid)||void 0===v?void 0:v["04"],[_constants.COLOR_THEMES.INFO]:null===(r=n.Palette)||void 0===r?void 0:r.information["03"],[_constants.COLOR_THEMES.NEGATIVE]:null===(c=n.Palette)||void 0===c?void 0:c.light["01"],[_constants.COLOR_THEMES.SUCCESS]:null===(_=n.Palette)||void 0===_?void 0:_.success["03"],[_constants.COLOR_THEMES.WARNING]:null===(O=n.Palette)||void 0===O?void 0:O.warning["03"]}[t]},retrieveStyle=t=>{var n,o;let{showBanner:l=!0,theme:e,colorTheme:i=_constants.COLOR_THEMES.DEFAULT,iconProps:d={}}=t;const a="linear-gradient(45deg, ".concat(null===(n=e.Palette)||void 0===n||null===(n=n.identityGradient)||void 0===n?void 0:n["01"]," 0%, ").concat(null===(o=e.Palette)||void 0===o||null===(o=o.identityGradient)||void 0===o?void 0:o["02"]," 100%);"),{size:s=40}=d;return{iconContainer:{alignItems:"center",background:i!==_constants.COLOR_THEMES.GRADIENT||l?"":a,backgroundColor:getIconBackgroundColor(i,e),borderRadius:100,display:"flex",height:1.85*s,justifyContent:"center",width:1.85*s},banner:{alignItems:"center",background:i===_constants.COLOR_THEMES.GRADIENT&&l?a:"",backgroundColor:l?getBannerBackgroundColor(i,e):"transparent",display:"flex",justifyContent:"center",padding:"12px 0",width:"100%"}}};exports.retrieveStyle=retrieveStyle;

package/dist/components/UTStepper/components/Connectors/index.js

@@ -1,46 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _commonTypes = require("../../../../types/commonTypes");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Connectors = _ref => {
-  let {
-    classes,
-    withPadding,
-    isCompleted,
-    numberOfSteps
-  } = _ref;
-  const connectorMaxWidth = "".concat(100 / (numberOfSteps - 1), "%");
-  const containerMaxWidth = "".concat(100 - 100 / numberOfSteps, "%");
-  const connectors = new Array(numberOfSteps - 1).fill(null).map((key, index) => /*#__PURE__*/_react.default.createElement("div", {
-    className: "\n        ".concat(_stylesModule.default.connector, " ").concat(classes.connector, " ").concat(isCompleted(index + 1) && classes.coloredProgress, "\n      ")
-    // eslint-disable-next-line react/no-array-index-key
-    ,
-    key: "connector_".concat(index),
-    style: {
-      maxWidth: withPadding ? connectorMaxWidth : null,
-      height: 2
-    }
-  }));
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.wrapper
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.connectorContainer),
-    style: {
-      maxWidth: withPadding ? containerMaxWidth : null
-    }
-  }, connectors));
-};
-Connectors.propTypes = {
-  classes: _commonTypes.classesType,
-  isCompleted: _propTypes.func,
-  numberOfSteps: _propTypes.number,
-  withPadding: _propTypes.bool
-};
-var _default = exports.default = Connectors;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_commonTypes=require("../../../../types/commonTypes"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const Connectors=e=>{let{classes:t,withPadding:o,isCompleted:r,numberOfSteps:s}=e;const n="".concat(100/(s-1),"%"),c="".concat(100-100/s,"%"),l=new Array(s-1).fill(null).map((e,s)=>_react.default.createElement("div",{className:"\n        ".concat(_stylesModule.default.connector," ").concat(t.connector," ").concat(r(s+1)&&t.coloredProgress,"\n      "),key:"connector_".concat(s),style:{maxWidth:o?n:null,height:2}}));return _react.default.createElement("div",{className:_stylesModule.default.wrapper},_react.default.createElement("div",{className:"".concat(_stylesModule.default.connectorContainer),style:{maxWidth:o?c:null}},l))};Connectors.propTypes={classes:_commonTypes.classesType,isCompleted:_propTypes.func,numberOfSteps:_propTypes.number,withPadding:_propTypes.bool};var _default=exports.default=Connectors;