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

package/lib/labels/index.js

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

package/lib/labels/label_container/index.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode, CSSProperties } from 'react';
+import { Position } from '../../@types/Position.js';
+
+interface ILabelContainerProps {
+    children: ReactNode;
+    style?: CSSProperties;
+    customClass?: string;
+    position?: Extract<Position, 'left' | 'right'>;
+}
+declare const LabelContainer: ({ customClass, position, children }: ILabelContainerProps) => JSX.Element;
+
+export { LabelContainer as default };

package/lib/labels/label_container/index.js

@@ -3,34 +3,24 @@
 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 LabelContainer = function LabelContainer(_ref) {
   var customClass = _ref.customClass,
-      position = _ref.position,
+      _ref$position = _ref.position,
+      position = _ref$position === void 0 ? 'left' : _ref$position,
       children = _ref.children;
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "lbl-container ".concat(customClass),
     style: {
-      "float": position
+      float: position
     }
   }, children);
 };
 
-LabelContainer.defaultProps = {
-  position: 'left',
-  customClass: ''
-};
-LabelContainer.propTypes = {
-  customClass: _propTypes["default"].string,
-  position: _propTypes["default"].string,
-  children: _propTypes["default"].arrayOf(_propTypes["default"].element).isRequired
-};
 var _default = LabelContainer;
-exports["default"] = _default;
+exports.default = _default;

package/lib/labels/types.d.ts

@@ -0,0 +1,24 @@
+import { ReactElement } from 'react';
+import { PermissionAttr } from '../@types/PermissionAttr.js';
+import { Position } from '../@types/Position.js';
+import { Size } from '../@types/Size.js';
+
+interface ILabelProps extends React.HTMLAttributes<HTMLDivElement> {
+    customClass?: string;
+    size?: Size;
+    iconName?: string;
+    iconAlign?: Position;
+    icon?: ReactElement;
+    targetRef?: (ref: HTMLDivElement | null) => void;
+    bordered?: boolean;
+    tooltipPosition?: Exclude<Position, 'center'>;
+    tooltipWidth?: string | number;
+    tooltip?: string;
+    visible?: boolean;
+    disabled?: boolean;
+    permissionAttr?: PermissionAttr | PermissionAttr[];
+    skeletonize?: boolean;
+    validationKey?: string;
+}
+
+export { ILabelProps };

package/lib/labels/types.js

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

package/lib/list/Header.d.ts

@@ -0,0 +1,7 @@
+import { IListHeaderProps } from './types.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+
+declare const Header: ({ title, children, style, customClass }: IListHeaderProps) => JSX.Element;
+
+export { Header as default };

package/lib/list/Header.js

