linear-react-components-ui 1.1.20-beta.33 → 1.1.20-beta.34

package/lib/form/FieldArray.js

@@ -0,0 +1,105 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _lodash = _interopRequireDefault(require("lodash"));
+var _withFieldHOC = _interopRequireDefault(require("./withFieldHOC"));
+var _gridlayout = _interopRequireDefault(require("../gridlayout"));
+var _fieldset = _interopRequireDefault(require("../fieldset"));
+var _helpers = require("./helpers");
+const _excluded = ["cols", "label", "bordered", "labelContainerStyle", "skipLabel", "data", "name", "handlerStoreValidators", "component", "handlerFieldChange", "handlerFieldValidate", "changePropName", "fieldErrors", "externalMessagesErrors", "handlerRemoveValidators", "validators", "valuePropName", "originalData", "handlerSelecionados"];
+/* eslint-disable react-hooks/rules-of-hooks */
+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 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); }
+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 getDefaultProps = props => {
+  const {
+    valuePropName = 'value',
+    changePropName = 'onSelect',
+    data,
+    name,
+    handlerFieldChange,
+    handlerSelecionados,
+    onBlur
+  } = props;
+  return {
+    onBlur: (0, _react.useCallback)(e => {
+      if (onBlur) onBlur(e);
+    }, [onBlur]),
+    [valuePropName]: _lodash.default.get(data, name),
+    [changePropName]: (0, _react.useCallback)(ids => {
+      if (handlerFieldChange) handlerFieldChange({
+        target: {
+          value: ids,
+          name
+        }
+      });
+      if (handlerSelecionados) handlerSelecionados(ids);
+    }, [handlerFieldChange, handlerSelecionados, changePropName])
+  };
+};
+const FieldArray = props => {
+  const {
+      cols,
+      label,
+      bordered,
+      labelContainerStyle,
+      skipLabel,
+      data,
+      name,
+      handlerStoreValidators,
+      component: Component,
+      handlerFieldChange,
+      handlerFieldValidate,
+      changePropName,
+      fieldErrors,
+      externalMessagesErrors,
+      handlerRemoveValidators,
+      validators,
+      valuePropName,
+      originalData,
+      handlerSelecionados
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
+  let content = null;
+  if (Component) {
+    if (!skipLabel && label) {
+      content = /*#__PURE__*/_react.default.createElement(_fieldset.default, {
+        title: label,
+        customClass: `arraycontainer ${bordered && '-bordered'}`,
+        style: labelContainerStyle,
+        titleCustomClass: "label"
+      }, /*#__PURE__*/_react.default.createElement(Component, _extends({}, rest, getDefaultProps(props), {
+        label: label,
+        name: name,
+        errorMessages: (0, _helpers.getErrorMessages)(_objectSpread(_objectSpread({}, props), {}, {
+          fieldErrors: props.fieldErrors
+        }))
+      })));
+    } else {
+      content = /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(Component, _extends({}, rest, getDefaultProps(props), {
+        label: label,
+        name: name,
+        errorMessages: (0, _helpers.getErrorMessages)(_objectSpread(_objectSpread({}, props), {}, {
+          fieldErrors: props.fieldErrors
+        }))
+      })));
+    }
+  }
+  if (cols) return /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
+    cols: cols
+  }, content);
+  return content;
+};
+var _default = exports.default = (0, _withFieldHOC.default)(FieldArray);

package/lib/form/FieldNumber.d.ts

@@ -0,0 +1,14 @@
+import React__default from 'react';
+import { IFieldProps } from './types.js';
+import '../inputs/select/types.js';
+import '../@types/Align.js';
+import '../@types/DataCombo.js';
+import '../@types/PermissionAttr.js';
+import '../inputs/base/types.js';
+import '../@types/Period.js';
+import '../internals/types.js';
+import '../@types/Position.js';
+
+declare const _default: React__default.ForwardRefExoticComponent<IFieldProps & React__default.RefAttributes<HTMLElement>>;
+
+export { _default as default };

