@widergy/energy-ui 3.172.3 → 3.173.0

package/dist/components/UTActionCard/components/Header/utils.js

@@ -1 +1,155 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.statusPropsMapper=exports.renderAdornment=void 0;var _react=_interopRequireDefault(require("react")),_object=require("@widergy/web-utils/lib/object"),_constants=require("../../constants"),_constants2=require("./constants"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}const ACTIVE="active",APPROVED="approved",CHARGED_BILL="factura cobrada",FINISHED="finished",INACTIVE="inactive",PENDING="pending",BILLED="cobrada",PAID="pagado",ABOUT_TO_EXPIRE="por vencer",UNPAID="impaga",SUBSCRIBED="subscribed_from_utility",UNSUBSCRIBED="unsubscribed",CLOSED_STATUS="completed",OBSERVED_STATUS="observed",ONGOING_STATUS="pending",FORM_STATUS={CANCELED:"cancelled",FINISHED:"finished",IN_PROGRESS:"in_progress",ON_HOLD:"on_hold",COMPLETED:"completed"},PAYMENTPLAN_STATUS={ACTIVE:"active",CANCELLED:"canceled",DRAFT:"draft",FINISHED:"finished",PENDING:"pending",PAYMENT_IN_PROGRESS:"payment_in_progress",PENDING_OFFLINE_PAYMENT:"pending_offline_payment",PENDING_PAYMENT:"pending_payment"},statusPropsMapper=status=>({[ACTIVE]:{variant:"success",withoutIcon:!0},[APPROVED]:{variant:"success",withoutIcon:!0},[CHARGED_BILL]:{variant:"success",withoutIcon:!0},[CLOSED_STATUS]:{variant:"unassigned",withoutIcon:!0},[BILLED]:{variant:"success",withoutIcon:!0,type:"light"},[FINISHED]:{variant:"success",withoutIcon:!0},[INACTIVE]:{variant:"error",withoutIcon:!0},[OBSERVED_STATUS]:{variant:"warning",withoutIcon:!0},[ONGOING_STATUS]:{variant:"information",withoutIcon:!0},[PAID]:{variant:"success",withoutIcon:!0,type:"light"},[PAYMENTPLAN_STATUS.CANCELLED]:{variant:"error",withoutIcon:!0},[PAYMENTPLAN_STATUS.DRAFT]:{variant:"unassigned",withoutIcon:!0},[PAYMENTPLAN_STATUS.PAYMENT_IN_PROGRESS]:{variant:"warning",withoutIcon:!0},[PAYMENTPLAN_STATUS.PENDING_OFFLINE_PAYMENT]:{variant:"warning",withoutIcon:!0},[PAYMENTPLAN_STATUS.PENDING_PAYMENT]:{variant:"warning",withoutIcon:!0},[PENDING]:{variant:"information",withoutIcon:!0},[ABOUT_TO_EXPIRE]:{variant:"unassigned",withoutIcon:!0,type:"light"},[SUBSCRIBED]:{variant:"success"},[UNSUBSCRIBED]:{variant:"error"},[UNPAID]:{variant:"warning",withoutIcon:!0,type:"light"},[FORM_STATUS.CANCELED]:{variant:"error",withoutIcon:!0},[FORM_STATUS.IN_PROGRESS]:{variant:"information",withoutIcon:!0},[FORM_STATUS.ON_HOLD]:{variant:"warning",withoutIcon:!0}}[null==status?void 0:status.toLowerCase()]||{variant:"error",withoutIcon:!0});exports.statusPropsMapper=statusPropsMapper;const renderAdornment=(adornment,position)=>{var _adornment$props;if((0,_object.objectIsEmpty)(adornment)||adornment.position!==position)return null;const AdornmentComponent=_constants2.ADORNMENT_COMPONENT_MAPPER[adornment.type],defaultPlaceSelf="left"===adornment.position?_constants.PLACE_SELF_TYPES.CENTER:_constants.PLACE_SELF_TYPES.START;return _react.default.createElement(AdornmentComponent,_extends({},adornment.props||{},{className:"".concat(_stylesModule.default.adornment," ").concat(_stylesModule.default["placeSelf-".concat(adornment.alignment||defaultPlaceSelf)],"  ").concat((null===(_adornment$props=adornment.props)||void 0===_adornment$props?void 0:_adornment$props.className)||"")}))};exports.renderAdornment=renderAdornment;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.statusPropsMapper = exports.renderAdornment = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _object = require("@widergy/web-utils/lib/object");
+var _constants = require("../../constants");
+var _constants2 = require("./constants");
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const ACTIVE = 'active';
+const APPROVED = 'approved';
+const CHARGED_BILL = 'factura cobrada';
+const FINISHED = 'finished';
+const INACTIVE = 'inactive';
+const PENDING = 'pending';
+const BILLED = 'cobrada';
+const PAID = 'pagado';
+const ABOUT_TO_EXPIRE = 'por vencer';
+const UNPAID = 'impaga';
+const SUBSCRIBED = 'subscribed_from_utility';
+const UNSUBSCRIBED = 'unsubscribed';
+const CLOSED_STATUS = 'completed';
+const OBSERVED_STATUS = 'observed';
+const ONGOING_STATUS = 'pending';
+const FORM_STATUS = {
+  CANCELED: 'cancelled',
+  FINISHED: 'finished',
+  IN_PROGRESS: 'in_progress',
+  ON_HOLD: 'on_hold',
+  COMPLETED: 'completed'
+};
+const PAYMENTPLAN_STATUS = {
+  ACTIVE: 'active',
+  CANCELLED: 'canceled',
+  DRAFT: 'draft',
+  FINISHED: 'finished',
+  PENDING: 'pending',
+  PAYMENT_IN_PROGRESS: 'payment_in_progress',
+  PENDING_OFFLINE_PAYMENT: 'pending_offline_payment',
+  PENDING_PAYMENT: 'pending_payment'
+};
+const statusPropsMapper = status => ({
+  [ACTIVE]: {
+    variant: 'success',
+    withoutIcon: true
+  },
+  [APPROVED]: {
+    variant: 'success',
+    withoutIcon: true
+  },
+  [CHARGED_BILL]: {
+    variant: 'success',
+    withoutIcon: true
+  },
+  [CLOSED_STATUS]: {
+    variant: 'unassigned',
+    withoutIcon: true
+  },
+  [BILLED]: {
+    variant: 'success',
+    withoutIcon: true,
+    type: 'light'
+  },
+  [FINISHED]: {
+    variant: 'success',
+    withoutIcon: true
+  },
+  [INACTIVE]: {
+    variant: 'error',
+    withoutIcon: true
+  },
+  [OBSERVED_STATUS]: {
+    variant: 'warning',
+    withoutIcon: true
+  },
+  [ONGOING_STATUS]: {
+    variant: 'information',
+    withoutIcon: true
+  },
+  [PAID]: {
+    variant: 'success',
+    withoutIcon: true,
+    type: 'light'
+  },
+  [PAYMENTPLAN_STATUS.CANCELLED]: {
+    variant: 'error',
+    withoutIcon: true
+  },
+  [PAYMENTPLAN_STATUS.DRAFT]: {
+    variant: 'unassigned',
+    withoutIcon: true
+  },
+  [PAYMENTPLAN_STATUS.PAYMENT_IN_PROGRESS]: {
+    variant: 'warning',
+    withoutIcon: true
+  },
+  [PAYMENTPLAN_STATUS.PENDING_OFFLINE_PAYMENT]: {
+    variant: 'warning',
+    withoutIcon: true
+  },
+  [PAYMENTPLAN_STATUS.PENDING_PAYMENT]: {
+    variant: 'warning',
+    withoutIcon: true
+  },
+  [PENDING]: {
+    variant: 'information',
+    withoutIcon: true
+  },
+  [ABOUT_TO_EXPIRE]: {
+    variant: 'unassigned',
+    withoutIcon: true,
+    type: 'light'
+  },
+  [SUBSCRIBED]: {
+    variant: 'success'
+  },
+  [UNSUBSCRIBED]: {
+    variant: 'error'
+  },
+  [UNPAID]: {
+    variant: 'warning',
+    withoutIcon: true,
+    type: 'light'
+  },
+  [FORM_STATUS.CANCELED]: {
+    variant: 'error',
+    withoutIcon: true
+  },
+  [FORM_STATUS.IN_PROGRESS]: {
+    variant: 'information',
+    withoutIcon: true
+  },
+  [FORM_STATUS.ON_HOLD]: {
+    variant: 'warning',
+    withoutIcon: true
+  }
+})[status === null || status === void 0 ? void 0 : status.toLowerCase()] || {
+  variant: 'error',
+  withoutIcon: true
+};
+exports.statusPropsMapper = statusPropsMapper;
+const renderAdornment = (adornment, position) => {
+  var _adornment$props;
+  if ((0, _object.objectIsEmpty)(adornment) || adornment.position !== position) return null;
+  const AdornmentComponent = _constants2.ADORNMENT_COMPONENT_MAPPER[adornment.type];
+  const defaultPlaceSelf = adornment.position === 'left' ? _constants.PLACE_SELF_TYPES.CENTER : _constants.PLACE_SELF_TYPES.START;
+  return /*#__PURE__*/_react.default.createElement(AdornmentComponent, _extends({}, adornment.props || {}, {
+    className: "".concat(_stylesModule.default.adornment, " ").concat(_stylesModule.default["placeSelf-".concat(adornment.alignment || defaultPlaceSelf)], "  ").concat(((_adornment$props = adornment.props) === null || _adornment$props === void 0 ? void 0 : _adornment$props.className) || '')
+  }));
+};
+exports.renderAdornment = renderAdornment;

