@itwin/itwinui-react 3.0.0-dev.8 → 3.0.0

package/esm/core/TimePicker/index.js

@@ -1,6 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-export { TimePicker } from './TimePicker.js';
-export default './TimePicker';

package/esm/core/Toast/index.d.ts

@@ -1 +0,0 @@
-export { useToaster } from './Toaster.js';

package/esm/core/Toast/index.js

@@ -1,5 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-export { useToaster } from './Toaster.js';

package/esm/core/ToggleSwitch/index.d.ts

@@ -1,3 +0,0 @@
-export { ToggleSwitch } from './ToggleSwitch.js';
-declare const _default: "./ToggleSwitch";
-export default _default;

package/esm/core/ToggleSwitch/index.js

@@ -1,6 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-export { ToggleSwitch } from './ToggleSwitch.js';
-export default './ToggleSwitch';

package/esm/core/Tooltip/index.d.ts

@@ -1,3 +0,0 @@
-export { Tooltip } from './Tooltip.js';
-declare const _default: "./Tooltip";
-export default _default;

package/esm/core/Tooltip/index.js

@@ -1,6 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-export { Tooltip } from './Tooltip.js';
-export default './Tooltip';

package/esm/core/TransferList/index.d.ts

@@ -1,3 +0,0 @@
-export { TransferList } from './TransferList.js';
-declare const _default: "./TransferList";
-export default _default;

package/esm/core/TransferList/index.js

@@ -1,6 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-export { TransferList } from './TransferList.js';
-export default './TransferList';

package/esm/core/Tree/index.d.ts

@@ -1,4 +0,0 @@
-export { Tree } from './Tree.js';
-export type { NodeData, NodeRenderProps } from './Tree.js';
-export { TreeNode } from './TreeNode.js';
-export { TreeNodeExpander } from './TreeNodeExpander.js';

package/esm/core/Tree/index.js

@@ -1,7 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-export { Tree } from './Tree.js';
-export { TreeNode } from './TreeNode.js';
-export { TreeNodeExpander } from './TreeNodeExpander.js';

package/esm/core/Typography/Anchor/index.d.ts

@@ -1,3 +0,0 @@
-export { Anchor } from './Anchor.js';
-declare const _default: "./Anchor";
-export default _default;

package/esm/core/Typography/Anchor/index.js

@@ -1,6 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-export { Anchor } from './Anchor.js';
-export default './Anchor';

package/esm/core/Typography/Blockquote/index.d.ts

@@ -1,3 +0,0 @@
-export { Blockquote } from './Blockquote.js';
-declare const _default: "./Blockquote";
-export default _default;

package/esm/core/Typography/Blockquote/index.js

@@ -1,6 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-export { Blockquote } from './Blockquote.js';
-export default './Blockquote';

package/esm/core/Typography/Code/index.d.ts

@@ -1,3 +0,0 @@
-export { Code } from './Code.js';
-declare const _default: "./Code";
-export default _default;

package/esm/core/Typography/Code/index.js

@@ -1,6 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-export { Code } from './Code.js';
-export default './Code';

package/esm/core/Typography/Kbd/index.d.ts

@@ -1,3 +0,0 @@
-export { Kbd, KbdKeys } from './Kbd.js';
-declare const _default: "./Kbd";
-export default _default;

package/esm/core/Typography/Kbd/index.js

@@ -1,6 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-export { Kbd, KbdKeys } from './Kbd.js';
-export default './Kbd';

package/esm/core/Typography/Text/index.d.ts

@@ -1,3 +0,0 @@
-export { Text } from './Text.js';
-declare const _default: "./Text";
-export default _default;

package/esm/core/Typography/Text/index.js

@@ -1,6 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-export { Text } from './Text.js';
-export default './Text';

package/esm/core/Typography/index.d.ts

@@ -1,5 +0,0 @@
-export { Anchor } from './Anchor/index.js';
-export { Blockquote } from './Blockquote/index.js';
-export { Code } from './Code/index.js';
-export { Kbd, KbdKeys } from './Kbd/index.js';
-export { Text } from './Text/index.js';

