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

package/lib/progress/index.js

@@ -6,49 +6,39 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "Bar", {
   enumerable: true,
   get: function get() {
-    return _Bar["default"];
+    return _Bar.default;
   }
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Bar = _interopRequireDefault(require("./Bar"));
 
 require("../assets/styles/progress.scss");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 var ProgressBar = function ProgressBar(props) {
   var style = props.style,
-      children = props.children;
+      children = props.children,
+      _props$width = props.width,
+      width = _props$width === void 0 ? '100%' : _props$width,
+      _props$height = props.height,
+      height = _props$height === void 0 ? '24px' : _props$height;
 
   var getStyle = _extends({}, style, {
-    width: props.width,
-    height: props.height
+    width: width,
+    height: height
   });
 
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "container-progress",
     style: getStyle
-  }, children || /*#__PURE__*/_react["default"].createElement(_Bar["default"], props));
+  }, children || /*#__PURE__*/_react.default.createElement(_Bar.default, props));
 };
 
-ProgressBar.propTypes = {
-  width: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  height: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  style: _propTypes["default"].object,
-  children: _propTypes["default"].any
-};
-ProgressBar.defaultProps = {
-  width: '100%',
-  height: '24px',
-  children: null,
-  style: {}
-};
 var _default = ProgressBar;
-exports["default"] = _default;
+exports.default = _default;

package/lib/progress/types.d.ts

@@ -0,0 +1,37 @@
+import { CSSProperties, ReactNode } from 'react';
+
+interface IBarProps {
+    label?: string;
+    min?: number;
+    value?: number;
+    max?: number;
+    progressWidth?: string | number;
+    height?: string | number;
+    showLabel?: boolean;
+    effect?: boolean;
+    type?: string;
+    customClass?: string;
+    animated?: boolean;
+    indeterminate?: boolean;
+    indeterminateDuration?: number;
+    indeterminateDelay?: number;
+}
+interface IProgressBarProps extends IBarProps {
+    width?: string | number;
+    height?: string | number;
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+interface IPercentageParams {
+    max?: number;
+    min?: number;
+    value?: number;
+}
+interface ILabelParams {
+    label?: string;
+    max?: number;
+    min?: number;
+    value?: number;
+}
+
+export { IBarProps, ILabelParams, IPercentageParams, IProgressBarProps };

package/lib/progress/types.js

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

package/lib/radio/index.d.ts

@@ -0,0 +1,12 @@
+import { IRadioProps } from './types.js';
+import 'react';
+import '../@types/PermissionAttr.js';
+
+/**
+ * IMPORTANTE: Caso seja necessário alterar o nome do componente, deverá ser refatorado
+ * o componente Field dentro do componente Form, pois o mesmo leva em consideração o tipo do
+ * componente para gerar propriedades customizadas.
+ */
+declare const Radio: ({ id, label, value, checked, onChange, name, disabled, required, skeletonize, defaultChecked, permissionAttr }: IRadioProps) => JSX.Element | null;
+
+export { Radio as default };

package/lib/radio/index.js

@@ -1,27 +1,23 @@
 "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"));
-
 require("../assets/styles/radio.scss");
 
 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 _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(); }
 
@@ -40,18 +36,23 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
  * o componente Field dentro do componente Form, pois o mesmo leva em consideração o tipo do
  * componente para gerar propriedades customizadas.
  */
-var Radio = function Radio(props) {
-  var disabled = props.disabled,
-      defaultChecked = props.defaultChecked,
-      name = props.name,
-      value = props.value,
-      label = props.label,
-      required = props.required,
-      _onChange = props.onChange,
-      id = props.id,
-      checked = props.checked,
-      permissionAttr = props.permissionAttr,
-      skeletonize = props.skeletonize;
+var Radio = function Radio(_ref) {
+  var id = _ref.id,
+      label = _ref.label,
+      value = _ref.value,
+      checked = _ref.checked,
+      _onChange = _ref.onChange,
+      _ref$name = _ref.name,
+      name = _ref$name === void 0 ? '' : _ref$name,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      _ref$required = _ref.required,
+      required = _ref$required === void 0 ? false : _ref$required,
+      _ref$skeletonize = _ref.skeletonize,
+      skeletonize = _ref$skeletonize === void 0 ? false : _ref$skeletonize,
+      _ref$defaultChecked = _ref.defaultChecked,
+      defaultChecked = _ref$defaultChecked === void 0 ? false : _ref$defaultChecked,
+      permissionAttr = _ref.permissionAttr;
 
   var _useState = (0, _react.useState)(checked),
       _useState2 = _slicedToArray(_useState, 2),
@@ -60,7 +61,7 @@ var Radio = function Radio(props) {
 
   var options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible];
 
-  var _useState3 = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(permissionAttr, options)),
+  var _useState3 = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr)),
       _useState4 = _slicedToArray(_useState3, 1),
       onDenied = _useState4[0];
 
