@widergy/energy-ui 3.173.2 → 3.173.4

package/dist/components/UTShortcutPanel/index.js

@@ -1,221 +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 _iconTypes = require("../../types/iconTypes");
-var _classesUtils = require("../../utils/classesUtils");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-var _layout = _interopRequireDefault(require("./layout"));
-var _context = _interopRequireDefault(require("./context"));
-var _constants = require("./constants");
-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 UTShortcutPanelContainer = _ref => {
-  let {
-    categories,
-    categoriesConfig,
-    children,
-    classNames,
-    classes: theme,
-    dataTestId,
-    disableCollapsibleCategories = false,
-    handleSelectFilter,
-    hideAddFilterButton = false,
-    iconProps,
-    invalidParamsConfig,
-    noFiltersText,
-    noFiltersTitle,
-    onDeleteFilterGrouping,
-    onEditFilterGrouping,
-    onTogglePanel,
-    panelTitle,
-    position = _constants.PANEL_POSITIONS.LEFT,
-    scrollProps,
-    searchResetKey,
-    showActionsOnPinned = false,
-    selectedFilter,
-    startOpen = false,
-    tooltipsContentMap = {}
-  } = _ref;
-  const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeMultipleClassNames)(_stylesModule.default, theme, classNames), [classNames, theme]);
-  const containerRef = (0, _react.useRef)(null);
-  const [open, setOpen] = (0, _react.useState)(startOpen);
-  const [filteredValues, setFilteredValues] = (0, _react.useState)(false);
-  const [searchTerm, setSearchTerm] = (0, _react.useState)('');
-  const handleTogglePanel = () => {
-    setOpen(!open);
-    onTogglePanel === null || onTogglePanel === void 0 || onTogglePanel(!open);
-  };
-  const [filteredCategories, setFilteredCategories] = (0, _react.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] = (0, _react.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({});
-  };
-  (0, _react.useEffect)(() => {
-    if (searchTerm) {
-      applySearch(searchTerm, categories);
-    } else {
-      setFilteredCategories(categories);
-    }
-  }, [categories]);
-  const [searchResetTrigger, setSearchResetTrigger] = (0, _react.useState)(0);
-  (0, _react.useEffect)(() => {
-    setSearchTerm('');
-    setFilteredValues(false);
-    setFilteredCategories(categories);
-    setSearchResetTrigger(prev => prev + 1);
-  }, [searchResetKey]);
-  const contextValue = (0, _react.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.default.createElement(_context.default.Provider, {
-    value: contextValue
-  }, /*#__PURE__*/_react.default.createElement("section", {
-    className: classes.filterGroupingContainer,
-    ref: containerRef
-  }, /*#__PURE__*/_react.default.createElement(_layout.default, {
-    containerRef: containerRef.current,
-    dataTestId: dataTestId,
-    handleTogglePanel: handleTogglePanel,
-    iconProps: iconProps,
-    open: open,
-    position: position
-  }, children)));
-};
-UTShortcutPanelContainer.propTypes = {
-  categories: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
-    id: _propTypes.number,
-    category: _propTypes.string,
-    name: _propTypes.string,
-    filters: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
-      id: _propTypes.number,
-      name: _propTypes.string,
-      category: _propTypes.string,
-      description: _propTypes.string,
-      order: _propTypes.number,
-      pinned: _propTypes.bool,
-      visible: _propTypes.bool,
-      backoffice_user_id: _propTypes.string,
-      filter_params: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
-        key: _propTypes.string,
-        values: (0, _propTypes.arrayOf)(_propTypes.string)
-      }))
-    }))
-  })),
-  categoriesConfig: (0, _propTypes.objectOf)((0, _propTypes.shape)({
-    icon: _propTypes.string,
-    avatarPalette: (0, _propTypes.shape)({
-      color: _propTypes.string,
-      backgroundColor: _propTypes.string,
-      colorTheme: _propTypes.string
-    })
-  })),
-  classNames: (0, _propTypes.objectOf)(_propTypes.string),
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  dataTestId: _propTypes.string,
-  disableCollapsibleCategories: _propTypes.bool,
-  handleSelectFilter: _propTypes.func,
-  hideAddFilterButton: _propTypes.bool,
-  iconProps: _iconTypes.iconPropTypes,
-  invalidParamsConfig: (0, _propTypes.shape)({
-    iconName: _propTypes.string,
-    size: _propTypes.string,
-    tooltipText: _propTypes.string
-  }),
-  noFiltersText: _propTypes.string,
-  noFiltersTitle: _propTypes.string,
-  onDeleteFilterGrouping: _propTypes.func,
-  onEditFilterGrouping: _propTypes.func,
-  onTogglePanel: _propTypes.func,
-  showActionsOnPinned: _propTypes.bool,
-  panelTitle: _propTypes.string,
-  position: _propTypes.string,
-  scrollProps: _propTypes.object,
-  searchResetKey: _propTypes.string,
-  selectedFilter: (0, _propTypes.shape)({
-    id: _propTypes.number,
-    name: _propTypes.string,
-    category: _propTypes.string,
-    description: _propTypes.string,
-    order: _propTypes.number,
-    pinned: _propTypes.bool,
-    visible: _propTypes.bool,
-    backoffice_user_id: _propTypes.string,
-    filter_params: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
-      key: _propTypes.string,
-      values: (0, _propTypes.arrayOf)(_propTypes.string)
-    }))
-  }),
-  startOpen: _propTypes.bool,
-  tooltipsContentMap: (0, _propTypes.shape)({
-    collapseButton: _propTypes.string,
-    searchButton: _propTypes.string
-  })
-};
-var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTShortcutPanelContainer);
+"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")),_iconTypes=require("../../types/iconTypes"),_classesUtils=require("../../utils/classesUtils"),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_layout=_interopRequireDefault(require("./layout")),_context=_interopRequireDefault(require("./context")),_constants=require("./constants"),_theme=require("./theme");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,r){if("function"==typeof WeakMap)var t=new WeakMap,p=new WeakMap;return(_interopRequireWildcard=function(e,r){if(!r&&e&&e.__esModule)return e;var o,s,i={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return i;if(o=r?p:t){if(o.has(e))return o.get(e);o.set(e,i)}for(const r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((s=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,r))&&(s.get||s.set)?o(i,r,s):i[r]=e[r]);return i})(e,r)}const UTShortcutPanelContainer=e=>{let{categories:r,categoriesConfig:t,children:p,classNames:o,classes:s,dataTestId:i,disableCollapsibleCategories:n=!1,handleSelectFilter:a,hideAddFilterButton:l=!1,iconProps:c,invalidParamsConfig:_,noFiltersText:u,noFiltersTitle:y,onDeleteFilterGrouping:T,onEditFilterGrouping:d,onTogglePanel:f,panelTitle:g,position:h=_constants.PANEL_POSITIONS.LEFT,scrollProps:m,searchResetKey:b,showActionsOnPinned:P=!1,selectedFilter:F,startOpen:C=!1,tooltipsContentMap:O={}}=e;const q=(0,_react.useMemo)(()=>(0,_classesUtils.mergeMultipleClassNames)(_stylesModule.default,s,o),[o,s]),v=(0,_react.useRef)(null),[S,M]=(0,_react.useState)(C),[R,x]=(0,_react.useState)(!1),[E,w]=(0,_react.useState)(""),D=()=>{M(!S),null==f||f(!S)},[G,W]=(0,_react.useState)(r),j=()=>{},k=(e,r)=>{const t=r.map(r=>{const t=r.filters.filter(r=>r.name.toLowerCase().includes(e.toLowerCase()));return{...r,filters:t}}).filter(e=>e.filters.length>0);W(t),x(Boolean(e))},A=e=>{w(e),k(e,r)},[N,B]=(0,_react.useState)({}),U=e=>{let{anchor:r,title:t,description:p}=e;r&&(!p&&t.length<20||B({anchor:r,title:t,description:p}))},I=()=>{B({})};(0,_react.useEffect)(()=>{E?k(E,r):W(r)},[r]);const[L,K]=(0,_react.useState)(0);(0,_react.useEffect)(()=>{w(""),x(!1),W(r),K(e=>e+1)},[b]);const z=(0,_react.useMemo)(()=>({categories:G,categoriesConfig:t,classes:q,closePopper:I,containerRef:v.current,disableCollapsibleCategories:n,filteredValues:R,handleAddFilterGroup:j,handleFilterGroupSearch:A,handleSelectFilter:a,handleTogglePanel:D,hideAddFilterButton:l,iconProps:c,invalidParamsConfig:_,noFiltersText:u,noFiltersTitle:y,onDeleteFilterGrouping:T,onEditFilterGrouping:d,open:S,openPopper:U,panelTitle:g,popperState:N,position:h,scrollProps:m,searchResetTrigger:L,selectedFilter:F,showActionsOnPinned:P,theme:s,tooltipsContentMap:O}),[r,t,q,n,G,R,l,c,_,u,y,T,d,P,S,N,h,m,L,F,s,O]);return _react.default.createElement(_context.default.Provider,{value:z},_react.default.createElement("section",{className:q.filterGroupingContainer,ref:v},_react.default.createElement(_layout.default,{containerRef:v.current,dataTestId:i,handleTogglePanel:D,iconProps:c,open:S,position:h},p)))};UTShortcutPanelContainer.propTypes={categories:(0,_propTypes.arrayOf)((0,_propTypes.shape)({id:_propTypes.number,category:_propTypes.string,name:_propTypes.string,filters:(0,_propTypes.arrayOf)((0,_propTypes.shape)({id:_propTypes.number,name:_propTypes.string,category:_propTypes.string,description:_propTypes.string,order:_propTypes.number,pinned:_propTypes.bool,visible:_propTypes.bool,backoffice_user_id:_propTypes.string,filter_params:(0,_propTypes.arrayOf)((0,_propTypes.shape)({key:_propTypes.string,values:(0,_propTypes.arrayOf)(_propTypes.string)}))}))})),categoriesConfig:(0,_propTypes.objectOf)((0,_propTypes.shape)({icon:_propTypes.string,avatarPalette:(0,_propTypes.shape)({color:_propTypes.string,backgroundColor:_propTypes.string,colorTheme:_propTypes.string})})),classNames:(0,_propTypes.objectOf)(_propTypes.string),classes:(0,_propTypes.objectOf)(_propTypes.string),dataTestId:_propTypes.string,disableCollapsibleCategories:_propTypes.bool,handleSelectFilter:_propTypes.func,hideAddFilterButton:_propTypes.bool,iconProps:_iconTypes.iconPropTypes,invalidParamsConfig:(0,_propTypes.shape)({iconName:_propTypes.string,size:_propTypes.string,tooltipText:_propTypes.string}),noFiltersText:_propTypes.string,noFiltersTitle:_propTypes.string,onDeleteFilterGrouping:_propTypes.func,onEditFilterGrouping:_propTypes.func,onTogglePanel:_propTypes.func,showActionsOnPinned:_propTypes.bool,panelTitle:_propTypes.string,position:_propTypes.string,scrollProps:_propTypes.object,searchResetKey:_propTypes.string,selectedFilter:(0,_propTypes.shape)({id:_propTypes.number,name:_propTypes.string,category:_propTypes.string,description:_propTypes.string,order:_propTypes.number,pinned:_propTypes.bool,visible:_propTypes.bool,backoffice_user_id:_propTypes.string,filter_params:(0,_propTypes.arrayOf)((0,_propTypes.shape)({key:_propTypes.string,values:(0,_propTypes.arrayOf)(_propTypes.string)}))}),startOpen:_propTypes.bool,tooltipsContentMap:(0,_propTypes.shape)({collapseButton:_propTypes.string,searchButton:_propTypes.string})};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTShortcutPanelContainer);