package/dist/components/UTActionCard/components/HeaderActions/index.js

@@ -1 +1,129 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_isEmpty=_interopRequireDefault(require("lodash/isEmpty")),_propTypes=require("prop-types"),_UTButton=_interopRequireDefault(require("../../../UTButton")),_UTButtonGroup=_interopRequireDefault(require("../../../UTButtonGroup")),_UTMenu=_interopRequireDefault(require("../../../UTMenu")),_UTTooltip=_interopRequireDefault(require("../../../UTTooltip")),_constants=require("../../constants"),_utils=require("./utils"),_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 HeaderActions=_ref=>{var _headerActions$find,_secondaryActions$;let{headerActions:headerActions,headerActionsProps:headerActionsProps,setMainActionHoverVisible:setMainActionHoverVisible}=_ref;const[menu,setMenu]=(0,_react.useState)(),[selectedAction,setSelectedAction]=(0,_react.useState)(null===(_headerActions$find=headerActions.find(_ref2=>{let{selectedDefault:selectedDefault}=_ref2;return selectedDefault}))||void 0===_headerActions$find?void 0:_headerActions$find.id),showButtonGroup=headerActionsProps.variant===_constants.HEADER_ACTIONS_VARIANTS.BUTTON_GROUP,{colorTheme:buttonGroupColorTheme="secondary",shape:buttonGroupShape}=(null==headerActionsProps?void 0:headerActionsProps.buttonGroupProps)||{},handleSetMainActionHoverVisible=()=>setMainActionHoverVisible(!0),closeMenu=()=>{handleSetMainActionHoverVisible(),setMenu()},{primaryActions:primaryActions,secondaryActions:secondaryActions}=(0,_utils.processActions)(headerActions,showButtonGroup?null:closeMenu),buttonSize=(null==headerActionsProps?void 0:headerActionsProps.buttonSize)||"medium";return _react.default.createElement("div",{className:"".concat(_stylesModule.default.headerActionsContainer," ").concat(_stylesModule.default["placeSelf-".concat(headerActionsProps.alignment)]),onClick:e=>e.stopPropagation(),onMouseEnter:()=>setMainActionHoverVisible(!1),onMouseLeave:handleSetMainActionHoverVisible},primaryActions.map(buttonProps=>_react.default.createElement(_UTTooltip.default,{tippyProps:{appendTo:()=>document.body,interactive:!1},content:buttonProps.label&&_react.default.createElement("span",null,buttonProps.label)},_react.default.createElement("div",null,_react.default.createElement(_UTButton.default,_extends({},buttonProps,{classNames:{root:_stylesModule.default.zIndex},size:buttonSize,variant:"text"}),buttonProps.title)))),!(0,_isEmpty.default)(secondaryActions)&&(showButtonGroup?_react.default.createElement(_UTButtonGroup.default,{actions:secondaryActions.map(action=>({...action,onClick:()=>{setSelectedAction(action.id),action.onClick()}})),colorTheme:buttonGroupColorTheme,selected:selectedAction||(null===(_secondaryActions$=secondaryActions[0])||void 0===_secondaryActions$?void 0:_secondaryActions$.id),shape:buttonGroupShape}):_react.default.createElement(_react.Fragment,null,_react.default.createElement(_UTMenu.default,{anchor:menu,iconBefore:!0,items:secondaryActions,menuPlacement:"bottom-end",onClose:closeMenu,scrollBarProps:{options:{suppressScrollY:!0,suppressScrollX:!0}}}),_react.default.createElement(_UTButton.default,{classNames:{root:_stylesModule.default.zIndex},Icon:"IconDots",onClick:e=>{e.stopPropagation(),menu?setMenu():setMenu(e.currentTarget)},size:"medium",variant:"text"}))))};HeaderActions.propTypes={headerActions:(0,_propTypes.arrayOf)((0,_propTypes.shape)({Icon:(0,_propTypes.oneOfType)([_propTypes.elementType,_propTypes.string]),id:(0,_propTypes.oneOfType)([_propTypes.number,_propTypes.string]),isPrimary:_propTypes.bool,title:_propTypes.string,label:_propTypes.string,loading:_propTypes.bool,onClick:_propTypes.func,selectedDefault:_propTypes.bool})),headerActionsProps:(0,_propTypes.shape)({alignment:(0,_propTypes.oneOf)([_constants.PLACE_SELF_TYPES.CENTER,_constants.PLACE_SELF_TYPES.END,_constants.PLACE_SELF_TYPES.START]),buttonGroupProps:(0,_propTypes.shape)({colorTheme:_propTypes.string,shape:_propTypes.string}),variant:(0,_propTypes.oneOf)([_constants.HEADER_ACTIONS_VARIANTS.DEFAULT,_constants.HEADER_ACTIONS_VARIANTS.BUTTON_GROUP])}),setMainActionHoverVisible:_propTypes.func};var _default=exports.default=(0,_react.memo)(HeaderActions);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
+var _propTypes = require("prop-types");
+var _UTButton = _interopRequireDefault(require("../../../UTButton"));
+var _UTButtonGroup = _interopRequireDefault(require("../../../UTButtonGroup"));
+var _UTMenu = _interopRequireDefault(require("../../../UTMenu"));
+var _UTTooltip = _interopRequireDefault(require("../../../UTTooltip"));
+var _constants = require("../../constants");
+var _utils = require("./utils");
+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 HeaderActions = _ref => {
+  var _headerActions$find, _secondaryActions$;
+  let {
+    headerActions,
+    headerActionsProps,
+    setMainActionHoverVisible
+  } = _ref;
+  const [menu, setMenu] = (0, _react.useState)();
+  const [selectedAction, setSelectedAction] = (0, _react.useState)((_headerActions$find = headerActions.find(_ref2 => {
+    let {
+      selectedDefault
+    } = _ref2;
+    return selectedDefault;
+  })) === null || _headerActions$find === void 0 ? void 0 : _headerActions$find.id);
+  const showButtonGroup = headerActionsProps.variant === _constants.HEADER_ACTIONS_VARIANTS.BUTTON_GROUP;
+  const {
+    colorTheme: buttonGroupColorTheme = 'secondary',
+    shape: buttonGroupShape
+  } = (headerActionsProps === null || headerActionsProps === void 0 ? void 0 : headerActionsProps.buttonGroupProps) || {};
+  const handleSetMainActionHoverVisible = () => setMainActionHoverVisible(true);
+  const handleSetMainActionHoverHidden = () => setMainActionHoverVisible(false);
+  const openMenu = event => setMenu(event.currentTarget);
+  const closeMenu = () => {
+    handleSetMainActionHoverVisible();
+    setMenu();
+  };
+  const {
+    primaryActions,
+    secondaryActions
+  } = (0, _utils.processActions)(headerActions, !showButtonGroup ? closeMenu : null);
+  const buttonSize = (headerActionsProps === null || headerActionsProps === void 0 ? void 0 : headerActionsProps.buttonSize) || 'medium';
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(_stylesModule.default.headerActionsContainer, " ").concat(_stylesModule.default["placeSelf-".concat(headerActionsProps.alignment)]),
+    onClick: e => e.stopPropagation(),
+    onMouseEnter: handleSetMainActionHoverHidden,
+    onMouseLeave: handleSetMainActionHoverVisible
+  }, primaryActions.map(buttonProps => /*#__PURE__*/_react.default.createElement(_UTTooltip.default, {
+    tippyProps: {
+      appendTo: () => document.body,
+      interactive: false
+    },
+    content: buttonProps.label && /*#__PURE__*/_react.default.createElement("span", null, buttonProps.label)
+  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({}, buttonProps, {
+    classNames: {
+      root: _stylesModule.default.zIndex
+    },
+    size: buttonSize,
+    variant: "text"
+  }), buttonProps.title)))), !(0, _isEmpty.default)(secondaryActions) && (!showButtonGroup ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_UTMenu.default, {
+    anchor: menu,
+    iconBefore: true,
+    items: secondaryActions,
+    menuPlacement: "bottom-end",
+    onClose: closeMenu,
+    scrollBarProps: {
+      options: {
+        suppressScrollY: true,
+        suppressScrollX: true
+      }
+    }
+  }), /*#__PURE__*/_react.default.createElement(_UTButton.default, {
+    classNames: {
+      root: _stylesModule.default.zIndex
+    },
+    Icon: "IconDots",
+    onClick: e => {
+      e.stopPropagation();
+      if (menu) {
+        setMenu();
+      } else {
+        openMenu(e);
+      }
+    },
+    size: "medium",
+    variant: "text"
+  })) : /*#__PURE__*/_react.default.createElement(_UTButtonGroup.default, {
+    actions: secondaryActions.map(action => ({
+      ...action,
+      onClick: () => {
+        setSelectedAction(action.id);
+        action.onClick();
+      }
+    })),
+    colorTheme: buttonGroupColorTheme,
+    selected: selectedAction || ((_secondaryActions$ = secondaryActions[0]) === null || _secondaryActions$ === void 0 ? void 0 : _secondaryActions$.id),
+    shape: buttonGroupShape
+  })));
+};
+HeaderActions.propTypes = {
+  headerActions: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
+    Icon: (0, _propTypes.oneOfType)([_propTypes.elementType, _propTypes.string]),
+    id: (0, _propTypes.oneOfType)([_propTypes.number, _propTypes.string]),
+    isPrimary: _propTypes.bool,
+    title: _propTypes.string,
+    label: _propTypes.string,
+    loading: _propTypes.bool,
+    onClick: _propTypes.func,
+    selectedDefault: _propTypes.bool
+  })),
+  headerActionsProps: (0, _propTypes.shape)({
+    alignment: (0, _propTypes.oneOf)([_constants.PLACE_SELF_TYPES.CENTER, _constants.PLACE_SELF_TYPES.END, _constants.PLACE_SELF_TYPES.START]),
+    buttonGroupProps: (0, _propTypes.shape)({
+      colorTheme: _propTypes.string,
+      shape: _propTypes.string
+    }),
+    variant: (0, _propTypes.oneOf)([_constants.HEADER_ACTIONS_VARIANTS.DEFAULT, _constants.HEADER_ACTIONS_VARIANTS.BUTTON_GROUP])
+  }),
+  setMainActionHoverVisible: _propTypes.func
+};
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(HeaderActions);

