linear-react-components-ui 1.1.26-beta.9 → 1.1.27-rc.0

package/lib/form2/useForm/index.js

@@ -0,0 +1,210 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _lodash = _interopRequireDefault(require("lodash"));
+var _helpers = require("../helpers");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const useForm = _ref => {
+  let {
+    initialValues,
+    validators = {},
+    options = {
+      validationMode: 'default'
+    }
+  } = _ref;
+  const [values, setValues] = _react.default.useState(initialValues);
+  const [errors, setErrors] = _react.default.useState({});
+  const [changed, setChanged] = _react.default.useState({});
+  const [touched, setTouched] = _react.default.useState({});
+  const fieldsRef = _react.default.useRef({});
+  const initialValuesRef = _react.default.useRef(initialValues);
+  const valuesToCompareInChangedRef = _react.default.useRef(initialValues);
+  const flattenedValidators = _react.default.useMemo(() => {
+    return (0, _helpers.flattenValidators)(validators);
+  }, [validators]);
+  const validateField = (name, value) => {
+    var _$get;
+    const validatorsForField = (_$get = _lodash.default.get(flattenedValidators, name)) !== null && _$get !== void 0 ? _$get : [];
+    const fieldErrors = validatorsForField.map(validator => validator(value, values)).filter(message => Boolean(message));
+    setErrors(prevErrorsState => {
+      const updatedErrorsState = _lodash.default.cloneDeep(prevErrorsState);
+      _lodash.default.set(updatedErrorsState, name, fieldErrors);
+      return updatedErrorsState;
+    });
+  };
+  const validateAllFields = () => {
+    const allValidationErrors = {};
+    Object.keys(flattenedValidators).forEach(path => {
+      var _$get2;
+      const value = _lodash.default.get(values, path);
+      const fieldValidators = (_$get2 = _lodash.default.get(flattenedValidators, path)) !== null && _$get2 !== void 0 ? _$get2 : [];
+      const fieldErrors = fieldValidators.map(validator => validator(value, values)).filter(message => Boolean(message));
+      if (fieldErrors.length) {
+        _lodash.default.set(allValidationErrors, path, fieldErrors);
+      }
+    });
+    setErrors(allValidationErrors);
+    return allValidationErrors;
+  };
+  const checkFormIsValid = _react.default.useCallback(() => {
+    return Object.keys(flattenedValidators).every(path => {
+      var _$get3;
+      const value = _lodash.default.get(values, path);
+      const fieldValidators = (_$get3 = _lodash.default.get(flattenedValidators, path)) !== null && _$get3 !== void 0 ? _$get3 : [];
+      return fieldValidators.every(validator => !validator(value, values));
+    });
+  }, [values, flattenedValidators]);
+  const getFieldError = name => {
+    var _ref2;
+    const fieldErrors = (_ref2 = _lodash.default.get(errors, name)) !== null && _ref2 !== void 0 ? _ref2 : [];
+    return fieldErrors;
+  };
+  const setExternalErrors = externalErrors => {
+    setErrors(prevStateErrors => {
+      const newErrorsState = _lodash.default.cloneDeep(prevStateErrors);
+      Object.entries(externalErrors).forEach(_ref3 => {
+        let [key, value] = _ref3;
+        _lodash.default.set(newErrorsState, key, value);
+      });
+      return newErrorsState;
+    });
+  };
+  const getFieldValue = name => {
+    return _lodash.default.get(values, name);
+  };
+  const setFieldValue = (name, value) => {
+    setValues(prevStateValues => {
+      const updatedValuesState = _lodash.default.cloneDeep(prevStateValues);
+      _lodash.default.set(updatedValuesState, name, value);
+      const valueToCompare = _lodash.default.get(valuesToCompareInChangedRef.current, name);
+      const hasChanged = !_lodash.default.isEqual(valueToCompare, value);
+      setChanged(prevStateChanged => {
+        const updatedChangedState = _lodash.default.cloneDeep(prevStateChanged);
+        _lodash.default.set(updatedChangedState, name, hasChanged);
+        return updatedChangedState;
+      });
+      return updatedValuesState;
+    });
+  };
+  const setFieldFocus = (name, fieldFocusOptions) => {
+    var _field$focus;
+    const field = fieldsRef.current[name];
+    field === null || field === void 0 ? void 0 : (_field$focus = field.focus) === null || _field$focus === void 0 ? void 0 : _field$focus.call(field);
+    if (fieldFocusOptions !== null && fieldFocusOptions !== void 0 && fieldFocusOptions.shouldSelect) {
+      var _field$select;
+      field === null || field === void 0 ? void 0 : (_field$select = field.select) === null || _field$select === void 0 ? void 0 : _field$select.call(field);
+    }
+  };
+  const compareField = _react.default.useCallback((name, valueToCompare) => {
+    return _lodash.default.isEqual(_lodash.default.get(values, name), valueToCompare);
+  }, [values]);
+  const cleanErrors = fieldsToClean => {
+    const newErrorsState = _lodash.default.cloneDeep(errors);
+    const fields = fieldsToClean !== null && fieldsToClean !== void 0 ? fieldsToClean : Object.keys(errors);
+    fields.forEach(key => {
+      _lodash.default.set(newErrorsState, key, []);
+    });
+    setErrors(newErrorsState);
+  };
+  const reset = (inputsToReset, internalReset) => {
+    const newValuesState = _lodash.default.cloneDeep(values);
+    const newTouchedState = _lodash.default.cloneDeep(touched);
+    const newChangedState = _lodash.default.cloneDeep(changed);
+    const newErrorsState = _lodash.default.cloneDeep(errors);
+    const inputs = inputsToReset !== null && inputsToReset !== void 0 ? inputsToReset : Object.keys(initialValuesRef.current);
+    inputs.forEach(key => {
+      const initialValue = _lodash.default.get(initialValuesRef.current, key);
+      _lodash.default.set(newValuesState, key, initialValue);
+      _lodash.default.set(newTouchedState, key, false);
+      _lodash.default.set(newChangedState, key, false);
+      _lodash.default.set(newErrorsState, key, []);
+    });
+    setValues(newValuesState);
+    setTouched(newTouchedState);
+    setChanged(newChangedState);
+    setErrors(newErrorsState);
+    if (!internalReset) {
+      valuesToCompareInChangedRef.current = initialValuesRef.current;
+    }
+  };
+  const changeValues = _react.default.useCallback(fieldValues => {
+    reset(undefined, true);
+    setValues(prevStateValues => {
+      const newValuesState = (0, _helpers.deepMergeValues)(prevStateValues, fieldValues);
+      valuesToCompareInChangedRef.current = newValuesState;
+      return newValuesState;
+    });
+  }, []);
+  const register = (name, externalRef) => {
+    return {
+      name,
+      ref: (0, _helpers.mergeRefs)(inputElement => {
+        fieldsRef.current[name] = inputElement;
+      }, externalRef),
+      value: _lodash.default.get(values, name, _lodash.default.get(initialValuesRef.current, name, '')),
+      onChange: event => {
+        const {
+          value
+        } = event.target;
+        setValues(prevStateValues => {
+          const updatedValues = _lodash.default.cloneDeep(prevStateValues);
+          _lodash.default.set(updatedValues, name, value);
+          const hasChanged = !_lodash.default.isEqual(_lodash.default.get(valuesToCompareInChangedRef.current, name), value);
+          setChanged(prevStateChanged => {
+            const updatedChangedState = _lodash.default.cloneDeep(prevStateChanged);
+            _lodash.default.set(updatedChangedState, name, hasChanged);
+            return updatedChangedState;
+          });
+          if (options.validationMode === 'default' && _lodash.default.get(touched, name)) {
+            validateField(name, value);
+          }
+          return updatedValues;
+        });
+      },
+      onBlur: () => {
+        setTouched(prevStateTouched => {
+          const updated = _lodash.default.cloneDeep(prevStateTouched);
+          _lodash.default.set(updated, name, true);
+          return updated;
+        });
+        if (options.validationMode === 'default') {
+          validateField(name, _lodash.default.get(values, name));
+        }
+      }
+    };
+  };
+  const handleSubmit = callback => event => {
+    event.preventDefault();
+    const validationErrors = validateAllFields();
+    const hasErrors = !_lodash.default.isEmpty(validationErrors);
+    if (hasErrors) return;
+    callback(values);
+  };
+  const isValid = _react.default.useMemo(() => checkFormIsValid(), [checkFormIsValid]);
+  const formHasChange = _react.default.useMemo(() => Object.values(changed).some(Boolean), [changed]);
+  return {
+    reset,
+    changed,
+    values,
+    errors,
+    touched,
+    isValid,
+    formHasChange,
+    register,
+    cleanErrors,
+    changeValues,
+    compareField,
+    handleSubmit,
+    getFieldValue,
+    getFieldError,
+    setFieldFocus,
+    setFieldValue,
+    setExternalErrors,
+    initialValues: initialValuesRef.current
+  };
+};
+var _default = exports.default = useForm;