package/lib/form/FieldNumber.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _lodash = _interopRequireDefault(require("lodash"));
+var _withFieldHOC = _interopRequireDefault(require("./withFieldHOC"));
+var _helpers = require("./helpers");
+var constants = _interopRequireWildcard(require("../internals/constants"));
+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(e) { return e && e.__esModule ? e : { default: e }; }
+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 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 getEventProps = _ref => {
+  let {
+    name,
+    validators,
+    onBlur,
+    onKeyDown,
+    onChange,
+    handlerFieldValidate,
+    handlerFieldChange,
+    component
+  } = _ref;
+  return {
+    onBlur: e => {
+      if (component?.name !== 'NumberField' && handlerFieldChange) handlerFieldChange(e);
+      if (validators && handlerFieldValidate) handlerFieldValidate(name, e.target.value, validators);
+      if (onBlur) onBlur(e);
+    },
+    onKeyDown: e => {
+      if ([constants.keyCodes.ENTER].includes(e.keyCode)) {
+        if (validators) handlerFieldValidate?.(name, e.target.value, validators);
+        if (onKeyDown) onKeyDown(e);
+      }
+    },
+    onChange: e => {
+      if (component?.name === 'NumberField') {
+        if (validators && e.target && handlerFieldValidate) {
+          handlerFieldValidate(name, e.target.value, validators);
+        }
+        if (handlerFieldChange) handlerFieldChange(e);
+      }
+      if (onChange) onChange(e);
+    }
+  };
+};
+const FieldMask = props => {
+  const {
+    data,
+    name
+  } = props;
+  const currentValue = _lodash.default.get(data, name);
+  return /*#__PURE__*/_react.default.createElement(props.component, _extends({}, props, getEventProps(_objectSpread({}, props)), {
+    errorMessages: (0, _helpers.getErrorMessages)(_objectSpread(_objectSpread({}, props), {}, {
+      fieldErrors: props.fieldErrors
+    })),
+    value: currentValue
+  }));
+};
+var _default = exports.default = (0, _withFieldHOC.default)(FieldMask);

package/lib/form/FieldPeriod.d.ts

@@ -0,0 +1,14 @@
+import React__default from 'react';
+import { IFieldPeriodProps } from './types.js';
+import '../inputs/select/types.js';
+import '../@types/Align.js';
+import '../@types/DataCombo.js';
+import '../@types/PermissionAttr.js';
+import '../inputs/base/types.js';
+import '../@types/Period.js';
+import '../internals/types.js';
+import '../@types/Position.js';
+
+declare const _default: React__default.ForwardRefExoticComponent<IFieldPeriodProps & React__default.RefAttributes<HTMLElement>>;
+
+export { _default as default };

package/lib/form/FieldPeriod.js

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _lodash = _interopRequireDefault(require("lodash"));
+var _gridlayout = _interopRequireDefault(require("../gridlayout"));
+var _withFieldHOC = _interopRequireDefault(require("./withFieldHOC"));
+var _helpers = require("./helpers");
+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); }
+const FieldPeriod = props => {
+  const {
+    data,
+    nameDateInitial,
+    nameDateFinal,
+    handlerFieldChange,
+    handlerFieldValidate: handlerFieldValidate,
+    fieldErrors,
+    externalMessagesErrors,
+    onChange,
+    validators,
+    originalData,
+    gridLayout,
+    component: Component,
+    name,
+    externalFieldErrors
+  } = props;
+  let content = null;
+  const [showValidateMessages, setShowValidateMessages] = (0, _react.useState)(false);
+  const currentValue = _lodash.default.get(data, name);
+  const originalValue = _lodash.default.get(originalData, name);
+  (0, _react.useEffect)(() => {
+    if (!_lodash.default.isEqual(currentValue, originalValue) && currentValue && (!!currentValue || currentValue === 0 || Array.isArray(currentValue) && currentValue.length > 0)) {
+      setShowValidateMessages(true);
+    } else if (_lodash.default.isEmpty(data) || _lodash.default.every(data, _lodash.default.isEmpty) || _lodash.default.isEqual(currentValue, originalValue)) {
+      setShowValidateMessages(false);
+    }
+  }, [currentValue]);
+  const errorMessages = (0, _helpers.getErrorMessages)({
+    name,
+    fieldErrors: showValidateMessages ? fieldErrors : {},
+    externalFieldErrors,
+    externalMessagesErrors
+  });
+  if (Component) {
+    content = /*#__PURE__*/_react.default.createElement(Component, _extends({}, props, {
+      errorMessages: errorMessages,
+      onChange: (__, ___, _ref) => {
+        let {
+          initial,
+          final
+        } = _ref;
+        if (validators && handlerFieldValidate) {
+          handlerFieldValidate(nameDateInitial, {
+            [nameDateInitial]: initial,
+            [nameDateFinal]: final
+          }, validators);
+          setShowValidateMessages(true);
+        }
+        if (handlerFieldChange) {
+          handlerFieldChange({
+            target: {
+              name,
+              value: {
+                [nameDateInitial]: initial,
+                [nameDateFinal]: final
+              }
+            }
+          });
+        }
+        if (onChange) onChange({
+          initial,
+          final
+        });
+      },
+      value: {
+        initial: _lodash.default.get(data, `${name}.${nameDateInitial}`),
+        final: _lodash.default.get(data, `${name}.${nameDateFinal}`)
+      }
+    }));
+  }
+  if (gridLayout !== undefined) {
+    return /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
+      customClass: "-withinput",
+      cols: gridLayout,
+      style: {
+        height: '100%'
+      }
+    }, content);
+  }
+  return content;
+};
+var _default = exports.default = (0, _withFieldHOC.default)(FieldPeriod);

