linear-react-components-ui 0.4.77-beta.8 → 1.0.0-rc.1

package/lib/panel/Content.js

@@ -1,34 +1,32 @@
 "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 _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _helpers = _interopRequireDefault(require("./helpers"));
 
 var _noPermission = _interopRequireDefault(require("../noPermission"));
 
-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 observer = null;
 
-var PanelContent = function PanelContent(props) {
-  var customClass = props.customClass,
-      children = props.children,
-      style = props.style;
+var PanelContent = function PanelContent(_ref) {
+  var customClass = _ref.customClass,
+      children = _ref.children,
+      style = _ref.style;
 
-  var _useContext = (0, _react.useContext)(_helpers["default"]),
+  var _useContext = (0, _react.useContext)(_helpers.default),
       opened = _useContext.opened,
       onEndReached = _useContext.onEndReached,
       onEndReachedThreshold = _useContext.onEndReachedThreshold,
@@ -49,7 +47,7 @@ var PanelContent = function PanelContent(props) {
     if (observer) observer.unobserve(node);
     observer = new IntersectionObserver(function (entries) {
       entries.forEach(function (en) {
-        if (en.intersectionRatio > 0) {
+        if (en.intersectionRatio > 0 && onEndReachedRef.current) {
           onEndReachedRef.current();
         }
       }, options);
@@ -68,24 +66,14 @@ var PanelContent = function PanelContent(props) {
     }
   }, [observedElement]);
   if (!opened) return null;
-  return hideContent ? /*#__PURE__*/_react["default"].createElement(_noPermission["default"], null) : /*#__PURE__*/_react["default"].createElement("div", {
+  return hideContent ? /*#__PURE__*/_react.default.createElement(_noPermission.default, null) : /*#__PURE__*/_react.default.createElement("div", {
     ref: rootElementRef,
     className: "panel-content ".concat(customClass),
     style: style
-  }, opened && children, onEndReached ? /*#__PURE__*/_react["default"].createElement("div", {
+  }, opened && children, onEndReached ? /*#__PURE__*/_react.default.createElement("div", {
     ref: observedElement
-  }) : /*#__PURE__*/_react["default"].createElement("noscript", null));
+  }) : /*#__PURE__*/_react.default.createElement("noscript", null));
 };
 
-PanelContent.propTypes = {
-  children: _propTypes["default"].any,
-  customClass: _propTypes["default"].string,
-  style: _propTypes["default"].object
-};
-PanelContent.defaultProps = {
-  customClass: '',
-  style: {},
-  children: null
-};
 var _default = PanelContent;
-exports["default"] = _default;
+exports.default = _default;

package/lib/panel/DangerPanel.d.ts

@@ -0,0 +1,8 @@
+import { I as IPanelProps } from '../types-3c6f1c20.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+import '../internals/colorStyles.js';
+
+declare const DangerPanel: (props: IPanelProps) => JSX.Element;
+
+export { DangerPanel as default };

package/lib/panel/DangerPanel.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -11,15 +11,15 @@ var _Default = _interopRequireDefault(require("./Default"));
 
 var _colorStyles = _interopRequireDefault(require("../internals/colorStyles"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 var DangerPanel = function DangerPanel(props) {
-  return /*#__PURE__*/_react["default"].createElement(_Default["default"], _extends({}, props, {
-    colorStyle: _colorStyles["default"].DANGER
+  return /*#__PURE__*/_react.default.createElement(_Default.default, _extends({}, props, {
+    colorStyle: _colorStyles.default.DANGER
   }));
 };
 
 var _default = DangerPanel;
-exports["default"] = _default;
+exports.default = _default;

package/lib/panel/Default.d.ts

@@ -0,0 +1,8 @@
+import { I as IPanelProps } from '../types-3c6f1c20.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+import '../internals/colorStyles.js';
+
+declare const DefaultPanel: ({ startOpened, toggleable, customClass, children, style, title, gridCols, onEndReached, onEndReachedThreshold, permissionAttr, colorStyle, }: IPanelProps) => JSX.Element | null;
+
+export { DefaultPanel as default };

package/lib/panel/Default.js

@@ -1,31 +1,27 @@
 "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 _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _colorStyles = _interopRequireDefault(require("../internals/colorStyles"));
-
 var _gridlayout = _interopRequireDefault(require("../gridlayout"));
 
 var _Header = _interopRequireDefault(require("./Header"));
 
-var _helpers = _interopRequireWildcard(require("./helpers"));
+var _helpers = _interopRequireDefault(require("./helpers"));
 
 var _permissionValidations = require("../permissionValidations");
 
-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; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -39,18 +35,20 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var DefaultPanel = function DefaultPanel(props) {
-  var startOpened = props.startOpened,
-      toggleable = props.toggleable,
-      colorStyle = props.colorStyle,
-      customClass = props.customClass,
-      children = props.children,
-      style = props.style,
-      title = props.title,
-      gridCols = props.gridCols,
-      onEndReached = props.onEndReached,
-      onEndReachedThreshold = props.onEndReachedThreshold,
-      permissionAttr = props.permissionAttr;
+var DefaultPanel = function DefaultPanel(_ref) {
+  var _ref$startOpened = _ref.startOpened,
+      startOpened = _ref$startOpened === void 0 ? true : _ref$startOpened,
+      toggleable = _ref.toggleable,
+      customClass = _ref.customClass,
+      children = _ref.children,
+      style = _ref.style,
+      title = _ref.title,
+      gridCols = _ref.gridCols,
+      onEndReached = _ref.onEndReached,
+      _ref$onEndReachedThre = _ref.onEndReachedThreshold,
+      onEndReachedThreshold = _ref$onEndReachedThre === void 0 ? 0.1 : _ref$onEndReachedThre,
+      permissionAttr = _ref.permissionAttr,
+      colorStyle = _ref.colorStyle;
 
   var _useState = (0, _react.useState)(startOpened),
       _useState2 = _slicedToArray(_useState, 2),
@@ -60,7 +58,7 @@ var DefaultPanel = function DefaultPanel(props) {
   var hideContent = _permissionValidations.OPTIONS_ON_DENIED.hideContent,
       unvisible = _permissionValidations.OPTIONS_ON_DENIED.unvisible;
 
-  var _useState3 = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(permissionAttr, [hideContent, unvisible])),
+  var _useState3 = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)([hideContent, unvisible], permissionAttr)),
       _useState4 = _slicedToArray(_useState3, 1),
       onDenied = _useState4[0];
 
@@ -71,10 +69,10 @@ var DefaultPanel = function DefaultPanel(props) {
   };
 
   var renderContent = function renderContent() {
-    return /*#__PURE__*/_react["default"].createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: getCssClass(),
       style: style
-    }, title && /*#__PURE__*/_react["default"].createElement(_Header["default"], {
+    }, title && /*#__PURE__*/_react.default.createElement(_Header.default, {
       title: title
     }), children);
   };
@@ -94,37 +92,12 @@ var DefaultPanel = function DefaultPanel(props) {
   };
 
   if (onDenied.unvisible) return null;
-  return /*#__PURE__*/_react["default"].createElement(_helpers["default"].Provider, {
+  return /*#__PURE__*/_react.default.createElement(_helpers.default.Provider, {
     value: contextValues()
-  }, gridCols ? /*#__PURE__*/_react["default"].createElement(_gridlayout["default"], {
+  }, gridCols ? /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
     cols: gridCols
   }, renderContent()) : renderContent());
 };
 
-DefaultPanel.propTypes = {
-  customClass: _propTypes["default"].string,
-  startOpened: _propTypes["default"].bool,
-  toggleable: _propTypes["default"].bool,
-  children: _propTypes["default"].any.isRequired,
-  style: _propTypes["default"].object,
-  colorStyle: _propTypes["default"].oneOf(['', _colorStyles["default"].PRIMARY, _colorStyles["default"].SUCCESS, _colorStyles["default"].WARNING, _colorStyles["default"].INFO, _colorStyles["default"].DANGER]),
-  gridCols: _propTypes["default"].string,
-  title: _propTypes["default"].string,
-  onEndReached: _propTypes["default"].func,
-  onEndReachedThreshold: _helpers.numberAroundZeroAndOne,
-  permissionAttr: _propTypes["default"].oneOfType([_propTypes["default"].object, _propTypes["default"].arrayOf(_propTypes["default"].object)])
-};
-DefaultPanel.defaultProps = {
-  customClass: '',
-  startOpened: true,
-  toggleable: false,
-  style: {},
-  colorStyle: '',
-  gridCols: undefined,
-  title: undefined,
-  onEndReached: undefined,
-  onEndReachedThreshold: 0.1,
-  permissionAttr: undefined
-};
 var _default = DefaultPanel;
-exports["default"] = _default;
+exports.default = _default;

package/lib/panel/Header.d.ts

@@ -0,0 +1,8 @@
+import { a as IPanelHeaderProps } from '../types-3c6f1c20.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+import '../internals/colorStyles.js';
+
+declare const PanelHeader: (props: IPanelHeaderProps) => JSX.Element;
+
+export { PanelHeader as default };

package/lib/panel/Header.js

@@ -1,33 +1,31 @@
 "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 _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _icons = _interopRequireDefault(require("../icons"));
 
 var _buttons = _interopRequireWildcard(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 getIcon = function getIcon(titleIcon, icon) {
-  if (icon !== null) {
+  if (icon !== undefined) {
     return icon;
   } else if (titleIcon !== '') {
-    return /*#__PURE__*/_react["default"].createElement(_icons["default"], {
+    return /*#__PURE__*/_react.default.createElement(_icons.default, {
       name: titleIcon,
       color: "#000",
       size: 16
@@ -39,14 +37,16 @@ var getIcon = function getIcon(titleIcon, icon) {
 
 var getClassName = function getClassName(_ref) {
   var customClass = _ref.customClass,
-      headerColored = _ref.headerColored;
+      _ref$headerColored = _ref.headerColored,
+      headerColored = _ref$headerColored === void 0 ? true : _ref$headerColored;
   var className = "panel-header ".concat(customClass);
   if (!headerColored) className += ' -uncolored';
   return className;
 };
 
 var PanelHeader = function PanelHeader(props) {
-  var titleIcon = props.titleIcon,
+  var _props$titleIcon = props.titleIcon,
+      titleIcon = _props$titleIcon === void 0 ? '' : _props$titleIcon,
       icon = props.icon,
       title = props.title,
       children = props.children,
@@ -54,55 +54,33 @@ var PanelHeader = function PanelHeader(props) {
       styleForTitle = props.styleForTitle,
       customClassForTitle = props.customClassForTitle;
 
-  var _useContext = (0, _react.useContext)(_helpers["default"]),
+  var _useContext = (0, _react.useContext)(_helpers.default),
       toggleable = _useContext.toggleable,
       handlerToggleable = _useContext.handlerToggleable,
       opened = _useContext.opened;
 
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: getClassName(props),
     style: style
-  }, (icon || titleIcon) && /*#__PURE__*/_react["default"].createElement("div", {
+  }, (icon || titleIcon) && /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(icon !== null || titleIcon !== null ? 'icon-left-panel' : '')
-  }, getIcon(titleIcon, icon)), title && /*#__PURE__*/_react["default"].createElement("h1", {
+  }, getIcon(titleIcon, icon)), /*#__PURE__*/_react.default.createElement("h1", {
     className: "title ".concat(customClassForTitle),
     style: styleForTitle
-  }, title), toggleable && /*#__PURE__*/_react["default"].createElement(_buttons.ButtonContainer, {
+  }, title), toggleable && /*#__PURE__*/_react.default.createElement(_buttons.ButtonContainer, {
     position: "right"
-  }, /*#__PURE__*/_react["default"].createElement(_buttons["default"], {
+  }, /*#__PURE__*/_react.default.createElement(_buttons.default, {
     boxShadow: false,
     transparent: true,
     onClick: function onClick() {
       handlerToggleable();
     },
-    icon: /*#__PURE__*/_react["default"].createElement(_icons["default"], {
+    icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
       name: opened ? 'up' : 'down',
       size: 16
     })
   })), children);
 };
 
-PanelHeader.propTypes = {
-  title: _propTypes["default"].string,
-  children: _propTypes["default"].element,
-  icon: _propTypes["default"].instanceOf(Object),
-  titleIcon: _propTypes["default"].string,
-  customClass: _propTypes["default"].string,
-  style: _propTypes["default"].object,
-  styleForTitle: _propTypes["default"].object,
-  customClassForTitle: _propTypes["default"].string,
-  headerColored: _propTypes["default"].bool
-};
-PanelHeader.defaultProps = {
-  icon: null,
-  titleIcon: '',
-  customClass: '',
-  style: {},
-  styleForTitle: {},
-  customClassForTitle: '',
-  headerColored: true,
-  children: null,
-  title: ''
-};
 var _default = PanelHeader;
-exports["default"] = _default;
+exports.default = _default;

package/lib/panel/InfoPanel.d.ts

@@ -0,0 +1,8 @@
+import { I as IPanelProps } from '../types-3c6f1c20.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+import '../internals/colorStyles.js';
+
+declare const InfoPanel: (props: IPanelProps) => JSX.Element;
+
+export { InfoPanel as default };

package/lib/panel/InfoPanel.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -11,15 +11,15 @@ var _Default = _interopRequireDefault(require("./Default"));
 
 var _colorStyles = _interopRequireDefault(require("../internals/colorStyles"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 var InfoPanel = function InfoPanel(props) {
-  return /*#__PURE__*/_react["default"].createElement(_Default["default"], _extends({}, props, {
-    colorStyle: _colorStyles["default"].INFO
+  return /*#__PURE__*/_react.default.createElement(_Default.default, _extends({}, props, {
+    colorStyle: _colorStyles.default.INFO
   }));
 };
 
 var _default = InfoPanel;
-exports["default"] = _default;
+exports.default = _default;

package/lib/panel/PrimaryPanel.d.ts

@@ -0,0 +1,8 @@
+import { I as IPanelProps } from '../types-3c6f1c20.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+import '../internals/colorStyles.js';
+
+declare const PrimaryPanel: (props: IPanelProps) => JSX.Element;
+
+export { PrimaryPanel as default };

package/lib/panel/PrimaryPanel.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -11,15 +11,15 @@ var _Default = _interopRequireDefault(require("./Default"));
 
 var _colorStyles = _interopRequireDefault(require("../internals/colorStyles"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 var PrimaryPanel = function PrimaryPanel(props) {
-  return /*#__PURE__*/_react["default"].createElement(_Default["default"], _extends({}, props, {
-    colorStyle: _colorStyles["default"].PRIMARY
+  return /*#__PURE__*/_react.default.createElement(_Default.default, _extends({}, props, {
+    colorStyle: _colorStyles.default.PRIMARY
   }));
 };
 
 var _default = PrimaryPanel;
-exports["default"] = _default;
+exports.default = _default;

package/lib/panel/SuccessPanel.d.ts

@@ -0,0 +1,8 @@
+import { I as IPanelProps } from '../types-3c6f1c20.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+import '../internals/colorStyles.js';
+
+declare const SuccessPanel: (props: IPanelProps) => JSX.Element;
+
+export { SuccessPanel as default };

package/lib/panel/SuccessPanel.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -11,15 +11,15 @@ var _Default = _interopRequireDefault(require("./Default"));
 
 var _colorStyles = _interopRequireDefault(require("../internals/colorStyles"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 var SuccessPanel = function SuccessPanel(props) {
-  return /*#__PURE__*/_react["default"].createElement(_Default["default"], _extends({}, props, {
-    colorStyle: _colorStyles["default"].SUCCESS
+  return /*#__PURE__*/_react.default.createElement(_Default.default, _extends({}, props, {
+    colorStyle: _colorStyles.default.SUCCESS
   }));
 };
 
 var _default = SuccessPanel;
-exports["default"] = _default;
+exports.default = _default;

package/lib/panel/ToolBar.d.ts

@@ -0,0 +1,8 @@
+import { I as IPanelProps } from '../types-3c6f1c20.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+import '../internals/colorStyles.js';
+
+declare const ToolBar: ({ children }: IPanelProps) => JSX.Element;
+
+export { ToolBar as default };

package/lib/panel/ToolBar.js

@@ -3,19 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _toolbar = _interopRequireDefault(require("../toolbar"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var ToolBar = function ToolBar(_ref) {
   var children = _ref.children;
-  return /*#__PURE__*/_react["default"].createElement(_toolbar["default"], {
+  return /*#__PURE__*/_react.default.createElement(_toolbar.default, {
     style: {
       width: 'auto',
       backgroundColor: 'transparent',
@@ -24,8 +22,5 @@ var ToolBar = function ToolBar(_ref) {
   }, children);
 };
 
-ToolBar.propTypes = {
-  children: _propTypes["default"].element.isRequired
-};
 var _default = ToolBar;
-exports["default"] = _default;
+exports.default = _default;

package/lib/panel/WarningPanel.d.ts

@@ -0,0 +1,8 @@
+import { I as IPanelProps } from '../types-3c6f1c20.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+import '../internals/colorStyles.js';
+
+declare const WarningPanel: (props: IPanelProps) => JSX.Element;
+
+export { WarningPanel as default };

package/lib/panel/WarningPanel.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -11,15 +11,15 @@ var _Default = _interopRequireDefault(require("./Default"));
 
 var _colorStyles = _interopRequireDefault(require("../internals/colorStyles"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 var WarningPanel = function WarningPanel(props) {
-  return /*#__PURE__*/_react["default"].createElement(_Default["default"], _extends({}, props, {
-    colorStyle: _colorStyles["default"].WARNING
+  return /*#__PURE__*/_react.default.createElement(_Default.default, _extends({}, props, {
+    colorStyle: _colorStyles.default.WARNING
   }));
 };
 
 var _default = WarningPanel;
-exports["default"] = _default;
+exports.default = _default;

package/lib/panel/helpers.d.ts

@@ -0,0 +1,4 @@
+import 'react';
+export { P as default, n as numberAroundZeroAndOne } from '../types-3c6f1c20.js';
+import '../@types/PermissionAttr.js';
+import '../internals/colorStyles.js';