@widergy/energy-ui 3.121.2 → 3.122.0

package/dist/components/UTFilterGrouping/components/GroupingPanel/components/ExpandedPanelContent/components/ExpandedPanelContentPopper/index.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+var _context = _interopRequireDefault(require("../../../../../../context"));
+var _layout = _interopRequireDefault(require("./layout"));
+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 ExpandedPanelContentPopperContainer = _ref => {
+  let {
+    dataTestId
+  } = _ref;
+  const {
+    classes,
+    closePopper,
+    popperState: {
+      anchor,
+      description,
+      title
+    } = {},
+    position
+  } = (0, _react.useContext)(_context.default);
+  return /*#__PURE__*/_react.default.createElement(_layout.default, {
+    anchor: anchor,
+    classes: classes,
+    dataTestId: dataTestId,
+    description: description,
+    onClose: closePopper,
+    position: position,
+    title: title
+  });
+};
+ExpandedPanelContentPopperContainer.propTypes = {
+  dataTestId: _propTypes.string
+};
+var _default = exports.default = ExpandedPanelContentPopperContainer;

package/dist/components/UTFilterGrouping/components/GroupingPanel/components/ExpandedPanelContent/components/ExpandedPanelContentPopper/layout.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _capitalize = _interopRequireDefault(require("lodash/capitalize"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+var _UTPopper = _interopRequireDefault(require("../../../../../../../UTPopper"));
+var _UTLabel = _interopRequireDefault(require("../../../../../../../UTLabel"));
+var _testIds = require("../../../../../../../../constants/testIds");
+var _constants = require("./constants");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const {
+  TITLE,
+  LABEL
+} = _testIds.ID_CONSTANTS;
+const ExpandedPanelContentPopper = _ref => {
+  let {
+    anchor,
+    classes,
+    dataTestId,
+    description,
+    onClose,
+    position,
+    title
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_UTPopper.default, {
+    anchor: anchor,
+    className: "".concat(classes.popper, " ").concat(classes["popper".concat((0, _capitalize.default)(position))]),
+    onClose: onClose,
+    placement: _constants.POPPER_PLACEMENT[position]
+  }, /*#__PURE__*/_react.default.createElement("article", {
+    className: classes.expandedPanelContentPopperContent
+  }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    dataTestId: "".concat(dataTestId, ".").concat(TITLE),
+    variant: "small",
+    weight: "medium"
+  }, title), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    colorTheme: "gray",
+    dataTestId: "".concat(dataTestId, ".").concat(LABEL),
+    variant: "small"
+  }, description)));
+};
+ExpandedPanelContentPopper.propTypes = {
+  anchor: _propTypes.object,
+  classes: (0, _propTypes.objectOf)(_propTypes.string),
+  dataTestId: _propTypes.string,
+  description: _propTypes.string,
+  onClose: _propTypes.func,
+  position: _propTypes.string,
+  title: _propTypes.string
+};
+var _default = exports.default = ExpandedPanelContentPopper;

package/dist/components/UTFilterGrouping/components/GroupingPanel/components/ExpandedPanelContent/index.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+var _testIds = require("lib/constants/testIds");
+var _context = _interopRequireDefault(require("../../../../context"));
+var _layout = _interopRequireDefault(require("./layout"));
+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 {
+  EXPANDED_PANEL_CONTENT
+} = _testIds.ID_CONSTANTS;
+const ExpandedPanelContentContainer = _ref => {
+  let {
+    dataTestId
+  } = _ref;
+  const {
+    classes,
+    categories,
+    categoriesConfig
+  } = (0, _react.useContext)(_context.default);
+  const modifiedDataTestId = dataTestId ? "".concat(dataTestId, ".").concat(EXPANDED_PANEL_CONTENT) : undefined;
+  return /*#__PURE__*/_react.default.createElement(_layout.default, {
+    categories: categories,
+    categoriesConfig: categoriesConfig,
+    classes: classes,
+    modifiedDataTestId: modifiedDataTestId
+  });
+};
+ExpandedPanelContentContainer.propTypes = {
+  dataTestId: _propTypes.string
+};
+var _default = exports.default = ExpandedPanelContentContainer;

