linear-react-components-ui 1.1.20-beta.8 → 1.1.20-beta.9

package/lib/assets/styles/select.scss

@@ -19,6 +19,7 @@
       cursor: pointer;
       display: flex;
       align-items: center;
+      padding: 0 4px;
     }
   }
 
@@ -151,4 +152,4 @@
     font-style: italic;
     font-size: 13px;
   }
-}
+}

package/lib/assets/styles/wizard.scss

@@ -0,0 +1,125 @@
+@import "colors.scss";
+
+.wizard-dialog {
+  .wizard-wrapper {
+    .wizard-content {
+      display: flex !important;
+      flex-direction: column;
+      .wizard-progresbar {
+        width: 100%;
+        display: grid;
+        grid-auto-columns: 1fr;
+        grid-auto-flow: column;
+        justify-content: space-between;
+        padding: 20px;
+        margin-bottom: 20px;
+        border-bottom: 2px solid $component-border-color;
+        gap: 10px;
+        overflow: hidden;
+        > .title {
+          font-size: 16px;
+          font-weight: 600;
+          display: flex;
+          align-items: center;
+          flex-direction: column;
+          position: relative;
+          flex: 1;
+          text-align: center;
+          &:first-child {
+            .step {
+              align-self: flex-start;
+            }
+            .step-title {
+              align-self: flex-start;
+              text-align: left;
+            }
+            &:before {
+              right: auto;
+              left: 45px;
+            }
+          }
+          &:last-child {
+            .step {
+              align-self: flex-end;
+            }
+            .step-title {
+              align-self: flex-end;
+              text-align: right;
+            }
+            &:after {
+              left: auto;
+              right: 45px;
+            }
+          }
+          &::after, &::before {
+            content: "";
+            position: absolute;
+            height: 2px;
+            background-color: $component-border-color;
+            top: 18px;
+            width: calc(100% - 25px);
+            transition: all 0.2s ease-in-out;
+          }
+          &::after {
+            left: calc(50% + 18px);
+          }
+          &::before {
+            right: calc(50% + 18px);
+          }
+          &[data-completed="true"] {
+            &::after {
+              background-color: $success-color !important;
+            }
+            + .title::before {
+              background-color: $success-color !important;
+            }
+            &:first-child::before {
+              background-color: $success-color !important;
+            }
+            & + .title:after {
+              background-color: $success-color !important;
+            }
+            > .step {
+              > .number {
+                background-color: $success-color;
+                border-color: $success-color;
+              }
+            }
+          }
+          &[data-disabled="true"] .step {
+            opacity: 0.3;
+          }
+          > .step {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            width: 54px;
+            > .number {
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              font-size: 20px;
+              font-weight: 600;
+              width: 36px;
+              height: 36px;
+              border-radius: 100%;
+              color: #fff;
+              background-color: $color-light-dark;
+              z-index: 1;
+              transition: all 0.2s ease-in-out;
+              border: 2px solid $color-light-dark;
+            }
+          }
+          > .step-title {
+            max-width: 150px;
+            overflow: hidden;
+            margin-top: 6px;
+            font-weight: 500;
+            color: $font-color-soft;
+          }
+        }
+      }
+    }
+  }
+}

package/lib/dialog/base/Content.d.ts

@@ -4,6 +4,6 @@ import '../../@types/Align.js';
 import '../../@types/Icon.js';
 import '../../icons/helper.js';
 
-declare const Content: ({ children, styleForContent }: IContentProps) => JSX.Element;
+declare const Content: ({ children, styleForContent, className }: IContentProps) => JSX.Element;
 
 export { Content as default };

package/lib/dialog/base/Content.js

@@ -10,11 +10,12 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 const Content = _ref => {
   let {
     children,
-    styleForContent
+    styleForContent,
+    className = ''
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
     id: "modal-dialog-content",
-    className: "dialog-content",
+    className: "dialog-content ".concat(className),
     style: styleForContent
   }, children);
 };

package/lib/dialog/base/index.js