package/esm/core/Typography/index.js

@@ -1,9 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-export { Anchor } from './Anchor/index.js';
-export { Blockquote } from './Blockquote/index.js';
-export { Code } from './Code/index.js';
-export { Kbd, KbdKeys } from './Kbd/index.js';
-export { Text } from './Text/index.js';

package/esm/core/index.d.ts

@@ -1,68 +0,0 @@
-export { Alert } from './Alert/index.js';
-export { Avatar } from './Avatar/index.js';
-export { AvatarGroup } from './AvatarGroup/index.js';
-export { Backdrop } from './Backdrop/index.js';
-export { Badge } from './Badge/index.js';
-export { Breadcrumbs } from './Breadcrumbs/index.js';
-export { Button, DropdownButton, IconButton, IdeasButton, SplitButton, } from './Buttons/index.js';
-export { ButtonGroup } from './ButtonGroup/index.js';
-export { Carousel } from './Carousel/index.js';
-export { Checkbox } from './Checkbox/index.js';
-export { ColorPicker, ColorSwatch, ColorBuilder, ColorInputPanel, ColorPalette, } from './ColorPicker/index.js';
-export { ComboBox } from './ComboBox/index.js';
-export { DatePicker, generateLocalizedStrings } from './DatePicker/index.js';
-export { Dialog } from './Dialog/index.js';
-export { DropdownMenu } from './DropdownMenu/index.js';
-export { ErrorPage, NonIdealState } from './NonIdealState/index.js';
-export type { ErrorPageType, ErrorTypeTranslations, } from './NonIdealState/index.js';
-export { ExpandableBlock } from './ExpandableBlock/index.js';
-export { Fieldset } from './Fieldset/index.js';
-export { FileUpload, FileUploadTemplate, FileUploadCard, FileEmptyCard, } from './FileUpload/index.js';
-export { Footer, defaultFooterElements } from './Footer/index.js';
-export type { FooterElement, TitleTranslations } from './Footer/index.js';
-export { Header, HeaderBreadcrumbs, HeaderButton, HeaderLogo, } from './Header/index.js';
-export { List, ListItem } from './List/index.js';
-export { TransferList } from './TransferList/index.js';
-export { Tabs, Tab } from './Tabs/index.js';
-export { InformationPanel, InformationPanelWrapper, InformationPanelHeader, InformationPanelBody, InformationPanelContent, } from './InformationPanel/index.js';
-export { Input } from './Input/index.js';
-export { InputWithDecorations } from './InputWithDecorations/InputWithDecorations.js';
-export { InputGrid } from './InputGrid/InputGrid.js';
-export { Label } from './Label/index.js';
-export { LabeledInput } from './LabeledInput/index.js';
-export { InputGroup } from './InputGroup/index.js';
-export { LabeledSelect } from './LabeledSelect/index.js';
-export { LabeledTextarea } from './LabeledTextarea/index.js';
-export { Menu, MenuItem, MenuDivider, MenuExtraContent, MenuItemSkeleton, } from './Menu/index.js';
-export { Modal, ModalButtonBar, ModalContent } from './Modal/index.js';
-export { NotificationMarker } from './NotificationMarker/index.js';
-export { Overlay } from './Overlay/index.js';
-export { ProgressLinear, ProgressRadial } from './ProgressIndicators/index.js';
-export { Radio } from './Radio/index.js';
-export { RadioTile, RadioTileGroup } from './RadioTiles/index.js';
-export { Select } from './Select/index.js';
-export type { SelectOption, ItemRendererProps, SelectValueChangeEvent, } from './Select/index.js';
-export { SideNavigation, SidenavButton, SidenavSubmenu, SidenavSubmenuHeader, } from './SideNavigation/index.js';
-export { SkipToContentLink } from './SkipToContentLink/index.js';
-export { Slider } from './Slider/index.js';
-export { StatusMessage } from './StatusMessage/index.js';
-export { Surface } from './Surface/index.js';
-export { Table, tableFilters, BaseFilter, FilterButtonBar, DefaultCell, EditableCell, TablePaginator, ActionColumn, ExpanderColumn, SelectionColumn, } from './Table/index.js';
-export type { TableFilterValue, DateRangeFilterOptions, TablePaginatorRendererProps, } from './Table/index.js';
-export { Tag, TagContainer } from './Tag/index.js';
-export { Textarea } from './Textarea/index.js';
-export { Tile } from './Tile/index.js';
-export { TimePicker } from './TimePicker/index.js';
-export type { MeridiemType } from './TimePicker/index.js';
-export { useToaster } from './Toast/index.js';
-export { ThemeProvider } from './ThemeProvider/index.js';
-export type { ThemeType } from './ThemeProvider/index.js';
-export { ToggleSwitch } from './ToggleSwitch/index.js';
-export { Tooltip } from './Tooltip/index.js';
-export { Tree, TreeNode, TreeNodeExpander } from './Tree/index.js';
-export type { NodeData, NodeRenderProps } from './Tree/index.js';
-export { Anchor, Blockquote, Code, Kbd, KbdKeys, Text, } from './Typography/index.js';
-export { Stepper, WorkflowDiagram } from './Stepper/index.js';
-export type { StepProperties, StepperLocalization } from './Stepper/index.js';
-export { SearchBox } from './SearchBox/index.js';
-export { getUserColor, ColorValue, MiddleTextTruncation, LinkBox, LinkAction, Icon, Flex, VisuallyHidden, Divider, } from './utils/index.js';

