@itwin/itwinui-react 1.48.1 → 2.0.0-dev.1

package/cjs/core/UserIconGroup/UserIconGroup.d.ts

@@ -1,62 +0,0 @@
-import React from 'react';
-import { CommonProps } from '../utils';
-import '@itwin/itwinui-css/css/user-icon.css';
-export declare type UserIconGroupProps = {
-    /**
-     * Max number of icons unstacked.
-     * @default 5
-     */
-    maxIcons?: number;
-    /**
-     * If true, group will be stacked to take less space.
-     * @default true
-     */
-    stacked?: boolean;
-    /**
-     * If true, group will be animated on hover.
-     * @default false
-     */
-    animated?: boolean;
-    /**
-     * Size of user and count icons.
-     * @default 'small'
-     */
-    iconSize?: 'small' | 'medium' | 'large' | 'x-large';
-    /**
-     * User Icons in the group.
-     */
-    children: React.ReactNode;
-    /**
-     * User Count Icon props.
-     */
-    countIconProps?: React.ComponentPropsWithRef<'div'>;
-} & Omit<CommonProps, 'title'>;
-/**
- * Group User Icons together.
- *
- * User Icons stacking is based on `maxIcons` count. If you provide 8 User Icons and keep default 5 `maxIcons` count,
- * this component will show 5 User Icons and User Count Icon with "3" in it.
- *
- * You can add custom User Count Icon behavior by using `countIconProps`.
- *
- * @example
- * <UserIconGroup iconSize='medium'>
- *  <UserIcon
- *    abbreviation="TR"
- *    backgroundColor={getUserColor("Terry Rivers")}
- *    title="Terry Rivers"
- *  />
- *  <UserIcon
- *    abbreviation="RM"
- *    backgroundColor={getUserColor("Robin Mercer")}
- *    title="Robin Mercer"
- *  />
- *  <UserIcon
- *    abbreviation="JM"
- *    backgroundColor={getUserColor("Jean Mullins")}
- *    title="Jean Mullins"
- *  />
- * </UserIconGroup>
- */
-export declare const UserIconGroup: (props: UserIconGroupProps) => JSX.Element;
-export default UserIconGroup;

package/cjs/core/UserIconGroup/index.d.ts

@@ -1,4 +0,0 @@
-export { UserIconGroup } from './UserIconGroup';
-export type { UserIconGroupProps } from './UserIconGroup';
-declare const _default: "./UserIconGroup";
-export default _default;

package/cjs/core/Wizard/Wizard.d.ts

@@ -1,54 +0,0 @@
-import React from 'react';
-import '@itwin/itwinui-css/css/wizard.css';
-export declare type WizardLocalization = {
-    stepsCountLabel: (currentStep: number, totalSteps: number) => string;
-};
-export declare type WizardType = 'default' | 'long' | 'workflow';
-export declare type StepProperties = {
-    /**
-     * The title/label of the step.
-     */
-    name: string;
-    /**
-     * A tooltip giving detailed description to this step.
-     */
-    description?: string;
-};
-export declare type WizardProps = {
-    /**
-     * Current step index, 0 - based.
-     */
-    currentStep?: number;
-    /**
-     * An array of step objects.
-     */
-    steps: StepProperties[];
-    /**
-     *  The type of Wizard to display.
-     *  @default 'default'
-     */
-    type?: WizardType;
-    /**
-     *  Option to provide localized strings.
-     */
-    localization?: WizardLocalization;
-    /**
-     *  Click handler on completed step.
-     */
-    onStepClick?: (clickedIndex: number) => void;
-};
-/**
- * A wizard displays progress through a sequence of logical and numbered steps.
- * It may also be used for navigation.
- *
- * The `type` can be set to 'long' to show labels under steps.
- *
- * @example
- * <Wizard
- *  steps=[{name: "Step One"}, {name: "Step Two"}, {name: "Step Three"}]
- *  currentStep={0}
- *  type='long'
- *  />
- */
-export declare const Wizard: React.ForwardRefExoticComponent<WizardProps & React.RefAttributes<HTMLDivElement>>;
-export default Wizard;

package/cjs/core/Wizard/index.d.ts

