@rescui/input 0.12.4-RUI-257-collapse-prop-types-warning-dbcf0473.1 → 0.12.4-RUI-262-Migrate-to-GH-Actions-Release-dummy-8695a904.3

package/lib/index.d.ts

@@ -1,62 +0,0 @@
-/// <reference types="react" />
-/**
- * @deprecated use named import instead
- */
-declare const DefaultInput: import("react").ForwardRefExoticComponent<{
-    id?: string;
-    className?: string;
-    placeholder?: string;
-    disabled?: boolean;
-    error?: import("react").ReactNode;
-    busy?: boolean;
-    onChange?: import("react").ChangeEventHandler<HTMLInputElement>;
-    onFocus?: import("react").FocusEventHandler<HTMLInputElement>;
-    onBlur?: import("react").FocusEventHandler<HTMLInputElement>;
-    onClear?: import("react").MouseEventHandler<HTMLButtonElement>;
-    onMouseEnter?: import("react").MouseEventHandler<HTMLInputElement>;
-    onMouseLeave?: import("react").MouseEventHandler<HTMLInputElement>;
-    mode?: import("./input").InputMode;
-    size?: import("./input").InputSize;
-    theme?: import("./input").InputTheme;
-    type?: import("./input").InputType;
-    value?: string | number | string[];
-    icon?: import("react").ReactNode;
-    iconType?: import("./input").InputIconType;
-    label?: import("react").ReactNode;
-    note?: import("react").ReactNode;
-    name?: string;
-    clearIcon?: import("react").ReactNode;
-    suffix?: import("react").ReactNode;
-    offSystemMicroelements?: boolean;
-    boldLabel?: boolean;
-} & Omit<import("react").HTMLProps<HTMLInputElement>, keyof {
-    id?: string;
-    className?: string;
-    placeholder?: string;
-    disabled?: boolean;
-    error?: import("react").ReactNode;
-    busy?: boolean;
-    onChange?: import("react").ChangeEventHandler<HTMLInputElement>;
-    onFocus?: import("react").FocusEventHandler<HTMLInputElement>;
-    onBlur?: import("react").FocusEventHandler<HTMLInputElement>;
-    onClear?: import("react").MouseEventHandler<HTMLButtonElement>;
-    onMouseEnter?: import("react").MouseEventHandler<HTMLInputElement>;
-    onMouseLeave?: import("react").MouseEventHandler<HTMLInputElement>;
-    mode?: import("./input").InputMode;
-    size?: import("./input").InputSize;
-    theme?: import("./input").InputTheme;
-    type?: import("./input").InputType;
-    value?: string | number | string[];
-    icon?: import("react").ReactNode;
-    iconType?: import("./input").InputIconType;
-    label?: import("react").ReactNode;
-    note?: import("react").ReactNode;
-    name?: string;
-    clearIcon?: import("react").ReactNode;
-    suffix?: import("react").ReactNode;
-    offSystemMicroelements?: boolean;
-    boldLabel?: boolean;
-} | "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-export default DefaultInput;
-export { Input } from './input';
-export type { InputProps } from './input';

package/lib/index.js

@@ -1,9 +0,0 @@
-import './index.css';
-import { Input } from './input.js';
-export { Input } from './input.js';
-/**
- * @deprecated use named import instead
- */
-
-const DefaultInput = Input;
-export { DefaultInput as default };

package/lib/input.d.ts

