linear-react-components-ui 1.1.27-rc.1 → 2.0.0-beta.1

package/lib/form2/useForm/index.d.ts

@@ -1,5 +0,0 @@
-import { UseFormProps, UseFormReturn } from '../types.js';
-
-declare const useForm: <ValuesType extends Record<string, any>>({ initialValues, validators, options, }: UseFormProps<ValuesType>) => UseFormReturn<ValuesType>;
-
-export { useForm as default };

package/lib/form2/useForm/index.js

@@ -1,210 +0,0 @@
-"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,6 +0,0 @@
-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,34 +0,0 @@
-"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;
-};
-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,6 +0,0 @@
-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,31 +0,0 @@
-"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,8 +0,0 @@
-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,16 +0,0 @@
-"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,20 +0,0 @@
-import { ReactNode, CSSProperties } from 'react';
-
-interface IGridCol {
-    children?: ReactNode | ReactNode[];
-    cols?: string;
-    customClass?: string;
-    style?: CSSProperties;
-    visible?: boolean;
-}
-interface IGridRow {
-    children?: ReactNode | ReactNode[];
-    verticalAlign?: 'start' | 'center' | 'end' | 'baseline' | 'stretch';
-    horizontalAlign?: string;
-    style?: CSSProperties;
-    withTrim?: boolean;
-    visible?: boolean;
-    customClass?: string;
-}
-
-export { IGridCol, IGridRow };

package/lib/gridlayout/types.js

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

package/lib/hint/helpers.d.ts

@@ -1,3 +0,0 @@
-declare const showHintList: (arrayHint: string[]) => JSX.Element;
-
-export { showHintList };

package/lib/hint/helpers.js

@@ -1,21 +0,0 @@
-"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,7 +0,0 @@
-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 +0,0 @@
-"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,14 +0,0 @@
-import { CSSProperties } from 'react';
-import { ColorStyles } from '../@types/ColorStyles.js';
-
-interface HintProps {
-    description?: string | string[];
-    visible?: boolean;
-    customClass?: string;
-    skeletonize?: boolean;
-    disabled?: boolean;
-    style?: CSSProperties;
-    color?: ColorStyles;
-}
-
-export { HintProps };

package/lib/hint/types.js

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