@widergy/energy-ui 3.172.2 → 3.172.3

package/dist/components/UTPhoneInput/versions/V1/index.js

@@ -1,258 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
-var _UTBaseInputField = _interopRequireDefault(require("../../../UTBaseInputField"));
-var _UTFieldLabel = _interopRequireDefault(require("../../../UTFieldLabel"));
-var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
-var _UTValidation = _interopRequireWildcard(require("../../../UTValidation"));
-var _buttonTypes = require("../../../../types/buttonTypes");
-var _constants = require("../../../UTBaseInputField/constants");
-var _utils = require("../../../UTValidation/utils");
-var _UTSelect = _interopRequireDefault(require("../../../UTSelect"));
-var _countries = _interopRequireDefault(require("../../../../constants/countries"));
-var _constants2 = require("./constants");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const UTPhoneInput = _ref => {
-  var _countries$find;
-  let {
-    actions,
-    areaCodeDataTestId,
-    areaCodePlaceholder,
-    disabled,
-    editablePrefix = false,
-    error,
-    helpText,
-    inputSize,
-    maxLength = 10,
-    onChange,
-    prefix,
-    prefixDataTestId,
-    phoneNumberDataTestId,
-    placeholder,
-    readOnly,
-    required,
-    title,
-    titleVariant,
-    translations = {
-      areaCodeMinLenghtError: 'El código de área debe contener al menos 2 dígitos.',
-      areaCodeWithoutZeroError: 'El código de área debe comenzar sin 0.',
-      invalidAreaCodeError: 'No pudimos reconocer el código de área ingresado. Intenta con uno diferente.'
-    },
-    validationDataTestId,
-    validations,
-    value,
-    withAreaCode = true
-  } = _ref;
-  const [areaCodeState, setAreaCodeState] = (0, _react.useState)({
-    code: '',
-    error: ''
-  });
-  const [blurWithError, setBlurWithError] = (0, _react.useState)(false);
-  const [phoneNumber, setPhoneNumber] = (0, _react.useState)('');
-  const [prefixState, setPrefixState] = (0, _react.useState)((value === null || value === void 0 ? void 0 : value.prefix) || prefix);
-  const {
-    areaCodeWithoutZeroError,
-    invalidAreaCodeError,
-    areaCodeMinLenghtError
-  } = translations;
-  (0, _react.useEffect)(() => {
-    const {
-      number: valueNumber
-    } = typeof value === 'string' ? {
-      number: value
-    } : value;
-    if (prefix) {
-      if (valueNumber && valueNumber !== phoneNumber) setPhoneNumber(valueNumber);
-    } else if (valueNumber && withAreaCode) {
-      const [code, phone] = valueNumber.split('-');
-      setAreaCodeState(prevState => ({
-        ...prevState,
-        code: code || ''
-      }));
-      setPhoneNumber(phone || '');
-    } else if (valueNumber && !withAreaCode) {
-      setPhoneNumber(valueNumber);
-    }
-  }, [value, withAreaCode]);
-  const validateAreaCode = code => {
-    if (!code) return '';
-    if (code.length === 1) return areaCodeMinLenghtError;
-    if (code.startsWith('0')) return areaCodeWithoutZeroError;
-    const isValidCode = _constants2.AREA_CODES.find(element => element.code === code);
-    return !isValidCode ? invalidAreaCodeError : '';
-  };
-  const handleOnBlur = () => {
-    const validationError = validateAreaCode(areaCodeState.code);
-    setAreaCodeState(prevState => ({
-      ...prevState,
-      error: validationError
-    }));
-    setBlurWithError(!!validationError);
-  };
-  (0, _react.useEffect)(() => {
-    if (blurWithError) {
-      const validationError = validateAreaCode(areaCodeState.code);
-      setAreaCodeState(prevState => ({
-        ...prevState,
-        error: validationError
-      }));
-    }
-  }, [areaCodeState.code, blurWithError]);
-  const handleChangeAreaCode = areaCodeValue => {
-    setAreaCodeState(prevState => ({
-      ...prevState,
-      code: areaCodeValue
-    }));
-  };
-  const handleChangePhoneNumber = (0, _react.useCallback)(phoneNumberValue => {
-    setPhoneNumber(phoneNumberValue);
-  }, []);
-  (0, _react.useEffect)(() => {
-    if (prefix) {
-      if (phoneNumber && (phoneNumber !== (value === null || value === void 0 ? void 0 : value.number) || prefixState !== (value === null || value === void 0 ? void 0 : value.prefix))) onChange({
-        number: phoneNumber,
-        prefix: prefixState
-      });
-    } else if (areaCodeState.code !== '' || phoneNumber !== '') {
-      const newValue = withAreaCode ? "".concat(areaCodeState.code, "-").concat(phoneNumber) : phoneNumber;
-      if (newValue !== value) {
-        onChange(newValue);
-      }
-    } else {
-      onChange('');
-    }
-  }, [areaCodeState.code, phoneNumber, withAreaCode, onChange, value, prefixState, prefix]);
-  const validationData = validations || areaCodeState.error && (0, _utils.formatErrorToValidation)(areaCodeState.error) || error && (0, _utils.formatErrorToValidation)(error);
-  const hasError = (validationData === null || validationData === void 0 ? void 0 : validationData.length) > 0;
-  const getAreaCodeMaxLength = () => Math.min(maxLength - phoneNumber.length, 4);
-  const getPhoneNumberMaxLength = () => withAreaCode ? Math.min(maxLength - areaCodeState.code.length, maxLength - 2) : maxLength;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.container
-  }, title && /*#__PURE__*/_react.default.createElement(_UTFieldLabel.default, {
-    actions: actions,
-    readOnly: readOnly,
-    required: required,
-    size: titleVariant
-  }, title), /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.inputsContainer
-  }, prefix && /*#__PURE__*/_react.default.createElement(_UTSelect.default, {
-    autocompleteProps: {
-      classes: {
-        popper: _stylesModule.default.popper
-      }
-    },
-    className: _stylesModule.default.countryCodeSelect,
-    classNames: {
-      container: _stylesModule.default.countryCodeContainer
-    },
-    clearable: false,
-    dataTestId: prefixDataTestId,
-    disabled: disabled || !editablePrefix,
-    icon: (_countries$find = _countries.default.find(_ref2 => {
-      let {
-        prefix: prefixValue
-      } = _ref2;
-      return prefixValue === prefixState;
-    })) === null || _countries$find === void 0 ? void 0 : _countries$find.code,
-    inputSize: inputSize,
-    onChange: setPrefixState,
-    options: _countries.default.map(_ref3 => {
-      let {
-        code,
-        prefix: prefixValue
-      } = _ref3;
-      return {
-        name: "".concat(prefixValue, " (").concat(code, ")"),
-        value: prefixValue,
-        icon: code
-      };
-    }),
-    value: prefixState,
-    version: "V1"
-  }), !prefix && withAreaCode && /*#__PURE__*/_react.default.createElement(_UTBaseInputField.default, {
-    alwaysShowPlaceholder: true,
-    classNames: {
-      container: _stylesModule.default.areaCodeContainer
-    },
-    dataTestId: areaCodeDataTestId,
-    disabled: disabled,
-    error: hasError,
-    inputSize: inputSize,
-    maxLength: getAreaCodeMaxLength(),
-    onBlur: handleOnBlur,
-    onChange: handleChangeAreaCode,
-    placeholder: areaCodePlaceholder,
-    readOnly: readOnly,
-    rightAdornments: [{
-      name: _constants.COMPONENT_KEYS.ICON,
-      props: {
-        showOnlyOnError: true
-      }
-    }],
-    type: "numeric",
-    value: areaCodeState.code
-  }), /*#__PURE__*/_react.default.createElement(_UTBaseInputField.default, {
-    alwaysShowPlaceholder: true,
-    classNames: {
-      container: _stylesModule.default.phoneContainer,
-      root: _stylesModule.default.phoneContainerRoot
-    },
-    dataTestId: phoneNumberDataTestId,
-    disabled: disabled,
-    error: hasError && !areaCodeState.error,
-    inputSize: inputSize,
-    maxLength: getPhoneNumberMaxLength(),
-    onChange: handleChangePhoneNumber,
-    placeholder: placeholder,
-    rightAdornments: [{
-      name: _constants.COMPONENT_KEYS.ICON,
-      props: {
-        showOnlyOnError: true
-      }
-    }],
-    type: "numeric",
-    value: phoneNumber
-  })), helpText && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    colorTheme: "gray",
-    variant: "small"
-  }, helpText), validationData && /*#__PURE__*/_react.default.createElement(_UTValidation.default, {
-    dataTestId: validationDataTestId,
-    validationData: validationData
-  }));
-};
-UTPhoneInput.propTypes = {
-  actions: (0, _propTypes.arrayOf)(_buttonTypes.buttonTypes),
-  areaCodeDataTestId: _propTypes.string,
-  areaCodePlaceholder: _propTypes.string,
-  prefix: _propTypes.string,
-  disabled: _propTypes.bool,
-  editablePrefix: _propTypes.bool,
-  error: _propTypes.string,
-  helpText: _propTypes.string,
-  inputSize: _propTypes.string,
-  prefixDataTestId: _propTypes.string,
-  maxLength: _propTypes.number,
-  onChange: _propTypes.func,
-  phoneNumberDataTestId: _propTypes.string,
-  placeholder: _propTypes.string,
-  readOnly: _propTypes.bool,
-  required: _propTypes.bool,
-  title: _propTypes.string,
-  titleVariant: _propTypes.string,
-  translations: (0, _propTypes.shape)({
-    areaCodeWithoutZeroError: _propTypes.string,
-    invalidAreaCodeError: _propTypes.string
-  }),
-  validationDataTestId: _propTypes.string,
-  validations: _UTValidation.validationDataProptypes,
-  value: _propTypes.string,
-  withAreaCode: _propTypes.bool
-};
-var _default = exports.default = UTPhoneInput;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_UTBaseInputField=_interopRequireDefault(require("../../../UTBaseInputField")),_UTFieldLabel=_interopRequireDefault(require("../../../UTFieldLabel")),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_UTValidation=_interopRequireWildcard(require("../../../UTValidation")),_buttonTypes=require("../../../../types/buttonTypes"),_constants=require("../../../UTBaseInputField/constants"),_utils=require("../../../UTValidation/utils"),_UTSelect=_interopRequireDefault(require("../../../UTSelect")),_countries=_interopRequireDefault(require("../../../../constants/countries")),_constants2=require("./constants"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}const UTPhoneInput=_ref=>{var _countries$find;let{actions:actions,areaCodeDataTestId:areaCodeDataTestId,areaCodePlaceholder:areaCodePlaceholder,disabled:disabled,editablePrefix:editablePrefix=!1,error:error,helpText:helpText,inputSize:inputSize,maxLength:maxLength=10,onChange:onChange,prefix:prefix,prefixDataTestId:prefixDataTestId,phoneNumberDataTestId:phoneNumberDataTestId,placeholder:placeholder,readOnly:readOnly,required:required,title:title,titleVariant:titleVariant,translations:translations={areaCodeMinLenghtError:"El código de área debe contener al menos 2 dígitos.",areaCodeWithoutZeroError:"El código de área debe comenzar sin 0.",invalidAreaCodeError:"No pudimos reconocer el código de área ingresado. Intenta con uno diferente."},validationDataTestId:validationDataTestId,validations:validations,value:value,withAreaCode:withAreaCode=!0}=_ref;const[areaCodeState,setAreaCodeState]=(0,_react.useState)({code:"",error:""}),[blurWithError,setBlurWithError]=(0,_react.useState)(!1),[phoneNumber,setPhoneNumber]=(0,_react.useState)(""),[prefixState,setPrefixState]=(0,_react.useState)((null==value?void 0:value.prefix)||prefix),{areaCodeWithoutZeroError:areaCodeWithoutZeroError,invalidAreaCodeError:invalidAreaCodeError,areaCodeMinLenghtError:areaCodeMinLenghtError}=translations;(0,_react.useEffect)(()=>{const{number:valueNumber}="string"==typeof value?{number:value}:value;if(prefix)valueNumber&&valueNumber!==phoneNumber&&setPhoneNumber(valueNumber);else if(valueNumber&&withAreaCode){const[code,phone]=valueNumber.split("-");setAreaCodeState(prevState=>({...prevState,code:code||""})),setPhoneNumber(phone||"")}else valueNumber&&!withAreaCode&&setPhoneNumber(valueNumber)},[value,withAreaCode]);const validateAreaCode=code=>{if(!code)return"";if(1===code.length)return areaCodeMinLenghtError;if(code.startsWith("0"))return areaCodeWithoutZeroError;return _constants2.AREA_CODES.find(element=>element.code===code)?"":invalidAreaCodeError};(0,_react.useEffect)(()=>{if(blurWithError){const validationError=validateAreaCode(areaCodeState.code);setAreaCodeState(prevState=>({...prevState,error:validationError}))}},[areaCodeState.code,blurWithError]);const handleChangePhoneNumber=(0,_react.useCallback)(phoneNumberValue=>{setPhoneNumber(phoneNumberValue)},[]);(0,_react.useEffect)(()=>{if(prefix)!phoneNumber||phoneNumber===(null==value?void 0:value.number)&&prefixState===(null==value?void 0:value.prefix)||onChange({number:phoneNumber,prefix:prefixState});else if(""!==areaCodeState.code||""!==phoneNumber){const newValue=withAreaCode?"".concat(areaCodeState.code,"-").concat(phoneNumber):phoneNumber;newValue!==value&&onChange(newValue)}else onChange("")},[areaCodeState.code,phoneNumber,withAreaCode,onChange,value,prefixState,prefix]);const validationData=validations||areaCodeState.error&&(0,_utils.formatErrorToValidation)(areaCodeState.error)||error&&(0,_utils.formatErrorToValidation)(error),hasError=(null==validationData?void 0:validationData.length)>0;return _react.default.createElement("div",{className:_stylesModule.default.container},title&&_react.default.createElement(_UTFieldLabel.default,{actions:actions,readOnly:readOnly,required:required,size:titleVariant},title),_react.default.createElement("div",{className:_stylesModule.default.inputsContainer},prefix&&_react.default.createElement(_UTSelect.default,{autocompleteProps:{classes:{popper:_stylesModule.default.popper}},className:_stylesModule.default.countryCodeSelect,classNames:{container:_stylesModule.default.countryCodeContainer},clearable:!1,dataTestId:prefixDataTestId,disabled:disabled||!editablePrefix,icon:null===(_countries$find=_countries.default.find(_ref2=>{let{prefix:prefixValue}=_ref2;return prefixValue===prefixState}))||void 0===_countries$find?void 0:_countries$find.code,inputSize:inputSize,onChange:setPrefixState,options:_countries.default.map(_ref3=>{let{code:code,prefix:prefixValue}=_ref3;return{name:"".concat(prefixValue," (").concat(code,")"),value:prefixValue,icon:code}}),value:prefixState,version:"V1"}),!prefix&&withAreaCode&&_react.default.createElement(_UTBaseInputField.default,{alwaysShowPlaceholder:!0,classNames:{container:_stylesModule.default.areaCodeContainer},dataTestId:areaCodeDataTestId,disabled:disabled,error:hasError,inputSize:inputSize,maxLength:Math.min(maxLength-phoneNumber.length,4),onBlur:()=>{const validationError=validateAreaCode(areaCodeState.code);setAreaCodeState(prevState=>({...prevState,error:validationError})),setBlurWithError(!!validationError)},onChange:areaCodeValue=>{setAreaCodeState(prevState=>({...prevState,code:areaCodeValue}))},placeholder:areaCodePlaceholder,readOnly:readOnly,rightAdornments:[{name:_constants.COMPONENT_KEYS.ICON,props:{showOnlyOnError:!0}}],type:"numeric",value:areaCodeState.code}),_react.default.createElement(_UTBaseInputField.default,{alwaysShowPlaceholder:!0,classNames:{container:_stylesModule.default.phoneContainer,root:_stylesModule.default.phoneContainerRoot},dataTestId:phoneNumberDataTestId,disabled:disabled,error:hasError&&!areaCodeState.error,inputSize:inputSize,maxLength:withAreaCode?Math.min(maxLength-areaCodeState.code.length,maxLength-2):maxLength,onChange:handleChangePhoneNumber,placeholder:placeholder,rightAdornments:[{name:_constants.COMPONENT_KEYS.ICON,props:{showOnlyOnError:!0}}],type:"numeric",value:phoneNumber})),helpText&&_react.default.createElement(_UTLabel.default,{colorTheme:"gray",variant:"small"},helpText),validationData&&_react.default.createElement(_UTValidation.default,{dataTestId:validationDataTestId,validationData:validationData}))};UTPhoneInput.propTypes={actions:(0,_propTypes.arrayOf)(_buttonTypes.buttonTypes),areaCodeDataTestId:_propTypes.string,areaCodePlaceholder:_propTypes.string,prefix:_propTypes.string,disabled:_propTypes.bool,editablePrefix:_propTypes.bool,error:_propTypes.string,helpText:_propTypes.string,inputSize:_propTypes.string,prefixDataTestId:_propTypes.string,maxLength:_propTypes.number,onChange:_propTypes.func,phoneNumberDataTestId:_propTypes.string,placeholder:_propTypes.string,readOnly:_propTypes.bool,required:_propTypes.bool,title:_propTypes.string,titleVariant:_propTypes.string,translations:(0,_propTypes.shape)({areaCodeWithoutZeroError:_propTypes.string,invalidAreaCodeError:_propTypes.string}),validationDataTestId:_propTypes.string,validations:_UTValidation.validationDataProptypes,value:_propTypes.string,withAreaCode:_propTypes.bool};var _default=exports.default=UTPhoneInput;