package/lib/form/helpers.d.ts

@@ -0,0 +1,19 @@
+import React__default from 'react';
+import { FormContextProps, IWithFieldContext, IGetErrorMessagesParams, Validator } from './types.js';
+import '../inputs/select/types.js';
+import '../@types/Align.js';
+import '../@types/DataCombo.js';
+import '../@types/PermissionAttr.js';
+import '../inputs/base/types.js';
+import '../@types/Period.js';
+import '../internals/types.js';
+import '../@types/Position.js';
+
+declare const securityBeforeUnload = "securityBeforeUnload";
+declare const FormContext: React__default.Context<FormContextProps>;
+declare const withFieldContext: React__default.Context<IWithFieldContext>;
+declare const changeValue: (data: object, target: HTMLInputElement) => any;
+declare const getErrorMessages: ({ name, fieldErrors, externalFieldErrors, externalMessagesErrors, }: IGetErrorMessagesParams) => string[];
+declare const getValidatorsArray: (validators?: Validator | Validator[], validatorFromComponent?: Validator | Validator[]) => Validator[];
+
+export { FormContext, changeValue, getErrorMessages, getValidatorsArray, securityBeforeUnload, withFieldContext };

package/lib/form/helpers.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.withFieldContext = exports.securityBeforeUnload = exports.getValidatorsArray = exports.getErrorMessages = exports.changeValue = exports.FormContext = void 0;
+var _lodash = _interopRequireDefault(require("lodash"));
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const securityBeforeUnload = exports.securityBeforeUnload = 'securityBeforeUnload';
+const FormContext = exports.FormContext = /*#__PURE__*/_react.default.createContext({});
+const withFieldContext = exports.withFieldContext = /*#__PURE__*/_react.default.createContext({});
+const changeValue = (data, target) => {
+  const {
+    name,
+    value
+  } = target;
+  return _lodash.default.set(JSON.parse(JSON.stringify(data)), name, value);
+};
+exports.changeValue = changeValue;
+const getErrorMessages = _ref => {
+  let {
+    name,
+    fieldErrors,
+    externalFieldErrors,
+    externalMessagesErrors
+  } = _ref;
+  let errors = externalMessagesErrors ? [...externalMessagesErrors] : [];
+  if (fieldErrors && fieldErrors[name]) {
+    errors = [...errors, ...fieldErrors[name]];
+  }
+  if (externalFieldErrors && externalFieldErrors[name]) {
+    errors = [...errors, ...externalFieldErrors[name]];
+  }
+  return errors;
+};
+exports.getErrorMessages = getErrorMessages;
+const getValidatorsArray = (validators, validatorFromComponent) => {
+  let validatorsArray = [];
+  if (validators && validatorFromComponent) {
+    validatorsArray = !_lodash.default.isArray(validators) ? [validators] : validators;
+    validatorsArray = !_lodash.default.isArray(validatorFromComponent) ? [...validatorsArray, validatorFromComponent] : [...validatorsArray, ...validatorFromComponent];
+  } else if (validatorFromComponent) {
+    validatorsArray = !_lodash.default.isArray(validatorFromComponent) ? [validatorFromComponent] : validatorFromComponent;
+  } else if (validators) {
+    validatorsArray = !(validators instanceof Array) ? [validators] : validators;
+  }
+  return validatorsArray;
+};
+exports.getValidatorsArray = getValidatorsArray;

package/lib/form/index.d.ts

@@ -0,0 +1,18 @@
+export { default as Field } from './Field.js';
+export { default as FieldNumber } from './FieldNumber.js';
+export { default as FieldArray } from './FieldArray.js';
+export { default as FieldPeriod } from './FieldPeriod.js';
+import { FormProps } from './types.js';
+import 'react';
+import '../inputs/select/types.js';
+import '../@types/Align.js';
+import '../@types/DataCombo.js';
+import '../@types/PermissionAttr.js';
+import '../inputs/base/types.js';
+import '../@types/Period.js';
+import '../internals/types.js';
+import '../@types/Position.js';
+
+declare const Form: ({ submitOnPressEnterKey, dataSource, securityBeforeUnload, handlerReset, handlerSubmit, handlerValidates, style, customClass, securityTitle, securityText, securityData, onDataChange, onValidateForm, externalFieldErrors, onSubmit, skeletonize, disabled, children, useInternalState, }: FormProps) => JSX.Element;
+
+export { Form as default };