linear-react-components-ui 1.1.14-beta.0 → 1.1.14

package/lib/labels/PrimaryLabel.js

@@ -6,17 +6,18 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _DefaultLabel = _interopRequireDefault(require("./DefaultLabel"));
-var _excluded = ["className"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var PrimaryLabel = function PrimaryLabel(_ref) {
-  var className = _ref.className,
+const _excluded = ["className"];
+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); }
+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 PrimaryLabel = _ref => {
+  let {
+      className
+    } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_DefaultLabel.default, _extends({
     className: "-primary"
   }, rest));
 };
-var _default = PrimaryLabel;
-exports.default = _default;
+var _default = exports.default = PrimaryLabel;

package/lib/labels/SuccessLabel.js

@@ -6,17 +6,18 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _DefaultLabel = _interopRequireDefault(require("./DefaultLabel"));
-var _excluded = ["className"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var SuccessLabel = function SuccessLabel(_ref) {
-  var className = _ref.className,
+const _excluded = ["className"];
+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); }
+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 SuccessLabel = _ref => {
+  let {
+      className
+    } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_DefaultLabel.default, _extends({
     className: "-success"
   }, rest));
 };
-var _default = SuccessLabel;
-exports.default = _default;
+var _default = exports.default = SuccessLabel;

package/lib/labels/WarningLabel.js

@@ -6,17 +6,18 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _DefaultLabel = _interopRequireDefault(require("./DefaultLabel"));
-var _excluded = ["className"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var WarningLabel = function WarningLabel(_ref) {
-  var className = _ref.className,
+const _excluded = ["className"];
+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); }
+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 WarningLabel = _ref => {
+  let {
+      className
+    } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_DefaultLabel.default, _extends({
     className: "-warning"
   }, rest));
 };
-var _default = WarningLabel;
-exports.default = _default;
+var _default = exports.default = WarningLabel;

package/lib/labels/index.js

@@ -5,37 +5,37 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "DangerLabel", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _DangerLabel.default;
   }
 });
 Object.defineProperty(exports, "InfoLabel", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _InfoLabel.default;
   }
 });
 Object.defineProperty(exports, "LabelContainer", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _label_container.default;
   }
 });
 Object.defineProperty(exports, "PrimaryLabel", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _PrimaryLabel.default;
   }
 });
 Object.defineProperty(exports, "SuccessLabel", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _SuccessLabel.default;
   }
 });
 Object.defineProperty(exports, "WarningLabel", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _WarningLabel.default;
   }
 });
@@ -48,6 +48,5 @@ var _WarningLabel = _interopRequireDefault(require("./WarningLabel"));
 var _SuccessLabel = _interopRequireDefault(require("./SuccessLabel"));
 var _InfoLabel = _interopRequireDefault(require("./InfoLabel"));
 require("../assets/styles/label.scss");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = _DefaultLabel.default;
-exports.default = _default;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = _DefaultLabel.default;

package/lib/labels/label_container/index.js

