@widergy/energy-ui 3.173.3 → 3.173.4

package/dist/esm/components/UTShortcutPanel/components/GroupingPanel/components/ExpandedPanelContent/components/ExpandedPanelContentHeader/layout.js

@@ -1,121 +1 @@
-import React from 'react';
-import { bool, func, objectOf, string } from 'prop-types';
-import UTButton from '../../../../../../../UTButton';
-import UTLabel from '../../../../../../../UTLabel';
-import UTSearchField from '../../../../../../../UTSearchField';
-import UTTooltip from '../../../../../../../UTTooltip';
-import { customSearchActionType, refType } from '../../../../../../types';
-import { ID_CONSTANTS, TEST_IDS } from '../../../../../../../../constants/testIds';
-import { ICON_BY_POSITION, TOOLTIP_PLACEMENT } from './constants';
-const {
-  filterGrouping
-} = TEST_IDS;
-const {
-  ADD_FILTER_BUTTON,
-  COLLAPSE_BUTTON,
-  COLLAPSE_BUTTON_TOOLTIP,
-  SEARCH_BUTTON,
-  SEARCH_BUTTON_TOOLTIP,
-  SEARCH_FIELD,
-  TITLE
-} = ID_CONSTANTS;
-const ExpandedPanelContentHeader = _ref => {
-  let {
-    animationEnd,
-    classes,
-    collapseButtonTippyRef,
-    collapseButtonTooltip,
-    customSearchAction,
-    dataTestId,
-    handleAddFilterGroup,
-    handleFilterGroupSearch,
-    handleSearchToggle,
-    handleTogglePanel,
-    hideAddFilterButton,
-    panelTitle,
-    position,
-    searchButtonTippyRef,
-    searchButtonTooltip,
-    searchOpen,
-    searchValue
-  } = _ref;
-  return /*#__PURE__*/React.createElement("header", {
-    className: "".concat(classes.expandedPanelContentHeader, " ").concat(searchOpen ? classes.expandedPanelContentHeaderSearchOpen : '')
-  }, searchOpen ? /*#__PURE__*/React.createElement(UTSearchField, {
-    customAction: customSearchAction,
-    dataTestId: dataTestId ? "".concat(dataTestId, ".").concat(SEARCH_FIELD) : filterGrouping.groupingPanel.expandedPanelContent.expandedPanelContentHeader.searchField,
-    onChange: handleFilterGroupSearch,
-    value: searchValue,
-    variant: "white"
-  }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(UTLabel, {
-    className: classes.expandedPanelContentTitle,
-    colorTheme: "dark",
-    dataTestId: dataTestId ? "".concat(dataTestId, ".").concat(TITLE) : filterGrouping.groupingPanel.expandedPanelContent.expandedPanelContentHeader.title,
-    shade: "05",
-    variant: "subtitle1",
-    weight: "medium"
-  }, panelTitle), /*#__PURE__*/React.createElement("section", {
-    className: classes.expandedPanelContentActions
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classes.expandedPanelContentActionsContainer,
-    onAnimationEnd: animationEnd
-  }, /*#__PURE__*/React.createElement(UTTooltip, {
-    arrow: false,
-    content: searchButtonTooltip,
-    dataTestId: dataTestId ? "".concat(dataTestId, ".").concat(SEARCH_BUTTON_TOOLTIP) : filterGrouping.groupingPanel.expandedPanelContent.expandedPanelContentHeader.searchButtonTooltip,
-    tippyProps: {
-      onCreate: instance => {
-        searchButtonTippyRef.current = instance;
-      },
-      placement: TOOLTIP_PLACEMENT
-    }
-  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(UTButton, {
-    colorTheme: "gray",
-    dataTestId: dataTestId ? "".concat(dataTestId, ".").concat(SEARCH_BUTTON) : filterGrouping.groupingPanel.expandedPanelContent.expandedPanelContentHeader.searchButton,
-    Icon: "IconSearch",
-    onClick: handleSearchToggle,
-    variant: "text"
-  }))), /*#__PURE__*/React.createElement(UTTooltip, {
-    arrow: false,
-    content: collapseButtonTooltip,
-    dataTestId: dataTestId ? "".concat(dataTestId, ".").concat(COLLAPSE_BUTTON_TOOLTIP) : filterGrouping.groupingPanel.expandedPanelContent.expandedPanelContentHeader.collapseButtonTooltip,
-    tippyProps: {
-      onCreate: instance => {
-        collapseButtonTippyRef.current = instance;
-      },
-      placement: TOOLTIP_PLACEMENT
-    }
-  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(UTButton, {
-    colorTheme: "gray",
-    dataTestId: dataTestId ? "".concat(dataTestId, ".").concat(COLLAPSE_BUTTON) : filterGrouping.groupingPanel.expandedPanelContent.expandedPanelContentHeader.collapseButton,
-    Icon: ICON_BY_POSITION[position],
-    onClick: handleTogglePanel,
-    variant: "text"
-  })))), !hideAddFilterButton && /*#__PURE__*/React.createElement(UTButton, {
-    colorTheme: "dark",
-    dataTestId: dataTestId ? "".concat(dataTestId, ".").concat(ADD_FILTER_BUTTON) : filterGrouping.groupingPanel.expandedPanelContent.expandedPanelContentHeader.addFilterButton,
-    Icon: "IconPlus",
-    onClick: handleAddFilterGroup,
-    variant: "text"
-  }))));
-};
-ExpandedPanelContentHeader.propTypes = {
-  animationEnd: func,
-  classes: objectOf(string),
-  collapseButtonTippyRef: refType,
-  collapseButtonTooltip: string,
-  customSearchAction: customSearchActionType,
-  dataTestId: string,
-  handleAddFilterGroup: func,
-  handleFilterGroupSearch: func,
-  handleSearchToggle: func,
-  handleTogglePanel: func,
-  hideAddFilterButton: bool,
-  panelTitle: string,
-  position: string,
-  searchButtonTippyRef: refType,
-  searchButtonTooltip: string,
-  searchOpen: bool,
-  searchValue: string
-};
-export default ExpandedPanelContentHeader;
+import React from"react";import{bool,func,objectOf,string}from"prop-types";import UTButton from"../../../../../../../UTButton";import UTLabel from"../../../../../../../UTLabel";import UTSearchField from"../../../../../../../UTSearchField";import UTTooltip from"../../../../../../../UTTooltip";import{customSearchActionType,refType}from"../../../../../../types";import{ID_CONSTANTS,TEST_IDS}from"../../../../../../../../constants/testIds";import{ICON_BY_POSITION,TOOLTIP_PLACEMENT}from"./constants";const{filterGrouping:filterGrouping}=TEST_IDS,{ADD_FILTER_BUTTON:ADD_FILTER_BUTTON,COLLAPSE_BUTTON:COLLAPSE_BUTTON,COLLAPSE_BUTTON_TOOLTIP:COLLAPSE_BUTTON_TOOLTIP,SEARCH_BUTTON:SEARCH_BUTTON,SEARCH_BUTTON_TOOLTIP:SEARCH_BUTTON_TOOLTIP,SEARCH_FIELD:SEARCH_FIELD,TITLE:TITLE}=ID_CONSTANTS,ExpandedPanelContentHeader=e=>{let{animationEnd:t,classes:n,collapseButtonTippyRef:a,collapseButtonTooltip:o,customSearchAction:r,dataTestId:c,handleAddFilterGroup:l,handleFilterGroupSearch:T,handleSearchToggle:d,handleTogglePanel:i,hideAddFilterButton:p,panelTitle:s,position:u,searchButtonTippyRef:P,searchButtonTooltip:m,searchOpen:O,searchValue:C}=e;return React.createElement("header",{className:"".concat(n.expandedPanelContentHeader," ").concat(O?n.expandedPanelContentHeaderSearchOpen:"")},O?React.createElement(UTSearchField,{customAction:r,dataTestId:c?"".concat(c,".").concat(SEARCH_FIELD):filterGrouping.groupingPanel.expandedPanelContent.expandedPanelContentHeader.searchField,onChange:T,value:C,variant:"white"}):React.createElement(React.Fragment,null,React.createElement(UTLabel,{className:n.expandedPanelContentTitle,colorTheme:"dark",dataTestId:c?"".concat(c,".").concat(TITLE):filterGrouping.groupingPanel.expandedPanelContent.expandedPanelContentHeader.title,shade:"05",variant:"subtitle1",weight:"medium"},s),React.createElement("section",{className:n.expandedPanelContentActions},React.createElement("div",{className:n.expandedPanelContentActionsContainer,onAnimationEnd:t},React.createElement(UTTooltip,{arrow:!1,content:m,dataTestId:c?"".concat(c,".").concat(SEARCH_BUTTON_TOOLTIP):filterGrouping.groupingPanel.expandedPanelContent.expandedPanelContentHeader.searchButtonTooltip,tippyProps:{onCreate:e=>{P.current=e},placement:TOOLTIP_PLACEMENT}},React.createElement("span",null,React.createElement(UTButton,{colorTheme:"gray",dataTestId:c?"".concat(c,".").concat(SEARCH_BUTTON):filterGrouping.groupingPanel.expandedPanelContent.expandedPanelContentHeader.searchButton,Icon:"IconSearch",onClick:d,variant:"text"}))),React.createElement(UTTooltip,{arrow:!1,content:o,dataTestId:c?"".concat(c,".").concat(COLLAPSE_BUTTON_TOOLTIP):filterGrouping.groupingPanel.expandedPanelContent.expandedPanelContentHeader.collapseButtonTooltip,tippyProps:{onCreate:e=>{a.current=e},placement:TOOLTIP_PLACEMENT}},React.createElement("span",null,React.createElement(UTButton,{colorTheme:"gray",dataTestId:c?"".concat(c,".").concat(COLLAPSE_BUTTON):filterGrouping.groupingPanel.expandedPanelContent.expandedPanelContentHeader.collapseButton,Icon:ICON_BY_POSITION[u],onClick:i,variant:"text"})))),!p&&React.createElement(UTButton,{colorTheme:"dark",dataTestId:c?"".concat(c,".").concat(ADD_FILTER_BUTTON):filterGrouping.groupingPanel.expandedPanelContent.expandedPanelContentHeader.addFilterButton,Icon:"IconPlus",onClick:l,variant:"text"}))))};ExpandedPanelContentHeader.propTypes={animationEnd:func,classes:objectOf(string),collapseButtonTippyRef:refType,collapseButtonTooltip:string,customSearchAction:customSearchActionType,dataTestId:string,handleAddFilterGroup:func,handleFilterGroupSearch:func,handleSearchToggle:func,handleTogglePanel:func,hideAddFilterButton:bool,panelTitle:string,position:string,searchButtonTippyRef:refType,searchButtonTooltip:string,searchOpen:bool,searchValue:string};export default ExpandedPanelContentHeader;