@@ -1,89 +0,0 @@
-import * as React from 'react';
-export declare type InputMode = 'classic' | 'rock';
-export declare type InputSize = 'l' | 'm' | 's';
-export declare type InputTheme = 'light' | 'dark';
-export declare type InputType = 'text' | 'email' | 'search' | 'date' | 'time' | 'password' | 'number' | 'file' | 'url' | 'tel';
-export declare type InputIconType = 'left' | 'right' | 'rightAction' | 'rightActionFocusable';
-declare type InputExclusiveProps = {
-    id?: string;
-    className?: string;
-    placeholder?: string;
-    /**
-     * Disable input
-     */
-    disabled?: boolean;
-    /**
-     * Error state flag
-     */
-    error?: boolean | React.ReactNode;
-    /**
-     * Set busy state
-     */
-    busy?: boolean;
-    /**
-     * Change value callback. `value => ...`
-     */
-    onChange?: React.ChangeEventHandler<HTMLInputElement>;
-    /**
-     * Focus input callback
-     */
-    onFocus?: React.FocusEventHandler<HTMLInputElement>;
-    /**
-     * Blur input callback
-     */
-    onBlur?: React.FocusEventHandler<HTMLInputElement>;
-    /**
-     * Clear input callback, clear button appears when this callback provided and input is not empty
-     */
-    onClear?: React.MouseEventHandler<HTMLButtonElement>;
-    /**
-     * `mouseEnter` input callback
-     */
-    onMouseEnter?: React.MouseEventHandler<HTMLInputElement>;
-    /**
-     * `mouseLeave` input callback
-     */
-    onMouseLeave?: React.MouseEventHandler<HTMLInputElement>;
-    /**
-     * Mode of the input - classic or rock
-     */
-    mode?: InputMode;
-    /**
-     * Size
-     */
-    size?: InputSize;
-    /**
-     * Appearance theme
-     */
-    theme?: InputTheme;
-    /**
-     * Change input behavior
-     */
-    type?: InputType;
-    /**
-     * Set value to control state of the input. `onChange` callback is required.
-     */
-    value?: string | number | string[];
-    /**
-     * Icon to place inside the input, supports only icons from `@rescui/icons` package or similar in structure
-     */
-    icon?: React.ReactNode;
-    /**
-     * Left or right decorative icon or right action (clickable) icon or right action focusable (by tab) icon.
-     */
-    iconType?: InputIconType;
-    label?: React.ReactNode;
-    note?: React.ReactNode;
-    name?: string;
-    /**
-     * Clear icon customization, supports only icons from `@rescui/icons` package
-     */
-    clearIcon?: React.ReactNode;
-    suffix?: React.ReactNode;
-    /** Turns off system microelements in input. For example turns off arrows for input[type='number'] */
-    offSystemMicroelements?: boolean;
-    boldLabel?: boolean;
-};
-export declare type InputProps = InputExclusiveProps & Omit<React.HTMLProps<HTMLInputElement>, keyof InputExclusiveProps | 'ref'>;
-export declare const Input: React.ForwardRefExoticComponent<InputExclusiveProps & Omit<React.HTMLProps<HTMLInputElement>, keyof InputExclusiveProps | "ref"> & React.RefAttributes<HTMLInputElement>>;
-export default Input;

package/lib/input.js

