@widergy/energy-ui 3.172.1 → 3.172.3

package/dist/components/UTPagination/index.js

@@ -1,70 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
-var _WithTheme = _interopRequireDefault(require("../WithTheme"));
-var _commonTypes = require("../../types/commonTypes");
-var _PageSizeSelector = _interopRequireDefault(require("./components/PageSizeSelector"));
-var _Pagination = _interopRequireDefault(require("./components/Pagination"));
-var _constants = require("./constants");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-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); }
-const UTPagination = _ref => {
-  let {
-    classes,
-    colorThemes = {},
-    isResponsive,
-    onChangePage,
-    onChangeRowPerPage,
-    page,
-    rowsPerPage,
-    rowsPerPageOptions,
-    size,
-    totalRows,
-    totalRowsLabel
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.paginationContainer, " ").concat(classes.paginationContainer)
-  }, /*#__PURE__*/_react.default.createElement(_PageSizeSelector.default, {
-    classes: classes,
-    colorThemes: colorThemes,
-    label: "".concat(_constants.PREPOSITION, " ").concat(totalRows, " ").concat(totalRowsLabel),
-    onChangeRowPerPage: onChangeRowPerPage,
-    options: rowsPerPageOptions,
-    rowsPerPage: rowsPerPage,
-    totalRows: totalRows
-  }), /*#__PURE__*/_react.default.createElement(_Pagination.default, {
-    classes: classes,
-    colorThemes: colorThemes,
-    currentPage: page,
-    isResponsive: isResponsive,
-    onChangePage: onChangePage,
-    rowsPerPage: rowsPerPage,
-    size: size,
-    totalRows: totalRows
-  }));
-};
-UTPagination.propTypes = {
-  classes: _commonTypes.classesType,
-  colorThemes: (0, _propTypes.shape)({
-    pageButton: _propTypes.string,
-    navigationButton: _propTypes.string,
-    totalRows: _propTypes.string
-  }),
-  isResponsive: _propTypes.bool,
-  onChangePage: _propTypes.func,
-  onChangeRowPerPage: _propTypes.func,
-  page: _propTypes.number,
-  rowsPerPage: _propTypes.number,
-  rowsPerPageOptions: (0, _propTypes.arrayOf)(_propTypes.number),
-  size: (0, _propTypes.oneOf)(['small', 'medium', 'large']),
-  totalRows: _propTypes.number,
-  totalRowsLabel: _propTypes.string
-};
-var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(/*#__PURE__*/(0, _react.memo)(UTPagination));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_WithTheme=_interopRequireDefault(require("../WithTheme")),_commonTypes=require("../../types/commonTypes"),_PageSizeSelector=_interopRequireDefault(require("./components/PageSizeSelector")),_Pagination=_interopRequireDefault(require("./components/Pagination")),_constants=require("./constants"),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_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)}const UTPagination=_ref=>{let{classes:classes,colorThemes:colorThemes={},isResponsive:isResponsive,onChangePage:onChangePage,onChangeRowPerPage:onChangeRowPerPage,page:page,rowsPerPage:rowsPerPage,rowsPerPageOptions:rowsPerPageOptions,size:size,totalRows:totalRows,totalRowsLabel:totalRowsLabel}=_ref;return _react.default.createElement("div",{className:"".concat(_stylesModule.default.paginationContainer," ").concat(classes.paginationContainer)},_react.default.createElement(_PageSizeSelector.default,{classes:classes,colorThemes:colorThemes,label:"".concat(_constants.PREPOSITION," ").concat(totalRows," ").concat(totalRowsLabel),onChangeRowPerPage:onChangeRowPerPage,options:rowsPerPageOptions,rowsPerPage:rowsPerPage,totalRows:totalRows}),_react.default.createElement(_Pagination.default,{classes:classes,colorThemes:colorThemes,currentPage:page,isResponsive:isResponsive,onChangePage:onChangePage,rowsPerPage:rowsPerPage,size:size,totalRows:totalRows}))};UTPagination.propTypes={classes:_commonTypes.classesType,colorThemes:(0,_propTypes.shape)({pageButton:_propTypes.string,navigationButton:_propTypes.string,totalRows:_propTypes.string}),isResponsive:_propTypes.bool,onChangePage:_propTypes.func,onChangeRowPerPage:_propTypes.func,page:_propTypes.number,rowsPerPage:_propTypes.number,rowsPerPageOptions:(0,_propTypes.arrayOf)(_propTypes.number),size:(0,_propTypes.oneOf)(["small","medium","large"]),totalRows:_propTypes.number,totalRowsLabel:_propTypes.string};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)((0,_react.memo)(UTPagination));

package/dist/components/UTPagination/theme.js