package/lib/gridlayout/GridCol.d.ts

@@ -1,3 +1,6 @@
-import { IGridCol } from './types';
-declare const GridCol: (props: IGridCol) => import("react/jsx-runtime").JSX.Element | null;
-export default GridCol;
+import { IGridCol } from './types.js';
+import 'react';
+
+declare const GridCol: (props: IGridCol) => JSX.Element | null;
+
+export { GridCol as default };

package/lib/gridlayout/GridCol.js

@@ -1,27 +1,34 @@
-import { j as d } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as p } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import '../assets/gridlayout.css';/* empty css                            */
-const $ = (o) => {
-  const s = o ? o.split(" ") : [];
-  let t = "grid-container ";
-  return s[0] && (t += `col-xs-${s[0]}`), s[1] && (t += ` col-sm-${s[1]}`), s[2] && (t += ` col-md-${s[2]}`), s[3] && (t += ` col-lg-${s[3]}`), t;
-}, C = (o) => {
-  const s = p.c(6), {
-    cols: t,
-    customClass: a,
-    children: i,
-    style: c,
-    visible: m
-  } = o, f = m === void 0 ? !0 : m, r = t || "";
-  let l;
-  s[0] !== r ? (l = $(r), s[0] = r, s[1] = l) : l = s[1];
-  const u = l;
-  if (!f)
-    return null;
-  const n = `${a} ${u}`;
-  let e;
-  return s[2] !== i || s[3] !== c || s[4] !== n ? (e = /* @__PURE__ */ d.jsx("div", { className: n, style: c, children: i }), s[2] = i, s[3] = c, s[4] = n, s[5] = e) : e = s[5], e;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+require("../assets/styles/gridlayout.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const getClass = col => {
+  const cols = col ? col.split(' ') : [];
+  let classes = 'grid-container ';
+  if (cols[0]) classes += "col-xs-".concat(cols[0]);
+  if (cols[1]) classes += " col-sm-".concat(cols[1]);
+  if (cols[2]) classes += " col-md-".concat(cols[2]);
+  if (cols[3]) classes += " col-lg-".concat(cols[3]);
+  return classes;
 };
-export {
-  C as default
+const GridCol = props => {
+  const {
+    cols,
+    customClass,
+    children,
+    style,
+    visible = true
+  } = props;
+  const gridClasses = getClass(cols || '');
+  if (!visible) return null;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(customClass, " ").concat(gridClasses),
+    style: style
+  }, children);
 };