@@ -69,7 +70,7 @@ var Radio = function Radio(props) {
   }, [checked]);
 
   var shouldDisable = function shouldDisable() {
-    return disabled || onDenied.disabled || skeletonize;
+    return disabled || !!onDenied.disabled || skeletonize;
   };
 
   var getCustomProps = function getCustomProps() {
@@ -96,9 +97,9 @@ var Radio = function Radio(props) {
   };
 
   if (onDenied.unvisible) return null;
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "radio-button ".concat(disabled ? 'disabled' : '', " ").concat(skeletonize ? '-skeletonized' : '')
-  }, /*#__PURE__*/_react["default"].createElement("input", _extends({}, getCustomProps(), {
+  }, /*#__PURE__*/_react.default.createElement("input", _extends({}, getCustomProps(), {
     className: "radio-component",
     type: "radio",
     value: value,
@@ -106,36 +107,11 @@ var Radio = function Radio(props) {
     name: name,
     required: required,
     disabled: shouldDisable()
-  })), /*#__PURE__*/_react["default"].createElement("label", {
+  })), /*#__PURE__*/_react.default.createElement("label", {
     className: "description",
     htmlFor: id
-  }, /*#__PURE__*/_react["default"].createElement("span", null, label)));
+  }, /*#__PURE__*/_react.default.createElement("span", null, label)));
 };
 
-Radio.propTypes = {
-  label: _propTypes["default"].string,
-  disabled: _propTypes["default"].bool,
-  defaultChecked: _propTypes["default"].bool,
-  value: _propTypes["default"].string,
-  name: _propTypes["default"].string.isRequired,
-  id: _propTypes["default"].string,
-  required: _propTypes["default"].bool,
-  onChange: _propTypes["default"].func,
-  checked: _propTypes["default"].bool,
-  permissionAttr: _propTypes["default"].oneOfType([_propTypes["default"].object, _propTypes["default"].arrayOf(_propTypes["default"].object)]),
-  skeletonize: _propTypes["default"].bool
-};
-Radio.defaultProps = {
-  label: null,
-  disabled: false,
-  defaultChecked: false,
-  required: false,
-  onChange: undefined,
-  value: undefined,
-  checked: undefined,
-  id: undefined,
-  permissionAttr: undefined,
-  skeletonize: false
-};
 var _default = Radio;
-exports["default"] = _default;
+exports.default = _default;

package/lib/radio/types.d.ts

@@ -0,0 +1,18 @@
+import { ChangeEvent } from 'react';
+import { PermissionAttr } from '../@types/PermissionAttr.js';
+
+interface IRadioProps {
+    label?: string;
+    disabled?: boolean;
+    defaultChecked?: boolean;
+    value?: string;
+    name?: string;
+    id?: string;
+    required?: boolean;
+    onChange?: (value: ChangeEvent<HTMLInputElement>) => void;
+    checked?: boolean;
+    permissionAttr?: PermissionAttr | PermissionAttr;
+    skeletonize?: boolean;
+}
+
+export { IRadioProps };

package/lib/skeleton/SkeletonContainer.d.ts

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

package/lib/skeleton/SkeletonContainer.js

@@ -3,13 +3,11 @@
 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 SkeletonContainer = function SkeletonContainer(_ref) {
   var children = _ref.children,
@@ -21,22 +19,11 @@ var SkeletonContainer = function SkeletonContainer(_ref) {
     return "skeletoncontainer-component ".concat(customClass, "\n    ").concat(row && '-row');
   };
 
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: getClass(),
     style: style
   }, children);
 };
 
