@sis-cc/dotstatsuite-visions 12.18.0 → 12.19.0

package/lib/DynamicDrawer/DynamicDrawer.js

@@ -0,0 +1,299 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _ramda = require('ramda');
+
+var R = _interopRequireWildcard(_ramda);
+
+var _Box = require('@mui/material/Box');
+
+var _Box2 = _interopRequireDefault(_Box);
+
+var _AdvancedSelection = require('./AdvancedSelection');
+
+var _AdvancedSelection2 = _interopRequireDefault(_AdvancedSelection);
+
+var _material = require('@mui/material');
+
+var _makeStyles = require('@mui/styles/makeStyles');
+
+var _makeStyles2 = _interopRequireDefault(_makeStyles);
+
+var _Close = require('@mui/icons-material/Close');
+
+var _Close2 = _interopRequireDefault(_Close);
+
+var _Button = require('@mui/material/Button');
+
+var _Button2 = _interopRequireDefault(_Button);
+
+var _ = require('..');
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
+
+var useStyles = (0, _makeStyles2.default)(function (theme) {
+  return {
+    label: _extends({
+      textTransform: 'none',
+      color: theme.palette.grey[700]
+    }, R.pathOr({}, ['mixins', 'expansionPanel', 'title'], theme)),
+    tabPanel: {
+      backgroundColor: theme.palette.background.default,
+      position: 'absolute',
+      top: '176px',
+      zIndex: 1000,
+      width: '80vw',
+      height: '100vh',
+      left: '200px'
+    }
+  };
+});
+
+var TabPanel = function TabPanel(props) {
+  var children = props.children,
+      open = props.open,
+      item = props.item,
+      classes = props.classes,
+      labels = props.labels,
+      onClose = props.onClose,
+      other = _objectWithoutProperties(props, ['children', 'open', 'item', 'classes', 'labels', 'onClose']);
+
+  return _react2.default.createElement(
+    'div',
+    _extends({
+      role: 'tabpanel',
+      hidden: !open,
+      id: 'vertical-tabpanel-' + item.index,
+      'aria-labelledby': 'vertical-tab-' + item.index,
+      className: classes.tabPanel
+    }, other),
+    open && _react2.default.createElement(
+      _Box2.default,
+      { sx: { p: 3 } },
+      _react2.default.createElement(
+        _Button2.default,
+        {
+          onClick: onClose,
+          'aria-label': R.prop('cancel', labels),
+          sx: {
+            color: 'grey !important',
+            padding: 0,
+            float: 'right'
+          },
+          size: 'large'
+        },
+        _react2.default.createElement(_Close2.default, null)
+      ),
+      children
+    )
+  );
+};
+TabPanel.propTypes = process.env.NODE_ENV !== "production" ? {
+  item: _propTypes2.default.object,
+  open: _propTypes2.default.bool,
+  classes: _propTypes2.default.object,
+  labels: _propTypes2.default.object,
+  onClose: _propTypes2.default.func,
+  children: _propTypes2.default.node
+} : {};
+
+var PaperComponent = function PaperComponent(props) {
+  var classes = useStyles();
+  // const Chip = R.isNil(props.tag) ? InternalTag : props.tag;
+  return _react2.default.createElement(
+    _material.Paper,
+    props,
+    _react2.default.createElement(
+      _material.Typography,
+      { noWrap: true, variant: 'body2', title: props.label, className: classes.label },
+      props.label
+    )
+  );
+};
+PaperComponent.propTypes = process.env.NODE_ENV !== "production" ? {
+  label: _propTypes2.default.string,
+  tag: _propTypes2.default.elementType,
+  items: _propTypes2.default.array,
+  tagValueLabel: _propTypes2.default.func,
+  tagValue: _propTypes2.default.string
+} : {};
+
+var DynamicDrawer = function DynamicDrawer(props) {
+  var _useState = (0, _react.useState)(false),
+      open = _useState[0],
+      setOpen = _useState[1];
+
+  var _useState2 = (0, _react.useState)({}),
+      filter = _useState2[0],
+      setFilter = _useState2[1];
+
+  var _useState3 = (0, _react.useState)({}),
+      selection = _useState3[0],
+      setSelection = _useState3[1];
+
+  var _useState4 = (0, _react.useState)({}),
+      allSelection = _useState4[0],
+      setAllSelection = _useState4[1];
+
+  var list = props.list,
+      labelRenderer = props.labelRenderer,
+      onClick = props.onClick,
+      handleChangePanel = props.handleChangePanel,
+      isNarrow = props.isNarrow,
+      labels = props.labels,
+      _props$disableAccesso = props.disableAccessor,
+      disableAccessor = _props$disableAccesso === undefined ? R.always(false) : _props$disableAccesso,
+      expandAll = props.expandAll,
+      collapseAll = props.collapseAll,
+      expandedIds = props.expandedIds,
+      allItems = props.allItems,
+      periodPanel = props.periodPanel,
+      classes = props.classes,
+      tag = props.tag,
+      _props$testId = props.testId,
+      testId = _props$testId === undefined ? 'tabs' : _props$testId,
+      children = props.children,
+      rest = _objectWithoutProperties(props, ['list', 'labelRenderer', 'onClick', 'handleChangePanel', 'isNarrow', 'labels', 'disableAccessor', 'expandAll', 'collapseAll', 'expandedIds', 'allItems', 'periodPanel', 'classes', 'tag', 'testId', 'children']);
+
+  var handleChange = function handleChange(e, item) {
+    console.log({ item: item, selection: selection, allSelection: allSelection });
+    setSelection(_extends({}, allSelection[item.id]));
+    handleChangePanel(item.id, allSelection);
+    setFilter(item);
+    setOpen(true);
+  };
+  var handleSubmit = function handleSubmit() {
+    onClick(allSelection);
+    setAllSelection({});
+    setSelection({});
+    setOpen(false);
+  };
+
+  return _react2.default.createElement(
+    'div',
+    { style: { display: 'flex', flexDirection: 'row' } },
+    _react2.default.createElement(
+      _material.Tabs,
+      {
+        orientation: 'vertical',
+        variant: 'scrollable',
+        value: false,
+        onChange: handleChange,
+        'aria-label': 'filters',
+        'data-testid': testId,
+        sx: { width: '100%', height: '100%', borderRight: 1, borderColor: 'divider' }
+      },
+      R.map(function (item) {
+        return _react2.default.createElement(_material.Tab, {
+          key: item.id,
+          id: filter.id,
+          'data-testid': item.id + '-tab',
+          component: function component(props) {
+            return PaperComponent(_extends({ label: labelRenderer(item), tag: tag }, props));
+          },
+          label: labelRenderer(item),
+          'aria-label': labelRenderer(item),
+          sx: { alignItems: 'start', maxWidth: '100%' },
+          value: item,
+          'aria-selected': filter.id === item.id,
+          wrapped: true
+        });
+      })(list),
+      open && _react2.default.createElement(
+        _.Button,
+        {
+          sx: { float: 'bottom', margin: '10px' },
+          'aria-label': R.prop('apply', labels),
+          id: 'apply_button',
+          variant: 'contained',
+          onClick: handleSubmit
+        },
+        R.prop('apply', labels)
+      )
+    ),
+    _react2.default.createElement(
+      TabPanel,
+      {
+        item: filter,
+        'data-testid': testId + '_panel',
+        open: open,
+        labels: labels,
+        classes: classes,
+        onClose: function onClose() {
+          return setOpen(false);
+        }
+      },
+      R.equals(filter.id, periodPanel) ? children : _react2.default.createElement(_AdvancedSelection2.default, _extends({
+        id: filter.id,
+        items: filter.values,
+        isOpen: open,
+        labelRenderer: labelRenderer,
+        disableAccessor: disableAccessor ? R.pipe(R.prop('isEnabled'), R.not) : undefined,
+        labels: labels,
+        isNarrow: isNarrow,
+        expandAll: expandAll,
+        collapseAll: collapseAll,
+        expandedIds: expandedIds,
+        allItems: allItems,
+        selection: selection,
+        setSelection: setSelection,
+        setAllSelection: setAllSelection,
+        allSelection: allSelection
+      }, rest, {
+        filter: filter
+      }))
+    )
+  );
+};
+DynamicDrawer.propTypes = process.env.NODE_ENV !== "production" ? {
+  classes: _propTypes2.default.object,
+  testId: _propTypes2.default.string,
+  list: _propTypes2.default.array,
+  labelAccessor: _propTypes2.default.func,
+  tagAccessor: _propTypes2.default.func,
+  tagValueLabel: _propTypes2.default.func,
+  tag: _propTypes2.default.elementType,
+  tagAriaLabel: _propTypes2.default.func,
+  handleChangePanel: _propTypes2.default.func,
+  displayChildren: _propTypes2.default.func,
+  labels: _propTypes2.default.shape({
+    placeholder: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.func]),
+    disableItemLabel: _propTypes2.default.string,
+    singleSelection: _propTypes2.default.string,
+    childrenSelection: _propTypes2.default.string,
+    branchSelection: _propTypes2.default.string,
+    levelSelection: _propTypes2.default.string,
+    selectAll: _propTypes2.default.string,
+    deselectAll: _propTypes2.default.string,
+    apply: _propTypes2.default.string,
+    cancel: _propTypes2.default.string
+  }),
+  labelRenderer: _propTypes2.default.func,
+  expandAll: _propTypes2.default.func,
+  collapseAll: _propTypes2.default.func,
+  expandedIds: _propTypes2.default.object,
+  allItems: _propTypes2.default.array,
+  onClick: _propTypes2.default.func,
+  periodPanel: _propTypes2.default.string,
+  isNarrow: _propTypes2.default.bool,
+  disableAccessor: _propTypes2.default.func,
+  children: _propTypes2.default.node
+} : {};
+
+exports.default = DynamicDrawer;
+module.exports = exports['default'];