package/dist/esm/components/UTShortcutPanel/components/GroupingPanel/components/ExpandedPanelContent/components/ExpandedPanelContentPopper/constants.js

@@ -1,5 +1 @@
-import { PANEL_POSITIONS } from '../../../../../../constants';
-export const POPPER_PLACEMENT = {
-  [PANEL_POSITIONS.LEFT]: 'right',
-  [PANEL_POSITIONS.RIGHT]: 'left'
-};
+import{PANEL_POSITIONS}from"../../../../../../constants";export const POPPER_PLACEMENT={[PANEL_POSITIONS.LEFT]:"right",[PANEL_POSITIONS.RIGHT]:"left"};

package/dist/esm/components/UTShortcutPanel/components/GroupingPanel/components/ExpandedPanelContent/components/ExpandedPanelContentPopper/index.js

@@ -1,32 +1 @@
-import React, { useContext } from 'react';
-import { string } from 'prop-types';
-import UTShortcutPanelContext from '../../../../../../context';
-import ExpandedPanelContentPopper from './layout';
-const ExpandedPanelContentPopperContainer = _ref => {
-  let {
-    dataTestId
-  } = _ref;
-  const {
-    classes,
-    closePopper,
-    popperState: {
-      anchor,
-      description,
-      title
-    } = {},
-    position
-  } = useContext(UTShortcutPanelContext);
-  return /*#__PURE__*/React.createElement(ExpandedPanelContentPopper, {
-    anchor: anchor,
-    classes: classes,
-    dataTestId: dataTestId,
-    description: description,
-    onClose: closePopper,
-    position: position,
-    title: title
-  });
-};
-ExpandedPanelContentPopperContainer.propTypes = {
-  dataTestId: string
-};
-export default ExpandedPanelContentPopperContainer;
+import React,{useContext}from"react";import{string}from"prop-types";import UTShortcutPanelContext from"../../../../../../context";import ExpandedPanelContentPopper from"./layout";const ExpandedPanelContentPopperContainer=t=>{let{dataTestId:e}=t;const{classes:o,closePopper:n,popperState:{anchor:p,description:r,title:a}={},position:s}=useContext(UTShortcutPanelContext);return React.createElement(ExpandedPanelContentPopper,{anchor:p,classes:o,dataTestId:e,description:r,onClose:n,position:s,title:a})};ExpandedPanelContentPopperContainer.propTypes={dataTestId:string};export default ExpandedPanelContentPopperContainer;

