@ultraviolet/plus 0.5.4 → 0.5.6

package/dist/src/components/EstimateCost/Components/UnitInput.js

@@ -9,40 +9,22 @@ const sizesHeight = {
 };
 const CustomTextInput = /*#__PURE__*/_styled(TextInput, {
   target: "epio27v1"
-})("input{border-radius:", _ref => {
-  let {
-    theme
-  } = _ref;
-  return theme.radii.default;
-}, " 0 0 ", _ref2 => {
-  let {
-    theme
-  } = _ref2;
-  return theme.radii.default;
-}, ";min-width:60px;border-right:0;&:hover,&:focus{text-decoration:none;border-right-width:1px;border-right-style:solid;border-color:", _ref3 => {
-  let {
-    theme
-  } = _ref3;
-  return theme.colors.primary.borderWeak;
-}, ";}}input[type='number']::-webkit-inner-spin-button,input[type='number']::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}input[type='number']{-moz-appearance:textfield;}");
+})("input{border-radius:", ({
+  theme
+}) => theme.radii.default, " 0 0 ", ({
+  theme
+}) => theme.radii.default, ";min-width:60px;border-right:0;&:hover,&:focus{text-decoration:none;border-right-width:1px;border-right-style:solid;border-color:", ({
+  theme
+}) => theme.colors.primary.borderWeak, ";}}input[type='number']::-webkit-inner-spin-button,input[type='number']::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}input[type='number']{-moz-appearance:textfield;}");
 const CustomSelectInput = /*#__PURE__*/_styled(SelectInput, {
   target: "epio27v0"
-})(_ref4 => {
-  let {
-    width
-  } = _ref4;
-  return width && `width: ${width}px;`;
-}, " ", _ref5 => {
-  let {
-    height
-  } = _ref5;
-  return height && `height: ${height}px;`;
-}, " &:hover,&:focus{text-decoration:none;border-color:", _ref6 => {
-  let {
-    theme
-  } = _ref6;
-  return theme.colors.primary.borderWeak;
-}, ";box-shadow:none;}");
+})(({
+  width
+}) => width && `width: ${width}px;`, " ", ({
+  height
+}) => height && `height: ${height}px;`, " &:hover,&:focus{text-decoration:none;border-color:", ({
+  theme
+}) => theme.colors.primary.borderWeak, ";box-shadow:none;}");
 const customSelectStyle = height => () => ({
   control: {
     borderBottomLeftRadius: 0,
@@ -55,68 +37,65 @@ const customSelectStyle = height => () => ({
     marginTop: 0
   }
 });
-const UnitInput = _ref7 => {
-  let {
-    name = '',
-    maxValue = 99999,
-    minValue = 1,
-    size = 'medium',
-    placeholder = '0',
-    onChange,
-    onChangeUnitValue,
-    value,
-    unitValue,
-    textBoxWidth = 100,
-    selectInputWidth = 200,
-    disabled = false,
-    options,
-    className,
-    notice,
-    label,
-    required,
-    valueError,
-    unitError,
-    type = 'number',
-    'data-testid': dataTestId
-  } = _ref7;
-  return jsxs(Stack, {
-    direction: "row",
-    "data-testid": dataTestId,
-    children: [jsx(CustomTextInput, {
-      height: sizesHeight[size],
-      width: textBoxWidth,
-      type: type,
-      name: `${name}-value`,
-      max: maxValue,
-      min: minValue,
-      required: required,
-      value: value,
-      placeholder: placeholder,
-      onChange: input => {
-        const numericValue = input ? parseInt(input, 10) : minValue;
-        onChange(numericValue);
-      },
-      className: className,
-      disabled: disabled,
-      notice: notice,
-      label: label,
-      error: valueError
-    }), jsx(CustomSelectInput, {
-      width: selectInputWidth,
-      noTopLabel: true,
-      height: sizesHeight[size],
-      id: `${name}-unit`,
-      name: `${name}-unit`,
-      onChange: newValue => {
-        onChangeUnitValue(newValue.value);
-      },
-      error: unitError,
-      value: options.find(option => option.value === unitValue) || options[0],
-      options: options,
-      customStyle: customSelectStyle(sizesHeight[size]),
-      disabled: disabled || options.length === 1
-    })]
-  });
-};
+const UnitInput = ({
+  name = '',
+  maxValue = 99999,
+  minValue = 1,
+  size = 'medium',
+  placeholder = '0',
+  onChange,
+  onChangeUnitValue,
+  value,
+  unitValue,
+  textBoxWidth = 100,
+  selectInputWidth = 200,
+  disabled = false,
+  options,
+  className,
+  notice,
+  label,
+  required,
+  valueError,
+  unitError,
+  type = 'number',
+  'data-testid': dataTestId
+}) => jsxs(Stack, {
+  direction: "row",
+  "data-testid": dataTestId,
+  children: [jsx(CustomTextInput, {
+    height: sizesHeight[size],
+    width: textBoxWidth,
+    type: type,
+    name: `${name}-value`,
+    max: maxValue,
+    min: minValue,
+    required: required,
+    value: value,
+    placeholder: placeholder,
+    onChange: input => {
+      const numericValue = input ? parseInt(input, 10) : minValue;
+      onChange(numericValue);
+    },
+    className: className,
+    disabled: disabled,
+    notice: notice,
+    label: label,
+    error: valueError
+  }), jsx(CustomSelectInput, {
+    width: selectInputWidth,
+    noTopLabel: true,
+    height: sizesHeight[size],
+    id: `${name}-unit`,
+    name: `${name}-unit`,
+    onChange: newValue => {
+      onChangeUnitValue(newValue.value);
+    },
+    error: unitError,
+    value: options.find(option => option.value === unitValue) || options[0],
+    options: options,
+    customStyle: customSelectStyle(sizesHeight[size]),
+    disabled: disabled || options.length === 1
+  })]
+});
 
 export { UnitInput, sizesHeight };

package/dist/src/components/EstimateCost/Components/Zone.js

@@ -6,27 +6,23 @@ import { jsx, jsxs } from '@emotion/react/jsx-runtime';
 
 const StyledImage = /*#__PURE__*/_styled("img", {
   target: "e24b3x10"
-})("width:15px;margin-right:", _ref => {
-  let {
-    theme
-  } = _ref;
-  return theme.space['1'];
-}, ";");
-const Zone = _ref2 => {
-  let {
-    label,
-    image,
-    shouldBeHidden = false,
-    priceText,
-    animated = false,
-    isFirstElement,
-    isLastElement,
-    productsCallback,
-    iteration,
-    discount,
-    noBorder,
-    noPrice
-  } = _ref2;
+})("width:15px;margin-right:", ({
+  theme
+}) => theme.space['1'], ";");
+const Zone = ({
+  label,
+  image,
+  shouldBeHidden = false,
+  priceText,
+  animated = false,
+  isFirstElement,
+  isLastElement,
+  productsCallback,
+  iteration,
+  discount,
+  noBorder,
+  noPrice
+}) => {
   const {
     locales
   } = useEstimateCost();

package/dist/src/components/EstimateCost/EstimateCost.js

@@ -17,70 +17,64 @@ import { jsx } from '@emotion/react/jsx-runtime';
 
 const MaxWidthText = /*#__PURE__*/_styled(Text, {
   target: "e13v5qur1"
-})("max-width:", _ref => {
-  let {
-    maxWidth
-  } = _ref;
-  return maxWidth;
-}, "px;");
+})("max-width:", ({
+  maxWidth
+}) => maxWidth, "px;");
 const DEFAULT_UNIT_LIST = ['hours', 'days', 'months'];
