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

package/lib/panel/helpers.js

@@ -3,14 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 exports.numberAroundZeroAndOne = numberAroundZeroAndOne;
 
 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 }; }
+
+function numberAroundZeroAndOne(_ref) {
+  var props = _ref.props,
+      propName = _ref.propName,
+      componentName = _ref.componentName;
 
-function numberAroundZeroAndOne(props, propName, componentName) {
   if (props[propName]) {
     var value = props[propName];
 
@@ -22,7 +26,7 @@ function numberAroundZeroAndOne(props, propName, componentName) {
   return null;
 }
 
-var PanelContext = /*#__PURE__*/_react["default"].createContext();
+var PanelContext = /*#__PURE__*/_react.default.createContext({});
 
 var _default = PanelContext;
-exports["default"] = _default;
+exports.default = _default;

package/lib/panel/index.d.ts

@@ -0,0 +1,13 @@
+import DefaultPanel from './Default.js';
+export { default } from './Default.js';
+export { default as PrimaryPanel } from './PrimaryPanel.js';
+export { default as DangerPanel } from './DangerPanel.js';
+export { default as WarningPanel } from './WarningPanel.js';
+export { default as SuccessPanel } from './SuccessPanel.js';
+export { default as InfoPanel } from './InfoPanel.js';
+export { default as PanelHeader } from './Header.js';
+export { default as PanelContent } from './Content.js';
+import '../types-3c6f1c20.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+import '../internals/colorStyles.js';

package/lib/panel/index.js

@@ -6,46 +6,46 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "DangerPanel", {
   enumerable: true,
   get: function get() {
-    return _DangerPanel["default"];
+    return _DangerPanel.default;
   }
 });
 Object.defineProperty(exports, "InfoPanel", {
   enumerable: true,
   get: function get() {
-    return _InfoPanel["default"];
+    return _InfoPanel.default;
   }
 });
 Object.defineProperty(exports, "PanelContent", {
   enumerable: true,
   get: function get() {
-    return _Content["default"];
+    return _Content.default;
   }
 });
 Object.defineProperty(exports, "PanelHeader", {
   enumerable: true,
   get: function get() {
-    return _Header["default"];
+    return _Header.default;
   }
 });
 Object.defineProperty(exports, "PrimaryPanel", {
   enumerable: true,
   get: function get() {
-    return _PrimaryPanel["default"];
+    return _PrimaryPanel.default;
   }
 });
 Object.defineProperty(exports, "SuccessPanel", {
   enumerable: true,
   get: function get() {
-    return _SuccessPanel["default"];
+    return _SuccessPanel.default;
   }
 });
 Object.defineProperty(exports, "WarningPanel", {
   enumerable: true,
   get: function get() {
-    return _WarningPanel["default"];
+    return _WarningPanel.default;
   }
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _Default = _interopRequireDefault(require("./Default"));
 
@@ -65,7 +65,7 @@ var _Content = _interopRequireDefault(require("./Content"));
 
 require("../assets/styles/panel.scss");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _default = _Default["default"];
-exports["default"] = _default;
+var _default = _Default.default;
+exports.default = _default;

package/lib/panel/types.d.ts

@@ -0,0 +1,4 @@
+import 'react';
+export { C as ContextProps, a as IPanelHeaderProps, I as IPanelProps, b as IParameterFunction } from '../types-3c6f1c20.js';
+import '../@types/PermissionAttr.js';
+import '../internals/colorStyles.js';

package/lib/panel/types.js

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

package/lib/permissionValidations.d.ts

@@ -0,0 +1,14 @@
+import { PermissionAttr } from './@types/PermissionAttr.js';
+
+declare const checkPermissionFromStorage: (permissionAttr?: PermissionAttr | PermissionAttr[]) => boolean;
+declare const actionsOnPermissionDenied: (options: string[], permissionAttr?: PermissionAttr | PermissionAttr[]) => {
+    [option: string]: boolean;
+};
+declare const OPTIONS_ON_DENIED: {
+    disabled: string;
+    unvisible: string;
+    readOnly: string;
+    hideContent: string;
+};
+
+export { OPTIONS_ON_DENIED, actionsOnPermissionDenied, checkPermissionFromStorage as default };

package/lib/permissionValidations.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.actionsOnPermissionDenied = exports.OPTIONS_ON_DENIED = void 0;
-exports["default"] = checkPermissionFromStorage;
+exports.default = exports.actionsOnPermissionDenied = exports.OPTIONS_ON_DENIED = void 0;
 
 var getModuleFeaturesFromStorage = function getModuleFeaturesFromStorage(module) {
-  var permissionsStorage = JSON.parse(sessionStorage.getItem('permissionsStorage'));
+  if (!module) return [];
+  var permissionsStorage = JSON.parse(sessionStorage.getItem('permissionsStorage') || '{}');
   return permissionsStorage && permissionsStorage[module] ? permissionsStorage[module] : [];
 };
 
@@ -18,22 +18,22 @@ var checkOperationPermitted = function checkOperationPermitted(featureOperations
 };
 
 var scanFeatures = function scanFeatures(moduleFeatures, featureCode, operationCode) {
-  for (var index = 0; index < moduleFeatures.length; index += 1) {
-    var moduleFeature = moduleFeatures[index];
+  for (var _index = 0; _index < moduleFeatures.length; _index += 1) {
+    var moduleFeature = moduleFeatures[_index];
 
     if (moduleFeature.codigo === featureCode && moduleFeature.permissoes.length > 0) {
       return checkOperationPermitted(moduleFeature.permissoes, operationCode);
     } else if (moduleFeature.itens.length > 0) {
       var result = scanFeatures(moduleFeature.itens, featureCode, operationCode);
       if (result) return true;
-      if (index === moduleFeatures.length - 1) return false;
+      if (_index === moduleFeatures.length - 1) return false;
     }
   }
 
   return false;
 };
 
-function checkPermissionFromStorage(permissionAttr) {
+var checkPermissionFromStorage = function checkPermissionFromStorage(permissionAttr) {
   if (!permissionAttr) return true;
   var permissionsAttr = !Array.isArray(permissionAttr) ? [permissionAttr] : permissionAttr;
 
@@ -47,19 +47,19 @@ function checkPermissionFromStorage(permissionAttr) {
   }
 
   return false;
-}
+};
 
-var actionsOnPermissionDenied = function actionsOnPermissionDenied(permissionAttr, options) {
+var actionsOnPermissionDenied = function actionsOnPermissionDenied(options, permissionAttr) {
   var hasPermission = checkPermissionFromStorage(permissionAttr);
   var permissionsAttr = permissionAttr && !Array.isArray(permissionAttr) ? [permissionAttr] : permissionAttr;
 
-  if (permissionsAttr && !options.includes(permissionsAttr[0].onDenied)) {
+  if (permissionsAttr && permissionsAttr[0].onDenied && !options.includes(permissionsAttr[0].onDenied)) {
     throw new Error('in property onDenied from permissionAttr it`s not a valid option. Look for valid options in the component documentation.');
   }
 
   var result = {};
   options.forEach(function (option) {
-    result[option] = hasPermission ? false : option === permissionsAttr[0].onDenied;
+    result[option] = hasPermission ? false : option === (permissionsAttr === null || permissionsAttr === void 0 ? void 0 : permissionsAttr[0].onDenied);
   });
   return result;
 };
@@ -71,4 +71,6 @@ var OPTIONS_ON_DENIED = {
   readOnly: 'readOnly',
   hideContent: 'hideContent'
 };
-exports.OPTIONS_ON_DENIED = OPTIONS_ON_DENIED;
+exports.OPTIONS_ON_DENIED = OPTIONS_ON_DENIED;
+var _default = checkPermissionFromStorage;
+exports.default = _default;

package/lib/popover/PopoverText.d.ts

@@ -0,0 +1,8 @@
+import { PopoverTextProps } from './types.js';
+import 'react';
+import '../@types/Position.js';
+import '../@types/SizePixels.js';
+
+declare const PopoverText: ({ children }: PopoverTextProps) => JSX.Element;
+
+export { PopoverText as default };

package/lib/popover/PopoverText.js

@@ -3,23 +3,18 @@
 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"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var PopoverText = function PopoverText(_ref) {
   var children = _ref.children;
-  return /*#__PURE__*/_react["default"].createElement("p", {
+  return /*#__PURE__*/_react.default.createElement("p", {
     className: "text"
   }, children);
 };
 
-PopoverText.propTypes = {
-  children: _propTypes["default"].any.isRequired
-};
 var _default = PopoverText;
-exports["default"] = _default;
+exports.default = _default;

package/lib/popover/PopoverTitle.d.ts

@@ -0,0 +1,8 @@
+import { PopoverTitleProps } from './types.js';
+import 'react';
+import '../@types/Position.js';
+import '../@types/SizePixels.js';
+
+declare const PopoverTitle: ({ children }: PopoverTitleProps) => JSX.Element;
+
+export { PopoverTitle as default };

package/lib/popover/PopoverTitle.js

@@ -3,23 +3,18 @@
 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"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var PopoverTitle = function PopoverTitle(_ref) {
   var children = _ref.children;
-  return /*#__PURE__*/_react["default"].createElement("h1", {
+  return /*#__PURE__*/_react.default.createElement("h1", {
     className: "title"
   }, children);
 };
 
-PopoverTitle.propTypes = {
-  children: _propTypes["default"].any.isRequired
-};
 var _default = PopoverTitle;
-exports["default"] = _default;
+exports.default = _default;

package/lib/popover/index.d.ts

@@ -0,0 +1,13 @@
+export { default as PopoverText } from './PopoverText.js';
+export { default as PopoverTitle } from './PopoverTitle.js';
+import { IPopoverProps } from './types.js';
+import 'react';
+import '../@types/Position.js';
+import '../@types/SizePixels.js';
+
+declare const _default: {
+    (props: IPopoverProps): JSX.Element;
+    displayName: string;
+};
+
+export { _default as default };

package/lib/popover/index.js

@@ -6,58 +6,62 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "PopoverText", {
   enumerable: true,
   get: function get() {
-    return _PopoverText["default"];
+    return _PopoverText.default;
   }
 });
 Object.defineProperty(exports, "PopoverTitle", {
   enumerable: true,
   get: function get() {
-    return _PopoverTitle["default"];
+    return _PopoverTitle.default;
   }
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _buttons = _interopRequireDefault(require("../buttons"));
 
-var _buttons = _interopRequireDefault(require("../../lib/buttons"));
+var _icons = _interopRequireDefault(require("../icons"));
 
-var _icons = _interopRequireDefault(require("../../lib/icons"));
+var _PopoverText = _interopRequireDefault(require("./PopoverText"));
+
+var _PopoverTitle = _interopRequireDefault(require("./PopoverTitle"));
 
 var _withDropdown = _interopRequireDefault(require("../dropdown/withDropdown"));
 
 require("../assets/styles/popover.scss");
 
-var _PopoverText = _interopRequireDefault(require("./PopoverText"));
-
-var _PopoverTitle = _interopRequireDefault(require("./PopoverTitle"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var Popover = function Popover(_ref) {
-  var customClass = _ref.customClass,
-      iconName = _ref.iconName,
-      iconSize = _ref.iconSize,
-      iconColor = _ref.iconColor,
-      theme = _ref.theme,
-      children = _ref.children,
-      align = _ref.align;
-  return /*#__PURE__*/_react["default"].createElement(_buttons["default"], {
-    tabIndex: "-1",
-    customClass: "popover-component",
+  var children = _ref.children,
+      _ref$align = _ref.align,
+      align = _ref$align === void 0 ? 'left' : _ref$align,
+      _ref$theme = _ref.theme,
+      theme = _ref$theme === void 0 ? 'dark' : _ref$theme,
+      _ref$iconName = _ref.iconName,
+      iconName = _ref$iconName === void 0 ? '' : _ref$iconName,
+      _ref$iconSize = _ref.iconSize,
+      iconSize = _ref$iconSize === void 0 ? 16 : _ref$iconSize,
+      _ref$iconColor = _ref.iconColor,
+      iconColor = _ref$iconColor === void 0 ? '' : _ref$iconColor,
+      _ref$customClass = _ref.customClass,
+      customClass = _ref$customClass === void 0 ? '' : _ref$customClass;
+  return /*#__PURE__*/_react.default.createElement(_buttons.default, {
     round: true,
-    style: {
-      height: '100%',
-      width: '100%'
-    },
     dropdown: true,
-    dropdownAlign: align,
     transparent: true,
-    showIconDropdown: false,
+    tabIndex: -1,
     boxShadow: false,
     iconAlign: "center",
-    icon: /*#__PURE__*/_react["default"].createElement(_icons["default"], {
+    dropdownAlign: align,
+    showIconDropdown: false,
+    customClass: "popover-component",
+    style: {
+      height: '100%',
+      width: '100%'
+    },
+    icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
       customClass: "buttonicon",
       name: iconName || 'information',
       color: iconColor || 'gray',
@@ -66,30 +70,12 @@ var Popover = function Popover(_ref) {
     onClick: function onClick(e) {
       e.preventDefault();
     }
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(customClass, " popovercontainer -").concat(theme),
     "data-testid": "popover-container"
   }, children));
 };
 
-Popover.propTypes = {
-  customClass: _propTypes["default"].string,
-  children: _propTypes["default"].any.isRequired,
-  align: _propTypes["default"].string,
-  iconName: _propTypes["default"].string,
-  iconColor: _propTypes["default"].string,
-  iconSize: _propTypes["default"].oneOf([10, 16, 24, 32, 40, 64]),
-  theme: _propTypes["default"].oneOf(['light', 'dark'])
-};
-Popover.defaultProps = {
-  customClass: '',
-  align: 'left',
-  iconName: '',
-  iconColor: '',
-  iconSize: 16,
-  theme: 'dark'
-};
-
-var _default = (0, _withDropdown["default"])(Popover);
+var _default = (0, _withDropdown.default)(Popover);
 
-exports["default"] = _default;
+exports.default = _default;

package/lib/popover/types.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+import { Position } from '../@types/Position.js';
+import { SizePixels } from '../@types/SizePixels.js';
+
+interface PopoverTitleProps {
+    children?: ReactNode;
+}
+interface PopoverTextProps {
+    children?: ReactNode;
+}
+interface IPopoverProps {
+    iconName?: string;
+    iconColor?: string;
+    customClass?: string;
+    children?: ReactNode;
+    theme?: 'light' | 'dark';
+    align?: Extract<Position, 'left' | 'right'>;
+    iconSize?: Extract<SizePixels, 10 | 16 | 24 | 32 | 40 | 64>;
+}
+
+export { IPopoverProps, PopoverTextProps, PopoverTitleProps };

package/lib/popover/types.js

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

package/lib/progress/Bar.d.ts

@@ -0,0 +1,6 @@
+import { IBarProps } from './types.js';
+import 'react';
+
+declare const ProgressBar: (props: IBarProps) => JSX.Element;
+
+export { ProgressBar as default };

package/lib/progress/Bar.js

@@ -3,18 +3,22 @@
 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"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var ROUND_PRECISION = 1000;
 
-var getPercentage = function getPercentage(props) {
-  var percentage = (props.value - props.min) / (props.max - props.min) * 100;
+var getPercentage = function getPercentage(_ref) {
+  var _ref$max = _ref.max,
+      max = _ref$max === void 0 ? 100 : _ref$max,
+      _ref$min = _ref.min,
+      min = _ref$min === void 0 ? 0 : _ref$min,
+      _ref$value = _ref.value,
+      value = _ref$value === void 0 ? 0 : _ref$value;
+  var percentage = (value - min) / (max - min) * 100;
   return Math.round(percentage * ROUND_PRECISION) / ROUND_PRECISION;
 };
 
@@ -31,73 +35,59 @@ var getClass = function getClass(props) {
 var getLabel = function getLabel(progress) {
   var value = progress.label;
 
-  if (progress.label === '') {
+  if (!progress.label) {
     value = "".concat(getPercentage(progress), "%");
   }
 
-  return /*#__PURE__*/_react["default"].createElement("span", {
+  return /*#__PURE__*/_react.default.createElement("span", {
     className: "progressbar-label "
   }, value);
 };
 
 var getStyle = function getStyle(props) {
-  if (props.indeterminate) {
+  var indeterminate = props.indeterminate,
+      _props$indeterminateD = props.indeterminateDelay,
+      indeterminateDelay = _props$indeterminateD === void 0 ? 1 : _props$indeterminateD,
+      _props$indeterminateD2 = props.indeterminateDuration,
+      indeterminateDuration = _props$indeterminateD2 === void 0 ? 1.5 : _props$indeterminateD2,
+      _props$progressWidth = props.progressWidth,
+      progressWidth = _props$progressWidth === void 0 ? '100%' : _props$progressWidth,
+      _props$height = props.height,
+      height = _props$height === void 0 ? '100%' : _props$height;
+
+  if (indeterminate) {
     return {
-      width: props.progressWidth,
-      height: props.height,
-      animationDuration: "".concat(props.indeterminateDuration, "s"),
-      animationDelay: "".concat(props.indeterminateDelay, "s")
+      width: progressWidth,
+      height: height,
+      animationDuration: "".concat(indeterminateDuration, "s"),
+      animationDelay: "".concat(indeterminateDelay, "s")
     };
   }
 
   return {
     width: "".concat(getPercentage(props), "%"),
-    height: props.height
+    height: height
   };
 };
 
 var ProgressBar = function ProgressBar(props) {
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  var _props$value = props.value,
+      value = _props$value === void 0 ? 0 : _props$value,
+      _props$min = props.min,
+      min = _props$min === void 0 ? 0 : _props$min,
+      _props$max = props.max,
+      max = _props$max === void 0 ? 100 : _props$max,
+      _props$showLabel = props.showLabel,
+      showLabel = _props$showLabel === void 0 ? true : _props$showLabel;
+  return /*#__PURE__*/_react.default.createElement("div", {
     role: "progressbar",
     className: getClass(props),
     style: getStyle(props),
-    "aria-valuenow": props.value,
-    "aria-valuemin": props.min,
-    "aria-valuemax": props.max
-  }, props.showLabel && !props.indeterminate && getLabel(props));
+    "aria-valuenow": value,
+    "aria-valuemin": min,
+    "aria-valuemax": max
+  }, showLabel && !props.indeterminate && getLabel(props));
 };
 
-ProgressBar.defaultProps = {
-  min: 0,
-  max: 100,
-  value: 0,
-  progressWidth: '100%',
-  height: '100%',
-  effect: false,
-  customClass: '',
-  type: '',
-  showLabel: true,
-  label: '',
-  animated: false,
-  indeterminate: false,
-  indeterminateDuration: 1.5,
-  indeterminateDelay: 1
-};
-ProgressBar.propTypes = {
-  label: _propTypes["default"].string,
-  min: _propTypes["default"].number,
-  value: _propTypes["default"].number,
-  max: _propTypes["default"].number,
-  progressWidth: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  height: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  showLabel: _propTypes["default"].bool,
-  effect: _propTypes["default"].bool,
-  type: _propTypes["default"].string,
-  customClass: _propTypes["default"].string,
-  animated: _propTypes["default"].bool,
-  indeterminate: _propTypes["default"].bool,
-  indeterminateDuration: _propTypes["default"].number,
-  indeterminateDelay: _propTypes["default"].number
-};
 var _default = ProgressBar;
-exports["default"] = _default;
+exports.default = _default;

package/lib/progress/index.d.ts

@@ -0,0 +1,7 @@
+export { default as Bar } from './Bar.js';
+import { IProgressBarProps } from './types.js';
+import 'react';
+
+declare const ProgressBar: (props: IProgressBarProps) => JSX.Element;
+
+export { ProgressBar as default };