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

package/cjs/core/Dialog/DialogTitleBarTitle.d.ts

@@ -1,8 +0,0 @@
-/**
- * Dialog title bar. Recommended to be used as a child of `Dialog`.
- * @example
- * <Dialog.TitleBar>
- *   <Dialog.TitleBar.Title>My dialog title</Dialog.TitleBar.Title>
- * </Dialog.TitleBar>
- */
-export declare const DialogTitleBarTitle: import("../../utils/props.js").PolymorphicForwardRefComponent<"div", {}>;

package/cjs/core/Dialog/DialogTitleBarTitle.js

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

package/cjs/core/Divider/Divider.d.ts

@@ -1,13 +0,0 @@
-import type { PolymorphicForwardRefComponent } from '../../utils/props.js';
-type DividerProps = {
-    /**
-     * Sets the orientation of the divider
-     * @default 'horizontal'
-     */
-    orientation?: 'horizontal' | 'vertical';
-};
-/**
- * Shows a divider
- */
-export declare const Divider: PolymorphicForwardRefComponent<"hr", DividerProps>;
-export {};

package/cjs/core/Divider/Divider.js

@@ -1,25 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-Object.defineProperty(exports, 'Divider', {
-  enumerable: true,
-  get: function () {
-    return Divider;
-  },
-});
-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 _Box = require('../../utils/components/Box.js');
-const Divider = _react.forwardRef((props, ref) => {
-  let { className, orientation = 'horizontal', ...rest } = props;
-  return _react.createElement(_Box.Box, {
-    as: 'hr',
-    className: (0, _classnames.default)('iui-divider', className),
-    'aria-orientation': 'vertical' === orientation ? 'vertical' : void 0,
-    ref: ref,
-    ...rest,
-  });
-});

package/cjs/core/DropdownMenu/DropdownMenu.d.ts

@@ -1,50 +0,0 @@
-import * as React from 'react';
-import type { PolymorphicForwardRefComponent, PortalProps } from '../../utils/index.js';
-import { usePopover } from '../Popover/Popover.js';
-export type DropdownMenuProps = {
-    /**
-     * List of menu items. Recommended to use MenuItem component.
-     * You can pass function that takes argument `close` that closes the dropdown menu, or a list of MenuItems.
-     */
-    menuItems: ((close: () => void) => JSX.Element[]) | JSX.Element[] | JSX.Element;
-    /**
-     * ARIA role. Role of menu. For menu use 'menu', for select use 'listbox'.
-     * @default 'menu'
-     */
-    role?: string;
-    /**
-     * Child element to wrap dropdown with.
-     */
-    children: React.ReactNode;
-    /**
-     * Middleware options.
-     *
-     * By default, `hide` is enabled. If the menu gets hidden even when it shouldn't (e.g. some custom styles interfering
-     * with the trigger's hide detection) consider disabling the `hide` middleware.
-     *
-     * @see https://floating-ui.com/docs/middleware
-     */
-    middleware?: {
-        hide?: boolean;
-    };
-} & Pick<Parameters<typeof usePopover>[0], 'visible' | 'onVisibleChange' | 'placement' | 'matchWidth'> & Pick<PortalProps, 'portal'>;
-/**
- * Dropdown menu component.
- * Built on top of the {@link Popover} component.
- * @example
- * const menuItems = (close: () => void) => [
- *   <MenuItem key={1} onClick={onClick(1, close)}>
- *     Item #1
- *   </MenuItem>,
- *   <MenuItem key={2} onClick={onClick(2, close)}>
- *     Item #2
- *   </MenuItem>,
- *   <MenuItem key={3} onClick={onClick(3, close)}>
- *     Item #3
- *   </MenuItem>,
- * ];
- * <DropdownMenu menuItems={menuItems}>
- *   <Button>Menu</Button>
- * </DropdownMenu>
- */
-export declare const DropdownMenu: PolymorphicForwardRefComponent<"div", DropdownMenuProps>;

package/cjs/core/DropdownMenu/DropdownMenu.js