@@ -21,7 +21,8 @@ const BaseDialog = props => {
     overlay = true,
     closeOnEsc,
     closeOnOutsideClick,
-    wrapperClassName,
+    wrapperClassName = '',
+    className = '',
     children,
     open: openProp,
     onOpenChange,
@@ -112,7 +113,7 @@ const BaseDialog = props => {
     className: "modal-overlay",
     "data-testid": "modal-overlay"
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "dialog",
+    className: "dialog ".concat(className),
     "data-testid": "dialog-component"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: wrapperClassName,

package/lib/dialog/form/index.js

@@ -29,7 +29,10 @@ const ModalForm = props => {
     width = '50%',
     height = '50%',
     content,
-    children
+    children,
+    className = '',
+    wrapperClassName = '',
+    contentClassName = ''
   } = props;
   const headerRef = (0, _react.useRef)(null);
   const context = (0, _react.useContext)(_withFormSecurity.FormSecurityContext);
@@ -56,7 +59,8 @@ const ModalForm = props => {
     width: width,
     height: height
   }, props, {
-    wrapperClassName: "dialog-form-wrapper"
+    wrapperClassName: "dialog-form-wrapper ".concat(wrapperClassName),
+    className: className
   }), props.title && /*#__PURE__*/_react.default.createElement("div", {
     className: "header-form"
   }, /*#__PURE__*/_react.default.createElement(_Header.default, {
@@ -64,7 +68,8 @@ const ModalForm = props => {
     handlerClose: props.handlerClose,
     icon: props.icon
   })), /*#__PURE__*/_react.default.createElement(_Content.default, {
-    styleForContent: _objectSpread(_objectSpread({}, props.styleForContent), overlayStyle)
+    styleForContent: _objectSpread(_objectSpread({}, props.styleForContent), overlayStyle),
+    className: contentClassName
   }, content || children), getSpinner(), showFooter && props.buttons && /*#__PURE__*/_react.default.createElement(_Footer.default, null, /*#__PURE__*/_react.default.createElement(_index.ButtonContainer, _extends({}, props, {
     style: _objectSpread({}, overlayStyle)
   }), _react.default.Children.toArray(props.buttons.map(button => {

package/lib/dialog/types.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode, CSSProperties, ReactElement } from 'react';
+import { ReactNode, CSSProperties, ReactElement, Dispatch } from 'react';
 import { TextAlign } from '../@types/Align.js';
 import { IconNames } from '../@types/Icon.js';
 import '../icons/helper.js';
@@ -6,6 +6,7 @@ import '../icons/helper.js';
 interface IContentProps {
     children: ReactNode | ReactNode[];
     styleForContent?: CSSProperties;
+    className?: string;
 }
 interface IFooterProps {
     children: ReactElement | ReactElement[];
@@ -18,10 +19,11 @@ interface IHeaderProps {
     titleIcon?: IconNames;
 }
 interface IBaseProps {
-    wrapperClassName: string;
+    wrapperClassName?: string;
     width?: string;
     height?: string;
     children: ReactNode | ReactNode[];
+    className?: string;
     closeOnEsc?: boolean;
     closeOnOutsideClick?: boolean;
     overlay?: boolean;
@@ -31,7 +33,7 @@ interface IBaseProps {
     onOpenChange?: (open: boolean) => void;
     handlerClose?: () => void;
 }
-interface IFormProps extends Omit<IBaseProps, 'textAlign' | 'zIndex' | 'wrapperClassName'> {
+interface IFormProps extends Omit<IBaseProps, 'textAlign' | 'zIndex'> {
     buttons?: JSX.Element[];
     styleForContent?: CSSProperties;
     title?: string;
@@ -39,6 +41,7 @@ interface IFormProps extends Omit<IBaseProps, 'textAlign' | 'zIndex' | 'wrapperC
     isWaiting?: boolean;
     icon?: JSX.Element;
     content?: ReactNode;
+    contentClassName?: string;
 }
 interface ICommonDialogProps {
     onConfirmClick?: () => void;
@@ -66,5 +69,32 @@ interface ICustomProps {
 interface IFormDialogContext {
     headerRef?: React.RefObject<HTMLDivElement>;
 }
+interface WizardComponentProps extends Omit<IFormProps, 'content'> {
+    children: React.ReactNode;
+    buttons?: JSX.Element[];
+    showProgressbar?: boolean;
+    title?: string;
+    handlerClose?: () => void;
+    controls: WizardControls;
+}
+interface WizardStepComponentProps {
+    children: React.ReactNode;
+    title: string;
+    customClass?: string;
+    customStyle?: CSSProperties;
+}
+interface WizardControls extends Omit<UseWizardReturn, 'controls'> {
+    setTotalSteps: Dispatch<React.SetStateAction<number>>;
+}
+interface UseWizardReturn {
+    changeStep: (nextStep: number) => void;
+    nextStep: () => void;
+    hasNextStep: boolean;
+    previousStep: () => void;
+    hasPreviousStep: boolean;
+    currentStep: number;
+    totalSteps: number;
+    controls: WizardControls;
+}
 
-export { IBaseProps, ICommonDialogProps, IContentProps, ICustomProps, IFooterProps, IFormDialogContext, IFormProps, IHeaderProps, IQuestionProps };
+export { IBaseProps, ICommonDialogProps, IContentProps, ICustomProps, IFooterProps, IFormDialogContext, IFormProps, IHeaderProps, IQuestionProps, UseWizardReturn, WizardComponentProps, WizardControls, WizardStepComponentProps };

package/lib/dialog/wizard/index.d.ts

@@ -0,0 +1,13 @@
+import React__default from 'react';
+import { WizardControls, WizardComponentProps } from '../types.js';
+export { WizardStep as Step } from './step.js';
+export { useWizard } from './useWizard.js';
+import '../../@types/Align.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
+
+declare const WizardContext: React__default.Context<WizardControls | null>;
+declare const useWizardContext: () => WizardControls | null;
+declare function Wizard({ children, controls, showProgressbar, ...dialogProps }: Readonly<WizardComponentProps>): JSX.Element;
+
+export { Wizard as Container, WizardContext, Wizard as default, useWizardContext };

package/lib/dialog/wizard/index.js

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Container = Wizard;
+Object.defineProperty(exports, "Step", {
+  enumerable: true,
+  get: function () {
+    return _step.WizardStep;
+  }
+});
+exports.default = exports.WizardContext = void 0;
+Object.defineProperty(exports, "useWizard", {
+  enumerable: true,
+  get: function () {
+    return _useWizard.useWizard;
+  }
+});
+exports.useWizardContext = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _lodash = _interopRequireDefault(require("lodash"));
+var _form = _interopRequireDefault(require("../form/"));
+var _progressbar = require("./progressbar");
+require("../../assets/styles/wizard.scss");
+var _step = require("./step");
+var _useWizard = require("./useWizard");
+const _excluded = ["children", "controls", "showProgressbar"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+const WizardContext = exports.WizardContext = /*#__PURE__*/_react.default.createContext(null);
+const useWizardContext = () => _react.default.useContext(WizardContext);
+exports.useWizardContext = useWizardContext;
+function Wizard(_ref) {
+  let {
+      children,
+      controls,
+      showProgressbar = true
+    } = _ref,
+    dialogProps = _objectWithoutProperties(_ref, _excluded);
+  const {
+    currentStep,
+    setTotalSteps
+  } = controls;
+  const steps = _react.default.Children.toArray(children);
+  const stepsTitle = steps.map((step, index) => {
+    return {
+      title: String(step.props.title),
+      number: index + 1,
+      completed: index < currentStep - 1 && index !== currentStep
+    };
+  });
+  const currentStepElement = steps[currentStep - 1];
+  if (!controls || _lodash.default.isEmpty(controls)) throw new Error('Wizard must be have controls by using useWizard hook or creating manually.');
+  (0, _react.useEffect)(() => {
+    setTotalSteps(steps.length);
+  }, [steps.length]);
+  return /*#__PURE__*/_react.default.createElement(WizardContext.Provider, {
+    value: controls
+  }, /*#__PURE__*/_react.default.createElement(_form.default, _extends({
+    className: "wizard-dialog",
+    wrapperClassName: "wizard-wrapper",
+    contentClassName: "wizard-content"
+  }, dialogProps), showProgressbar && /*#__PURE__*/_react.default.createElement(_progressbar.Progressbar, {
+    stepsTitle: stepsTitle
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "wizard-body"
+  }, currentStepElement)));
+}
+var _default = exports.default = Wizard;

package/lib/dialog/wizard/progressbar.d.ts

@@ -0,0 +1,13 @@
+import { CSSProperties } from 'react';
+
+declare function Progressbar({ customClass, customStyle, stepsTitle }: Readonly<{
+    customClass?: string;
+    stepsTitle: {
+        title: string;
+        number: number;
+        completed: boolean;
+    }[];
+    customStyle?: CSSProperties;
+}>): JSX.Element;
+
+export { Progressbar };

package/lib/dialog/wizard/progressbar.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Progressbar = Progressbar;
+var _react = _interopRequireDefault(require("react"));
+var _ = require(".");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function Progressbar(_ref) {
+  let {
+    customClass,
+    customStyle,
+    stepsTitle
+  } = _ref;
+  const context = (0, _.useWizardContext)();
+  if (!context) throw new Error('WizardProgressbar must be used within a Wizard component');
+  const {
+    currentStep
+  } = context;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "wizard-progresbar ".concat(customClass),
+    style: customStyle
+  }, stepsTitle.map(step => /*#__PURE__*/_react.default.createElement("div", {
+    key: step.number,
+    className: "title",
+    "data-completed": step.completed,
+    "data-disabled": step.number > currentStep
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "step"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "number"
+  }, step.number)), /*#__PURE__*/_react.default.createElement("span", {
+    className: "step-title"
+  }, step.title))));
+}

package/lib/dialog/wizard/step.d.ts

@@ -0,0 +1,9 @@
+import { WizardStepComponentProps } from '../types.js';
+import 'react';
+import '../../@types/Align.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
+
+declare function WizardStep({ children, customClass, customStyle }: Readonly<WizardStepComponentProps>): JSX.Element;
+
+export { WizardStep };

package/lib/dialog/wizard/step.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WizardStep = WizardStep;
+var _react = _interopRequireDefault(require("react"));
+var _ = require(".");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function WizardStep(_ref) {
+  let {
+    children,
+    customClass = '',
+    customStyle
+  } = _ref;
+  const context = (0, _.useWizardContext)();
+  if (!context) throw new Error('WizardStep must be used within a Wizard component');
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "wizard-step-component ".concat(customClass),
+    style: customStyle
+  }, children);
+}

package/lib/dialog/wizard/useWizard.d.ts

@@ -0,0 +1,9 @@
+import { UseWizardReturn } from '../types.js';
+import 'react';
+import '../../@types/Align.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
+
+declare const useWizard: () => UseWizardReturn;
+
+export { useWizard };

package/lib/dialog/wizard/useWizard.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useWizard = void 0;
+var _react = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const useWizard = () => {
+  const [totalSteps, setTotalSteps] = (0, _react.useState)(0);
+  const [currentStep, setCurrentStep] = _react.default.useState(1);
+  const hasNextStep = currentStep < totalSteps;
+  const hasPreviousStep = currentStep > 1;
+  const changeStep = nextStep => {
+    setCurrentStep(state => state + nextStep);
+  };
+  const nextStep = () => {
+    if (hasNextStep) {
+      changeStep(1);
+    }
+  };
+  const previousStep = () => {
+    if (hasPreviousStep) {
+      changeStep(-1);
+    }
+  };
+  return {
+    changeStep,
+    nextStep,
+    hasNextStep,
+    previousStep,
+    hasPreviousStep,
+    currentStep,
+    totalSteps,
+    controls: {
+      changeStep,
+      nextStep,
+      hasNextStep,
+      previousStep,
+      hasPreviousStep,
+      currentStep,
+      totalSteps,
+      setTotalSteps
+    }
+  };
+};
+exports.useWizard = useWizard;

package/lib/icons/helper.d.ts

@@ -611,6 +611,18 @@ declare const _default: {
         viewbox: string;
         paths: string[];
     };
+    similarity: {
+        viewbox: string;
+        paths: string[];
+    };
+    fileStack: {
+        viewbox: string;
+        paths: string[];
+    };
+    tree: {
+        viewbox: string;
+        paths: string[];
+    };
 };
 
 export { _default as default };

package/lib/icons/helper.js

@@ -616,5 +616,17 @@ var _default = exports.default = {
   user_block: {
     viewbox: '0 0 16 16',
     paths: ['M7.5 16h-6.977c-0.14 0-0.274-0.059-0.369-0.163s-0.141-0.242-0.129-0.382c0.11-1.22 0.585-2.363 1.373-3.305 0.697-0.832 1.59-1.452 2.602-1.809l0-0.475c-0.562-0.385-1.037-0.926-1.385-1.582-0.402-0.758-0.615-1.634-0.615-2.535 0-1.251 0.405-2.431 1.139-3.323 0.758-0.92 1.774-1.427 2.861-1.427 2.119 0 3.874 1.966 3.993 4.476 0.013 0.276-0.2 0.51-0.476 0.523s-0.51-0.2-0.523-0.476c-0.094-1.976-1.41-3.524-2.995-3.524-1.654 0-3 1.682-3 3.75 0 1.457 0.687 2.795 1.75 3.408 0.155 0.089 0.25 0.254 0.25 0.433l-0 1.116c0 0.224-0.149 0.42-0.364 0.481-0.967 0.274-1.822 0.828-2.471 1.604-0.538 0.643-0.901 1.397-1.064 2.208h6.4c0.276 0 0.5 0.224 0.5 0.5s-0.224 0.5-0.5 0.5z', 'M11.5 7c-2.481 0-4.5 2.019-4.5 4.5s2.019 4.5 4.5 4.5 4.5-2.019 4.5-4.5-2.019-4.5-4.5-4.5zM8 11.5c0-1.93 1.57-3.5 3.5-3.5 0.785 0 1.511 0.26 2.095 0.698l-4.897 4.897c-0.438-0.584-0.698-1.31-0.698-2.095zM11.5 15c-0.785 0-1.511-0.26-2.095-0.698l4.897-4.897c0.438 0.584 0.698 1.31 0.698 2.095 0 1.93-1.57 3.5-3.5 3.5z']
+  },
+  similarity: {
+    viewbox: '0 0 16 16',
+    paths: ['M13 4h-3v-1l-3-3h-7v12h6v4h10v-9l-3-3zM13 5.414l1.586 1.586h-1.586v-1.586zM7 1.414l1.586 1.586h-1.586v-1.586zM1 1h5v3h3v7h-8v-10zM15 15h-8v-3h3v-7h2v3h3v7z']
+  },
+  fileStack: {
+    viewbox: '0 0 16 16',
+    paths: ['M13.75 4h-0.75v-0.75c0-0.689-0.561-1.25-1.25-1.25h-0.75v-0.75c0-0.689-0.561-1.25-1.25-1.25h-7.5c-0.689 0-1.25 0.561-1.25 1.25v9.5c0 0.689 0.561 1.25 1.25 1.25h0.75v0.75c0 0.689 0.561 1.25 1.25 1.25h0.75v0.75c0 0.689 0.561 1.25 1.25 1.25h7.5c0.689 0 1.25-0.561 1.25-1.25v-9.5c0-0.689-0.561-1.25-1.25-1.25zM2.25 11c-0.138 0-0.25-0.113-0.25-0.25v-9.5c0-0.137 0.112-0.25 0.25-0.25h7.5c0.137 0 0.25 0.113 0.25 0.25v0.75h-5.75c-0.689 0-1.25 0.561-1.25 1.25v7.75h-0.75zM4.25 13c-0.138 0-0.25-0.113-0.25-0.25v-9.5c0-0.138 0.112-0.25 0.25-0.25h7.5c0.137 0 0.25 0.112 0.25 0.25v0.75h-5.75c-0.689 0-1.25 0.561-1.25 1.25v7.75h-0.75zM14 14.75c0 0.137-0.113 0.25-0.25 0.25h-7.5c-0.138 0-0.25-0.113-0.25-0.25v-9.5c0-0.138 0.112-0.25 0.25-0.25h7.5c0.137 0 0.25 0.112 0.25 0.25v9.5z']
+  },
+  tree: {
+    viewbox: '0 0 16 16',
+    paths: ['M15.25 12h-0.25v-3.25c0-0.965-0.785-1.75-1.75-1.75h-4.25v-2h0.25c0.412 0 0.75-0.338 0.75-0.75v-2.5c0-0.413-0.338-0.75-0.75-0.75h-2.5c-0.412 0-0.75 0.337-0.75 0.75v2.5c0 0.412 0.338 0.75 0.75 0.75h0.25v2h-4.25c-0.965 0-1.75 0.785-1.75 1.75v3.25h-0.25c-0.412 0-0.75 0.338-0.75 0.75v2.5c0 0.412 0.338 0.75 0.75 0.75h2.5c0.413 0 0.75-0.338 0.75-0.75v-2.5c0-0.412-0.337-0.75-0.75-0.75h-0.25v-3h4v3h-0.25c-0.412 0-0.75 0.338-0.75 0.75v2.5c0 0.412 0.338 0.75 0.75 0.75h2.5c0.412 0 0.75-0.338 0.75-0.75v-2.5c0-0.412-0.338-0.75-0.75-0.75h-0.25v-3h4v3h-0.25c-0.412 0-0.75 0.338-0.75 0.75v2.5c0 0.412 0.338 0.75 0.75 0.75h2.5c0.412 0 0.75-0.338 0.75-0.75v-2.5c0-0.412-0.338-0.75-0.75-0.75zM3 15h-2v-2h2v2zM9 15h-2v-2h2v2zM7 4v-2h2v2h-2zM15 15h-2v-2h2v2z']
   }
 };

package/lib/inputs/select/multiple/index.js

@@ -25,7 +25,8 @@ const MultipleSelect = props => {
     value = [],
     remoteSearch = false,
     descriptionKey,
-    showClearButton
+    showClearButton,
+    rightElements = []
   } = props;
   const [dataCombo, setDataCombo] = (0, _react.useState)(dataSource);
   const [currents, setCurrents] = (0, _react.useState)([]);
@@ -240,7 +241,8 @@ const MultipleSelect = props => {
       selectWrapper.current = r;
     },
     handlerSetOnDenied: setOnDenied,
-    rightElements: /*#__PURE__*/_react.default.createElement(_ActionButtons.default, {
+    rightElements: [...rightElements, /*#__PURE__*/_react.default.createElement(_ActionButtons.default, {
+      key: "action-buttons-multiselect",
       showClearButton: showClearButton,
       disabled: shouldDisable() || shouldBeReadOnly(),
       dropDownOpened: opened,
@@ -249,7 +251,7 @@ const MultipleSelect = props => {
         return onClearClick();
       },
       handlerOpenClose: onOpenClose
-    })
+    })]
   }), /*#__PURE__*/_react.default.createElement(_Selecteds.default, _extends({}, props, {
     currents: currents,
     handlerOnUnselect: onUnselect

package/lib/inputs/select/simple/index.js

@@ -34,7 +34,8 @@ const SimpleSelect = props => {
     searchOnDropdown = false,
     allOptions = undefined,
     showClearButton = false,
-    searchNotFoundText
+    searchNotFoundText,
+    rightElements = []
   } = props;
   const descriptionKeyIsString = typeof descriptionKey === 'string';
   const dataSourceWithAllOptions = allOptions ? [{
@@ -274,7 +275,8 @@ const SimpleSelect = props => {
       selectWrapper.current = r;
     },
     handlerSetOnDenied: inputOnDenied => setOnDenied(inputOnDenied),
-    rightElements: /*#__PURE__*/_react.default.createElement(_ActionButtons.default, {
+    rightElements: [...rightElements, /*#__PURE__*/_react.default.createElement(_ActionButtons.default, {
+      key: "action-buttons-simpleselect",
       disabled: shouldDisable() || shouldBeReadOnly(),
       showClearButton: showClearButton,
       dropDownOpened: opened,
@@ -283,7 +285,7 @@ const SimpleSelect = props => {
         return onClearClick();
       },
       handlerOpenClose: onOpenClose
-    })
+    })]
   })), opened && /*#__PURE__*/_react.default.createElement(_Dropdown.default, _extends({}, props, {
     opened: opened,
     selected: selected,

package/lib/inputs/select/types.d.ts

@@ -50,6 +50,7 @@ interface ISimpleSelectProps {
     onFocus?: () => void;
     allOptions?: AllOptions;
     inputRef?: MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null> | ((ref: HTMLInputElement | HTMLTextAreaElement | null) => void);
+    rightElements?: JSX.Element[];
 }
 interface ISelectFieldProps extends Omit<ISimpleSelectProps, 'idKey' | 'value' | 'descriptionKey'> {
     multiple?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "1.1.20-beta.8",
+  "version": "1.1.20-beta.9",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "module": "lib/index.cjs",

package/lib/inputs/mask/imaskHOC.js

@@ -1,203 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _imask = _interopRequireDefault(require("imask"));
-var helpers = _interopRequireWildcard(require("./helpers"));
-var _permissionValidations = require("../../permissionValidations");
-var _format_number = require("../number/format_number");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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() { _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); }
-const options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible, _permissionValidations.OPTIONS_ON_DENIED.readOnly, _permissionValidations.OPTIONS_ON_DENIED.hideContent];
-const IMaskHOC = ComposedComponent => {
-  const MaskedComponent = props => {
-    const {
-      permissionAttr,
-      skeletonize,
-      inputRef,
-      placeholderChar = '_',
-      lazy = false,
-      pattern = '',
-      radix = ' ',
-      thousandsSeparator = '',
-      mapToRadix = [],
-      scale = 2,
-      signed = false,
-      normalizeZeros = true,
-      padFractionalZeros = true,
-      mask,
-      commit = () => {},
-      parse,
-      format,
-      definitions,
-      groups,
-      min,
-      max,
-      dispatch,
-      value = '',
-      onChange,
-      isDateField = false,
-      autoCompleteMask
-    } = props;
-    const maskOptions = {
-      placeholderChar: placeholderChar === '' ? ' ' : placeholderChar,
-      lazy,
-      pattern,
-      radix,
-      thousandsSeparator,
-      mapToRadix,
-      scale,
-      signed,
-      normalizeZeros,
-      padFractionalZeros,
-      mask,
-      commit,
-      parse,
-      format,
-      definitions,
-      groups,
-      min,
-      max,
-      dispatch
-    };
-    const [onDenied] = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr));
-    const elementRef = (0, _react.useRef)(null);
-    const maskRef = (0, _react.useRef)(null);
-    const {
-      hideContent,
-      unvisible,
-      disabled,
-      readOnly
-    } = onDenied;
-    const dontInitMask = hideContent || unvisible || skeletonize;
-    const disableCallbacks = disabled || readOnly;
-    const setValue = newValue => {
-      if (maskRef.current) {
-        if (props.unmask) maskRef.current.unmaskedValue = newValue.toString();
-        maskRef.current.value = String(newValue);
-      }
-    };
-    const onAccept = (0, _react.useCallback)(() => {
-      if (onChange && !disableCallbacks && maskRef.current) {
-        const {
-          unmaskedValue,
-          el
-        } = maskRef.current;
-        const name = el.name || el.input && el.input.name;
-        onChange({
-          target: {
-            value: unmaskedValue,
-            name
-          }
-        }, props.unmask ? unmaskedValue : maskRef.current.value);
-      }
-    }, [onChange]);
-    const onComplete = (0, _react.useCallback)(() => {
-      if (props.onComplete && !disableCallbacks && maskRef.current) {
-        const {
-          unmaskedValue,
-          el
-        } = maskRef.current;
-        const name = el.name || el.input && el.input.name;
-        props.onComplete({
-          target: {
-            value: unmaskedValue,
-            name
-          }
-        }, props.unmask ? unmaskedValue : maskRef.current.value);
-      }
-    }, [props.onComplete]);
-    const autoCompleteMaskValue = (0, _react.useCallback)(eventTargetValue => {
-      if (autoCompleteMask && eventTargetValue.length && maskRef.current && elementRef.current) {
-        const sizeMask = maskRef.current.mask.toString().replace(/\D+/g, '').length;
-        if (sizeMask > eventTargetValue.length) {
-          switch (autoCompleteMask) {
-            case 'left':
-              setValue(eventTargetValue.padStart(sizeMask, '0'));
-              break;
-            case 'right':
-              setValue(eventTargetValue.padEnd(sizeMask, '0'));
-              break;
-            default:
-              setValue(eventTargetValue);
-              break;
-          }
-        }
-      }
-    }, [autoCompleteMask, maskRef.current, elementRef.current]);
-    const getMask = () => {
-      const element = elementRef.current;
-      if (element) {
-        const maskCurrent = maskRef.current;
-        if (!maskCurrent) {
-          maskRef.current = (0, _imask.default)(element, maskOptions);
-          if (value && typeof value !== 'number' && value.trim() !== '' || value && typeof value === 'number') onAccept();
-          setValue(value);
-        } else {
-          maskCurrent.updateOptions(maskOptions);
-        }
-      }
-    };
-    const destroyMask = () => {
-      if (maskRef.current) {
-        maskRef.current.destroy();
-        maskRef.current = null;
-      }
-    };
-    (0, _react.useEffect)(() => {
-      if (props.handlerSetOnDenied) props.handlerSetOnDenied(onDenied);
-      if (!props.mask || dontInitMask) return;
-      getMask();
-    }, [maskOptions]);
-    (0, _react.useEffect)(() => {
-      if (!maskRef.current) return;
-      const maskCurrent = maskRef.current;
-      maskCurrent.on('accept', onAccept);
-      maskCurrent.on('complete', onComplete);
-
-      // eslint-disable-next-line consistent-return
-      return () => {
-        maskCurrent.off('accept', onAccept);
-        maskCurrent.off('complete', onComplete);
-      };
-    }, [onAccept, onComplete]);
-    (0, _react.useEffect)(() => {
-      if (maskOptions.mask && !dontInitMask) {
-        if (maskRef.current) {
-          const formattedValue = isDateField ? value : (0, _format_number.numberToPtBR)(value) || '';
-          setValue(formattedValue);
-        } else {
-          getMask();
-        }
-      } else if (!dontInitMask) {
-        destroyMask();
-        if (value && elementRef.current) elementRef.current.value = value;
-      }
-    }, [value, isDateField]);
-    (0, _react.useEffect)(() => destroyMask, []);
-    return /*#__PURE__*/_react.default.createElement(ComposedComponent, _extends({}, helpers.extractNonMaskProps(props, maskOptions), {
-      onDeniedActions: onDenied,
-      defaultValue: value,
-      onBlur: e => {
-        autoCompleteMaskValue(e.target.value);
-        if (props.onBlur) props.onBlur(e);
-      },
-      onChange: e => setValue(e.target.value),
-      inputRef: el => {
-        elementRef.current = el;
-        if (inputRef) {
-          if (typeof inputRef === 'object') inputRef.current = el;else inputRef(el);
-        }
-      }
-    }));
-  };
-  const nestedComponentName = ComposedComponent.displayName || ComposedComponent.name || 'Component';
-  MaskedComponent.displayName = "IMask(".concat(nestedComponentName, ")");
-  return MaskedComponent;
-};
-var _default = exports.default = IMaskHOC;

package/lib/menus/sidenav/popup_menu_help/index.js

@@ -1,85 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactDom = _interopRequireDefault(require("react-dom"));
-var _list = _interopRequireWildcard(require("../../../list"));
-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; }
-const body = document.getElementsByTagName('body')[0];
-const PopupMenuHelp = props => {
-  const {
-    style,
-    copyright,
-    handlerClose,
-    version,
-    helpList = [],
-    helpRef
-  } = props;
-  const searchFieldRef = (0, _react.useRef)(null);
-  const popupRef = (0, _react.useRef)(document.createElement('div'));
-  Object.assign(popupRef.current, {
-    className: 'helpmenu',
-    style
-  });
-  const closeOnEsc = e => {
-    if (e.key === 'Escape') {
-      handlerClose();
-      e.stopPropagation();
-    }
-  };
-  (0, _react.useEffect)(() => {
-    body.appendChild(popupRef.current);
-    if (searchFieldRef && searchFieldRef.current) searchFieldRef.current.focus();
-    document.body.addEventListener('keydown', closeOnEsc);
-    return () => {
-      body.removeChild(popupRef.current);
-      document.body.removeEventListener('keydown', closeOnEsc);
-    };
-  }, []);
-  (0, _react.useEffect)(() => {
-    Object.assign(popupRef.current, {
-      style
-    });
-  }, [style]);
-  const getPopupContent = () => /*#__PURE__*/_react.default.createElement("div", {
-    className: "popup-help",
-    ref: helpRef
-  }, /*#__PURE__*/_react.default.createElement(_list.default, {
-    condensed: true,
-    selectable: true,
-    onSelectItem: handlerClose,
-    selectOnEnter: true,
-    style: {
-      border: 'none',
-      boxShadow: 'hidden',
-      overflow: 'none'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_list.ListHeader, {
-    customClass: "helpheader",
-    title: "Ajuda"
-  }), helpList.map(item => /*#__PURE__*/_react.default.createElement(_list.ListItem, {
-    separator: true,
-    selectOnEnter: true,
-    key: item.id,
-    itemId: item.id,
-    url: item.url,
-    text: item.title
-  })))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "infomartion",
-    style: {
-      padding: '10px 0px 0px 7px',
-      backgroundColor: 'white'
-    }
-  }, /*#__PURE__*/_react.default.createElement("p", {
-    className: "help-information"
-  }, /*#__PURE__*/_react.default.createElement("b", null, "Vers\xE3o:"), version), /*#__PURE__*/_react.default.createElement("p", {
-    className: "help-information"
-  }, copyright)));
-  return /*#__PURE__*/_reactDom.default.createPortal(getPopupContent(), popupRef.current);
-};
-var _default = exports.default = PopupMenuHelp;

package/lib/tabs/DropdownItems.js

@@ -1,62 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _buttons = _interopRequireDefault(require("../buttons"));
-var _list = _interopRequireWildcard(require("../list"));
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const DropdownItems = _ref => {
-  let {
-    handlerClick,
-    handlerRemovePanel,
-    dropdownPanels = [],
-    tabMenuSize = 'medium'
-  } = _ref;
-  return dropdownPanels.length > 0 ? /*#__PURE__*/_react.default.createElement(_buttons.default, {
-    dropdown: true,
-    dropdownAlign: "right",
-    transparent: true,
-    boxShadow: false,
-    size: "large",
-    customClass: "dropdownbutton"
-  }, /*#__PURE__*/_react.default.createElement(_list.default, {
-    customClass: "dropdown-hide-tabs"
-  }, dropdownPanels.map((panel, index) => {
-    const {
-      id,
-      title,
-      closeable,
-      iconAlign,
-      icon,
-      iconName,
-      disabled
-    } = panel.props;
-    return /*#__PURE__*/_react.default.createElement(_list.ListItem, {
-      key: id
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "menuitem"
-    }, /*#__PURE__*/_react.default.createElement(_buttons.default, {
-      className: "btn menubutton",
-      boxShadow: false,
-      onClick: () => handlerClick === null || handlerClick === void 0 ? void 0 : handlerClick(id),
-      iconAlign: iconAlign,
-      iconName: iconName,
-      icon: icon,
-      disabled: disabled,
-      label: title,
-      size: tabMenuSize,
-      transparent: true
-    }), closeable && /*#__PURE__*/_react.default.createElement("button", {
-      className: "closepanel",
-      onClick: () => {
-        handlerRemovePanel === null || handlerRemovePanel === void 0 ? void 0 : handlerRemovePanel(id, index, true);
-      }
-    })));
-  }))) : null;
-};
-var _default = exports.default = DropdownItems;

package/lib/tabs/MenuItems.js

@@ -1,70 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _buttons = _interopRequireDefault(require("../buttons"));
-var helpers = _interopRequireWildcard(require("./tabHelpers"));
-var _permissionValidations = require("../permissionValidations");
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const MenuItems = _ref => {
-  let {
-    handlerClick,
-    currentPanels,
-    handlerRemovePanel,
-    tabWidth = 'auto',
-    tabMenuSize = 'medium',
-    tabMenuAlign = 'left',
-    selectedTabId = '',
-    firstTabIdent = false
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("ul", {
-    className: "menu ".concat(firstTabIdent && '-firsttabident'),
-    style: helpers.menuStyles(tabMenuAlign)
-  }, currentPanels === null || currentPanels === void 0 ? void 0 : currentPanels.map((panel, index) => {
-    const {
-      id,
-      icon,
-      title,
-      tooltip,
-      disabled,
-      iconName,
-      closeable,
-      iconAlign,
-      tooltipWidth,
-      permissionAttr,
-      tooltipPosition
-    } = panel.props;
-    const onDenied = (0, _permissionValidations.actionsOnPermissionDenied)(helpers.onDeniedOptions, permissionAttr);
-    return onDenied.unvisible ? null : /*#__PURE__*/_react.default.createElement("li", {
-      key: id,
-      style: {
-        width: tabWidth
-      },
-      className: "menuitem ".concat(selectedTabId === id && 'selected')
-    }, /*#__PURE__*/_react.default.createElement(_buttons.default, {
-      className: "btn menubutton",
-      boxShadow: false,
-      onClick: () => handlerClick === null || handlerClick === void 0 ? void 0 : handlerClick(id),
-      iconAlign: iconAlign,
-      iconName: iconName,
-      icon: icon,
-      disabled: disabled || !!onDenied.disabled,
-      label: title,
-      size: tabMenuSize,
-      tooltip: tooltip || title,
-      tooltipPosition: tooltipPosition,
-      tooltipWidth: tooltipWidth
-    }), closeable && currentPanels.length > 1 && /*#__PURE__*/_react.default.createElement("button", {
-      className: "closepanel",
-      onClick: () => {
-        handlerRemovePanel === null || handlerRemovePanel === void 0 ? void 0 : handlerRemovePanel(id, index);
-      }
-    }));
-  }));
-};
-var _default = exports.default = MenuItems;

package/lib/treeview_old/Header.js

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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 }; }
-const Header = props => {
-  const {
-    title,
-    customClass
-  } = props;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "treeviewheader ".concat(customClass)
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "title"
-  }, title));
-};
-Header.defaultProps = {
-  title: '',
-  customClass: ''
-};
-Header.propTypes = {
-  title: _propTypes.default.string,
-  customClass: _propTypes.default.string
-};
-var _default = exports.default = Header;

