@widergy/energy-ui 3.172.3 → 3.173.0

package/dist/components/UTTable/components/ActionIcons/constants.js

@@ -1 +1,7 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DEAULT_LOADING_SIZE=void 0;const DEAULT_LOADING_SIZE=exports.DEAULT_LOADING_SIZE=24;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DEAULT_LOADING_SIZE = void 0;
+const DEAULT_LOADING_SIZE = exports.DEAULT_LOADING_SIZE = 24;

package/dist/components/UTTable/components/ActionIcons/index.js

@@ -1 +1,109 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _CircularProgress=_interopRequireDefault(require("@material-ui/core/CircularProgress")),_react=_interopRequireWildcard(require("react")),_array=require("@widergy/web-utils/lib/array"),_propTypes=require("prop-types"),_UTIcon=_interopRequireDefault(require("../../../UTIcon")),_UTMenu=_interopRequireDefault(require("../../../UTMenu")),_UTTooltip=_interopRequireDefault(require("../../../UTTooltip")),_types=require("../../types"),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_constants=require("./constants");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}const ActionIcons=_ref=>{let{classes:classes,column:column,dataTestId:dataTestId,rowData:rowData}=_ref;return _react.default.createElement(_react.Fragment,null,column.actions.map((_ref2,i)=>{let{Icon:Icon,buttonClassName:buttonClassName,disabledIconClassName:disabledIconClassName,disabledTooltip:disabledTooltip,iconClassName:iconClassName,iconName:iconName="",iconProps:iconProps,isDisabled:isDisabled=()=>!1,isLoading:isLoading=()=>!1,isVisible:isVisible=()=>!0,key:key,loadingClassName:loadingClassName,loadingSize:loadingSize=_constants.DEAULT_LOADING_SIZE,menuItems:menuItems=[],onClick:onClick,tooltip:tooltip,tooltipProps:tooltipProps={},withMenuDivider:withMenuDivider}=_ref2;const[menuAnchor,setMenuAnchor]=(0,_react.useState)(),[menuRowContextData,setMenuRowConextData]=(0,_react.useState)(),closeMenu=()=>setMenuAnchor(),handleActionClick=(event,eventRowData)=>{(0,_array.isEmpty)(menuItems)?onClick(eventRowData):(setMenuRowConextData({...eventRowData,clickCallback:closeMenu}),(event=>{setMenuAnchor(event.currentTarget)})(event))},visibleMenuItems=menuItems.filter(menuItem=>!menuItem.isVisible||menuItem.isVisible(rowData)).map(menuItem=>({...menuItem,disabled:menuItem.isDisabled&&menuItem.isDisabled(rowData)})),tooltipContent=isDisabled(rowData)&&disabledTooltip?"function"==typeof disabledTooltip?disabledTooltip(rowData):disabledTooltip:tooltip,tippyProps={appendTo:()=>document.body,interactive:!1,...tooltipProps};return isVisible(rowData)&&_react.default.createElement(_UTTooltip.default,{content:tooltipContent,key:key,stringContentClassName:_stylesModule.default.tooltip,stringContentProps:null==tooltipProps?void 0:tooltipProps.stringContentProps,tippyProps:tippyProps},_react.default.createElement("span",null,_react.default.createElement("div",{className:"".concat(_stylesModule.default.iconButton," ").concat(classes.actionIconButton," \n                  ").concat((isDisabled(rowData)||isLoading(rowData))&&_stylesModule.default.disabled," ").concat(buttonClassName),"data-testid":"".concat(dataTestId,".").concat(i),onClick:event=>handleActionClick(event,rowData),role:"button"},isLoading(rowData)?_react.default.createElement(_CircularProgress.default,{className:"".concat(classes.actionLoading," ").concat(loadingClassName),size:loadingSize}):(0,_array.isEmpty)(iconName)?_react.default.createElement(Icon,{className:"\n                        ".concat(_stylesModule.default.actionIcon,"\n                        ").concat(classes.actionIcon,"\n                        ").concat(iconClassName,"\n                        ").concat(isDisabled(rowData)&&disabledIconClassName)}):_react.default.createElement(_UTIcon.default,_extends({name:iconName},iconProps,{className:"".concat(iconClassName," ").concat(isDisabled(rowData)?disabledIconClassName:""," ").concat((null==iconProps?void 0:iconProps.className)||"")}))),!!menuAnchor&&!(0,_array.isEmpty)(menuItems)&&_react.default.createElement(_UTMenu.default,{anchor:menuAnchor,contextData:menuRowContextData,iconBefore:!0,items:visibleMenuItems,onClose:closeMenu,withDivider:withMenuDivider,withMenuItem:!0})))}))};ActionIcons.propTypes={classes:_types.classesType,column:_types.columnType,rowData:_propTypes.object,dataTestId:_propTypes.string};var _default=exports.default=(0,_react.memo)(ActionIcons);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _CircularProgress = _interopRequireDefault(require("@material-ui/core/CircularProgress"));
+var _react = _interopRequireWildcard(require("react"));
+var _array = require("@widergy/web-utils/lib/array");
+var _propTypes = require("prop-types");
+var _UTIcon = _interopRequireDefault(require("../../../UTIcon"));
+var _UTMenu = _interopRequireDefault(require("../../../UTMenu"));
+var _UTTooltip = _interopRequireDefault(require("../../../UTTooltip"));
+var _types = require("../../types");
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+var _constants = require("./constants");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const ActionIcons = _ref => {
+  let {
+    classes,
+    column,
+    dataTestId,
+    rowData
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, column.actions.map((_ref2, i) => {
+    let {
+      Icon,
+      buttonClassName,
+      disabledIconClassName,
+      disabledTooltip,
+      iconClassName,
+      iconName = '',
+      iconProps,
+      isDisabled = () => false,
+      isLoading = () => false,
+      isVisible = () => true,
+      key,
+      loadingClassName,
+      loadingSize = _constants.DEAULT_LOADING_SIZE,
+      menuItems = [],
+      onClick,
+      tooltip,
+      tooltipProps = {},
+      withMenuDivider
+    } = _ref2;
+    const [menuAnchor, setMenuAnchor] = (0, _react.useState)();
+    const [menuRowContextData, setMenuRowConextData] = (0, _react.useState)();
+    const openMenu = event => setMenuAnchor(event.currentTarget);
+    const closeMenu = () => setMenuAnchor();
+    const handleActionClick = (event, eventRowData) => {
+      if ((0, _array.isEmpty)(menuItems)) onClick(eventRowData);else {
+        setMenuRowConextData({
+          ...eventRowData,
+          clickCallback: closeMenu
+        });
+        openMenu(event);
+      }
+    };
+    const visibleMenuItems = menuItems.filter(menuItem => !menuItem.isVisible || menuItem.isVisible(rowData)).map(menuItem => ({
+      ...menuItem,
+      disabled: menuItem.isDisabled && menuItem.isDisabled(rowData)
+    }));
+    const getDisabledTooltip = () => typeof disabledTooltip === 'function' ? disabledTooltip(rowData) : disabledTooltip;
+    const tooltipContent = isDisabled(rowData) && disabledTooltip ? getDisabledTooltip() : tooltip;
+    const tippyProps = {
+      appendTo: () => document.body,
+      interactive: false,
+      ...tooltipProps
+    };
+    return isVisible(rowData) && /*#__PURE__*/_react.default.createElement(_UTTooltip.default, {
+      content: tooltipContent,
+      key: key,
+      stringContentClassName: _stylesModule.default.tooltip,
+      stringContentProps: tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.stringContentProps,
+      tippyProps: tippyProps
+    }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(_stylesModule.default.iconButton, " ").concat(classes.actionIconButton, " \n                  ").concat((isDisabled(rowData) || isLoading(rowData)) && _stylesModule.default.disabled, " ").concat(buttonClassName),
+      "data-testid": "".concat(dataTestId, ".").concat(i),
+      onClick: event => handleActionClick(event, rowData),
+      role: "button"
+    }, isLoading(rowData) ? /*#__PURE__*/_react.default.createElement(_CircularProgress.default, {
+      className: "".concat(classes.actionLoading, " ").concat(loadingClassName),
+      size: loadingSize
+    }) : (0, _array.isEmpty)(iconName) ? /*#__PURE__*/_react.default.createElement(Icon, {
+      className: "\n                        ".concat(_stylesModule.default.actionIcon, "\n                        ").concat(classes.actionIcon, "\n                        ").concat(iconClassName, "\n                        ").concat(isDisabled(rowData) && disabledIconClassName)
+    }) : /*#__PURE__*/_react.default.createElement(_UTIcon.default, _extends({
+      name: iconName
+    }, iconProps, {
+      className: "".concat(iconClassName, " ").concat(isDisabled(rowData) ? disabledIconClassName : '', " ").concat((iconProps === null || iconProps === void 0 ? void 0 : iconProps.className) || '')
+    }))), !!menuAnchor && !(0, _array.isEmpty)(menuItems) && /*#__PURE__*/_react.default.createElement(_UTMenu.default, {
+      anchor: menuAnchor,
+      contextData: menuRowContextData,
+      iconBefore: true,
+      items: visibleMenuItems,
+      onClose: closeMenu,
+      withDivider: withMenuDivider,
+      withMenuItem: true
+    })));
+  }));
+};
+ActionIcons.propTypes = {
+  classes: _types.classesType,
+  column: _types.columnType,
+  rowData: _propTypes.object,
+  dataTestId: _propTypes.string
+};
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(ActionIcons);

