@pingux/astro 2.65.0 → 2.66.0-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/components/HelpHint/HelpHint.js

@@ -19,6 +19,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactAria = require("react-aria");
 var _reactStately = require("react-stately");
 var _interactions = require("@react-aria/interactions");
+var _uuid = require("uuid");
 var _ = require("../..");
 var _hooks = require("../../hooks");
 var _safariAgent = require("../../styles/safariAgent");
@@ -27,15 +28,16 @@ var _excluded = ["align", "arrowCrossOffset", "children", "className", "closeDel
 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); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var HelpIcon = function HelpIcon() {
+  var uid = (0, _uuid.v4)();
   return (0, _react2.jsx)("svg", {
     width: "7",
     height: "9",
     viewBox: "0 0 7 9",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    "aria-labelledby": "help-icon-title"
+    "aria-labelledby": uid
   }, (0, _react2.jsx)("title", {
-    id: "help-icon-title"
+    id: uid
   }, "Help Icon"), (0, _react2.jsx)("path", {
     d: "M2.56685 7.306V9H4.29385V7.306H2.56685ZM0.795848 3.676H2.41285C2.41285 3.478 2.43485 3.29467 2.47885 3.126C2.52285 2.95 2.58885 2.79967 2.67685 2.675C2.77218 2.543 2.88951 2.44033 3.02885 2.367C3.17551 2.28633 3.34785 2.246 3.54585 2.246C3.83918 2.246 4.06651 2.32667 4.22785 2.488C4.39651 2.64933 4.48085 2.89867 4.48085 3.236C4.48818 3.434 4.45151 3.599 4.37085 3.731C4.29751 3.863 4.19851 3.984 4.07385 4.094C3.94918 4.204 3.81351 4.314 3.66685 4.424C3.52018 4.534 3.38085 4.666 3.24885 4.82C3.11685 4.96667 2.99951 5.14633 2.89685 5.359C2.80151 5.57167 2.74285 5.83567 2.72085 6.151V6.646H4.20585V6.228C4.23518 6.008 4.30485 5.82467 4.41485 5.678C4.53218 5.53133 4.66418 5.403 4.81085 5.293C4.95751 5.17567 5.11151 5.062 5.27285 4.952C5.44151 4.83467 5.59185 4.69533 5.72385 4.534C5.86318 4.37267 5.97685 4.17833 6.06485 3.951C6.16018 3.72367 6.20785 3.434 6.20785 3.082C6.20785 2.86933 6.16018 2.642 6.06485 2.4C5.97685 2.15067 5.82651 1.91967 5.61385 1.707C5.40118 1.49433 5.11885 1.31833 4.76685 1.179C4.42218 1.03233 3.98951 0.959 3.46885 0.959C3.06551 0.959 2.69885 1.02867 2.36885 1.168C2.04618 1.3 1.76751 1.487 1.53285 1.729C1.30551 1.971 1.12585 2.257 0.993848 2.587C0.869181 2.917 0.803181 3.28 0.795848 3.676Z",
     fill: "#3B4A58"
@@ -100,13 +102,13 @@ var HelpHint = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     return function () {
       clearTimeout(timeout);
     };
-  }, [isFocusWithinOverlay, isFocusVisible, isOverlayHovered, isTriggerHovered]);
+  }, [isFocusWithinOverlay, isFocusVisible, isOverlayHovered, isTriggerHovered, close, closeDelay, open]);
   (0, _react.useEffect)(function () {
     if (isOpen) {
       return triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current.setAttribute('aria-expanded', 'true');
     }
     return triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current.setAttribute('aria-expanded', 'false');
-  }, [isOpen]);
+  }, [isOpen, triggerRef]);
   var _useOverlayPosition = (0, _reactAria.useOverlayPosition)({
       targetRef: triggerRef,
       overlayRef: overlayRef,

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, {