@geneui/components 3.0.0-next-06dadf3-29102024 → 3.0.0-next-48d0ef7-31102024

package/ValidatableMultiSelectDropdown/index.js

@@ -1,152 +0,0 @@
-import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
-import React__default, { forwardRef, useState, useCallback, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import useMount from '../hooks/useMount.js';
-import '../configs-00612ce0.js';
-import { n as noop } from '../index-5f37f281.js';
-import { D as Dropdown } from '../index-ce12e4a9.js';
-import '../dateValidation-67caec66.js';
-import '../_commonjsHelpers-24198af3.js';
-import 'react-dom';
-import '../objectWithoutPropertiesLoose-e1596bdb.js';
-import '../react-lifecycles-compat.es-6e1f3768.js';
-import '../clsx.m-2bb6df4b.js';
-import '../index-031ff73c.js';
-import '../hooks/useClick.js';
-import '../hooks/useKeyDown.js';
-import '../hooks/useDeviceType.js';
-import '../hooks/useWindowSize.js';
-import '../hooks/useDebounce.js';
-import '../hooks/useClickOutside.js';
-import '../hooks/useUpdatableRef.js';
-import '../hooks/useForceUpdate.js';
-import '../useEllipsisDetection-c1c9ad94.js';
-import '../BusyLoader/index.js';
-import '../Icon/index.js';
-import '../style-inject.es-746bb8ed.js';
-import '../Empty/index.js';
-import '../tslib.es6-f211516f.js';
-import '../index-3188e46e.js';
-import '../index-122432cd.js';
-import '../Scrollbar/index.js';
-import '../GeneUIProvider/index.js';
-import '../debounce-4419bc2f.js';
-import '../index-c7646e48.js';
-import '../ExtendedInput/index.js';
-import '../SuggestionList/index.js';
-import '../config-1053d64d.js';
-import '../callAfterDelay-7272faca.js';
-import '../Checkbox/index.js';
-import '../checkboxRadioSwitcher-5b69d7bd.js';
-import '../guid-8ddf77b3.js';
-import '../index-fcbae78d.js';
-import '../Tag/index.js';
-
-function checkValidation(required, isValid, value, min, max) {
-  const length = value === null || value === void 0 ? void 0 : value.length;
-  if (isValid === false) return {
-    key: 'customValidation',
-    isValid: false
-  };
-  if (!length && required) return {
-    key: 'required',
-    isValid: false
-  };
-  if (min && length < min) return {
-    key: 'min',
-    isValid: false
-  };
-  if (max && length > max) return {
-    key: 'max',
-    isValid: false
-  };
-  return {
-    key: null,
-    isValid: true
-  };
-}
-const MultiSelectDropdownField = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-    onChange,
-    value,
-    isValid,
-    required,
-    min,
-    max,
-    isFieldValid,
-    valueKey,
-    forceAllowValidation,
-    ...restProps
-  } = props;
-  const isControlled = 'value' in props && typeof value !== 'undefined';
-  const [val, setVal] = useState(value || []);
-  const [validationState, setValidationState] = useState(true);
-  const [allowValidation, setAllowValidation] = useState(false);
-  const validate = useCallback(() => checkValidation(required, isValid, val, min, max).isValid, [required, isValid, val, min, max]);
-  const handleChange = useCallback(e => {
-    const validation = checkValidation(required, isValid, e, min, max);
-    setValidationState(validation.isValid);
-    setVal(e.map(item => item[valueKey]));
-    onChange && onChange(e, validation.isValid, validation.key);
-  }, [required, isValid, min, max, onChange, valueKey]);
-
-  // we use this because need to show field validation after onClose
-  const onBlur = useCallback(() => setAllowValidation(true), []);
-  const onClear = useCallback(() => {
-    const validState = checkValidation(required, isValid, []).isValid;
-    setValidationState(validState);
-  }, [required, isValid]);
-  useEffect(() => {
-    isControlled && setValidationState(validate());
-  }, [isControlled, validate]);
-  useEffect(() => {
-    setVal(value);
-  }, [value]);
-
-  // need this for handling user's `isValid` prop
-  useEffect(() => {
-    setValidationState(isValid);
-  }, [isValid]);
-
-  // call function when validation state changes
-  useEffect(() => {
-    isFieldValid(validationState);
-  }, [validationState]);
-
-  // set Allow validation true if submit button clicked
-  useEffect(() => {
-    forceAllowValidation && setAllowValidation(true);
-  }, [forceAllowValidation]);
-  useMount(() => setValidationState(validate()));
-  return /*#__PURE__*/React__default.createElement(Dropdown, _extends({
-    required: required,
-    ref: ref,
-    value: val,
-    isMultiSelect: true,
-    isValid: !allowValidation || validationState,
-    onChange: handleChange,
-    onBlur: onBlur,
-    valueKey: valueKey,
-    onClear: onClear
-  }, restProps));
-});
-MultiSelectDropdownField.propTypes = {
-  min: PropTypes.number,
-  max: PropTypes.number,
-  valueKey: PropTypes.string,
-  value: PropTypes.any,
-  onChange: PropTypes.func,
-  required: PropTypes.bool,
-  readOnly: PropTypes.bool,
-  isValid: PropTypes.bool,
-  forceAllowValidation: PropTypes.bool,
-  isFieldValid: PropTypes.func
-};
-MultiSelectDropdownField.defaultProps = {
-  required: false,
-  readOnly: false,
-  isFieldValid: noop,
-  valueKey: 'value'
-};
-
-export { MultiSelectDropdownField as default };

