@itwin/itwinui-react 3.0.0-dev.7 → 3.0.0-dev.9

package/cjs/core/ComboBox/ComboBoxDropdown.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import type { PopoverProps, PolymorphicForwardRefComponent } from '../utils/index.js';
-type ComboBoxDropdownProps = PopoverProps & {
-    children: JSX.Element;
-};
-export declare const ComboBoxDropdown: PolymorphicForwardRefComponent<"div", ComboBoxDropdownProps>;
-export {};

package/cjs/core/ComboBox/ComboBoxDropdown.js

@@ -1,48 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-exports.ComboBoxDropdown = void 0;
-const tslib_1 = require('tslib');
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-const React = tslib_1.__importStar(require('react'));
-const index_js_1 = require('../utils/index.js');
-const helpers_js_1 = require('./helpers.js');
-exports.ComboBoxDropdown = React.forwardRef((props, forwardedRef) => {
-  const { children, ...rest } = props;
-  const { isOpen } = (0, index_js_1.useSafeContext)(
-    helpers_js_1.ComboBoxStateContext,
-  );
-  const dispatch = (0, index_js_1.useSafeContext)(
-    helpers_js_1.ComboBoxActionContext,
-  );
-  const { inputRef, toggleButtonRef } = (0, index_js_1.useSafeContext)(
-    helpers_js_1.ComboBoxRefsContext,
-  );
-  // sync internal isOpen state with user's visible prop
-  React.useEffect(() => {
-    if (props.visible != undefined) {
-      dispatch({ type: props.visible ? 'open' : 'close' });
-    }
-  }, [dispatch, props.visible]);
-  return React.createElement(index_js_1.Popover, {
-    placement: 'bottom-start',
-    visible: isOpen,
-    onClickOutside: React.useCallback(
-      (_, { target }) => {
-        if (!toggleButtonRef.current?.contains(target)) {
-          dispatch({ type: 'close' });
-        }
-      },
-      [dispatch, toggleButtonRef],
-    ),
-    animation: 'shift-away',
-    duration: 200,
-    reference: inputRef,
-    ref: forwardedRef,
-    content: children,
-    ...rest,
-  });
-});
-exports.ComboBoxDropdown.displayName = 'ComboBoxDropdown';

package/cjs/core/utils/hooks/useUncontrolledState.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-/**
- * Wrapper over `useState` that always gives preference to the
- * uncontrolled state (which often comes from a prop).
- */
-export declare const useUncontrolledState: <T>(uncontrolledState: T) => readonly [T | undefined, React.Dispatch<React.SetStateAction<T | undefined>>];

package/cjs/core/utils/hooks/useUncontrolledState.js

@@ -1,18 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-exports.useUncontrolledState = void 0;
-const tslib_1 = require('tslib');
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-const React = tslib_1.__importStar(require('react'));
-/**
- * Wrapper over `useState` that always gives preference to the
- * uncontrolled state (which often comes from a prop).
- */
-const useUncontrolledState = (uncontrolledState) => {
-  const [controlledState, setControlledState] = React.useState();
-  return [uncontrolledState ?? controlledState, setControlledState];
-};
-exports.useUncontrolledState = useUncontrolledState;

package/esm/core/ComboBox/ComboBoxDropdown.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import type { PopoverProps, PolymorphicForwardRefComponent } from '../utils/index.js';
-type ComboBoxDropdownProps = PopoverProps & {
-    children: JSX.Element;
-};
-export declare const ComboBoxDropdown: PolymorphicForwardRefComponent<"div", ComboBoxDropdownProps>;
-export {};

package/esm/core/ComboBox/ComboBoxDropdown.js

@@ -1,42 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-import * as React from 'react';
-import { Popover, useSafeContext } from '../utils/index.js';
-import {
-  ComboBoxStateContext,
-  ComboBoxActionContext,
-  ComboBoxRefsContext,
-} from './helpers.js';
-export const ComboBoxDropdown = React.forwardRef((props, forwardedRef) => {
-  const { children, ...rest } = props;
-  const { isOpen } = useSafeContext(ComboBoxStateContext);
-  const dispatch = useSafeContext(ComboBoxActionContext);
-  const { inputRef, toggleButtonRef } = useSafeContext(ComboBoxRefsContext);
-  // sync internal isOpen state with user's visible prop
-  React.useEffect(() => {
-    if (props.visible != undefined) {
-      dispatch({ type: props.visible ? 'open' : 'close' });
-    }
-  }, [dispatch, props.visible]);
-  return React.createElement(Popover, {
-    placement: 'bottom-start',
-    visible: isOpen,
-    onClickOutside: React.useCallback(
-      (_, { target }) => {
-        if (!toggleButtonRef.current?.contains(target)) {
-          dispatch({ type: 'close' });
-        }
-      },
-      [dispatch, toggleButtonRef],
-    ),
-    animation: 'shift-away',
-    duration: 200,
-    reference: inputRef,
-    ref: forwardedRef,
-    content: children,
-    ...rest,
-  });
-});
-ComboBoxDropdown.displayName = 'ComboBoxDropdown';

package/esm/core/utils/hooks/useUncontrolledState.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-/**
- * Wrapper over `useState` that always gives preference to the
- * uncontrolled state (which often comes from a prop).
- */
-export declare const useUncontrolledState: <T>(uncontrolledState: T) => readonly [T | undefined, React.Dispatch<React.SetStateAction<T | undefined>>];

package/esm/core/utils/hooks/useUncontrolledState.js

@@ -1,13 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-import * as React from 'react';
-/**
- * Wrapper over `useState` that always gives preference to the
- * uncontrolled state (which often comes from a prop).
- */
-export const useUncontrolledState = (uncontrolledState) => {
-  const [controlledState, setControlledState] = React.useState();
-  return [uncontrolledState ?? controlledState, setControlledState];
-};