@@ -1,74 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-Object.defineProperty(exports, 'DropdownMenu', {
-  enumerable: true,
-  get: function () {
-    return DropdownMenu;
-  },
-});
-const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _index = require('../../utils/index.js');
-const _Menu = require('../Menu/Menu.js');
-const _react1 = require('@floating-ui/react');
-const DropdownMenu = _react.forwardRef((props, forwardedRef) =>
-  _react.createElement(
-    _react1.FloatingTree,
-    null,
-    _react.createElement(DropdownMenuContent, {
-      ref: forwardedRef,
-      ...props,
-    }),
-  ),
-);
-const DropdownMenuContent = _react.forwardRef((props, forwardedRef) => {
-  let {
-    menuItems,
-    children,
-    role = 'menu',
-    visible: visibleProp,
-    placement = 'bottom-start',
-    matchWidth = false,
-    onVisibleChange,
-    portal = true,
-    middleware,
-    ...rest
-  } = props;
-  let [visible, setVisible] = (0, _index.useControlledState)(
-    false,
-    visibleProp,
-    onVisibleChange,
-  );
-  let menuContent = _react.useMemo(() => {
-    if ('function' == typeof menuItems)
-      return menuItems(() => setVisible(false));
-    return menuItems;
-  }, [menuItems, setVisible]);
-  return _react.createElement(
-    _Menu.Menu,
-    {
-      trigger: children,
-      onKeyDown: (0, _index.mergeEventHandlers)(props.onKeyDown, (e) => {
-        if (e.defaultPrevented) return;
-        if ('Tab' === e.key) setVisible(false);
-      }),
-      role: role,
-      ref: forwardedRef,
-      portal: portal,
-      popoverProps: _react.useMemo(
-        () => ({
-          placement,
-          matchWidth,
-          visible,
-          onVisibleChange: setVisible,
-          middleware,
-        }),
-        [matchWidth, middleware, placement, setVisible, visible],
-      ),
-      ...rest,
-    },
-    menuContent,
-  );
-});

package/cjs/core/ExpandableBlock/ExpandableBlock.d.ts

@@ -1,124 +0,0 @@
-import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
-type ExpandableBlockOwnProps = {
-    /**
-     * Status of the block.
-     * When set, a colored status icon is shown at the end of the main text.
-     */
-    status?: 'positive' | 'negative' | 'warning' | 'informational';
-    /**
-     * Whether or not to show the block's content.
-     * @default false
-     */
-    isExpanded?: boolean;
-    /**
-     * Callback function for toggling an expansion state.
-     */
-    onToggle?: (isExpanding: boolean) => void;
-    /**
-     * Content in the expandable block.
-     */
-    children: React.ReactNode;
-    /**
-     * Modify size of the ExpandableBlock.
-     * @default 'default'
-     */
-    size?: 'default' | 'small';
-    /**
-     * Style of the ExpandableBlock.
-     * Use 'borderless' to hide outline.
-     * @default 'default'
-     */
-    styleType?: 'default' | 'borderless';
-    /**
-     * Disables ExpandableBlock.
-     * @default false
-     */
-    disabled?: boolean;
-};
-type ExpandableBlockTriggerOwnProps = {
-    label?: React.ReactNode;
-    caption?: React.ReactNode;
-    expandIcon?: React.ReactNode;
-    endIcon?: React.ReactNode;
-};
-type ExpandableBlockContentOwnProps = {
-    innerProps?: React.ComponentPropsWithoutRef<'div'>;
-};
-/**
- * Expandable block with customizable Title, Caption, Content and EndIcon subcomponents.
- * @example
- *  <ExpandableBlock.Wrapper>
- *    <ExpandableBlock.Trigger>
- *      <ExpandableBlock.ExpandIcon/>
- *      <ExpandableBlock.LabelArea>
- *        <ExpandableBlock.Title/>
- *        <ExpandableBlock.Caption/>
- *      </ExpandableBlock.LabelArea>
- *      <ExpandableBlock.EndIcon/>
- *    </ExpandableBlock.Trigger>
- *    <ExpandableBlock.Content/>
- *  </ExpandableBlock.Wrapper>
- */
-export declare const ExpandableBlock: PolymorphicForwardRefComponent<"div", ExpandableBlockOwnProps & {
-    title?: React.ReactNode;
-} & Pick<ExpandableBlockTriggerOwnProps, "caption" | "endIcon">> & {
-    Wrapper: PolymorphicForwardRefComponent<"div", ExpandableBlockOwnProps>;
-    /**
-     * `Header` container that contains `ExpandIcon`, `LabelArea` and `EndIcon` subcomponents
-     * @example
-     * <ExpandableBlock.Trigger>
-     *    <ExpandableBlock.ExpandIcon/>
-     *    <ExpandableBlock.LabelArea/>
-     *    <ExpandableBlock.EndIcon/>
-     * </ExpandableBlock.Trigger>
-     */
-    Trigger: PolymorphicForwardRefComponent<"div", ExpandableBlockTriggerOwnProps>;
-    /**
-     * The expanding icon on the left of header
-     */
-    ExpandIcon: PolymorphicForwardRefComponent<"span", {}>;
-    /**
-     * `LabelArea` subcomponent that contains `Title` and `Caption`
-     * @example
-     * <ExpandableBlock.LabelArea>
-     *    <ExpandableBLock.Title> Title </ExpandableBlock.Title>
-     *    <ExpandableBlock.Caption> Caption </ExpandableBlock.Caption>
-     * </ExpandableBlock.LabelArea>
-     */
-    LabelArea: PolymorphicForwardRefComponent<"span", {}>;
-    /**
-     * The main text displayed on the block header, regardless of state.
-     */
-    Title: PolymorphicForwardRefComponent<"button", {}>;
-    /**
-     * Small note displayed below title, regardless of state.
-     */
-    Caption: PolymorphicForwardRefComponent<"div", {}>;
-    /**
-     * Svg icon displayed at the end of the main text.
-     * Will override status icon if specified. Used inside `Header` subcomponent.
-     * @example
-     * <ExpandableBlock.Trigger>
-     *    <ExpandableBlock.EndIcon> <SvgIcon/> </ExpandableBlock.EndIcon>
-     * <ExpandableBlock.Trigger/>
-     */
-    EndIcon: PolymorphicForwardRefComponent<"span", Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-        ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
-    }, "fill" | "as" | "key" | "size" | keyof React.HTMLAttributes<HTMLSpanElement> | "padded"> & {
-        size?: "auto" | "small" | "medium" | "large" | import("../../utils/types.js").AnyString;
-        fill?: "default" | "positive" | "informational" | "negative" | "warning" | import("../../utils/types.js").AnyString;
-        padded?: boolean;
-    } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-        as?: "span" | undefined;
-    }, "ref">>;
-    /**
-     * Content shown in the block's body when fully expanded.
-     * @example
-     * <ExpandableBlock.Wrapper>
-     *    <ExpandableBlock.Content> Content </ExpandableBlock.Content>
-     * </ExpandableBlock.Wrapper>
-     */
-    Content: PolymorphicForwardRefComponent<"div", ExpandableBlockContentOwnProps>;
-};
-export {};