@@ -1,203 +0,0 @@
-"use client";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import cn from 'classnames';
-import { useThemeWithUndefined } from '@rescui/ui-contexts';
-import WarningIcon from './_virtual/warning.js';
-import CloseIcon from './_virtual/close.js';
-import styles from './input.p.module.css.js';
-import { RightIcons } from './parts/right-icons.js';
-import { CustomIcon } from './parts/custom-icon.js';
-const {
-  useEffect,
-  useRef,
-  useState
-} = React;
-const sizeStyles = {
-  l: styles.sizeL,
-  m: styles.sizeM,
-  s: styles.sizeS
-};
-const Input = /*#__PURE__*/React.forwardRef( // eslint-disable-next-line complexity
-(_ref, ref) => {
-  let {
-    id,
-    className,
-    placeholder,
-    disabled,
-    error,
-    busy,
-    onChange,
-    onFocus,
-    onBlur,
-    onClear,
-    mode = 'classic',
-    size = 'm',
-    theme: themeFromProps,
-    type = 'text',
-    value,
-    icon,
-    iconType = 'right',
-    label,
-    note,
-    clearIcon = /*#__PURE__*/React.createElement(CloseIcon, null),
-    suffix,
-    offSystemMicroelements,
-    style,
-    boldLabel,
-    ...restProps
-  } = _ref;
-  const theme = useThemeWithUndefined(themeFromProps); // replace with :focus-within when ie11 is not supported anymore
-
-  const [focused, setFocused] = useState(false);
-  const empty = !value;
-  const filled = !empty;
-  const enabled = !disabled;
-  const inputMouseDown = useRef(false);
-  const activeRef = useRef(false); // run effect only on unmount with final props
-
-  const unmountPropsRef = useRef({});
-  unmountPropsRef.current = {
-    type,
-    onChange
-  };
-  useEffect(() => () => {
-    if (unmountPropsRef.current.type === 'file' && unmountPropsRef.current.onChange) {
-      unmountPropsRef.current.onChange({
-        target: {
-          type: 'file',
-          files: null
-        }
-      });
-    }
-  }, []);
-  const renderLeftCustomIcon = icon && iconType === 'left';
-  const renderRightCustomIcon = icon && (iconType === 'right' || iconType === 'rightAction' || iconType === 'rightActionFocusable');
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn(styles.container, styles[theme], styles[mode], sizeStyles[size], {
-      [styles.focused]: focused,
-      [styles.filled]: filled,
-      [styles.enabled]: enabled,
-      [styles.error]: Boolean(error),
-      [styles.disabled]: disabled,
-      [styles.offSystemMicroelements]: offSystemMicroelements
-    }, className),
-    style: style,
-    "data-test": "input"
-  }, /*#__PURE__*/React.createElement("label", null, label && /*#__PURE__*/React.createElement("div", {
-    className: styles.label,
-    "data-rs-internal": boldLabel ? 'input__bold-label' : 'input__label'
-  }, label), /*#__PURE__*/React.createElement("div", {
-    className: styles.wrapper,
-    onFocus: () => {
-      setFocused(true);
-    },
-    onMouseUp: () => {
-      if (activeRef.current) {
-        setFocused(false);
-      }
-
-      activeRef.current = false;
-    },
-    onMouseDown: () => {
-      if (inputMouseDown.current) {
-        inputMouseDown.current = false;
-        return;
-      }
-
-      activeRef.current = true;
-    },
-    onMouseLeave: () => {
-      if (activeRef.current) {
-        setFocused(false);
-      }
-
-      activeRef.current = false;
-    },
-    onBlur: () => {
-      if (!activeRef.current) {
-        setFocused(false);
-      }
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.field
-  }, renderLeftCustomIcon && /*#__PURE__*/React.createElement(CustomIcon, {
-    icon: icon,
-    iconIsAction: false,
-    iconIsFocusable: false,
-    iconPosition: "left"
-  }), /*#__PURE__*/React.createElement("input", { ...restProps,
-    id: id,
-    className: styles.inner,
-    type: type,
-    disabled: disabled,
-    placeholder: placeholder,
-    onChange: onChange,
-    onFocus: onFocus,
-    onBlur: onBlur,
-    onMouseDown: e => {
-      inputMouseDown.current = true;
-
-      if (restProps.onMouseDown) {
-        restProps.onMouseDown(e);
-      }
-    },
-    value: value,
-    ref: ref,
-    "aria-invalid": Boolean(error),
-    "data-test": "input__inner",
-    "data-rs-internal": "input__inner"
-  }), /*#__PURE__*/React.createElement(RightIcons, {
-    icon: renderRightCustomIcon && icon,
-    iconIsAction: iconType === 'rightAction' || iconType === 'rightActionFocusable',
-    iconIsFocusable: iconType === 'rightActionFocusable',
-    clearIcon: clearIcon,
-    onClear: onClear,
-    empty: empty,
-    busy: busy
-  })), suffix && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-    className: styles.divider
-  }), /*#__PURE__*/React.createElement("div", {
-    className: styles.suffix,
-    "data-test": "input__suffix",
-    "data-rs-internal": "input__suffix"
-  }, suffix)))), error && typeof error !== 'boolean' && /*#__PURE__*/React.createElement("div", {
-    className: styles.errorMessage,
-    "data-test": "input__error-message",
-    "data-rs-internal": "input__error-message"
-  }, /*#__PURE__*/React.createElement(WarningIcon, {
-    className: styles.errorIcon,
-    "data-rs-internal": "input__error-icon",
-    "data-render-all-sizes": true
-  }), /*#__PURE__*/React.createElement("span", null, error)), note && /*#__PURE__*/React.createElement("div", {
-    className: styles.note,
-    "data-rs-internal": "input__note"
-  }, note));
-});
-Input.displayName = 'Input';
-Input.propTypes = {
-  id: PropTypes.string,
-  className: PropTypes.string,
-  placeholder: PropTypes.string,
-  disabled: PropTypes.bool,
-  error: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]),
-  busy: PropTypes.bool,
-  onChange: PropTypes.func,
-  onFocus: PropTypes.func,
-  onBlur: PropTypes.func,
-  onClear: PropTypes.func,
-  mode: PropTypes.oneOf(['classic', 'rock']),
-  size: PropTypes.oneOf(['s', 'm', 'l']),
-  theme: PropTypes.oneOf(['light', 'dark']),
-  type: PropTypes.oneOf(['text', 'email', 'search', 'date', 'time', 'password', 'number', 'file', 'url', 'tel']),
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.array]),
-  icon: PropTypes.node,
-  iconType: PropTypes.oneOf(['left', 'right', 'rightAction', 'rightActionFocusable']),
-  label: PropTypes.node,
-  note: PropTypes.node,
-  clearIcon: PropTypes.node,
-  suffix: PropTypes.node,
-  offSystemMicroelements: PropTypes.bool
-};
-Input.displayName = 'Input';
-export { Input, Input as default };