package/dist/components/UTPopUp/constants.js

@@ -1,16 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SIZES = exports.POSITIONS = void 0;
-const SIZES = exports.SIZES = {
-  LARGE: 'large',
-  MEDIUM: 'medium'
-};
-const POSITIONS = exports.POSITIONS = {
-  BOTTOM_LEFT: 'bottomLeft',
-  BOTTOM_RIGHT: 'bottomRight',
-  TOP_LEFT: 'topLeft',
-  TOP_RIGHT: 'topRight'
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SIZES=exports.POSITIONS=void 0;const SIZES=exports.SIZES={LARGE:"large",MEDIUM:"medium"},POSITIONS=exports.POSITIONS={BOTTOM_LEFT:"bottomLeft",BOTTOM_RIGHT:"bottomRight",TOP_LEFT:"topLeft",TOP_RIGHT:"topRight"};

package/dist/components/UTPopUp/index.js

@@ -1,90 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _propTypes = require("prop-types");
-var _react = _interopRequireWildcard(require("react"));
-var _UTButton = _interopRequireDefault(require("../UTButton"));
-var _UTCheckbox = _interopRequireDefault(require("../UTCheckbox"));
-var _WithTheme = _interopRequireDefault(require("../WithTheme"));
-var _theme = require("./theme");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-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 UTPopUp = _ref => {
-  let {
-    checkBox,
-    children,
-    classes: theme,
-    dataTestId,
-    enabled = true,
-    onClose,
-    primaryAction,
-    primaryActionProps,
-    primaryActionText,
-    progress,
-    secondaryAction,
-    secondaryActionProps,
-    secondaryActionText,
-    withBodyPadding
-  } = _ref;
-  const [checked, setChecked] = (0, _react.useState)(false);
-  const hasProgress = typeof progress === 'number';
-  return enabled ? /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(theme.container, " ").concat(_stylesModule.default.container),
-    "data-testid": dataTestId
-  }, (onClose || hasProgress) && /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.header
-  }, hasProgress && /*#__PURE__*/_react.default.createElement("div", {
-    className: theme.progressBar
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: theme.progress,
-    style: {
-      width: "".concat(progress * 101, "%")
-    }
-  })), onClose && /*#__PURE__*/_react.default.createElement(_UTButton.default, {
-    Icon: "IconX",
-    onClick: () => onClose(checked),
-    variant: "text"
-  })), children && /*#__PURE__*/_react.default.createElement("div", {
-    className: withBodyPadding ? _stylesModule.default.withBodyPadding : _stylesModule.default.body
-  }, children), (checkBox || primaryAction || secondaryAction) && /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.footer
-  }, checkBox && /*#__PURE__*/_react.default.createElement(_UTCheckbox.default, {
-    version: "V1",
-    title: checkBox,
-    spacing: "small",
-    value: checked,
-    onChange: setChecked,
-    classNames: {
-      container: _stylesModule.default.checkBox
-    }
-  }), secondaryAction && /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
-    onClick: () => secondaryAction(checked),
-    variant: "text"
-  }, secondaryActionProps), secondaryActionText), primaryAction && /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
-    onClick: () => primaryAction(checked)
-  }, primaryActionProps), primaryActionText))) : null;
-};
-UTPopUp.propTypes = {
-  checkBox: _propTypes.string,
-  children: _propTypes.element,
-  classes: _propTypes.object,
-  dataTestId: _propTypes.string,
-  enabled: _propTypes.bool,
-  onClose: _propTypes.func,
-  position: _propTypes.string,
-  primaryAction: _propTypes.func,
-  primaryActionProps: _propTypes.object,
-  primaryActionText: _propTypes.string,
-  progress: _propTypes.number,
-  secondaryAction: _propTypes.func,
-  secondaryActionProps: _propTypes.object,
-  secondaryActionText: _propTypes.string,
-  size: _propTypes.string,
-  withBodyPadding: _propTypes.bool
-};
-var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTPopUp);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _propTypes=require("prop-types"),_react=_interopRequireWildcard(require("react")),_UTButton=_interopRequireDefault(require("../UTButton")),_UTCheckbox=_interopRequireDefault(require("../UTCheckbox")),_WithTheme=_interopRequireDefault(require("../WithTheme")),_theme=require("./theme"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}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 UTPopUp=_ref=>{let{checkBox:checkBox,children:children,classes:theme,dataTestId:dataTestId,enabled:enabled=!0,onClose:onClose,primaryAction:primaryAction,primaryActionProps:primaryActionProps,primaryActionText:primaryActionText,progress:progress,secondaryAction:secondaryAction,secondaryActionProps:secondaryActionProps,secondaryActionText:secondaryActionText,withBodyPadding:withBodyPadding}=_ref;const[checked,setChecked]=(0,_react.useState)(!1),hasProgress="number"==typeof progress;return enabled?_react.default.createElement("div",{className:"".concat(theme.container," ").concat(_stylesModule.default.container),"data-testid":dataTestId},(onClose||hasProgress)&&_react.default.createElement("div",{className:_stylesModule.default.header},hasProgress&&_react.default.createElement("div",{className:theme.progressBar},_react.default.createElement("div",{className:theme.progress,style:{width:"".concat(101*progress,"%")}})),onClose&&_react.default.createElement(_UTButton.default,{Icon:"IconX",onClick:()=>onClose(checked),variant:"text"})),children&&_react.default.createElement("div",{className:withBodyPadding?_stylesModule.default.withBodyPadding:_stylesModule.default.body},children),(checkBox||primaryAction||secondaryAction)&&_react.default.createElement("div",{className:_stylesModule.default.footer},checkBox&&_react.default.createElement(_UTCheckbox.default,{version:"V1",title:checkBox,spacing:"small",value:checked,onChange:setChecked,classNames:{container:_stylesModule.default.checkBox}}),secondaryAction&&_react.default.createElement(_UTButton.default,_extends({onClick:()=>secondaryAction(checked),variant:"text"},secondaryActionProps),secondaryActionText),primaryAction&&_react.default.createElement(_UTButton.default,_extends({onClick:()=>primaryAction(checked)},primaryActionProps),primaryActionText))):null};UTPopUp.propTypes={checkBox:_propTypes.string,children:_propTypes.element,classes:_propTypes.object,dataTestId:_propTypes.string,enabled:_propTypes.bool,onClose:_propTypes.func,position:_propTypes.string,primaryAction:_propTypes.func,primaryActionProps:_propTypes.object,primaryActionText:_propTypes.string,progress:_propTypes.number,secondaryAction:_propTypes.func,secondaryActionProps:_propTypes.object,secondaryActionText:_propTypes.string,size:_propTypes.string,withBodyPadding:_propTypes.bool};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTPopUp);