-const EstimateCost = _ref2 => {
-  let {
-    description,
-    alert,
-    alertVariant = 'warning',
-    defaultTimeUnit = 'hours',
-    timeUnits = DEFAULT_UNIT_LIST,
-    hideOverlay = false,
-    disableOverlayLeft = false,
-    disableOverlayRight = false,
-    hideTimeUnit = false,
-    hideTotal = false,
-    discount = 0,
-    OverlayRight,
-    OverlayLeft,
-    isBeta = false,
-    commitmentFees,
-    commitmentFeesContent,
-    monthlyFees,
-    monthlyFeesLabel,
-    monthlyFeesContent,
-    overlayUnit = 'hours',
-    children = null,
-    locales = EstimateCostLocales,
-    numberLocales = 'en-EN',
-    currency = 'EUR'
-  } = _ref2;
-  return jsx(EstimateCostProvider, {
+const EstimateCost = ({
+  description,
+  alert,
+  alertVariant = 'warning',
+  defaultTimeUnit = 'hours',
+  timeUnits = DEFAULT_UNIT_LIST,
+  hideOverlay = false,
+  disableOverlayLeft = false,
+  disableOverlayRight = false,
+  hideTimeUnit = false,
+  hideTotal = false,
+  discount = 0,
+  OverlayRight,
+  OverlayLeft,
+  isBeta = false,
+  commitmentFees,
+  commitmentFeesContent,
+  monthlyFees,
+  monthlyFeesLabel,
+  monthlyFeesContent,
+  overlayUnit = 'hours',
+  children = null,
+  locales = EstimateCostLocales,
+  numberLocales = 'en-EN',
+  currency = 'EUR'
+}) => jsx(EstimateCostProvider, {
+  locales: locales,
+  currency: currency,
+  numberLocales: numberLocales,
+  children: jsx(EstimateCostContent, {
+    description: description,
+    alert: alert,
+    alertVariant: alertVariant,
+    defaultTimeUnit: defaultTimeUnit,
+    timeUnits: timeUnits,
+    hideOverlay: hideOverlay,
+    disableOverlayLeft: disableOverlayLeft,
+    disableOverlayRight: disableOverlayRight,
+    hideTimeUnit: hideTimeUnit,
+    hideTotal: hideTotal,
+    discount: discount,
+    OverlayRight: OverlayRight,
+    OverlayLeft: OverlayLeft,
+    isBeta: isBeta,
+    commitmentFees: commitmentFees,
+    commitmentFeesContent: commitmentFeesContent,
+    monthlyFees: monthlyFees,
+    monthlyFeesLabel: monthlyFeesLabel,
+    monthlyFeesContent: monthlyFeesContent,
+    overlayUnit: overlayUnit,
     locales: locales,
-    currency: currency,
-    numberLocales: numberLocales,
-    children: jsx(EstimateCostContent, {
-      description: description,
-      alert: alert,
-      alertVariant: alertVariant,
-      defaultTimeUnit: defaultTimeUnit,
-      timeUnits: timeUnits,
-      hideOverlay: hideOverlay,
-      disableOverlayLeft: disableOverlayLeft,
-      disableOverlayRight: disableOverlayRight,
-      hideTimeUnit: hideTimeUnit,
-      hideTotal: hideTotal,
-      discount: discount,
-      OverlayRight: OverlayRight,
-      OverlayLeft: OverlayLeft,
-      isBeta: isBeta,
-      commitmentFees: commitmentFees,
-      commitmentFeesContent: commitmentFeesContent,
-      monthlyFees: monthlyFees,
-      monthlyFeesLabel: monthlyFeesLabel,
-      monthlyFeesContent: monthlyFeesContent,
-      overlayUnit: overlayUnit,
-      locales: locales,
-      children: children
-    })
-  });
-};
+    children: children
+  })
+});
 EstimateCost.LineThrough = LineThrough;
 EstimateCost.Item = Item;
 EstimateCost.NumberInput = NumberInput;