package/cjs/core/ExpandableBlock/ExpandableBlock.js

@@ -1,211 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-Object.defineProperty(exports, 'ExpandableBlock', {
-  enumerable: true,
-  get: function () {
-    return ExpandableBlock;
-  },
-});
-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 _Icon = require('../Icon/Icon.js');
-const _LinkAction = require('../LinkAction/LinkAction.js');
-const ExpandableBlockContext = _react.createContext(void 0);
-const ExpandableBlockComponent = _react.forwardRef((props, forwardedRef) => {
-  let { children, title, caption, endIcon, ...rest } = props;
-  return _react.createElement(
-    ExpandableBlock.Wrapper,
-    {
-      ...rest,
-      ref: forwardedRef,
-    },
-    _react.createElement(ExpandableBlock.Trigger, {
-      label: title,
-      caption: caption,
-      endIcon: endIcon,
-    }),
-    _react.createElement(ExpandableBlock.Content, null, children),
-  );
-});
-const ExpandableBlockWrapper = _react.forwardRef((props, forwardedRef) => {
-  let {
-    children,
-    className,
-    onToggle,
-    style,
-    isExpanded,
-    status,
-    size = 'default',
-    styleType = 'default',
-    disabled = false,
-    ...rest
-  } = props;
-  let [expandedState, setExpanded] = _react.useState(isExpanded ?? false);
-  let expanded = isExpanded ?? expandedState;
-  let [descriptionId, setDescriptionId] = _react.useState(void 0);
-  return _react.createElement(
-    ExpandableBlockContext.Provider,
-    {
-      value: {
-        status,
-        isExpanded: expanded,
-        onToggle,
-        size,
-        styleType,
-        disabled,
-        setExpanded,
-        children,
-        descriptionId,
-        setDescriptionId,
-      },
-    },
-    _react.createElement(
-      _index.Box,
-      {
-        className: (0, _classnames.default)('iui-expandable-block', className),
-        'data-iui-expanded': expanded,
-        'data-iui-size': size,
-        'data-iui-variant': 'default' !== styleType ? styleType : void 0,
-        style: style,
-        ref: forwardedRef,
-        ...rest,
-      },
-      children,
-    ),
-  );
-});
-const ExpandableBlockTrigger = _react.forwardRef((props, forwardedRef) => {
-  let { className, children, label, caption, expandIcon, endIcon, ...rest } =
-    props;
-  let { disabled, status } = (0, _index.useSafeContext)(ExpandableBlockContext);
-  return _react.createElement(
-    _LinkAction.LinkBox,
-    {
-      className: (0, _classnames.default)('iui-expandable-header', className),
-      'data-iui-disabled': disabled ? 'true' : void 0,
-      ref: forwardedRef,
-      ...rest,
-    },
-    children ??
-      _react.createElement(
-        _react.Fragment,
-        null,
-        expandIcon ?? _react.createElement(ExpandableBlock.ExpandIcon, null),
-        _react.createElement(
-          ExpandableBlock.LabelArea,
-          null,
-          _react.createElement(ExpandableBlock.Title, null, label),
-          caption &&
-            _react.createElement(ExpandableBlock.Caption, null, caption),
-        ),
-        endIcon || status
-          ? _react.createElement(ExpandableBlock.EndIcon, null, endIcon)
-          : null,
-      ),
-  );
-});
-const ExpandableBlockExpandIcon = _react.forwardRef((props, forwardedRef) => {
-  let { className, children, ...rest } = props;
-  return _react.createElement(
-    _Icon.Icon,
-    {
-      className: (0, _classnames.default)(
-        'iui-expandable-block-icon',
-        className,
-      ),
-      ref: forwardedRef,
-      ...rest,
-    },
-    children ??
-      _react.createElement(_index.SvgChevronRight, {
-        'aria-hidden': true,
-      }),
-  );
-});
-const ExpandableBlockLabelArea = _index.polymorphic.span(
-  'iui-expandable-block-label',
-);
-const ExpandableBlockTitle = _react.forwardRef((props, forwardedRef) => {
-  let { className, children, onClick: onClickProp, ...rest } = props;
-  let { isExpanded, setExpanded, disabled, onToggle, descriptionId } = (0,
-  _index.useSafeContext)(ExpandableBlockContext);
-  return _react.createElement(
-    _index.ButtonBase,
-    {
-      className: (0, _classnames.default)(
-        'iui-expandable-block-title',
-        'iui-link-action',
-        className,
-      ),
-      'aria-expanded': isExpanded,
-      'aria-disabled': disabled,
-      onClick: (0, _index.mergeEventHandlers)(onClickProp, () => {
-        if (disabled) return;
-        setExpanded(!isExpanded);
-        onToggle?.(!isExpanded);
-      }),
-      ref: forwardedRef,
-      'aria-describedby': descriptionId,
-      ...rest,
-    },
-    children,
-  );
-});
-const ExpandableBlockCaption = _react.forwardRef((props, forwardedRef) => {
-  let fallbackId = (0, _index.useId)();
-  let { setDescriptionId } = (0, _index.useSafeContext)(ExpandableBlockContext);
-  _react.useEffect(() => {
-    setDescriptionId(props.id || fallbackId);
-    return () => setDescriptionId(void 0);
-  }, [props.id, fallbackId, setDescriptionId]);
-  return _react.createElement(_index.Box, {
-    ref: forwardedRef,
-    id: fallbackId,
-    ...props,
-    className: (0, _classnames.default)(
-      'iui-expandable-block-caption',
-      props?.className,
-    ),
-  });
-});
-const ExpandableBlockEndIcon = _react.forwardRef((props, forwardedRef) => {
-  let { children, ...rest } = props;
-  let { status } = (0, _index.useSafeContext)(ExpandableBlockContext);
-  let icon = children ?? (status && _index.StatusIconMap[status]());
-  return _react.createElement(
-    _Icon.Icon,
-    {
-      fill: status,
-      ref: forwardedRef,
-      ...rest,
-    },
-    icon,
-  );
-});
-const ExpandableBlockContent = _react.forwardRef((props, forwardedRef) => {
-  let { className, children, innerProps, ...rest } = props;
-  return _react.createElement(
-    _index.Box,
-    {
-      className: (0, _classnames.default)('iui-expandable-content', className),
-      ref: forwardedRef,
-      ...rest,
-    },
-    _react.createElement(_index.Box, innerProps, children),
-  );
-});
-const ExpandableBlock = Object.assign(ExpandableBlockComponent, {
-  Wrapper: ExpandableBlockWrapper,
-  Trigger: ExpandableBlockTrigger,
-  ExpandIcon: ExpandableBlockExpandIcon,
-  LabelArea: ExpandableBlockLabelArea,
-  Title: ExpandableBlockTitle,
-  Caption: ExpandableBlockCaption,
-  EndIcon: ExpandableBlockEndIcon,
-  Content: ExpandableBlockContent,
-});