package/dist/components/UTTable/components/Cell/components/ActionButton/index.js

@@ -1 +1,32 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_object=require("@widergy/web-utils/lib/object"),_UTButton=_interopRequireDefault(require("../../../../../UTButton")),_types=require("../../../../types");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 ActionButton=_ref=>{var _column$actions;let{column:column,rowData:rowData}=_ref;const actionConfig=null===(_column$actions=column.actions)||void 0===_column$actions?void 0:_column$actions[0];return!(0,_object.objectIsEmpty)(actionConfig)&&_react.default.createElement(_UTButton.default,{classNames:actionConfig.buttonClassNames,key:actionConfig.key,onClick:()=>actionConfig.onClick(rowData),variant:"text"},actionConfig.text)};ActionButton.propTypes={column:_types.columnType,rowData:_propTypes.object};var _default=exports.default=(0,_react.memo)(ActionButton);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+var _object = require("@widergy/web-utils/lib/object");
+var _UTButton = _interopRequireDefault(require("../../../../../UTButton"));
+var _types = require("../../../../types");
+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 ActionButton = _ref => {
+  var _column$actions;
+  let {
+    column,
+    rowData
+  } = _ref;
+  const actionConfig = (_column$actions = column.actions) === null || _column$actions === void 0 ? void 0 : _column$actions[0];
+  return !(0, _object.objectIsEmpty)(actionConfig) && /*#__PURE__*/_react.default.createElement(_UTButton.default, {
+    classNames: actionConfig.buttonClassNames,
+    key: actionConfig.key,
+    onClick: () => actionConfig.onClick(rowData),
+    variant: "text"
+  }, actionConfig.text);
+};
+ActionButton.propTypes = {
+  column: _types.columnType,
+  rowData: _propTypes.object
+};
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(ActionButton);