package/esm/core/index.js

@@ -1,131 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-export { Alert } from './Alert/index.js';
-export { Avatar } from './Avatar/index.js';
-export { AvatarGroup } from './AvatarGroup/index.js';
-export { Backdrop } from './Backdrop/index.js';
-export { Badge } from './Badge/index.js';
-export { Breadcrumbs } from './Breadcrumbs/index.js';
-export {
-  Button,
-  DropdownButton,
-  IconButton,
-  IdeasButton,
-  SplitButton,
-} from './Buttons/index.js';
-export { ButtonGroup } from './ButtonGroup/index.js';
-export { Carousel } from './Carousel/index.js';
-export { Checkbox } from './Checkbox/index.js';
-export {
-  ColorPicker,
-  ColorSwatch,
-  ColorBuilder,
-  ColorInputPanel,
-  ColorPalette,
-} from './ColorPicker/index.js';
-export { ComboBox } from './ComboBox/index.js';
-export { DatePicker, generateLocalizedStrings } from './DatePicker/index.js';
-export { Dialog } from './Dialog/index.js';
-export { DropdownMenu } from './DropdownMenu/index.js';
-export { ErrorPage, NonIdealState } from './NonIdealState/index.js';
-export { ExpandableBlock } from './ExpandableBlock/index.js';
-export { Fieldset } from './Fieldset/index.js';
-export {
-  FileUpload,
-  FileUploadTemplate,
-  FileUploadCard,
-  FileEmptyCard,
-} from './FileUpload/index.js';
-export { Footer, defaultFooterElements } from './Footer/index.js';
-export {
-  Header,
-  HeaderBreadcrumbs,
-  HeaderButton,
-  HeaderLogo,
-} from './Header/index.js';
-export { List, ListItem } from './List/index.js';
-export { TransferList } from './TransferList/index.js';
-export { Tabs, Tab } from './Tabs/index.js';
-export {
-  InformationPanel,
-  InformationPanelWrapper,
-  InformationPanelHeader,
-  InformationPanelBody,
-  InformationPanelContent,
-} from './InformationPanel/index.js';
-export { Input } from './Input/index.js';
-export { InputWithDecorations } from './InputWithDecorations/InputWithDecorations.js';
-export { InputGrid } from './InputGrid/InputGrid.js';
-export { Label } from './Label/index.js';
-export { LabeledInput } from './LabeledInput/index.js';
-export { InputGroup } from './InputGroup/index.js';
-export { LabeledSelect } from './LabeledSelect/index.js';
-export { LabeledTextarea } from './LabeledTextarea/index.js';
-export {
-  Menu,
-  MenuItem,
-  MenuDivider,
-  MenuExtraContent,
-  MenuItemSkeleton,
-} from './Menu/index.js';
-export { Modal, ModalButtonBar, ModalContent } from './Modal/index.js';
-export { NotificationMarker } from './NotificationMarker/index.js';
-export { Overlay } from './Overlay/index.js';
-export { ProgressLinear, ProgressRadial } from './ProgressIndicators/index.js';
-export { Radio } from './Radio/index.js';
-export { RadioTile, RadioTileGroup } from './RadioTiles/index.js';
-export { Select } from './Select/index.js';
-export {
-  SideNavigation,
-  SidenavButton,
-  SidenavSubmenu,
-  SidenavSubmenuHeader,
-} from './SideNavigation/index.js';
-export { SkipToContentLink } from './SkipToContentLink/index.js';
-export { Slider } from './Slider/index.js';
-export { StatusMessage } from './StatusMessage/index.js';
-export { Surface } from './Surface/index.js';
-export {
-  Table,
-  tableFilters,
-  BaseFilter,
-  FilterButtonBar,
-  DefaultCell,
-  EditableCell,
-  TablePaginator,
-  ActionColumn,
-  ExpanderColumn,
-  SelectionColumn,
-} from './Table/index.js';
-export { Tag, TagContainer } from './Tag/index.js';
-export { Textarea } from './Textarea/index.js';
-export { Tile } from './Tile/index.js';
-export { TimePicker } from './TimePicker/index.js';
-export { useToaster } from './Toast/index.js';
-export { ThemeProvider } from './ThemeProvider/index.js';
-export { ToggleSwitch } from './ToggleSwitch/index.js';
-export { Tooltip } from './Tooltip/index.js';
-export { Tree, TreeNode, TreeNodeExpander } from './Tree/index.js';
-export {
-  Anchor,
-  Blockquote,
-  Code,
-  Kbd,
-  KbdKeys,
-  Text,
-} from './Typography/index.js';
-export { Stepper, WorkflowDiagram } from './Stepper/index.js';
-export { SearchBox } from './SearchBox/index.js';
-export {
-  getUserColor,
-  ColorValue,
-  MiddleTextTruncation,
-  LinkBox,
-  LinkAction,
-  Icon,
-  Flex,
-  VisuallyHidden,
-  Divider,
-} from './utils/index.js';