package/dist/esm/components/UTShortcutPanel/components/GroupingPanel/components/ExpandedPanelContent/components/ExpandedPanelContentPopper/layout.js

@@ -1,48 +1 @@
-import capitalize from 'lodash/capitalize';
-import React from 'react';
-import { func, object, objectOf, string } from 'prop-types';
-import UTPopper from '../../../../../../../UTPopper';
-import UTLabel from '../../../../../../../UTLabel';
-import { ID_CONSTANTS } from '../../../../../../../../constants/testIds';
-import { POPPER_PLACEMENT } from './constants';
-const {
-  TITLE,
-  LABEL
-} = ID_CONSTANTS;
-const ExpandedPanelContentPopper = _ref => {
-  let {
-    anchor,
-    classes,
-    dataTestId,
-    description,
-    onClose,
-    position,
-    title
-  } = _ref;
-  return /*#__PURE__*/React.createElement(UTPopper, {
-    anchor: anchor,
-    className: "".concat(classes.popper, " ").concat(classes["popper".concat(capitalize(position))]),
-    onClose: onClose,
-    placement: POPPER_PLACEMENT[position]
-  }, /*#__PURE__*/React.createElement("article", {
-    className: classes.expandedPanelContentPopperContent
-  }, /*#__PURE__*/React.createElement(UTLabel, {
-    dataTestId: "".concat(dataTestId, ".").concat(TITLE),
-    variant: "small",
-    weight: "medium"
-  }, title), /*#__PURE__*/React.createElement(UTLabel, {
-    colorTheme: "gray",
-    dataTestId: "".concat(dataTestId, ".").concat(LABEL),
-    variant: "small"
-  }, description)));
-};
-ExpandedPanelContentPopper.propTypes = {
-  anchor: object,
-  classes: objectOf(string),
-  dataTestId: string,
-  description: string,
-  onClose: func,
-  position: string,
-  title: string
-};
-export default ExpandedPanelContentPopper;
+import capitalize from"lodash/capitalize";import React from"react";import{func,object,objectOf,string}from"prop-types";import UTPopper from"../../../../../../../UTPopper";import UTLabel from"../../../../../../../UTLabel";import{ID_CONSTANTS}from"../../../../../../../../constants/testIds";import{POPPER_PLACEMENT}from"./constants";const{TITLE:TITLE,LABEL:LABEL}=ID_CONSTANTS,ExpandedPanelContentPopper=e=>{let{anchor:t,classes:a,dataTestId:o,description:n,onClose:r,position:c,title:p}=e;return React.createElement(UTPopper,{anchor:t,className:"".concat(a.popper," ").concat(a["popper".concat(capitalize(c))]),onClose:r,placement:POPPER_PLACEMENT[c]},React.createElement("article",{className:a.expandedPanelContentPopperContent},React.createElement(UTLabel,{dataTestId:"".concat(o,".").concat(TITLE),variant:"small",weight:"medium"},p),React.createElement(UTLabel,{colorTheme:"gray",dataTestId:"".concat(o,".").concat(LABEL),variant:"small"},n)))};ExpandedPanelContentPopper.propTypes={anchor:object,classes:objectOf(string),dataTestId:string,description:string,onClose:func,position:string,title:string};export default ExpandedPanelContentPopper;