package/dist/components/UTTable/components/Cell/index.js

@@ -1 +1,68 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_ActionIcons=_interopRequireDefault(require("../ActionIcons")),_Status=_interopRequireDefault(require("../Status")),_constants=require("../../constants"),_types=require("../../types"),_ActionButton=_interopRequireDefault(require("./components/ActionButton")),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}const Cell=_ref=>{let{actionDataTestId:actionDataTestId,align:align=_constants.COLUMN_POSITION.LEFT,classes:classes,column:column,columnSizes:columnSizes,dataTestId:dataTestId,defaultNullValue:defaultNullValue,rowData:rowData,style:style}=_ref;const cellAlignStyles=column.align?_stylesModule.default["".concat(column.align,"Align")]:[_constants.CELL_TYPES.ACTION_ICONS,_constants.CELL_TYPES.ACTION_BUTTON].includes(column.type)?_stylesModule.default.centerAlign:_stylesModule.default["".concat(align,"Align")],cellStyle={width:column.withoutPadding?style.paddingLeft+style.paddingRight+columnSizes[column.key]:columnSizes[column.key],...style,paddingBottom:column.withoutPadding?0:style.paddingBottom,paddingLeft:column.withoutPadding?0:style.paddingLeft,paddingRight:column.withoutPadding?0:style.paddingRight,paddingTop:column.withoutPadding?0:style.paddingTop};return _react.default.createElement("div",{className:" ".concat(_stylesModule.default.rowElement," ").concat(cellAlignStyles," ").concat(classes.rowCell),"data-testid":dataTestId,style:cellStyle},column.cellRenderer?column.cellRenderer(rowData[column.key],rowData):column.type===_constants.CELL_TYPES.ACTION_BUTTON?_react.default.createElement(_ActionButton.default,{column:column,rowData:rowData}):column.type===_constants.CELL_TYPES.ACTION_ICONS?_react.default.createElement(_ActionIcons.default,{classes:classes,column:column,dataTestId:actionDataTestId,rowData:rowData}):column.type===_constants.CELL_TYPES.STATUS?_react.default.createElement(_Status.default,{classes:classes,definition:column.status,label:rowData[column.labelKey],value:rowData[column.key]}):_react.default.createElement("span",null,rowData[column.key]||defaultNullValue))};Cell.propTypes={actionDataTestId:_propTypes.string,align:_propTypes.string,classes:_types.classesType,column:_types.columnType,columnSizes:_types.columnSizesType,dataTestId:_propTypes.string,defaultNullValue:_propTypes.string,rowData:_propTypes.object,style:_propTypes.object};var _default=exports.default=(0,_react.memo)(Cell);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+var _ActionIcons = _interopRequireDefault(require("../ActionIcons"));
+var _Status = _interopRequireDefault(require("../Status"));
+var _constants = require("../../constants");
+var _types = require("../../types");
+var _ActionButton = _interopRequireDefault(require("./components/ActionButton"));
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const Cell = _ref => {
+  let {
+    actionDataTestId,
+    align = _constants.COLUMN_POSITION.LEFT,
+    classes,
+    column,
+    columnSizes,
+    dataTestId,
+    defaultNullValue,
+    rowData,
+    style
+  } = _ref;
+  const cellAlignStyles = column.align ? _stylesModule.default["".concat(column.align, "Align")] : [_constants.CELL_TYPES.ACTION_ICONS, _constants.CELL_TYPES.ACTION_BUTTON].includes(column.type) ? _stylesModule.default.centerAlign : _stylesModule.default["".concat(align, "Align")];
+  const cellStyle = {
+    width: column.withoutPadding ? style.paddingLeft + style.paddingRight + columnSizes[column.key] : columnSizes[column.key],
+    ...style,
+    paddingBottom: column.withoutPadding ? 0 : style.paddingBottom,
+    paddingLeft: column.withoutPadding ? 0 : style.paddingLeft,
+    paddingRight: column.withoutPadding ? 0 : style.paddingRight,
+    paddingTop: column.withoutPadding ? 0 : style.paddingTop
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: " ".concat(_stylesModule.default.rowElement, " ").concat(cellAlignStyles, " ").concat(classes.rowCell),
+    "data-testid": dataTestId,
+    style: cellStyle
+  }, column.cellRenderer ? column.cellRenderer(rowData[column.key], rowData) : column.type === _constants.CELL_TYPES.ACTION_BUTTON ? /*#__PURE__*/_react.default.createElement(_ActionButton.default, {
+    column: column,
+    rowData: rowData
+  }) : column.type === _constants.CELL_TYPES.ACTION_ICONS ? /*#__PURE__*/_react.default.createElement(_ActionIcons.default, {
+    classes: classes,
+    column: column,
+    dataTestId: actionDataTestId,
+    rowData: rowData
+  }) : column.type === _constants.CELL_TYPES.STATUS ? /*#__PURE__*/_react.default.createElement(_Status.default, {
+    classes: classes,
+    definition: column.status,
+    label: rowData[column.labelKey],
+    value: rowData[column.key]
+  }) : /*#__PURE__*/_react.default.createElement("span", null, rowData[column.key] || defaultNullValue));
+};
+Cell.propTypes = {
+  actionDataTestId: _propTypes.string,
+  align: _propTypes.string,
+  classes: _types.classesType,
+  column: _types.columnType,
+  columnSizes: _types.columnSizesType,
+  dataTestId: _propTypes.string,
+  defaultNullValue: _propTypes.string,
+  rowData: _propTypes.object,
+  style: _propTypes.object
+};
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(Cell);