@@ -1,44 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.retrieveStyle = void 0;
-var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const retrieveStyle = _ref => {
-  var _theme$UTPagination, _theme$UTPagination2, _theme$Fonts, _theme$UTPagination3, _theme$UTPagination4, _theme$UTPagination5, _theme$UTPagination6, _theme$UTPagination7, _theme$UTPagination8, _theme$UTPagination9, _theme$UTPagination0;
-  let {
-    theme
-  } = _ref;
-  return {
-    paginationContainer: {
-      marginTop: (theme === null || theme === void 0 || (_theme$UTPagination = theme.UTPagination) === null || _theme$UTPagination === void 0 || (_theme$UTPagination = _theme$UTPagination.paginationContainer) === null || _theme$UTPagination === void 0 ? void 0 : _theme$UTPagination.marginTop) || 32
-    },
-    pageSizeSelect: {
-      background: theme === null || theme === void 0 || (_theme$UTPagination2 = theme.UTPagination) === null || _theme$UTPagination2 === void 0 || (_theme$UTPagination2 = _theme$UTPagination2.pageSizeSelect) === null || _theme$UTPagination2 === void 0 ? void 0 : _theme$UTPagination2.background,
-      fontFamily: theme === null || theme === void 0 || (_theme$Fonts = theme.Fonts) === null || _theme$Fonts === void 0 ? void 0 : _theme$Fonts.fontFamily,
-      fontSize: theme === null || theme === void 0 || (_theme$UTPagination3 = theme.UTPagination) === null || _theme$UTPagination3 === void 0 || (_theme$UTPagination3 = _theme$UTPagination3.pageSizeSelect) === null || _theme$UTPagination3 === void 0 ? void 0 : _theme$UTPagination3.fontSize,
-      padding: (theme === null || theme === void 0 || (_theme$UTPagination4 = theme.UTPagination) === null || _theme$UTPagination4 === void 0 || (_theme$UTPagination4 = _theme$UTPagination4.pageSizeSelect) === null || _theme$UTPagination4 === void 0 ? void 0 : _theme$UTPagination4.padding) || 6,
-      textAlign: theme === null || theme === void 0 || (_theme$UTPagination5 = theme.UTPagination) === null || _theme$UTPagination5 === void 0 || (_theme$UTPagination5 = _theme$UTPagination5.pageSizeSelect) === null || _theme$UTPagination5 === void 0 ? void 0 : _theme$UTPagination5.textAlign
-    },
-    pageSizeSelectContainer: {
-      '& fieldset': {
-        border: (theme === null || theme === void 0 || (_theme$UTPagination6 = theme.UTPagination) === null || _theme$UTPagination6 === void 0 || (_theme$UTPagination6 = _theme$UTPagination6.pageSizeSelect) === null || _theme$UTPagination6 === void 0 ? void 0 : _theme$UTPagination6.border) || "1px solid ".concat(_colorsModule.default.gray3)
-      },
-      '&:hover fieldset': {
-        border: (theme === null || theme === void 0 || (_theme$UTPagination7 = theme.UTPagination) === null || _theme$UTPagination7 === void 0 || (_theme$UTPagination7 = _theme$UTPagination7.pageSizeSelect) === null || _theme$UTPagination7 === void 0 || (_theme$UTPagination7 = _theme$UTPagination7.hover) === null || _theme$UTPagination7 === void 0 ? void 0 : _theme$UTPagination7.border) || "1px solid ".concat(_colorsModule.default.gray2)
-      },
-      '&:hover:focus-within fieldset': {
-        border: (theme === null || theme === void 0 || (_theme$UTPagination8 = theme.UTPagination) === null || _theme$UTPagination8 === void 0 || (_theme$UTPagination8 = _theme$UTPagination8.pageSizeSelect) === null || _theme$UTPagination8 === void 0 || (_theme$UTPagination8 = _theme$UTPagination8.focused) === null || _theme$UTPagination8 === void 0 ? void 0 : _theme$UTPagination8.border) || "1px solid ".concat(_colorsModule.default.gray3)
-      },
-      '&:focus-within fieldset': {
-        border: (theme === null || theme === void 0 || (_theme$UTPagination9 = theme.UTPagination) === null || _theme$UTPagination9 === void 0 || (_theme$UTPagination9 = _theme$UTPagination9.pageSizeSelect) === null || _theme$UTPagination9 === void 0 || (_theme$UTPagination9 = _theme$UTPagination9.focused) === null || _theme$UTPagination9 === void 0 ? void 0 : _theme$UTPagination9.border) || "1px solid ".concat(_colorsModule.default.gray3, " !important")
-      }
-    },
-    pagination: {
-      gridGap: (theme === null || theme === void 0 || (_theme$UTPagination0 = theme.UTPagination) === null || _theme$UTPagination0 === void 0 || (_theme$UTPagination0 = _theme$UTPagination0.pagination) === null || _theme$UTPagination0 === void 0 ? void 0 : _theme$UTPagination0.gridGap) || '16px'
-    }
-  };
-};
-exports.retrieveStyle = retrieveStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _colorsModule=_interopRequireDefault(require("../../scss/variables/colors.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const retrieveStyle=_ref=>{var _theme$UTPagination,_theme$UTPagination2,_theme$Fonts,_theme$UTPagination3,_theme$UTPagination4,_theme$UTPagination5,_theme$UTPagination6,_theme$UTPagination7,_theme$UTPagination8,_theme$UTPagination9,_theme$UTPagination0;let{theme:theme}=_ref;return{paginationContainer:{marginTop:(null==theme||null===(_theme$UTPagination=theme.UTPagination)||void 0===_theme$UTPagination||null===(_theme$UTPagination=_theme$UTPagination.paginationContainer)||void 0===_theme$UTPagination?void 0:_theme$UTPagination.marginTop)||32},pageSizeSelect:{background:null==theme||null===(_theme$UTPagination2=theme.UTPagination)||void 0===_theme$UTPagination2||null===(_theme$UTPagination2=_theme$UTPagination2.pageSizeSelect)||void 0===_theme$UTPagination2?void 0:_theme$UTPagination2.background,fontFamily:null==theme||null===(_theme$Fonts=theme.Fonts)||void 0===_theme$Fonts?void 0:_theme$Fonts.fontFamily,fontSize:null==theme||null===(_theme$UTPagination3=theme.UTPagination)||void 0===_theme$UTPagination3||null===(_theme$UTPagination3=_theme$UTPagination3.pageSizeSelect)||void 0===_theme$UTPagination3?void 0:_theme$UTPagination3.fontSize,padding:(null==theme||null===(_theme$UTPagination4=theme.UTPagination)||void 0===_theme$UTPagination4||null===(_theme$UTPagination4=_theme$UTPagination4.pageSizeSelect)||void 0===_theme$UTPagination4?void 0:_theme$UTPagination4.padding)||6,textAlign:null==theme||null===(_theme$UTPagination5=theme.UTPagination)||void 0===_theme$UTPagination5||null===(_theme$UTPagination5=_theme$UTPagination5.pageSizeSelect)||void 0===_theme$UTPagination5?void 0:_theme$UTPagination5.textAlign},pageSizeSelectContainer:{"& fieldset":{border:(null==theme||null===(_theme$UTPagination6=theme.UTPagination)||void 0===_theme$UTPagination6||null===(_theme$UTPagination6=_theme$UTPagination6.pageSizeSelect)||void 0===_theme$UTPagination6?void 0:_theme$UTPagination6.border)||"1px solid ".concat(_colorsModule.default.gray3)},"&:hover fieldset":{border:(null==theme||null===(_theme$UTPagination7=theme.UTPagination)||void 0===_theme$UTPagination7||null===(_theme$UTPagination7=_theme$UTPagination7.pageSizeSelect)||void 0===_theme$UTPagination7||null===(_theme$UTPagination7=_theme$UTPagination7.hover)||void 0===_theme$UTPagination7?void 0:_theme$UTPagination7.border)||"1px solid ".concat(_colorsModule.default.gray2)},"&:hover:focus-within fieldset":{border:(null==theme||null===(_theme$UTPagination8=theme.UTPagination)||void 0===_theme$UTPagination8||null===(_theme$UTPagination8=_theme$UTPagination8.pageSizeSelect)||void 0===_theme$UTPagination8||null===(_theme$UTPagination8=_theme$UTPagination8.focused)||void 0===_theme$UTPagination8?void 0:_theme$UTPagination8.border)||"1px solid ".concat(_colorsModule.default.gray3)},"&:focus-within fieldset":{border:(null==theme||null===(_theme$UTPagination9=theme.UTPagination)||void 0===_theme$UTPagination9||null===(_theme$UTPagination9=_theme$UTPagination9.pageSizeSelect)||void 0===_theme$UTPagination9||null===(_theme$UTPagination9=_theme$UTPagination9.focused)||void 0===_theme$UTPagination9?void 0:_theme$UTPagination9.border)||"1px solid ".concat(_colorsModule.default.gray3," !important")}},pagination:{gridGap:(null==theme||null===(_theme$UTPagination0=theme.UTPagination)||void 0===_theme$UTPagination0||null===(_theme$UTPagination0=_theme$UTPagination0.pagination)||void 0===_theme$UTPagination0?void 0:_theme$UTPagination0.gridGap)||"16px"}}};exports.retrieveStyle=retrieveStyle;

package/dist/components/UTPanel/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 UTPanel = _ref => {
-  let {
-    version = 'V0',
-    ...props
-  } = _ref;
-  const Component = {
-    V0: _V.default,
-    V1: _V2.default
-  }[version];
-  return /*#__PURE__*/_react.default.createElement(Component, props);
-};
-UTPanel.propTypes = {
-  version: _propTypes.string
-};
-var _default = exports.default = UTPanel;
+"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 UTPanel=_ref=>{let{version:version="V0",...props}=_ref;const Component={V0:_V.default,V1:_V2.default}[version];return _react.default.createElement(Component,props)};UTPanel.propTypes={version:_propTypes.string};var _default=exports.default=UTPanel;

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

@@ -1,114 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _SwipeableDrawer = _interopRequireDefault(require("@material-ui/core/SwipeableDrawer"));
-require("react-perfect-scrollbar/dist/css/styles.css");
-var _reactPerfectScrollbar = _interopRequireDefault(require("react-perfect-scrollbar"));
-var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
-var _propTypes = require("prop-types");
-var _UTButton = _interopRequireDefault(require("../../../UTButton"));
-var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
-var _testIds = require("../../../../constants/testIds");
-var _commonTypes = require("../../../../types/commonTypes");
-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); } /* eslint-disable no-unused-vars */
-const {
-  panel
-} = _testIds.TEST_IDS;
-const UTPanel = _ref => {
-  let {
-    children,
-    classes = {},
-    closeButtonDataTestId = panel.closeButton,
-    containerRef,
-    disableScrollbar = false,
-    modalProps,
-    onClose,
-    onEndReachedCallback,
-    onOpen = () => {},
-    open,
-    panelSide,
-    perfectScrollbarOptions,
-    title,
-    TitleComponent,
-    titleDataTestId = panel.title,
-    TitleIcon,
-    ...props
-  } = _ref;
-  const {
-    title: titleClass,
-    titleIcon: titleIconClass,
-    titleContainer: titleContainerClass,
-    perfectScrollbar: perfectScrollbarClass,
-    closeButton: closeButtonClass,
-    iconClose: iconCloseClass,
-    ...drawerClasses
-  } = classes;
-  return /*#__PURE__*/_react.default.createElement(_SwipeableDrawer.default, _extends({
-    anchor: panelSide,
-    open: open,
-    onOpen: onOpen,
-    onClose: onClose,
-    disableSwipeToOpen: true,
-    swipeAreaWidth: 0,
-    ModalProps: {
-      container: containerRef,
-      keepMounted: !!containerRef,
-      ...modalProps
-    },
-    classes: {
-      ...drawerClasses,
-      paper: "".concat(_stylesModule.default.paper, " ").concat(drawerClasses.paper),
-      root: "".concat(containerRef && _stylesModule.default.root, " ").concat(drawerClasses.root)
-    }
-  }, props), /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.titleContainer, " ").concat(titleContainerClass)
-  }, TitleComponent || /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.iconTitleContainer
-  }, TitleIcon && /*#__PURE__*/_react.default.createElement(TitleIcon, {
-    className: "".concat(_stylesModule.default.titleIcon, " ").concat(titleIconClass)
-  }), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    className: classes.title,
-    dataTestId: titleDataTestId,
-    weight: "semibold"
-  }, title)), /*#__PURE__*/_react.default.createElement(_UTButton.default, {
-    classNames: {
-      icon: iconCloseClass,
-      root: closeButtonClass
-    },
-    dataTestId: closeButtonDataTestId,
-    Icon: _Close.default,
-    onClick: onClose,
-    variant: "text"
-  })), disableScrollbar ? children : /*#__PURE__*/_react.default.createElement(_reactPerfectScrollbar.default, {
-    onYReachEnd: onEndReachedCallback,
-    className: perfectScrollbarClass,
-    options: {
-      suppressScrollX: true,
-      ...perfectScrollbarOptions
-    }
-  }, children));
-};
-UTPanel.propTypes = {
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  closeButtonDataTestId: _propTypes.string,
-  containerRef: _commonTypes.refType,
-  disableScrollbar: _propTypes.bool,
-  modalProps: _propTypes.object,
-  onClose: _propTypes.func,
-  onEndReachedCallback: _propTypes.func,
-  onOpen: _propTypes.func,
-  open: _propTypes.bool,
-  panelSide: _propTypes.string,
-  perfectScrollbarOptions: _propTypes.object,
-  title: _propTypes.string,
-  TitleComponent: (0, _propTypes.oneOfType)([_propTypes.element, _propTypes.elementType]),
-  titleDataTestId: _propTypes.string,
-  TitleIcon: _propTypes.elementType
-};
-var _default = exports.default = UTPanel;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_SwipeableDrawer=_interopRequireDefault(require("@material-ui/core/SwipeableDrawer"));require("react-perfect-scrollbar/dist/css/styles.css");var _reactPerfectScrollbar=_interopRequireDefault(require("react-perfect-scrollbar")),_Close=_interopRequireDefault(require("@material-ui/icons/Close")),_propTypes=require("prop-types"),_UTButton=_interopRequireDefault(require("../../../UTButton")),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_testIds=require("../../../../constants/testIds"),_commonTypes=require("../../../../types/commonTypes"),_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{panel:panel}=_testIds.TEST_IDS,UTPanel=_ref=>{let{children:children,classes:classes={},closeButtonDataTestId:closeButtonDataTestId=panel.closeButton,containerRef:containerRef,disableScrollbar:disableScrollbar=!1,modalProps:modalProps,onClose:onClose,onEndReachedCallback:onEndReachedCallback,onOpen:onOpen=()=>{},open:open,panelSide:panelSide,perfectScrollbarOptions:perfectScrollbarOptions,title:title,TitleComponent:TitleComponent,titleDataTestId:titleDataTestId=panel.title,TitleIcon:TitleIcon,...props}=_ref;const{title:titleClass,titleIcon:titleIconClass,titleContainer:titleContainerClass,perfectScrollbar:perfectScrollbarClass,closeButton:closeButtonClass,iconClose:iconCloseClass,...drawerClasses}=classes;return _react.default.createElement(_SwipeableDrawer.default,_extends({anchor:panelSide,open:open,onOpen:onOpen,onClose:onClose,disableSwipeToOpen:!0,swipeAreaWidth:0,ModalProps:{container:containerRef,keepMounted:!!containerRef,...modalProps},classes:{...drawerClasses,paper:"".concat(_stylesModule.default.paper," ").concat(drawerClasses.paper),root:"".concat(containerRef&&_stylesModule.default.root," ").concat(drawerClasses.root)}},props),_react.default.createElement("div",{className:"".concat(_stylesModule.default.titleContainer," ").concat(titleContainerClass)},TitleComponent||_react.default.createElement("div",{className:_stylesModule.default.iconTitleContainer},TitleIcon&&_react.default.createElement(TitleIcon,{className:"".concat(_stylesModule.default.titleIcon," ").concat(titleIconClass)}),_react.default.createElement(_UTLabel.default,{className:classes.title,dataTestId:titleDataTestId,weight:"semibold"},title)),_react.default.createElement(_UTButton.default,{classNames:{icon:iconCloseClass,root:closeButtonClass},dataTestId:closeButtonDataTestId,Icon:_Close.default,onClick:onClose,variant:"text"})),disableScrollbar?children:_react.default.createElement(_reactPerfectScrollbar.default,{onYReachEnd:onEndReachedCallback,className:perfectScrollbarClass,options:{suppressScrollX:!0,...perfectScrollbarOptions}},children))};UTPanel.propTypes={classes:(0,_propTypes.objectOf)(_propTypes.string),closeButtonDataTestId:_propTypes.string,containerRef:_commonTypes.refType,disableScrollbar:_propTypes.bool,modalProps:_propTypes.object,onClose:_propTypes.func,onEndReachedCallback:_propTypes.func,onOpen:_propTypes.func,open:_propTypes.bool,panelSide:_propTypes.string,perfectScrollbarOptions:_propTypes.object,title:_propTypes.string,TitleComponent:(0,_propTypes.oneOfType)([_propTypes.element,_propTypes.elementType]),titleDataTestId:_propTypes.string,TitleIcon:_propTypes.elementType};var _default=exports.default=UTPanel;

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