@@ -89,20 +83,16 @@ EstimateCost.Strong = Strong;
 EstimateCost.Regular = Regular;
 EstimateCost.Image = /*#__PURE__*/_styled("img", {
   target: "e13v5qur0"
-})("width:15px;margin-right:", _ref3 => {
-  let {
-    theme
-  } = _ref3;
-  return theme.space['1'];
-}, ";");
+})("width:15px;margin-right:", ({
+  theme
+}) => theme.space['1'], ";");
 EstimateCost.Region = Region;
 EstimateCost.Zone = Zone;
-const Ellipsis = _ref4 => {
-  let {
-    children,
-    maxWidth = 350,
-    'data-testid': dataTestId
-  } = _ref4;
+const Ellipsis = ({
+  children,
+  maxWidth = 350,
+  'data-testid': dataTestId
+}) => {
   const {
     isOverlay
   } = useOverlay();

package/dist/src/components/EstimateCost/EstimateCostContent.js

@@ -18,21 +18,15 @@ import { jsxs, jsx, Fragment } from '@emotion/react/jsx-runtime';
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 const FeesText = /*#__PURE__*/_styled(Text, {
   target: "excc3v74"
-})("margin-top:", _ref => {
-  let {
-    theme
-  } = _ref;
-  return theme.space['3'];
-}, ";");
+})("margin-top:", ({
+  theme
+}) => theme.space['3'], ";");
 const StyledText = /*#__PURE__*/_styled(Text, {
   target: "excc3v73"
-})("text-align:right;", _ref2 => {
-  let {
-    isBeta,
-    theme
-  } = _ref2;
-  return isBeta ? `margin-left: ${theme.space['2']};` : null;
-}, ";");
+})("text-align:right;", ({
+  isBeta,
+  theme
+}) => isBeta ? `margin-left: ${theme.space['2']};` : null, ";");
 const RightAlignedText = /*#__PURE__*/_styled(Text, {
   target: "excc3v72"
 })(process.env.NODE_ENV === "production" ? {
@@ -45,49 +39,42 @@ const RightAlignedText = /*#__PURE__*/_styled(Text, {
 });
 const StyledIcon = /*#__PURE__*/_styled(Icon, {
   target: "excc3v71"
-})("margin-right:", _ref3 => {
-  let {
-    theme
-  } = _ref3;
-  return theme.space['1'];
-}, ";");
+})("margin-right:", ({
+  theme
+}) => theme.space['1'], ";");
 const StyledPriceCell = /*#__PURE__*/_styled(Cell.withComponent('th', {
   target: "excc3v75"
 }), {
   target: "excc3v70"
-})(_ref4 => {
-  let {
-    theme
-  } = _ref4;
-  return PriceCell(theme);
-}, " padding:0;");
+})(({
+  theme
+}) => PriceCell(theme), " padding:0;");
 const DEFAULT_UNIT_LIST = ['hours', 'days', 'months'];
