@widergy/energy-ui 3.173.2 → 3.173.4

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,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,n,i={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return i;if(o=t?a:r){if(o.has(e))return o.get(e);o.set(e,i)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((n=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(n.get||n.set)?o(i,t,n):i[t]=e[t]);return i})(e,t)}const UTPhoneInput=e=>{var t;let{actions:r,areaCodeDataTestId:a,areaCodePlaceholder:o,disabled:n,editablePrefix:i=!1,error:l,helpText:s,inputSize:d,maxLength:p=10,onChange:u,prefix:c,prefixDataTestId:_,phoneNumberDataTestId:f,placeholder:T,readOnly:y,required:h,title:m,titleVariant:g,translations:b={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:C,validations:v,value:E,withAreaCode:q=!0}=e;const[I,U]=(0,_react.useState)({code:"",error:""}),[M,O]=(0,_react.useState)(!1),[x,D]=(0,_react.useState)(""),[S,P]=(0,_react.useState)((null==E?void 0:E.prefix)||c),{areaCodeWithoutZeroError:N,invalidAreaCodeError:R,areaCodeMinLenghtError:w}=b;(0,_react.useEffect)(()=>{const{number:e}="string"==typeof E?{number:E}:E;if(c)e&&e!==x&&D(e);else if(e&&q){const[t,r]=e.split("-");U(e=>({...e,code:t||""})),D(r||"")}else e&&!q&&D(e)},[E,q]);const L=e=>{if(!e)return"";if(1===e.length)return w;if(e.startsWith("0"))return N;return _constants2.AREA_CODES.find(t=>t.code===e)?"":R};(0,_react.useEffect)(()=>{if(M){const e=L(I.code);U(t=>({...t,error:e}))}},[I.code,M]);const W=(0,_react.useCallback)(e=>{D(e)},[]);(0,_react.useEffect)(()=>{if(c)!x||x===(null==E?void 0:E.number)&&S===(null==E?void 0:E.prefix)||u({number:x,prefix:S});else if(""!==I.code||""!==x){const e=q?"".concat(I.code,"-").concat(x):x;e!==E&&u(e)}else u("")},[I.code,x,q,u,E,S,c]);const V=v||I.error&&(0,_utils.formatErrorToValidation)(I.error)||l&&(0,_utils.formatErrorToValidation)(l),A=(null==V?void 0:V.length)>0;return _react.default.createElement("div",{className:_stylesModule.default.container},m&&_react.default.createElement(_UTFieldLabel.default,{actions:r,readOnly:y,required:h,size:g},m),_react.default.createElement("div",{className:_stylesModule.default.inputsContainer},c&&_react.default.createElement(_UTSelect.default,{autocompleteProps:{classes:{popper:_stylesModule.default.popper}},className:_stylesModule.default.countryCodeSelect,classNames:{container:_stylesModule.default.countryCodeContainer},clearable:!1,dataTestId:_,disabled:n||!i,icon:null===(t=_countries.default.find(e=>{let{prefix:t}=e;return t===S}))||void 0===t?void 0:t.code,inputSize:d,onChange:P,options:_countries.default.map(e=>{let{code:t,prefix:r}=e;return{name:"".concat(r," (").concat(t,")"),value:r,icon:t}}),value:S,version:"V1"}),!c&&q&&_react.default.createElement(_UTBaseInputField.default,{alwaysShowPlaceholder:!0,classNames:{container:_stylesModule.default.areaCodeContainer},dataTestId:a,disabled:n,error:A,inputSize:d,maxLength:Math.min(p-x.length,4),onBlur:()=>{const e=L(I.code);U(t=>({...t,error:e})),O(!!e)},onChange:e=>{U(t=>({...t,code:e}))},placeholder:o,readOnly:y,rightAdornments:[{name:_constants.COMPONENT_KEYS.ICON,props:{showOnlyOnError:!0}}],type:"numeric",value:I.code}),_react.default.createElement(_UTBaseInputField.default,{alwaysShowPlaceholder:!0,classNames:{container:_stylesModule.default.phoneContainer,root:_stylesModule.default.phoneContainerRoot},dataTestId:f,disabled:n,error:A&&!I.error,inputSize:d,maxLength:q?Math.min(p-I.code.length,p-2):p,onChange:W,placeholder:T,rightAdornments:[{name:_constants.COMPONENT_KEYS.ICON,props:{showOnlyOnError:!0}}],type:"numeric",value:x})),s&&_react.default.createElement(_UTLabel.default,{colorTheme:"gray",variant:"small"},s),V&&_react.default.createElement(_UTValidation.default,{dataTestId:C,validationData:V}))};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,o=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var a,n,s={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return s;if(a=t?o:r){if(a.has(e))return a.get(e);a.set(e,s)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((n=(a=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(n.get||n.set)?a(s,t,n):s[t]=e[t]);return s})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)({}).hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},_extends.apply(null,arguments)}const UTPopUp=e=>{let{checkBox:t,children:r,classes:o,dataTestId:a,enabled:n=!0,onClose:s,primaryAction:l,primaryActionProps:c,primaryActionText:i,progress:p,secondaryAction:u,secondaryActionProps:d,secondaryActionText:_,withBodyPadding:f}=e;const[y,T]=(0,_react.useState)(!1),m="number"==typeof p;return n?_react.default.createElement("div",{className:"".concat(o.container," ").concat(_stylesModule.default.container),"data-testid":a},(s||m)&&_react.default.createElement("div",{className:_stylesModule.default.header},m&&_react.default.createElement("div",{className:o.progressBar},_react.default.createElement("div",{className:o.progress,style:{width:"".concat(101*p,"%")}})),s&&_react.default.createElement(_UTButton.default,{Icon:"IconX",onClick:()=>s(y),variant:"text"})),r&&_react.default.createElement("div",{className:f?_stylesModule.default.withBodyPadding:_stylesModule.default.body},r),(t||l||u)&&_react.default.createElement("div",{className:_stylesModule.default.footer},t&&_react.default.createElement(_UTCheckbox.default,{version:"V1",title:t,spacing:"small",value:y,onChange:T,classNames:{container:_stylesModule.default.checkBox}}),u&&_react.default.createElement(_UTButton.default,_extends({onClick:()=>u(y),variant:"text"},d),_),l&&_react.default.createElement(_UTButton.default,_extends({onClick:()=>l(y)},c),i))):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=t=>{var e,o;let{theme:s,position:r=_constants.POSITIONS.BOTTOM_RIGHT,size:i=_constants.SIZES.MEDIUM}=t;return{container:{backgroundColor:s.Palette.light["01"],borderRadius:"4px",boxShadow:(0,_shadowUtils.getShadow)({color:null===(e=s.Palette.shadows)||void 0===e?void 0:e.grayscale,level:2}),position:"absolute",width:{[_constants.SIZES.MEDIUM]:"381px",[_constants.SIZES.LARGE]:"600px"}[i],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"}}[r]},progressBar:{backgroundColor:s.Palette.light["04"],height:"8px",overflow:"hidden",width:"100%"},progress:{background:null===(o=s.Palette)||void 0===o||null===(o=o.identityGradient)||void 0===o?void 0:o.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,r){if("function"==typeof WeakMap)var t=new WeakMap,p=new WeakMap;return(_interopRequireWildcard=function(e,r){if(!r&&e&&e.__esModule)return e;var o,n,s={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return s;if(o=r?p:t){if(o.has(e))return o.get(e);o.set(e,s)}for(const r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((n=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,r))&&(n.get||n.set)?o(s,r,n):s[r]=e[r]);return s})(e,r)}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var p in t)({}).hasOwnProperty.call(t,p)&&(e[p]=t[p])}return e},_extends.apply(null,arguments)}const UTPopper=e=>{let{anchor:r,children:t,classes:p,clickAwayListenerProps:o,onClose:n,paperProps:s,...a}=e;const[c,i]=(0,_react.useState)(!1);return(0,_react.useEffect)(()=>{const e=!!r&&!(0,_isEmpty.default)(t);i(e)},[r,t]),r?_react.default.createElement(_core.ClickAwayListener,_extends({onClickAway:n},o),_react.default.createElement(_core.Popper,_extends({anchorEl:r,open:c,transition:!0},a),_react.default.createElement(_core.Paper,_extends({className:null==p?void 0:p.paper},s),t))):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=e=>{let{action:t={},additionalInfo:a,amount:r,classes:l,discount:i,discountSize:o="medium",Image:n,previousAmount:u,selectedQuantity:s,title:c}=e;const{CustomIcon:p,onClick:m,type:d="add"}=t,{colorTheme:_,Icon:f,size:T,variant:y}=_constants.actionMapper[d]||{};return _react.default.createElement("div",{className:l.container},_react.default.createElement("div",{className:l.leftSection},!!n&&_react.default.createElement(n,{className:l.image}),_react.default.createElement("div",{className:l.mainInfo},!!c&&_react.default.createElement(_UTLabel.default,{weight:"medium",variant:"small"},c),!!a&&_react.default.createElement(_UTLabel.default,{variant:"small",colorTheme:"gray"},a),!!i&&_react.default.createElement("div",{className:l.amountContainer},_react.default.createElement("div",{className:l.discountChip},_react.default.createElement(_UTLabel.default,{colorTheme:"light",variant:o},i)),!!u&&_react.default.createElement(_UTLabel.default,{colorTheme:"gray",className:l.previousAmount},u)),_react.default.createElement(_UTLabel.default,{weight:"medium",variant:"subtitle1"},r))),_react.default.createElement("div",{className:l.rightSection},!!s&&_react.default.createElement("div",{className:l.selectedQuantity},_react.default.createElement(_UTLabel.default,{colorTheme:"light",weight:"medium"},s)),!(0,_isEmpty.default)(t)&&_react.default.createElement(_UTButton.default,{classNames:{root:l.buttonIcon},colorTheme:_,onClick:m,Icon:p||f,size:T,variant:y})))};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);