@widergy/energy-ui 3.172.1 → 3.172.3

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,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:categories,categoriesConfig:categoriesConfig,children:children,classNames:classNames,classes:theme,dataTestId:dataTestId,disableCollapsibleCategories:disableCollapsibleCategories=!1,handleSelectFilter:handleSelectFilter,hideAddFilterButton:hideAddFilterButton=!1,iconProps:iconProps,invalidParamsConfig:invalidParamsConfig,noFiltersText:noFiltersText,noFiltersTitle:noFiltersTitle,onDeleteFilterGrouping:onDeleteFilterGrouping,onEditFilterGrouping:onEditFilterGrouping,onTogglePanel:onTogglePanel,panelTitle:panelTitle,position:position=_constants.PANEL_POSITIONS.LEFT,scrollProps:scrollProps,searchResetKey:searchResetKey,showActionsOnPinned:showActionsOnPinned=!1,selectedFilter:selectedFilter,startOpen:startOpen=!1,tooltipsContentMap:tooltipsContentMap={}}=_ref;const classes=(0,_react.useMemo)(()=>(0,_classesUtils.mergeMultipleClassNames)(_stylesModule.default,theme,classNames),[classNames,theme]),containerRef=(0,_react.useRef)(null),[open,setOpen]=(0,_react.useState)(startOpen),[filteredValues,setFilteredValues]=(0,_react.useState)(!1),[searchTerm,setSearchTerm]=(0,_react.useState)(""),handleTogglePanel=()=>{setOpen(!open),null==onTogglePanel||onTogglePanel(!open)},[filteredCategories,setFilteredCategories]=(0,_react.useState)(categories),handleAddFilterGroup=()=>{},applySearch=(value,source)=>{const filteredResults=source.map(category=>{const filters=category.filters.filter(filter=>filter.name.toLowerCase().includes(value.toLowerCase()));return{...category,filters:filters}}).filter(category=>category.filters.length>0);setFilteredCategories(filteredResults),setFilteredValues(Boolean(value))},handleFilterGroupSearch=value=>{setSearchTerm(value),applySearch(value,categories)},[popperState,setPopperState]=(0,_react.useState)({}),openPopper=_ref2=>{let{anchor:anchor,title:title,description:description}=_ref2;anchor&&(!description&&title.length<20||setPopperState({anchor:anchor,title:title,description:description}))},closePopper=()=>{setPopperState({})};(0,_react.useEffect)(()=>{searchTerm?applySearch(searchTerm,categories):setFilteredCategories(categories)},[categories]);const[searchResetTrigger,setSearchResetTrigger]=(0,_react.useState)(0);(0,_react.useEffect)(()=>{setSearchTerm(""),setFilteredValues(!1),setFilteredCategories(categories),setSearchResetTrigger(prev=>prev+1)},[searchResetKey]);const contextValue=(0,_react.useMemo)(()=>({categories:filteredCategories,categoriesConfig:categoriesConfig,classes:classes,closePopper:closePopper,containerRef:containerRef.current,disableCollapsibleCategories:disableCollapsibleCategories,filteredValues:filteredValues,handleAddFilterGroup:handleAddFilterGroup,handleFilterGroupSearch:handleFilterGroupSearch,handleSelectFilter:handleSelectFilter,handleTogglePanel:handleTogglePanel,hideAddFilterButton:hideAddFilterButton,iconProps:iconProps,invalidParamsConfig:invalidParamsConfig,noFiltersText:noFiltersText,noFiltersTitle:noFiltersTitle,onDeleteFilterGrouping:onDeleteFilterGrouping,onEditFilterGrouping:onEditFilterGrouping,open:open,openPopper:openPopper,panelTitle:panelTitle,popperState:popperState,position:position,scrollProps:scrollProps,searchResetTrigger:searchResetTrigger,selectedFilter:selectedFilter,showActionsOnPinned:showActionsOnPinned,theme:theme,tooltipsContentMap:tooltipsContentMap}),[categories,categoriesConfig,classes,disableCollapsibleCategories,filteredCategories,filteredValues,hideAddFilterButton,iconProps,invalidParamsConfig,noFiltersText,noFiltersTitle,onDeleteFilterGrouping,onEditFilterGrouping,showActionsOnPinned,open,popperState,position,scrollProps,searchResetTrigger,selectedFilter,theme,tooltipsContentMap]);return _react.default.createElement(_context.default.Provider,{value:contextValue},_react.default.createElement("section",{className:classes.filterGroupingContainer,ref:containerRef},_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);

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=_ref=>{let{children:children,containerRef:containerRef,dataTestId:dataTestId,handleTogglePanel:handleTogglePanel,iconProps:iconProps,open:open,panelTitle:panelTitle,position:position}=_ref;return _react.default.createElement(_react.default.Fragment,null,_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;

package/dist/components/UTShortcutPanel/stories/fixtures.js

@@ -1,162 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.filterItemsFixture = void 0;
-var _test = require("@storybook/test");
-var _testIds = require("../../../constants/testIds");
-var _constants = _interopRequireDefault(require("./constants.json"));
-var _utils = require("./utils");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const {
-  CLIENT_FILTER,
-  DELETE_BUTTON,
-  DELETE_BUTTON_TOOLTIP,
-  EDIT_BUTTON,
-  EDIT_BUTTON_TOOLTIP,
-  NAME,
-  NAME_CONTAINER,
-  PINNED,
-  USER_FILTER
-} = _testIds.ID_CONSTANTS;
-const {
-  MISC
-} = _constants.default;
-const {
-  HOVERABLE_KEY,
-  HOVERABLE_VALUE,
-  HTML_ELEMENTS
-} = MISC;
-const {
-  ARTICLE,
-  DIV
-} = HTML_ELEMENTS;
-const filterItemsFixture = async _ref => {
-  let {
-    args,
-    canvas,
-    category,
-    existingIds,
-    filters,
-    step,
-    suiteTitle,
-    testIds,
-    tooltipsContentMap
-  } = _ref;
-  const {
-    handleSelectFilter,
-    onDeleteFilterGrouping,
-    onEditFilterGrouping
-  } = args;
-  const {
-    popperLabel,
-    popperTitle
-  } = testIds;
-  const {
-    deleteButton,
-    editButton
-  } = tooltipsContentMap;
-  await step(suiteTitle, async () => {
-    if (filters.length === 0) {
-      return;
-    }
-    for (let index = 0; index < filters.length; index++) {
-      const filter = filters[index];
-      const {
-        description,
-        name: itemName,
-        pinned
-      } = filter;
-      // eslint-disable-next-line no-await-in-loop
-      await step("Item: ".concat(itemName), async () => {
-        const targetItemName = canvas.getByTestId(existingIds.find(id => id.includes(category) && id.includes(pinned ? CLIENT_FILTER : USER_FILTER) && id.includes(NAME) && id.includes(index) && !id.includes(NAME_CONTAINER)));
-        await step('Initial content', async () => {
-          if (pinned) {
-            const targetPinnedIcon = canvas.getByTestId(existingIds.find(id => id.includes(category) && id.includes(PINNED) && id.includes(index)));
-            (0, _test.expect)(targetPinnedIcon).toBeInTheDocument();
-          }
-          (0, _test.expect)(targetItemName.innerText).toBe(itemName);
-          (0, _test.expect)(targetItemName).toBeInTheDocument();
-        });
-        const targetItemNameContainer = targetItemName.closest(ARTICLE);
-        const targetItemTitleContainer = targetItemName.closest(DIV);
-        await step('Select item', async () => {
-          await _test.userEvent.click(targetItemTitleContainer);
-          (0, _test.expect)(handleSelectFilter).toHaveBeenCalled();
-          (0, _test.expect)(handleSelectFilter).toHaveBeenCalledWith(filter);
-        });
-        if (!pinned) {
-          targetItemNameContainer.setAttribute(HOVERABLE_KEY, HOVERABLE_VALUE);
-          await (0, _utils.delay)(500);
-          const targetEditButton = canvas.getByTestId(existingIds.find(id => id.includes(category) && id.includes(USER_FILTER) && id.includes(EDIT_BUTTON) && id.includes(index)));
-          const targetDeleteButton = canvas.getByTestId(existingIds.find(id => id.includes(category) && id.includes(USER_FILTER) && id.includes(DELETE_BUTTON) && id.includes(index)));
-          await step('Actions', async () => {
-            await step('Edit', async () => {
-              await _test.userEvent.click(targetEditButton);
-              (0, _test.expect)(targetEditButton).toBeVisible();
-              (0, _test.expect)(onEditFilterGrouping).toHaveBeenCalled();
-              (0, _test.expect)(onEditFilterGrouping).toHaveBeenCalledWith(filter);
-            });
-            await step('Delete', async () => {
-              await _test.userEvent.click(targetDeleteButton);
-              (0, _test.expect)(targetDeleteButton).toBeVisible();
-              (0, _test.expect)(onDeleteFilterGrouping).toHaveBeenCalled();
-              (0, _test.expect)(onDeleteFilterGrouping).toHaveBeenCalledWith(filter);
-            });
-          });
-        }
-        await step('Hovers', async () => {
-          if (description || itemName.length > 20) {
-            await step('Popper hover', async () => {
-              await _test.userEvent.hover(targetItemName);
-              await (0, _utils.delay)(500);
-              let targetPopperLabel;
-              if (description) {
-                targetPopperLabel = _test.screen.getByTestId(popperLabel);
-                (0, _test.expect)(targetPopperLabel).toBeVisible();
-                (0, _test.expect)(targetPopperLabel.innerText).toBe(description);
-              }
-              const targetPopperTitle = _test.screen.getByTestId(popperTitle);
-              (0, _test.expect)(targetPopperTitle).toBeVisible();
-              (0, _test.expect)(targetPopperTitle.innerText).toBe(itemName);
-              await _test.userEvent.unhover(targetItemName);
-              (0, _test.expect)(targetPopperTitle).not.toBeVisible();
-              if (description) {
-                (0, _test.expect)(targetPopperLabel).not.toBeVisible();
-              }
-            });
-          }
-          if (!pinned) {
-            const targetEditButton = canvas.getByTestId(existingIds.find(id => id.includes(category) && id.includes(USER_FILTER) && id.includes(EDIT_BUTTON) && id.includes(index)));
-            const targetDeleteButton = canvas.getByTestId(existingIds.find(id => id.includes(category) && id.includes(USER_FILTER) && id.includes(DELETE_BUTTON) && id.includes(index)));
-            await step('Actions hover', async () => {
-              await step('Edit', async () => {
-                await _test.userEvent.hover(targetEditButton);
-                await (0, _utils.delay)(500);
-                const targetEditButtonTooltip = _test.screen.getByTestId(existingIds.find(id => id.includes(category) && id.includes(USER_FILTER) && id.includes(EDIT_BUTTON_TOOLTIP) && id.includes(index)));
-                (0, _test.expect)(targetEditButtonTooltip).toBeVisible();
-                (0, _test.expect)(targetEditButtonTooltip.innerText).toBe(editButton);
-                await _test.userEvent.unhover(targetEditButton);
-                await (0, _utils.delay)(500);
-                (0, _test.expect)(targetEditButtonTooltip).not.toBeVisible();
-              });
-              await step('Delete', async () => {
-                await _test.userEvent.hover(targetDeleteButton);
-                await (0, _utils.delay)(500);
-                const targetDeleteButtonTooltip = _test.screen.getByTestId(existingIds.find(id => id.includes(category) && id.includes(USER_FILTER) && id.includes(DELETE_BUTTON_TOOLTIP) && id.includes(index)));
-                (0, _test.expect)(targetDeleteButtonTooltip).toBeVisible();
-                (0, _test.expect)(targetDeleteButtonTooltip.innerText).toBe(deleteButton);
-                await _test.userEvent.unhover(targetDeleteButton);
-                await (0, _utils.delay)(500);
-                (0, _test.expect)(targetDeleteButtonTooltip).not.toBeVisible();
-              });
-            });
-          }
-        });
-        targetItemNameContainer.removeAttribute(HOVERABLE_KEY);
-      });
-    }
-  });
-};
-exports.filterItemsFixture = filterItemsFixture;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.filterItemsFixture=void 0;var _test=require("@storybook/test"),_testIds=require("../../../constants/testIds"),_constants=_interopRequireDefault(require("./constants.json")),_utils=require("./utils");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const{CLIENT_FILTER:CLIENT_FILTER,DELETE_BUTTON:DELETE_BUTTON,DELETE_BUTTON_TOOLTIP:DELETE_BUTTON_TOOLTIP,EDIT_BUTTON:EDIT_BUTTON,EDIT_BUTTON_TOOLTIP:EDIT_BUTTON_TOOLTIP,NAME:NAME,NAME_CONTAINER:NAME_CONTAINER,PINNED:PINNED,USER_FILTER:USER_FILTER}=_testIds.ID_CONSTANTS,{MISC:MISC}=_constants.default,{HOVERABLE_KEY:HOVERABLE_KEY,HOVERABLE_VALUE:HOVERABLE_VALUE,HTML_ELEMENTS:HTML_ELEMENTS}=MISC,{ARTICLE:ARTICLE,DIV:DIV}=HTML_ELEMENTS,filterItemsFixture=async _ref=>{let{args:args,canvas:canvas,category:category,existingIds:existingIds,filters:filters,step:step,suiteTitle:suiteTitle,testIds:testIds,tooltipsContentMap:tooltipsContentMap}=_ref;const{handleSelectFilter:handleSelectFilter,onDeleteFilterGrouping:onDeleteFilterGrouping,onEditFilterGrouping:onEditFilterGrouping}=args,{popperLabel:popperLabel,popperTitle:popperTitle}=testIds,{deleteButton:deleteButton,editButton:editButton}=tooltipsContentMap;await step(suiteTitle,async()=>{if(0!==filters.length)for(let index=0;index<filters.length;index++){const filter=filters[index],{description:description,name:itemName,pinned:pinned}=filter;await step("Item: ".concat(itemName),async()=>{const targetItemName=canvas.getByTestId(existingIds.find(id=>id.includes(category)&&id.includes(pinned?CLIENT_FILTER:USER_FILTER)&&id.includes(NAME)&&id.includes(index)&&!id.includes(NAME_CONTAINER)));await step("Initial content",async()=>{if(pinned){const targetPinnedIcon=canvas.getByTestId(existingIds.find(id=>id.includes(category)&&id.includes(PINNED)&&id.includes(index)));(0,_test.expect)(targetPinnedIcon).toBeInTheDocument()}(0,_test.expect)(targetItemName.innerText).toBe(itemName),(0,_test.expect)(targetItemName).toBeInTheDocument()});const targetItemNameContainer=targetItemName.closest(ARTICLE),targetItemTitleContainer=targetItemName.closest(DIV);if(await step("Select item",async()=>{await _test.userEvent.click(targetItemTitleContainer),(0,_test.expect)(handleSelectFilter).toHaveBeenCalled(),(0,_test.expect)(handleSelectFilter).toHaveBeenCalledWith(filter)}),!pinned){targetItemNameContainer.setAttribute(HOVERABLE_KEY,HOVERABLE_VALUE),await(0,_utils.delay)(500);const targetEditButton=canvas.getByTestId(existingIds.find(id=>id.includes(category)&&id.includes(USER_FILTER)&&id.includes(EDIT_BUTTON)&&id.includes(index))),targetDeleteButton=canvas.getByTestId(existingIds.find(id=>id.includes(category)&&id.includes(USER_FILTER)&&id.includes(DELETE_BUTTON)&&id.includes(index)));await step("Actions",async()=>{await step("Edit",async()=>{await _test.userEvent.click(targetEditButton),(0,_test.expect)(targetEditButton).toBeVisible(),(0,_test.expect)(onEditFilterGrouping).toHaveBeenCalled(),(0,_test.expect)(onEditFilterGrouping).toHaveBeenCalledWith(filter)}),await step("Delete",async()=>{await _test.userEvent.click(targetDeleteButton),(0,_test.expect)(targetDeleteButton).toBeVisible(),(0,_test.expect)(onDeleteFilterGrouping).toHaveBeenCalled(),(0,_test.expect)(onDeleteFilterGrouping).toHaveBeenCalledWith(filter)})})}await step("Hovers",async()=>{if((description||itemName.length>20)&&await step("Popper hover",async()=>{let targetPopperLabel;await _test.userEvent.hover(targetItemName),await(0,_utils.delay)(500),description&&(targetPopperLabel=_test.screen.getByTestId(popperLabel),(0,_test.expect)(targetPopperLabel).toBeVisible(),(0,_test.expect)(targetPopperLabel.innerText).toBe(description));const targetPopperTitle=_test.screen.getByTestId(popperTitle);(0,_test.expect)(targetPopperTitle).toBeVisible(),(0,_test.expect)(targetPopperTitle.innerText).toBe(itemName),await _test.userEvent.unhover(targetItemName),(0,_test.expect)(targetPopperTitle).not.toBeVisible(),description&&(0,_test.expect)(targetPopperLabel).not.toBeVisible()}),!pinned){const targetEditButton=canvas.getByTestId(existingIds.find(id=>id.includes(category)&&id.includes(USER_FILTER)&&id.includes(EDIT_BUTTON)&&id.includes(index))),targetDeleteButton=canvas.getByTestId(existingIds.find(id=>id.includes(category)&&id.includes(USER_FILTER)&&id.includes(DELETE_BUTTON)&&id.includes(index)));await step("Actions hover",async()=>{await step("Edit",async()=>{await _test.userEvent.hover(targetEditButton),await(0,_utils.delay)(500);const targetEditButtonTooltip=_test.screen.getByTestId(existingIds.find(id=>id.includes(category)&&id.includes(USER_FILTER)&&id.includes(EDIT_BUTTON_TOOLTIP)&&id.includes(index)));(0,_test.expect)(targetEditButtonTooltip).toBeVisible(),(0,_test.expect)(targetEditButtonTooltip.innerText).toBe(editButton),await _test.userEvent.unhover(targetEditButton),await(0,_utils.delay)(500),(0,_test.expect)(targetEditButtonTooltip).not.toBeVisible()}),await step("Delete",async()=>{await _test.userEvent.hover(targetDeleteButton),await(0,_utils.delay)(500);const targetDeleteButtonTooltip=_test.screen.getByTestId(existingIds.find(id=>id.includes(category)&&id.includes(USER_FILTER)&&id.includes(DELETE_BUTTON_TOOLTIP)&&id.includes(index)));(0,_test.expect)(targetDeleteButtonTooltip).toBeVisible(),(0,_test.expect)(targetDeleteButtonTooltip.innerText).toBe(deleteButton),await _test.userEvent.unhover(targetDeleteButton),await(0,_utils.delay)(500),(0,_test.expect)(targetDeleteButtonTooltip).not.toBeVisible()})})}}),targetItemNameContainer.removeAttribute(HOVERABLE_KEY)})}})};exports.filterItemsFixture=filterItemsFixture;