@@ -1,4 +0,0 @@
-export { Wizard } from './Wizard';
-export type { WizardProps, StepProperties, WizardType, WizardLocalization, } from './Wizard';
-declare const _default: "./Wizard";
-export default _default;

package/cjs/core/utils/components/icons.js

@@ -1,32 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StatusIconMap = void 0;
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-var InfoCircular_1 = __importDefault(require("@itwin/itwinui-icons-react/cjs/icons/InfoCircular"));
-var StatusError_1 = __importDefault(require("@itwin/itwinui-icons-react/cjs/icons/StatusError"));
-var StatusSuccess_1 = __importDefault(require("@itwin/itwinui-icons-react/cjs/icons/StatusSuccess"));
-var StatusWarning_1 = __importDefault(require("@itwin/itwinui-icons-react/cjs/icons/StatusWarning"));
-var react_1 = __importDefault(require("react"));
-exports.StatusIconMap = {
-    negative: function (args) { return react_1.default.createElement(StatusError_1.default, __assign({ "aria-hidden": true }, args)); },
-    positive: function (args) { return react_1.default.createElement(StatusSuccess_1.default, __assign({ "aria-hidden": true }, args)); },
-    warning: function (args) { return react_1.default.createElement(StatusWarning_1.default, __assign({ "aria-hidden": true }, args)); },
-    informational: function (args) { return (react_1.default.createElement(InfoCircular_1.default, __assign({ "aria-hidden": true }, args))); },
-};

package/esm/core/UserIcon/UserIcon.d.ts

@@ -1,57 +0,0 @@
-/// <reference types="react" />
-import { CommonProps } from '../utils';
-import '@itwin/itwinui-css/css/user-icon.css';
-export declare type UserIconStatus = 'online' | 'busy' | 'away' | 'offline';
-export declare type StatusTitles = {
-    [key in Exclude<UserIconStatus, ''>]: string;
-};
-export declare type UserIconProps = {
-    /**
-     * Size of a user icon.
-     * @default 'small'
-     */
-    size?: 'small' | 'medium' | 'large' | 'x-large';
-    /**
-     * Status/Availability of a user.
-     */
-    status?: UserIconStatus;
-    /**
-     * Text which will appear when hovering over the icon.
-     */
-    title?: string;
-    /**
-     * Abbreviation to be displayed.
-     */
-    abbreviation?: string;
-    /**
-     * User image to be displayed. MUST be an <img> element!
-     */
-    image?: JSX.Element;
-    /**
-     * Color of the icon. You can use `getUserColor` function to generate color from user name or email.
-     * @default 'white'
-     */
-    backgroundColor?: string;
-    /**
-     * Translated status messages shown on hover.
-     */
-    translatedStatusTitles?: StatusTitles;
-} & Omit<CommonProps, 'title'>;
-export declare const defaultStatusTitles: StatusTitles;
-/**
- * Basic user icon component
- * @example
- * <caption>Small icon with abbreviation</caption>
- * <UserIcon size='small' title='Terry Rivers' abbreviation='TR' backgroundColor='green'/>
- * @example
- * <caption>Medium icon with image</caption>
- * <UserIcon size='medium' title='Terry Rivers' abbreviation='TR' backgroundColor='green' image={<img src="https://cdn.example.com/user/profile/pic.png" />}/>
- * @example
- * <caption>Large icon with status</caption>
- * <UserIcon size='large' title='Terry Rivers' abbreviation='TR' backgroundColor='green' status='online' />
- * @example
- * <caption>X-large icon with image</caption>
- * <UserIcon size='x-large' title='Terry Rivers' abbreviation='TR' backgroundColor='green' image={<img src="https://cdn.example.com/user/profile/pic.png" />}/>
- */
-export declare const UserIcon: (props: UserIconProps) => JSX.Element;
-export default UserIcon;

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

@@ -1,4 +0,0 @@
-export { UserIcon } from './UserIcon';
-export type { UserIconProps, StatusTitles, UserIconStatus } from './UserIcon';
-declare const _default: "./UserIcon";
-export default _default;

package/esm/core/UserIconGroup/UserIconGroup.d.ts