package/dist/components/UTShortcutPanel/layout.js

@@ -1,42 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _iconTypes = require("../../types/iconTypes");
-var _GroupingPanel = _interopRequireDefault(require("./components/GroupingPanel"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const UTShortcutPanel = _ref => {
-  let {
-    children,
-    containerRef,
-    dataTestId,
-    handleTogglePanel,
-    iconProps,
-    open,
-    panelTitle,
-    position
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_GroupingPanel.default, {
-    containerRef: containerRef,
-    dataTestId: dataTestId,
-    iconProps: iconProps,
-    onClose: handleTogglePanel,
-    open: open,
-    panelTitle: panelTitle,
-    position: position
-  }), children);
-};
-UTShortcutPanel.propTypes = {
-  containerRef: _propTypes.refType,
-  dataTestId: _propTypes.string,
-  handleTogglePanel: _propTypes.func,
-  iconProps: _iconTypes.iconPropTypes,
-  open: _propTypes.bool,
-  panelTitle: _propTypes.string,
-  position: _propTypes.string
-};
-var _default = exports.default = UTShortcutPanel;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_iconTypes=require("../../types/iconTypes"),_GroupingPanel=_interopRequireDefault(require("./components/GroupingPanel"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const UTShortcutPanel=e=>{let{children:t,containerRef:r,dataTestId:o,handleTogglePanel:p,iconProps:n,open:a,panelTitle:i,position:l}=e;return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_GroupingPanel.default,{containerRef:r,dataTestId:o,iconProps:n,onClose:p,open:a,panelTitle:i,position:l}),t)};UTShortcutPanel.propTypes={containerRef:_propTypes.refType,dataTestId:_propTypes.string,handleTogglePanel:_propTypes.func,iconProps:_iconTypes.iconPropTypes,open:_propTypes.bool,panelTitle:_propTypes.string,position:_propTypes.string};var _default=exports.default=UTShortcutPanel;

package/dist/components/UTShortcutPanel/theme.js

@@ -1,55 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.retrieveStyle = void 0;
-var _get = _interopRequireDefault(require("lodash/get"));
-var _constants = require("./constants");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const retrieveStyle = _ref => {
-  let {
-    theme,
-    position
-  } = _ref;
-  return {
-    backdrop: {
-      backgroundColor: theme.Palette.dark['05'],
-      opacity: '0.25 !important'
-    },
-    expandedPanelContentCategoryEmpty: {
-      backgroundColor: (0, _get.default)(theme, ['UTShortcutPanel', 'expandedPanelContent', 'expandedPanelContentCategory', 'expandedPanelContentCategoryEmpty', 'backgroundColor'], "".concat(theme.Palette.light['03']))
-    },
-    expandedPanelContentCategoryHeader: {
-      '&:hover': {
-        backgroundColor: (0, _get.default)(theme, ['UTShortcutPanel', 'expandedPanelContent', 'expandedPanelContentCategory', 'expandedPanelContentCategoryHeader', 'backgroundColor', '&:hover'], "".concat(theme.Palette.light['04']))
-      }
-    },
-    expandedPanelContentCategoryItem: {
-      '&:hover': {
-        backgroundColor: (0, _get.default)(theme, ['UTShortcutPanel', 'expandedPanelContent', 'expandedPanelContentCategory', 'expandedPanelContentCategoryItem', 'backgroundColor', '&:hover'], "".concat(theme.Palette.light['04']))
-      }
-    },
-    expandedPanelContentCategoryItemSelected: {
-      backgroundColor: (0, _get.default)(theme, ['UTShortcutPanel', 'expandedPanelContent', 'expandedPanelContentCategory', 'expandedPanelContentCategoryItemSelected', 'backgroundColor'], "".concat(theme.Palette.accent['01'])),
-      '&:hover': {
-        backgroundColor: (0, _get.default)(theme, ['UTShortcutPanel', 'expandedPanelContent', 'expandedPanelContentCategory', 'expandedPanelContentCategoryItemSelected', 'backgroundColor', '&:hover'], "".concat(theme.Palette.accent['01'], " !important"))
-      }
-    },
-    expandedPanelContentHeader: {
-      backgroundColor: (0, _get.default)(theme, ['UTShortcutPanel', 'expandedPanelContent', 'expandedPanelContentCategory', 'expandedPanelContentCategoryHeader', 'backgroundColor'], "".concat(theme.Palette.light['01']))
-    },
-    expandedPanelContentPopperContent: {
-      backgroundColor: (0, _get.default)(theme, ['UTShortcutPanel', 'expandedPanelContent', 'expandedPanelContentPopperContent', 'backgroundColor'], "".concat(theme.Palette.light['01']))
-    },
-    paper: {
-      backgroundColor: (0, _get.default)(theme, ['UTShortcutPanel', 'closedPanelBar', 'backgroundColor'], "".concat(theme.Palette.light['01'], " !important")),
-      borderRight: position === _constants.PANEL_POSITIONS.LEFT ? (0, _get.default)(theme, ['UTShortcutPanel', 'borderRight'], "1px solid ".concat(theme.Palette.light['04'], " !important")) : 'none',
-      borderLeft: position === _constants.PANEL_POSITIONS.RIGHT ? (0, _get.default)(theme, ['UTShortcutPanel', 'borderLeft'], "1px solid ".concat(theme.Palette.light['04'], " !important")) : 'none'
-    },
-    perfectScrollbar: {
-      width: (0, _get.default)(theme, ['UTShortcutPanel', 'perfectScrollbar', 'width'], '100%')
-    }
-  };
-};
-exports.retrieveStyle = retrieveStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _get=_interopRequireDefault(require("lodash/get")),_constants=require("./constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const retrieveStyle=e=>{let{theme:t,position:n}=e;return{backdrop:{backgroundColor:t.Palette.dark["05"],opacity:"0.25 !important"},expandedPanelContentCategoryEmpty:{backgroundColor:(0,_get.default)(t,["UTShortcutPanel","expandedPanelContent","expandedPanelContentCategory","expandedPanelContentCategoryEmpty","backgroundColor"],"".concat(t.Palette.light["03"]))},expandedPanelContentCategoryHeader:{"&:hover":{backgroundColor:(0,_get.default)(t,["UTShortcutPanel","expandedPanelContent","expandedPanelContentCategory","expandedPanelContentCategoryHeader","backgroundColor","&:hover"],"".concat(t.Palette.light["04"]))}},expandedPanelContentCategoryItem:{"&:hover":{backgroundColor:(0,_get.default)(t,["UTShortcutPanel","expandedPanelContent","expandedPanelContentCategory","expandedPanelContentCategoryItem","backgroundColor","&:hover"],"".concat(t.Palette.light["04"]))}},expandedPanelContentCategoryItemSelected:{backgroundColor:(0,_get.default)(t,["UTShortcutPanel","expandedPanelContent","expandedPanelContentCategory","expandedPanelContentCategoryItemSelected","backgroundColor"],"".concat(t.Palette.accent["01"])),"&:hover":{backgroundColor:(0,_get.default)(t,["UTShortcutPanel","expandedPanelContent","expandedPanelContentCategory","expandedPanelContentCategoryItemSelected","backgroundColor","&:hover"],"".concat(t.Palette.accent["01"]," !important"))}},expandedPanelContentHeader:{backgroundColor:(0,_get.default)(t,["UTShortcutPanel","expandedPanelContent","expandedPanelContentCategory","expandedPanelContentCategoryHeader","backgroundColor"],"".concat(t.Palette.light["01"]))},expandedPanelContentPopperContent:{backgroundColor:(0,_get.default)(t,["UTShortcutPanel","expandedPanelContent","expandedPanelContentPopperContent","backgroundColor"],"".concat(t.Palette.light["01"]))},paper:{backgroundColor:(0,_get.default)(t,["UTShortcutPanel","closedPanelBar","backgroundColor"],"".concat(t.Palette.light["01"]," !important")),borderRight:n===_constants.PANEL_POSITIONS.LEFT?(0,_get.default)(t,["UTShortcutPanel","borderRight"],"1px solid ".concat(t.Palette.light["04"]," !important")):"none",borderLeft:n===_constants.PANEL_POSITIONS.RIGHT?(0,_get.default)(t,["UTShortcutPanel","borderLeft"],"1px solid ".concat(t.Palette.light["04"]," !important")):"none"},perfectScrollbar:{width:(0,_get.default)(t,["UTShortcutPanel","perfectScrollbar","width"],"100%")}}};exports.retrieveStyle=retrieveStyle;

package/dist/components/UTShortcutPanel/types.js

@@ -1,51 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.refType = exports.filtersType = exports.filterParamsType = exports.customSearchActionType = exports.categoryType = exports.categoryConfigType = exports.categoriesType = exports.avatarPaletteType = void 0;
-var _propTypes = require("prop-types");
-const customSearchActionType = exports.customSearchActionType = (0, _propTypes.shape)({
-  dataTestId: _propTypes.string,
-  Icon: _propTypes.string,
-  onClick: _propTypes.func,
-  size: _propTypes.string
-});
-const refType = exports.refType = (0, _propTypes.shape)({
-  current: (0, _propTypes.shape)({
-    popperInstance: (0, _propTypes.shape)({
-      update: _propTypes.func
-    })
-  })
-});
-const filterParamsType = exports.filterParamsType = (0, _propTypes.shape)({
-  key: _propTypes.string,
-  values: (0, _propTypes.arrayOf)(_propTypes.string)
-});
-const filtersType = exports.filtersType = (0, _propTypes.arrayOf)((0, _propTypes.shape)({
-  backoffice_user_id: _propTypes.string,
-  category: _propTypes.string,
-  description: _propTypes.string,
-  filter_params: (0, _propTypes.arrayOf)(filterParamsType),
-  id: _propTypes.number,
-  name: _propTypes.string,
-  order: _propTypes.number,
-  pinned: _propTypes.bool,
-  visible: _propTypes.bool
-}));
-const categoryType = exports.categoryType = (0, _propTypes.shape)({
-  category: _propTypes.string,
-  filters: filtersType,
-  id: _propTypes.number,
-  name: _propTypes.string
-});
-const categoriesType = exports.categoriesType = (0, _propTypes.arrayOf)(categoryType);
-const avatarPaletteType = exports.avatarPaletteType = (0, _propTypes.shape)({
-  backgroundColor: _propTypes.string,
-  color: _propTypes.string,
-  colorTheme: _propTypes.string
-});
-const categoryConfigType = exports.categoryConfigType = (0, _propTypes.objectOf)((0, _propTypes.shape)({
-  avatarPalette: avatarPaletteType,
-  icon: _propTypes.string
-}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.refType=exports.filtersType=exports.filterParamsType=exports.customSearchActionType=exports.categoryType=exports.categoryConfigType=exports.categoriesType=exports.avatarPaletteType=void 0;var _propTypes=require("prop-types");const customSearchActionType=exports.customSearchActionType=(0,_propTypes.shape)({dataTestId:_propTypes.string,Icon:_propTypes.string,onClick:_propTypes.func,size:_propTypes.string}),refType=exports.refType=(0,_propTypes.shape)({current:(0,_propTypes.shape)({popperInstance:(0,_propTypes.shape)({update:_propTypes.func})})}),filterParamsType=exports.filterParamsType=(0,_propTypes.shape)({key:_propTypes.string,values:(0,_propTypes.arrayOf)(_propTypes.string)}),filtersType=exports.filtersType=(0,_propTypes.arrayOf)((0,_propTypes.shape)({backoffice_user_id:_propTypes.string,category:_propTypes.string,description:_propTypes.string,filter_params:(0,_propTypes.arrayOf)(filterParamsType),id:_propTypes.number,name:_propTypes.string,order:_propTypes.number,pinned:_propTypes.bool,visible:_propTypes.bool})),categoryType=exports.categoryType=(0,_propTypes.shape)({category:_propTypes.string,filters:filtersType,id:_propTypes.number,name:_propTypes.string}),categoriesType=exports.categoriesType=(0,_propTypes.arrayOf)(categoryType),avatarPaletteType=exports.avatarPaletteType=(0,_propTypes.shape)({backgroundColor:_propTypes.string,color:_propTypes.string,colorTheme:_propTypes.string}),categoryConfigType=exports.categoryConfigType=(0,_propTypes.objectOf)((0,_propTypes.shape)({avatarPalette:avatarPaletteType,icon:_propTypes.string}));

package/dist/components/UTShortcutPanel/utils.js

@@ -1,27 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.handleAnimationEnd = void 0;
-/**
- * Handles animation-end-event by updating Tippy popper instances.
- *
- * This function updates the popper instances for both the search button and collapse button
- * Tippy tooltips after an animation completes. This ensures that the tooltip positions are
- * recalculated and properly aligned after any layout changes caused by the animation.
- *
- * @param {React.MutableRefObject} searchButtonTippyRef - Reference to the search button's Tippy instance
- * @param {React.MutableRefObject} collapseButtonTippyRef - Reference to the collapse button's Tippy instance
- * @returns {void}
- */
-const handleAnimationEnd = (searchButtonTippyRef, collapseButtonTippyRef) => {
-  var _searchButtonTippyRef, _collapseButtonTippyR;
-  if ((_searchButtonTippyRef = searchButtonTippyRef.current) !== null && _searchButtonTippyRef !== void 0 && _searchButtonTippyRef.popperInstance) {
-    searchButtonTippyRef.current.popperInstance.update();
-  }
-  if ((_collapseButtonTippyR = collapseButtonTippyRef.current) !== null && _collapseButtonTippyR !== void 0 && _collapseButtonTippyR.popperInstance) {
-    collapseButtonTippyRef.current.popperInstance.update();
-  }
-};
-exports.handleAnimationEnd = handleAnimationEnd;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.handleAnimationEnd=void 0;const handleAnimationEnd=(n,e)=>{var t,r;null!==(t=n.current)&&void 0!==t&&t.popperInstance&&n.current.popperInstance.update(),null!==(r=e.current)&&void 0!==r&&r.popperInstance&&e.current.popperInstance.update()};exports.handleAnimationEnd=handleAnimationEnd;

package/dist/components/UTSidebar/components/ListOption/index.js

@@ -1,99 +1 @@
-"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 _Option = _interopRequireDefault(require("../Option"));
-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 ListOption = _ref => {
-  let {
-    classes,
-    dataTestId,
-    handleClose,
-    handleRedirect,
-    IconActive,
-    IconInactive,
-    iconProps,
-    label,
-    labelAlwaysVisible,
-    location,
-    open,
-    openDrawer,
-    options
-  } = _ref;
-  const [openMenu, setOpenMenu] = (0, _react.useState)(false);
-  const optionRef = (0, _react.useRef)();
-  (0, _react.useEffect)(() => {
-    if (!open) setOpenMenu(false);
-  }, [open]);
-  const toogleMenu = () => {
-    if (!open) {
-      openDrawer();
-      setOpenMenu(true);
-    } else setOpenMenu(!openMenu);
-  };
-  const optionHeight = (0, _react.useMemo)(() => {
-    if (!openMenu || !open || !(optionRef !== null && optionRef !== void 0 && optionRef.current)) return 0;
-    const {
-      marginTop,
-      marginBottom
-    } = window.getComputedStyle(optionRef.current);
-    const margin = parseFloat(marginTop) + parseFloat(marginBottom);
-    return options.length * (optionRef.current.clientHeight + margin);
-  }, [openMenu, open]);
-  const hasSelectedItem = (0, _react.useMemo)(() => options.some(opt => opt.link === location), [location, options]);
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Option.default, {
-    classes: classes,
-    dataTestId: dataTestId,
-    IconActive: IconActive,
-    IconInactive: IconInactive,
-    iconProps: iconProps,
-    isSelectedGroup: hasSelectedItem && (!open || !openMenu),
-    label: label,
-    labelAlwaysVisible: labelAlwaysVisible,
-    location: location,
-    onClick: toogleMenu,
-    open: open,
-    optionRef: optionRef,
-    toggleArrowActive: openMenu,
-    withToggleArrow: true
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.optionMenu,
-    style: {
-      height: optionHeight
-    }
-  }, options.map(op => /*#__PURE__*/_react.default.createElement(_Option.default, {
-    classes: classes,
-    dataTestId: op.dataTestId,
-    handleClose: handleClose,
-    handleRedirect: handleRedirect,
-    key: op.key,
-    label: op.label,
-    labelAlwaysVisible: labelAlwaysVisible,
-    link: op.link,
-    location: location,
-    open: open
-  }))));
-};
-ListOption.propTypes = {
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  dataTestId: _propTypes.string,
-  handleClose: _propTypes.func,
-  handleRedirect: _propTypes.func,
-  IconActive: _propTypes.elementType,
-  IconInactive: _propTypes.elementType,
-  iconProps: _propTypes.object,
-  label: _propTypes.string,
-  labelAlwaysVisible: _propTypes.bool,
-  location: _propTypes.string,
-  open: _propTypes.bool,
-  openDrawer: _propTypes.func,
-  options: (0, _propTypes.arrayOf)(_types.subOptionType)
-};
-var _default = exports.default = /*#__PURE__*/(0, _react.memo)(ListOption);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_types=require("../../types"),_Option=_interopRequireDefault(require("../Option")),_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,o=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,l,p={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return p;if(n=t?o:r){if(n.has(e))return n.get(e);n.set(e,p)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((l=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(l.get||l.set)?n(p,t,l):p[t]=e[t]);return p})(e,t)}const ListOption=e=>{let{classes:t,dataTestId:r,handleClose:o,handleRedirect:n,IconActive:l,IconInactive:p,iconProps:a,label:s,labelAlwaysVisible:i,location:c,open:u,openDrawer:d,options:_}=e;const[f,y]=(0,_react.useState)(!1),T=(0,_react.useRef)();(0,_react.useEffect)(()=>{u||y(!1)},[u]);const b=(0,_react.useMemo)(()=>{if(!f||!u||null==T||!T.current)return 0;const{marginTop:e,marginBottom:t}=window.getComputedStyle(T.current),r=parseFloat(e)+parseFloat(t);return _.length*(T.current.clientHeight+r)},[f,u]),m=(0,_react.useMemo)(()=>_.some(e=>e.link===c),[c,_]);return _react.default.createElement("div",null,_react.default.createElement(_Option.default,{classes:t,dataTestId:r,IconActive:l,IconInactive:p,iconProps:a,isSelectedGroup:m&&(!u||!f),label:s,labelAlwaysVisible:i,location:c,onClick:()=>{u?y(!f):(d(),y(!0))},open:u,optionRef:T,toggleArrowActive:f,withToggleArrow:!0}),_react.default.createElement("div",{className:_stylesModule.default.optionMenu,style:{height:b}},_.map(e=>_react.default.createElement(_Option.default,{classes:t,dataTestId:e.dataTestId,handleClose:o,handleRedirect:n,key:e.key,label:e.label,labelAlwaysVisible:i,link:e.link,location:c,open:u}))))};ListOption.propTypes={classes:(0,_propTypes.objectOf)(_propTypes.string),dataTestId:_propTypes.string,handleClose:_propTypes.func,handleRedirect:_propTypes.func,IconActive:_propTypes.elementType,IconInactive:_propTypes.elementType,iconProps:_propTypes.object,label:_propTypes.string,labelAlwaysVisible:_propTypes.bool,location:_propTypes.string,open:_propTypes.bool,openDrawer:_propTypes.func,options:(0,_propTypes.arrayOf)(_types.subOptionType)};var _default=exports.default=(0,_react.memo)(ListOption);

package/dist/components/UTSidebar/components/LogosContainer/components/DynamicIcon/index.js

@@ -1,27 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
-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 DynamicIcon = _ref => {
-  let {
-    className,
-    Icon
-  } = _ref;
-  return typeof Icon === 'string' ? /*#__PURE__*/_react.default.createElement("img", {
-    src: Icon,
-    alt: "",
-    className: className
-  }) : /*#__PURE__*/_react.default.createElement(Icon, {
-    className: className
-  });
-};
-DynamicIcon.propTypes = {
-  className: _propTypes.string,
-  Icon: (0, _propTypes.oneOfType)([_propTypes.elementType, _propTypes.func, _propTypes.string])
-};
-var _default = exports.default = /*#__PURE__*/(0, _react.memo)(DynamicIcon);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types");function _interopRequireWildcard(e,r){if("function"==typeof WeakMap)var t=new WeakMap,p=new WeakMap;return(_interopRequireWildcard=function(e,r){if(!r&&e&&e.__esModule)return e;var n,a,o={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return o;if(n=r?p:t){if(n.has(e))return n.get(e);n.set(e,o)}for(const r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((a=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,r))&&(a.get||a.set)?n(o,r,a):o[r]=e[r]);return o})(e,r)}const DynamicIcon=e=>{let{className:r,Icon:t}=e;return"string"==typeof t?_react.default.createElement("img",{src:t,alt:"",className:r}):_react.default.createElement(t,{className:r})};DynamicIcon.propTypes={className:_propTypes.string,Icon:(0,_propTypes.oneOfType)([_propTypes.elementType,_propTypes.func,_propTypes.string])};var _default=exports.default=(0,_react.memo)(DynamicIcon);

package/dist/components/UTSidebar/components/LogosContainer/index.js

@@ -1,47 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
-var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
-var _DynamicIcon = _interopRequireDefault(require("./components/DynamicIcon"));
-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 LogosContainer = _ref => {
-  let {
-    badgeClassName,
-    badgeContent,
-    BigLogo,
-    bigLogoClassName,
-    containerClassName,
-    SmallLogo,
-    smallLogoClassName,
-    showBigLogo
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(containerClassName, " ").concat(_stylesModule.default.logoContainer)
-  }, BigLogo && /*#__PURE__*/_react.default.createElement(_DynamicIcon.default, {
-    Icon: BigLogo,
-    className: "".concat(bigLogoClassName, " ").concat(_stylesModule.default.logo, " ").concat(showBigLogo && _stylesModule.default.visibleIcon)
-  }), SmallLogo && /*#__PURE__*/_react.default.createElement(_DynamicIcon.default, {
-    Icon: SmallLogo,
-    className: "".concat(smallLogoClassName, " ").concat(_stylesModule.default.logo, " ").concat(!showBigLogo && _stylesModule.default.visibleIcon)
-  }), badgeContent && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    className: badgeClassName
-  }, badgeContent));
-};
-LogosContainer.propTypes = {
-  badgeClassName: _propTypes.string,
-  badgeContent: _propTypes.string,
-  BigLogo: _propTypes.elementType,
-  bigLogoClassName: _propTypes.string,
-  containerClassName: _propTypes.string,
-  smallLogoClassName: _propTypes.string,
-  SmallLogo: _propTypes.elementType,
-  showBigLogo: _propTypes.bool
-};
-var _default = exports.default = /*#__PURE__*/(0, _react.memo)(LogosContainer);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_DynamicIcon=_interopRequireDefault(require("./components/DynamicIcon")),_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 o=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var r,l,n={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return n;if(r=t?a:o){if(r.has(e))return r.get(e);r.set(e,n)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((l=(r=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(l.get||l.set)?r(n,t,l):n[t]=e[t]);return n})(e,t)}const LogosContainer=e=>{let{badgeClassName:t,badgeContent:o,BigLogo:a,bigLogoClassName:r,containerClassName:l,SmallLogo:n,smallLogoClassName:s,showBigLogo:c}=e;return _react.default.createElement("div",{className:"".concat(l," ").concat(_stylesModule.default.logoContainer)},a&&_react.default.createElement(_DynamicIcon.default,{Icon:a,className:"".concat(r," ").concat(_stylesModule.default.logo," ").concat(c&&_stylesModule.default.visibleIcon)}),n&&_react.default.createElement(_DynamicIcon.default,{Icon:n,className:"".concat(s," ").concat(_stylesModule.default.logo," ").concat(!c&&_stylesModule.default.visibleIcon)}),o&&_react.default.createElement(_UTLabel.default,{className:t},o))};LogosContainer.propTypes={badgeClassName:_propTypes.string,badgeContent:_propTypes.string,BigLogo:_propTypes.elementType,bigLogoClassName:_propTypes.string,containerClassName:_propTypes.string,smallLogoClassName:_propTypes.string,SmallLogo:_propTypes.elementType,showBigLogo:_propTypes.bool};var _default=exports.default=(0,_react.memo)(LogosContainer);

package/dist/components/UTSidebar/components/Option/constants.js

@@ -1,15 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TOOLTIP_CONFIG = void 0;
-const TOOLTIP_CONFIG = exports.TOOLTIP_CONFIG = {
-  tippyProps: {
-    placement: 'right',
-    interactive: false,
-    arrow: false,
-    boundary: 'viewport',
-    appendTo: document.body
-  }
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TOOLTIP_CONFIG=void 0;const TOOLTIP_CONFIG=exports.TOOLTIP_CONFIG={tippyProps:{placement:"right",interactive:!1,arrow:!1,boundary:"viewport",appendTo:document.body}};