package/dist/components/UTActionCard/components/HeaderActions/utils.js

@@ -1 +1,31 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.processActions=void 0;var _isEmpty=_interopRequireDefault(require("lodash/isEmpty"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const mapAction=(action,onClickHandler)=>({...action,onClick:e=>{var _action$onClick;null==e||e.stopPropagation(),onClickHandler&&onClickHandler(),null==action||null===(_action$onClick=action.onClick)||void 0===_action$onClick||_action$onClick.call(action)}}),processActions=(headerActions,onClickHandler)=>headerActions.reduce((final,current)=>current.isPrimary&&(0,_isEmpty.default)(final.primaryActions)?{...final,primaryActions:[current]}:{...final,secondaryActions:[...final.secondaryActions,mapAction(current,onClickHandler)]},{primaryActions:[],secondaryActions:[]});exports.processActions=processActions;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.processActions = void 0;
+var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const mapAction = (action, onClickHandler) => ({
+  ...action,
+  onClick: e => {
+    var _action$onClick;
+    e === null || e === void 0 || e.stopPropagation();
+    if (onClickHandler) onClickHandler();
+    action === null || action === void 0 || (_action$onClick = action.onClick) === null || _action$onClick === void 0 || _action$onClick.call(action);
+  }
+});
+const processActions = (headerActions, onClickHandler) => headerActions.reduce((final, current) => {
+  if (current.isPrimary && (0, _isEmpty.default)(final.primaryActions)) return {
+    ...final,
+    primaryActions: [current]
+  };
+  return {
+    ...final,
+    secondaryActions: [...final.secondaryActions, mapAction(current, onClickHandler)]
+  };
+}, {
+  primaryActions: [],
+  secondaryActions: []
+});
+exports.processActions = processActions;

package/dist/components/UTActionCard/constants.js

@@ -1 +1,23 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SIZES=exports.PLACE_SELF_TYPES=exports.HEADER_ACTIONS_VARIANTS=exports.ACTION_TYPES=void 0;const SIZES=exports.SIZES={MEDIUM:"medium",SMALL:"small"},ACTION_TYPES=exports.ACTION_TYPES={DEFAULT:"default",REDIRECTION:"redirection"},HEADER_ACTIONS_VARIANTS=exports.HEADER_ACTIONS_VARIANTS={BUTTON_GROUP:"buttonGroup",DEFAULT:"default"},PLACE_SELF_TYPES=exports.PLACE_SELF_TYPES={CENTER:"center",END:"end",START:"start"};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SIZES = exports.PLACE_SELF_TYPES = exports.HEADER_ACTIONS_VARIANTS = exports.ACTION_TYPES = void 0;
+const SIZES = exports.SIZES = {
+  MEDIUM: 'medium',
+  SMALL: 'small'
+};
+const ACTION_TYPES = exports.ACTION_TYPES = {
+  DEFAULT: 'default',
+  REDIRECTION: 'redirection'
+};
+const HEADER_ACTIONS_VARIANTS = exports.HEADER_ACTIONS_VARIANTS = {
+  BUTTON_GROUP: 'buttonGroup',
+  DEFAULT: 'default'
+};
+const PLACE_SELF_TYPES = exports.PLACE_SELF_TYPES = {
+  CENTER: 'center',
+  END: 'end',
+  START: 'start'
+};

package/dist/components/UTActionCard/index.js

@@ -1 +1,158 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_array=require("@widergy/web-utils/lib/array"),_object=require("@widergy/web-utils/lib/object"),_UTTouchableWithoutFeedback=_interopRequireDefault(require("../UTTouchableWithoutFeedback")),_BottomActions=_interopRequireDefault(require("./components/BottomActions")),_AdditionalMessage=_interopRequireDefault(require("./components/AdditionalMessage")),_Header=_interopRequireDefault(require("./components/Header")),_constants=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)}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 UTActionCard=_ref=>{let{additionalMessage:additionalMessage,adornment:adornment,BackgroundImage:BackgroundImage,bottomActions:bottomActions,bottomActionsVariant:bottomActionsVariant,children:children,classNames:classNames={},description:description,descriptionProps:descriptionProps={},headerActions:headerActions,headerActionsProps:headerActionsProps={variant:_constants.HEADER_ACTIONS_VARIANTS.DEFAULT},hideHeader:hideHeader=!1,mainAction:mainAction,size:size=_constants.SIZES.MEDIUM,status:status,statusAlignment:statusAlignment,statusLabel:statusLabel,testIds:testIds={},title:title,titleProps:titleProps={},withBodyPadding:withBodyPadding=!0}=_ref;const[mainActionHoverVisible,setMainActionHoverVisible]=(0,_react.useState)(!0),{backgroundDataTestId:backgroundDataTestId,containerDataTestId:containerDataTestId,statusDataTestId:statusDataTestId}=testIds;return _react.default.createElement("div",{className:"".concat(_stylesModule.default.cardContainer," ").concat(classNames.container)},_react.default.createElement(_UTTouchableWithoutFeedback.default,{className:"".concat(_stylesModule.default.innerContainer," ").concat(classNames.innerContainer," ").concat(mainAction?"".concat(_stylesModule.default.withMainAction," ").concat(mainActionHoverVisible&&"".concat(_stylesModule.default.mainActionHover," ").concat(classNames.mainActionHover)):_stylesModule.default.withoutMainAction),dataTestId:containerDataTestId,onClick:()=>null==mainAction?void 0:mainAction()},BackgroundImage&&_react.default.createElement(BackgroundImage,{className:"".concat(_stylesModule.default.backgroundImage," ").concat(classNames.backgroundImage),"data-testid":backgroundDataTestId}),_react.default.createElement("div",{className:"".concat(_stylesModule.default.headerAndChildrenContainer," ").concat(classNames.headerAndChildrenContainer)},!hideHeader&&_react.default.createElement(_Header.default,{adornment:adornment,classNames:classNames,description:description,descriptionProps:descriptionProps,headerActions:headerActions,headerActionsProps:headerActionsProps,mainAction:mainAction,setMainActionHoverVisible:setMainActionHoverVisible,size:size,status:status,statusAlignment:statusAlignment,statusDataTestId:statusDataTestId,statusLabel:statusLabel,title:title,titleProps:titleProps}),children&&_react.default.createElement("div",{className:"".concat(hideHeader?_stylesModule.default.withoutHeader:""," ").concat(withBodyPadding?_stylesModule.default["bodyPadding-".concat(size)]:_stylesModule.default["withoutBodyPadding-".concat(size)])},children))),!(0,_object.objectIsEmpty)(additionalMessage)&&_react.default.createElement(_AdditionalMessage.default,_extends({},additionalMessage,{size:size})),!(0,_array.isEmpty)(bottomActions)&&_react.default.createElement(_BottomActions.default,{actions:bottomActions,bottomActionsVariant:bottomActionsVariant,size:size}))};UTActionCard.propTypes={additionalMessage:(0,_propTypes.shape)({Icon:_propTypes.elementType,iconProps:(0,_propTypes.shape)({colorTheme:_propTypes.string,size:_propTypes.string}),labelProps:(0,_propTypes.shape)({colorTheme:_propTypes.string,variant:_propTypes.string}),message:_propTypes.string}),adornment:(0,_propTypes.shape)({alignment:(0,_propTypes.oneOf)([_constants.PLACE_SELF_TYPES.CENTER,_constants.PLACE_SELF_TYPES.END,_constants.PLACE_SELF_TYPES.START]),position:_propTypes.string,props:_propTypes.object,type:_propTypes.string}),BackgroundImage:_propTypes.elementType,bottomActions:(0,_propTypes.arrayOf)((0,_propTypes.shape)({colorTheme:_propTypes.string,disabled:_propTypes.bool,Icon:_propTypes.elementType,label:_propTypes.string,loading:_propTypes.bool,onClick:_propTypes.func})),bottomActionsVariant:(0,_propTypes.oneOf)([_constants.ACTION_TYPES.DEFAULT,_constants.ACTION_TYPES.REDIRECTION]),classNames:(0,_propTypes.objectOf)(_propTypes.string),description:_propTypes.string,descriptionProps:(0,_propTypes.shape)({colorTheme:_propTypes.string,variant:_propTypes.string}),headerActions:(0,_propTypes.arrayOf)((0,_propTypes.shape)({Icon:(0,_propTypes.oneOfType)([_propTypes.elementType,_propTypes.string]),iconProps:_propTypes.string,id:(0,_propTypes.oneOfType)([_propTypes.number,_propTypes.string]),label:_propTypes.string,loading:_propTypes.bool,onClick:_propTypes.func})),headerActionsProps:(0,_propTypes.shape)({alignment:(0,_propTypes.oneOf)([_constants.PLACE_SELF_TYPES.CENTER,_constants.PLACE_SELF_TYPES.END,_constants.PLACE_SELF_TYPES.START]),buttonGroupProps:(0,_propTypes.shape)({colorTheme:_propTypes.string,shape:_propTypes.string}),variant:(0,_propTypes.oneOf)([_constants.HEADER_ACTIONS_VARIANTS.DEFAULT,_constants.HEADER_ACTIONS_VARIANTS.BUTTON_GROUP])}),hideHeader:_propTypes.bool,mainAction:_propTypes.func,size:(0,_propTypes.oneOf)([_constants.SIZES.MEDIUM,_constants.SIZES.SMALL]),status:_propTypes.string,statusLabel:_propTypes.string,statusAlignment:(0,_propTypes.oneOf)([_constants.PLACE_SELF_TYPES.CENTER,_constants.PLACE_SELF_TYPES.END,_constants.PLACE_SELF_TYPES.START]),testIds:(0,_propTypes.shape)({backgroundDataTestId:_propTypes.string,containerDataTestId:_propTypes.string,statusDataTestId:_propTypes.string}),title:_propTypes.string,titleProps:(0,_propTypes.shape)({variant:_propTypes.string,weight:_propTypes.string}),withBodyPadding:_propTypes.bool};var _default=exports.default=(0,_react.memo)(UTActionCard);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+var _array = require("@widergy/web-utils/lib/array");
+var _object = require("@widergy/web-utils/lib/object");
+var _UTTouchableWithoutFeedback = _interopRequireDefault(require("../UTTouchableWithoutFeedback"));
+var _BottomActions = _interopRequireDefault(require("./components/BottomActions"));
+var _AdditionalMessage = _interopRequireDefault(require("./components/AdditionalMessage"));
+var _Header = _interopRequireDefault(require("./components/Header"));
+var _constants = 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); }
+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 UTActionCard = _ref => {
+  let {
+    additionalMessage,
+    adornment,
+    BackgroundImage,
+    bottomActions,
+    bottomActionsVariant,
+    children,
+    classNames = {},
+    description,
+    descriptionProps = {},
+    headerActions,
+    headerActionsProps = {
+      variant: _constants.HEADER_ACTIONS_VARIANTS.DEFAULT
+    },
+    hideHeader = false,
+    mainAction,
+    size = _constants.SIZES.MEDIUM,
+    status,
+    statusAlignment,
+    statusLabel,
+    testIds = {},
+    title,
+    titleProps = {},
+    withBodyPadding = true
+  } = _ref;
+  const [mainActionHoverVisible, setMainActionHoverVisible] = (0, _react.useState)(true);
+  const {
+    backgroundDataTestId,
+    containerDataTestId,
+    statusDataTestId
+  } = testIds;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(_stylesModule.default.cardContainer, " ").concat(classNames.container)
+  }, /*#__PURE__*/_react.default.createElement(_UTTouchableWithoutFeedback.default, {
+    className: "".concat(_stylesModule.default.innerContainer, " ").concat(classNames.innerContainer, " ").concat(!mainAction ? _stylesModule.default.withoutMainAction : "".concat(_stylesModule.default.withMainAction, " ").concat(mainActionHoverVisible && "".concat(_stylesModule.default.mainActionHover, " ").concat(classNames.mainActionHover))),
+    dataTestId: containerDataTestId,
+    onClick: () => mainAction === null || mainAction === void 0 ? void 0 : mainAction()
+  }, BackgroundImage && /*#__PURE__*/_react.default.createElement(BackgroundImage, {
+    className: "".concat(_stylesModule.default.backgroundImage, " ").concat(classNames.backgroundImage),
+    "data-testid": backgroundDataTestId
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(_stylesModule.default.headerAndChildrenContainer, " ").concat(classNames.headerAndChildrenContainer)
+  }, !hideHeader && /*#__PURE__*/_react.default.createElement(_Header.default, {
+    adornment,
+    classNames,
+    description,
+    descriptionProps,
+    headerActions,
+    headerActionsProps,
+    mainAction,
+    setMainActionHoverVisible,
+    size,
+    status,
+    statusAlignment,
+    statusDataTestId,
+    statusLabel,
+    title,
+    titleProps
+  }), children && /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(hideHeader ? _stylesModule.default.withoutHeader : '', " ").concat(withBodyPadding ? _stylesModule.default["bodyPadding-".concat(size)] : _stylesModule.default["withoutBodyPadding-".concat(size)])
+  }, children))), !(0, _object.objectIsEmpty)(additionalMessage) && /*#__PURE__*/_react.default.createElement(_AdditionalMessage.default, _extends({}, additionalMessage, {
+    size: size
+  })), !(0, _array.isEmpty)(bottomActions) && /*#__PURE__*/_react.default.createElement(_BottomActions.default, {
+    actions: bottomActions,
+    bottomActionsVariant: bottomActionsVariant,
+    size: size
+  }));
+};
+UTActionCard.propTypes = {
+  additionalMessage: (0, _propTypes.shape)({
+    Icon: _propTypes.elementType,
+    iconProps: (0, _propTypes.shape)({
+      colorTheme: _propTypes.string,
+      size: _propTypes.string
+    }),
+    labelProps: (0, _propTypes.shape)({
+      colorTheme: _propTypes.string,
+      variant: _propTypes.string
+    }),
+    message: _propTypes.string
+  }),
+  adornment: (0, _propTypes.shape)({
+    alignment: (0, _propTypes.oneOf)([_constants.PLACE_SELF_TYPES.CENTER, _constants.PLACE_SELF_TYPES.END, _constants.PLACE_SELF_TYPES.START]),
+    position: _propTypes.string,
+    props: _propTypes.object,
+    type: _propTypes.string
+  }),
+  BackgroundImage: _propTypes.elementType,
+  bottomActions: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
+    colorTheme: _propTypes.string,
+    disabled: _propTypes.bool,
+    Icon: _propTypes.elementType,
+    label: _propTypes.string,
+    loading: _propTypes.bool,
+    onClick: _propTypes.func
+  })),
+  bottomActionsVariant: (0, _propTypes.oneOf)([_constants.ACTION_TYPES.DEFAULT, _constants.ACTION_TYPES.REDIRECTION]),
+  classNames: (0, _propTypes.objectOf)(_propTypes.string),
+  description: _propTypes.string,
+  descriptionProps: (0, _propTypes.shape)({
+    colorTheme: _propTypes.string,
+    variant: _propTypes.string
+  }),
+  headerActions: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
+    Icon: (0, _propTypes.oneOfType)([_propTypes.elementType, _propTypes.string]),
+    iconProps: _propTypes.string,
+    id: (0, _propTypes.oneOfType)([_propTypes.number, _propTypes.string]),
+    label: _propTypes.string,
+    loading: _propTypes.bool,
+    onClick: _propTypes.func
+  })),
+  headerActionsProps: (0, _propTypes.shape)({
+    alignment: (0, _propTypes.oneOf)([_constants.PLACE_SELF_TYPES.CENTER, _constants.PLACE_SELF_TYPES.END, _constants.PLACE_SELF_TYPES.START]),
+    buttonGroupProps: (0, _propTypes.shape)({
+      colorTheme: _propTypes.string,
+      shape: _propTypes.string
+    }),
+    variant: (0, _propTypes.oneOf)([_constants.HEADER_ACTIONS_VARIANTS.DEFAULT, _constants.HEADER_ACTIONS_VARIANTS.BUTTON_GROUP])
+  }),
+  hideHeader: _propTypes.bool,
+  mainAction: _propTypes.func,
+  size: (0, _propTypes.oneOf)([_constants.SIZES.MEDIUM, _constants.SIZES.SMALL]),
+  status: _propTypes.string,
+  statusLabel: _propTypes.string,
+  statusAlignment: (0, _propTypes.oneOf)([_constants.PLACE_SELF_TYPES.CENTER, _constants.PLACE_SELF_TYPES.END, _constants.PLACE_SELF_TYPES.START]),
+  testIds: (0, _propTypes.shape)({
+    backgroundDataTestId: _propTypes.string,
+    containerDataTestId: _propTypes.string,
+    statusDataTestId: _propTypes.string
+  }),
+  title: _propTypes.string,
+  titleProps: (0, _propTypes.shape)({
+    variant: _propTypes.string,
+    weight: _propTypes.string
+  }),
+  withBodyPadding: _propTypes.bool
+};
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(UTActionCard);

package/dist/components/UTAlert/AlertHandler.js

@@ -1 +1,88 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;const sendAlert=(setState,parameters)=>setTimeout(()=>setState({...parameters,open:!0}),300),defaultState={open:!1,type:"info",message:"",topRight:!1,timeDuration:0};let currentAlert;const close=setState=>setState({...currentAlert,open:!1});class AlertHandler{init(_ref){let{setState:setState,duration:duration=5e3}=_ref;this.setState=setState,defaultState.timeDuration=duration,defaultState.onClose=()=>close(setState),currentAlert=defaultState,this.setState(defaultState)}success(message){let topRight=arguments.length>1&&void 0!==arguments[1]?arguments[1]:defaultState.topRight,timeDuration=arguments.length>2&&void 0!==arguments[2]?arguments[2]:defaultState.timeDuration;close(this.setState),currentAlert={...currentAlert,message:message,type:"success",topRight:topRight,timeDuration:timeDuration},sendAlert(this.setState,currentAlert)}error(message){let topRight=arguments.length>1&&void 0!==arguments[1]?arguments[1]:defaultState.topRight,timeDuration=arguments.length>2&&void 0!==arguments[2]?arguments[2]:defaultState.timeDuration;close(this.setState),currentAlert={...currentAlert,message:message,type:"error",topRight:topRight,timeDuration:timeDuration},sendAlert(this.setState,currentAlert)}info(message){let topRight=arguments.length>1&&void 0!==arguments[1]?arguments[1]:defaultState.topRight,timeDuration=arguments.length>2&&void 0!==arguments[2]?arguments[2]:defaultState.timeDuration;close(this.setState),currentAlert={...currentAlert,message:message,type:"info",topRight:topRight,timeDuration:timeDuration},sendAlert(this.setState,currentAlert)}warning(message){let topRight=arguments.length>1&&void 0!==arguments[1]?arguments[1]:defaultState.topRight,timeDuration=arguments.length>2&&void 0!==arguments[2]?arguments[2]:defaultState.timeDuration;close(this.setState),currentAlert={...currentAlert,message:message,type:"warning",topRight:topRight,timeDuration:timeDuration},sendAlert(this.setState,currentAlert)}}var _default=exports.default=new AlertHandler;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const sendAlert = (setState, parameters) => setTimeout(() => setState({
+  ...parameters,
+  open: true
+}), 300);
+const defaultState = {
+  open: false,
+  type: 'info',
+  message: '',
+  topRight: false,
+  timeDuration: 0
+};
+let currentAlert;
+const close = setState => setState({
+  ...currentAlert,
+  open: false
+});
+class AlertHandler {
+  init(_ref) {
+    let {
+      setState,
+      duration = 5000
+    } = _ref;
+    this.setState = setState;
+    defaultState.timeDuration = duration;
+    defaultState.onClose = () => close(setState);
+    currentAlert = defaultState;
+    this.setState(defaultState);
+  }
+  success(message) {
+    let topRight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultState.topRight;
+    let timeDuration = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultState.timeDuration;
+    close(this.setState);
+    currentAlert = {
+      ...currentAlert,
+      message,
+      type: 'success',
+      topRight,
+      timeDuration
+    };
+    sendAlert(this.setState, currentAlert);
+  }
+  error(message) {
+    let topRight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultState.topRight;
+    let timeDuration = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultState.timeDuration;
+    close(this.setState);
+    currentAlert = {
+      ...currentAlert,
+      message,
+      type: 'error',
+      topRight,
+      timeDuration
+    };
+    sendAlert(this.setState, currentAlert);
+  }
+  info(message) {
+    let topRight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultState.topRight;
+    let timeDuration = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultState.timeDuration;
+    close(this.setState);
+    currentAlert = {
+      ...currentAlert,
+      message,
+      type: 'info',
+      topRight,
+      timeDuration
+    };
+    sendAlert(this.setState, currentAlert);
+  }
+  warning(message) {
+    let topRight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultState.topRight;
+    let timeDuration = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultState.timeDuration;
+    close(this.setState);
+    currentAlert = {
+      ...currentAlert,
+      message,
+      type: 'warning',
+      topRight,
+      timeDuration
+    };
+    sendAlert(this.setState, currentAlert);
+  }
+}
+var _default = exports.default = new AlertHandler();