@@ -1,62 +0,0 @@
-import React from 'react';
-import { CommonProps } from '../utils';
-import '@itwin/itwinui-css/css/user-icon.css';
-export declare type UserIconGroupProps = {
-    /**
-     * Max number of icons unstacked.
-     * @default 5
-     */
-    maxIcons?: number;
-    /**
-     * If true, group will be stacked to take less space.
-     * @default true
-     */
-    stacked?: boolean;
-    /**
-     * If true, group will be animated on hover.
-     * @default false
-     */
-    animated?: boolean;
-    /**
-     * Size of user and count icons.
-     * @default 'small'
-     */
-    iconSize?: 'small' | 'medium' | 'large' | 'x-large';
-    /**
-     * User Icons in the group.
-     */
-    children: React.ReactNode;
-    /**
-     * User Count Icon props.
-     */
-    countIconProps?: React.ComponentPropsWithRef<'div'>;
-} & Omit<CommonProps, 'title'>;
-/**
- * Group User Icons together.
- *
- * User Icons stacking is based on `maxIcons` count. If you provide 8 User Icons and keep default 5 `maxIcons` count,
- * this component will show 5 User Icons and User Count Icon with "3" in it.
- *
- * You can add custom User Count Icon behavior by using `countIconProps`.
- *
- * @example
- * <UserIconGroup iconSize='medium'>
- *  <UserIcon
- *    abbreviation="TR"
- *    backgroundColor={getUserColor("Terry Rivers")}
- *    title="Terry Rivers"
- *  />
- *  <UserIcon
- *    abbreviation="RM"
- *    backgroundColor={getUserColor("Robin Mercer")}
- *    title="Robin Mercer"
- *  />
- *  <UserIcon
- *    abbreviation="JM"
- *    backgroundColor={getUserColor("Jean Mullins")}
- *    title="Jean Mullins"
- *  />
- * </UserIconGroup>
- */
-export declare const UserIconGroup: (props: UserIconGroupProps) => JSX.Element;
-export default UserIconGroup;

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

@@ -1,4 +0,0 @@
-export { UserIconGroup } from './UserIconGroup';
-export type { UserIconGroupProps } from './UserIconGroup';
-declare const _default: "./UserIconGroup";
-export default _default;

package/esm/core/Wizard/Wizard.d.ts

@@ -1,54 +0,0 @@
-import React from 'react';
-import '@itwin/itwinui-css/css/wizard.css';
-export declare type WizardLocalization = {
-    stepsCountLabel: (currentStep: number, totalSteps: number) => string;
-};
-export declare type WizardType = 'default' | 'long' | 'workflow';
-export declare type StepProperties = {
-    /**
-     * The title/label of the step.
-     */
-    name: string;
-    /**
-     * A tooltip giving detailed description to this step.
-     */
-    description?: string;
-};
-export declare type WizardProps = {
-    /**
-     * Current step index, 0 - based.
-     */
-    currentStep?: number;
-    /**
-     * An array of step objects.
-     */
-    steps: StepProperties[];
-    /**
-     *  The type of Wizard to display.
-     *  @default 'default'
-     */
-    type?: WizardType;
-    /**
-     *  Option to provide localized strings.
-     */
-    localization?: WizardLocalization;
-    /**
-     *  Click handler on completed step.
-     */
-    onStepClick?: (clickedIndex: number) => void;
-};
-/**
- * A wizard displays progress through a sequence of logical and numbered steps.
- * It may also be used for navigation.
- *
- * The `type` can be set to 'long' to show labels under steps.
- *
- * @example
- * <Wizard
- *  steps=[{name: "Step One"}, {name: "Step Two"}, {name: "Step Three"}]
- *  currentStep={0}
- *  type='long'
- *  />
- */
-export declare const Wizard: React.ForwardRefExoticComponent<WizardProps & React.RefAttributes<HTMLDivElement>>;
-export default Wizard;

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

@@ -1,4 +0,0 @@
-export { Wizard } from './Wizard';
-export type { WizardProps, StepProperties, WizardType, WizardLocalization, } from './Wizard';
-declare const _default: "./Wizard";
-export default _default;