@pingux/astro 2.65.0 → 2.65.1-alpha.0

package/lib/cjs/components/DataTable/DataTableBadge.js

@@ -13,7 +13,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _AlertCircleIcon = _interopRequireDefault(require("@pingux/mdi-react/AlertCircleIcon"));
 var _AlertIcon = _interopRequireDefault(require("@pingux/mdi-react/AlertIcon"));
 var _CheckIcon = _interopRequireDefault(require("@pingux/mdi-react/CheckIcon"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _index = require("../../index");
 var _react2 = require("@emotion/react");
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -35,17 +34,14 @@ var DataTableBadge = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       flexDirection: 'row-reverse !important'
     }
   }, cell && cell !== 'Pending' && (0, _react2.jsx)(_index.Icon, {
-    icon: cell === 'Approved' ? _CheckIcon["default"] : cell === 'Rejected' ? _AlertCircleIcon["default"] : cell === 'Failed' ? _AlertIcon["default"] : null,
+    icon: cell === 'Approved' ? _CheckIcon["default"] : cell === 'Rejected' ? _AlertCircleIcon["default"] : cell === 'Failed' ? _AlertIcon["default"] : undefined,
     title: {
-      name: cell === 'Approved' ? 'Check Icon' : cell === 'Rejected' ? 'Alert Circle Icon' : cell === 'Failed' ? 'Alert Icon' : null
+      name: cell === 'Approved' ? 'Check Icon' : cell === 'Rejected' ? 'Alert Circle Icon' : cell === 'Failed' ? 'Alert Icon' : ''
     },
     mr: "xs",
     size: "14px",
     color: color
   }));
 });
-DataTableBadge.propTypes = {
-  cell: _propTypes["default"].string
-};
 var _default = DataTableBadge;
 exports["default"] = _default;

package/lib/cjs/components/DataTable/DataTableBadge.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/cjs/components/DataTable/DataTableMenu.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const DataTableMenu: React.ForwardRefExoticComponent<object & React.RefAttributes<HTMLDivElement>>;
+export default DataTableMenu;

package/lib/cjs/components/DataTable/DataTableMenu.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/cjs/components/DataTable/DataTableMultiLine.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DataTableMultiLineProps } from '../../index';
+declare const DataTableMultiLine: React.ForwardRefExoticComponent<DataTableMultiLineProps & React.RefAttributes<HTMLDivElement>>;
+export default DataTableMultiLine;

package/lib/cjs/components/DataTable/DataTableMultiLine.js