+var _default = exports.default = GridCol;

package/lib/gridlayout/GridRow.d.ts

@@ -1,3 +1,6 @@
-import { IGridRow } from './types';
-declare const GridRow: (props: IGridRow) => import("react/jsx-runtime").JSX.Element | null;
-export default GridRow;
+import { IGridRow } from './types.js';
+import 'react';
+
+declare const GridRow: (props: IGridRow) => JSX.Element | null;
+
+export { GridRow as default };

package/lib/gridlayout/GridRow.js

@@ -1,26 +1,31 @@
-import { j as a } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as m } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import '../assets/gridlayout.css';/* empty css                            */
-const v = (i) => `row ${i.customClass}
-    ${i.withTrim && " -withtrim"}
-    ${i.verticalAlign && ` align-items-${i.verticalAlign}`}
-    ${i.horizontalAlign && ` justify-content-${i.horizontalAlign}`}`, d = (i) => {
-  const t = m.c(7), {
-    style: n,
-    children: s,
-    verticalAlign: c,
-    visible: o
-  } = i, r = c === void 0 ? "start" : c;
-  if (!(o === void 0 ? !0 : o))
-    return null;
-  let l;
-  t[0] !== i || t[1] !== r ? (l = v({
-    ...i,
-    verticalAlign: r
-  }), t[0] = i, t[1] = r, t[2] = l) : l = t[2];
-  let e;
-  return t[3] !== s || t[4] !== n || t[5] !== l ? (e = /* @__PURE__ */ a.jsx("div", { style: n, className: l, children: s }), t[3] = s, t[4] = n, t[5] = l, t[6] = e) : e = t[6], e;
-};
-export {
-  d as default
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+require("../assets/styles/gridlayout.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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); }
+const getClass = props => "row ".concat(props.customClass, "\n    ").concat(props.withTrim && ' -withtrim', "\n    ").concat(props.verticalAlign && " align-items-".concat(props.verticalAlign), "\n    ").concat(props.horizontalAlign && " justify-content-".concat(props.horizontalAlign));
+const GridRow = props => {
+  const {
+    style,
+    children,
+    verticalAlign = 'start',
+    visible = true
+  } = props;
+  if (!visible) return null;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: style,
+    className: getClass(_objectSpread(_objectSpread({}, props), {}, {
+      verticalAlign
+    }))
+  }, children);
 };