-const EstimateCostContent = _ref5 => {
-  let {
-    description,
-    alert,
-    alertTitle,
-    alertVariant = 'warning',
-    defaultTimeUnit = 'hours',
-    timeUnits = DEFAULT_UNIT_LIST,
-    hideOverlay = false,
-    disableOverlayLeft = false,
-    disableOverlayRight = false,
-    hideTimeUnit = false,
-    hideTotal = false,
-    discount = 0,
-    OverlayRight,
-    OverlayLeft,
-    isBeta = false,
-    commitmentFees,
-    commitmentFeesContent,
-    monthlyFees,
-    monthlyFeesLabel,
-    monthlyFeesContent,
-    overlayUnit = 'hours',
-    children = null,
-    locales = EstimateCostLocales
-  } = _ref5;
+const EstimateCostContent = ({
+  description,
+  alert,
+  alertTitle,
+  alertVariant = 'warning',
+  defaultTimeUnit = 'hours',
+  timeUnits = DEFAULT_UNIT_LIST,
+  hideOverlay = false,
+  disableOverlayLeft = false,
+  disableOverlayRight = false,
+  hideTimeUnit = false,
+  hideTotal = false,
+  discount = 0,
+  OverlayRight,
+  OverlayLeft,
+  isBeta = false,
+  commitmentFees,
+  commitmentFeesContent,
+  monthlyFees,
+  monthlyFeesLabel,
+  monthlyFeesContent,
+  overlayUnit = 'hours',
+  children = null,
+  locales = EstimateCostLocales
+}) => {
   const {
     formatNumber
   } = useEstimateCost();
@@ -119,10 +106,9 @@ const EstimateCostContent = _ref5 => {
         return [...total, newProduct];
       });
     },
-    remove: _ref6 => {
-      let {
-        id
-      } = _ref6;
+    remove: ({
+      id
+    }) => {
       setProducts(total => total.filter(product => product.id !== id));
     }
   }), [setProducts]);