package/ValidatableNumberInput/index.js

@@ -1,204 +0,0 @@
-import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
-import React__default, { forwardRef, useState, useCallback, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import { n as noop } from '../index-5f37f281.js';
-import useMount from '../hooks/useMount.js';
-import '../configs-00612ce0.js';
-import ExtendedInput from '../ExtendedInput/index.js';
-import '../dateValidation-67caec66.js';
-import '../_commonjsHelpers-24198af3.js';
-import 'react-dom';
-import '../index-031ff73c.js';
-import '../hooks/useDeviceType.js';
-import '../hooks/useWindowSize.js';
-import '../hooks/useDebounce.js';
-import '../useEllipsisDetection-c1c9ad94.js';
-import '../Icon/index.js';
-import '../style-inject.es-746bb8ed.js';
-import '../SuggestionList/index.js';
-import '../hooks/useKeyDown.js';
-import '../hooks/useClickOutside.js';
-import '../config-1053d64d.js';
-import '../Scrollbar/index.js';
-import '../callAfterDelay-7272faca.js';
-import '../index-c7646e48.js';
-import '../tslib.es6-f211516f.js';
-import '../GeneUIProvider/index.js';
-
-const validateMin = (value, min) => value >= min;
-const validateMax = (value, max) => value <= max;
-const validateFloat = (value, precisionMin, precisionMax) => {
-  const decimalPlaces = (value.split('.')[1] || []).length;
-  if (precisionMax && decimalPlaces > precisionMax) return false;
-  return true;
-};
-function checkValidation(required, isValid, min, max, numberType, precisionMin, precisionMax) {
-  let value = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : '';
-  const numberedValue = Number(value);
-  if (isValid === false) return {
-    key: 'customValidation',
-    isValid: false
-  };
-  if (numberType === 'integer' && !Number.isInteger(numberedValue)) return {
-    key: 'isInteger',
-    isValid: false
-  };
-  if (numberType === 'float' && !validateFloat(value, precisionMin, precisionMax)) return {
-    key: 'isFloat',
-    isValid: false
-  };
-  if (min != null && value && !validateMin(numberedValue, min)) return {
-    key: 'min',
-    isValid: false
-  };
-  if (max != null && value && !validateMax(numberedValue, max)) return {
-    key: 'max',
-    isValid: false
-  };
-  if (required && !value.length) return {
-    key: 'required',
-    isValid: false
-  };
-  return {
-    key: null,
-    isValid: true
-  };
-}
-const NumberInput = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-    onBlur,
-    required,
-    isValid,
-    numberType,
-    precisionMin,
-    precisionMax,
-    min,
-    max,
-    onChange,
-    value,
-    isFieldValid,
-    forceAllowValidation,
-    forceValidateDuringChange,
-    ...restProps
-  } = props;
-  const isControlled = 'value' in props && typeof value !== 'undefined';
-  const [validationState, setValidationState] = useState(true);
-  const [allowValidation, setAllowValidation] = useState(false);
-  const validate = useCallback(() => checkValidation(required, isValid, min, max, numberType, precisionMin, precisionMax, value || '').isValid, [required, isValid, min, max, value, numberType, precisionMin, precisionMax]);
-  const handleChange = useCallback(e => {
-    const {
-      value
-    } = e.target;
-    const validation = checkValidation(required, isValid, min, max, numberType, precisionMin, precisionMax, value);
-    setValidationState(validation.isValid);
-    onChange(e, validation.isValid, validation.key);
-    forceValidateDuringChange && setAllowValidation(true);
-  }, [onChange, min, max, required, isValid, numberType, precisionMin, precisionMax, forceValidateDuringChange]);
-
-  // we use this because need to show field validation after onBlur
-  const handleBlur = useCallback(e => {
-    const {
-      value,
-      validity
-    } = e.target;
-    if (validity.badInput && !value.length) {
-      e.target.value = '';
-    }
-    onBlur(e);
-    setAllowValidation(true);
-  }, [onBlur]);
-  useEffect(() => {
-    isControlled && setValidationState(validate());
-  }, [isControlled, validate]);
-
-  // this for handling required prop changes
-  useEffect(() => {
-    setValidationState(validate());
-  }, [required]);
-
-  // need this for handling user's `isValid` prop
-  useEffect(() => {
-    setValidationState(isValid);
-  }, [isValid]);
-
-  // call function when validation state changes
-  useEffect(() => {
-    isFieldValid(validationState);
-  }, [validationState]);
-
-  // set Allow validation true if submit button clicked
-  useEffect(() => {
-    forceAllowValidation && setAllowValidation(true);
-  }, [forceAllowValidation]);
-  useMount(() => setValidationState(validate()));
-  return /*#__PURE__*/React__default.createElement(ExtendedInput, _extends({
-    min: min,
-    max: max,
-    ref: ref,
-    value: value,
-    isValid: !allowValidation || validationState,
-    onChange: handleChange,
-    onBlur: handleBlur,
-    required: required,
-    type: "number"
-  }, restProps));
-});
-NumberInput.propTypes = {
-  /**
-   * Maximum value
-   */
-  min: PropTypes.number,
-  /**
-   * Minimum value
-   */
-  max: PropTypes.number,
-  /**
-   * Value for number field
-   */
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  /**
-   * Callback fires when field changes
-   */
-  onChange: PropTypes.func,
-  /**
-   * Callback fires when input loose focus
-   */
-  onBlur: PropTypes.func,
-  /**
-   * Callback fires when field validation state changes
-   */
-  isFieldValid: PropTypes.func,
-  /**
-   * Additional validation state
-   */
-  isValid: PropTypes.bool,
-  /**
-   * Allow validation without onBlur, validate field when mount
-   */
-  forceAllowValidation: PropTypes.bool,
-  /**
-   * Define number type
-   */
-  numberType: PropTypes.oneOf(['integer', 'float']),
-  /**
-   * Precision minimum count
-   */
-  precisionMin: PropTypes.number,
-  /**
-   * Precision maximum count
-   */
-  precisionMax: PropTypes.number,
-  /**
-   * We use this props if we need to show validation of a field during onChange
-   */
-  forceValidateDuringChange: PropTypes.bool
-};
-NumberInput.defaultProps = {
-  isValid: true,
-  precisionMin: 0,
-  isFieldValid: noop,
-  onChange: noop,
-  onBlur: noop
-};
-
-export { NumberInput as default };