package/lib/DynamicDrawer/SelectionModesMobile.js

@@ -0,0 +1,116 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+var _ramda = require('ramda');
+
+var R = _interopRequireWildcard(_ramda);
+
+var _material = require('@mui/material');
+
+var _ = require('..');
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var mapIndexed = R.addIndex(R.map);
+var ButtonCarousel = function ButtonCarousel(_ref) {
+  var _cx;
+
+  var selectionModes = _ref.selectionModes,
+      selectionMode = _ref.selectionMode,
+      setSelectionMode = _ref.setSelectionMode,
+      isNarrow = _ref.isNarrow,
+      classes = _ref.classes;
+
+  return _react2.default.createElement(
+    _material.Box,
+    {
+      sx: {
+        display: 'flex',
+        overflowX: 'auto',
+        gap: 2,
+        padding: 2,
+        scrollSnapType: 'x mandatory',
+        '&::-webkit-scrollbar': { display: 'none' }, // Hide scrollbar on Webkit
+        scrollbarWidth: 'none' // Hide scrollbar on Firefox
+      }
+    },
+    _react2.default.createElement(
+      'div',
+      { className: (0, _classnames2.default)(classes.selectModeContainer, (_cx = {}, _cx[classes.narrowHeader] = isNarrow, _cx)) },
+      mapIndexed(function (_ref2) {
+        var value = _ref2.value,
+            label = _ref2.label,
+            img = _ref2.img;
+        return _react2.default.createElement(
+          _.Tooltip,
+          {
+            key: value,
+            classes: { tooltip: classes.tooltip },
+            title: _react2.default.createElement('img', { style: { width: '72px', height: '90px' }, src: img, alt: value }),
+            tabIndex: -1
+          },
+          _react2.default.createElement(
+            _material.Button,
+            {
+              className: classes.selectButton,
+              selected: value === selectionMode,
+              onClick: function onClick() {
+                setSelectionMode(value);
+              },
+              'aria-pressed': value === selectionMode,
+              'aria-label': label,
+              tabIndex: 0,
+              sx: {
+                flex: '0 0 auto', // Prevents buttons from shrinking
+                scrollSnapAlign: 'center',
+                minWidth: 120, // Minimum width for buttons
+                whiteSpace: 'nowrap'
+              }
+            },
+            _react2.default.createElement(
+              _material.Paper,
+              { elevation: 0, className: classes.selectModeItem, key: value },
+              _react2.default.createElement(
+                _material.Typography,
+                null,
+                label
+              ),
+              !R.isNil(img) && R.is(String, img) && _react2.default.createElement('img', { src: img, alt: value })
+            )
+          )
+        );
+      }, selectionModes)
+    )
+  );
+};
+
+exports.default = ButtonCarousel;
+
+
+ButtonCarousel.propTypes = process.env.NODE_ENV !== "production" ? {
+  selectionModes: _propTypes2.default.arrayOf(_propTypes2.default.shape({
+    value: _propTypes2.default.string.isRequired,
+    label: _propTypes2.default.string.isRequired,
+    img: _propTypes2.default.string
+  })).isRequired,
+  selectionMode: _propTypes2.default.string.isRequired,
+  setSelectionMode: _propTypes2.default.func.isRequired,
+  classes: _propTypes2.default.object.isRequired,
+  isNarrow: _propTypes2.default.bool.isRequired
+} : {};
+module.exports = exports['default'];