package/dist/esm/components/UTShortcutPanel/components/GroupingPanel/components/ExpandedPanelContent/index.js

@@ -1,29 +1 @@
-import React, { useContext } from 'react';
-import { string } from 'prop-types';
-import UTShortcutPanelContext from '../../../../context';
-import { ID_CONSTANTS } from '../../../../../../constants/testIds';
-import ExpandedPanelContent from './layout';
-const {
-  EXPANDED_PANEL_CONTENT
-} = ID_CONSTANTS;
-const ExpandedPanelContentContainer = _ref => {
-  let {
-    dataTestId
-  } = _ref;
-  const {
-    classes,
-    categories,
-    categoriesConfig
-  } = useContext(UTShortcutPanelContext);
-  const modifiedDataTestId = dataTestId ? "".concat(dataTestId, ".").concat(EXPANDED_PANEL_CONTENT) : undefined;
-  return /*#__PURE__*/React.createElement(ExpandedPanelContent, {
-    categories: categories,
-    categoriesConfig: categoriesConfig,
-    classes: classes,
-    modifiedDataTestId: modifiedDataTestId
-  });
-};
-ExpandedPanelContentContainer.propTypes = {
-  dataTestId: string
-};
-export default ExpandedPanelContentContainer;
+import React,{useContext}from"react";import{string}from"prop-types";import UTShortcutPanelContext from"../../../../context";import{ID_CONSTANTS}from"../../../../../../constants/testIds";import ExpandedPanelContent from"./layout";const{EXPANDED_PANEL_CONTENT:EXPANDED_PANEL_CONTENT}=ID_CONSTANTS,ExpandedPanelContentContainer=t=>{let{dataTestId:e}=t;const{classes:n,categories:o,categoriesConfig:a}=useContext(UTShortcutPanelContext),r=e?"".concat(e,".").concat(EXPANDED_PANEL_CONTENT):void 0;return React.createElement(ExpandedPanelContent,{categories:o,categoriesConfig:a,classes:n,modifiedDataTestId:r})};ExpandedPanelContentContainer.propTypes={dataTestId:string};export default ExpandedPanelContentContainer;

package/dist/esm/components/UTShortcutPanel/components/GroupingPanel/components/ExpandedPanelContent/layout.js

@@ -1,37 +1 @@
-import React from 'react';
-import { array, object, objectOf, string } from 'prop-types';
-import { ID_CONSTANTS } from '../../../../../../constants/testIds';
-import ExpandedPanelContentCategory from './components/ExpandedPanelContentCategory';
-import ExpandedPanelContentHeader from './components/ExpandedPanelContentHeader';
-import ExpandedPanelContentPopper from './components/ExpandedPanelContentPopper';
-const {
-  EXPANDED_PANEL_CONTENT_CATEGORY,
-  POPPER
-} = ID_CONSTANTS;
-const ExpandedPanelContent = _ref => {
-  let {
-    modifiedDataTestId,
-    classes,
-    categories,
-    categoriesConfig
-  } = _ref;
-  return /*#__PURE__*/React.createElement("article", {
-    className: classes.expandedPanelContent
-  }, /*#__PURE__*/React.createElement(ExpandedPanelContentHeader, {
-    dataTestId: modifiedDataTestId
-  }), categories && Array.isArray(categories) && categories.map(category => /*#__PURE__*/React.createElement(ExpandedPanelContentCategory, {
-    key: category.id,
-    category: category,
-    dataTestId: modifiedDataTestId ? "".concat(modifiedDataTestId, ".").concat(EXPANDED_PANEL_CONTENT_CATEGORY) : undefined,
-    categoryConfig: categoriesConfig[category.category]
-  })), /*#__PURE__*/React.createElement(ExpandedPanelContentPopper, {
-    dataTestId: "".concat(modifiedDataTestId, ".").concat(POPPER)
-  }));
-};
-ExpandedPanelContent.propTypes = {
-  categories: array,
-  categoriesConfig: objectOf(object),
-  classes: objectOf(string),
-  modifiedDataTestId: string
-};
-export default ExpandedPanelContent;
+import React from"react";import{array,object,objectOf,string}from"prop-types";import{ID_CONSTANTS}from"../../../../../../constants/testIds";import ExpandedPanelContentCategory from"./components/ExpandedPanelContentCategory";import ExpandedPanelContentHeader from"./components/ExpandedPanelContentHeader";import ExpandedPanelContentPopper from"./components/ExpandedPanelContentPopper";const{EXPANDED_PANEL_CONTENT_CATEGORY:EXPANDED_PANEL_CONTENT_CATEGORY,POPPER:POPPER}=ID_CONSTANTS,ExpandedPanelContent=e=>{let{modifiedDataTestId:t,classes:a,categories:n,categoriesConfig:o}=e;return React.createElement("article",{className:a.expandedPanelContent},React.createElement(ExpandedPanelContentHeader,{dataTestId:t}),n&&Array.isArray(n)&&n.map(e=>React.createElement(ExpandedPanelContentCategory,{key:e.id,category:e,dataTestId:t?"".concat(t,".").concat(EXPANDED_PANEL_CONTENT_CATEGORY):void 0,categoryConfig:o[e.category]})),React.createElement(ExpandedPanelContentPopper,{dataTestId:"".concat(t,".").concat(POPPER)}))};ExpandedPanelContent.propTypes={categories:array,categoriesConfig:objectOf(object),classes:objectOf(string),modifiedDataTestId:string};export default ExpandedPanelContent;