package/ValidatableRadio/index.js

@@ -1,116 +0,0 @@
-import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
-import React__default, { forwardRef, useState, useCallback, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import { n as noop } from '../index-5f37f281.js';
-import useMount from '../hooks/useMount.js';
-import '../configs-00612ce0.js';
-import RadioGroup from '../RadioGroup/index.js';
-import '../dateValidation-67caec66.js';
-import '../_commonjsHelpers-24198af3.js';
-import 'react-dom';
-import '../index-031ff73c.js';
-import '../Radio/index.js';
-import '../checkboxRadioSwitcher-5b69d7bd.js';
-import '../style-inject.es-746bb8ed.js';
-import '../guid-8ddf77b3.js';
-
-function checkValidation(required, isValid) {
-  let value = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
-  if (isValid === false) return {
-    key: 'customValidation',
-    isValid: false
-  };
-  if (required && (!value || value.length === 0)) return {
-    key: 'required',
-    isValid: false
-  };
-  return {
-    key: null,
-    isValid: true
-  };
-}
-const Radio = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-    onChange,
-    value,
-    isValid,
-    required,
-    isFieldValid,
-    forceAllowValidation,
-    ...restProps
-  } = props;
-  const isControlled = 'value' in props && typeof value !== 'undefined';
-  const [validationState, setValidationState] = useState(true);
-  const [allowValidation, setAllowValidation] = useState(false);
-  const validate = useCallback(() => checkValidation(required, isValid, value).isValid, [value, required, isValid]);
-  const handleChange = useCallback(e => {
-    const {
-      value
-    } = e.target;
-    const validation = checkValidation(required, isValid, value);
-    setValidationState(validation.isValid);
-    onChange(e, validation.isValid, validation.key);
-  }, [onChange, required, isValid]);
-
-  // we use this because need to show field validation after onBlur
-  const onBlur = useCallback(() => setAllowValidation(true), []);
-  useEffect(() => {
-    isControlled && setValidationState(validate());
-  }, [isControlled, validate]);
-
-  // need this for handling user's `isValid` prop
-  useEffect(() => {
-    setValidationState(isValid);
-  }, [isValid]);
-
-  // call function when validation state changes
-  useEffect(() => {
-    isFieldValid(validationState);
-  }, [validationState]);
-
-  // set Allow validation true if submit button clicked
-  useEffect(() => {
-    forceAllowValidation && setAllowValidation(true);
-  }, [forceAllowValidation]);
-  useMount(() => setValidationState(validate()));
-  return /*#__PURE__*/React__default.createElement(RadioGroup, _extends({
-    ref: ref,
-    value: value,
-    isValid: !allowValidation || validationState,
-    onChange: handleChange,
-    onBlur: onBlur
-  }, restProps));
-});
-Radio.propTypes = {
-  /**
-   * Value for radio field
-   */
-  value: PropTypes.string,
-  /**
-   * Callback fires when radio field changes
-   */
-  onChange: PropTypes.func,
-  /**
-   * Define is field required or no.
-   */
-  required: PropTypes.bool,
-  /**
-   * Callback fires when field validation state changes
-   */
-  isFieldValid: PropTypes.func,
-  /**
-   * Additional validation state
-   */
-  isValid: PropTypes.bool,
-  /**
-   * Allow validation without onBlur, validate field when mount
-   */
-  forceAllowValidation: PropTypes.bool
-};
-Radio.defaultProps = {
-  isValid: true,
-  isFieldValid: noop,
-  onChange: noop
-};
-
-export { Radio as default };