package/lib/DynamicDrawer/index.js

@@ -0,0 +1,16 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _DynamicDrawer = require('./DynamicDrawer');
+
+Object.defineProperty(exports, 'default', {
+  enumerable: true,
+  get: function get() {
+    return _interopRequireDefault(_DynamicDrawer).default;
+  }
+});
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+module.exports = exports['default'];

package/lib/PeriodPicker/PeriodPicker.js

@@ -72,7 +72,8 @@ var Period = function Period(_ref) {
   var showFrequency = R.and(R.gt(R.length(frequencies), 1), R.not(frequencyDisabled));
   var destructuringDates = R.map(_lib.getDestructuringDate)(period);
 
-  var onChangeFrequency = function onChangeFrequency(value) {
+  var onClickFrequency = function onClickFrequency(e, value) {
+    console.log(value);
     if (R.is(Function, changeFrequency)) return changeFrequency(value);
   };
   var _getIsDisabled = function _getIsDisabled(getter) {
@@ -126,110 +127,114 @@ var Period = function Period(_ref) {
         className: classes.headerContainer,
         'data-testid': 'period-picker-frequency-test-id'
       },
-      _react2.default.createElement(
-        _material.Grid,
-        { container: true, direction: 'row' },
-        _react2.default.createElement(
-          _material.Grid,
-          { item: true, xs: 12 },
-          _react2.default.createElement(_.Select, {
-            id: labels.frequency,
-            label: labels.frequency,
-            onChange: onChangeFrequency,
-            value: frequency,
-            items: frequencies
-          })
-        )
-      )
+      R.map(function (freq) {
+        return _react2.default.createElement(
+          _.Button,
+          {
+            sx: { margin: 2 },
+            'aria-label': freq.label,
+            key: freq.value,
+            onClick: function onClick(e) {
+              return onClickFrequency(e, R.prop('value', freq));
+            },
+            selected: frequency
+          },
+          freq.label
+        );
+      })(frequencies)
     ),
-    R.not(isPeriodDisabled) && R.map(function (_ref3) {
-      var getter = _ref3.getter,
-          layout = _ref3.layout,
-          label = _ref3.label,
-          value = _ref3.value,
-          testId = _ref3.testId,
-          getIsDisabled = _ref3.getIsDisabled;
-      return _react2.default.createElement(
-        _material.Grid,
-        { key: getter, item: true, xs: 12, 'data-testid': testId },
-        _react2.default.createElement(
+    R.not(isPeriodDisabled) && _react2.default.createElement(
+      _material.Grid,
+      { container: true, xs: 12, justifyContent: 'space-between' },
+      R.map(function (_ref3) {
+        var getter = _ref3.getter,
+            layout = _ref3.layout,
+            label = _ref3.label,
+            value = _ref3.value,
+            testId = _ref3.testId,
+            getIsDisabled = _ref3.getIsDisabled;
+        return _react2.default.createElement(
           _material.Grid,
-          { container: true, direction: 'row' },
+          { key: getter, item: true, xs: 5, 'data-testid': testId, justifyContent: 'space-between' },
           _react2.default.createElement(
             _material.Grid,
-            { item: true, xs: 12, className: classes.sideLabel },
+            { container: true, direction: 'row' },
             _react2.default.createElement(
-              _material.Typography,
-              {
-                variant: 'body2',
-                tabIndex: 0 // eslint-disable-line jsx-a11y/no-noninteractive-tabindex
-                , 'aria-label': label
-              },
-              label
+              _material.Grid,
+              { item: true, xs: 12, className: classes.sideLabel },
+              _react2.default.createElement(
+                _material.Typography,
+                {
+                  variant: 'body2',
+                  tabIndex: 0 // eslint-disable-line jsx-a11y/no-noninteractive-tabindex
+                  , 'aria-label': label
+                },
+                label
+              )
             )
-          )
-        ),
-        _react2.default.createElement(
-          _material.Grid,
-          { container: true, direction: 'row' },
+          ),
           _react2.default.createElement(
             _material.Grid,
-            { item: true, xs: 12 },
+            { container: true, direction: 'row' },
             _react2.default.createElement(
               _material.Grid,
-              { container: true, className: classes.headerContainer, spacing: 1 },
-              R.map(function (row) {
-                return R.map(function (_ref4) {
-                  var id = _ref4.id,
-                      values = _ref4.values;
+              { item: true, xs: 12 },
+              _react2.default.createElement(
+                _material.Grid,
+                { container: true, className: classes.headerContainer, spacing: 1 },
+                R.map(function (row) {
+                  return R.map(function (_ref4) {
+                    var id = _ref4.id,
+                        values = _ref4.values;
 
-                  var selectedValue = R.isNil(R.prop(id)(value)) ? R.head(values) : R.prop(id)(value);
-                  return _react2.default.createElement(
-                    _material.Grid,
-                    {
-                      key: id,
-                      item: true,
-                      xs: 12 / R.length(row),
-                      className: classes.selectContainer
-                    },
-                    _react2.default.createElement(_.Select, {
-                      onChange: onChangePeriod(getter, id),
-                      label: R.prop(id)(labels),
-                      id: id + '-' + label,
-                      dataTestId: id + '-' + label + '-test-id',
-                      value: selectedValue,
-                      disabled: disabled || false,
-                      items: R.map(function (option) {
-                        return {
-                          id: id,
-                          value: option,
-                          disabled: getIsDisabled(option, id),
-                          label: R.ifElse(R.is(String), R.identity, R.prop(id)(_lib.numeralFormat))(option)
-                        };
-                      })(values)
-                    })
-                  );
-                })(row);
-              })(layout)
+                    var selectedValue = R.isNil(R.prop(id)(value)) ? R.head(values) : R.prop(id)(value);
+                    return _react2.default.createElement(
+                      _material.Grid,
+                      {
+                        key: id,
+                        item: true,
+                        xs: 12 / R.length(row),
+                        className: classes.selectContainer
+                      },
+                      _react2.default.createElement(_.Select, {
+                        onChange: onChangePeriod(getter, id),
+                        label: R.prop(id)(labels),
+                        id: id + '-' + label,
+                        dataTestId: id + '-' + label + '-test-id',
+                        value: selectedValue,
+                        disabled: disabled || false,
+                        items: R.map(function (option) {
+                          return {
+                            id: id,
+                            value: option,
+                            disabled: getIsDisabled(option, id),
+                            label: R.ifElse(R.is(String), R.identity, R.prop(id)(_lib.numeralFormat))(option)
+                          };
+                        })(values)
+                      })
+                    );
+                  })(row);
+                })(layout)
+              )
             )
           )
-        )
-      );
-    })([{
-      getter: 'start',
-      testId: 'period-picker-start-period-test-id',
-      layout: (0, _lib.getLayout)(frequency, R.head(ranges)),
-      label: R.prop('start')(labels),
-      value: (0, _lib.getPeriodValue)(R.head(destructuringDates)),
-      getIsDisabled: _getIsDisabled('start')
-    }, {
-      getter: 'end',
-      testId: 'period-picker-end-period-test-id',
-      layout: (0, _lib.getLayout)(frequency, R.last(ranges), /*R.last(availableRanges)*/[]),
-      label: R.prop('end')(labels),
-      value: (0, _lib.getPeriodValue)(R.last(destructuringDates)),
-      getIsDisabled: _getIsDisabled('end')
-    }])
+        );
+      })([{
+        getter: 'start',
+        testId: 'period-picker-start-period-test-id',
+        layout: (0, _lib.getLayout)(frequency, R.head(ranges)),
+        label: R.prop('start')(labels),
+        value: (0, _lib.getPeriodValue)(R.head(destructuringDates)),
+        getIsDisabled: _getIsDisabled('start')
+      }, {
+        getter: 'end',
+        testId: 'period-picker-end-period-test-id',
+        layout: (0, _lib.getLayout)(frequency, R.last(ranges), /*R.last(availableRanges)*/[]),
+        label: R.prop('end')(labels),
+        value: (0, _lib.getPeriodValue)(R.last(destructuringDates)),
+        getIsDisabled: _getIsDisabled('end')
+      }])
+    )
   );
 };
 