package/lib/input.p.module.css.js

@@ -1,31 +0,0 @@
-var styles = {
-  "light": "_light_nr308o_8",
-  "dark": "_dark_nr308o_11",
-  "sizeS": "_sizeS_nr308o_15",
-  "sizeM": "_sizeM_nr308o_18",
-  "sizeL": "_sizeL_nr308o_21",
-  "classic": "_classic_nr308o_25",
-  "rock": "_rock_nr308o_28",
-  "container": "_container_nr308o_32",
-  "wrapper": "_wrapper_nr308o_39",
-  "disabled": "_disabled_nr308o_51",
-  "error": "_error_nr308o_57",
-  "enabled": "_enabled_nr308o_63",
-  "filled": "_filled_nr308o_63",
-  "focused": "_focused_nr308o_75",
-  "field": "_field_nr308o_101",
-  "inner": "_inner_nr308o_114",
-  "offSystemMicroelements": "_offSystemMicroelements_nr308o_229",
-  "iconWrapper": "_iconWrapper_nr308o_239",
-  "action": "_action_nr308o_254",
-  "right": "_right_nr308o_292",
-  "left": "_left_nr308o_296",
-  "icon": "_icon_nr308o_239",
-  "divider": "_divider_nr308o_342",
-  "suffix": "_suffix_nr308o_356",
-  "errorMessage": "_errorMessage_nr308o_376",
-  "errorIcon": "_errorIcon_nr308o_388",
-  "note": "_note_nr308o_394",
-  "label": "_label_nr308o_405"
-};
-export { styles as default };

package/lib/parts/custom-icon.d.ts

@@ -1,26 +0,0 @@
-import * as React from 'react';
-interface MouseInteractiveProps {
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
-    onContextMenu?: React.MouseEventHandler<HTMLButtonElement>;
-    onDoubleClick?: React.MouseEventHandler<HTMLButtonElement>;
-    onMouseDown?: React.MouseEventHandler<HTMLButtonElement>;
-    onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;
-    onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;
-    onMouseMove?: React.MouseEventHandler<HTMLButtonElement>;
-    onMouseOut?: React.MouseEventHandler<HTMLButtonElement>;
-    onMouseOver?: React.MouseEventHandler<HTMLButtonElement>;
-    onMouseUp?: React.MouseEventHandler<HTMLButtonElement>;
-    'aria-label'?: string;
-}
-export declare function transferInteractiveProps(iconProps: MouseInteractiveProps): {
-    button: MouseInteractiveProps;
-    icon: MouseInteractiveProps;
-};
-declare type CustomIconProps = {
-    icon: React.ReactNode;
-    iconIsAction?: boolean;
-    iconIsFocusable?: boolean;
-    iconPosition?: 'left' | 'right';
-};
-export declare const CustomIcon: React.FC<CustomIconProps>;
-export {};

package/lib/parts/custom-icon.js