package/dist/components/UTTable/components/HeaderCell/constants.js

@@ -1 +1,10 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ORDER_DIRECTION=void 0;const ORDER_DIRECTION=exports.ORDER_DIRECTION={ASC:"asc",DESC:"desc"};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ORDER_DIRECTION = void 0;
+const ORDER_DIRECTION = exports.ORDER_DIRECTION = {
+  ASC: 'asc',
+  DESC: 'desc'
+};

package/dist/components/UTTable/components/HeaderCell/index.js

@@ -1 +1,68 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _ArrowUpward=_interopRequireDefault(require("@material-ui/icons/ArrowUpward")),_react=_interopRequireWildcard(require("react")),_UnfoldMore=_interopRequireDefault(require("@material-ui/icons/UnfoldMore")),_propTypes=require("prop-types"),_UTTouchableWithoutFeedback=_interopRequireDefault(require("../../../UTTouchableWithoutFeedback")),_constants=require("../../constants"),_types=require("../../types"),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_utils=require("./utils"),_constants2=require("./constants");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const HeaderCell=_ref=>{let{align:align=_constants.COLUMN_POSITION.LEFT,classes:classes,column:column,columnSizes:columnSizes,dataTestId:dataTestId,handleOrder:handleOrder,order:order,removeDefaultOrderIcon:removeDefaultOrderIcon,style:style}=_ref;const OrderICon=order.key!==column.key?_UnfoldMore.default:_ArrowUpward.default,cellAlignStyles=column.align?_stylesModule.default["".concat(column.align,"Align")]:[_constants.CELL_TYPES.ACTION_ICONS,_constants.CELL_TYPES.ACTION_BUTTON].includes(column.type)?_stylesModule.default.centerAlign:_stylesModule.default["".concat(align,"Align")],activeCell=order.key===column.key,isSortable=column.sortable&&!_constants.CELL_ACTION_TYPES.includes(column.type);return _react.default.createElement(_UTTouchableWithoutFeedback.default,{className:"\n      ".concat(_stylesModule.default.rowElement,"\n      ").concat(isSortable?classes.headerCellHover:_stylesModule.default.disableClick,"\n      ").concat(cellAlignStyles,"\n      ").concat(classes.headerCell,"\n      ").concat(activeCell?classes.headerActiveCell:classes.headerInactiveCell,"\n      "),dataTestId:dataTestId,onClick:isSortable?()=>handleOrder((0,_utils.getNewOrder)(order,column)):null,style:{width:columnSizes[column.key],...style}},_react.default.createElement("div",null,column.categoryName&&_react.default.createElement("div",{className:"".concat(_stylesModule.default.headerCellCategoryName," ").concat(classes.headerCellCategoryName)},column.categoryName),_react.default.createElement("span",{className:_stylesModule.default.headerCellName},column.name),column.unit&&_react.default.createElement("div",{className:"".concat(_stylesModule.default.unit," ").concat(classes.headerCellUnit)},column.unit)),isSortable&&_react.default.createElement(OrderICon,{className:"\n            ".concat(_stylesModule.default.orderIcon,"\n            ").concat(classes.orderIcon,"\n            ").concat(order.key!==column.key&&removeDefaultOrderIcon&&_stylesModule.default.hideIcon,"\n            ").concat(order.direction===_constants2.ORDER_DIRECTION.DESC&&_stylesModule.default.invertArrow,"\n          ")}))};HeaderCell.propTypes={align:_propTypes.string,classes:_types.classesType,column:_types.columnType,columnSizes:_types.columnSizesType,dataTestId:_propTypes.string,handleOrder:_propTypes.func,order:(0,_propTypes.shape)({key:_propTypes.string,direction:_propTypes.string}),removeDefaultOrderIcon:_propTypes.bool,style:_propTypes.object};var _default=exports.default=(0,_react.memo)(HeaderCell);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ArrowUpward = _interopRequireDefault(require("@material-ui/icons/ArrowUpward"));
+var _react = _interopRequireWildcard(require("react"));
+var _UnfoldMore = _interopRequireDefault(require("@material-ui/icons/UnfoldMore"));
+var _propTypes = require("prop-types");
+var _UTTouchableWithoutFeedback = _interopRequireDefault(require("../../../UTTouchableWithoutFeedback"));
+var _constants = require("../../constants");
+var _types = require("../../types");
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+var _utils = require("./utils");
+var _constants2 = require("./constants");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const HeaderCell = _ref => {
+  let {
+    align = _constants.COLUMN_POSITION.LEFT,
+    classes,
+    column,
+    columnSizes,
+    dataTestId,
+    handleOrder,
+    order,
+    removeDefaultOrderIcon,
+    style
+  } = _ref;
+  const handleClick = () => handleOrder((0, _utils.getNewOrder)(order, column));
+  const OrderICon = order.key !== column.key ? _UnfoldMore.default : _ArrowUpward.default;
+  const cellAlignStyles = column.align ? _stylesModule.default["".concat(column.align, "Align")] : [_constants.CELL_TYPES.ACTION_ICONS, _constants.CELL_TYPES.ACTION_BUTTON].includes(column.type) ? _stylesModule.default.centerAlign : _stylesModule.default["".concat(align, "Align")];
+  const activeCell = order.key === column.key;
+  const isSortable = column.sortable && !_constants.CELL_ACTION_TYPES.includes(column.type);
+  return /*#__PURE__*/_react.default.createElement(_UTTouchableWithoutFeedback.default, {
+    className: "\n      ".concat(_stylesModule.default.rowElement, "\n      ").concat(isSortable ? classes.headerCellHover : _stylesModule.default.disableClick, "\n      ").concat(cellAlignStyles, "\n      ").concat(classes.headerCell, "\n      ").concat(activeCell ? classes.headerActiveCell : classes.headerInactiveCell, "\n      "),
+    dataTestId: dataTestId,
+    onClick: isSortable ? handleClick : null,
+    style: {
+      width: columnSizes[column.key],
+      ...style
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", null, column.categoryName && /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(_stylesModule.default.headerCellCategoryName, " ").concat(classes.headerCellCategoryName)
+  }, column.categoryName), /*#__PURE__*/_react.default.createElement("span", {
+    className: _stylesModule.default.headerCellName
+  }, column.name), column.unit && /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(_stylesModule.default.unit, " ").concat(classes.headerCellUnit)
+  }, column.unit)), isSortable && /*#__PURE__*/_react.default.createElement(OrderICon, {
+    className: "\n            ".concat(_stylesModule.default.orderIcon, "\n            ").concat(classes.orderIcon, "\n            ").concat(order.key !== column.key && removeDefaultOrderIcon && _stylesModule.default.hideIcon, "\n            ").concat(order.direction === _constants2.ORDER_DIRECTION.DESC && _stylesModule.default.invertArrow, "\n          ")
+  }));
+};
+HeaderCell.propTypes = {
+  align: _propTypes.string,
+  classes: _types.classesType,
+  column: _types.columnType,
+  columnSizes: _types.columnSizesType,
+  dataTestId: _propTypes.string,
+  handleOrder: _propTypes.func,
+  order: (0, _propTypes.shape)({
+    key: _propTypes.string,
+    direction: _propTypes.string
+  }),
+  removeDefaultOrderIcon: _propTypes.bool,
+  style: _propTypes.object
+};
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(HeaderCell);