-SkeletonContainer.propTypes = {
-  children: _propTypes["default"].oneOfType([_propTypes["default"].element, _propTypes["default"].arrayOf(_propTypes["default"].element)]).isRequired,
-  row: _propTypes["default"].bool,
-  customClass: _propTypes["default"].string,
-  style: _propTypes["default"].object
-};
-SkeletonContainer.defaultProps = {
-  row: false,
-  customClass: undefined,
-  style: null
-};
 var _default = SkeletonContainer;
-exports["default"] = _default;
+exports.default = _default;

package/lib/skeleton/index.d.ts

@@ -0,0 +1,8 @@
+export { default as SkeletonContainer } from './SkeletonContainer.js';
+import { ISkeletonProps } from './types.js';
+import 'react';
+import '../@types/Size.js';
+
+declare const Skeleton: (props: ISkeletonProps) => JSX.Element;
+
+export { Skeleton as default };

package/lib/skeleton/index.js

@@ -6,33 +6,34 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "SkeletonContainer", {
   enumerable: true,
   get: function get() {
-    return _SkeletonContainer["default"];
+    return _SkeletonContainer.default;
   }
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _gridlayout = _interopRequireDefault(require("../gridlayout"));
 
 var _SkeletonContainer = _interopRequireDefault(require("./SkeletonContainer"));
 
 require("../assets/styles/skeleton.scss");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 var Skeleton = function Skeleton(props) {
-  var customClass = props.customClass,
+  var _props$customClass = props.customClass,
+      customClass = _props$customClass === void 0 ? '' : _props$customClass,
       style = props.style,
       width = props.width,
       height = props.height,
       round = props.round,
-      color = props.color,
-      size = props.size,
+      _props$color = props.color,
+      color = _props$color === void 0 ? 'default' : _props$color,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'medium' : _props$size,
       gridLayout = props.gridLayout;
   var customStyles = {
     width: width,
@@ -44,14 +45,14 @@ var Skeleton = function Skeleton(props) {
   };
 
   var renderContent = function renderContent() {
-    return /*#__PURE__*/_react["default"].createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: getClass(),
       style: _extends({}, customStyles, style)
     });
   };
 
   if (gridLayout !== undefined) {
-    return /*#__PURE__*/_react["default"].createElement(_gridlayout["default"], {
+    return /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
       customClass: "-withskeleton",
       cols: gridLayout
     }, renderContent());
@@ -60,25 +61,5 @@ var Skeleton = function Skeleton(props) {
   return renderContent();
 };
 
-Skeleton.propTypes = {
-  width: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  height: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  round: _propTypes["default"].bool,
-  size: _propTypes["default"].oneOf(['mini', 'small', 'medium', 'large']),
-  color: _propTypes["default"].oneOf(['default', 'white']),
-  gridLayout: _propTypes["default"].string,
-  customClass: _propTypes["default"].string,
-  style: _propTypes["default"].object
-};
-Skeleton.defaultProps = {
-  width: undefined,
-  height: undefined,
-  round: false,
-  size: 'medium',
-  color: 'default',
-  gridLayout: undefined,
-  customClass: '',
-  style: null
-};
 var _default = Skeleton;
-exports["default"] = _default;
+exports.default = _default;

package/lib/skeleton/types.d.ts

@@ -0,0 +1,21 @@
+import { CSSProperties, ReactNode } from 'react';
+import { Size } from '../@types/Size.js';
+
+interface ISkeletonProps {
+    width?: string | number;
+    height?: string | number;
+    round?: boolean;
+    size?: Exclude<Size, 'default'>;
+    color?: 'default' | 'white';
+    gridLayout?: string;
+    customClass?: string;
+    style?: CSSProperties;
+}
+interface ISkeletonContainerProps {
+    children: ReactNode;
+    row?: boolean;
+    customClass?: string;
+    style?: CSSProperties;
+}
+
+export { ISkeletonContainerProps, ISkeletonProps };

package/lib/skeleton/types.js

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

package/lib/spinner/SpinnerLoading.d.ts

@@ -0,0 +1,7 @@
+import { ISpinnerLoadingProps } from './types.js';
+import 'react';
+import '../@types/Align.js';
+
+declare const SpinnerLoading: ({ color, size }: ISpinnerLoadingProps) => JSX.Element;
+
+export { SpinnerLoading as default };