package/dist/esm/components/UTShortcutPanel/components/GroupingPanel/index.js

@@ -1,51 +1 @@
-import React, { useContext, useRef } from 'react';
-import 'react-perfect-scrollbar/dist/css/styles.css';
-import { bool, func, string } from 'prop-types';
-import UTShortcutPanelContext from '../../context';
-import { iconPropTypes } from '../../../../types/iconTypes';
-import { ID_CONSTANTS } from '../../../../constants/testIds';
-import { refType } from '../../../../types/commonTypes';
-import GroupingPanel from './layout';
-const {
-  GROUPING_PANEL
-} = ID_CONSTANTS;
-const GroupingPanelContainer = _ref => {
-  let {
-    containerRef,
-    dataTestId,
-    iconProps,
-    onClose,
-    open,
-    panelTitle,
-    position
-  } = _ref;
-  const {
-    classes,
-    scrollProps
-  } = useContext(UTShortcutPanelContext);
-  const appendedDataTestId = dataTestId ? "".concat(dataTestId, ".").concat(GROUPING_PANEL) : undefined;
-  const drawerRef = useRef(null);
-  return /*#__PURE__*/React.createElement(GroupingPanel, {
-    appendedDataTestId: appendedDataTestId,
-    classes: classes,
-    containerRef: containerRef,
-    dataTestId: appendedDataTestId,
-    drawerRef: drawerRef,
-    iconProps: iconProps,
-    onClose: onClose,
-    open: open,
-    panelTitle: panelTitle,
-    position: position,
-    scrollProps: scrollProps
-  });
-};
-GroupingPanelContainer.propTypes = {
-  containerRef: refType,
-  dataTestId: string,
-  onClose: func,
-  open: bool,
-  position: string,
-  panelTitle: string,
-  iconProps: iconPropTypes
-};
-export default GroupingPanelContainer;
+import React,{useContext,useRef}from"react";import"react-perfect-scrollbar/dist/css/styles.css";import{bool,func,string}from"prop-types";import UTShortcutPanelContext from"../../context";import{iconPropTypes}from"../../../../types/iconTypes";import{ID_CONSTANTS}from"../../../../constants/testIds";import{refType}from"../../../../types/commonTypes";import GroupingPanel from"./layout";const{GROUPING_PANEL:GROUPING_PANEL}=ID_CONSTANTS,GroupingPanelContainer=o=>{let{containerRef:e,dataTestId:t,iconProps:n,onClose:r,open:s,panelTitle:p,position:i}=o;const{classes:a,scrollProps:c}=useContext(UTShortcutPanelContext),l=t?"".concat(t,".").concat(GROUPING_PANEL):void 0,P=useRef(null);return React.createElement(GroupingPanel,{appendedDataTestId:l,classes:a,containerRef:e,dataTestId:l,drawerRef:P,iconProps:n,onClose:r,open:s,panelTitle:p,position:i,scrollProps:c})};GroupingPanelContainer.propTypes={containerRef:refType,dataTestId:string,onClose:func,open:bool,position:string,panelTitle:string,iconProps:iconPropTypes};export default GroupingPanelContainer;

package/dist/esm/components/UTShortcutPanel/components/GroupingPanel/layout.js

