linear-react-components-ui 1.1.20-beta.33 → 1.1.20-beta.34

package/lib/panel/Default.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _gridlayout = _interopRequireDefault(require("../gridlayout"));
+var _Header = _interopRequireDefault(require("./Header"));
+var _helpers = _interopRequireDefault(require("./helpers"));
+var _permissionValidations = require("../permissionValidations");
+const _excluded = ["startOpened", "toggleable", "customClass", "children", "title", "gridCols", "onEndReached", "onEndReachedThreshold", "permissionAttr", "colorStyle"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+const DefaultPanel = _ref => {
+  let {
+      startOpened = true,
+      toggleable,
+      customClass,
+      children,
+      title,
+      gridCols,
+      onEndReached,
+      onEndReachedThreshold = 0.1,
+      permissionAttr,
+      colorStyle
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const [opened, setOpened] = (0, _react.useState)(startOpened);
+  const {
+    hideContent,
+    unvisible
+  } = _permissionValidations.OPTIONS_ON_DENIED;
+  const [onDenied] = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)([hideContent, unvisible], permissionAttr));
+  const getCssClass = () => {
+    let cssClass = `panel-component ${customClass}`;
+    cssClass += colorStyle !== '' ? ` -${colorStyle}` : '';
+    return cssClass;
+  };
+  const renderContent = () => /*#__PURE__*/_react.default.createElement("div", _extends({
+    className: getCssClass()
+  }, rest), title && /*#__PURE__*/_react.default.createElement(_Header.default, {
+    title: title
+  }), children);
+  const contextValues = () => ({
+    toggleable,
+    handlerToggleable: () => {
+      setOpened(!opened);
+    },
+    opened,
+    onEndReached,
+    onEndReachedThreshold,
+    hideContent: onDenied.hideContent,
+    unvisible: onDenied.unvisible
+  });
+  if (onDenied.unvisible) return null;
+  return /*#__PURE__*/_react.default.createElement(_helpers.default.Provider, {
+    value: contextValues()
+  }, gridCols ? /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
+    cols: gridCols
+  }, renderContent()) : renderContent());
+};
+var _default = exports.default = DefaultPanel;

package/lib/panel/Header.d.ts

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

package/lib/panel/Header.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _icons = _interopRequireDefault(require("../icons"));
+var _buttons = _interopRequireWildcard(require("../buttons"));
+var _helpers = _interopRequireDefault(require("./helpers"));
+const _excluded = ["titleIcon", "icon", "title", "children", "customClass", "headerColored", "styleForTitle", "customClassForTitle"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+const getIcon = (titleIcon, icon) => {
+  if (icon) {
+    return icon;
+  } else if (titleIcon) {
+    return /*#__PURE__*/_react.default.createElement(_icons.default, {
+      name: titleIcon,
+      color: "#000",
+      size: 16
+    });
+  }
+  return null;
+};
+const getClassName = _ref => {
+  let {
+    customClass,
+    headerColored = true
+  } = _ref;
+  let className = `panel-header ${customClass ?? ''}`;
+  if (!headerColored) className += ' -uncolored';
+  return className;
+};
+const PanelHeader = props => {
+  const {
+      titleIcon,
+      icon,
+      title,
+      children,
+      customClass,
+      headerColored,
+      styleForTitle,
+      customClassForTitle
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
+  const {
+    toggleable,
+    handlerToggleable,
+    opened
+  } = (0, _react.useContext)(_helpers.default);
+  return /*#__PURE__*/_react.default.createElement("div", _extends({
+    className: getClassName(props)
+  }, rest), (icon || titleIcon) && /*#__PURE__*/_react.default.createElement("div", {
+    className: `${icon !== null || titleIcon !== null ? 'icon-left-panel' : ''}`
+  }, getIcon(titleIcon, icon)), title && /*#__PURE__*/_react.default.createElement("h1", {
+    className: `title ${customClassForTitle ?? ''}`,
+    style: styleForTitle
+  }, title), toggleable && /*#__PURE__*/_react.default.createElement(_buttons.ButtonContainer, {
+    position: "right"
+  }, /*#__PURE__*/_react.default.createElement(_buttons.default, {
+    boxShadow: false,
+    transparent: true,
+    onClick: () => {
+      handlerToggleable();
+    },
+    icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
+      name: opened ? 'up' : 'down',
+      size: 16
+    })
+  })), children);
+};
+var _default = exports.default = PanelHeader;