package/cjs/core/Fieldset/Fieldset.d.ts

@@ -1,21 +0,0 @@
-import * as React from 'react';
-import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
-type FieldsetProps = {
-    /**
-     * The caption or title for the fieldset.
-     */
-    legend?: React.ReactNode;
-};
-/**
- * Fieldset component to group several inputs, controls and labels within a form.
- * @example
- * <Fieldset legend='Settings'>
- *   <Input />
- *   <InputGroup>
- *     <ToggleSwitch />
- *     <ToggleSwitch />
- *   </InputGroup>
- * </Fieldset>
- */
-export declare const Fieldset: PolymorphicForwardRefComponent<"fieldset", FieldsetProps>;
-export {};

package/cjs/core/Fieldset/Fieldset.js

@@ -1,37 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-Object.defineProperty(exports, 'Fieldset', {
-  enumerable: true,
-  get: function () {
-    return Fieldset;
-  },
-});
-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 _index = require('../../utils/index.js');
-const _classnames = _interop_require_default._(require('classnames'));
-const Fieldset = _react.forwardRef((props, ref) => {
-  let { children, className, disabled, legend, ...rest } = props;
-  return _react.createElement(
-    _index.FieldsetBase,
-    {
-      className: (0, _classnames.default)('iui-fieldset', className),
-      disabled: disabled,
-      ref: ref,
-      ...rest,
-    },
-    legend && _react.createElement('legend', null, legend),
-    disabled
-      ? _react.Children.map(children, (child) =>
-          _react.isValidElement(child)
-            ? _react.cloneElement(child, {
-                disabled: true,
-              })
-            : child,
-        )
-      : children,
-  );
-});