package/dist/components/UTTable/components/HeaderCell/utils.js

@@ -1 +1,16 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getNewOrder=void 0;var _constants=require("./constants");const getNewOrder=(order,column)=>{if(order.key===column.key&&order.direction===_constants.ORDER_DIRECTION.DESC)return{};return{direction:order.key===column.key&&order.direction===_constants.ORDER_DIRECTION.ASC?_constants.ORDER_DIRECTION.DESC:_constants.ORDER_DIRECTION.ASC,key:column.key}};exports.getNewOrder=getNewOrder;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getNewOrder = void 0;
+var _constants = require("./constants");
+const getNewOrder = (order, column) => {
+  if (order.key === column.key && order.direction === _constants.ORDER_DIRECTION.DESC) return {};
+  const direction = order.key === column.key && order.direction === _constants.ORDER_DIRECTION.ASC ? _constants.ORDER_DIRECTION.DESC : _constants.ORDER_DIRECTION.ASC;
+  return {
+    direction,
+    key: column.key
+  };
+};
+exports.getNewOrder = getNewOrder;

package/dist/components/UTTable/components/PrimaryAction/index.js

@@ -1 +1,44 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_ActionIcons=_interopRequireDefault(require("../ActionIcons")),_UTTouchableWithoutFeedback=_interopRequireDefault(require("../../../UTTouchableWithoutFeedback")),_types=require("../../types"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const PrimaryAction=_ref=>{let{actionDataTestId:actionDataTestId,classes:classes,column:column,rowData:rowData,showBottomBorder:showBottomBorder}=_ref;const{onClick:onClick}=column;return _react.default.createElement(_UTTouchableWithoutFeedback.default,{className:"".concat(classes.actionCell," ").concat(showBottomBorder?"".concat(_stylesModule.default.lastCellContainer," ").concat(classes.lastCellContainer):_stylesModule.default.cellContainer),onClick:()=>onClick(rowData)},_react.default.createElement("span",{className:_stylesModule.default.columnName}," ",column.name," "),column.actions&&_react.default.createElement(_ActionIcons.default,{classes:classes,column:column,dataTestId:"".concat(actionDataTestId,".primaryAction"),rowData:rowData}))};PrimaryAction.propTypes={actionDataTestId:_propTypes.string,classes:(0,_propTypes.objectOf)(_propTypes.string),column:_types.columnType,rowData:_propTypes.object,showBottomBorder:_propTypes.bool};var _default=exports.default=PrimaryAction;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+var _ActionIcons = _interopRequireDefault(require("../ActionIcons"));
+var _UTTouchableWithoutFeedback = _interopRequireDefault(require("../../../UTTouchableWithoutFeedback"));
+var _types = require("../../types");
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const PrimaryAction = _ref => {
+  let {
+    actionDataTestId,
+    classes,
+    column,
+    rowData,
+    showBottomBorder
+  } = _ref;
+  const {
+    onClick
+  } = column;
+  return /*#__PURE__*/_react.default.createElement(_UTTouchableWithoutFeedback.default, {
+    className: "".concat(classes.actionCell, " ").concat(showBottomBorder ? "".concat(_stylesModule.default.lastCellContainer, " ").concat(classes.lastCellContainer) : _stylesModule.default.cellContainer),
+    onClick: () => onClick(rowData)
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: _stylesModule.default.columnName
+  }, " ", column.name, " "), column.actions && /*#__PURE__*/_react.default.createElement(_ActionIcons.default, {
+    classes: classes,
+    column: column,
+    dataTestId: "".concat(actionDataTestId, ".primaryAction"),
+    rowData: rowData
+  }));
+};
+PrimaryAction.propTypes = {
+  actionDataTestId: _propTypes.string,
+  classes: (0, _propTypes.objectOf)(_propTypes.string),
+  column: _types.columnType,
+  rowData: _propTypes.object,
+  showBottomBorder: _propTypes.bool
+};
+var _default = exports.default = PrimaryAction;