package/lib/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 exports.__esModule = true;
-exports.T4_BREAKPOINTS = exports.innerPalette = exports.sisccTheme = exports.HierarchicalFilter = exports.AdvancedFilterDialog = exports.VirtualizedTree = exports.AuthDialog = exports.VerticalButton = exports.UserRightForm = exports.Tooltip = exports.ToggleButton = exports.Tag = exports.TablePreview = exports.TableLayout = exports.Cell = exports.TableHtml5 = exports.TableHeader = exports.TableFooter = exports.Spotlight = exports.SisccFooter = exports.ShortUrls = exports.Share = exports.Select = exports.reduceChildren = exports.spotlightScopeListEngine = exports.PeriodPicker = exports.Pagination = exports.Mode = exports.NoData = exports.Logo = exports.Loading = exports.LabelDivider = exports.InputNumber = exports.Input = exports.ExpansionPanel = exports.DataFooter = exports.DataHeader = exports.Dataflow = exports.DataEdit = exports.Contact = exports.CollapsibleTree = exports.CollapseButtons = exports.GroupedChips = exports.DeleteAllChip = exports.ChartsConfig = exports.Button = exports.Breadcrumbs = exports.ApiQueries = exports.Alert = undefined;
+exports.T4_BREAKPOINTS = exports.innerPalette = exports.sisccTheme = exports.HierarchicalFilter = exports.AdvancedFilterDialog = exports.VirtualizedTree = exports.AuthDialog = exports.VerticalButton = exports.UserRightForm = exports.Tooltip = exports.ToggleButton = exports.Tag = exports.TablePreview = exports.TableLayout = exports.Cell = exports.TableHtml5 = exports.TableHeader = exports.TableFooter = exports.Spotlight = exports.SisccFooter = exports.ShortUrls = exports.Share = exports.Select = exports.reduceChildren = exports.spotlightScopeListEngine = exports.PeriodPicker = exports.Pagination = exports.Mode = exports.NoData = exports.Logo = exports.Loading = exports.LabelDivider = exports.InputNumber = exports.Input = exports.ExpansionPanel = exports.DynamicDrawer = exports.DataFooter = exports.DataHeader = exports.Dataflow = exports.DataEdit = exports.Contact = exports.CollapsibleTree = exports.CollapseButtons = exports.GroupedChips = exports.DeleteAllChip = exports.ChartsConfig = exports.Button = exports.Breadcrumbs = exports.ApiQueries = exports.Alert = undefined;
 
 var _Alert = require('./Alert');
 
@@ -126,6 +126,15 @@ Object.defineProperty(exports, 'DataFooter', {
   }
 });
 
+var _DynamicDrawer = require('./DynamicDrawer');
+
+Object.defineProperty(exports, 'DynamicDrawer', {
+  enumerable: true,
+  get: function get() {
+    return _interopRequireDefault(_DynamicDrawer).default;
+  }
+});
+
 var _ExpansionPanel = require('./ExpansionPanel');
 
 Object.defineProperty(exports, 'ExpansionPanel', {