@@ -239,7 +225,7 @@ const EstimateCostContent = _ref5 => {
                   prominence: "strong",
                   long: locales[`estimate.cost.beta.${discount > 0 ? 'discount' : 'free'}`].length > 25,
                   sentiment: "warning",
-                  children: `${discount * 100}
+                  children: `${discount > 0 ? discount * 100 : ''}
                           ${locales[`estimate.cost.beta.${discount > 0 ? 'discount' : 'free'}`]}`
                 }) : null, jsx(StyledText, {
                   as: "h3",

package/dist/src/components/EstimateCost/EstimateCostProvider.js

@@ -7,13 +7,12 @@ const EstimateCostContext = /*#__PURE__*/createContext({
   formatNumber: () => ''
 });
 const useEstimateCost = () => useContext(EstimateCostContext);
-const EstimateCostProvider = _ref => {
-  let {
-    children,
-    locales,
-    currency,
-    numberLocales
-  } = _ref;
+const EstimateCostProvider = ({
+  children,
+  locales,
+  currency,
+  numberLocales
+}) => {
   const newLocales = useMemo(() => locales ? {
     ...EstimateCostLocales,
     ...locales

package/dist/src/components/EstimateCost/OverlayComponent.js

@@ -13,31 +13,19 @@ import { jsx, jsxs } from '@emotion/react/jsx-runtime';
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 const OverlayContainer = /*#__PURE__*/_styled("div", {
   target: "e1p62vjs2"
-})("position:fixed;z-index:999;left:0;right:0;bottom:", _ref => {
-  let {
-    inView
-  } = _ref;
-  return inView ? -120 : 0;
-}, "px;height:120px;background-color:", _ref2 => {
-  let {
-    theme
-  } = _ref2;
-  return theme.colors.neutral.background;
-}, ";margin:0 0 0 260px;display:flex;justify-content:center;box-shadow:", _ref3 => {
-  let {
-    inView,
-    theme
-  } = _ref3;
-  return inView ? '0' : theme.shadows.defaultShadow;
-}, ";transition:bottom 0.3s,box-shadow 0.3s;");
+})("position:fixed;z-index:999;left:0;right:0;bottom:", ({
+  inView
+}) => inView ? -120 : 0, "px;height:120px;background-color:", ({
+  theme
+}) => theme.colors.neutral.background, ";margin:0 0 0 260px;display:flex;justify-content:center;box-shadow:", ({
+  inView,
+  theme
+}) => inView ? '0' : theme.shadows.defaultShadow, ";transition:bottom 0.3s,box-shadow 0.3s;");
 const List = /*#__PURE__*/_styled("ul", {
   target: "e1p62vjs1"
-})("display:flex;flex-direction:row;justify-content:center;list-style:none;margin:0;padding:", _ref4 => {
-  let {
-    theme
-  } = _ref4;
-  return theme.space['3'];
-}, " 0;");
+})("display:flex;flex-direction:row;justify-content:center;list-style:none;margin:0;padding:", ({
+  theme
+}) => theme.space['3'], " 0;");
 const SideItem = /*#__PURE__*/_styled("li", {
   target: "e1p62vjs0"
 })(process.env.NODE_ENV === "production" ? {
@@ -48,19 +36,18 @@ const SideItem = /*#__PURE__*/_styled("li", {
   styles: "display:flex;padding:12px 0;min-width:158px",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-const OverlayComponent = _ref5 => {
-  let {
-    children,
-    inView = false,
-    discount = 1,
-    OverlayRight,
-    disableOverlayRight = false,
-    OverlayLeft,
-    disableOverlayLeft = false,
-    totalPrice,
-    unit = 'hours',
-    isBeta = false
-  } = _ref5;
+const OverlayComponent = ({
+  children,
+  inView = false,
+  discount = 1,
+  OverlayRight,
+  disableOverlayRight = false,
+  OverlayLeft,
+  disableOverlayLeft = false,
+  totalPrice,
+  unit = 'hours',
+  isBeta = false
+}) => {
   const {
     locales,
     formatNumber

package/dist/src/components/EstimateCost/OverlayContext.js

@@ -5,15 +5,12 @@ const OverlayContext = /*#__PURE__*/createContext({
   isOverlay: false
 });
 const useOverlay = () => useContext(OverlayContext);
-const OverlayContextProvider = _ref => {
-  let {
-    children,
-    value
-  } = _ref;
-  return jsx(OverlayContext.Provider, {
-    value: value,
-    children: children
-  });
-};
+const OverlayContextProvider = ({
+  children,
+  value
+}) => jsx(OverlayContext.Provider, {
+  value: value,
+  children: children
+});
 
 export { OverlayContextProvider, useOverlay };