package/dist/components/UTTable/components/ResponsiveCell/index.js

@@ -1 +1,59 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_types=require("../../types"),_constants=require("../../constants"),_Status=_interopRequireDefault(require("../Status")),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}const ResponsiveCell=_ref=>{let{classes:classes,column:column,dataTestId:dataTestId,defaultNullValue:defaultNullValue,rowData:rowData,rowStyles:rowStyles,showBottomBorder:showBottomBorder}=_ref;const isBigCell=_constants.COLUMN_SIZES[column.size]>_constants.COLUMN_SIZES.medium||column.cellRenderer&&!column.asRowInResponsive||column.type===_constants.CELL_TYPES.STATUS;return _react.default.createElement(_react.Fragment,null,column.categoryName&&_react.default.createElement("span",{className:"".concat(_stylesModule.default.categoryName," ").concat(classes.categoryNameCell),style:{...rowStyles.responsiveCell}},column.categoryName),_react.default.createElement("div",{"data-testid":dataTestId,className:"".concat(showBottomBorder?"".concat(_stylesModule.default.lastCellContainer," ").concat(classes.lastCellContainer):_stylesModule.default.cellContainer," ").concat(classes.responsiveCell," ").concat(isBigCell?_stylesModule.default.bigCell:_stylesModule.default.smallCell),style:{...rowStyles.responsiveCell}},(column.name||column.unit)&&_react.default.createElement("div",{className:"".concat(isBigCell?_stylesModule.default.bigCellInfoContainer:_stylesModule.default.infoContainer," ").concat(classes.responsiveCellTitle)},_react.default.createElement("span",{className:_stylesModule.default.columnName},column.name),_react.default.createElement("span",{className:"".concat(_stylesModule.default.unit," ").concat(classes.headerCellUnit)}," ",column.unit," ")),column.cellRenderer?column.cellRenderer(rowData[column.key],rowData):column.type===_constants.CELL_TYPES.STATUS?_react.default.createElement(_Status.default,{classes:classes,definition:column.status,label:rowData[column.labelKey],value:rowData[column.key]}):"string"!=typeof rowData[column.key]?rowData[column.key]||defaultNullValue:_react.default.createElement("span",null,rowData[column.key]||defaultNullValue)))};ResponsiveCell.propTypes={column:_types.columnType,classes:_types.classesType,rowData:_propTypes.object,rowStyles:_propTypes.object,showBottomBorder:_propTypes.bool,defaultNullValue:_propTypes.string,dataTestId:_propTypes.string};var _default=exports.default=ResponsiveCell;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+var _types = require("../../types");
+var _constants = require("../../constants");
+var _Status = _interopRequireDefault(require("../Status"));
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const ResponsiveCell = _ref => {
+  let {
+    classes,
+    column,
+    dataTestId,
+    defaultNullValue,
+    rowData,
+    rowStyles,
+    showBottomBorder
+  } = _ref;
+  const isBigCell = _constants.COLUMN_SIZES[column.size] > _constants.COLUMN_SIZES.medium || column.cellRenderer && !column.asRowInResponsive || column.type === _constants.CELL_TYPES.STATUS;
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, column.categoryName && /*#__PURE__*/_react.default.createElement("span", {
+    className: "".concat(_stylesModule.default.categoryName, " ").concat(classes.categoryNameCell),
+    style: {
+      ...rowStyles.responsiveCell
+    }
+  }, column.categoryName), /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": dataTestId,
+    className: "".concat(showBottomBorder ? "".concat(_stylesModule.default.lastCellContainer, " ").concat(classes.lastCellContainer) : _stylesModule.default.cellContainer, " ").concat(classes.responsiveCell, " ").concat(isBigCell ? _stylesModule.default.bigCell : _stylesModule.default.smallCell),
+    style: {
+      ...rowStyles.responsiveCell
+    }
+  }, (column.name || column.unit) && /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(isBigCell ? _stylesModule.default.bigCellInfoContainer : _stylesModule.default.infoContainer, " ").concat(classes.responsiveCellTitle)
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: _stylesModule.default.columnName
+  }, column.name), /*#__PURE__*/_react.default.createElement("span", {
+    className: "".concat(_stylesModule.default.unit, " ").concat(classes.headerCellUnit)
+  }, " ", column.unit, " ")), column.cellRenderer ? column.cellRenderer(rowData[column.key], rowData) : column.type === _constants.CELL_TYPES.STATUS ? /*#__PURE__*/_react.default.createElement(_Status.default, {
+    classes: classes,
+    definition: column.status,
+    label: rowData[column.labelKey],
+    value: rowData[column.key]
+  }) : typeof rowData[column.key] !== 'string' ? rowData[column.key] || defaultNullValue : /*#__PURE__*/_react.default.createElement("span", null, rowData[column.key] || defaultNullValue)));
+};
+ResponsiveCell.propTypes = {
+  column: _types.columnType,
+  classes: _types.classesType,
+  rowData: _propTypes.object,
+  rowStyles: _propTypes.object,
+  showBottomBorder: _propTypes.bool,
+  defaultNullValue: _propTypes.string,
+  dataTestId: _propTypes.string
+};
+var _default = exports.default = ResponsiveCell;