package/cjs/core/FileUpload/FileEmptyCard.d.ts

@@ -1,21 +0,0 @@
-import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
-/**
- * Empty file card to be used with the `FileUploadCard` component when no file has been uploaded.
- * @example
- * <FileEmptyCard />
- * <FileEmptyCard>
- *   <FileEmptyCard.Icon>
- *     <SvgSmileySadVery />
- *   </FileEmptyCard.Icon>
- *   <FileEmptyCard.Text>
- *     <FileUploadCard.InputLabel>
- *       Custom Label Text
- *     </FileUploadCard.InputLabel>
- *     <div>Custom Description Text</div>
- *   </FileEmptyCard.Text>
- * </FileEmptyCard>
- */
-export declare const FileEmptyCard: PolymorphicForwardRefComponent<"div", {}> & {
-    Icon: PolymorphicForwardRefComponent<"span", {}>;
-    Text: PolymorphicForwardRefComponent<"span", {}>;
-};

package/cjs/core/FileUpload/FileEmptyCard.js

@@ -1,51 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-Object.defineProperty(exports, 'FileEmptyCard', {
-  enumerable: true,
-  get: function () {
-    return FileEmptyCard;
-  },
-});
-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 _index = require('../../utils/index.js');
-const _classnames = _interop_require_default._(require('classnames'));
-const _FileUploadCard = require('./FileUploadCard.js');
-const FileEmptyCardIcon = _index.polymorphic.span('iui-file-card-empty-icon', {
-  children: _react.createElement(_index.SvgUpload, null),
-});
-const FileEmptyCardText = _index.polymorphic.span('iui-file-card-empty-action');
-const FileEmptyCardComponent = _react.forwardRef((props, ref) => {
-  let { children, className, ...rest } = props;
-  return _react.createElement(
-    _index.Box,
-    {
-      className: (0, _classnames.default)('iui-file-card-empty', className),
-      ref: ref,
-      ...rest,
-    },
-    children ??
-      _react.createElement(
-        _react.Fragment,
-        null,
-        _react.createElement(FileEmptyCard.Icon, null),
-        _react.createElement(
-          FileEmptyCard.Text,
-          null,
-          _react.createElement(
-            _FileUploadCard.FileUploadCard.InputLabel,
-            null,
-            'Choose a file',
-          ),
-          _react.createElement('div', null, 'to upload.'),
-        ),
-      ),
-  );
-});
-const FileEmptyCard = Object.assign(FileEmptyCardComponent, {
-  Icon: FileEmptyCardIcon,
-  Text: FileEmptyCardText,
-});