package/esm/core/utils/components/Popover.d.ts

@@ -1,39 +0,0 @@
-import * as React from 'react';
-import type { TippyProps } from '@tippyjs/react';
-import type { Placement, Instance } from 'tippy.js';
-export type PopoverInstance = Instance;
-export type PopoverProps = {
-    /**
-     * Controlled flag for whether the popover is visible.
-     */
-    visible?: boolean;
-    /**
-     * Determines the events that cause the popover to show.
-     * Should not be used when `visible` is set.
-     * @see [tippy.js trigger prop](https://atomiks.github.io/tippyjs/v6/all-props/#trigger)
-     */
-    trigger?: string;
-    /**
-     * Placement of the popover content.
-     * @default 'bottom-start'
-     * @see [tippy.js placement prop](https://atomiks.github.io/tippyjs/v6/all-props/#placement).
-     */
-    placement?: Placement;
-} & Omit<TippyProps, 'placement' | 'trigger' | 'visible'>;
-/**
- * Wrapper around [tippy.js](https://atomiks.github.io/tippyjs)
- * with pre-configured props and plugins (e.g. lazy mounting, focus, etc).
- * @private
- */
-export declare const Popover: React.ForwardRefExoticComponent<Omit<PopoverProps, "ref"> & React.RefAttributes<unknown>>;
-/**
- * Plugin to hide Popover when either Esc key is pressed,
- * or when the content inside is not tabbable and Tab key is pressed.
- */
-export declare const hideOnEscOrTab: {
-    fn(instance: Instance): {
-        onShow(): void;
-        onHide(): void;
-    };
-};
-export default Popover;

package/esm/core/utils/components/Popover.js

