@itwin/itwinui-react 3.15.5 → 5.0.0-alpha.0

package/cjs/core/Tree/TreeNodeExpander.js

@@ -1,43 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-Object.defineProperty(exports, 'TreeNodeExpander', {
-  enumerable: true,
-  get: function () {
-    return TreeNodeExpander;
-  },
-});
-const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
-const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
-const _index = require('../../utils/index.js');
-const _IconButton = require('../Buttons/IconButton.js');
-const _TreeContext = require('./TreeContext.js');
-const TreeNodeExpander = _react.forwardRef((props, ref) => {
-  let { isExpanded, expanderIconProps = {}, ...rest } = props;
-  let size = _react.useContext(_TreeContext.TreeContext)?.size ?? 'default';
-  let ChevronIcon =
-    'small' === size ? _index.SvgChevronRightSmall : _index.SvgChevronRight;
-  return _react.createElement(
-    _IconButton.IconButton,
-    {
-      styleType: 'borderless',
-      size: 'small',
-      'aria-label': isExpanded ? 'Collapse' : 'Expand',
-      ref: ref,
-      ...rest,
-    },
-    _react.createElement(ChevronIcon, {
-      ...expanderIconProps,
-      className: (0, _classnames.default)(
-        'iui-tree-node-content-expander-icon',
-        expanderIconProps?.className,
-        {
-          'iui-tree-node-content-expander-icon-expanded': isExpanded,
-        },
-      ),
-    }),
-  );
-});

package/cjs/core/Typography/Anchor.d.ts

@@ -1,35 +0,0 @@
-import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
-type AnchorProps = {
-    /**
-     * Whether the anchor links to an external site.
-     *
-     * When true, there will be an icon added at the end of the anchor text. This is useful
-     * to indicate that the link will open in a new tab.
-     *
-     * Not all external links should open in a new tab, so this prop should be used with caution.
-     */
-    isExternal?: boolean;
-    /**
-     * Whether the anchor should be underlined in its idle state.
-     *
-     * By default, the anchor is underlined only on hover, or when using a high-contrast theme.
-     */
-    underline?: boolean;
-};
-/**
- * A consistently styled anchor component.
- *
- * Supports polymorphic `as` prop for use with `Link` components from routers,
- * or to render as a button.
- *
- * @example
- * <Anchor href='/'>Home</Anchor>
- * <Anchor href='/projects'>Projects</Anchor>
- * <Anchor href='/help' underline>Help</Anchor>
- *
- * @example
- * <Anchor as={Link} to='/'>Home</Anchor>
- * <Anchor as='button' onClick={() => {}}>click me</Anchor>
- */
-export declare const Anchor: PolymorphicForwardRefComponent<"a", AnchorProps>;
-export {};

package/cjs/core/Typography/Anchor.js

@@ -1,44 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-Object.defineProperty(exports, 'Anchor', {
-  enumerable: true,
-  get: function () {
-    return Anchor;
-  },
-});
-const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
-const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
-const _index = require('../../utils/index.js');
-const _VisuallyHidden = require('../VisuallyHidden/VisuallyHidden.js');
-const _Text = require('./Text.js');
-const Anchor = _react.forwardRef((props, forwardedRef) => {
-  let isInsideText = _react.useContext(_Text.TextContext);
-  let { isExternal, underline = isInsideText, children, ...rest } = props;
-  return _react.createElement(
-    _index.Box,
-    {
-      as: 'a',
-      'data-iui-underline': underline ? 'true' : void 0,
-      ...rest,
-      ref: forwardedRef,
-      className: (0, _classnames.default)(
-        'iui-anchor',
-        {
-          'iui-anchor-external': isExternal,
-        },
-        props.className,
-      ),
-    },
-    children,
-    '_blank' === props.target &&
-      _react.createElement(
-        _VisuallyHidden.VisuallyHidden,
-        null,
-        ' (opens in new tab)',
-      ),
-  );
-});

package/cjs/core/Typography/Blockquote.d.ts

@@ -1,18 +0,0 @@
-import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
-type BlockquoteProps = {
-    /**
-     * Optional footer for any attribution/source.
-     */
-    footer?: React.ReactNode;
-};
-/**
- * Basic blockquote component
- * @example
- * <Blockquote>This is a quote</Blockquote>
- * <Blockquote footer='— Someone'>
- *  <p>This is a quote from someone</p>
- * </Blockquote>
- */
-export declare const Blockquote: PolymorphicForwardRefComponent<"blockquote", BlockquoteProps>;
-export {};

package/cjs/core/Typography/Blockquote.js

