@rc-component/select 1.1.4 → 1.2.0-alpha.0

package/lib/Selector/index.d.ts

@@ -1,83 +0,0 @@
-/**
- * Cursor rule:
- * 1. Only `showSearch` enabled
- * 2. Only `open` is `true`
- * 3. When typing, set `open` to `true` which hit rule of 2
- *
- * Accessibility:
- * - https://www.w3.org/TR/wai-aria-practices/examples/combobox/aria1.1pattern/listbox-combo.html
- */
-import type { ScrollTo } from 'rc-virtual-list/lib/List';
-import * as React from 'react';
-import type { CustomTagProps, DisplayValueType, Mode, RenderNode } from '../BaseSelect';
-export interface InnerSelectorProps {
-    prefixCls: string;
-    id: string;
-    mode: Mode;
-    title?: string;
-    inputRef: React.Ref<HTMLInputElement | HTMLTextAreaElement>;
-    placeholder?: React.ReactNode;
-    disabled?: boolean;
-    autoFocus?: boolean;
-    autoComplete?: string;
-    values: DisplayValueType[];
-    showSearch?: boolean;
-    searchValue: string;
-    autoClearSearchValue?: boolean;
-    activeDescendantId?: string;
-    open: boolean;
-    tabIndex?: number;
-    maxLength?: number;
-    onInputKeyDown: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement>;
-    onInputMouseDown: React.MouseEventHandler<HTMLInputElement | HTMLTextAreaElement>;
-    onInputChange: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
-    onInputPaste: React.ClipboardEventHandler<HTMLInputElement | HTMLTextAreaElement>;
-    onInputCompositionStart: React.CompositionEventHandler<HTMLInputElement | HTMLTextAreaElement>;
-    onInputCompositionEnd: React.CompositionEventHandler<HTMLInputElement | HTMLTextAreaElement>;
-    onInputBlur: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
-}
-export interface RefSelectorProps {
-    focus: (options?: FocusOptions) => void;
-    blur: () => void;
-    scrollTo?: ScrollTo;
-    nativeElement: HTMLDivElement;
-}
-export interface SelectorProps {
-    prefixClassName: string;
-    prefixStyle: React.CSSProperties;
-    id: string;
-    prefixCls: string;
-    showSearch?: boolean;
-    open: boolean;
-    /** Display in the Selector value, it's not same as `value` prop */
-    values: DisplayValueType[];
-    mode: Mode;
-    searchValue: string;
-    activeValue: string;
-    autoClearSearchValue: boolean;
-    inputElement: JSX.Element;
-    maxLength?: number;
-    autoFocus?: boolean;
-    activeDescendantId?: string;
-    tabIndex?: number;
-    disabled?: boolean;
-    placeholder?: React.ReactNode;
-    removeIcon?: RenderNode;
-    prefix?: React.ReactNode;
-    maxTagCount?: number | 'responsive';
-    maxTagTextLength?: number;
-    maxTagPlaceholder?: React.ReactNode | ((omittedValues: DisplayValueType[]) => React.ReactNode);
-    tagRender?: (props: CustomTagProps) => React.ReactElement;
-    /** Check if `tokenSeparators` contains `\n` or `\r\n` */
-    tokenWithEnter?: boolean;
-    choiceTransitionName?: string;
-    onToggleOpen: (open?: boolean) => void;
-    /** `onSearch` returns go next step boolean to check if need do toggle open */
-    onSearch: (searchText: string, fromTyping: boolean, isCompositing: boolean) => boolean;
-    onSearchSubmit?: (searchText: string) => void;
-    onRemove: (value: DisplayValueType) => void;
-    onInputKeyDown?: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement>;
-    onInputBlur?: () => void;
-}
-declare const ForwardSelector: React.ForwardRefExoticComponent<SelectorProps & React.RefAttributes<RefSelectorProps>>;
-export default ForwardSelector;