package/dist/components/UTPopUp/theme.js

@@ -1,63 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.retrieveStyle = void 0;
-var _shadowUtils = require("../../utils/shadowUtils");
-var _constants = require("./constants");
-const retrieveStyle = _ref => {
-  var _theme$Palette$shadow, _theme$Palette;
-  let {
-    theme,
-    position = _constants.POSITIONS.BOTTOM_RIGHT,
-    size = _constants.SIZES.MEDIUM
-  } = _ref;
-  return {
-    container: {
-      backgroundColor: theme.Palette.light['01'],
-      borderRadius: '4px',
-      boxShadow: (0, _shadowUtils.getShadow)({
-        color: (_theme$Palette$shadow = theme.Palette.shadows) === null || _theme$Palette$shadow === void 0 ? void 0 : _theme$Palette$shadow.grayscale,
-        level: 2
-      }),
-      position: 'absolute',
-      width: {
-        [_constants.SIZES.MEDIUM]: '381px',
-        [_constants.SIZES.LARGE]: '600px'
-      }[size],
-      zIndex: 1000,
-      ...{
-        [_constants.POSITIONS.BOTTOM_LEFT]: {
-          bottom: '30px',
-          left: '30px'
-        },
-        [_constants.POSITIONS.BOTTOM_RIGHT]: {
-          bottom: '30px',
-          right: '30px'
-        },
-        [_constants.POSITIONS.TOP_LEFT]: {
-          left: '30px',
-          top: '30px'
-        },
-        [_constants.POSITIONS.TOP_RIGHT]: {
-          right: '30px',
-          top: '30px'
-        }
-      }[position]
-    },
-    progressBar: {
-      backgroundColor: theme.Palette.light['04'],
-      height: '8px',
-      overflow: 'hidden',
-      width: '100%'
-    },
-    progress: {
-      background: (_theme$Palette = theme.Palette) === null || _theme$Palette === void 0 || (_theme$Palette = _theme$Palette.identityGradient) === null || _theme$Palette === void 0 ? void 0 : _theme$Palette.horizontal,
-      borderRadius: '0 4px 4px 0',
-      height: '100%',
-      transition: 'width 1s ease-in-out'
-    }
-  };
-};
-exports.retrieveStyle = retrieveStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _shadowUtils=require("../../utils/shadowUtils"),_constants=require("./constants");const retrieveStyle=_ref=>{var _theme$Palette$shadow,_theme$Palette;let{theme:theme,position:position=_constants.POSITIONS.BOTTOM_RIGHT,size:size=_constants.SIZES.MEDIUM}=_ref;return{container:{backgroundColor:theme.Palette.light["01"],borderRadius:"4px",boxShadow:(0,_shadowUtils.getShadow)({color:null===(_theme$Palette$shadow=theme.Palette.shadows)||void 0===_theme$Palette$shadow?void 0:_theme$Palette$shadow.grayscale,level:2}),position:"absolute",width:{[_constants.SIZES.MEDIUM]:"381px",[_constants.SIZES.LARGE]:"600px"}[size],zIndex:1e3,...{[_constants.POSITIONS.BOTTOM_LEFT]:{bottom:"30px",left:"30px"},[_constants.POSITIONS.BOTTOM_RIGHT]:{bottom:"30px",right:"30px"},[_constants.POSITIONS.TOP_LEFT]:{left:"30px",top:"30px"},[_constants.POSITIONS.TOP_RIGHT]:{right:"30px",top:"30px"}}[position]},progressBar:{backgroundColor:theme.Palette.light["04"],height:"8px",overflow:"hidden",width:"100%"},progress:{background:null===(_theme$Palette=theme.Palette)||void 0===_theme$Palette||null===(_theme$Palette=_theme$Palette.identityGradient)||void 0===_theme$Palette?void 0:_theme$Palette.horizontal,borderRadius:"0 4px 4px 0",height:"100%",transition:"width 1s ease-in-out"}}};exports.retrieveStyle=retrieveStyle;