@@ -3,37 +3,24 @@
 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 Header = function Header(_ref) {
   var title = _ref.title,
       children = _ref.children,
       style = _ref.style,
       customClass = _ref.customClass;
-  return /*#__PURE__*/_react["default"].createElement("li", {
+  return /*#__PURE__*/_react.default.createElement("li", {
     className: "list-header ".concat(customClass),
     style: style
-  }, /*#__PURE__*/_react["default"].createElement("h1", {
+  }, /*#__PURE__*/_react.default.createElement("h1", {
     className: "title"
   }, title), children);
 };
 
-Header.propTypes = {
-  title: _propTypes["default"].string.isRequired,
-  style: _propTypes["default"].object,
-  children: _propTypes["default"].element,
-  customClass: _propTypes["default"].string
-};
-Header.defaultProps = {
-  children: null,
-  style: {},
-  customClass: ''
-};
 var _default = Header;
-exports["default"] = _default;
+exports.default = _default;

package/lib/list/Item.d.ts

@@ -0,0 +1,7 @@
+import { IListItemProps } from './types.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+
+declare const Item: (props: IListItemProps) => JSX.Element | null;
+
+export { Item as default };

package/lib/list/Item.js

@@ -1,16 +1,14 @@
 "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 _reactRouterDom = require("react-router-dom");
 
 var _icons = _interopRequireDefault(require("../icons"));
@@ -25,13 +23,13 @@ var constants = _interopRequireWildcard(require("../internals/constants"));
 
 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 _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); }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -52,33 +50,37 @@ var Item = function Item(props) {
       displayCheckbox = props.displayCheckbox,
       url = props.url,
       leftElement = props.leftElement,
-      hovered = props.hovered,
+      _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,
-      itemId = props.itemId,
+      _props$itemId = props.itemId,
+      itemId = _props$itemId === void 0 ? '' : _props$itemId,
       rightElement = props.rightElement,
       style = props.style,
       children = props.children,
       disabled = props.disabled,
-      separator = props.separator,
-      visible = props.visible,
-      permissionAttr = props.permissionAttr;
+      _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,
+      selectOnEnter = props.selectOnEnter;
 
   var _useContext = (0, _react.useContext)(_helpers.ListContext),
       handleSelectItem = _useContext.handleSelectItem,
       selectable = _useContext.selectable,
       selectedItemId = _useContext.selectedItemId,
-      selectedItemRef = _useContext.selectedItemRef,
-      skeletonize = _useContext.skeletonize,
-      selectOnEnter = _useContext.selectOnEnter;
+      selectedItemRef = _useContext.selectedItemRef;
 
   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)(permissionAttr, options)),
+  var _useState = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr)),
       _useState2 = _slicedToArray(_useState, 1),
       onDenied = _useState2[0];
 
@@ -93,10 +95,10 @@ var Item = function Item(props) {
   };
 
   var getIcon = function getIcon(iconName, icon) {
-    if (icon !== null) {
+    if (icon) {
       return icon;
-    } else if (iconName !== '') {
-      return /*#__PURE__*/_react["default"].createElement(_icons["default"], {
+    } else if (iconName) {
+      return /*#__PURE__*/_react.default.createElement(_icons.default, {
         name: iconName
       });
     }
@@ -106,7 +108,11 @@ var Item = function Item(props) {
 
   var handleOnSelectItem = function handleOnSelectItem(e) {
     if (onClick !== undefined) onClick(e, itemId);
-    if (dropdownContext) dropdownContext.handleDropdownClose();
+
+    if (dropdownContext && dropdownContext.handleDropdownClose) {
+      dropdownContext.handleDropdownClose();
+    }
+
     if (selectable) handleSelectItem(itemId, onClick);
   };
 
@@ -122,12 +128,12 @@ var Item = function Item(props) {
     if (shouldDisable()) return undefined;
     if (onClick === undefined && dropdownContext === undefined && !selectable) return null;
     return {
-      onClick: function onClick(e) {
-        handleOnSelectItem(e);
+      onClick: function onClick(event) {
+        handleOnSelectItem(event);
       },
       role: 'button',
-      onKeyDown: selectOnEnter && onKeyDown,
-      tabIndex: '0'
+      onKeyDown: onKeyDown,
+      tabIndex: 0
     };
   };
 
@@ -138,73 +144,29 @@ var Item = function Item(props) {
     };
   }, []);
   if (!visible || onDenied.unvisible) return null;
-  return /*#__PURE__*/_react["default"].createElement("li", _extends({
+  return /*#__PURE__*/_react.default.createElement("li", _extends({
     ref: itemId && selectedItemId === itemId ? selectedItemRef : null,
     style: style,
     className: "item-container ".concat(hovered && 'hovered', "\n        ").concat(itemId && selectedItemId === itemId ? '-activedlist' : '')
   }, getProps(), {
     key: itemId
-  }), url && !shouldDisable() && /*#__PURE__*/_react["default"].createElement(_reactRouterDom.Link, {
+  }), url && !shouldDisable() && /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
     className: "linkitem",
     to: url
-  }), (displayCheckbox || leftElement || leftIconName || leftIcon) && /*#__PURE__*/_react["default"].createElement("div", {
+  }), (displayCheckbox || leftElement || leftIconName || leftIcon) && /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(getClass(), " -icon-left")
-  }, displayCheckbox && /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
+  }, displayCheckbox && /*#__PURE__*/_react.default.createElement(_checkbox.default, {
     name: "checkbox"
-  }), leftElement, getIcon(leftIconName, leftIcon)), (text || subText || children) && /*#__PURE__*/_react["default"].createElement("div", {
+  }), leftElement, getIcon(leftIconName, leftIcon)), (text || subText || children) && /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(getClass())
-  }, /*#__PURE__*/_react["default"].createElement("p", {
+  }, /*#__PURE__*/_react.default.createElement("p", {
     className: "".concat(text && 'text')
-  }, text), /*#__PURE__*/_react["default"].createElement("p", {
+  }, 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) && /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(getClass(), " -icon-right")
   }, getIcon(rightIconName, rightIcon), rightElement));
 };
 