@@ -1,29 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-Object.defineProperty(exports, 'Blockquote', {
-  enumerable: true,
-  get: function () {
-    return Blockquote;
-  },
-});
-const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
-const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _classnames = _interop_require_default._(require('classnames'));
-const _react = _interop_require_wildcard._(require('react'));
-const _index = require('../../utils/index.js');
-const Blockquote = _react.forwardRef((props, ref) => {
-  let { className, children, footer, ...rest } = props;
-  return _react.createElement(
-    _index.Box,
-    {
-      as: 'blockquote',
-      className: (0, _classnames.default)('iui-blockquote', className),
-      ref: ref,
-      ...rest,
-    },
-    children,
-    footer && _react.createElement('footer', null, footer),
-  );
-});

package/cjs/core/Typography/Code.d.ts

@@ -1,6 +0,0 @@
-/**
- * Inline code element.
- * @example
- * <p>Some <Code>inline code</Code> in a paragraph</p>
- */
-export declare const Code: import("../../utils/props.js").PolymorphicForwardRefComponent<"code", {}>;

package/cjs/core/Typography/Code.js

@@ -1,12 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-Object.defineProperty(exports, 'Code', {
-  enumerable: true,
-  get: function () {
-    return Code;
-  },
-});
-const _index = require('../../utils/index.js');
-const Code = _index.polymorphic.code('iui-code');

package/cjs/core/Typography/Kbd.d.ts

@@ -1,33 +0,0 @@
-import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
-/**
- * Some predefined strings for common keyboard keys.
- */
-export declare const KbdKeys: {
-    readonly Command: "⌘ Cmd";
-    readonly Shift: "⇧ Shift";
-    readonly Backspace: "⌫ Backspace";
-    readonly Enter: "↵ Enter";
-    readonly Eject: "⏏ Eject";
-    readonly Control: "Ctrl";
-    readonly Windows: "⊞ Win";
-    readonly Apple: "";
-    readonly Option: "⌥ Option";
-    readonly Left: "←";
-    readonly Up: "↑";
-    readonly Right: "→";
-    readonly Down: "↓";
-};
-type KbdProps = {
-    /**
-     * Content of the key to be passed as children. Must be a string or one of the `KbdKeys`.
-     */
-    children: string;
-};
-/**
- * A keyboard key element.
- * @example
- * <Kbd>A</Kbd>
- * <Kbd title='Enter'>{KbdKeys.Enter}</Kbd>
- */
-export declare const Kbd: PolymorphicForwardRefComponent<"kbd", KbdProps>;
-export {};

package/cjs/core/Typography/Kbd.js

@@ -1,52 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-function _export(target, all) {
-  for (var name in all)
-    Object.defineProperty(target, name, {
-      enumerable: true,
-      get: all[name],
-    });
-}
-_export(exports, {
-  Kbd: function () {
-    return Kbd;
-  },
-  KbdKeys: function () {
-    return KbdKeys;
-  },
-});
-const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
-const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _classnames = _interop_require_default._(require('classnames'));
-const _react = _interop_require_wildcard._(require('react'));
-const _index = require('../../utils/index.js');
-const KbdKeys = {
-  Command: '\u2318 Cmd',
-  Shift: '\u21e7 Shift',
-  Backspace: '\u232b Backspace',
-  Enter: '\u21b5 Enter',
-  Eject: '\u23cf Eject',
-  Control: 'Ctrl',
-  Windows: '\u229e Win',
-  Apple: '\uf8ff',
-  Option: '\u2325 Option',
-  Left: '\u2190',
-  Up: '\u2191',
-  Right: '\u2192',
-  Down: '\u2193',
-};
-const Kbd = _react.forwardRef((props, forwardedRef) => {
-  let { className, children, ...rest } = props;
-  return _react.createElement(
-    _index.Box,
-    {
-      as: 'kbd',
-      className: (0, _classnames.default)('iui-keyboard', className),
-      ref: forwardedRef,
-      ...rest,
-    },
-    children,
-  );
-});

package/cjs/core/Typography/Text.d.ts