package/ValidatableSwitcher/index.js

@@ -1,93 +0,0 @@
-import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
-import React__default, { forwardRef, useState, useCallback, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import { n as noop } from '../index-5f37f281.js';
-import useMount from '../hooks/useMount.js';
-import '../configs-00612ce0.js';
-import Switcher from '../Switcher/index.js';
-import '../dateValidation-67caec66.js';
-import '../_commonjsHelpers-24198af3.js';
-import 'react-dom';
-import '../index-031ff73c.js';
-import '../hooks/useKeyDown.js';
-import '../checkboxRadioSwitcher-5b69d7bd.js';
-import '../style-inject.es-746bb8ed.js';
-import '../guid-8ddf77b3.js';
-
-function checkValidation(value, required, isValid) {
-  if (required && !value) return {
-    key: 'required',
-    isValid: false
-  };
-  if (isValid === false) return {
-    key: 'customValidation',
-    isValid: false
-  };
-  return {
-    key: null,
-    isValid: true
-  };
-}
-const SwitcherElement = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-    onChange,
-    isValid,
-    required,
-    isFieldValid,
-    forceAllowValidation,
-    ...restProps
-  } = props;
-  const isControlled = ('checked' in props);
-  const [validationState, setValidationState] = useState(true);
-  const [allowValidation, setAllowValidation] = useState(false);
-  const [value, setValue] = useState(false);
-  const localValue = isControlled ? props.checked : value;
-  const validate = useCallback(() => checkValidation(localValue, required, isValid).isValid, [localValue, required, isValid]);
-  const handleChange = useCallback(e => {
-    const validation = checkValidation(e.target.checked, required, isValid);
-    setAllowValidation(true);
-    !isControlled && setValidationState(validation.isValid);
-    setValue(e.target.checked);
-    onChange(e, validation.isValid, validation.key);
-  }, [required, isValid, isControlled, onChange]);
-  useEffect(() => {
-    isControlled && setValidationState(validate());
-  }, [isControlled, validate]);
-
-  // need this for handling user's `isValid` prop
-  useEffect(() => {
-    setValidationState(isValid);
-  }, [isValid]);
-
-  // call function when validation state changes
-  useEffect(() => {
-    isFieldValid(validationState);
-  }, [validationState]);
-
-  // set Allow validation true if submit button clicked
-  useEffect(() => {
-    forceAllowValidation && setAllowValidation(true);
-  }, [forceAllowValidation]);
-  useMount(() => setValidationState(validate()));
-  return /*#__PURE__*/React__default.createElement(Switcher, _extends({
-    ref: ref,
-    isValid: !allowValidation || validationState,
-    onChange: handleChange,
-    required: required
-  }, restProps));
-});
-SwitcherElement.propTypes = {
-  onChange: PropTypes.func,
-  required: PropTypes.bool,
-  checked: PropTypes.bool,
-  isFieldValid: PropTypes.func,
-  isValid: PropTypes.bool,
-  forceAllowValidation: PropTypes.bool
-};
-SwitcherElement.defaultProps = {
-  isValid: true,
-  isFieldValid: noop,
-  onChange: noop
-};
-
-export { SwitcherElement as default };