-Item.propTypes = {
-  text: _propTypes["default"].string,
-  style: _propTypes["default"].object,
-  separator: _propTypes["default"].bool,
-  hovered: _propTypes["default"].bool,
-  disabled: _propTypes["default"].bool,
-  displayCheckbox: _propTypes["default"].bool,
-  subText: _propTypes["default"].string,
-  leftElement: _propTypes["default"].element,
-  rightElement: _propTypes["default"].element,
-  leftIcon: _propTypes["default"].instanceOf(Object),
-  rightIcon: _propTypes["default"].instanceOf(Object),
-  onClick: _propTypes["default"].func,
-  leftIconName: _propTypes["default"].string,
-  rightIconName: _propTypes["default"].string,
-  customClass: _propTypes["default"].string,
-  url: _propTypes["default"].string,
-  visible: _propTypes["default"].bool,
-  itemId: _propTypes["default"].string,
-  children: _propTypes["default"].object,
-  permissionAttr: _propTypes["default"].oneOfType([_propTypes["default"].object, _propTypes["default"].arrayOf(_propTypes["default"].object)])
-};
-Item.defaultProps = {
-  itemId: '',
-  disabled: false,
-  customClass: '',
-  leftIconName: '',
-  rightIconName: '',
-  hovered: true,
-  leftIcon: null,
-  rightIcon: null,
-  text: '',
-  style: {},
-  subText: '',
-  separator: true,
-  displayCheckbox: false,
-  onClick: undefined,
-  leftElement: null,
-  rightElement: null,
-  url: undefined,
-  visible: true,
-  children: undefined,
-  permissionAttr: undefined
-};
 var _default = Item;
-exports["default"] = _default;
+exports.default = _default;

package/lib/list/Separator.d.ts

@@ -0,0 +1,3 @@
+declare const Separator: () => JSX.Element;
+
+export { Separator as default };

package/lib/list/Separator.js

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

package/lib/list/helpers.d.ts

@@ -0,0 +1,12 @@
+import React__default from 'react';
+import { IListContext } from './types.js';
+import '../@types/PermissionAttr.js';
+
+declare const ListContext: React__default.Context<IListContext>;
+declare const LIST_ITEMS_TYPES: {
+    listHeader: string;
+    listItem: string;
+    listSeparator: string;
+};
+
+export { LIST_ITEMS_TYPES, ListContext };

package/lib/list/helpers.js

@@ -7,9 +7,9 @@ exports.ListContext = exports.LIST_ITEMS_TYPES = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var ListContext = /*#__PURE__*/_react["default"].createContext();
+var ListContext = /*#__PURE__*/_react.default.createContext({});
 
 exports.ListContext = ListContext;
 var LIST_ITEMS_TYPES = {

package/lib/list/index.d.ts

@@ -0,0 +1,10 @@
+export { default as ListHeader } from './Header.js';
+export { default as ListItem } from './Item.js';
+export { default as ListSeparator } from './Separator.js';
+import { IListProps } from './types.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+
+declare const List: (props: IListProps) => JSX.Element;
+
+export { List as default };