@@ -1,42 +0,0 @@
-import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
-type TextProps = {
-    /**
-     * Which typography variant/size should be used for the styling?
-     *
-     * 'headline' = h1,
-     * 'title' = h2,
-     * 'subheading' = h3,
-     * 'leading' = h4,
-     * 'body' = normal paragraph text,
-     * 'small' = smaller text
-     *
-     * @default 'body'
-     */
-    variant?: 'headline' | 'title' | 'subheading' | 'leading' | 'body' | 'small';
-    /**
-     * Show text in muted style.
-     * @default false
-     */
-    isMuted?: boolean;
-    /**
-     * Use it if you are still loading the content.
-     * @default false
-     */
-    isSkeleton?: boolean;
-};
-/**
- * Polymorphic typography component to render any kind of text as any kind of element.
- * Users should decide which element to render based on the context of their app. Link to heading levels docs: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements#accessibility_concerns
- *
- * @example
- * <Text>Some normal paragraph text rendered as a div</Text>
- * @example
- * <Text variant='title' as='h3'>I'm some h2 text rendered as an h3 element!</Text>
- * @example
- * <Text isMuted>Some muted text.</Text>
- * <Text isSkeleton>Skeleton text</Text>
- */
-export declare const Text: PolymorphicForwardRefComponent<"div", TextProps>;
-export declare const TextContext: React.Context<boolean>;
-export {};

package/cjs/core/Typography/Text.js

@@ -1,53 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-function _export(target, all) {
-  for (var name in all)
-    Object.defineProperty(target, name, {
-      enumerable: true,
-      get: all[name],
-    });
-}
-_export(exports, {
-  Text: function () {
-    return Text;
-  },
-  TextContext: function () {
-    return TextContext;
-  },
-});
-const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
-const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _classnames = _interop_require_default._(require('classnames'));
-const _react = _interop_require_wildcard._(require('react'));
-const _index = require('../../utils/index.js');
-const Text = _react.forwardRef((props, ref) => {
-  let {
-    variant = 'body',
-    className,
-    isMuted = false,
-    isSkeleton = false,
-    ...rest
-  } = props;
-  return _react.createElement(
-    TextContext.Provider,
-    {
-      value: true,
-    },
-    _react.createElement(_index.Box, {
-      className: (0, _classnames.default)(
-        {
-          [`iui-text-${variant}`]: 'body' !== variant,
-          'iui-text-block': 'body' === variant,
-          'iui-text-muted': isMuted,
-          'iui-skeleton': isSkeleton,
-        },
-        className,
-      ),
-      ref: ref,
-      ...rest,
-    }),
-  );
-});
-const TextContext = _react.createContext(false);

package/cjs/core/VisuallyHidden/VisuallyHidden.d.ts

@@ -1,22 +0,0 @@
-import type { PolymorphicForwardRefComponent } from '../../utils/props.js';
-type VisuallyHiddenOwnProps = {
-    /**
-     * When VisuallyHidden is used with an interactive element (e.g. button),
-     * that element will "unhide" (become visible again) when focused.
-     *
-     * @default true
-     */
-    unhideOnFocus?: boolean;
-};
-/**
- * Hides content visually but keeps it still accessible to screen readers
- * and other assistive technologies.
- *
- * @example
- * <div aria-hidden='true'>★★★☆☆</div>
- * <VisuallyHidden>3 stars out of 5</VisuallyHidden>
- *
- * @see https://www.scottohara.me/blog/2017/04/14/inclusively-hidden.html
- */
-export declare const VisuallyHidden: PolymorphicForwardRefComponent<"span", VisuallyHiddenOwnProps>;
-export {};

package/cjs/core/VisuallyHidden/VisuallyHidden.js

@@ -1,60 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-Object.defineProperty(exports, 'VisuallyHidden', {
-  enumerable: true,
-  get: function () {
-    return VisuallyHidden;
-  },
-});
-const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
-const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
-const _index = require('../../utils/index.js');
-const VisuallyHidden = _react.forwardRef((props, ref) => {
-  let {
-    as: asProp = 'span',
-    className,
-    unhideOnFocus = true,
-    children: childrenProp,
-    ...rest
-  } = props;
-  let isHydrated = 'hydrated' === (0, _index.useHydration)();
-  let children = ['div', 'span', 'p'].includes(asProp)
-    ? _react.createElement(
-        _react.Fragment,
-        null,
-        _react.createElement(
-          _index.ShadowRoot,
-          {
-            css: css,
-          },
-          _react.createElement('slot', null),
-        ),
-        isHydrated && childrenProp,
-      )
-    : childrenProp;
-  return _react.createElement(
-    _index.Box,
-    {
-      as: asProp,
-      className: (0, _classnames.default)('iui-visually-hidden', className),
-      'data-iui-unhide-on-focus': !!unhideOnFocus || void 0,
-      ref: ref,
-      ...rest,
-    },
-    children,
-  );
-});
-const css = `
-  :host(:where(:not([data-iui-unhide-on-focus]:is(:focus-within, :active)))) {
-    clip-path: inset(50%) !important;
-    overflow: hidden !important;
-    position: absolute !important;
-    white-space: nowrap !important;
-    block-size: 1px !important;
-    inline-size: 1px !important;
-  }
-`;

package/cjs/index.d.ts

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