@@ -1,60 +1 @@
-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); }
-import capitalize from 'lodash/capitalize';
-import PerfectScrollbar from 'react-perfect-scrollbar';
-import React from 'react';
-import { bool, func, object, objectOf, refType, string } from 'prop-types';
-import { Drawer } from '@material-ui/core';
-import CollapsedPanelContent from './components/CollapsedPanelContent';
-import ExpandedPanelContent from './components/ExpandedPanelContent';
-import 'react-perfect-scrollbar/dist/css/styles.css';
-const GroupingPanel = _ref => {
-  let {
-    appendedDataTestId,
-    classes,
-    containerRef,
-    drawerRef,
-    onClose,
-    open,
-    position,
-    scrollProps
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Drawer, {
-    anchor: position,
-    classes: {
-      paper: "".concat(classes.paper, " ").concat(open ? classes.paperOpen : ''),
-      root: classes["panelRoot".concat(capitalize(position))]
-    },
-    disablePortal: true,
-    ModalProps: {
-      hideBackdrop: true,
-      disableEnforceFocus: true,
-      container: containerRef,
-      keepMounted: !!containerRef
-    },
-    onClose: onClose,
-    open: open,
-    ref: drawerRef,
-    swipeAreaWidth: 0,
-    variant: "permanent"
-  }, open ? /*#__PURE__*/React.createElement(PerfectScrollbar, _extends({}, scrollProps, {
-    className: classes.perfectScrollbar,
-    options: {
-      suppressScrollX: true
-    }
-  }), /*#__PURE__*/React.createElement(ExpandedPanelContent, {
-    dataTestId: appendedDataTestId
-  })) : /*#__PURE__*/React.createElement(CollapsedPanelContent, {
-    dataTestId: appendedDataTestId
-  }));
-};
-GroupingPanel.propTypes = {
-  appendedDataTestId: string,
-  classes: objectOf(string),
-  containerRef: refType,
-  drawerRef: refType,
-  onClose: func,
-  open: bool,
-  position: string,
-  scrollProps: object
-};
-export default GroupingPanel;
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)({}).hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},_extends.apply(null,arguments)}import capitalize from"lodash/capitalize";import PerfectScrollbar from"react-perfect-scrollbar";import React from"react";import{bool,func,object,objectOf,refType,string}from"prop-types";import{Drawer}from"@material-ui/core";import CollapsedPanelContent from"./components/CollapsedPanelContent";import ExpandedPanelContent from"./components/ExpandedPanelContent";import"react-perfect-scrollbar/dist/css/styles.css";const GroupingPanel=e=>{let{appendedDataTestId:t,classes:r,containerRef:o,drawerRef:a,onClose:n,open:p,position:s,scrollProps:l}=e;return React.createElement(Drawer,{anchor:s,classes:{paper:"".concat(r.paper," ").concat(p?r.paperOpen:""),root:r["panelRoot".concat(capitalize(s))]},disablePortal:!0,ModalProps:{hideBackdrop:!0,disableEnforceFocus:!0,container:o,keepMounted:!!o},onClose:n,open:p,ref:a,swipeAreaWidth:0,variant:"permanent"},p?React.createElement(PerfectScrollbar,_extends({},l,{className:r.perfectScrollbar,options:{suppressScrollX:!0}}),React.createElement(ExpandedPanelContent,{dataTestId:t})):React.createElement(CollapsedPanelContent,{dataTestId:t}))};GroupingPanel.propTypes={appendedDataTestId:string,classes:objectOf(string),containerRef:refType,drawerRef:refType,onClose:func,open:bool,position:string,scrollProps:object};export default GroupingPanel;

package/dist/esm/components/UTShortcutPanel/constants.js

@@ -1,4 +1 @@
-export const PANEL_POSITIONS = {
-  LEFT: 'left',
-  RIGHT: 'right'
-};
+export const PANEL_POSITIONS={LEFT:"left",RIGHT:"right"};

package/dist/esm/components/UTShortcutPanel/context.js

@@ -1,3 +1 @@
-import { createContext } from 'react';
-const UTShortcutPanelContext = /*#__PURE__*/createContext({});
-export default UTShortcutPanelContext;
+import{createContext}from"react";const UTShortcutPanelContext=createContext({});export default UTShortcutPanelContext;

package/dist/esm/components/UTShortcutPanel/index.js