package/dist/components/UTFilterGrouping/components/GroupingPanel/components/ExpandedPanelContent/layout.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+var _testIds = require("lib/constants/testIds");
+var _ExpandedPanelContentCategory = _interopRequireDefault(require("./components/ExpandedPanelContentCategory"));
+var _ExpandedPanelContentHeader = _interopRequireDefault(require("./components/ExpandedPanelContentHeader"));
+var _ExpandedPanelContentPopper = _interopRequireDefault(require("./components/ExpandedPanelContentPopper"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const {
+  EXPANDED_PANEL_CONTENT_CATEGORY,
+  POPPER
+} = _testIds.ID_CONSTANTS;
+const ExpandedPanelContent = _ref => {
+  let {
+    modifiedDataTestId,
+    classes,
+    categories,
+    categoriesConfig
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("article", {
+    className: classes.expandedPanelContent
+  }, /*#__PURE__*/_react.default.createElement(_ExpandedPanelContentHeader.default, {
+    dataTestId: modifiedDataTestId
+  }), categories && Array.isArray(categories) && categories.map(category => /*#__PURE__*/_react.default.createElement(_ExpandedPanelContentCategory.default, {
+    key: category.id,
+    category: category,
+    dataTestId: modifiedDataTestId ? "".concat(modifiedDataTestId, ".").concat(EXPANDED_PANEL_CONTENT_CATEGORY) : undefined,
+    categoryConfig: categoriesConfig[category.category]
+  })), /*#__PURE__*/_react.default.createElement(_ExpandedPanelContentPopper.default, {
+    dataTestId: "".concat(modifiedDataTestId, ".").concat(POPPER)
+  }));
+};
+ExpandedPanelContent.propTypes = {
+  categories: _propTypes.array,
+  categoriesConfig: (0, _propTypes.objectOf)(_propTypes.object),
+  classes: (0, _propTypes.objectOf)(_propTypes.string),
+  modifiedDataTestId: _propTypes.string
+};
+var _default = exports.default = ExpandedPanelContent;

package/dist/components/UTFilterGrouping/components/GroupingPanel/index.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+require("react-perfect-scrollbar/dist/css/styles.css");
+var _propTypes = require("prop-types");
+var _testIds = require("lib/constants/testIds");
+var _iconTypes = require("../../../../types/iconTypes");
+var _commonTypes = require("../../../../types/commonTypes");
+var _context = _interopRequireDefault(require("../../context"));
+var _layout = _interopRequireDefault(require("./layout"));
+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 {
+  GROUPING_PANEL
+} = _testIds.ID_CONSTANTS;
+const GroupingPanelContainer = _ref => {
+  let {
+    containerRef,
+    dataTestId,
+    iconProps,
+    onClose,
+    open,
+    panelTitle,
+    position
+  } = _ref;
+  const {
+    classes
+  } = (0, _react.useContext)(_context.default);
+  const appendedDataTestId = dataTestId ? "".concat(dataTestId, ".").concat(GROUPING_PANEL) : undefined;
+  const drawerRef = (0, _react.useRef)(null);
+  return /*#__PURE__*/_react.default.createElement(_layout.default, {
+    appendedDataTestId: appendedDataTestId,
+    classes: classes,
+    containerRef: containerRef,
+    dataTestId: appendedDataTestId,
+    drawerRef: drawerRef,
+    iconProps: iconProps,
+    onClose: onClose,
+    open: open,
+    panelTitle: panelTitle,
+    position: position
+  });
+};
+GroupingPanelContainer.propTypes = {
+  containerRef: _commonTypes.refType,
+  dataTestId: _propTypes.string,
+  onClose: _propTypes.func,
+  open: _propTypes.bool,
+  position: _propTypes.string,
+  panelTitle: _propTypes.string,
+  iconProps: _iconTypes.iconPropTypes
+};
+var _default = exports.default = GroupingPanelContainer;

package/dist/components/UTFilterGrouping/components/GroupingPanel/layout.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _capitalize = _interopRequireDefault(require("lodash/capitalize"));
+var _reactPerfectScrollbar = _interopRequireDefault(require("react-perfect-scrollbar"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+var _core = require("@material-ui/core");
+var _CollapsedPanelContent = _interopRequireDefault(require("./components/CollapsedPanelContent"));
+var _ExpandedPanelContent = _interopRequireDefault(require("./components/ExpandedPanelContent"));
+require("react-perfect-scrollbar/dist/css/styles.css");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const GroupingPanel = _ref => {
+  let {
+    appendedDataTestId,
+    classes,
+    containerRef,
+    drawerRef,
+    onClose,
+    open,
+    position
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_core.Drawer, {
+    anchor: position,
+    classes: {
+      paper: "".concat(classes.paper, " ").concat(open ? classes.paperOpen : ''),
+      root: classes["panelRoot".concat((0, _capitalize.default)(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.default.createElement(_reactPerfectScrollbar.default, {
+    className: classes.perfectScrollbar,
+    options: {
+      suppressScrollX: true
+    }
+  }, /*#__PURE__*/_react.default.createElement(_ExpandedPanelContent.default, {
+    dataTestId: appendedDataTestId
+  })) : /*#__PURE__*/_react.default.createElement(_CollapsedPanelContent.default, {
+    dataTestId: appendedDataTestId
+  }));
+};
+GroupingPanel.propTypes = {
+  appendedDataTestId: _propTypes.string,
+  classes: (0, _propTypes.objectOf)(_propTypes.string),
+  containerRef: _propTypes.refType,
+  drawerRef: _propTypes.refType,
+  onClose: _propTypes.func,
+  open: _propTypes.bool,
+  position: _propTypes.string
+};
+var _default = exports.default = GroupingPanel;

package/dist/components/UTFilterGrouping/constants.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PANEL_POSITIONS = void 0;
+const PANEL_POSITIONS = exports.PANEL_POSITIONS = {
+  LEFT: 'left',
+  RIGHT: 'right'
+};

package/dist/components/UTFilterGrouping/context.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+const UTFilterGroupingContext = /*#__PURE__*/(0, _react.createContext)({});
+var _default = exports.default = UTFilterGroupingContext;

package/dist/components/UTFilterGrouping/index.js

@@ -0,0 +1,187 @@
+"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 UTFilterGroupingContainer = _ref => {
+  let {
+    categories,
+    categoriesConfig,
+    children,
+    classNames,
+    classes: theme,
+    dataTestId,
+    handleSelectFilter,
+    iconProps,
+    noFiltersText,
+    noFiltersTitle,
+    onDeleteFilterGrouping,
+    onEditFilterGrouping,
+    panelTitle,
+    position = _constants.PANEL_POSITIONS.LEFT,
+    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 handleTogglePanel = () => {
+    setOpen(!open);
+  };
+  const [filteredCategories, setFilteredCategories] = (0, _react.useState)(categories);
+  const handleAddFilterGroup = () => {
+    // TODO: desarrollo en otro PR
+    alert('handleAddFilterGroup');
+  };
+  const handleFilterGroupSearch = value => {
+    const filteredResults = categories.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 handleDeleteFilterGrouping = filter => {
+    onDeleteFilterGrouping(filter);
+  };
+  const handleEditFilterGrouping = filter => {
+    onEditFilterGrouping(filter);
+  };
+  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)(() => {
+    setFilteredCategories(categories);
+  }, [categories]);
+  const contextValue = (0, _react.useMemo)(() => ({
+    categories: filteredCategories,
+    categoriesConfig,
+    classes,
+    closePopper,
+    containerRef: containerRef.current,
+    filteredValues,
+    handleAddFilterGroup,
+    handleDeleteFilterGrouping,
+    handleEditFilterGrouping,
+    handleFilterGroupSearch,
+    handleSelectFilter,
+    handleTogglePanel,
+    iconProps,
+    noFiltersText,
+    noFiltersTitle,
+    open,
+    openPopper,
+    panelTitle,
+    popperState,
+    position,
+    selectedFilter,
+    theme,
+    tooltipsContentMap
+  }), [categories, categoriesConfig, classes, filteredCategories, filteredValues, iconProps, noFiltersText, noFiltersTitle, open, popperState, position, selectedFilter]);
+  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)));
+};
+UTFilterGroupingContainer.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,
+  handleSelectFilter: _propTypes.func,
+  iconProps: _iconTypes.iconPropTypes,
+  noFiltersText: _propTypes.string,
+  noFiltersTitle: _propTypes.string,
+  onDeleteFilterGrouping: _propTypes.func,
+  onEditFilterGrouping: _propTypes.func,
+  panelTitle: _propTypes.string,
+  position: _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)(UTFilterGroupingContainer);

package/dist/components/UTFilterGrouping/layout.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(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 }; }
+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 UTFilterGrouping = _ref => {
+  let {
+    children,
+    containerRef,
+    dataTestId,
+    handleTogglePanel,
+    iconProps,
+    open,
+    panelTitle,
+    position
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_GroupingPanel.default, {
+    containerRef: containerRef,
+    dataTestId: dataTestId,
+    iconProps: iconProps,
+    onClose: handleTogglePanel,
+    open: open,
+    panelTitle: panelTitle,
+    position: position
+  }), children);
+};
+UTFilterGrouping.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 = UTFilterGrouping;

package/dist/components/UTFilterGrouping/stories/UTFilterGrouping.mdx

@@ -0,0 +1,13 @@
+import { ArgTypes, Canvas, Description, Meta, Title } from '@storybook/addon-docs';
+
+import * as UTFilterGroupingStories from './UTFilterGrouping.stories';
+
+<Meta of={UTFilterGroupingStories} />
+
+<Title>UTFilterGrouping</Title>
+
+<Description of={UTFilterGroupingStories} />
+
+<Canvas of={UTFilterGroupingStories.Playground} />
+
+<ArgTypes />