package/lib/panel/InfoPanel.d.ts

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

package/lib/panel/InfoPanel.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Default = _interopRequireDefault(require("./Default"));
+var _colorStyles = _interopRequireDefault(require("../internals/colorStyles"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const InfoPanel = props => /*#__PURE__*/_react.default.createElement(_Default.default, _extends({}, props, {
+  colorStyle: _colorStyles.default.INFO
+}));
+var _default = exports.default = InfoPanel;

package/lib/panel/PrimaryPanel.d.ts

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

package/lib/panel/PrimaryPanel.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Default = _interopRequireDefault(require("./Default"));
+var _colorStyles = _interopRequireDefault(require("../internals/colorStyles"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const PrimaryPanel = props => /*#__PURE__*/_react.default.createElement(_Default.default, _extends({}, props, {
+  colorStyle: _colorStyles.default.PRIMARY
+}));
+var _default = exports.default = PrimaryPanel;

package/lib/panel/SuccessPanel.d.ts

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

package/lib/panel/SuccessPanel.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Default = _interopRequireDefault(require("./Default"));
+var _colorStyles = _interopRequireDefault(require("../internals/colorStyles"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const SuccessPanel = props => /*#__PURE__*/_react.default.createElement(_Default.default, _extends({}, props, {
+  colorStyle: _colorStyles.default.SUCCESS
+}));
+var _default = exports.default = SuccessPanel;

package/lib/panel/ToolBar.d.ts

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

package/lib/panel/ToolBar.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _toolbar = _interopRequireDefault(require("../toolbar"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ToolBar = _ref => {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_toolbar.default, {
+    style: {
+      width: 'auto',
+      backgroundColor: 'transparent',
+      border: 0
+    }
+  }, children);
+};
+var _default = exports.default = ToolBar;

package/lib/panel/WarningPanel.d.ts

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

package/lib/panel/WarningPanel.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Default = _interopRequireDefault(require("./Default"));
+var _colorStyles = _interopRequireDefault(require("../internals/colorStyles"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const WarningPanel = props => /*#__PURE__*/_react.default.createElement(_Default.default, _extends({}, props, {
+  colorStyle: _colorStyles.default.WARNING
+}));
+var _default = exports.default = WarningPanel;

package/lib/panel/helpers.d.ts

@@ -0,0 +1,11 @@
+import React__default from 'react';
+import { ContextProps } from './types.js';
+import '../@types/PermissionAttr.js';
+import '../internals/colorStyles.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
+
+declare function getCurrentThreshold(scrollableElement: HTMLDivElement, scrollThreshold: number): number;
+declare const PanelContext: React__default.Context<ContextProps>;
+
+export { PanelContext as default, getCurrentThreshold };

package/lib/panel/helpers.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.getCurrentThreshold = getCurrentThreshold;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function getCurrentThreshold(scrollableElement, scrollThreshold) {
+  const MIN_THRESHOLD = 0;
+  const MAX_THRESHOLD = 1;
+  if (scrollThreshold < MIN_THRESHOLD) return MIN_THRESHOLD;
+  if (scrollThreshold > MAX_THRESHOLD) return MAX_THRESHOLD;
+  const {
+    scrollHeight,
+    clientHeight
+  } = scrollableElement;
+  const offsetHeight = scrollHeight - clientHeight;
+  const calculatedScrollThreshold = Math.round(scrollHeight * scrollThreshold);
+  const maxScrollThreshold = Math.round(offsetHeight - offsetHeight * 0.3);
+  return Math.min(calculatedScrollThreshold, maxScrollThreshold);
+}
+const PanelContext = /*#__PURE__*/_react.default.createContext({});
+var _default = exports.default = PanelContext;

package/lib/panel/index.d.ts

@@ -0,0 +1,18 @@
+import DefaultPanel 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.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+import '../internals/colorStyles.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
+
+
+
+export { DefaultPanel as default };

package/lib/panel/index.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DangerPanel", {
+  enumerable: true,
+  get: function () {
+    return _DangerPanel.default;
+  }
+});
+Object.defineProperty(exports, "InfoPanel", {
+  enumerable: true,
+  get: function () {
+    return _InfoPanel.default;
+  }
+});
+Object.defineProperty(exports, "PanelContent", {
+  enumerable: true,
+  get: function () {
+    return _Content.default;
+  }
+});
+Object.defineProperty(exports, "PanelHeader", {
+  enumerable: true,
+  get: function () {
+    return _Header.default;
+  }
+});
+Object.defineProperty(exports, "PrimaryPanel", {
+  enumerable: true,
+  get: function () {
+    return _PrimaryPanel.default;
+  }
+});
+Object.defineProperty(exports, "SuccessPanel", {
+  enumerable: true,
+  get: function () {
+    return _SuccessPanel.default;
+  }
+});
+Object.defineProperty(exports, "WarningPanel", {
+  enumerable: true,
+  get: function () {
+    return _WarningPanel.default;
+  }
+});
+exports.default = void 0;
+var _Default = _interopRequireDefault(require("./Default"));
+var _PrimaryPanel = _interopRequireDefault(require("./PrimaryPanel"));
+var _DangerPanel = _interopRequireDefault(require("./DangerPanel"));
+var _WarningPanel = _interopRequireDefault(require("./WarningPanel"));
+var _SuccessPanel = _interopRequireDefault(require("./SuccessPanel"));
+var _InfoPanel = _interopRequireDefault(require("./InfoPanel"));
+var _Header = _interopRequireDefault(require("./Header"));
+var _Content = _interopRequireDefault(require("./Content"));
+require("../assets/styles/panel.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = _Default.default;

package/lib/panel/types.d.ts

@@ -0,0 +1,47 @@
+import { ComponentPropsWithoutRef, ReactNode, ReactElement } from 'react';
+import { PermissionAttr } from '../@types/PermissionAttr.js';
+import ColorStyles from '../internals/colorStyles.js';
+import { IconNames } from '../@types/Icon.js';
+import '../icons/helper.js';
+
+type Func = () => void;
+type AsyncFunc = () => Promise<void>;
+interface IPanelProps extends Omit<ComponentPropsWithoutRef<'div'>, 'className'> {
+    customClass?: string;
+    startOpened?: boolean;
+    toggleable?: boolean;
+    children?: ReactNode;
+    colorStyle?: typeof ColorStyles | string;
+    gridCols?: string;
+    title?: string;
+    onEndReached?: Func | AsyncFunc;
+    onEndReachedThreshold?: number;
+    permissionAttr?: PermissionAttr | PermissionAttr[];
+}
+interface IPanelContentProps extends Omit<ComponentPropsWithoutRef<'div'>, 'className'> {
+    customClass?: string;
+}
+interface IPanelHeaderProps extends Omit<ComponentPropsWithoutRef<'div'>, 'className'> {
+    title?: string;
+    icon?: ReactElement;
+    titleIcon?: IconNames;
+    customClass?: string;
+    styleForTitle?: object;
+    customClassForTitle?: string;
+    headerColored?: boolean;
+}
+type ContextProps = {
+    toggleable: boolean;
+    handlerToggleable: () => void;
+    opened: boolean;
+    hideContent: boolean;
+    onEndReached?: Func | AsyncFunc;
+    onEndReachedThreshold: number;
+};
+interface IParameterFunction {
+    props: any;
+    propName: string | number;
+    componentName: string;
+}
+
+export { AsyncFunc, ContextProps, Func, IPanelContentProps, IPanelHeaderProps, IPanelProps, IParameterFunction };

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

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.actionsOnPermissionDenied = exports.OPTIONS_ON_DENIED = void 0;
+const getModuleFeaturesFromStorage = module => {
+  if (!module) return [];
+  const permissionsStorage = JSON.parse(sessionStorage.getItem('permissionsStorage') || '{}');
+  return permissionsStorage && permissionsStorage[module] ? permissionsStorage[module] : [];
+};
+const checkOperationPermitted = (featureOperations, operationCode) => featureOperations.some(o => o.codigo === operationCode);
+const scanFeatures = (moduleFeatures, featureCode, operationCode) => {
+  for (let index = 0; index < moduleFeatures.length; index += 1) {
+    const moduleFeature = moduleFeatures[index];
+    if (moduleFeature.codigo === featureCode && moduleFeature.permissoes.length > 0) {
+      return checkOperationPermitted(moduleFeature.permissoes, operationCode);
+    } else if (moduleFeature.itens.length > 0) {
+      const result = scanFeatures(moduleFeature.itens, featureCode, operationCode);
+      if (result) return true;
+      if (index === moduleFeatures.length - 1) return false;
+    }
+  }
+  return false;
+};
+const checkPermissionFromStorage = permissionAttr => {
+  if (!permissionAttr) return true;
+  const permissionsAttr = !Array.isArray(permissionAttr) ? [permissionAttr] : permissionAttr;
+  for (let i = 0; i < permissionsAttr.length; i += 1) {
+    const {
+      module,
+      feature,
+      operation
+    } = permissionsAttr[i];
+    const permission = scanFeatures(getModuleFeaturesFromStorage(module), feature, operation);
+    if (permission) return true;
+  }
+  return false;
+};
+const actionsOnPermissionDenied = (options, permissionAttr) => {
+  const hasPermission = checkPermissionFromStorage(permissionAttr);
+  const permissionsAttr = permissionAttr && !Array.isArray(permissionAttr) ? [permissionAttr] : permissionAttr;
+  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.');
+  }
+  const result = {};
+  options.forEach(option => {
+    result[option] = hasPermission ? false : option === permissionsAttr?.[0].onDenied;
+  });
+  return result;
+};
+exports.actionsOnPermissionDenied = actionsOnPermissionDenied;
+const OPTIONS_ON_DENIED = exports.OPTIONS_ON_DENIED = {
+  disabled: 'disabled',
+  unvisible: 'unvisible',
+  readOnly: 'readOnly',
+  hideContent: 'hideContent'
+};
+var _default = exports.default = checkPermissionFromStorage;

package/lib/popover/PopoverText.d.ts

@@ -0,0 +1,10 @@
+import React__default from 'react';
+import { PopoverTextProps } from './types.js';
+import '../@types/Position.js';
+import '../@types/SizePixels.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
+
+declare const PopoverText: React__default.ForwardRefExoticComponent<PopoverTextProps & React__default.RefAttributes<HTMLParagraphElement>>;
+
+export { PopoverText as default };

package/lib/popover/PopoverText.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const PopoverText = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("p", {
+    className: "text",
+    ref: ref
+  }, children);
+});
+PopoverText.displayName = 'PopoverText';
+var _default = exports.default = PopoverText;

package/lib/popover/PopoverTitle.d.ts

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

package/lib/popover/PopoverTitle.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const PopoverTitle = _ref => {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("h1", {
+    className: "title"
+  }, children);
+};
+var _default = exports.default = PopoverTitle;

package/lib/popover/index.d.ts

@@ -0,0 +1,15 @@
+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';
+import '../@types/Icon.js';
+import '../icons/helper.js';
+
+declare const _default: {
+    (props: IPopoverProps): JSX.Element;
+    displayName: string;
+};
+
+export { _default as default };