package/lib/treeview_old/Node.js

@@ -1,68 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _checkbox = _interopRequireDefault(require("../checkbox"));
-var _icons = _interopRequireDefault(require("../icons"));
-require("../assets/styles/treeview.scss");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-class TreeNode extends _react.Component {
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "openCloseTree", () => {
-      this.setState({
-        isVisible: !this.state.isVisible
-      });
-    });
-    this.state = {
-      isVisible: false
-    };
-  }
-  render() {
-    const {
-      node,
-      showCheckBox
-    } = this.props;
-    let span = '';
-    if (node.itens.length > 0) {
-      span = /*#__PURE__*/_react.default.createElement("span", {
-        onKeyPress: null,
-        tabIndex: 0,
-        role: "button",
-        className: "opencloseicon",
-        onClick: this.openCloseTree
-      }, /*#__PURE__*/_react.default.createElement(_icons.default, {
-        name: this.state.isVisible ? 'up' : 'down',
-        size: 10
-      }));
-    }
-    return /*#__PURE__*/_react.default.createElement("li", {
-      className: "treeviewitem"
-    }, span, showCheckBox ? /*#__PURE__*/_react.default.createElement(_checkbox.default, {
-      id: node.id,
-      label: node.titulo
-    }) : node.titulo, /*#__PURE__*/_react.default.createElement("ul", {
-      className: "nodelist"
-    }, this.state.isVisible && this.props.children));
-  }
-}
-TreeNode.defaultProps = {
-  showCheckBox: false,
-  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
-};
-var _default = exports.default = TreeNode;

package/lib/treeview_old/index.js

@@ -1,43 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "TreeNode", {
-  enumerable: true,
-  get: function () {
-    return _Node.default;
-  }
-});
-Object.defineProperty(exports, "TreeViewHeader", {
-  enumerable: true,
-  get: function () {
-    return _Header.default;
-  }
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Node = _interopRequireDefault(require("./Node"));
-var _Header = _interopRequireDefault(require("./Header"));
-require("../assets/styles/treeview.scss");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const TreeView = props => {
-  const {
-    customClass,
-    defaultBorder
-  } = props;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("ul", {
-    className: "treeview-component ".concat(customClass, " ").concat(defaultBorder && '-defaultborder')
-  }, props.children));
-};
-TreeView.defaultProps = {
-  customClass: '',
-  defaultBorder: true
-};
-TreeView.propTypes = {
-  children: _propTypes.default.arrayOf(_propTypes.default.element).isRequired,
-  customClass: _propTypes.default.string,
-  defaultBorder: _propTypes.default.bool
-};
-var _default = exports.default = TreeView;