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

package/lib/treeview_old/Node.js

@@ -0,0 +1,68 @@
+"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

@@ -0,0 +1,43 @@
+"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;

package/package.json

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

package/lib/assets/styles/wizard.scss

@@ -1,125 +0,0 @@
-@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/wizard/index.d.ts

@@ -1,13 +0,0 @@
-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

@@ -1,74 +0,0 @@
-"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

@@ -1,13 +0,0 @@
-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

@@ -1,36 +0,0 @@
-"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

@@ -1,9 +0,0 @@
-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

@@ -1,22 +0,0 @@
-"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

@@ -1,9 +0,0 @@
-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

@@ -1,48 +0,0 @@
-"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;