package/dist/components/UTPopper/index.js

@@ -1,49 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
-var _react = _interopRequireWildcard(require("react"));
-var _core = require("@material-ui/core");
-var _propTypes = require("prop-types");
-var _commonTypes = require("../../types/commonTypes");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-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 UTPopper = _ref => {
-  let {
-    anchor,
-    children,
-    classes,
-    clickAwayListenerProps,
-    onClose,
-    paperProps,
-    ...popperProps
-  } = _ref;
-  const [open, handleOpenState] = (0, _react.useState)(false);
-  (0, _react.useEffect)(() => {
-    const shouldOpen = !!anchor && !(0, _isEmpty.default)(children);
-    handleOpenState(shouldOpen);
-  }, [anchor, children]);
-  return anchor ? /*#__PURE__*/_react.default.createElement(_core.ClickAwayListener, _extends({
-    onClickAway: onClose
-  }, clickAwayListenerProps), /*#__PURE__*/_react.default.createElement(_core.Popper, _extends({
-    anchorEl: anchor,
-    open: open,
-    transition: true
-  }, popperProps), /*#__PURE__*/_react.default.createElement(_core.Paper, _extends({
-    className: classes === null || classes === void 0 ? void 0 : classes.paper
-  }, paperProps), children))) : null;
-};
-UTPopper.propTypes = {
-  anchor: (0, _propTypes.oneOfType)([_commonTypes.refType, _propTypes.elementType]),
-  children: _propTypes.object,
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  clickAwayListenerProps: _propTypes.object,
-  onClose: _propTypes.func,
-  paperProps: _propTypes.object,
-  popperProps: _propTypes.object
-};
-var _default = exports.default = UTPopper;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _isEmpty=_interopRequireDefault(require("lodash/isEmpty")),_react=_interopRequireWildcard(require("react")),_core=require("@material-ui/core"),_propTypes=require("prop-types"),_commonTypes=require("../../types/commonTypes");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}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 UTPopper=_ref=>{let{anchor:anchor,children:children,classes:classes,clickAwayListenerProps:clickAwayListenerProps,onClose:onClose,paperProps:paperProps,...popperProps}=_ref;const[open,handleOpenState]=(0,_react.useState)(!1);return(0,_react.useEffect)(()=>{const shouldOpen=!!anchor&&!(0,_isEmpty.default)(children);handleOpenState(shouldOpen)},[anchor,children]),anchor?_react.default.createElement(_core.ClickAwayListener,_extends({onClickAway:onClose},clickAwayListenerProps),_react.default.createElement(_core.Popper,_extends({anchorEl:anchor,open:open,transition:!0},popperProps),_react.default.createElement(_core.Paper,_extends({className:null==classes?void 0:classes.paper},paperProps),children))):null};UTPopper.propTypes={anchor:(0,_propTypes.oneOfType)([_commonTypes.refType,_propTypes.elementType]),children:_propTypes.object,classes:(0,_propTypes.objectOf)(_propTypes.string),clickAwayListenerProps:_propTypes.object,onClose:_propTypes.func,paperProps:_propTypes.object,popperProps:_propTypes.object};var _default=exports.default=UTPopper;