@@ -22,7 +22,7 @@ var DataTableMultiLine = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
   return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _map["default"])(cell).call(cell, function (item) {
     var _context;
     return (0, _react2.jsx)(_index.Box, {
-      key: (0, _concat["default"])(_context = "".concat(cell.key, "_")).call(_context, item.accountId),
+      key: (0, _concat["default"])(_context = "".concat(item.key, "_")).call(_context, item.accountId),
       ref: ref
     }, (0, _react2.jsx)(_index.Box, {
       sx: {
@@ -37,7 +37,7 @@ var DataTableMultiLine = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
     }, (0, _react2.jsx)(_index.Icon, {
       icon: item.icon,
       color: "accent.40",
-      size: "18.75",
+      size: "18.75px",
       title: {
         name: "Icon for ".concat(item.name)
       }

package/lib/cjs/components/DataTable/DataTableMultiLine.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/cjs/components/DataTable/DataTableMultiLine.test.js

@@ -13,8 +13,7 @@ var cell = [{
   icon: _ApplicationIcon["default"],
   accountId: 123
 }];
-var getComponent = function getComponent() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+var getComponent = function getComponent(props) {
   return (0, _react2.render)((0, _react3.jsx)(_index.DataTableMultiLine, props));
 };
 

package/lib/cjs/components/DataTable/DataTableVirtualizer.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { DataTableVirtualizerProps } from '../../index';
+/**
+ * Custom Virtualizer using react aria Spectrum TableView/TableVirtualizer
+ * Primarily utilizes [TableView](https://react-spectrum.adobe.com/react-spectrum/TableView.html)
+*/
+declare const DataTableVirtualizer: React.ForwardRefExoticComponent<DataTableVirtualizerProps<object, object> & React.RefAttributes<HTMLDivElement>>;
+export default DataTableVirtualizer;

package/lib/cjs/components/DataTable/DataTableVirtualizer.js

@@ -15,10 +15,10 @@ var _react = _interopRequireWildcard(require("react"));
 var _utils = require("@react-aria/utils");
 var _virtualizer = require("@react-aria/virtualizer");
 var _virtualizer2 = require("@react-stately/virtualizer");
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _hooks = require("../../hooks");
 var _index = require("../../index");
 var _react2 = require("@emotion/react");
-var _excluded = ["layout", "collection", "renderView", "renderWrapper", "domRef", "bodyRef", "setTableWidth", "getColumnWidth", "onVisibleRectChange"];
+var _excluded = ["layout", "collection", "renderView", "renderWrapper", "domRef", "bodyRef", "onVisibleRectChange"];
 /**
  * Custom Virtualizer using react aria Spectrum TableView/TableVirtualizer
  * Primarily utilizes [TableView](https://react-spectrum.adobe.com/react-spectrum/TableView.html)
@@ -33,12 +33,11 @@ var DataTableVirtualizer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, r
     renderWrapper = _ref.renderWrapper,
     domRef = _ref.domRef,
     bodyRef = _ref.bodyRef,
-    setTableWidth = _ref.setTableWidth,
-    getColumnWidth = _ref.getColumnWidth,
     onVisibleRectChangeProp = _ref.onVisibleRectChange,
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var direction = 'ltr'; // useLocale override
-  var headerRef = (0, _react.useRef)(ref);
+
+  var headerRef = (0, _hooks.useLocalOrForwardRef)(ref);
   var loadingState = collection.body.props.loadingState;
   var isLoading = loadingState === 'loading' || loadingState === 'loadingMore';
   var onLoadMore = collection.body.props.onLoadMore;
@@ -49,9 +48,11 @@ var DataTableVirtualizer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, r
     renderView: renderView,
     renderWrapper: renderWrapper,
     onVisibleRectChange: function onVisibleRectChange(rect) {
-      // eslint-disable-next-line no-param-reassign
-      bodyRef.current.scrollTop = rect.y;
-      (0, _virtualizer.setScrollLeft)(bodyRef.current, direction, rect.x);
+      if (bodyRef.current) {
+        // eslint-disable-next-line no-param-reassign
+        bodyRef.current.scrollTop = rect.y;
+        (0, _virtualizer.setScrollLeft)(bodyRef.current, direction, rect.x);
+      }
     },
     transitionDuration: isLoading ? 160 : 220
   });
@@ -81,7 +82,9 @@ var DataTableVirtualizer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, r
 
   // Sync the scroll position from the table body to the header container.
   var onScroll = (0, _react.useCallback)(function () {
-    headerRef.current.scrollLeft = bodyRef.current.scrollLeft;
+    if (headerRef.current && bodyRef.current) {
+      headerRef.current.scrollLeft = bodyRef.current.scrollLeft;
+    }
   }, [bodyRef]);
   var onVisibleRectChange = (0, _react.useCallback)(function (rect) {
     state.setVisibleRect(rect);
@@ -115,7 +118,6 @@ var DataTableVirtualizer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, r
     },
     ref: headerRef
   }, state.visibleViews[0]), (0, _react2.jsx)(_virtualizer.ScrollView, {
-    variant: "dataTable.tableBody",
     style: {
       flex: 1
     },
@@ -132,31 +134,5 @@ var DataTableVirtualizer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, r
     tabIndex: 0
   }, state.visibleViews[1]));
 });
-DataTableVirtualizer.propTypes = {
-  bodyRef: _propTypes["default"].shape({
-    current: _propTypes["default"].shape({
-      scrollLeft: _propTypes["default"].number,
-      scrollTop: _propTypes["default"].number
-    })
-  }),
-  collection: _propTypes["default"].shape({
-    body: _propTypes["default"].shape({
-      props: _propTypes["default"].shape({
-        loadingState: _propTypes["default"].string,
-        onLoadMore: _propTypes["default"].func
-      })
-    }),
-    getItem: _propTypes["default"].func
-  }),
-  domRef: _propTypes["default"].shape({}),
-  getColumnWidth: _propTypes["default"].func,
-  layout: _propTypes["default"].shape({
-    getLayoutInfo: _propTypes["default"].func
-  }),
-  onVisibleRectChange: _propTypes["default"].func,
-  renderView: _propTypes["default"].func,
-  renderWrapper: _propTypes["default"].func,
-  setTableWidth: _propTypes["default"].func
-};
 var _default = DataTableVirtualizer;
 exports["default"] = _default;

package/lib/cjs/components/DataTable/index.d.ts

@@ -0,0 +1,5 @@
+export { default } from './DataTable';
+export { default as DataTableBadge } from './DataTableBadge';
+export { default as DataTableMenu } from './DataTableMenu';
+export { default as DataTableMultiLine } from './DataTableMultiLine';
+export { default as DataTableVirtualizer } from './DataTableVirtualizer';

package/lib/cjs/types/dataTable.d.ts

@@ -0,0 +1,88 @@
+import { Key, ReactElement, ReactNode, RefObject } from 'react';
+import { Layout, ReusableView } from '@react-stately/virtualizer';
+import type { GridNode } from '@react-types/grid';
+import type { ColumnSize, TableCollection } from '@react-types/table';
+import { BadgeProps } from './badge';
+import { IconTypeExtended } from './icon';
+import { loadingState } from './shared';
+export interface DataTableBadgeProps extends BadgeProps {
+    cell?: string;
+}
+export interface MultiLineCell {
+    name?: string;
+    accountId?: number | string;
+    icon?: IconTypeExtended;
+    key?: Key;
+}
+export interface DataTableMultiLineProps {
+    cell: MultiLineCell[];
+}
+export interface DataTableItem {
+    type: string;
+}
+export interface DataTableVirtualizerProps<T extends object, V> {
+    renderWrapper: (parent: ReusableView<T, V> | null, reusableView: ReusableView<T, V>, children: ReusableView<T, V>[], renderChildren: (views: ReusableView<T, V>[]) => ReactElement[]) => ReactElement;
+    collection: TableCollection<T>;
+    layout: Layout<T>;
+    focusedKey?: Key;
+    sizeToFit?: 'width' | 'height';
+    scrollDirection?: 'horizontal' | 'vertical' | 'both';
+    isLoading?: boolean;
+    onLoadMore?: () => void;
+    shouldUseVirtualFocus?: boolean;
+    scrollToItem?: (key: Key) => void;
+    autoFocus?: boolean;
+    children?: ReactNode | ((type: string, content: T | ReactNode) => V);
+    renderView: (type: string, content: T) => V | undefined;
+    domRef: RefObject<HTMLDivElement>;
+    bodyRef: RefObject<HTMLDivElement>;
+    onVisibleRectChange(rect: object): void;
+    headerRef: RefObject<HTMLDivElement>;
+    isFocusVisible?: boolean;
+    height?: string | number;
+    style?: {
+        whiteSpace?: 'normal' | 'initial';
+    };
+}
+export interface DataTableProps {
+    'aria-label'?: string;
+    onAction?: () => void;
+    density?: 'compact' | 'medium' | 'spacious';
+    height?: string | number;
+    hasHiddenHeader?: boolean;
+    isSortable?: boolean;
+    items?: Iterable<object>;
+    overflowMode?: 'wrap' | 'truncate';
+    onLoadMore?: () => void;
+    onSortChange?: () => void;
+    loadingState?: loadingState;
+    sortDescriptor?: {
+        column?: string;
+        direction?: 'ascending' | 'descending';
+    };
+    width?: string | number;
+    children: ReactNode;
+    scale?: 'large' | 'medium';
+}
+export interface DataTableCellProps {
+    cell: GridNode<object>;
+}
+export interface DataTableHeaderRowProps {
+    item: GridNode<object>;
+    children: ReactNode;
+    style: object;
+}
+export interface DataTableRowProps {
+    item: GridNode<object>;
+    children: ReactNode;
+    hasActions?: () => void;
+    style: object;
+}
+export interface DataTableColumnHeader {
+    column: GridNode<object>;
+    isFirst: boolean;
+    isLast: boolean;
+    align?: string;
+    hideHeader?: boolean;
+}
+export type GetDefaultMinWidth = (column: GridNode<object>) => ColumnSize | null | undefined;

package/lib/cjs/types/dataTable.js

@@ -0,0 +1,6 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/cjs/types/index.d.ts

@@ -8,6 +8,7 @@ export * from './buttonBar';
 export * from './calendar';
 export * from './card';
 export * from './copyText';
+export * from './dataTable';
 export * from './environmentBreadcrumb';
 export * from './fieldHelperText';
 export * from './helpHint';

package/lib/cjs/types/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23, _context24, _context25, _context26, _context27, _context28, _context29, _context30, _context31, _context32, _context33, _context34, _context35, _context36, _context37, _context38, _context39, _context40, _context41, _context42, _context43;
+var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23, _context24, _context25, _context26, _context27, _context28, _context29, _context30, _context31, _context32, _context33, _context34, _context35, _context36, _context37, _context38, _context39, _context40, _context41, _context42, _context43, _context44;
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
 var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
 var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
@@ -117,8 +117,19 @@ _forEachInstanceProperty(_context10 = _Object$keys(_copyText)).call(_context10,
     }
   });
 });
+var _dataTable = require("./dataTable");
+_forEachInstanceProperty(_context11 = _Object$keys(_dataTable)).call(_context11, function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _dataTable[key]) return;
+  _Object$defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _dataTable[key];
+    }
+  });
+});
 var _environmentBreadcrumb = require("./environmentBreadcrumb");
-_forEachInstanceProperty(_context11 = _Object$keys(_environmentBreadcrumb)).call(_context11, function (key) {
+_forEachInstanceProperty(_context12 = _Object$keys(_environmentBreadcrumb)).call(_context12, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _environmentBreadcrumb[key]) return;
   _Object$defineProperty(exports, key, {
@@ -129,7 +140,7 @@ _forEachInstanceProperty(_context11 = _Object$keys(_environmentBreadcrumb)).call
   });
 });
 var _fieldHelperText = require("./fieldHelperText");
-_forEachInstanceProperty(_context12 = _Object$keys(_fieldHelperText)).call(_context12, function (key) {
+_forEachInstanceProperty(_context13 = _Object$keys(_fieldHelperText)).call(_context13, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _fieldHelperText[key]) return;
   _Object$defineProperty(exports, key, {
@@ -140,7 +151,7 @@ _forEachInstanceProperty(_context12 = _Object$keys(_fieldHelperText)).call(_cont
   });
 });
 var _helpHint = require("./helpHint");
-_forEachInstanceProperty(_context13 = _Object$keys(_helpHint)).call(_context13, function (key) {
+_forEachInstanceProperty(_context14 = _Object$keys(_helpHint)).call(_context14, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _helpHint[key]) return;
   _Object$defineProperty(exports, key, {
@@ -151,7 +162,7 @@ _forEachInstanceProperty(_context13 = _Object$keys(_helpHint)).call(_context13,
   });
 });
 var _icon = require("./icon");
-_forEachInstanceProperty(_context14 = _Object$keys(_icon)).call(_context14, function (key) {
+_forEachInstanceProperty(_context15 = _Object$keys(_icon)).call(_context15, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _icon[key]) return;
   _Object$defineProperty(exports, key, {
@@ -162,7 +173,7 @@ _forEachInstanceProperty(_context14 = _Object$keys(_icon)).call(_context14, func
   });
 });
 var _iconBadge = require("./iconBadge");
-_forEachInstanceProperty(_context15 = _Object$keys(_iconBadge)).call(_context15, function (key) {
+_forEachInstanceProperty(_context16 = _Object$keys(_iconBadge)).call(_context16, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _iconBadge[key]) return;
   _Object$defineProperty(exports, key, {
@@ -173,7 +184,7 @@ _forEachInstanceProperty(_context15 = _Object$keys(_iconBadge)).call(_context15,
   });
 });
 var _iconButton = require("./iconButton");
-_forEachInstanceProperty(_context16 = _Object$keys(_iconButton)).call(_context16, function (key) {
+_forEachInstanceProperty(_context17 = _Object$keys(_iconButton)).call(_context17, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _iconButton[key]) return;
   _Object$defineProperty(exports, key, {
@@ -184,7 +195,7 @@ _forEachInstanceProperty(_context16 = _Object$keys(_iconButton)).call(_context16
   });
 });
 var _iconButtonToggle = require("./iconButtonToggle");
-_forEachInstanceProperty(_context17 = _Object$keys(_iconButtonToggle)).call(_context17, function (key) {
+_forEachInstanceProperty(_context18 = _Object$keys(_iconButtonToggle)).call(_context18, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _iconButtonToggle[key]) return;
   _Object$defineProperty(exports, key, {
@@ -195,7 +206,7 @@ _forEachInstanceProperty(_context17 = _Object$keys(_iconButtonToggle)).call(_con
   });
 });
 var _input = require("./input");
-_forEachInstanceProperty(_context18 = _Object$keys(_input)).call(_context18, function (key) {
+_forEachInstanceProperty(_context19 = _Object$keys(_input)).call(_context19, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _input[key]) return;
   _Object$defineProperty(exports, key, {
@@ -206,7 +217,7 @@ _forEachInstanceProperty(_context18 = _Object$keys(_input)).call(_context18, fun
   });
 });
 var _item = require("./item");
-_forEachInstanceProperty(_context19 = _Object$keys(_item)).call(_context19, function (key) {
+_forEachInstanceProperty(_context20 = _Object$keys(_item)).call(_context20, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _item[key]) return;
   _Object$defineProperty(exports, key, {
@@ -217,7 +228,7 @@ _forEachInstanceProperty(_context19 = _Object$keys(_item)).call(_context19, func
   });
 });
 var _label = require("./label");
-_forEachInstanceProperty(_context20 = _Object$keys(_label)).call(_context20, function (key) {
+_forEachInstanceProperty(_context21 = _Object$keys(_label)).call(_context21, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _label[key]) return;
   _Object$defineProperty(exports, key, {
@@ -228,7 +239,7 @@ _forEachInstanceProperty(_context20 = _Object$keys(_label)).call(_context20, fun
   });
 });
 var _link = require("./link");
-_forEachInstanceProperty(_context21 = _Object$keys(_link)).call(_context21, function (key) {
+_forEachInstanceProperty(_context22 = _Object$keys(_link)).call(_context22, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _link[key]) return;
   _Object$defineProperty(exports, key, {
@@ -239,7 +250,7 @@ _forEachInstanceProperty(_context21 = _Object$keys(_link)).call(_context21, func
   });
 });
 var _listBox = require("./listBox");
-_forEachInstanceProperty(_context22 = _Object$keys(_listBox)).call(_context22, function (key) {
+_forEachInstanceProperty(_context23 = _Object$keys(_listBox)).call(_context23, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _listBox[key]) return;
   _Object$defineProperty(exports, key, {
@@ -250,7 +261,7 @@ _forEachInstanceProperty(_context22 = _Object$keys(_listBox)).call(_context22, f
   });
 });
 var _listItem = require("./listItem");
-_forEachInstanceProperty(_context23 = _Object$keys(_listItem)).call(_context23, function (key) {
+_forEachInstanceProperty(_context24 = _Object$keys(_listItem)).call(_context24, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _listItem[key]) return;
   _Object$defineProperty(exports, key, {
@@ -261,7 +272,7 @@ _forEachInstanceProperty(_context23 = _Object$keys(_listItem)).call(_context23,
   });
 });
 var _loader = require("./loader");
-_forEachInstanceProperty(_context24 = _Object$keys(_loader)).call(_context24, function (key) {
+_forEachInstanceProperty(_context25 = _Object$keys(_loader)).call(_context25, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _loader[key]) return;
   _Object$defineProperty(exports, key, {
@@ -272,7 +283,7 @@ _forEachInstanceProperty(_context24 = _Object$keys(_loader)).call(_context24, fu
   });
 });
 var _menu = require("./menu");
-_forEachInstanceProperty(_context25 = _Object$keys(_menu)).call(_context25, function (key) {
+_forEachInstanceProperty(_context26 = _Object$keys(_menu)).call(_context26, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _menu[key]) return;
   _Object$defineProperty(exports, key, {
@@ -283,7 +294,7 @@ _forEachInstanceProperty(_context25 = _Object$keys(_menu)).call(_context25, func
   });
 });
 var _menuItem = require("./menuItem");
-_forEachInstanceProperty(_context26 = _Object$keys(_menuItem)).call(_context26, function (key) {
+_forEachInstanceProperty(_context27 = _Object$keys(_menuItem)).call(_context27, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _menuItem[key]) return;
   _Object$defineProperty(exports, key, {
@@ -294,7 +305,7 @@ _forEachInstanceProperty(_context26 = _Object$keys(_menuItem)).call(_context26,
   });
 });
 var _messages = require("./messages");
-_forEachInstanceProperty(_context27 = _Object$keys(_messages)).call(_context27, function (key) {
+_forEachInstanceProperty(_context28 = _Object$keys(_messages)).call(_context28, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _messages[key]) return;
   _Object$defineProperty(exports, key, {
@@ -305,7 +316,7 @@ _forEachInstanceProperty(_context27 = _Object$keys(_messages)).call(_context27,
   });
 });
 var _Modal = require("./Modal");
-_forEachInstanceProperty(_context28 = _Object$keys(_Modal)).call(_context28, function (key) {
+_forEachInstanceProperty(_context29 = _Object$keys(_Modal)).call(_context29, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _Modal[key]) return;
   _Object$defineProperty(exports, key, {
@@ -316,7 +327,7 @@ _forEachInstanceProperty(_context28 = _Object$keys(_Modal)).call(_context28, fun
   });
 });
 var _navBar = require("./navBar");
-_forEachInstanceProperty(_context29 = _Object$keys(_navBar)).call(_context29, function (key) {
+_forEachInstanceProperty(_context30 = _Object$keys(_navBar)).call(_context30, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _navBar[key]) return;
   _Object$defineProperty(exports, key, {
@@ -327,7 +338,7 @@ _forEachInstanceProperty(_context29 = _Object$keys(_navBar)).call(_context29, fu
   });
 });
 var _overlayPanel = require("./overlayPanel");
-_forEachInstanceProperty(_context30 = _Object$keys(_overlayPanel)).call(_context30, function (key) {
+_forEachInstanceProperty(_context31 = _Object$keys(_overlayPanel)).call(_context31, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _overlayPanel[key]) return;
   _Object$defineProperty(exports, key, {
@@ -338,7 +349,7 @@ _forEachInstanceProperty(_context30 = _Object$keys(_overlayPanel)).call(_context
   });
 });
 var _popoverContainer = require("./popoverContainer");
-_forEachInstanceProperty(_context31 = _Object$keys(_popoverContainer)).call(_context31, function (key) {
+_forEachInstanceProperty(_context32 = _Object$keys(_popoverContainer)).call(_context32, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _popoverContainer[key]) return;
   _Object$defineProperty(exports, key, {
@@ -349,7 +360,7 @@ _forEachInstanceProperty(_context31 = _Object$keys(_popoverContainer)).call(_con
   });
 });
 var _popoverMenu = require("./popoverMenu");
-_forEachInstanceProperty(_context32 = _Object$keys(_popoverMenu)).call(_context32, function (key) {
+_forEachInstanceProperty(_context33 = _Object$keys(_popoverMenu)).call(_context33, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _popoverMenu[key]) return;
   _Object$defineProperty(exports, key, {
@@ -360,7 +371,7 @@ _forEachInstanceProperty(_context32 = _Object$keys(_popoverMenu)).call(_context3
   });
 });
 var _progressBar = require("./progressBar");
-_forEachInstanceProperty(_context33 = _Object$keys(_progressBar)).call(_context33, function (key) {
+_forEachInstanceProperty(_context34 = _Object$keys(_progressBar)).call(_context34, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _progressBar[key]) return;
   _Object$defineProperty(exports, key, {
@@ -371,7 +382,7 @@ _forEachInstanceProperty(_context33 = _Object$keys(_progressBar)).call(_context3
   });
 });
 var _requirementsList = require("./requirementsList");
-_forEachInstanceProperty(_context34 = _Object$keys(_requirementsList)).call(_context34, function (key) {
+_forEachInstanceProperty(_context35 = _Object$keys(_requirementsList)).call(_context35, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _requirementsList[key]) return;
   _Object$defineProperty(exports, key, {
@@ -382,7 +393,7 @@ _forEachInstanceProperty(_context34 = _Object$keys(_requirementsList)).call(_con
   });
 });
 var _rockerButtonGroup = require("./rockerButtonGroup");
-_forEachInstanceProperty(_context35 = _Object$keys(_rockerButtonGroup)).call(_context35, function (key) {
+_forEachInstanceProperty(_context36 = _Object$keys(_rockerButtonGroup)).call(_context36, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _rockerButtonGroup[key]) return;
   _Object$defineProperty(exports, key, {
@@ -393,7 +404,7 @@ _forEachInstanceProperty(_context35 = _Object$keys(_rockerButtonGroup)).call(_co
   });
 });
 var _scrollBox = require("./scrollBox");
-_forEachInstanceProperty(_context36 = _Object$keys(_scrollBox)).call(_context36, function (key) {
+_forEachInstanceProperty(_context37 = _Object$keys(_scrollBox)).call(_context37, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _scrollBox[key]) return;
   _Object$defineProperty(exports, key, {
@@ -404,7 +415,7 @@ _forEachInstanceProperty(_context36 = _Object$keys(_scrollBox)).call(_context36,
   });
 });
 var _separator = require("./separator");
-_forEachInstanceProperty(_context37 = _Object$keys(_separator)).call(_context37, function (key) {
+_forEachInstanceProperty(_context38 = _Object$keys(_separator)).call(_context38, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _separator[key]) return;
   _Object$defineProperty(exports, key, {
@@ -415,7 +426,7 @@ _forEachInstanceProperty(_context37 = _Object$keys(_separator)).call(_context37,
   });
 });
 var _shared = require("./shared");
-_forEachInstanceProperty(_context38 = _Object$keys(_shared)).call(_context38, function (key) {
+_forEachInstanceProperty(_context39 = _Object$keys(_shared)).call(_context39, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _shared[key]) return;
   _Object$defineProperty(exports, key, {
@@ -426,7 +437,7 @@ _forEachInstanceProperty(_context38 = _Object$keys(_shared)).call(_context38, fu
   });
 });
 var _tab = require("./tab");
-_forEachInstanceProperty(_context39 = _Object$keys(_tab)).call(_context39, function (key) {
+_forEachInstanceProperty(_context40 = _Object$keys(_tab)).call(_context40, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _tab[key]) return;
   _Object$defineProperty(exports, key, {
@@ -437,7 +448,7 @@ _forEachInstanceProperty(_context39 = _Object$keys(_tab)).call(_context39, funct
   });
 });
 var _table = require("./table");
-_forEachInstanceProperty(_context40 = _Object$keys(_table)).call(_context40, function (key) {
+_forEachInstanceProperty(_context41 = _Object$keys(_table)).call(_context41, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _table[key]) return;
   _Object$defineProperty(exports, key, {
@@ -448,7 +459,7 @@ _forEachInstanceProperty(_context40 = _Object$keys(_table)).call(_context40, fun
   });
 });
 var _tabs = require("./tabs");
-_forEachInstanceProperty(_context41 = _Object$keys(_tabs)).call(_context41, function (key) {
+_forEachInstanceProperty(_context42 = _Object$keys(_tabs)).call(_context42, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _tabs[key]) return;
   _Object$defineProperty(exports, key, {
@@ -459,7 +470,7 @@ _forEachInstanceProperty(_context41 = _Object$keys(_tabs)).call(_context41, func
   });
 });
 var _text = require("./text");
-_forEachInstanceProperty(_context42 = _Object$keys(_text)).call(_context42, function (key) {
+_forEachInstanceProperty(_context43 = _Object$keys(_text)).call(_context43, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _text[key]) return;
   _Object$defineProperty(exports, key, {
@@ -470,7 +481,7 @@ _forEachInstanceProperty(_context42 = _Object$keys(_text)).call(_context42, func
   });
 });
 var _tooltipTrigger = require("./tooltipTrigger");
-_forEachInstanceProperty(_context43 = _Object$keys(_tooltipTrigger)).call(_context43, function (key) {
+_forEachInstanceProperty(_context44 = _Object$keys(_tooltipTrigger)).call(_context44, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _tooltipTrigger[key]) return;
   _Object$defineProperty(exports, key, {

package/lib/cjs/types/shared/index.d.ts

@@ -1,5 +1,6 @@
 export * from './dom';
 export * from './events';
+export * from './loadingState';
 export * from './orientation';
 export * from './style';
 export * from './utils';