@@ -1,110 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
-require("react-perfect-scrollbar/dist/css/styles.css");
-var _reactPerfectScrollbar = _interopRequireDefault(require("react-perfect-scrollbar"));
-var _UTButton = _interopRequireDefault(require("../../../../../UTButton"));
-var _UTStatus = _interopRequireDefault(require("../../../../../UTStatus"));
-var _UTTooltip = _interopRequireDefault(require("../../../../../UTTooltip"));
-var _testIds = require("../../../../../../constants/testIds");
-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 {
-  panel
-} = _testIds.TEST_IDS;
-const AdditionalContentModule = _ref => {
-  let {
-    activeId,
-    additionalContent,
-    onSelectItem,
-    tooltipContainer
-  } = _ref;
-  const activeContent = (0, _react.useMemo)(() => additionalContent.find(item => item.id === activeId), [additionalContent, activeId]);
-  if (!additionalContent || additionalContent.length === 0) {
-    return null;
-  }
-  const ActiveBodyComponent = activeContent === null || activeContent === void 0 ? void 0 : activeContent.BodyComponent;
-  const defaultTooltipContainer = tooltipContainer || (() => document.body);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.additionalContentWrapper
-  }, activeContent && /*#__PURE__*/_react.default.createElement(_reactPerfectScrollbar.default, {
-    options: {
-      suppressScrollX: true
-    },
-    className: _stylesModule.default.sidebarScroll
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.bodyComponent,
-    "data-testid": panel.additionalContent.body
-  }, ActiveBodyComponent && /*#__PURE__*/_react.default.createElement(ActiveBodyComponent, null))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.sidebar, " ").concat(!activeContent ? _stylesModule.default.sidebarCollapsed : ''),
-    "data-testid": panel.additionalContent.sidebar
-  }, /*#__PURE__*/_react.default.createElement(_reactPerfectScrollbar.default, {
-    options: {
-      suppressScrollX: true
-    },
-    className: _stylesModule.default.sidebarScroll
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.sidebarContent
-  }, additionalContent.map(item => {
-    var _item$tooltipProps, _item$tooltipProps2, _item$tooltipProps$ti, _item$tooltipProps3, _item$tooltipProps4, _item$tooltipProps5;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: item.id,
-      className: _stylesModule.default.sidebarItemWrapper
-    }, /*#__PURE__*/_react.default.createElement(_UTTooltip.default, _extends({
-      content: ((_item$tooltipProps = item.tooltipProps) === null || _item$tooltipProps === void 0 ? void 0 : _item$tooltipProps.content) || item.id,
-      dataTestId: "".concat(panel.additionalContent.sidebarButton).concat(item.id, ".tooltip"),
-      tippyProps: {
-        placement: ((_item$tooltipProps2 = item.tooltipProps) === null || _item$tooltipProps2 === void 0 || (_item$tooltipProps2 = _item$tooltipProps2.tippyProps) === null || _item$tooltipProps2 === void 0 ? void 0 : _item$tooltipProps2.placement) || 'right',
-        zIndex: (_item$tooltipProps$ti = (_item$tooltipProps3 = item.tooltipProps) === null || _item$tooltipProps3 === void 0 || (_item$tooltipProps3 = _item$tooltipProps3.tippyProps) === null || _item$tooltipProps3 === void 0 ? void 0 : _item$tooltipProps3.zIndex) !== null && _item$tooltipProps$ti !== void 0 ? _item$tooltipProps$ti : 9999,
-        appendTo: ((_item$tooltipProps4 = item.tooltipProps) === null || _item$tooltipProps4 === void 0 || (_item$tooltipProps4 = _item$tooltipProps4.tippyProps) === null || _item$tooltipProps4 === void 0 ? void 0 : _item$tooltipProps4.appendTo) || defaultTooltipContainer,
-        ...(((_item$tooltipProps5 = item.tooltipProps) === null || _item$tooltipProps5 === void 0 ? void 0 : _item$tooltipProps5.tippyProps) || {})
-      }
-    }, (_ref2 => {
-      let {
-        _,
-        ...rest
-      } = _ref2;
-      return rest;
-    })(item.tooltipProps)), /*#__PURE__*/_react.default.createElement("div", {
-      className: _stylesModule.default.buttonWrapper
-    }, /*#__PURE__*/_react.default.createElement(_UTButton.default, {
-      colorTheme: activeId === item.id ? 'primary' : 'gray',
-      className: _stylesModule.default.sidebarButton,
-      dataTestId: "".concat(panel.additionalContent.sidebarButton).concat(item.id),
-      disabled: item.disabled,
-      Icon: item.Icon,
-      onClick: () => onSelectItem(activeId === item.id ? null : item.id),
-      size: "medium",
-      variant: activeId === item.id ? 'semitransparent' : 'text'
-    }), item.count > 0 && /*#__PURE__*/_react.default.createElement(_UTStatus.default, {
-      area: true,
-      areaType: "ROUNDED",
-      className: _stylesModule.default.countBadge,
-      size: "xsmall",
-      type: "negative",
-      variant: "accent",
-      withoutIcon: true
-    }, item.count))));
-  })))));
-};
-AdditionalContentModule.propTypes = {
-  additionalContent: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
-    disabled: _propTypes.bool,
-    id: _propTypes.string.isRequired,
-    Icon: _propTypes.string.isRequired,
-    count: _propTypes.number,
-    BodyComponent: _propTypes.elementType.isRequired,
-    tooltipProps: _propTypes.object.isRequired
-  })).isRequired,
-  activeId: _propTypes.string,
-  onSelectItem: _propTypes.func.isRequired,
-  tooltipContainer: _propTypes.func
-};
-var _default = exports.default = AdditionalContentModule;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types");require("react-perfect-scrollbar/dist/css/styles.css");var _reactPerfectScrollbar=_interopRequireDefault(require("react-perfect-scrollbar")),_UTButton=_interopRequireDefault(require("../../../../../UTButton")),_UTStatus=_interopRequireDefault(require("../../../../../UTStatus")),_UTTooltip=_interopRequireDefault(require("../../../../../UTTooltip")),_testIds=require("../../../../../../constants/testIds"),_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{panel:panel}=_testIds.TEST_IDS,AdditionalContentModule=_ref=>{let{activeId:activeId,additionalContent:additionalContent,onSelectItem:onSelectItem,tooltipContainer:tooltipContainer}=_ref;const activeContent=(0,_react.useMemo)(()=>additionalContent.find(item=>item.id===activeId),[additionalContent,activeId]);if(!additionalContent||0===additionalContent.length)return null;const ActiveBodyComponent=null==activeContent?void 0:activeContent.BodyComponent,defaultTooltipContainer=tooltipContainer||(()=>document.body);return _react.default.createElement("div",{className:_stylesModule.default.additionalContentWrapper},activeContent&&_react.default.createElement(_reactPerfectScrollbar.default,{options:{suppressScrollX:!0},className:_stylesModule.default.sidebarScroll},_react.default.createElement("div",{className:_stylesModule.default.bodyComponent,"data-testid":panel.additionalContent.body},ActiveBodyComponent&&_react.default.createElement(ActiveBodyComponent,null))),_react.default.createElement("div",{className:"".concat(_stylesModule.default.sidebar," ").concat(activeContent?"":_stylesModule.default.sidebarCollapsed),"data-testid":panel.additionalContent.sidebar},_react.default.createElement(_reactPerfectScrollbar.default,{options:{suppressScrollX:!0},className:_stylesModule.default.sidebarScroll},_react.default.createElement("div",{className:_stylesModule.default.sidebarContent},additionalContent.map(item=>{var _item$tooltipProps,_item$tooltipProps2,_item$tooltipProps$ti,_item$tooltipProps3,_item$tooltipProps4,_item$tooltipProps5;return _react.default.createElement("div",{key:item.id,className:_stylesModule.default.sidebarItemWrapper},_react.default.createElement(_UTTooltip.default,_extends({content:(null===(_item$tooltipProps=item.tooltipProps)||void 0===_item$tooltipProps?void 0:_item$tooltipProps.content)||item.id,dataTestId:"".concat(panel.additionalContent.sidebarButton).concat(item.id,".tooltip"),tippyProps:{placement:(null===(_item$tooltipProps2=item.tooltipProps)||void 0===_item$tooltipProps2||null===(_item$tooltipProps2=_item$tooltipProps2.tippyProps)||void 0===_item$tooltipProps2?void 0:_item$tooltipProps2.placement)||"right",zIndex:null!==(_item$tooltipProps$ti=null===(_item$tooltipProps3=item.tooltipProps)||void 0===_item$tooltipProps3||null===(_item$tooltipProps3=_item$tooltipProps3.tippyProps)||void 0===_item$tooltipProps3?void 0:_item$tooltipProps3.zIndex)&&void 0!==_item$tooltipProps$ti?_item$tooltipProps$ti:9999,appendTo:(null===(_item$tooltipProps4=item.tooltipProps)||void 0===_item$tooltipProps4||null===(_item$tooltipProps4=_item$tooltipProps4.tippyProps)||void 0===_item$tooltipProps4?void 0:_item$tooltipProps4.appendTo)||defaultTooltipContainer,...(null===(_item$tooltipProps5=item.tooltipProps)||void 0===_item$tooltipProps5?void 0:_item$tooltipProps5.tippyProps)||{}}},(_ref2=>{let{_:_,...rest}=_ref2;return rest})(item.tooltipProps)),_react.default.createElement("div",{className:_stylesModule.default.buttonWrapper},_react.default.createElement(_UTButton.default,{colorTheme:activeId===item.id?"primary":"gray",className:_stylesModule.default.sidebarButton,dataTestId:"".concat(panel.additionalContent.sidebarButton).concat(item.id),disabled:item.disabled,Icon:item.Icon,onClick:()=>onSelectItem(activeId===item.id?null:item.id),size:"medium",variant:activeId===item.id?"semitransparent":"text"}),item.count>0&&_react.default.createElement(_UTStatus.default,{area:!0,areaType:"ROUNDED",className:_stylesModule.default.countBadge,size:"xsmall",type:"negative",variant:"accent",withoutIcon:!0},item.count))))})))))};AdditionalContentModule.propTypes={additionalContent:(0,_propTypes.arrayOf)((0,_propTypes.shape)({disabled:_propTypes.bool,id:_propTypes.string.isRequired,Icon:_propTypes.string.isRequired,count:_propTypes.number,BodyComponent:_propTypes.elementType.isRequired,tooltipProps:_propTypes.object.isRequired})).isRequired,activeId:_propTypes.string,onSelectItem:_propTypes.func.isRequired,tooltipContainer:_propTypes.func};var _default=exports.default=AdditionalContentModule;

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