@@ -1,43 +0,0 @@
-import * as React from 'react';
-import cn from 'classnames';
-import styles from '../input.p.module.css.js';
-
-function transferInteractiveProps(iconProps) {
-  const props = ['onClick', 'onContextMenu', 'onDoubleClick', 'onMouseDown', 'onMouseEnter', 'onMouseLeave', 'onMouseMove', 'onMouseOut', 'onMouseOver', 'onMouseUp', 'aria-label'];
-  const button = Object.keys(iconProps).filter(key => props.indexOf(key) > -1).reduce((obj, key) => ({ ...obj,
-    [key]: iconProps[key]
-  }), {});
-  const icon = Object.keys(button).reduce((obj, key) => ({ ...obj,
-    [key]: null
-  }), {});
-  return {
-    button,
-    icon
-  };
-}
-
-const CustomIcon = _ref => {
-  let {
-    icon,
-    iconPosition,
-    iconIsAction,
-    iconIsFocusable
-  } = _ref;
-  const mouseEvents = transferInteractiveProps(icon.props);
-  const iconJsx = /*#__PURE__*/React.cloneElement(icon, {
-    focusable: false,
-    className: cn(icon.props.className, styles.icon),
-    'data-render-all-sizes': true,
-    ...mouseEvents.icon
-  });
-  return /*#__PURE__*/React.createElement("span", {
-    role: iconIsAction ? 'button' : null,
-    key: "icon",
-    className: cn(styles.iconWrapper, styles[iconPosition], iconIsAction && styles.action),
-    ...mouseEvents.button,
-    "data-test": "input__icon",
-    tabIndex: iconIsAction && iconIsFocusable ? 0 : -1
-  }, iconJsx);
-};
-
-export { CustomIcon, transferInteractiveProps };

package/lib/parts/right-icons.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import { InputSize } from '../input';
-declare type RightIconsProps = {
-    busy?: boolean;
-    onClear?: React.MouseEventHandler<HTMLButtonElement>;
-    size?: InputSize;
-    icon?: React.ReactNode;
-    iconIsAction?: boolean;
-    iconIsFocusable?: boolean;
-    clearIcon?: React.ReactNode;
-    empty: boolean;
-};
-export declare const RightIcons: React.FC<RightIconsProps>;
-export {};

package/lib/parts/right-icons.js

@@ -1,57 +0,0 @@
-import * as React from 'react';
-import cn from 'classnames';
-import LoadingIcon from '../_virtual/loading.js';
-import styles from '../input.p.module.css.js';
-import { CustomIcon } from './custom-icon.js'; // eslint-disable-next-line complexity
-
-const RightIcons = _ref => {
-  let {
-    icon,
-    busy,
-    onClear,
-    clearIcon,
-    iconIsAction,
-    iconIsFocusable,
-    empty
-  } = _ref;
-  const icons = [];
-
-  if (onClear && !empty) {
-    icons.push(
-    /*#__PURE__*/
-    // eslint-disable-next-line jsx-a11y/click-events-have-key-events
-    React.createElement("span", {
-      role: "button",
-      key: "clear",
-      className: cn(styles.iconWrapper, styles.right, styles.action),
-      onClick: onClear,
-      "data-test": "input__clear-icon",
-      tabIndex: -1
-    }, /*#__PURE__*/React.cloneElement(clearIcon, {
-      focusable: false,
-      className: cn(clearIcon.props.className, styles.icon),
-      'data-render-all-sizes': true
-    })));
-  }
-
-  if (icon) {
-    icons.push( /*#__PURE__*/React.createElement(CustomIcon, {
-      key: "custom-icon",
-      iconPosition: 'right',
-      iconIsFocusable: iconIsFocusable,
-      iconIsAction: iconIsAction,
-      icon: icon
-    }));
-  }
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, icons.slice(0, busy ? -1 : icons.length), busy && /*#__PURE__*/React.createElement("span", {
-    key: "loading",
-    className: cn(styles.iconWrapper, styles.right)
-  }, /*#__PURE__*/React.createElement(LoadingIcon, {
-    "data-test": "input__busy-icon",
-    className: styles.icon,
-    "data-render-all-sizes": true
-  })));
-};
-
-export { RightIcons };