package/lib/Selector/index.js

@@ -1,196 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _KeyCode = _interopRequireDefault(require("@rc-component/util/lib/KeyCode"));
-var _react = _interopRequireWildcard(require("react"));
-var React = _react;
-var _useLock = _interopRequireDefault(require("../hooks/useLock"));
-var _keyUtil = require("../utils/keyUtil");
-var _MultipleSelector = _interopRequireDefault(require("./MultipleSelector"));
-var _SingleSelector = _interopRequireDefault(require("./SingleSelector"));
-var _classnames = _interopRequireDefault(require("classnames"));
-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 && Object.prototype.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(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } /**
- * Cursor rule:
- * 1. Only `showSearch` enabled
- * 2. Only `open` is `true`
- * 3. When typing, set `open` to `true` which hit rule of 2
- *
- * Accessibility:
- * - https://www.w3.org/TR/wai-aria-practices/examples/combobox/aria1.1pattern/listbox-combo.html
- */
-const Selector = (props, ref) => {
-  const inputRef = (0, _react.useRef)(null);
-  const compositionStatusRef = (0, _react.useRef)(false);
-  const {
-    prefixClassName,
-    prefixStyle,
-    prefixCls,
-    open,
-    mode,
-    showSearch,
-    tokenWithEnter,
-    disabled,
-    prefix,
-    autoClearSearchValue,
-    onSearch,
-    onSearchSubmit,
-    onToggleOpen,
-    onInputKeyDown,
-    onInputBlur
-  } = props;
-
-  // ======================= Ref =======================
-  const containerRef = React.useRef(null);
-  React.useImperativeHandle(ref, () => ({
-    focus: options => {
-      inputRef.current.focus(options);
-    },
-    blur: () => {
-      inputRef.current.blur();
-    },
-    nativeElement: containerRef.current
-  }));
-
-  // ====================== Input ======================
-  const [getInputMouseDown, setInputMouseDown] = (0, _useLock.default)(0);
-  const onInternalInputKeyDown = event => {
-    const {
-      which
-    } = event;
-
-    // Compatible with multiple lines in TextArea
-    const isTextAreaElement = inputRef.current instanceof HTMLTextAreaElement;
-    if (!isTextAreaElement && open && (which === _KeyCode.default.UP || which === _KeyCode.default.DOWN)) {
-      event.preventDefault();
-    }
-    if (onInputKeyDown) {
-      onInputKeyDown(event);
-    }
-    if (which === _KeyCode.default.ENTER && mode === 'tags' && !compositionStatusRef.current && !open) {
-      // When menu isn't open, OptionList won't trigger a value change
-      // So when enter is pressed, the tag's input value should be emitted here to let selector know
-      onSearchSubmit?.(event.target.value);
-    }
-    // Move within the text box
-    if (isTextAreaElement && !open && ~[_KeyCode.default.UP, _KeyCode.default.DOWN, _KeyCode.default.LEFT, _KeyCode.default.RIGHT].indexOf(which)) {
-      return;
-    }
-    if ((0, _keyUtil.isValidateOpenKey)(which)) {
-      onToggleOpen(true);
-    }
-  };
-
-  /**
-   * We can not use `findDOMNode` sine it will get warning,
-   * have to use timer to check if is input element.
-   */
-  const onInternalInputMouseDown = () => {
-    setInputMouseDown(true);
-  };
-
-  // When paste come, ignore next onChange
-  const pastedTextRef = (0, _react.useRef)(null);
-  const triggerOnSearch = value => {
-    if (onSearch(value, true, compositionStatusRef.current) !== false) {
-      onToggleOpen(true);
-    }
-  };
-  const onInputCompositionStart = () => {
-    compositionStatusRef.current = true;
-  };
-  const onInputCompositionEnd = e => {
-    compositionStatusRef.current = false;
-
-    // Trigger search again to support `tokenSeparators` with typewriting
-    if (mode !== 'combobox') {
-      triggerOnSearch(e.target.value);
-    }
-  };
-  const onInputChange = event => {
-    let {
-      target: {
-        value
-      }
-    } = event;
-
-    // Pasted text should replace back to origin content
-    if (tokenWithEnter && pastedTextRef.current && /[\r\n]/.test(pastedTextRef.current)) {
-      // CRLF will be treated as a single space for input element
-      const replacedText = pastedTextRef.current.replace(/[\r\n]+$/, '').replace(/\r\n/g, ' ').replace(/[\r\n]/g, ' ');
-      value = value.replace(replacedText, pastedTextRef.current);
-    }
-    pastedTextRef.current = null;
-    triggerOnSearch(value);
-  };
-  const onInputPaste = e => {
-    const {
-      clipboardData
-    } = e;
-    const value = clipboardData?.getData('text');
-    pastedTextRef.current = value || '';
-  };
-  const onClick = ({
-    target
-  }) => {
-    if (target !== inputRef.current) {
-      // Should focus input if click the selector
-      const isIE = document.body.style.msTouchAction !== undefined;
-      if (isIE) {
-        setTimeout(() => {
-          inputRef.current.focus();
-        });
-      } else {
-        inputRef.current.focus();
-      }
-    }
-  };
-  const onMouseDown = event => {
-    const inputMouseDown = getInputMouseDown();
-
-    // when mode is combobox and it is disabled, don't prevent default behavior
-    // https://github.com/ant-design/ant-design/issues/37320
-    // https://github.com/ant-design/ant-design/issues/48281
-    if (event.target !== inputRef.current && !inputMouseDown && !(mode === 'combobox' && disabled)) {
-      event.preventDefault();
-    }
-    if (mode !== 'combobox' && (!showSearch || !inputMouseDown) || !open) {
-      if (open && autoClearSearchValue !== false) {
-        onSearch('', true, false);
-      }
-      onToggleOpen();
-    }
-  };
-
-  // ================= Inner Selector ==================
-  const sharedProps = {
-    inputRef,
-    onInputKeyDown: onInternalInputKeyDown,
-    onInputMouseDown: onInternalInputMouseDown,
-    onInputChange,
-    onInputPaste,
-    onInputCompositionStart,
-    onInputCompositionEnd,
-    onInputBlur
-  };
-  const selectNode = mode === 'multiple' || mode === 'tags' ? /*#__PURE__*/React.createElement(_MultipleSelector.default, _extends({}, props, sharedProps)) : /*#__PURE__*/React.createElement(_SingleSelector.default, _extends({}, props, sharedProps));
-  return /*#__PURE__*/React.createElement("div", {
-    ref: containerRef,
-    className: `${prefixCls}-selector`,
-    onClick: onClick,
-    onMouseDown: onMouseDown
-  }, prefix && /*#__PURE__*/React.createElement("div", {
-    className: (0, _classnames.default)(`${prefixCls}-prefix`, prefixClassName),
-    style: prefixStyle
-  }, prefix), selectNode);
-};
-const ForwardSelector = /*#__PURE__*/React.forwardRef(Selector);
-if (process.env.NODE_ENV !== 'production') {
-  ForwardSelector.displayName = 'Selector';
-}
-var _default = exports.default = ForwardSelector;

package/lib/hooks/useDelayReset.d.ts

@@ -1,5 +0,0 @@
-/**
- * Similar with `useLock`, but this hook will always execute last value.
- * When set to `true`, it will keep `true` for a short time even if `false` is set.
- */
-export default function useDelayReset(timeout?: number): [boolean, (val: boolean, callback?: () => void) => void, () => void];

package/lib/hooks/useLayoutEffect.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-/**
- * Wrap `React.useLayoutEffect` which will not throw warning message in test env
- */
-export default function useLayoutEffect(effect: React.EffectCallback, deps?: React.DependencyList): void;