linear-react-components-ui 0.4.77-beta.9 → 1.0.0-rc.2

package/lib/list/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -8,46 +8,44 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "ListHeader", {
   enumerable: true,
   get: function get() {
-    return _Header["default"];
+    return _Header.default;
   }
 });
 Object.defineProperty(exports, "ListItem", {
   enumerable: true,
   get: function get() {
-    return _Item["default"];
+    return _Item.default;
   }
 });
 Object.defineProperty(exports, "ListSeparator", {
   enumerable: true,
   get: function get() {
-    return _Separator["default"];
+    return _Separator.default;
   }
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Header = _interopRequireDefault(require("./Header"));
 
 var _Item = _interopRequireDefault(require("./Item"));
 
 var constants = _interopRequireWildcard(require("../internals/constants"));
 
-var _skeleton = _interopRequireDefault(require("../skeleton"));
-
 var _Separator = _interopRequireDefault(require("./Separator"));
 
 require("../assets/styles/list.scss");
 
 var _helpers = require("./helpers");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _skeleton = _interopRequireDefault(require("../skeleton"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 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; }
+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; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -62,17 +60,21 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var List = function List(props) {
-  var customClass = props.customClass,
+  var children = props.children,
+      customClass = props.customClass,
       condensed = props.condensed,
       transparent = props.transparent,
       style = props.style,
       selectable = props.selectable,
       onSelectItem = props.onSelectItem,
-      skeletonize = props.skeletonize,
-      skeletonItens = props.skeletonItens,
-      skeletonHeight = props.skeletonHeight,
-      children = props.children,
-      selectOnEnter = props.selectOnEnter;
+      _props$skeletonize = props.skeletonize,
+      skeletonize = _props$skeletonize === void 0 ? false : _props$skeletonize,
+      _props$skeletonHeight = props.skeletonHeight,
+      skeletonHeight = _props$skeletonHeight === void 0 ? 48 : _props$skeletonHeight,
+      _props$skeletonItens = props.skeletonItens,
+      skeletonItens = _props$skeletonItens === void 0 ? 5 : _props$skeletonItens,
+      _props$selectOnEnter = props.selectOnEnter,
+      selectOnEnter = _props$selectOnEnter === void 0 ? false : _props$selectOnEnter;
   var selectedItemRef = (0, _react.useRef)(null);
   var listRef = (0, _react.useRef)(null);
 
@@ -93,9 +95,9 @@ var List = function List(props) {
 
   var contextValues = {
     selectable: selectable,
+    selectOnEnter: selectOnEnter,
     selectedItemId: selectedItemId,
     selectedItemRef: selectedItemRef,
-    selectOnEnter: selectOnEnter,
     children: children,
     skeletonize: skeletonize,
     handleSelectItem: function handleSelectItem(itemId, onClick) {
@@ -136,16 +138,16 @@ var List = function List(props) {
     var maxSkeletonsItensExceeded = 2;
     var skeletonItensCount = length > skeletonItens ? maxSkeletonsItensExceeded : Math.floor(skeletonItens / length);
     var skeletonItensList = Array.from(Array(skeletonItensCount).keys());
-    return /*#__PURE__*/_react["default"].createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: "skeleton-transparency"
     }, skeletonItensList.map(function (id) {
-      return /*#__PURE__*/_react["default"].createElement(_Item["default"], {
+      return /*#__PURE__*/_react.default.createElement(_Item.default, {
         key: id,
         hovered: false,
         style: {
           pointerEvents: 'none'
         }
-      }, /*#__PURE__*/_react["default"].createElement(_skeleton["default"], {
+      }, /*#__PURE__*/_react.default.createElement(_skeleton.default, {
         height: skeletonHeight,
         style: {
           margin: '6px 0'
@@ -155,11 +157,12 @@ var List = function List(props) {
   };
 
   var getNewChildren = function getNewChildren(headersChildren) {
-    return headersChildren.length > 0 ? headersChildren.map(function (item) {
-      return /*#__PURE__*/_react["default"].createElement(_react.Fragment, {
+    if (!headersChildren) return getSkeleton();
+    return Array.isArray(headersChildren) && headersChildren.length > 0 ? headersChildren.map(function (item) {
+      return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
         key: item.props.title
       }, item, getSkeleton(headersChildren.length));
-    }) : /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, headersChildren, getSkeleton());
+    }) : /*#__PURE__*/_react.default.createElement(_react.Fragment, null, headersChildren, getSkeleton());
   };
 
   (0, _react.useEffect)(function () {
@@ -195,25 +198,30 @@ var List = function List(props) {
     };
   }, [skeletonize, selectedItemId, itensId]);
   (0, _react.useEffect)(function () {
-    if (onSelectItem && props.selectedItemId) {
-      setSelectedItemId(props.selectedItemId);
-      if (selectedItemRef.current) selectedItemRef.current.focus();
-    }
+    if (onSelectItem && props.selectedItemId) setSelectedItemId(props.selectedItemId);
   }, [props.selectedItemId]);
   (0, _react.useEffect)(function () {
-    var newItensIds = children.length > 0 ? children.map(function (item) {
-      return item.props && item.props.itemId;
-    }).filter(Boolean) : [children.props.itemId];
-    setItensId(newItensIds);
+    if (Array.isArray(children) && children.length > 0) {
+      var newItensIds = children.map(function (item) {
+        return item.props && item.props.itemId;
+      }).filter(Boolean);
+      setItensId(newItensIds);
+    } else if (!Array.isArray(children) && children.props) {
+      var childrenWithProps = children;
+      if (childrenWithProps.props.itemId) setItensId([childrenWithProps.props.itemId]);
+    }
   }, [children]);
   (0, _react.useEffect)(function () {
     if (skeletonize) {
-      var headersChildren = children.type && children.type === _helpers.LIST_ITEMS_TYPES.listHeader && children;
+      var headersChildren = null;
 
-      if (children.length > 0) {
-        headersChildren = children.filter(function (item) {
-          return item.type && item.type.name === _helpers.LIST_ITEMS_TYPES.listHeader;
+      if (Array.isArray(children) && children.length > 0) {
+        var childrenWithType = children;
+        headersChildren = childrenWithType.filter(function (item) {
+          return item.type && typeof item.type !== 'string' && item.type.name === _helpers.LIST_ITEMS_TYPES.listHeader;
         });
+      } else if (!Array.isArray(children)) {
+        headersChildren = children.type && typeof children.type !== 'string' && children.type.name === _helpers.LIST_ITEMS_TYPES.listHeader ? children : null;
       }
 
       setNewChildren(getNewChildren(headersChildren));
@@ -221,9 +229,9 @@ var List = function List(props) {
       setNewChildren(children);
     }
   }, [skeletonize, children]);
-  return /*#__PURE__*/_react["default"].createElement(_helpers.ListContext.Provider, {
+  return /*#__PURE__*/_react.default.createElement(_helpers.ListContext.Provider, {
     value: contextValues
-  }, /*#__PURE__*/_react["default"].createElement("ul", {
+  }, /*#__PURE__*/_react.default.createElement("ul", {
     "data-testid": "list-component",
     style: style,
     ref: listRef,
@@ -231,32 +239,5 @@ var List = function List(props) {
   }, newChildren));
 };
 
-List.propTypes = {
-  children: _propTypes["default"].any.isRequired,
-  transparent: _propTypes["default"].bool,
-  customClass: _propTypes["default"].string,
-  condensed: _propTypes["default"].bool,
-  selectable: _propTypes["default"].bool,
-  style: _propTypes["default"].object,
-  onSelectItem: _propTypes["default"].func,
-  selectedItemId: _propTypes["default"].string,
-  skeletonize: _propTypes["default"].bool,
-  skeletonItens: _propTypes["default"].number,
-  skeletonHeight: _propTypes["default"].number,
-  selectOnEnter: _propTypes["default"].bool
-};
-List.defaultProps = {
-  customClass: '',
-  condensed: false,
-  transparent: false,
-  selectable: false,
-  style: {},
-  onSelectItem: undefined,
-  selectedItemId: '',
-  skeletonize: false,
-  skeletonItens: 5,
-  skeletonHeight: 48,
-  selectOnEnter: false
-};
 var _default = List;
-exports["default"] = _default;
+exports.default = _default;

package/lib/list/types.d.ts

@@ -0,0 +1,64 @@
+import { ReactNode, ReactElement, CSSProperties, Ref } from 'react';
+import { PermissionAttr } from '../@types/PermissionAttr.js';
+
+declare type ItemId = string;
+interface KeyboardEvent {
+    key: string;
+    keyCode: number;
+    preventDefault: () => void;
+}
+interface IListHeaderProps {
+    title?: string;
+    style?: object;
+    children?: ReactNode;
+    customClass?: string;
+}
+interface IListProps {
+    children: ReactElement | ReactElement[];
+    transparent?: boolean;
+    customClass?: string;
+    condensed?: boolean;
+    selectable?: boolean;
+    style?: CSSProperties;
+    onSelectItem?: (itemId: string) => void;
+    selectedItemId?: string;
+    skeletonize?: boolean;
+    skeletonHeight?: number;
+    skeletonItens?: number;
+    selectOnEnter?: boolean;
+}
+interface IListItemProps {
+    text?: string;
+    style?: object;
+    separator?: boolean;
+    hovered?: boolean;
+    disabled?: boolean;
+    displayCheckbox?: boolean;
+    subText?: string;
+    leftElement?: ReactElement;
+    rightElement?: ReactElement;
+    leftIcon?: ReactElement;
+    rightIcon?: ReactElement;
+    onClick?: (event?: React.MouseEvent<HTMLLIElement, MouseEvent> | KeyboardEvent, itemId?: string) => void;
+    leftIconName?: string;
+    rightIconName?: string;
+    customClass?: string;
+    url?: string;
+    visible?: boolean;
+    itemId?: string;
+    children?: ReactNode;
+    permissionAttr?: PermissionAttr | PermissionAttr[];
+    selectOnEnter?: boolean;
+    skeletonize?: boolean;
+}
+interface IListContext {
+    selectable: boolean;
+    selectedItemId: string;
+    selectedItemRef: Ref<HTMLLIElement>;
+    selectOnEnter: boolean;
+    skeletonize: boolean;
+    children: ReactNode;
+    handleSelectItem: (itemId: string, onClick?: () => void) => void;
+}
+
+export { IListContext, IListHeaderProps, IListItemProps, IListProps, ItemId, KeyboardEvent };

package/lib/list/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/menus/float/MenuItem.d.ts

@@ -0,0 +1,7 @@
+import { IFloatMenuItemProps } from './types.js';
+import 'react';
+import '../../@types/SizePixels.js';
+
+declare const MenuItem: ({ title, url, iconName, iconColor, iconSize, dropdownMenu, }: IFloatMenuItemProps) => JSX.Element;
+
+export { MenuItem as default };

package/lib/menus/float/MenuItem.js

@@ -1,18 +1,16 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
 var _lodash = _interopRequireDefault(require("lodash"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _icons = _interopRequireDefault(require("../../icons"));
 
 var _withDropdown = require("../../dropdown/withDropdown");
@@ -21,29 +19,31 @@ var _buttons = _interopRequireDefault(require("../../buttons"));
 
 var _helpers = _interopRequireDefault(require("./helpers"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 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; }
+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 MenuItem = function MenuItem(_ref) {
   var title = _ref.title,
       url = _ref.url,
       iconName = _ref.iconName,
-      iconColor = _ref.iconColor,
-      iconSize = _ref.iconSize,
+      _ref$iconColor = _ref.iconColor,
+      iconColor = _ref$iconColor === void 0 ? 'gray' : _ref$iconColor,
+      _ref$iconSize = _ref.iconSize,
+      iconSize = _ref$iconSize === void 0 ? 24 : _ref$iconSize,
       dropdownMenu = _ref.dropdownMenu;
 
-  var _useContext = (0, _react.useContext)(_helpers["default"]),
+  var _useContext = (0, _react.useContext)(_helpers.default),
       customClassMenuItem = _useContext.customClassMenuItem;
 
   var dropdownContext = (0, _react.useContext)(_withDropdown.WithDropdownContext);
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "floatmenuitem"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(customClassMenuItem, " -items")
-  }, !_lodash["default"].isEmpty(dropdownMenu) && /*#__PURE__*/_react["default"].createElement(_buttons["default"], {
+  }, !_lodash.default.isEmpty(dropdownMenu) && /*#__PURE__*/_react.default.createElement(_buttons.default, {
     customClass: "floatmenudropdown",
     iconName: "more1",
     transparent: true,
@@ -51,7 +51,7 @@ var MenuItem = function MenuItem(_ref) {
     boxShadow: false,
     dropdown: true,
     showIconDropdown: false
-  }, dropdownMenu), /*#__PURE__*/_react["default"].createElement("a", {
+  }, dropdownMenu), /*#__PURE__*/_react.default.createElement("a", {
     className: "floatmenulink",
     target: "_blank",
     onClick: function onClick() {
@@ -59,37 +59,17 @@ var MenuItem = function MenuItem(_ref) {
     },
     href: url,
     rel: "noreferrer"
-  }, /*#__PURE__*/_react["default"].createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement("span", {
     className: "iconcontainer"
-  }, /*#__PURE__*/_react["default"].createElement(_icons["default"], {
+  }, /*#__PURE__*/_react.default.createElement(_icons.default, {
     name: iconName,
     size: iconSize,
     color: iconColor,
     customClass: "iconmenu"
-  })), /*#__PURE__*/_react["default"].createElement("span", {
+  })), /*#__PURE__*/_react.default.createElement("span", {
     className: "nameitem"
   }, title))));
 };
 
-MenuItem.propTypes = {
-  title: _propTypes["default"].string,
-  url: _propTypes["default"].string,
-  urlHref: _propTypes["default"].string,
-  iconName: _propTypes["default"].string,
-  iconColor: _propTypes["default"].string,
-  iconSize: _propTypes["default"].number,
-  customClass: _propTypes["default"].string,
-  dropdownMenu: _propTypes["default"].element
-};
-MenuItem.defaultProps = {
-  iconColor: 'gray',
-  iconSize: 24,
-  title: '',
-  iconName: '',
-  customClass: '',
-  url: undefined,
-  urlHref: undefined,
-  dropdownMenu: undefined
-};
 var _default = MenuItem;
-exports["default"] = _default;
+exports.default = _default;

package/lib/menus/float/helpers.d.ts

@@ -0,0 +1,7 @@
+import React__default from 'react';
+import { IFloatMenuContext } from './types.js';
+import '../../@types/SizePixels.js';
+
+declare const FloatMenuContext: React__default.Context<IFloatMenuContext>;
+
+export { FloatMenuContext as default };

package/lib/menus/float/helpers.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var FloatMenuContext = /*#__PURE__*/_react["default"].createContext();
+var FloatMenuContext = /*#__PURE__*/_react.default.createContext({});
 
 var _default = FloatMenuContext;
-exports["default"] = _default;
+exports.default = _default;

package/lib/menus/float/index.d.ts

@@ -0,0 +1,8 @@
+export { default as MenuItem } from './MenuItem.js';
+import { IFloatMenuProps } from './types.js';
+import 'react';
+import '../../@types/SizePixels.js';
+
+declare const FloatMenu: (props: IFloatMenuProps) => JSX.Element;
+
+export { FloatMenu as default };

package/lib/menus/float/index.js

@@ -6,15 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "MenuItem", {
   enumerable: true,
   get: function get() {
-    return _MenuItem["default"];
+    return _MenuItem.default;
   }
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _MenuItem = _interopRequireDefault(require("./MenuItem"));
 
 var _buttons = _interopRequireDefault(require("../../buttons"));
@@ -27,11 +25,13 @@ require("../../assets/styles/floatMenu.scss");
 
 var _helpers = _interopRequireDefault(require("./helpers"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var FloatMenu = function FloatMenu(props) {
-  var iconSize = props.iconSize,
-      iconColor = props.iconColor,
+  var _props$iconSize = props.iconSize,
+      iconSize = _props$iconSize === void 0 ? 16 : _props$iconSize,
+      _props$iconColor = props.iconColor,
+      iconColor = _props$iconColor === void 0 ? '#676464' : _props$iconColor,
       customClass = props.customClass,
       children = props.children,
       spinner = props.spinner,
@@ -39,54 +39,34 @@ var FloatMenu = function FloatMenu(props) {
       customClassMenuItem = props.customClassMenuItem;
 
   var getSpinner = function getSpinner() {
-    if (isLoading) return /*#__PURE__*/_react["default"].createElement(_spinner["default"], null);
+    if (isLoading) return /*#__PURE__*/_react.default.createElement(_spinner.default, null);
     return spinner;
   };
 
-  var getContextValues = function getContextValues() {
-    return {
-      customClassMenuItem: customClassMenuItem
-    };
+  var contextValues = {
+    customClassMenuItem: customClassMenuItem
   };
-
-  return /*#__PURE__*/_react["default"].createElement(_helpers["default"].Provider, {
-    value: getContextValues()
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/_react.default.createElement(_helpers.default.Provider, {
+    value: contextValues
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "floatmenu-component ".concat(customClass)
-  }, /*#__PURE__*/_react["default"].createElement(_buttons["default"], {
+  }, /*#__PURE__*/_react.default.createElement(_buttons.default, {
     transparent: true,
     key: "button-",
     boxShadow: false,
     dropdown: true,
-    icon: /*#__PURE__*/_react["default"].createElement(_icons["default"], {
+    icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
       name: "grid",
       size: iconSize,
       color: iconColor
     }),
     customClass: "buttonfloat",
-    tabIndex: "-1",
+    tabIndex: -1,
     isFloatMenu: true,
     customClassForDropdown: "-floatdropdown",
     showIconDropdown: false
   }, isLoading || spinner ? getSpinner() : children)));
 };
 
-FloatMenu.propTypes = {
-  customClass: _propTypes["default"].string,
-  children: _propTypes["default"].arrayOf(_propTypes["default"].element).isRequired,
-  iconSize: _propTypes["default"].number,
-  iconColor: _propTypes["default"].string,
-  customClassMenuItem: _propTypes["default"].string,
-  isLoading: _propTypes["default"].bool,
-  spinner: _propTypes["default"].instanceOf(Object)
-};
-FloatMenu.defaultProps = {
-  customClass: '',
-  iconSize: 16,
-  iconColor: '#676464',
-  customClassMenuItem: '',
-  isLoading: false,
-  spinner: undefined
-};
 var _default = FloatMenu;
-exports["default"] = _default;
+exports.default = _default;

package/lib/menus/float/types.d.ts

@@ -0,0 +1,27 @@
+import { ReactNode } from 'react';
+import { SizePixels } from '../../@types/SizePixels.js';
+
+interface IFloatMenuContext {
+    customClassMenuItem?: string;
+}
+interface IFloatMenuProps {
+    children: ReactNode;
+    customClass?: string;
+    iconSize?: SizePixels;
+    iconColor?: string;
+    customClassMenuItem?: string;
+    isLoading?: boolean;
+    spinner?: ReactNode;
+}
+interface IFloatMenuItemProps {
+    title?: string;
+    url?: string;
+    urlHref?: string;
+    iconName?: string;
+    iconColor?: string;
+    iconSize?: SizePixels;
+    customClass?: string;
+    dropdownMenu?: ReactNode;
+}
+
+export { IFloatMenuContext, IFloatMenuItemProps, IFloatMenuProps };

package/lib/menus/float/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/menus/index.d.ts

@@ -0,0 +1,6 @@
+import FloatMenu from './float/index.js';
+export { default } from './float/index.js';
+import './float/MenuItem.js';
+import './float/types.js';
+import 'react';
+import '../@types/SizePixels.js';

package/lib/menus/index.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _float = _interopRequireDefault(require("./float"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _default = _float["default"];
-exports["default"] = _default;
+var _default = _float.default;
+exports.default = _default;

package/lib/menus/sidenav/ExpandMenu.d.ts

@@ -0,0 +1,10 @@
+import { IExpandMenuProps } from './types.js';
+import 'react';
+import '../../@types/PermissionAttr.js';
+import '../../@types/Size.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
+
+declare const ExpandMenu: ({ onExpandMenu, expandMenuCustomClass, iconName }: IExpandMenuProps) => JSX.Element;
+
+export { ExpandMenu as default };