package/dist/components/UTTable/components/Status/index.js

@@ -1 +1,46 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_string=require("@widergy/web-utils/lib/string"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}const Status=_ref=>{let{definition:definition,label:label,value:value}=_ref;const isBool="boolean"==typeof value,currentDefinition=(isBool||value)&&definition.find(el=>isBool?el.value===value:el.value&&(0,_string.stringCompare)(el.value,value)),{className:className,label:definitionLabel,Icon:Icon,iconClassName:iconClassName,labelClassName:labelClassName}=currentDefinition||{};return currentDefinition&&_react.default.createElement("div",{className:"".concat(_stylesModule.default.statusContainer," ").concat(className)},Icon&&_react.default.createElement(Icon,{className:iconClassName}),_react.default.createElement("span",{className:"".concat(_stylesModule.default.statusLabel," ").concat(labelClassName)},definitionLabel||label||value))};Status.propTypes={definition:(0,_propTypes.arrayOf)((0,_propTypes.shape)({value:(0,_propTypes.oneOfType)([_propTypes.bool,_propTypes.string]),label:_propTypes.string,backgroundColor:_propTypes.string,textColor:_propTypes.string})),label:_propTypes.string,value:(0,_propTypes.oneOfType)([_propTypes.bool,_propTypes.string])};var _default=exports.default=(0,_react.memo)(Status);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+var _string = require("@widergy/web-utils/lib/string");
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const Status = _ref => {
+  let {
+    definition,
+    label,
+    value
+  } = _ref;
+  const isBool = typeof value === 'boolean';
+  const currentDefinition = (isBool || value) && definition.find(el => isBool ? el.value === value : el.value && (0, _string.stringCompare)(el.value, value));
+  const {
+    className,
+    label: definitionLabel,
+    Icon,
+    iconClassName,
+    labelClassName
+  } = currentDefinition || {};
+  return currentDefinition && /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(_stylesModule.default.statusContainer, " ").concat(className)
+  }, Icon && /*#__PURE__*/_react.default.createElement(Icon, {
+    className: iconClassName
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    className: "".concat(_stylesModule.default.statusLabel, " ").concat(labelClassName)
+  }, definitionLabel || label || value));
+};
+Status.propTypes = {
+  definition: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
+    value: (0, _propTypes.oneOfType)([_propTypes.bool, _propTypes.string]),
+    label: _propTypes.string,
+    backgroundColor: _propTypes.string,
+    textColor: _propTypes.string
+  })),
+  label: _propTypes.string,
+  value: (0, _propTypes.oneOfType)([_propTypes.bool, _propTypes.string])
+};
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(Status);

