linear-react-components-ui 1.1.25-rc.2 → 1.1.26-beta-0

package/lib/form/FieldPeriod.js

@@ -1,101 +1,64 @@
-"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 _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); }
-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 FieldPeriod = props => {
+import { j as x } from "../chunks/jsx-runtime.CYK1ROHF.js";
+import { useState as V, useEffect as $ } from "react";
+import e from "lodash";
+import '../assets/gridlayout.css';/* empty css                            */
+import j from "../gridlayout/GridCol.js";
+import w from "./withFieldHOC.js";
+import { getErrorMessages as D } from "./helpers.js";
+const q = (m) => {
   const {
-    data,
-    nameDateInitial,
-    nameDateFinal,
-    handlerFieldChange,
-    handlerFieldValidate: handlerFieldValidate,
-    fieldErrors,
-    externalMessagesErrors,
-    onChange,
-    validators,
-    originalData,
-    component: Component,
-    name,
-    externalFieldErrors,
-    handleValidationErrorsOnTab
-  } = 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
-  });
-  const hasErrorsMessagesOnField = (0, _helpers.getErrorMessages)(_objectSpread(_objectSpread({}, props), {}, {
-    fieldErrors: props.fieldErrors
-  }));
-  if (handleValidationErrorsOnTab) handleValidationErrorsOnTab({
-    name: name,
-    tabId: props.tabId,
-    hasErrors: !!hasErrorsMessagesOnField.length
+    data: s,
+    nameDateInitial: a,
+    nameDateFinal: o,
+    handlerFieldChange: f,
+    handlerFieldValidate: g,
+    fieldErrors: y,
+    externalMessagesErrors: C,
+    onChange: u,
+    validators: c,
+    originalData: F,
+    gridLayout: h,
+    component: p,
+    name: r,
+    externalFieldErrors: _
+  } = m;
+  let i = null;
+  const [v, l] = V(!1), t = e.get(s, r), E = e.get(F, r);
+  $(() => {
+    !e.isEqual(t, E) && t && (t || t === 0 || Array.isArray(t) && t.length > 0) ? l(!0) : (e.isEmpty(s) || e.every(s, e.isEmpty) || e.isEqual(t, E)) && l(!1);
+  }, [t]);
+  const M = D({
+    name: r,
+    fieldErrors: v ? y : {},
+    externalFieldErrors: _,
+    externalMessagesErrors: C
   });
-  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
-              }
+  return p && (i = /* @__PURE__ */ x.jsx(
+    p,
+    {
+      ...m,
+      errorMessages: M,
+      onChange: (A, P, { initial: n, final: d }) => {
+        c && g && (g(a, {
+          [a]: n,
+          [o]: d
+        }, c), l(!0)), f && f({
+          target: {
+            name: r,
+            value: {
+              [a]: n,
+              [o]: d
             }
-          });
-        }
-        if (onChange) onChange({
-          initial,
-          final
-        });
+          }
+        }), u && u({ initial: n, final: d });
       },
       value: {
-        initial: _lodash.default.get(data, `${name}.${nameDateInitial}`),
-        final: _lodash.default.get(data, `${name}.${nameDateFinal}`)
+        initial: e.get(s, `${r}.${a}`),
+        final: e.get(s, `${r}.${o}`)
       }
-    }));
-  }
-  return content;
+    }
+  )), h !== void 0 ? /* @__PURE__ */ x.jsx(j, { customClass: "-withinput", cols: h, style: { height: "100%" }, children: i }) : i;
+}, b = w(q);
+export {
+  b as default
 };
-var _default = exports.default = (0, _withFieldHOC.default)(FieldPeriod);

package/lib/form/helpers.d.ts

@@ -1,19 +1,8 @@
-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 };
+import { default as React } from 'react';
+import { FormContextProps, IGetErrorMessagesParams, IWithFieldContext, Validator } from './types';
+export declare const securityBeforeUnload = "securityBeforeUnload";
+export declare const FormContext: React.Context<FormContextProps>;
+export declare const withFieldContext: React.Context<IWithFieldContext>;
+export declare const changeValue: (data: object, target: HTMLInputElement) => any;
+export declare const getErrorMessages: ({ name, fieldErrors, externalFieldErrors, externalMessagesErrors, }: IGetErrorMessagesParams) => string[];
+export declare const getValidatorsArray: (validators?: Validator | Validator[], validatorFromComponent?: Validator | Validator[]) => Validator[];

package/lib/form/helpers.js

@@ -1,50 +1,25 @@
-"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);
+import y from "lodash";
+import u from "react";
+const _ = "securityBeforeUnload", h = u.createContext({}), x = u.createContext({}), B = (e, c) => {
+  const { name: t, value: s } = c;
+  return y.set(JSON.parse(JSON.stringify(e)), t, s);
+}, J = ({
+  name: e,
+  fieldErrors: c,
+  externalFieldErrors: t,
+  externalMessagesErrors: s
+}) => {
+  let f = s ? [...s] : [];
+  return c && c[e] && (f = [...f, ...c[e]]), t && t[e] && (f = [...f, ...t[e]]), f;
+}, N = (e, c) => {
+  let t = [];
+  return e && c ? (t = y.isArray(e) ? e : [e], t = y.isArray(c) ? [...t, ...c] : [...t, c]) : c ? t = y.isArray(c) ? c : [c] : e && (t = e instanceof Array ? e : [e]), t;
 };
-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;
+export {
+  h as FormContext,
+  B as changeValue,
+  J as getErrorMessages,
+  N as getValidatorsArray,
+  _ as securityBeforeUnload,
+  x as withFieldContext
 };
-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

@@ -1,18 +1,8 @@
-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, onValidateErrorsOnTab, }: FormProps) => JSX.Element;
-
-export { Form as default };
+import { default as Field } from './Field';
+import { default as FieldNumber } from './FieldNumber';
+import { default as FieldArray } from './FieldArray';
+import { default as FieldPeriod } from './FieldPeriod';
+import { FormProps } from './types';
+declare const Form: ({ submitOnPressEnterKey, dataSource, securityBeforeUnload, handlerReset, handlerSubmit, handlerValidates, style, customClass, securityTitle, securityText, securityData, onDataChange, onValidateForm, externalFieldErrors, onSubmit, skeletonize, disabled, children, useInternalState, }: FormProps) => import("react/jsx-runtime").JSX.Element;
+export default Form;
+export { Field, FieldNumber, FieldArray, FieldPeriod, };