@@ -1,213 +1 @@
-import React, { useRef, useMemo, useState, useEffect } from 'react';
-import { arrayOf, bool, func, number, object, objectOf, shape, string } from 'prop-types';
-import WithTheme from '../WithTheme';
-import { iconPropTypes } from '../../types/iconTypes';
-import { mergeMultipleClassNames } from '../../utils/classesUtils';
-import styles from './styles.module.scss';
-import UTShortcutPanel from './layout';
-import UTShortcutPanelContext from './context';
-import { PANEL_POSITIONS } from './constants';
-import { retrieveStyle } from './theme';
-const UTShortcutPanelContainer = _ref => {
-  let {
-    categories,
-    categoriesConfig,
-    children,
-    classNames,
-    classes: theme,
-    dataTestId,
-    disableCollapsibleCategories = false,
-    handleSelectFilter,
-    hideAddFilterButton = false,
-    iconProps,
-    invalidParamsConfig,
-    noFiltersText,
-    noFiltersTitle,
-    onDeleteFilterGrouping,
-    onEditFilterGrouping,
-    onTogglePanel,
-    panelTitle,
-    position = PANEL_POSITIONS.LEFT,
-    scrollProps,
-    searchResetKey,
-    showActionsOnPinned = false,
-    selectedFilter,
-    startOpen = false,
-    tooltipsContentMap = {}
-  } = _ref;
-  const classes = useMemo(() => mergeMultipleClassNames(styles, theme, classNames), [classNames, theme]);
-  const containerRef = useRef(null);
-  const [open, setOpen] = useState(startOpen);
-  const [filteredValues, setFilteredValues] = useState(false);
-  const [searchTerm, setSearchTerm] = useState('');
-  const handleTogglePanel = () => {
-    setOpen(!open);
-    onTogglePanel === null || onTogglePanel === void 0 || onTogglePanel(!open);
-  };
-  const [filteredCategories, setFilteredCategories] = useState(categories);
-
-  // TODO: desarrollo en otro PR
-  const handleAddFilterGroup = () => {};
-  const applySearch = (value, source) => {
-    const filteredResults = source.map(category => {
-      const filters = category.filters.filter(filter => filter.name.toLowerCase().includes(value.toLowerCase()));
-      return {
-        ...category,
-        filters
-      };
-    }).filter(category => category.filters.length > 0);
-    setFilteredCategories(filteredResults);
-    setFilteredValues(Boolean(value));
-  };
-  const handleFilterGroupSearch = value => {
-    setSearchTerm(value);
-    applySearch(value, categories);
-  };
-  const [popperState, setPopperState] = useState({});
-  const openPopper = _ref2 => {
-    let {
-      anchor,
-      title,
-      description
-    } = _ref2;
-    if (!anchor) return;
-    if (!description && title.length < 20) return;
-    setPopperState({
-      anchor,
-      title,
-      description
-    });
-  };
-  const closePopper = () => {
-    setPopperState({});
-  };
-  useEffect(() => {
-    if (searchTerm) {
-      applySearch(searchTerm, categories);
-    } else {
-      setFilteredCategories(categories);
-    }
-  }, [categories]);
-  const [searchResetTrigger, setSearchResetTrigger] = useState(0);
-  useEffect(() => {
-    setSearchTerm('');
-    setFilteredValues(false);
-    setFilteredCategories(categories);
-    setSearchResetTrigger(prev => prev + 1);
-  }, [searchResetKey]);
-  const contextValue = useMemo(() => ({
-    categories: filteredCategories,
-    categoriesConfig,
-    classes,
-    closePopper,
-    containerRef: containerRef.current,
-    disableCollapsibleCategories,
-    filteredValues,
-    handleAddFilterGroup,
-    handleFilterGroupSearch,
-    handleSelectFilter,
-    handleTogglePanel,
-    hideAddFilterButton,
-    iconProps,
-    invalidParamsConfig,
-    noFiltersText,
-    noFiltersTitle,
-    onDeleteFilterGrouping,
-    onEditFilterGrouping,
-    open,
-    openPopper,
-    panelTitle,
-    popperState,
-    position,
-    scrollProps,
-    searchResetTrigger,
-    selectedFilter,
-    showActionsOnPinned,
-    theme,
-    tooltipsContentMap
-  }), [categories, categoriesConfig, classes, disableCollapsibleCategories, filteredCategories, filteredValues, hideAddFilterButton, iconProps, invalidParamsConfig, noFiltersText, noFiltersTitle, onDeleteFilterGrouping, onEditFilterGrouping, showActionsOnPinned, open, popperState, position, scrollProps, searchResetTrigger, selectedFilter, theme, tooltipsContentMap]);
-  return /*#__PURE__*/React.createElement(UTShortcutPanelContext.Provider, {
-    value: contextValue
-  }, /*#__PURE__*/React.createElement("section", {
-    className: classes.filterGroupingContainer,
-    ref: containerRef
-  }, /*#__PURE__*/React.createElement(UTShortcutPanel, {
-    containerRef: containerRef.current,
-    dataTestId: dataTestId,
-    handleTogglePanel: handleTogglePanel,
-    iconProps: iconProps,
-    open: open,
-    position: position
-  }, children)));
-};
-UTShortcutPanelContainer.propTypes = {
-  categories: arrayOf(shape({
-    id: number,
-    category: string,
-    name: string,
-    filters: arrayOf(shape({
-      id: number,
-      name: string,
-      category: string,
-      description: string,
-      order: number,
-      pinned: bool,
-      visible: bool,
-      backoffice_user_id: string,
-      filter_params: arrayOf(shape({
-        key: string,
-        values: arrayOf(string)
-      }))
-    }))
-  })),
-  categoriesConfig: objectOf(shape({
-    icon: string,
-    avatarPalette: shape({
-      color: string,
-      backgroundColor: string,
-      colorTheme: string
-    })
-  })),
-  classNames: objectOf(string),
-  classes: objectOf(string),
-  dataTestId: string,
-  disableCollapsibleCategories: bool,
-  handleSelectFilter: func,
-  hideAddFilterButton: bool,
-  iconProps: iconPropTypes,
-  invalidParamsConfig: shape({
-    iconName: string,
-    size: string,
-    tooltipText: string
-  }),
-  noFiltersText: string,
-  noFiltersTitle: string,
-  onDeleteFilterGrouping: func,
-  onEditFilterGrouping: func,
-  onTogglePanel: func,
-  showActionsOnPinned: bool,
-  panelTitle: string,
-  position: string,
-  scrollProps: object,
-  searchResetKey: string,
-  selectedFilter: shape({
-    id: number,
-    name: string,
-    category: string,
-    description: string,
-    order: number,
-    pinned: bool,
-    visible: bool,
-    backoffice_user_id: string,
-    filter_params: arrayOf(shape({
-      key: string,
-      values: arrayOf(string)
-    }))
-  }),
-  startOpen: bool,
-  tooltipsContentMap: shape({
-    collapseButton: string,
-    searchButton: string
-  })
-};
-export default WithTheme(retrieveStyle)(UTShortcutPanelContainer);
+import React,{useRef,useMemo,useState,useEffect}from"react";import{arrayOf,bool,func,number,object,objectOf,shape,string}from"prop-types";import WithTheme from"../WithTheme";import{iconPropTypes}from"../../types/iconTypes";import{mergeMultipleClassNames}from"../../utils/classesUtils";import styles from"./styles.module.scss";import UTShortcutPanel from"./layout";import UTShortcutPanelContext from"./context";import{PANEL_POSITIONS}from"./constants";import{retrieveStyle}from"./theme";const UTShortcutPanelContainer=e=>{let{categories:t,categoriesConfig:r,children:o,classNames:s,classes:i,dataTestId:n,disableCollapsibleCategories:l=!1,handleSelectFilter:a,hideAddFilterButton:c=!1,iconProps:p,invalidParamsConfig:g,noFiltersText:u,noFiltersTitle:d,onDeleteFilterGrouping:f,onEditFilterGrouping:m,onTogglePanel:h,panelTitle:T,position:P=PANEL_POSITIONS.LEFT,scrollProps:b,searchResetKey:y,showActionsOnPinned:C=!1,selectedFilter:S,startOpen:F=!1,tooltipsContentMap:O={}}=e;const v=useMemo(()=>mergeMultipleClassNames(styles,i,s),[s,i]),E=useRef(null),[R,N]=useState(F),[A,G]=useState(!1),[x,M]=useState(""),U=()=>{N(!R),null==h||h(!R)},[_,I]=useState(t),j=()=>{},B=(e,t)=>{const r=t.map(t=>{const r=t.filters.filter(t=>t.name.toLowerCase().includes(e.toLowerCase()));return{...t,filters:r}}).filter(e=>e.filters.length>0);I(r),G(Boolean(e))},k=e=>{M(e),B(e,t)},[w,L]=useState({}),D=e=>{let{anchor:t,title:r,description:o}=e;t&&(!o&&r.length<20||L({anchor:t,title:r,description:o}))},W=()=>{L({})};useEffect(()=>{x?B(x,t):I(t)},[t]);const[K,z]=useState(0);useEffect(()=>{M(""),G(!1),I(t),z(e=>e+1)},[y]);const V=useMemo(()=>({categories:_,categoriesConfig:r,classes:v,closePopper:W,containerRef:E.current,disableCollapsibleCategories:l,filteredValues:A,handleAddFilterGroup:j,handleFilterGroupSearch:k,handleSelectFilter:a,handleTogglePanel:U,hideAddFilterButton:c,iconProps:p,invalidParamsConfig:g,noFiltersText:u,noFiltersTitle:d,onDeleteFilterGrouping:f,onEditFilterGrouping:m,open:R,openPopper:D,panelTitle:T,popperState:w,position:P,scrollProps:b,searchResetTrigger:K,selectedFilter:S,showActionsOnPinned:C,theme:i,tooltipsContentMap:O}),[t,r,v,l,_,A,c,p,g,u,d,f,m,C,R,w,P,b,K,S,i,O]);return React.createElement(UTShortcutPanelContext.Provider,{value:V},React.createElement("section",{className:v.filterGroupingContainer,ref:E},React.createElement(UTShortcutPanel,{containerRef:E.current,dataTestId:n,handleTogglePanel:U,iconProps:p,open:R,position:P},o)))};UTShortcutPanelContainer.propTypes={categories:arrayOf(shape({id:number,category:string,name:string,filters:arrayOf(shape({id:number,name:string,category:string,description:string,order:number,pinned:bool,visible:bool,backoffice_user_id:string,filter_params:arrayOf(shape({key:string,values:arrayOf(string)}))}))})),categoriesConfig:objectOf(shape({icon:string,avatarPalette:shape({color:string,backgroundColor:string,colorTheme:string})})),classNames:objectOf(string),classes:objectOf(string),dataTestId:string,disableCollapsibleCategories:bool,handleSelectFilter:func,hideAddFilterButton:bool,iconProps:iconPropTypes,invalidParamsConfig:shape({iconName:string,size:string,tooltipText:string}),noFiltersText:string,noFiltersTitle:string,onDeleteFilterGrouping:func,onEditFilterGrouping:func,onTogglePanel:func,showActionsOnPinned:bool,panelTitle:string,position:string,scrollProps:object,searchResetKey:string,selectedFilter:shape({id:number,name:string,category:string,description:string,order:number,pinned:bool,visible:bool,backoffice_user_id:string,filter_params:arrayOf(shape({key:string,values:arrayOf(string)}))}),startOpen:bool,tooltipsContentMap:shape({collapseButton:string,searchButton:string})};export default WithTheme(retrieveStyle)(UTShortcutPanelContainer);