@@ -5,12 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var LabelContainer = function LabelContainer(_ref) {
-  var customClass = _ref.customClass,
-    _ref$position = _ref.position,
-    position = _ref$position === void 0 ? 'left' : _ref$position,
-    children = _ref.children;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const LabelContainer = _ref => {
+  let {
+    customClass,
+    position = 'left',
+    children
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "lbl-container ".concat(customClass),
     style: {
@@ -18,5 +19,4 @@ var LabelContainer = function LabelContainer(_ref) {
     }
   }, children);
 };
-var _default = LabelContainer;
-exports.default = _default;
+var _default = exports.default = LabelContainer;

package/lib/list/Header.js

@@ -5,12 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var Header = function Header(_ref) {
-  var title = _ref.title,
-    children = _ref.children,
-    style = _ref.style,
-    customClass = _ref.customClass;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Header = _ref => {
+  let {
+    title,
+    children,
+    style,
+    customClass
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("li", {
     className: "list-header ".concat(customClass),
     style: style
@@ -18,5 +20,4 @@ var Header = function Header(_ref) {
     className: "title"
   }, title), children);
 };
-var _default = Header;
-exports.default = _default;
+var _default = exports.default = Header;

package/lib/list/Item.js

@@ -1,6 +1,5 @@
 "use strict";
 
-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
 });
@@ -13,101 +12,109 @@ var _helpers = require("./helpers");
 var _withDropdown = require("../dropdown/withDropdown");
 var constants = _interopRequireWildcard(require("../internals/constants"));
 var _permissionValidations = require("../permissionValidations");
-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 _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); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var Item = function Item(props) {
-  var onClick = props.onClick,
-    leftIconName = props.leftIconName,
-    leftIcon = props.leftIcon,
-    displayCheckbox = props.displayCheckbox,
-    url = props.url,
-    leftElement = props.leftElement,
-    _props$hovered = props.hovered,
-    hovered = _props$hovered === void 0 ? true : _props$hovered,
-    customClass = props.customClass,
-    text = props.text,
-    subText = props.subText,
-    rightIcon = props.rightIcon,
-    rightIconName = props.rightIconName,
-    _props$itemId = props.itemId,
-    itemId = _props$itemId === void 0 ? '' : _props$itemId,
-    rightElement = props.rightElement,
-    style = props.style,
-    children = props.children,
-    disabled = props.disabled,
-    _props$separator = props.separator,
-    separator = _props$separator === void 0 ? true : _props$separator,
-    _props$visible = props.visible,
-    visible = _props$visible === void 0 ? true : _props$visible,
-    permissionAttr = props.permissionAttr,
-    skeletonize = props.skeletonize;
-  var _useContext = (0, _react.useContext)(_helpers.ListContext),
-    handleSelectItem = _useContext.handleSelectItem,
-    selectable = _useContext.selectable,
-    selectedItemId = _useContext.selectedItemId,
-    selectedItemRef = _useContext.selectedItemRef,
-    selectOnEnter = _useContext.selectOnEnter;
-  var dropdownContext = (0, _react.useContext)(_withDropdown.WithDropdownContext);
-  var options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible];
-  var _useState = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr)),
-    _useState2 = _slicedToArray(_useState, 1),
-    onDenied = _useState2[0];
-  var history = (0, _reactRouterDom.useHistory)();
-  var shouldDisable = function shouldDisable() {
-    return disabled || onDenied.disabled;
-  };
-  var getClass = function getClass() {
-    return "item ".concat(customClass, " ").concat(separator && 'list-separator', " ").concat(shouldDisable() && 'disabled', "\n    ").concat(displayCheckbox && 'list-checkbox');
-  };
-  var getIcon = function getIcon(iconName, icon) {
+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); }
+const Item = props => {
+  const {
+    onClick,
+    leftIconName,
+    leftIcon,
+    displayCheckbox,
+    url,
+    leftElement,
+    hovered = true,
+    customClass,
+    text,
+    subText,
+    rightIcon,
+    rightIconName,
+    itemId = '',
+    rightElement,
+    style,
+    children,
+    disabled,
+    separator = true,
+    visible = true,
+    permissionAttr,
+    skeletonize
+  } = props;
+  const {
+    handleSelectItem,
+    selectable,
+    selectedItemId,
+    selectedItemRef,
+    selectOnEnter
+  } = (0, _react.useContext)(_helpers.ListContext);
+  const dropdownContext = (0, _react.useContext)(_withDropdown.WithDropdownContext);
+  const options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible];
+  const [onDenied] = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr));
+  const navigate = (0, _reactRouterDom.useNavigate)();
+  const disabledByPermission = onDenied.disabled;
+  const shouldDisable = () => disabled || onDenied.disabled;
+  const disabledIconColor = 'rgb(193, 193, 193)';
+  const getClass = () => "item ".concat(customClass, " ").concat(separator && 'list-separator', " ").concat(shouldDisable() && 'disabled', "\n    ").concat(displayCheckbox && 'list-checkbox');
+  const getIcon = (iconName, icon) => {
+    const noIconDisabledByPermission = !icon && !displayCheckbox && !leftElement && !leftIconName && !leftIcon && onDenied.disabled;
     if (icon) {
       return icon;
+    } else if (noIconDisabledByPermission) {
+      return /*#__PURE__*/_react.default.createElement(_icons.default, {
+        name: "padlock",
+        color: disabledIconColor
+      });
     } else if (iconName) {
       return /*#__PURE__*/_react.default.createElement(_icons.default, {
-        name: iconName
+        name: !disabledByPermission ? iconName : 'padlock',
+        color: !disabledByPermission ? '' : disabledIconColor
       });
     }
     return null;
   };