@@ -1,57 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _reactPerfectScrollbar = _interopRequireDefault(require("react-perfect-scrollbar"));
-var _UTButton = _interopRequireDefault(require("../../../../../UTButton"));
-var _testIds = require("../../../../../../constants/testIds");
-var _stylesModule = _interopRequireDefault(require("../../styles.module.scss"));
-var _constants = require("../../constants.js");
-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 {
-  panel
-} = _testIds.TEST_IDS;
-const BodySection = _ref => {
-  let {
-    bodyContainerClass,
-    children,
-    disableScrollbar,
-    hideMainButton,
-    mainButton,
-    onEndReachedCallback,
-    perfectScrollbarClass,
-    perfectScrollbarOptions
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.bodyWrapper, " ").concat(bodyContainerClass || '')
-  }, disableScrollbar ? children : /*#__PURE__*/_react.default.createElement(_reactPerfectScrollbar.default, {
-    className: "".concat(_stylesModule.default.perfectScrollbar, " ").concat(perfectScrollbarClass || ''),
-    onYReachEnd: onEndReachedCallback,
-    options: {
-      suppressScrollX: true,
-      ...perfectScrollbarOptions
-    }
-  }, children)), !hideMainButton && /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
-    classNames: {
-      root: _stylesModule.default.mainButton
-    },
-    dataTestId: panel.mainButton,
-    size: "large"
-  }, mainButton), (mainButton === null || mainButton === void 0 ? void 0 : mainButton.text) || _constants.ACCEPT_BUTTON_TEXT));
-};
-BodySection.propTypes = {
-  bodyContainerClass: _propTypes.string,
-  children: _propTypes.node,
-  disableScrollbar: _propTypes.bool,
-  hideMainButton: _propTypes.bool,
-  mainButton: _propTypes.object,
-  onEndReachedCallback: _propTypes.func,
-  perfectScrollbarClass: _propTypes.string,
-  perfectScrollbarOptions: _propTypes.object
-};
-var _default = exports.default = BodySection;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_reactPerfectScrollbar=_interopRequireDefault(require("react-perfect-scrollbar")),_UTButton=_interopRequireDefault(require("../../../../../UTButton")),_testIds=require("../../../../../../constants/testIds"),_stylesModule=_interopRequireDefault(require("../../styles.module.scss")),_constants=require("../../constants.js");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{panel:panel}=_testIds.TEST_IDS,BodySection=_ref=>{let{bodyContainerClass:bodyContainerClass,children:children,disableScrollbar:disableScrollbar,hideMainButton:hideMainButton,mainButton:mainButton,onEndReachedCallback:onEndReachedCallback,perfectScrollbarClass:perfectScrollbarClass,perfectScrollbarOptions:perfectScrollbarOptions}=_ref;return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement("div",{className:"".concat(_stylesModule.default.bodyWrapper," ").concat(bodyContainerClass||"")},disableScrollbar?children:_react.default.createElement(_reactPerfectScrollbar.default,{className:"".concat(_stylesModule.default.perfectScrollbar," ").concat(perfectScrollbarClass||""),onYReachEnd:onEndReachedCallback,options:{suppressScrollX:!0,...perfectScrollbarOptions}},children)),!hideMainButton&&_react.default.createElement(_UTButton.default,_extends({classNames:{root:_stylesModule.default.mainButton},dataTestId:panel.mainButton,size:"large"},mainButton),(null==mainButton?void 0:mainButton.text)||_constants.ACCEPT_BUTTON_TEXT))};BodySection.propTypes={bodyContainerClass:_propTypes.string,children:_propTypes.node,disableScrollbar:_propTypes.bool,hideMainButton:_propTypes.bool,mainButton:_propTypes.object,onEndReachedCallback:_propTypes.func,perfectScrollbarClass:_propTypes.string,perfectScrollbarOptions:_propTypes.object};var _default=exports.default=BodySection;

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