+var _default = exports.default = GridRow;

package/lib/gridlayout/index.d.ts

@@ -1,4 +1,8 @@
-import { default as GridRow } from './GridRow';
-import { default as GridCol } from './GridCol';
-export default GridCol;
-export { GridRow };
+export { default as GridRow } from './GridRow.js';
+import GridCol from './GridCol.js';
+import './types.js';
+import 'react';
+
+
+
+export { GridCol as default };

package/lib/gridlayout/index.js

@@ -1,6 +1,16 @@
-import { default as d } from "./GridRow.js";
-import r from "./GridCol.js";
-export {
-  d as GridRow,
-  r as default
-};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "GridRow", {
+  enumerable: true,
+  get: function () {
+    return _GridRow.default;
+  }
+});
+exports.default = void 0;
+var _GridRow = _interopRequireDefault(require("./GridRow"));
+var _GridCol = _interopRequireDefault(require("./GridCol"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = _GridCol.default;

package/lib/gridlayout/types.d.ts

@@ -1,12 +1,13 @@
-import { CSSProperties, ReactNode } from 'react';
-export interface IGridCol {
+import { ReactNode, CSSProperties } from 'react';
+
+interface IGridCol {
     children?: ReactNode | ReactNode[];
     cols?: string;
     customClass?: string;
     style?: CSSProperties;
     visible?: boolean;
 }
-export interface IGridRow {
+interface IGridRow {
     children?: ReactNode | ReactNode[];
     verticalAlign?: 'start' | 'center' | 'end' | 'baseline' | 'stretch';
     horizontalAlign?: string;
@@ -15,3 +16,5 @@ export interface IGridRow {
     visible?: boolean;
     customClass?: string;
 }
+
+export { IGridCol, IGridRow };

package/lib/gridlayout/types.js

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

package/lib/hint/helpers.d.ts

@@ -1 +1,3 @@
-export declare const showHintList: (arrayHint: string[]) => import("react/jsx-runtime").JSX.Element;
+declare const showHintList: (arrayHint: string[]) => JSX.Element;
+
+export { showHintList };

package/lib/hint/helpers.js

@@ -1,12 +1,21 @@
-import { j as s } from "../chunks/jsx-runtime.D1SHvdVE.js";
-const n = (t) => /* @__PURE__ */ s.jsx("div", { className: "rules-list", style: {
-  padding: "15px 0px"
-}, children: /* @__PURE__ */ s.jsx("ul", { style: {
-  listStyleType: "none"
-}, children: t.map((i, e) => /* @__PURE__ */ s.jsxs("li", { children: [
-  "-",
-  i
-] }, e.toString())) }) });
-export {
-  n as showHintList
-};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.showHintList = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const showHintList = arrayHint => /*#__PURE__*/_react.default.createElement("div", {
+  className: "rules-list",
+  style: {
+    padding: '15px 0px'
+  }
+}, /*#__PURE__*/_react.default.createElement("ul", {
+  style: {
+    listStyleType: 'none'
+  }
+}, arrayHint.map((hint, index) => /*#__PURE__*/_react.default.createElement("li", {
+  key: index.toString()
+}, "- ", hint))));
+exports.showHintList = showHintList;

package/lib/hint/index.d.ts

@@ -1,3 +1,7 @@
-import { HintProps } from './types';
-declare const Hint: ({ visible, description, customClass, skeletonize, style, disabled, color, }: HintProps) => import("react/jsx-runtime").JSX.Element | null;
-export default Hint;
+import { HintProps } from './types.js';
+import 'react';
+import '../@types/ColorStyles.js';
+
+declare const Hint: ({ visible, description, customClass, skeletonize, style, disabled, color, }: HintProps) => JSX.Element | null;
+
+export { Hint as default };

package/lib/hint/index.js

@@ -1,30 +1,30 @@
-import { j as c } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as v } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import { showHintList as x } from "./helpers.js";
-import '../assets/index8.css';const k = (m) => {
-  const s = v.c(8), {
-    visible: n,
-    description: t,
-    customClass: p,
-    skeletonize: a,
-    style: l,
-    disabled: d,
-    color: f
-  } = m, u = n === void 0 ? !0 : n, b = a === void 0 ? !1 : a, e = d === void 0 ? !1 : d;
-  if (!u || !t)
-    return null;
-  const r = `
-        hint-component
-        ${p}
-        ${b ? "-skeletonized" : ""}
-        ${e ? "-disabled" : ""}
-        -${f}
-      `;
-  let i;
-  s[0] !== t || s[1] !== e ? (i = Array.isArray(t) ? x(t) : /* @__PURE__ */ c.jsx("span", { "aria-disabled": e, children: t }), s[0] = t, s[1] = e, s[2] = i) : i = s[2];
-  let o;
-  return s[3] !== e || s[4] !== l || s[5] !== r || s[6] !== i ? (o = /* @__PURE__ */ c.jsx("div", { "aria-disabled": e, style: l, className: r, children: i }), s[3] = e, s[4] = l, s[5] = r, s[6] = i, s[7] = o) : o = s[7], o;
-};
-export {
-  k as default
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _helpers = require("./helpers");
+require("../assets/styles/hint.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Hint = _ref => {
+  let {
+    visible = true,
+    description,
+    customClass,
+    skeletonize = false,
+    style,
+    disabled = false,
+    color
+  } = _ref;
+  if (!visible || !description) return null;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "aria-disabled": disabled,
+    style: style,
+    className: "\n        hint-component\n        ".concat(customClass, "\n        ").concat(skeletonize ? '-skeletonized' : '', "\n        ").concat(disabled ? '-disabled' : '', "\n        -").concat(color, "\n      ")
+  }, Array.isArray(description) ? (0, _helpers.showHintList)(description) : /*#__PURE__*/_react.default.createElement("span", {
+    "aria-disabled": disabled
+  }, description));
 };
+var _default = exports.default = Hint;

package/lib/hint/types.d.ts

@@ -1,6 +1,7 @@
 import { CSSProperties } from 'react';
-import { ColorStyles } from '../@types/ColorStyles';
-export interface HintProps {
+import { ColorStyles } from '../@types/ColorStyles.js';
+
+interface HintProps {
     description?: string | string[];
     visible?: boolean;
     customClass?: string;
@@ -9,3 +10,5 @@ export interface HintProps {
     style?: CSSProperties;
     color?: ColorStyles;
 }
+
+export { HintProps };

package/lib/hint/types.js

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

package/lib/icons/helper.d.ts

@@ -631,5 +631,38 @@ declare const _default: {
         viewbox: string;
         paths: string[];
     };
+    clipboard: {
+        viewbox: string;
+        paths: string[];
+    };
+    square: {
+        viewbox: string;
+        paths: string[];
+    };
+    typography: {
+        viewbox: string;
+        paths: string[];
+    };
+    shrink: {
+        viewbox: string;
+        paths: string[];
+    };
+    minus: {
+        viewbox: string;
+        paths: string[];
+    };
+    perdaConsumoInterno: {
+        viewbox: string;
+        paths: string[];
+    };
+    inventario: {
+        viewbox: string;
+        paths: string[];
+    };
+    trocaFornecedor: {
+        viewbox: string;
+        paths: string[];
+    };
 };
-export default _default;
+
+export { _default as default };