@@ -1,128 +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 cx from 'classnames';
-import Tippy from '@tippyjs/react';
-import { useMergedRefs, useIsClient } from '../hooks/index.js';
-import { ThemeContext } from '../../ThemeProvider/ThemeContext.js';
-/**
- * Wrapper around [tippy.js](https://atomiks.github.io/tippyjs)
- * with pre-configured props and plugins (e.g. lazy mounting, focus, etc).
- * @private
- */
-export const Popover = React.forwardRef((props, ref) => {
-  const [mounted, setMounted] = React.useState(false);
-  const themeInfo = React.useContext(ThemeContext);
-  const isDomAvailable = useIsClient();
-  const tippyRef = React.useRef(null);
-  const refs = useMergedRefs(tippyRef, ref);
-  // Plugin to allow lazy mounting. See https://github.com/atomiks/tippyjs-react#lazy-mounting
-  const lazyLoad = {
-    fn: () => ({
-      onShow: () => setMounted(true),
-      onHidden: () => setMounted(false),
-    }),
-  };
-  // Plugin to remove tabindex from tippy, to prevent focus ring from unintentionally showing.
-  const removeTabIndex = {
-    fn: () => ({
-      onCreate: (instance) => {
-        instance.popper.firstElementChild?.removeAttribute('tabindex');
-      },
-    }),
-  };
-  const computedProps = {
-    allowHTML: true,
-    animation: false,
-    appendTo: (el) => themeInfo?.portalContainer || el.ownerDocument.body,
-    arrow: false,
-    duration: 0,
-    interactive: true,
-    role: '',
-    offset: [0, 0],
-    maxWidth: '',
-    zIndex: 99999,
-    ...props,
-    className: cx('iui-popover', props.className),
-    // add additional check for isDomAvailable when using in controlled mode,
-    // because rootRef is not available in first render
-    visible:
-      props.visible !== undefined ? props.visible && isDomAvailable : undefined,
-    plugins: [
-      lazyLoad,
-      removeTabIndex,
-      hideOnEscOrTab,
-      ...(props.plugins || []),
-    ],
-    popperOptions: {
-      strategy: 'fixed',
-      ...props.popperOptions,
-      modifiers: [
-        { name: 'flip' },
-        {
-          name: 'preventOverflow',
-          options: { padding: 0 },
-        },
-        ...(props.popperOptions?.modifiers || []),
-      ],
-    },
-  };
-  if (props.render) {
-    const render = props.render;
-    computedProps.render = (...args) => (mounted ? render(...args) : '');
-  } else {
-    // Fixing issue where elements below Popover gets click events.
-    // Tippy uses react Portal, which propagates events by react tree, not dom tree.
-    // Read more: https://reactjs.org/docs/portals.html#event-bubbling-through-portals
-    const clonedContent = React.isValidElement(props.content)
-      ? React.cloneElement(props.content, {
-          onClick: (e) => {
-            e.stopPropagation();
-            props.content.props.onClick?.(e);
-          },
-        })
-      : props.content;
-    computedProps.content = mounted ? clonedContent : '';
-  }
-  return React.createElement(Tippy, { ...computedProps, ref: refs });
-});
-/**
- * Plugin to hide Popover when either Esc key is pressed,
- * or when the content inside is not tabbable and Tab key is pressed.
- */
-export const hideOnEscOrTab = {
-  fn(instance) {
-    /** @returns true if none of the children are tabbable */
-    const shouldHideOnTab = () => {
-      const descendents = Array.from(instance.popper.querySelectorAll('*'));
-      return !descendents.some((el) => el?.tabIndex >= 0);
-    };
-    const onKeyDown = (event) => {
-      if (event.altKey) {
-        return;
-      }
-      switch (event.key) {
-        case 'Escape':
-          instance.hide();
-          break;
-        case 'Tab':
-          if (shouldHideOnTab()) {
-            event.shiftKey && event.preventDefault(); // focus popover target on Shift+Tab
-            instance.hide();
-          }
-          break;
-      }
-    };
-    return {
-      onShow() {
-        instance.popper.addEventListener('keydown', onKeyDown);
-      },
-      onHide() {
-        instance.popper.removeEventListener('keydown', onKeyDown);
-      },
-    };
-  },
-};
-export default Popover;