package/dist/components/UTTable/components/TableFooter/components/PageSizeSelector/index.js

@@ -1 +1,60 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_UTSelect=_interopRequireDefault(require("../../../../../UTSelect")),_UTLabel=_interopRequireDefault(require("../../../../../UTLabel")),_types=require("../../../../types"),_utils=require("./utils"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const PageSizeSelector=_ref=>{let{classes:classes,dataTestId:dataTestId,options:options,rowsPerPage:rowsPerPage,onChangeRowPerPage:onChangeRowPerPage,label:label,totalRows:totalRows}=_ref;return _react.default.createElement("div",{className:_stylesModule.default.pageSizeSelector},_react.default.createElement("div",{className:_stylesModule.default.selectorContainer},_react.default.createElement(_UTSelect.default,{options:(0,_utils.getPageSizeOptions)(options,totalRows),dataTestId:dataTestId,labelKey:"label",valueKey:"value",input:{onChange:onChangeRowPerPage,value:rowsPerPage},itemDataTestId:dataTestId?"".concat(dataTestId,".option"):void 0,disableFirstOption:!0,variant:"outlined",selectProps:{className:"".concat(_stylesModule.default.pageSizeSelectContainer," ").concat(classes.pageSizeSelectContainer),classes:{select:classes.pageSizeSelect}}})),_react.default.createElement(_UTLabel.default,{className:"".concat(_stylesModule.default.label," ").concat(classes.totalRowsLabel)},label))};PageSizeSelector.propTypes={classes:_types.classesType,dataTestId:_propTypes.string,options:(0,_propTypes.arrayOf)(_propTypes.number),rowsPerPage:_propTypes.number,onChangeRowPerPage:_propTypes.func,label:_propTypes.string,totalRows:_propTypes.number};var _default=exports.default=PageSizeSelector;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+var _UTSelect = _interopRequireDefault(require("../../../../../UTSelect"));
+var _UTLabel = _interopRequireDefault(require("../../../../../UTLabel"));
+var _types = require("../../../../types");
+var _utils = require("./utils");
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const PageSizeSelector = _ref => {
+  let {
+    classes,
+    dataTestId,
+    options,
+    rowsPerPage,
+    onChangeRowPerPage,
+    label,
+    totalRows
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.pageSizeSelector
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.selectorContainer
+  }, /*#__PURE__*/_react.default.createElement(_UTSelect.default, {
+    options: (0, _utils.getPageSizeOptions)(options, totalRows),
+    dataTestId: dataTestId,
+    labelKey: "label",
+    valueKey: "value",
+    input: {
+      onChange: onChangeRowPerPage,
+      value: rowsPerPage
+    },
+    itemDataTestId: dataTestId ? "".concat(dataTestId, ".option") : undefined,
+    disableFirstOption: true,
+    variant: "outlined",
+    selectProps: {
+      className: "".concat(_stylesModule.default.pageSizeSelectContainer, " ").concat(classes.pageSizeSelectContainer),
+      classes: {
+        select: classes.pageSizeSelect
+      }
+    }
+  })), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    className: "".concat(_stylesModule.default.label, " ").concat(classes.totalRowsLabel)
+  }, label));
+};
+PageSizeSelector.propTypes = {
+  classes: _types.classesType,
+  dataTestId: _propTypes.string,
+  options: (0, _propTypes.arrayOf)(_propTypes.number),
+  rowsPerPage: _propTypes.number,
+  onChangeRowPerPage: _propTypes.func,
+  label: _propTypes.string,
+  totalRows: _propTypes.number
+};
+var _default = exports.default = PageSizeSelector;

package/dist/components/UTTable/components/TableFooter/components/PageSizeSelector/utils.js

@@ -1 +1,20 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getPageSizeOptions=void 0;var _array=require("@widergy/web-utils/lib/array");const getPrevOption=(options,index)=>0===index?0:options[index-1],getPageSizeOptions=(originalOptions,totalRows)=>{const filteredOptions=originalOptions.filter((_,index)=>getPrevOption(originalOptions,index)<totalRows);return(0,_array.isEmpty)(filteredOptions)?[{value:originalOptions[0],label:totalRows}]:filteredOptions.map(value=>({value:value,label:Math.min(value,totalRows)}))};exports.getPageSizeOptions=getPageSizeOptions;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPageSizeOptions = void 0;
+var _array = require("@widergy/web-utils/lib/array");
+const getPrevOption = (options, index) => index === 0 ? 0 : options[index - 1];
+const getPageSizeOptions = (originalOptions, totalRows) => {
+  const filteredOptions = originalOptions.filter((_, index) => getPrevOption(originalOptions, index) < totalRows);
+  if ((0, _array.isEmpty)(filteredOptions)) return [{
+    value: originalOptions[0],
+    label: totalRows
+  }];
+  return filteredOptions.map(value => ({
+    value,
+    label: Math.min(value, totalRows)
+  }));
+};
+exports.getPageSizeOptions = getPageSizeOptions;