-  var handleOnSelectItem = function handleOnSelectItem(e) {
+  const handleOnSelectItem = e => {
     if (onClick !== undefined) onClick(e, itemId);
     if (dropdownContext && dropdownContext.handleDropdownClose) {
       dropdownContext.handleDropdownClose();
     }
     if (selectable) handleSelectItem(itemId, onClick);
   };
-  var onKeyDown = (0, _react.useCallback)(function (e) {
+  const onKeyDown = (0, _react.useCallback)(e => {
     if ([constants.keyCodes.ENTER].includes(e.keyCode) && !skeletonize && itemId && selectedItemId === itemId) {
       e.preventDefault();
       handleOnSelectItem(e);
-      if (url) history.push(url);
+      if (url) navigate(url);
     }
   }, [url, selectedItemId, itemId]);
-  var getProps = function getProps() {
+  const getProps = () => {
     if (shouldDisable()) return undefined;
     if (onClick === undefined && dropdownContext === undefined && !selectable) return null;
     return {
-      onClick: function onClick(event) {
+      onClick: event => {
         handleOnSelectItem(event);
       },
       role: 'button',
       tabIndex: 0
     };
   };
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (selectOnEnter) document.addEventListener('keydown', onKeyDown);
-    return function () {
+    return () => {
       document.removeEventListener('keydown', onKeyDown);
     };
   }, [url, selectedItemId, itemId]);
+  const renderCheckBox = (0, _react.useMemo)(() => {
+    if (!disabledByPermission && displayCheckbox) {
+      return /*#__PURE__*/_react.default.createElement(_checkbox.default, {
+        name: "checkbox"
+      });
+    } else if (disabledByPermission && displayCheckbox) {
+      return /*#__PURE__*/_react.default.createElement(_icons.default, {
+        name: "padlock"
+      });
+    }
+    return null;
+  }, [disabledByPermission && displayCheckbox]);
   if (!visible || onDenied.unvisible) return null;
   return /*#__PURE__*/_react.default.createElement("li", _extends({
     ref: itemId && selectedItemId === itemId ? selectedItemRef : null,
@@ -120,17 +127,14 @@ var Item = function Item(props) {
     to: url
   }), (displayCheckbox || leftElement || leftIconName || leftIcon) && /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(getClass(), " -icon-left")
-  }, displayCheckbox && /*#__PURE__*/_react.default.createElement(_checkbox.default, {
-    name: "checkbox"
-  }), leftElement, getIcon(leftIconName, leftIcon)), (text || subText || children) && /*#__PURE__*/_react.default.createElement("div", {
+  }, renderCheckBox, leftElement, getIcon(leftIconName, leftIcon)), (text || subText || children) && /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(getClass())
   }, /*#__PURE__*/_react.default.createElement("p", {
     className: "".concat(text && 'text')
   }, text), /*#__PURE__*/_react.default.createElement("p", {
     className: "".concat(subText && 'subtext')
-  }, subText), children), (rightIconName || rightIcon || rightElement) && /*#__PURE__*/_react.default.createElement("div", {
+  }, subText), children), (rightIconName || rightIcon || rightElement || disabledByPermission) && /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(getClass(), " -icon-right")
   }, getIcon(rightIconName, rightIcon), rightElement));
 };
-var _default = Item;
-exports.default = _default;
+var _default = exports.default = Item;

package/lib/list/Separator.js

@@ -5,11 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var Separator = function Separator() {
-  return /*#__PURE__*/_react.default.createElement("li", {
-    className: "list-separator"
-  });
-};
-var _default = Separator;
-exports.default = _default;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Separator = () => /*#__PURE__*/_react.default.createElement("li", {
+  className: "list-separator"
+});
+var _default = exports.default = Separator;

package/lib/list/helpers.js

@@ -5,12 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ListContext = exports.LIST_ITEMS_TYPES = void 0;
 var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var ListContext = /*#__PURE__*/_react.default.createContext({});
-exports.ListContext = ListContext;
-var LIST_ITEMS_TYPES = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ListContext = exports.ListContext = /*#__PURE__*/_react.default.createContext({});
+const LIST_ITEMS_TYPES = exports.LIST_ITEMS_TYPES = {
   listHeader: 'Header',
   listItem: 'Item',
   listSeparator: 'Separator'
-};
-exports.LIST_ITEMS_TYPES = LIST_ITEMS_TYPES;
+};