package/dist/components/UTProductItem/constants.js

@@ -1,34 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.actionMapper = void 0;
-const ADD = 'add';
-const MODIFY = 'modify';
-const DETAIL = 'detail';
-const MODIFY_DETAIL = 'modifyDetail';
-const actionMapper = exports.actionMapper = {
-  [ADD]: {
-    colorTheme: 'secondary',
-    Icon: 'IconPlus',
-    size: 'medium',
-    variant: 'semitransparent'
-  },
-  [MODIFY]: {
-    colorTheme: 'secondary',
-    Icon: 'IconPencil',
-    size: 'medium',
-    variant: 'text'
-  },
-  [DETAIL]: {
-    colorTheme: 'primary',
-    Icon: 'IconChevronRight',
-    size: 'medium'
-  },
-  [MODIFY_DETAIL]: {
-    colorTheme: 'primary',
-    Icon: 'IconPencil',
-    size: 'medium'
-  }
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.actionMapper=void 0;const ADD="add",MODIFY="modify",DETAIL="detail",MODIFY_DETAIL="modifyDetail",actionMapper=exports.actionMapper={[ADD]:{colorTheme:"secondary",Icon:"IconPlus",size:"medium",variant:"semitransparent"},[MODIFY]:{colorTheme:"secondary",Icon:"IconPencil",size:"medium",variant:"text"},[DETAIL]:{colorTheme:"primary",Icon:"IconChevronRight",size:"medium"},[MODIFY_DETAIL]:{colorTheme:"primary",Icon:"IconPencil",size:"medium"}};

package/dist/components/UTProductItem/index.js

@@ -1,100 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
-var _WithTheme = _interopRequireDefault(require("../WithTheme"));
-var _UTLabel = _interopRequireDefault(require("../UTLabel"));
-var _UTButton = _interopRequireDefault(require("../UTButton"));
-var _theme = require("./theme");
-var _constants = require("./constants");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const UTProductItem = _ref => {
-  let {
-    action = {},
-    additionalInfo,
-    amount,
-    classes,
-    discount,
-    discountSize = 'medium',
-    Image,
-    previousAmount,
-    selectedQuantity,
-    title
-  } = _ref;
-  const {
-    CustomIcon,
-    onClick,
-    type = 'add'
-  } = action;
-  const {
-    colorTheme,
-    Icon,
-    size,
-    variant
-  } = _constants.actionMapper[type] || {};
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.container
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.leftSection
-  }, !!Image && /*#__PURE__*/_react.default.createElement(Image, {
-    className: classes.image
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.mainInfo
-  }, !!title && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    weight: "medium",
-    variant: "small"
-  }, title), !!additionalInfo && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    variant: "small",
-    colorTheme: "gray"
-  }, additionalInfo), !!discount && /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.amountContainer
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.discountChip
-  }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    colorTheme: "light",
-    variant: discountSize
-  }, discount)), !!previousAmount && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    colorTheme: "gray",
-    className: classes.previousAmount
-  }, previousAmount)), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    weight: "medium",
-    variant: "subtitle1"
-  }, amount))), /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.rightSection
-  }, !!selectedQuantity && /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.selectedQuantity
-  }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    colorTheme: "light",
-    weight: "medium"
-  }, selectedQuantity)), !(0, _isEmpty.default)(action) && /*#__PURE__*/_react.default.createElement(_UTButton.default, {
-    classNames: {
-      root: classes.buttonIcon
-    },
-    colorTheme: colorTheme,
-    onClick: onClick,
-    Icon: CustomIcon || Icon,
-    size: size,
-    variant: variant
-  })));
-};
-UTProductItem.propTypes = {
-  action: (0, _propTypes.shape)({
-    onClick: _propTypes.func,
-    type: _propTypes.string
-  }),
-  additionalInfo: _propTypes.string,
-  amount: _propTypes.number,
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  discount: _propTypes.number,
-  discountSize: _propTypes.string,
-  Image: _propTypes.node,
-  previousAmount: _propTypes.number,
-  selectedQuantity: _propTypes.number,
-  title: _propTypes.string
-};
-var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTProductItem);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_isEmpty=_interopRequireDefault(require("lodash/isEmpty")),_WithTheme=_interopRequireDefault(require("../WithTheme")),_UTLabel=_interopRequireDefault(require("../UTLabel")),_UTButton=_interopRequireDefault(require("../UTButton")),_theme=require("./theme"),_constants=require("./constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const UTProductItem=_ref=>{let{action:action={},additionalInfo:additionalInfo,amount:amount,classes:classes,discount:discount,discountSize:discountSize="medium",Image:Image,previousAmount:previousAmount,selectedQuantity:selectedQuantity,title:title}=_ref;const{CustomIcon:CustomIcon,onClick:onClick,type:type="add"}=action,{colorTheme:colorTheme,Icon:Icon,size:size,variant:variant}=_constants.actionMapper[type]||{};return _react.default.createElement("div",{className:classes.container},_react.default.createElement("div",{className:classes.leftSection},!!Image&&_react.default.createElement(Image,{className:classes.image}),_react.default.createElement("div",{className:classes.mainInfo},!!title&&_react.default.createElement(_UTLabel.default,{weight:"medium",variant:"small"},title),!!additionalInfo&&_react.default.createElement(_UTLabel.default,{variant:"small",colorTheme:"gray"},additionalInfo),!!discount&&_react.default.createElement("div",{className:classes.amountContainer},_react.default.createElement("div",{className:classes.discountChip},_react.default.createElement(_UTLabel.default,{colorTheme:"light",variant:discountSize},discount)),!!previousAmount&&_react.default.createElement(_UTLabel.default,{colorTheme:"gray",className:classes.previousAmount},previousAmount)),_react.default.createElement(_UTLabel.default,{weight:"medium",variant:"subtitle1"},amount))),_react.default.createElement("div",{className:classes.rightSection},!!selectedQuantity&&_react.default.createElement("div",{className:classes.selectedQuantity},_react.default.createElement(_UTLabel.default,{colorTheme:"light",weight:"medium"},selectedQuantity)),!(0,_isEmpty.default)(action)&&_react.default.createElement(_UTButton.default,{classNames:{root:classes.buttonIcon},colorTheme:colorTheme,onClick:onClick,Icon:CustomIcon||Icon,size:size,variant:variant})))};UTProductItem.propTypes={action:(0,_propTypes.shape)({onClick:_propTypes.func,type:_propTypes.string}),additionalInfo:_propTypes.string,amount:_propTypes.number,classes:(0,_propTypes.objectOf)(_propTypes.string),discount:_propTypes.number,discountSize:_propTypes.string,Image:_propTypes.node,previousAmount:_propTypes.number,selectedQuantity:_propTypes.number,title:_propTypes.string};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTProductItem);