@widergy/energy-ui 3.172.2 → 3.172.3

package/dist/components/UTPanel/versions/V1/components/DataItem/index.js

@@ -1,44 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _UTIcon = _interopRequireDefault(require("../../../../../UTIcon"));
-var _UTLabel = _interopRequireDefault(require("../../../../../UTLabel"));
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-var _constants = require("./constants");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const DataItem = _ref => {
-  let {
-    icon,
-    orientation = _constants.ORIENTATION.HORIZONTAL,
-    size = 'M',
-    title,
-    value,
-    valueRenderComponent
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.container, " ").concat(_stylesModule.default[_constants.SIZES[size]])
-  }, !!icon && /*#__PURE__*/_react.default.createElement(_UTIcon.default, {
-    className: _stylesModule.default.icon,
-    colorTheme: "gray",
-    name: icon
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.textContainer, " ").concat(_stylesModule.default[_constants.ORIENTATION[orientation]])
-  }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    colorTheme: "gray",
-    weight: "medium"
-  }, title), valueRenderComponent ? valueRenderComponent() : /*#__PURE__*/_react.default.createElement(_UTLabel.default, null, value)));
-};
-DataItem.propTypes = {
-  icon: _propTypes.string,
-  orientation: _propTypes.string,
-  size: _propTypes.string,
-  title: _propTypes.string,
-  value: _propTypes.string,
-  valueRenderComponent: _propTypes.func
-};
-var _default = exports.default = DataItem;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_UTIcon=_interopRequireDefault(require("../../../../../UTIcon")),_UTLabel=_interopRequireDefault(require("../../../../../UTLabel")),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_constants=require("./constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const DataItem=_ref=>{let{icon:icon,orientation:orientation=_constants.ORIENTATION.HORIZONTAL,size:size="M",title:title,value:value,valueRenderComponent:valueRenderComponent}=_ref;return _react.default.createElement("div",{className:"".concat(_stylesModule.default.container," ").concat(_stylesModule.default[_constants.SIZES[size]])},!!icon&&_react.default.createElement(_UTIcon.default,{className:_stylesModule.default.icon,colorTheme:"gray",name:icon}),_react.default.createElement("div",{className:"".concat(_stylesModule.default.textContainer," ").concat(_stylesModule.default[_constants.ORIENTATION[orientation]])},_react.default.createElement(_UTLabel.default,{colorTheme:"gray",weight:"medium"},title),valueRenderComponent?valueRenderComponent():_react.default.createElement(_UTLabel.default,null,value)))};DataItem.propTypes={icon:_propTypes.string,orientation:_propTypes.string,size:_propTypes.string,title:_propTypes.string,value:_propTypes.string,valueRenderComponent:_propTypes.func};var _default=exports.default=DataItem;

package/dist/components/UTPanel/versions/V1/components/HeaderSection/index.js

@@ -1,126 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
-var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
-var _UTButton = _interopRequireDefault(require("../../../../../UTButton"));
-var _UTStatus = _interopRequireDefault(require("../../../../../UTStatus"));
-var _UTLabel = _interopRequireDefault(require("../../../../../UTLabel"));
-var _UTMenu = _interopRequireDefault(require("../../../../../UTMenu"));
-var _DataItem = _interopRequireDefault(require("../DataItem"));
-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 MENU_LABEL = 'Más';
-const HeaderSection = _ref => {
-  let {
-    classes,
-    collapsableHeader,
-    CustomHeaderComponent,
-    HeaderComponent,
-    headerItems,
-    headerMainActionButton,
-    headerSecondaryActionButton,
-    hideHeader,
-    mainActionDataTestId,
-    pretitleComponent,
-    secondaryActionDataTestId,
-    showMainStatus,
-    showTag,
-    singleHeaderItemsColumn,
-    statusProps,
-    subtitle,
-    tagProps,
-    title,
-    titleClass,
-    titleDataTestId,
-    titleProps
-  } = _ref;
-  const [collapseHeader, setCollapseHeader] = (0, _react.useState)(true);
-  const [anchor, setAnchor] = (0, _react.useState)();
-  const openMenu = event => setAnchor(event.currentTarget);
-  const closeMenu = () => setAnchor();
-  const secondaryActionAsMenu = (0, _react.useMemo)(() => Array.isArray(headerSecondaryActionButton), [headerSecondaryActionButton]);
-  if (hideHeader) {
-    return null;
-  }
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.headerContainer, " ").concat((classes === null || classes === void 0 ? void 0 : classes.headerContainer) || '')
-  }, pretitleComponent && /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.pretitleArea
-  }, pretitleComponent), HeaderComponent || /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.headerArea
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.headerLeftArea
-  }, showTag && tagProps && /*#__PURE__*/_react.default.createElement(_UTStatus.default, tagProps, tagProps.children), /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.titleArea
-  }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, _extends({
-    className: titleClass,
-    dataTestId: titleDataTestId,
-    variant: "title2",
-    weight: "medium"
-  }, titleProps), title), showMainStatus && /*#__PURE__*/_react.default.createElement(_UTStatus.default, statusProps, statusProps.label), collapsableHeader && /*#__PURE__*/_react.default.createElement(_UTButton.default, {
-    Icon: collapseHeader ? 'IconChevronUp' : 'IconChevronDown',
-    onClick: () => setCollapseHeader(!collapseHeader),
-    size: "small",
-    variant: "text"
-  })), subtitle && /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.subtitleArea
-  }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    colorTheme: "gray"
-  }, subtitle))), /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.headerRightArea
-  }, !(0, _isEmpty.default)(headerSecondaryActionButton) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, secondaryActionAsMenu && /*#__PURE__*/_react.default.createElement(_UTMenu.default, {
-    anchor: anchor,
-    iconBefore: true,
-    ItemComponent: _UTButton.default,
-    items: headerSecondaryActionButton,
-    menuPlacement: "bottom-end",
-    onClose: closeMenu,
-    withMenuItem: true
-  }), /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
-    colorTheme: "secondary",
-    dataTestId: secondaryActionDataTestId,
-    onClick: secondaryActionAsMenu ? openMenu : undefined,
-    variant: "semitransparent"
-  }, !secondaryActionAsMenu && headerSecondaryActionButton), secondaryActionAsMenu ? MENU_LABEL : headerSecondaryActionButton.text)), !(0, _isEmpty.default)(headerMainActionButton) && /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
-    colorTheme: "success",
-    dataTestId: mainActionDataTestId,
-    variant: "filled"
-  }, headerMainActionButton), headerMainActionButton.text)))), CustomHeaderComponent && /*#__PURE__*/_react.default.createElement(CustomHeaderComponent, null), !(0, _isEmpty.default)(headerItems) && /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.headerItemsContainer, " \n          ").concat(collapseHeader ? _stylesModule.default.expandedContainer : _stylesModule.default.collapsedContainer, " \n          ").concat(singleHeaderItemsColumn && _stylesModule.default.singleHeaderItemsColumn || '')
-  }, headerItems.map(_DataItem.default)));
-};
-HeaderSection.propTypes = {
-  classes: _propTypes.object,
-  collapsableHeader: _propTypes.bool,
-  CustomHeaderComponent: _propTypes.elementType,
-  HeaderComponent: (0, _propTypes.oneOfType)([_propTypes.element, _propTypes.elementType]),
-  headerItems: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
-    title: _propTypes.string,
-    icon: _propTypes.string,
-    value: _propTypes.string
-  })),
-  headerMainActionButton: _propTypes.object,
-  headerSecondaryActionButton: (0, _propTypes.oneOfType)([_propTypes.object, (0, _propTypes.arrayOf)(_propTypes.object)]),
-  hideHeader: _propTypes.bool,
-  mainActionDataTestId: _propTypes.string,
-  pretitleComponent: (0, _propTypes.oneOfType)([_propTypes.element, _propTypes.elementType]),
-  secondaryActionDataTestId: _propTypes.string,
-  showMainStatus: _propTypes.bool,
-  showTag: _propTypes.bool,
-  singleHeaderItemsColumn: _propTypes.bool,
-  statusProps: _propTypes.object,
-  subtitle: _propTypes.string,
-  tagProps: _propTypes.object,
-  title: _propTypes.string,
-  titleClass: _propTypes.string,
-  titleDataTestId: _propTypes.string,
-  titleProps: _propTypes.object
-};
-var _default = exports.default = HeaderSection;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_isEmpty=_interopRequireDefault(require("lodash/isEmpty")),_UTButton=_interopRequireDefault(require("../../../../../UTButton")),_UTStatus=_interopRequireDefault(require("../../../../../UTStatus")),_UTLabel=_interopRequireDefault(require("../../../../../UTLabel")),_UTMenu=_interopRequireDefault(require("../../../../../UTMenu")),_DataItem=_interopRequireDefault(require("../DataItem")),_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 MENU_LABEL="Más",HeaderSection=_ref=>{let{classes:classes,collapsableHeader:collapsableHeader,CustomHeaderComponent:CustomHeaderComponent,HeaderComponent:HeaderComponent,headerItems:headerItems,headerMainActionButton:headerMainActionButton,headerSecondaryActionButton:headerSecondaryActionButton,hideHeader:hideHeader,mainActionDataTestId:mainActionDataTestId,pretitleComponent:pretitleComponent,secondaryActionDataTestId:secondaryActionDataTestId,showMainStatus:showMainStatus,showTag:showTag,singleHeaderItemsColumn:singleHeaderItemsColumn,statusProps:statusProps,subtitle:subtitle,tagProps:tagProps,title:title,titleClass:titleClass,titleDataTestId:titleDataTestId,titleProps:titleProps}=_ref;const[collapseHeader,setCollapseHeader]=(0,_react.useState)(!0),[anchor,setAnchor]=(0,_react.useState)(),secondaryActionAsMenu=(0,_react.useMemo)(()=>Array.isArray(headerSecondaryActionButton),[headerSecondaryActionButton]);return hideHeader?null:_react.default.createElement(_react.default.Fragment,null,_react.default.createElement("div",{className:"".concat(_stylesModule.default.headerContainer," ").concat((null==classes?void 0:classes.headerContainer)||"")},pretitleComponent&&_react.default.createElement("div",{className:_stylesModule.default.pretitleArea},pretitleComponent),HeaderComponent||_react.default.createElement("div",{className:_stylesModule.default.headerArea},_react.default.createElement("div",{className:_stylesModule.default.headerLeftArea},showTag&&tagProps&&_react.default.createElement(_UTStatus.default,tagProps,tagProps.children),_react.default.createElement("div",{className:_stylesModule.default.titleArea},_react.default.createElement(_UTLabel.default,_extends({className:titleClass,dataTestId:titleDataTestId,variant:"title2",weight:"medium"},titleProps),title),showMainStatus&&_react.default.createElement(_UTStatus.default,statusProps,statusProps.label),collapsableHeader&&_react.default.createElement(_UTButton.default,{Icon:collapseHeader?"IconChevronUp":"IconChevronDown",onClick:()=>setCollapseHeader(!collapseHeader),size:"small",variant:"text"})),subtitle&&_react.default.createElement("div",{className:_stylesModule.default.subtitleArea},_react.default.createElement(_UTLabel.default,{colorTheme:"gray"},subtitle))),_react.default.createElement("div",{className:_stylesModule.default.headerRightArea},!(0,_isEmpty.default)(headerSecondaryActionButton)&&_react.default.createElement(_react.default.Fragment,null,secondaryActionAsMenu&&_react.default.createElement(_UTMenu.default,{anchor:anchor,iconBefore:!0,ItemComponent:_UTButton.default,items:headerSecondaryActionButton,menuPlacement:"bottom-end",onClose:()=>setAnchor(),withMenuItem:!0}),_react.default.createElement(_UTButton.default,_extends({colorTheme:"secondary",dataTestId:secondaryActionDataTestId,onClick:secondaryActionAsMenu?event=>setAnchor(event.currentTarget):void 0,variant:"semitransparent"},!secondaryActionAsMenu&&headerSecondaryActionButton),secondaryActionAsMenu?"Más":headerSecondaryActionButton.text)),!(0,_isEmpty.default)(headerMainActionButton)&&_react.default.createElement(_UTButton.default,_extends({colorTheme:"success",dataTestId:mainActionDataTestId,variant:"filled"},headerMainActionButton),headerMainActionButton.text)))),CustomHeaderComponent&&_react.default.createElement(CustomHeaderComponent,null),!(0,_isEmpty.default)(headerItems)&&_react.default.createElement("div",{className:"".concat(_stylesModule.default.headerItemsContainer," \n          ").concat(collapseHeader?_stylesModule.default.expandedContainer:_stylesModule.default.collapsedContainer," \n          ").concat(singleHeaderItemsColumn&&_stylesModule.default.singleHeaderItemsColumn||"")},headerItems.map(_DataItem.default)))};HeaderSection.propTypes={classes:_propTypes.object,collapsableHeader:_propTypes.bool,CustomHeaderComponent:_propTypes.elementType,HeaderComponent:(0,_propTypes.oneOfType)([_propTypes.element,_propTypes.elementType]),headerItems:(0,_propTypes.arrayOf)((0,_propTypes.shape)({title:_propTypes.string,icon:_propTypes.string,value:_propTypes.string})),headerMainActionButton:_propTypes.object,headerSecondaryActionButton:(0,_propTypes.oneOfType)([_propTypes.object,(0,_propTypes.arrayOf)(_propTypes.object)]),hideHeader:_propTypes.bool,mainActionDataTestId:_propTypes.string,pretitleComponent:(0,_propTypes.oneOfType)([_propTypes.element,_propTypes.elementType]),secondaryActionDataTestId:_propTypes.string,showMainStatus:_propTypes.bool,showTag:_propTypes.bool,singleHeaderItemsColumn:_propTypes.bool,statusProps:_propTypes.object,subtitle:_propTypes.string,tagProps:_propTypes.object,title:_propTypes.string,titleClass:_propTypes.string,titleDataTestId:_propTypes.string,titleProps:_propTypes.object};var _default=exports.default=HeaderSection;

package/dist/components/UTPanel/versions/V1/constants.js

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SIZES = exports.MENU_LABEL = exports.ACCEPT_BUTTON_TEXT = void 0;
-const SIZES = exports.SIZES = {
-  L: 'large',
-  M: 'medium',
-  S: 'small'
-};
-const ACCEPT_BUTTON_TEXT = exports.ACCEPT_BUTTON_TEXT = 'Aceptar';
-const MENU_LABEL = exports.MENU_LABEL = 'Más';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SIZES=exports.MENU_LABEL=exports.ACCEPT_BUTTON_TEXT=void 0;const SIZES=exports.SIZES={L:"large",M:"medium",S:"small"},ACCEPT_BUTTON_TEXT=exports.ACCEPT_BUTTON_TEXT="Aceptar",MENU_LABEL=exports.MENU_LABEL="Más";

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

@@ -1,282 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _SwipeableDrawer = _interopRequireDefault(require("@material-ui/core/SwipeableDrawer"));
-var _propTypes = require("prop-types");
-var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
-var _index = _interopRequireDefault(require("../../../WithTheme/index.js"));
-var _testIds = require("../../../../constants/testIds.js");
-var _classesUtils = require("../../../../utils/classesUtils.js");
-var _AdditionalContentModule = _interopRequireDefault(require("./components/AdditionalContentModule"));
-var _ControlAreaSection = _interopRequireDefault(require("./components/ControlAreaSection"));
-var _HeaderSection = _interopRequireDefault(require("./components/HeaderSection"));
-var _BodySection = _interopRequireDefault(require("./components/BodySection"));
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-var _constants = require("./constants.js");
-var _theme = require("./theme");
-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 {
-  panel
-} = _testIds.TEST_IDS;
-const UTPanel = _ref => {
-  var _classes$bodyContaine;
-  let {
-    additionalContent,
-    backButtonDataTestId = panel.backButton,
-    BackdropProps = {},
-    children,
-    classes: theme,
-    classNames,
-    closeButtonDataTestId = panel.closeButton,
-    collapsableHeader = false,
-    collapsablePanel = false,
-    currentStep = 1,
-    CustomHeaderComponent,
-    disableScrollbar = false,
-    HeaderComponent,
-    headerItems,
-    headerMainActionButton = {},
-    headerSecondaryActionButton = {},
-    hideCloseButton = false,
-    hideHeader = false,
-    hideMainButton = false,
-    inline = false,
-    isWorkflow = false,
-    mainActionDataTestId = panel.mainAction,
-    mainButton = {},
-    modalProps,
-    onClose,
-    onEndReachedCallback,
-    onGoBack = () => {},
-    onOpen = () => {},
-    open,
-    openAdditionalContentRequest,
-    paginationProps = {},
-    panelSide,
-    perfectScrollbarOptions,
-    pretitleComponent,
-    secondaryActionDataTestId = panel.secondaryAction,
-    showBackButton = false,
-    showMainStatus = false,
-    showPagination = false,
-    showTag = false,
-    singleHeaderItemsColumn = false,
-    size = 'M',
-    statusProps = {},
-    stepsCount,
-    subtitle = '',
-    tagProps = {},
-    title = '',
-    titleDataTestId = panel.title,
-    titleProps = {},
-    ...props
-  } = _ref;
-  const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(theme, classNames), [classNames, theme]);
-  const [activeAdditionalContentId, setActiveAdditionalContentId] = (0, _react.useState)(null);
-  (0, _react.useEffect)(() => {
-    if (additionalContent && additionalContent.length > 0) {
-      var _additionalContent$;
-      if ((_additionalContent$ = additionalContent[0]) !== null && _additionalContent$ !== void 0 && _additionalContent$.collapse) setActiveAdditionalContentId(null);else setActiveAdditionalContentId(additionalContent[0].id);
-    }
-  }, [additionalContent]);
-  (0, _react.useEffect)(() => {
-    if (openAdditionalContentRequest !== null && openAdditionalContentRequest !== void 0 && openAdditionalContentRequest.id) {
-      setActiveAdditionalContentId(openAdditionalContentRequest.id);
-    }
-  }, [openAdditionalContentRequest]);
-  const panelIsCollapsible = collapsablePanel && inline;
-  const panelIsCollapsed = panelIsCollapsible && !open;
-  const hasAdditionalContent = !(0, _isEmpty.default)(additionalContent);
-  const {
-    nextButton = {},
-    backButton = {},
-    currentPage = 1,
-    totalPages = 1
-  } = paginationProps;
-  const {
-    backButton: backButtonClass,
-    closeButton: closeButtonClass,
-    iconBack: iconBackClass,
-    iconClose: iconCloseClass,
-    perfectScrollbar: perfectScrollbarClass,
-    ...drawerClasses
-  } = classes;
-  return /*#__PURE__*/_react.default.createElement(_SwipeableDrawer.default, _extends({
-    anchor: panelSide,
-    BackdropProps: {
-      ...BackdropProps,
-      classes: {
-        root: drawerClasses.backdrop,
-        ...(BackdropProps === null || BackdropProps === void 0 ? void 0 : BackdropProps.classes)
-      }
-    },
-    classes: {
-      ...drawerClasses,
-      paper: "\n          ".concat(_stylesModule.default.paper, "\n          ").concat(panelIsCollapsible && open && _stylesModule.default.collapsedPaper, "\n          ").concat(drawerClasses.paper, "\n          ").concat(_stylesModule.default[_constants.SIZES[size]], "\n          ").concat(hasAdditionalContent && activeAdditionalContentId && _stylesModule.default.withAdditionalContent, "\n          ").concat(hasAdditionalContent && !activeAdditionalContentId && _stylesModule.default.withAdditionalContentCollapsed, "\n        "),
-      root: drawerClasses.root,
-      docked: "\n          ".concat(_stylesModule.default[_constants.SIZES[size]], "\n          ").concat(_stylesModule.default.docked, "\n          ").concat(panelIsCollapsed && _stylesModule.default.collapsed, "\n          ").concat(!open && !collapsablePanel && _stylesModule.default.closedPersistentPanel, "\n          ").concat(hasAdditionalContent && activeAdditionalContentId && _stylesModule.default.withAdditionalContentDocked, "\n          ").concat(hasAdditionalContent && !activeAdditionalContentId && _stylesModule.default.withAdditionalContentCollapsedDocked, "\n        ")
-    },
-    disablePortal: inline,
-    disableSwipeToOpen: true,
-    ModalProps: {
-      ...modalProps
-    },
-    onClose: onClose,
-    onOpen: onOpen,
-    open: panelIsCollapsible || open,
-    swipeAreaWidth: 0,
-    variant: inline ? collapsablePanel ? 'permanent' : 'persistent' : 'temporary'
-  }, props), !panelIsCollapsed && /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.panelWrapper
-  }, /*#__PURE__*/_react.default.createElement(_ControlAreaSection.default, {
-    backButton: backButton,
-    backButtonClass: backButtonClass,
-    backButtonDataTestId: backButtonDataTestId,
-    classes: classes,
-    closeButtonClass: closeButtonClass,
-    closeButtonDataTestId: closeButtonDataTestId,
-    currentPage: currentPage,
-    currentStep: currentStep,
-    hideCloseButton: hideCloseButton,
-    iconBackClass: iconBackClass,
-    iconCloseClass: iconCloseClass,
-    isWorkflow: isWorkflow,
-    nextButton: nextButton,
-    onClose: onClose,
-    onGoBack: onGoBack,
-    onOpen: onOpen,
-    open: open,
-    panelIsCollapsible: panelIsCollapsible,
-    showBackButton: showBackButton,
-    showPagination: showPagination,
-    stepsCount: stepsCount,
-    totalPages: totalPages
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.contentRowContainer
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.mainContentSection
-  }, /*#__PURE__*/_react.default.createElement(_HeaderSection.default, {
-    classes: classes,
-    collapsableHeader: collapsableHeader,
-    CustomHeaderComponent: CustomHeaderComponent,
-    HeaderComponent: HeaderComponent,
-    headerItems: headerItems,
-    headerMainActionButton: headerMainActionButton,
-    headerSecondaryActionButton: headerSecondaryActionButton,
-    hideHeader: hideHeader,
-    mainActionDataTestId: mainActionDataTestId,
-    pretitleComponent: pretitleComponent,
-    secondaryActionDataTestId: secondaryActionDataTestId,
-    showMainStatus: showMainStatus,
-    showTag: showTag,
-    singleHeaderItemsColumn: singleHeaderItemsColumn,
-    statusProps: statusProps,
-    subtitle: subtitle,
-    tagProps: tagProps,
-    title: title,
-    titleClass: classes.title,
-    titleDataTestId: titleDataTestId,
-    titleProps: titleProps
-  }), /*#__PURE__*/_react.default.createElement(_BodySection.default, {
-    bodyContainerClass: "".concat(_stylesModule.default.bodyContainer, " ").concat((_classes$bodyContaine = classes === null || classes === void 0 ? void 0 : classes.bodyContainer) !== null && _classes$bodyContaine !== void 0 ? _classes$bodyContaine : ''),
-    disableScrollbar: disableScrollbar,
-    hideMainButton: hideMainButton,
-    mainButton: mainButton,
-    onEndReachedCallback: onEndReachedCallback,
-    perfectScrollbarClass: perfectScrollbarClass,
-    perfectScrollbarOptions: perfectScrollbarOptions
-  }, children)), hasAdditionalContent && /*#__PURE__*/_react.default.createElement(_AdditionalContentModule.default, {
-    activeId: activeAdditionalContentId,
-    additionalContent: additionalContent,
-    onSelectItem: setActiveAdditionalContentId
-  }))));
-};
-UTPanel.propTypes = {
-  additionalContent: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
-    id: _propTypes.string.isRequired,
-    Icon: _propTypes.string.isRequired,
-    count: _propTypes.number,
-    BodyComponent: _propTypes.elementType.isRequired,
-    tooltipProps: _propTypes.object.isRequired
-  })),
-  backButtonDataTestId: _propTypes.string,
-  BackdropProps: _propTypes.object,
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  classNames: _propTypes.object,
-  closeButtonDataTestId: _propTypes.string,
-  collapsableHeader: _propTypes.bool,
-  collapsablePanel: _propTypes.bool,
-  currentStep: _propTypes.number,
-  disableScrollbar: _propTypes.bool,
-  CustomHeaderComponent: _propTypes.elementType,
-  HeaderComponent: (0, _propTypes.oneOfType)([_propTypes.element, _propTypes.elementType]),
-  headerItems: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
-    title: _propTypes.string,
-    icon: _propTypes.string,
-    value: _propTypes.string
-  })),
-  headerMainActionButton: (0, _propTypes.shape)({
-    callBack: _propTypes.func,
-    colorTheme: _propTypes.string,
-    text: _propTypes.string,
-    variant: _propTypes.string
-  }),
-  headerSecondaryActionButton: (0, _propTypes.shape)({
-    callBack: _propTypes.func,
-    colorTheme: _propTypes.string,
-    text: _propTypes.string,
-    variant: _propTypes.string
-  }),
-  hideCloseButton: _propTypes.bool,
-  hideHeader: _propTypes.bool,
-  hideMainButton: _propTypes.bool,
-  inline: _propTypes.bool,
-  isWorkflow: _propTypes.bool,
-  mainActionDataTestId: _propTypes.string,
-  mainButton: _propTypes.object,
-  modalProps: _propTypes.object,
-  onClose: _propTypes.func,
-  onEndReachedCallback: _propTypes.func,
-  onGoBack: _propTypes.func,
-  onOpen: _propTypes.func,
-  open: _propTypes.bool,
-  openAdditionalContentRequest: _propTypes.object,
-  panelSide: _propTypes.string,
-  perfectScrollbarOptions: _propTypes.object,
-  pretitleComponent: (0, _propTypes.oneOfType)([_propTypes.element, _propTypes.elementType]),
-  secondaryActionDataTestId: _propTypes.string,
-  singleHeaderItemsColumn: _propTypes.bool,
-  size: (0, _propTypes.oneOf)(Object.keys(_constants.SIZES)),
-  showBackButton: _propTypes.bool,
-  showMainStatus: _propTypes.bool,
-  showTag: _propTypes.bool,
-  showPagination: _propTypes.bool,
-  statusProps: _propTypes.object,
-  stepsCount: _propTypes.number,
-  currentPage: _propTypes.number,
-  totalPages: _propTypes.number,
-  subtitle: _propTypes.string,
-  paginationProps: _propTypes.object,
-  tagProps: (0, _propTypes.shape)({
-    classes: (0, _propTypes.objectOf)(_propTypes.string),
-    className: _propTypes.string,
-    Icon: _propTypes.elementType,
-    iconProps: _propTypes.object,
-    labelDataTestId: _propTypes.string,
-    size: _propTypes.string,
-    title: _propTypes.string,
-    type: _propTypes.string,
-    variant: _propTypes.string,
-    withoutIcon: _propTypes.bool
-  }),
-  title: _propTypes.string,
-  titleDataTestId: _propTypes.string,
-  titleProps: _propTypes.object
-};
-var _default = exports.default = (0, _index.default)(_theme.retrieveStyle)(UTPanel);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_SwipeableDrawer=_interopRequireDefault(require("@material-ui/core/SwipeableDrawer")),_propTypes=require("prop-types"),_isEmpty=_interopRequireDefault(require("lodash/isEmpty")),_index=_interopRequireDefault(require("../../../WithTheme/index.js")),_testIds=require("../../../../constants/testIds.js"),_classesUtils=require("../../../../utils/classesUtils.js"),_AdditionalContentModule=_interopRequireDefault(require("./components/AdditionalContentModule")),_ControlAreaSection=_interopRequireDefault(require("./components/ControlAreaSection")),_HeaderSection=_interopRequireDefault(require("./components/HeaderSection")),_BodySection=_interopRequireDefault(require("./components/BodySection")),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_constants=require("./constants.js"),_theme=require("./theme");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{panel:panel}=_testIds.TEST_IDS,UTPanel=_ref=>{var _classes$bodyContaine;let{additionalContent:additionalContent,backButtonDataTestId:backButtonDataTestId=panel.backButton,BackdropProps:BackdropProps={},children:children,classes:theme,classNames:classNames,closeButtonDataTestId:closeButtonDataTestId=panel.closeButton,collapsableHeader:collapsableHeader=!1,collapsablePanel:collapsablePanel=!1,currentStep:currentStep=1,CustomHeaderComponent:CustomHeaderComponent,disableScrollbar:disableScrollbar=!1,HeaderComponent:HeaderComponent,headerItems:headerItems,headerMainActionButton:headerMainActionButton={},headerSecondaryActionButton:headerSecondaryActionButton={},hideCloseButton:hideCloseButton=!1,hideHeader:hideHeader=!1,hideMainButton:hideMainButton=!1,inline:inline=!1,isWorkflow:isWorkflow=!1,mainActionDataTestId:mainActionDataTestId=panel.mainAction,mainButton:mainButton={},modalProps:modalProps,onClose:onClose,onEndReachedCallback:onEndReachedCallback,onGoBack:onGoBack=()=>{},onOpen:onOpen=()=>{},open:open,openAdditionalContentRequest:openAdditionalContentRequest,paginationProps:paginationProps={},panelSide:panelSide,perfectScrollbarOptions:perfectScrollbarOptions,pretitleComponent:pretitleComponent,secondaryActionDataTestId:secondaryActionDataTestId=panel.secondaryAction,showBackButton:showBackButton=!1,showMainStatus:showMainStatus=!1,showPagination:showPagination=!1,showTag:showTag=!1,singleHeaderItemsColumn:singleHeaderItemsColumn=!1,size:size="M",statusProps:statusProps={},stepsCount:stepsCount,subtitle:subtitle="",tagProps:tagProps={},title:title="",titleDataTestId:titleDataTestId=panel.title,titleProps:titleProps={},...props}=_ref;const classes=(0,_react.useMemo)(()=>(0,_classesUtils.mergeClasses)(theme,classNames),[classNames,theme]),[activeAdditionalContentId,setActiveAdditionalContentId]=(0,_react.useState)(null);(0,_react.useEffect)(()=>{var _additionalContent$;additionalContent&&additionalContent.length>0&&(null!==(_additionalContent$=additionalContent[0])&&void 0!==_additionalContent$&&_additionalContent$.collapse?setActiveAdditionalContentId(null):setActiveAdditionalContentId(additionalContent[0].id))},[additionalContent]),(0,_react.useEffect)(()=>{null!=openAdditionalContentRequest&&openAdditionalContentRequest.id&&setActiveAdditionalContentId(openAdditionalContentRequest.id)},[openAdditionalContentRequest]);const panelIsCollapsible=collapsablePanel&&inline,panelIsCollapsed=panelIsCollapsible&&!open,hasAdditionalContent=!(0,_isEmpty.default)(additionalContent),{nextButton:nextButton={},backButton:backButton={},currentPage:currentPage=1,totalPages:totalPages=1}=paginationProps,{backButton:backButtonClass,closeButton:closeButtonClass,iconBack:iconBackClass,iconClose:iconCloseClass,perfectScrollbar:perfectScrollbarClass,...drawerClasses}=classes;return _react.default.createElement(_SwipeableDrawer.default,_extends({anchor:panelSide,BackdropProps:{...BackdropProps,classes:{root:drawerClasses.backdrop,...null==BackdropProps?void 0:BackdropProps.classes}},classes:{...drawerClasses,paper:"\n          ".concat(_stylesModule.default.paper,"\n          ").concat(panelIsCollapsible&&open&&_stylesModule.default.collapsedPaper,"\n          ").concat(drawerClasses.paper,"\n          ").concat(_stylesModule.default[_constants.SIZES[size]],"\n          ").concat(hasAdditionalContent&&activeAdditionalContentId&&_stylesModule.default.withAdditionalContent,"\n          ").concat(hasAdditionalContent&&!activeAdditionalContentId&&_stylesModule.default.withAdditionalContentCollapsed,"\n        "),root:drawerClasses.root,docked:"\n          ".concat(_stylesModule.default[_constants.SIZES[size]],"\n          ").concat(_stylesModule.default.docked,"\n          ").concat(panelIsCollapsed&&_stylesModule.default.collapsed,"\n          ").concat(!open&&!collapsablePanel&&_stylesModule.default.closedPersistentPanel,"\n          ").concat(hasAdditionalContent&&activeAdditionalContentId&&_stylesModule.default.withAdditionalContentDocked,"\n          ").concat(hasAdditionalContent&&!activeAdditionalContentId&&_stylesModule.default.withAdditionalContentCollapsedDocked,"\n        ")},disablePortal:inline,disableSwipeToOpen:!0,ModalProps:{...modalProps},onClose:onClose,onOpen:onOpen,open:panelIsCollapsible||open,swipeAreaWidth:0,variant:inline?collapsablePanel?"permanent":"persistent":"temporary"},props),!panelIsCollapsed&&_react.default.createElement("div",{className:_stylesModule.default.panelWrapper},_react.default.createElement(_ControlAreaSection.default,{backButton:backButton,backButtonClass:backButtonClass,backButtonDataTestId:backButtonDataTestId,classes:classes,closeButtonClass:closeButtonClass,closeButtonDataTestId:closeButtonDataTestId,currentPage:currentPage,currentStep:currentStep,hideCloseButton:hideCloseButton,iconBackClass:iconBackClass,iconCloseClass:iconCloseClass,isWorkflow:isWorkflow,nextButton:nextButton,onClose:onClose,onGoBack:onGoBack,onOpen:onOpen,open:open,panelIsCollapsible:panelIsCollapsible,showBackButton:showBackButton,showPagination:showPagination,stepsCount:stepsCount,totalPages:totalPages}),_react.default.createElement("div",{className:_stylesModule.default.contentRowContainer},_react.default.createElement("div",{className:_stylesModule.default.mainContentSection},_react.default.createElement(_HeaderSection.default,{classes:classes,collapsableHeader:collapsableHeader,CustomHeaderComponent:CustomHeaderComponent,HeaderComponent:HeaderComponent,headerItems:headerItems,headerMainActionButton:headerMainActionButton,headerSecondaryActionButton:headerSecondaryActionButton,hideHeader:hideHeader,mainActionDataTestId:mainActionDataTestId,pretitleComponent:pretitleComponent,secondaryActionDataTestId:secondaryActionDataTestId,showMainStatus:showMainStatus,showTag:showTag,singleHeaderItemsColumn:singleHeaderItemsColumn,statusProps:statusProps,subtitle:subtitle,tagProps:tagProps,title:title,titleClass:classes.title,titleDataTestId:titleDataTestId,titleProps:titleProps}),_react.default.createElement(_BodySection.default,{bodyContainerClass:"".concat(_stylesModule.default.bodyContainer," ").concat(null!==(_classes$bodyContaine=null==classes?void 0:classes.bodyContainer)&&void 0!==_classes$bodyContaine?_classes$bodyContaine:""),disableScrollbar:disableScrollbar,hideMainButton:hideMainButton,mainButton:mainButton,onEndReachedCallback:onEndReachedCallback,perfectScrollbarClass:perfectScrollbarClass,perfectScrollbarOptions:perfectScrollbarOptions},children)),hasAdditionalContent&&_react.default.createElement(_AdditionalContentModule.default,{activeId:activeAdditionalContentId,additionalContent:additionalContent,onSelectItem:setActiveAdditionalContentId}))))};UTPanel.propTypes={additionalContent:(0,_propTypes.arrayOf)((0,_propTypes.shape)({id:_propTypes.string.isRequired,Icon:_propTypes.string.isRequired,count:_propTypes.number,BodyComponent:_propTypes.elementType.isRequired,tooltipProps:_propTypes.object.isRequired})),backButtonDataTestId:_propTypes.string,BackdropProps:_propTypes.object,classes:(0,_propTypes.objectOf)(_propTypes.string),classNames:_propTypes.object,closeButtonDataTestId:_propTypes.string,collapsableHeader:_propTypes.bool,collapsablePanel:_propTypes.bool,currentStep:_propTypes.number,disableScrollbar:_propTypes.bool,CustomHeaderComponent:_propTypes.elementType,HeaderComponent:(0,_propTypes.oneOfType)([_propTypes.element,_propTypes.elementType]),headerItems:(0,_propTypes.arrayOf)((0,_propTypes.shape)({title:_propTypes.string,icon:_propTypes.string,value:_propTypes.string})),headerMainActionButton:(0,_propTypes.shape)({callBack:_propTypes.func,colorTheme:_propTypes.string,text:_propTypes.string,variant:_propTypes.string}),headerSecondaryActionButton:(0,_propTypes.shape)({callBack:_propTypes.func,colorTheme:_propTypes.string,text:_propTypes.string,variant:_propTypes.string}),hideCloseButton:_propTypes.bool,hideHeader:_propTypes.bool,hideMainButton:_propTypes.bool,inline:_propTypes.bool,isWorkflow:_propTypes.bool,mainActionDataTestId:_propTypes.string,mainButton:_propTypes.object,modalProps:_propTypes.object,onClose:_propTypes.func,onEndReachedCallback:_propTypes.func,onGoBack:_propTypes.func,onOpen:_propTypes.func,open:_propTypes.bool,openAdditionalContentRequest:_propTypes.object,panelSide:_propTypes.string,perfectScrollbarOptions:_propTypes.object,pretitleComponent:(0,_propTypes.oneOfType)([_propTypes.element,_propTypes.elementType]),secondaryActionDataTestId:_propTypes.string,singleHeaderItemsColumn:_propTypes.bool,size:(0,_propTypes.oneOf)(Object.keys(_constants.SIZES)),showBackButton:_propTypes.bool,showMainStatus:_propTypes.bool,showTag:_propTypes.bool,showPagination:_propTypes.bool,statusProps:_propTypes.object,stepsCount:_propTypes.number,currentPage:_propTypes.number,totalPages:_propTypes.number,subtitle:_propTypes.string,paginationProps:_propTypes.object,tagProps:(0,_propTypes.shape)({classes:(0,_propTypes.objectOf)(_propTypes.string),className:_propTypes.string,Icon:_propTypes.elementType,iconProps:_propTypes.object,labelDataTestId:_propTypes.string,size:_propTypes.string,title:_propTypes.string,type:_propTypes.string,variant:_propTypes.string,withoutIcon:_propTypes.bool}),title:_propTypes.string,titleDataTestId:_propTypes.string,titleProps:_propTypes.object};var _default=exports.default=(0,_index.default)(_theme.retrieveStyle)(UTPanel);

package/dist/components/UTPanel/versions/V1/theme.js

@@ -1,25 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.retrieveStyle = void 0;
-var _seamlessImmutable = require("seamless-immutable");
-const retrieveStyle = _ref => {
-  let {
-    theme
-  } = _ref;
-  return {
-    barColorPrimary: {
-      background: (0, _seamlessImmutable.getIn)(theme, ['UTPanel', 'progressBar', 'barColorPrimary', 'background'], 'linear-gradient(90deg, #25E0A6 0%, #20BBFC 100%) !important')
-    },
-    colorPrimary: {
-      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTPanel', 'progressBar', 'colorPrimary', 'backgroundColor'], "".concat(theme.Palette.light['04'], " !important"))
-    },
-    backdrop: {
-      backgroundColor: theme.Palette.dark['05'],
-      opacity: '0.25 !important'
-    }
-  };
-};
-exports.retrieveStyle = retrieveStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _seamlessImmutable=require("seamless-immutable");const retrieveStyle=_ref=>{let{theme:theme}=_ref;return{barColorPrimary:{background:(0,_seamlessImmutable.getIn)(theme,["UTPanel","progressBar","barColorPrimary","background"],"linear-gradient(90deg, #25E0A6 0%, #20BBFC 100%) !important")},colorPrimary:{backgroundColor:(0,_seamlessImmutable.getIn)(theme,["UTPanel","progressBar","colorPrimary","backgroundColor"],"".concat(theme.Palette.light["04"]," !important"))},backdrop:{backgroundColor:theme.Palette.dark["05"],opacity:"0.25 !important"}}};exports.retrieveStyle=retrieveStyle;

package/dist/components/UTPaper/index.js

@@ -1,31 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _core = require("@material-ui/core");
-var _WithTheme = _interopRequireDefault(require("../WithTheme"));
-var _theme = require("./theme");
-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 UTPaper = _ref => {
-  let {
-    children,
-    classes,
-    className,
-    ...otherProps
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_core.Paper, _extends({}, otherProps, {
-    className: "".concat(classes.paper).concat(className ? " ".concat(className) : '')
-  }), children);
-};
-UTPaper.propTypes = {
-  children: _propTypes.object,
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  className: _propTypes.string,
-  otherProps: _propTypes.object
-};
-var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTPaper);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_core=require("@material-ui/core"),_WithTheme=_interopRequireDefault(require("../WithTheme")),_theme=require("./theme");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 UTPaper=_ref=>{let{children:children,classes:classes,className:className,...otherProps}=_ref;return _react.default.createElement(_core.Paper,_extends({},otherProps,{className:"".concat(classes.paper).concat(className?" ".concat(className):"")}),children)};UTPaper.propTypes={children:_propTypes.object,classes:(0,_propTypes.objectOf)(_propTypes.string),className:_propTypes.string,otherProps:_propTypes.object};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTPaper);

package/dist/components/UTPaper/theme.js

@@ -1,26 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.retrieveStyle = void 0;
-var _shadowUtils = require("../../utils/shadowUtils");
-const retrieveStyle = _ref => {
-  var _theme$Palette$shadow;
-  let {
-    theme
-  } = _ref;
-  return {
-    paper: {
-      backgroundColor: theme.Palette.light['01'],
-      borderRadius: '8px',
-      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
-      }),
-      marginTop: '8px',
-      padding: '16px'
-    }
-  };
-};
-exports.retrieveStyle = retrieveStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _shadowUtils=require("../../utils/shadowUtils");const retrieveStyle=_ref=>{var _theme$Palette$shadow;let{theme:theme}=_ref;return{paper:{backgroundColor:theme.Palette.light["01"],borderRadius:"8px",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}),marginTop:"8px",padding:"16px"}}};exports.retrieveStyle=retrieveStyle;

package/dist/components/UTPasswordField/index.js

@@ -1,26 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _V = _interopRequireDefault(require("./versions/V0"));
-var _V2 = _interopRequireDefault(require("./versions/V1"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const UTPasswordField = _ref => {
-  let {
-    version = 'V0',
-    ...props
-  } = _ref;
-  const Component = {
-    V0: _V.default,
-    V1: _V2.default
-  }[version];
-  return /*#__PURE__*/_react.default.createElement(Component, props);
-};
-UTPasswordField.propTypes = {
-  version: _propTypes.string
-};
-var _default = exports.default = UTPasswordField;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_V=_interopRequireDefault(require("./versions/V0")),_V2=_interopRequireDefault(require("./versions/V1"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const UTPasswordField=_ref=>{let{version:version="V0",...props}=_ref;const Component={V0:_V.default,V1:_V2.default}[version];return _react.default.createElement(Component,props)};UTPasswordField.propTypes={version:_propTypes.string};var _default=exports.default=UTPasswordField;