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

package/lib/treeview/types.d.ts

@@ -0,0 +1,104 @@
+import { ReactNode, CSSProperties, ReactElement } from 'react';
+import { Size } from '../@types/Size.js';
+
+declare type NodeItem<T = void> = T & {
+    id: number;
+    itens?: NodeItem<T>[];
+    statusEnum?: {
+        id: number | string;
+    };
+};
+interface IValidator<T = void> {
+    validator: (node: NodeItem<T>) => boolean;
+    applyBehavior?: 'unvisible' | 'disabled';
+}
+interface INodeElementsValidations<T = void> {
+    [key: string]: IValidator<T>[];
+}
+interface INodeValidationProps {
+    validationKey: string | null;
+    onNodeElementClick: (node: any) => void;
+    visible: boolean;
+}
+interface ITreeviewProps {
+    data: object;
+    valuePropName: string;
+    labelPropName: string;
+    parentPropName: string;
+    customClass?: string;
+    bordered?: boolean;
+    startNodesOpened?: boolean;
+    alwaysShowArrow?: boolean;
+    selectedIds?: number[];
+    requiredIds?: number[] | string[];
+    showCheckBox?: boolean;
+    onSelectedIdsChange?: (value: any) => void;
+    children?: ReactNode;
+    styleForContainer?: CSSProperties;
+    allowCheckAllChildren?: boolean;
+    allowCheckAllAncestry?: boolean;
+    defaultDisabledTooltip?: string;
+    nodeRightElements?: ReactElement<INodeValidationProps>[];
+    nodeToolbarElements?: ReactElement<INodeValidationProps>[];
+    nodeMenuButtonSize?: Size;
+    onNodeClick?: () => void;
+    onNodeOpen?: (value: any) => void;
+    nodeElementsValidations?: INodeElementsValidations<any>;
+    enableDynamicData?: boolean;
+    idsInLoading?: number[];
+    selectedNodeId?: number;
+}
+interface ITreeNodeProps {
+    node: any;
+    children: ReactNode;
+    startNodesOpened: boolean;
+    childrenIds?: number[];
+    parentId?: number;
+    disabled?: boolean;
+    isParent?: boolean;
+    alwaysShowArrow?: boolean;
+    nodeRightElements?: ReactElement<INodeValidationProps>[];
+    nodeToolbarElements?: ReactElement<INodeValidationProps>[];
+    nodeMenuButtonSize?: Size;
+    onNodeClick?: (node: any) => void;
+    handlerOnNodeOpen?: (node: any) => void;
+    nodeElementsValidations?: INodeElementsValidations;
+    idsInLoading?: number[];
+    selectedNodeId?: number;
+}
+interface ITreeHeaderProps {
+    title?: string;
+    customClass?: string;
+    children?: ReactNode;
+}
+interface ITreeViewContext extends ITreeviewProps {
+    requiredIds: number[] | string[];
+    selectedIds?: number[];
+    isHandlingSelectedIds: boolean;
+    selectedIdsUpdatedOnMount: boolean;
+    requiredParentsIds: number[] | string[];
+    alreadyOpenedIds: number[];
+    handlerUpdateSelectedIds: (nodeId: number, checked: boolean, isParent: boolean, required?: boolean, handling?: boolean) => void;
+    handlerToggleCheckChildren: (nodeId: number, check: boolean, required?: boolean) => void;
+    disabled?: boolean;
+}
+declare type ItensMock = {
+    id?: number;
+    titulo: string;
+    codigo: string;
+    permissoes?: {
+        codigo: string;
+    }[];
+    itens: ItensMock[];
+};
+interface IDataMock {
+    id: number;
+    titulo: string;
+    codigo: string;
+    permissoes: {
+        codigo: string;
+    }[];
+    itens: ItensMock[];
+}
+
+export { IDataMock, INodeElementsValidations, INodeValidationProps, ITreeHeaderProps, ITreeNodeProps, ITreeViewContext, ITreeviewProps, IValidator, NodeItem };

package/lib/treeview/types.js

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

package/lib/treeview_old/Header.js

@@ -3,20 +3,20 @@
 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(props) {
   var title = props.title,
       customClass = props.customClass;
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "treeviewheader ".concat(customClass)
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "title"
   }, title));
 };
@@ -26,8 +26,8 @@ Header.defaultProps = {
   customClass: ''
 };
 Header.propTypes = {
-  title: _propTypes["default"].string,
-  customClass: _propTypes["default"].string
+  title: _propTypes.default.string,
+  customClass: _propTypes.default.string
 };
 var _default = Header;
-exports["default"] = _default;
+exports.default = _default;

package/lib/treeview_old/Node.js