@@ -1,118 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _UTButton = _interopRequireDefault(require("../../../../../UTButton"));
-var _UTLabel = _interopRequireDefault(require("../../../../../UTLabel"));
-var _index = _interopRequireDefault(require("../../../../../UTProgressBar/index.js"));
-var _testIds = require("../../../../../../constants/testIds");
-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 {
-  panel
-} = _testIds.TEST_IDS;
-const ControlAreaSection = _ref => {
-  let {
-    backButton,
-    backButtonClass,
-    backButtonDataTestId,
-    classes,
-    closeButtonClass,
-    closeButtonDataTestId,
-    currentPage,
-    currentStep,
-    hideCloseButton,
-    iconBackClass,
-    iconCloseClass,
-    isWorkflow,
-    nextButton,
-    onClose,
-    onGoBack,
-    onOpen,
-    open,
-    panelIsCollapsible,
-    showBackButton,
-    showPagination,
-    stepsCount,
-    totalPages
-  } = _ref;
-  if (!showBackButton && !showPagination && hideCloseButton && !isWorkflow && !panelIsCollapsible) {
-    return null;
-  }
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.controlAreaContainer
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.controlAreaBar
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.controlLeftArea
-  }, showBackButton && /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.backButtonContainer
-  }, /*#__PURE__*/_react.default.createElement(_UTButton.default, {
-    classNames: {
-      icon: iconBackClass,
-      root: backButtonClass
-    },
-    dataTestId: backButtonDataTestId,
-    Icon: "IconArrowLeft",
-    onClick: onGoBack,
-    variant: "text"
-  })), showPagination && /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.paginationContainer
-  }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    colorTheme: "gray"
-  }, "".concat(currentPage, " / ").concat(totalPages)), /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
-    dataTestId: panel.paginationPrev,
-    Icon: "IconChevronLeft",
-    variant: "text"
-  }, backButton)), /*#__PURE__*/_react.default.createElement(_UTButton.default, _extends({
-    dataTestId: panel.paginationNext,
-    Icon: "IconChevronRight",
-    variant: "text"
-  }, nextButton)))), (panelIsCollapsible || !hideCloseButton) && /*#__PURE__*/_react.default.createElement(_UTButton.default, {
-    classNames: {
-      icon: iconCloseClass,
-      root: closeButtonClass
-    },
-    dataTestId: closeButtonDataTestId,
-    Icon: panelIsCollapsible ? 'IconLayoutSidebarRight' : 'IconX',
-    onClick: panelIsCollapsible && !open ? onOpen : onClose,
-    variant: "text"
-  })), isWorkflow && /*#__PURE__*/_react.default.createElement(_index.default, {
-    classNames: {
-      barColorPrimary: classes.barColorPrimary,
-      colorPrimary: classes.colorPrimary,
-      container: _stylesModule.default.progressBarContainer
-    },
-    value: currentStep * 100 / stepsCount
-  }));
-};
-ControlAreaSection.propTypes = {
-  backButton: _propTypes.object,
-  backButtonClass: _propTypes.string,
-  backButtonDataTestId: _propTypes.string,
-  classes: _propTypes.object,
-  closeButtonClass: _propTypes.string,
-  closeButtonDataTestId: _propTypes.string,
-  currentPage: _propTypes.number,
-  currentStep: _propTypes.number,
-  hideCloseButton: _propTypes.bool,
-  iconBackClass: _propTypes.string,
-  iconCloseClass: _propTypes.string,
-  isWorkflow: _propTypes.bool,
-  nextButton: _propTypes.object,
-  onClose: _propTypes.func,
-  onGoBack: _propTypes.func,
-  onOpen: _propTypes.func,
-  open: _propTypes.bool,
-  panelIsCollapsible: _propTypes.bool,
-  showBackButton: _propTypes.bool,
-  showPagination: _propTypes.bool,
-  stepsCount: _propTypes.number,
-  totalPages: _propTypes.number
-};
-var _default = exports.default = ControlAreaSection;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_UTButton=_interopRequireDefault(require("../../../../../UTButton")),_UTLabel=_interopRequireDefault(require("../../../../../UTLabel")),_index=_interopRequireDefault(require("../../../../../UTProgressBar/index.js")),_testIds=require("../../../../../../constants/testIds"),_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{panel:panel}=_testIds.TEST_IDS,ControlAreaSection=_ref=>{let{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}=_ref;return showBackButton||showPagination||!hideCloseButton||isWorkflow||panelIsCollapsible?_react.default.createElement("div",{className:_stylesModule.default.controlAreaContainer},_react.default.createElement("div",{className:_stylesModule.default.controlAreaBar},_react.default.createElement("div",{className:_stylesModule.default.controlLeftArea},showBackButton&&_react.default.createElement("div",{className:_stylesModule.default.backButtonContainer},_react.default.createElement(_UTButton.default,{classNames:{icon:iconBackClass,root:backButtonClass},dataTestId:backButtonDataTestId,Icon:"IconArrowLeft",onClick:onGoBack,variant:"text"})),showPagination&&_react.default.createElement("div",{className:_stylesModule.default.paginationContainer},_react.default.createElement(_UTLabel.default,{colorTheme:"gray"},"".concat(currentPage," / ").concat(totalPages)),_react.default.createElement(_UTButton.default,_extends({dataTestId:panel.paginationPrev,Icon:"IconChevronLeft",variant:"text"},backButton)),_react.default.createElement(_UTButton.default,_extends({dataTestId:panel.paginationNext,Icon:"IconChevronRight",variant:"text"},nextButton)))),(panelIsCollapsible||!hideCloseButton)&&_react.default.createElement(_UTButton.default,{classNames:{icon:iconCloseClass,root:closeButtonClass},dataTestId:closeButtonDataTestId,Icon:panelIsCollapsible?"IconLayoutSidebarRight":"IconX",onClick:panelIsCollapsible&&!open?onOpen:onClose,variant:"text"})),isWorkflow&&_react.default.createElement(_index.default,{classNames:{barColorPrimary:classes.barColorPrimary,colorPrimary:classes.colorPrimary,container:_stylesModule.default.progressBarContainer},value:100*currentStep/stepsCount})):null};ControlAreaSection.propTypes={backButton:_propTypes.object,backButtonClass:_propTypes.string,backButtonDataTestId:_propTypes.string,classes:_propTypes.object,closeButtonClass:_propTypes.string,closeButtonDataTestId:_propTypes.string,currentPage:_propTypes.number,currentStep:_propTypes.number,hideCloseButton:_propTypes.bool,iconBackClass:_propTypes.string,iconCloseClass:_propTypes.string,isWorkflow:_propTypes.bool,nextButton:_propTypes.object,onClose:_propTypes.func,onGoBack:_propTypes.func,onOpen:_propTypes.func,open:_propTypes.bool,panelIsCollapsible:_propTypes.bool,showBackButton:_propTypes.bool,showPagination:_propTypes.bool,stepsCount:_propTypes.number,totalPages:_propTypes.number};var _default=exports.default=ControlAreaSection;

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

@@ -1,14 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SIZES = exports.ORIENTATION = void 0;
-const SIZES = exports.SIZES = {
-  L: 'large',
-  M: 'medium'
-};
-const ORIENTATION = exports.ORIENTATION = {
-  HORIZONTAL: 'horizontal',
-  VERTICAL: 'vertical'
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SIZES=exports.ORIENTATION=void 0;const SIZES=exports.SIZES={L:"large",M:"medium"},ORIENTATION=exports.ORIENTATION={HORIZONTAL:"horizontal",VERTICAL:"vertical"};