@@ -1,11 +1,11 @@
 "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"));
 
@@ -17,21 +17,21 @@ var _icons = _interopRequireDefault(require("../icons"));
 
 require("../assets/styles/treeview.scss");
 
-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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -41,7 +41,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 var TreeNode = /*#__PURE__*/function (_Component) {
   _inherits(TreeNode, _Component);
@@ -79,24 +79,24 @@ var TreeNode = /*#__PURE__*/function (_Component) {
       var span = '';
 
       if (node.itens.length > 0) {
-        span = /*#__PURE__*/_react["default"].createElement("span", {
+        span = /*#__PURE__*/_react.default.createElement("span", {
           onKeyPress: null,
           tabIndex: 0,
           role: "button",
           className: "opencloseicon",
           onClick: this.openCloseTree
-        }, /*#__PURE__*/_react["default"].createElement(_icons["default"], {
+        }, /*#__PURE__*/_react.default.createElement(_icons.default, {
           name: this.state.isVisible ? 'up' : 'down',
           size: 10
         }));
       }
 
-      return /*#__PURE__*/_react["default"].createElement("li", {
+      return /*#__PURE__*/_react.default.createElement("li", {
         className: "treeviewitem"
-      }, span, showCheckBox ? /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
+      }, span, showCheckBox ? /*#__PURE__*/_react.default.createElement(_checkbox.default, {
         id: node.id,
         label: node.titulo
-      }) : node.titulo, /*#__PURE__*/_react["default"].createElement("ul", {
+      }) : node.titulo, /*#__PURE__*/_react.default.createElement("ul", {
         className: "nodelist"
       }, this.state.isVisible && this.props.children));
     }
@@ -110,10 +110,10 @@ TreeNode.defaultProps = {
   data: []
 };
 TreeNode.propTypes = {
-  showCheckBox: _propTypes["default"].bool,
-  data: _propTypes["default"].arrayOf(_propTypes["default"].element),
-  node: _propTypes["default"].object.isRequired,
-  children: _propTypes["default"].arrayOf(_propTypes["default"].element).isRequired
+  showCheckBox: _propTypes.default.bool,
+  data: _propTypes.default.arrayOf(_propTypes.default.element),
+  node: _propTypes.default.object.isRequired,
+  children: _propTypes.default.arrayOf(_propTypes.default.element).isRequired
 };
 var _default = TreeNode;
-exports["default"] = _default;
+exports.default = _default;

package/lib/treeview_old/index.js

@@ -6,16 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "TreeNode", {
   enumerable: true,
   get: function get() {
-    return _Node["default"];
+    return _Node.default;
   }
 });
 Object.defineProperty(exports, "TreeViewHeader", {
   enumerable: true,
   get: function get() {
-    return _Header["default"];
+    return _Header.default;
   }
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -27,12 +27,12 @@ var _Header = _interopRequireDefault(require("./Header"));
 
 require("../assets/styles/treeview.scss");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var TreeView = function TreeView(props) {
   var customClass = props.customClass,
       defaultBorder = props.defaultBorder;
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("ul", {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("ul", {
     className: "treeview-component ".concat(customClass, " ").concat(defaultBorder && '-defaultborder')
   }, props.children));
 };
@@ -42,9 +42,9 @@ TreeView.defaultProps = {
   defaultBorder: true
 };
 TreeView.propTypes = {
-  children: _propTypes["default"].arrayOf(_propTypes["default"].element).isRequired,
-  customClass: _propTypes["default"].string,
-  defaultBorder: _propTypes["default"].bool
+  children: _propTypes.default.arrayOf(_propTypes.default.element).isRequired,
+  customClass: _propTypes.default.string,
+  defaultBorder: _propTypes.default.bool
 };
 var _default = TreeView;
-exports["default"] = _default;
+exports.default = _default;

package/lib/types-3c6f1c20.d.ts

@@ -0,0 +1,46 @@
+import React__default, { ReactNode, ReactElement } from 'react';
+import { PermissionAttr } from './@types/PermissionAttr.js';
+import ColorStyles from './internals/colorStyles.js';
+
+declare function numberAroundZeroAndOne({ props, propName, componentName }: IParameterFunction): Error | null;
+declare const PanelContext: React__default.Context<ContextProps>;
+
+interface IPanelProps {
+    customClass?: string;
+    startOpened?: boolean;
+    toggleable?: boolean;
+    children?: ReactNode;
+    style?: object;
+    colorStyle?: typeof ColorStyles | '' | string;
+    gridCols?: string;
+    title?: string;
+    onEndReached?: () => void;
+    onEndReachedThreshold?: typeof numberAroundZeroAndOne | number;
+    permissionAttr?: PermissionAttr | PermissionAttr[];
+}
+interface IPanelHeaderProps {
+    title?: string;
+    children?: ReactElement;
+    icon?: ReactElement;
+    titleIcon?: string;
+    customClass?: string;
+    style?: object;
+    styleForTitle?: object;
+    customClassForTitle?: string;
+    headerColored?: boolean;
+}
+declare type ContextProps = {
+    toggleable: boolean;
+    handlerToggleable: () => void;
+    opened: boolean;
+    hideContent: boolean;
+    onEndReached?: () => void;
+    onEndReachedThreshold: number;
+};
+interface IParameterFunction {
+    props: any;
+    propName: string | number;
+    componentName: string;
+}
+
+export { ContextProps as C, IPanelProps as I, PanelContext as P, IPanelHeaderProps as a, IParameterFunction as b, numberAroundZeroAndOne as n };

package/lib/uitour/helpers.d.ts

@@ -0,0 +1,8 @@
+declare const ARROW_WIDTH = 26;
+declare const ARROW_HEIGHT = 20;
+declare const STEP_POSITIONS: {
+    right: string;
+    left: string;
+};
+
+export { ARROW_HEIGHT, ARROW_WIDTH, STEP_POSITIONS };

package/lib/uitour/index.d.ts

@@ -0,0 +1,6 @@
+import { IUITourProps } from './types.js';
+import './helpers.js';
+
+declare const UiTour: (props: IUITourProps) => JSX.Element | null;
+
+export { UiTour as default };

package/lib/uitour/index.js

@@ -1,29 +1,25 @@
 "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 _buttons = _interopRequireWildcard(require("../buttons"));
 
 require("../assets/styles/uitour.scss");
 
 var _helpers = require("./helpers");
 
-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(); }
 
@@ -42,9 +38,12 @@ var UiTour = function UiTour(props) {
       nextButtonLabel = props.nextButtonLabel,
       backButtonLabel = props.backButtonLabel,
       finishButtonLabel = props.finishButtonLabel,
-      showCloseButton = props.showCloseButton,
-      showBackButton = props.showBackButton,
-      visible = props.visible,
+      _props$showCloseButto = props.showCloseButton,
+      showCloseButton = _props$showCloseButto === void 0 ? true : _props$showCloseButto,
+      _props$showBackButton = props.showBackButton,
+      showBackButton = _props$showBackButton === void 0 ? true : _props$showBackButton,
+      _props$visible = props.visible,
+      visible = _props$visible === void 0 ? true : _props$visible,
       onFinish = props.onFinish;
 
   var _useState = (0, _react.useState)(undefined),
@@ -82,13 +81,13 @@ var UiTour = function UiTour(props) {
       stepPosition = _useState14[0],
       setStepPosition = _useState14[1];
 
-  var stepRef = (0, _react.useRef)();
-  var descriptionRef = (0, _react.useRef)();
+  var stepRef = (0, _react.useRef)(null);
+  var descriptionRef = (0, _react.useRef)(null);
 
   var handleNextStep = function handleNextStep() {
     if (hasNextStep) {
       var currentStepIndex = data.findIndex(function (item) {
-        return item.id === currentStep.id;
+        return item.id === (currentStep === null || currentStep === void 0 ? void 0 : currentStep.id);
       });
       var nextStep = data[currentStepIndex + 1];
       var nextStepIndex = data.findIndex(function (item) {
@@ -107,7 +106,7 @@ var UiTour = function UiTour(props) {
   var handleBackStep = function handleBackStep() {
     if (hasBackStep) {
       var currentStepIndex = data.findIndex(function (item) {
-        return item.id === currentStep.id;
+        return item.id === (currentStep === null || currentStep === void 0 ? void 0 : currentStep.id);
       });
       var backStep = data[currentStepIndex - 1];
       var backStepIndex = data.findIndex(function (item) {
@@ -133,7 +132,7 @@ var UiTour = function UiTour(props) {
       var stepRect = stepRef.current.getBoundingClientRect();
       var windowWidth = window.innerWidth;
 
-      if (stepRect.right >= windowWidth || currentStep.position === _helpers.STEP_POSITIONS.right) {
+      if (stepRect.right >= windowWidth || (currentStep === null || currentStep === void 0 ? void 0 : currentStep.position) === _helpers.STEP_POSITIONS.right) {
         setStepPosition(_helpers.STEP_POSITIONS.right);
         setStepDimensions({
           top: target.top - _helpers.ARROW_HEIGHT,
@@ -201,16 +200,16 @@ var UiTour = function UiTour(props) {
     }
   }, [visible, data]);
   if (!showTour) return null;
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "uitour-component"
-  }, currentStep && /*#__PURE__*/_react["default"].createElement("div", {
+  }, currentStep && /*#__PURE__*/_react.default.createElement("div", {
     ref: stepRef,
     className: "step -".concat(stepPosition),
     key: currentStep.id,
     style: _extends({}, stepDimensions)
-  }, showCloseButton && /*#__PURE__*/_react["default"].createElement("div", {
+  }, showCloseButton && /*#__PURE__*/_react.default.createElement("div", {
     className: "closebutton"
-  }, /*#__PURE__*/_react["default"].createElement(_buttons["default"], {
+  }, /*#__PURE__*/_react.default.createElement(_buttons.default, {
     iconName: "cancel2",
     iconAlign: "center",
     size: "large",
@@ -220,30 +219,30 @@ var UiTour = function UiTour(props) {
       padding: 0
     },
     onClick: onCloseTour
-  })), /*#__PURE__*/_react["default"].createElement("div", {
+  })), /*#__PURE__*/_react.default.createElement("div", {
     className: "content"
-  }, /*#__PURE__*/_react["default"].createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement("span", {
     className: "number"
-  }, currentStep.number), /*#__PURE__*/_react["default"].createElement("div", {
+  }, currentStep.number), /*#__PURE__*/_react.default.createElement("div", {
     className: "about"
-  }, /*#__PURE__*/_react["default"].createElement("h3", null, currentStep.title), /*#__PURE__*/_react["default"].createElement("p", {
+  }, /*#__PURE__*/_react.default.createElement("h3", null, currentStep.title), /*#__PURE__*/_react.default.createElement("p", {
     className: "description",
     ref: descriptionRef
-  }))), /*#__PURE__*/_react["default"].createElement("div", {
+  }))), /*#__PURE__*/_react.default.createElement("div", {
     className: "footer"
-  }, /*#__PURE__*/_react["default"].createElement(_buttons.PrimaryButton, {
+  }, /*#__PURE__*/_react.default.createElement(_buttons.PrimaryButton, {
     label: backButtonLabel,
     onClick: handleBackStep,
     disabled: !hasBackStep,
     visible: showBackButton,
     customClass: "back-button"
-  }), /*#__PURE__*/_react["default"].createElement(_buttons.PrimaryButton, {
+  }), /*#__PURE__*/_react.default.createElement(_buttons.PrimaryButton, {
     label: nextButtonLabel,
     onClick: handleNextStep,
     disabled: !hasNextStep,
     visible: !isLastStep,
     customClass: "next-button"
-  }), /*#__PURE__*/_react["default"].createElement(_buttons.PrimaryButton, {
+  }), /*#__PURE__*/_react.default.createElement(_buttons.PrimaryButton, {
     label: finishButtonLabel,
     visible: isLastStep,
     onClick: onCloseTour,
@@ -251,21 +250,5 @@ var UiTour = function UiTour(props) {
   }))));
 };
 
-UiTour.propTypes = {
-  data: _propTypes["default"].arrayOf(_propTypes["default"].object).isRequired,
-  nextButtonLabel: _propTypes["default"].string.isRequired,
-  backButtonLabel: _propTypes["default"].string.isRequired,
-  finishButtonLabel: _propTypes["default"].string.isRequired,
-  showCloseButton: _propTypes["default"].bool,
-  showBackButton: _propTypes["default"].bool,
-  visible: _propTypes["default"].bool,
-  onFinish: _propTypes["default"].func
-};
-UiTour.defaultProps = {
-  showCloseButton: true,
-  showBackButton: true,
-  visible: true,
-  onFinish: undefined
-};
 var _default = UiTour;
-exports["default"] = _default;
+exports.default = _default;

package/lib/uitour/types.d.ts

@@ -0,0 +1,30 @@
+import { STEP_POSITIONS } from './helpers.js';
+
+declare type UITourData = {
+    id: string | number;
+    targetId: string;
+    title: string;
+    description: string;
+    position?: keyof typeof STEP_POSITIONS;
+};
+interface CurrentStep extends UITourData {
+    number: number;
+}
+interface StepDimensions {
+    top?: number;
+    left?: number;
+    right?: number;
+    bottom?: number;
+}
+interface IUITourProps {
+    data: UITourData[];
+    nextButtonLabel: string;
+    backButtonLabel: string;
+    finishButtonLabel: string;
+    showCloseButton?: boolean;
+    showBackButton?: boolean;
+    visible?: boolean;
+    onFinish: (value: boolean) => void;
+}
+
+export { CurrentStep, IUITourProps, StepDimensions, UITourData };

package/lib/uitour/types.js

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