@itwin/itwinui-react 3.0.0-dev.2 → 3.0.0-dev.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (99) hide show
  1. package/CHANGELOG.md +35 -0
  2. package/cjs/core/Alert/Alert.d.ts +2 -2
  3. package/cjs/core/Avatar/Avatar.d.ts +0 -4
  4. package/cjs/core/Avatar/Avatar.js +1 -5
  5. package/cjs/core/Avatar/index.d.ts +1 -1
  6. package/cjs/core/Avatar/index.js +1 -2
  7. package/cjs/core/AvatarGroup/AvatarGroup.d.ts +0 -4
  8. package/cjs/core/AvatarGroup/AvatarGroup.js +1 -5
  9. package/cjs/core/AvatarGroup/index.d.ts +1 -1
  10. package/cjs/core/AvatarGroup/index.js +1 -2
  11. package/cjs/core/FileUpload/FileUpload.d.ts +3 -4
  12. package/cjs/core/FileUpload/FileUpload.js +2 -2
  13. package/cjs/core/FileUpload/FileUploadTemplate.d.ts +1 -0
  14. package/cjs/core/FileUpload/FileUploadTemplate.js +1 -0
  15. package/cjs/core/Header/Header.d.ts +1 -20
  16. package/cjs/core/Header/Header.js +1 -2
  17. package/cjs/core/ProgressIndicators/ProgressRadial/ProgressRadial.d.ts +2 -2
  18. package/cjs/core/ProgressIndicators/ProgressRadial/ProgressRadial.js +10 -17
  19. package/cjs/core/Slider/Slider.d.ts +2 -1
  20. package/cjs/core/Slider/Thumb.d.ts +2 -2
  21. package/cjs/core/Slider/Thumb.js +1 -1
  22. package/cjs/core/Stepper/index.d.ts +0 -4
  23. package/cjs/core/Stepper/index.js +1 -4
  24. package/cjs/core/Tabs/Tabs.d.ts +0 -36
  25. package/cjs/core/Tabs/Tabs.js +1 -29
  26. package/cjs/core/Tabs/index.d.ts +1 -1
  27. package/cjs/core/Tabs/index.js +1 -3
  28. package/cjs/core/ThemeProvider/ThemeProvider.js +5 -2
  29. package/cjs/core/Tile/Tile.d.ts +157 -99
  30. package/cjs/core/Tile/Tile.js +273 -99
  31. package/cjs/core/Toast/Toast.d.ts +5 -10
  32. package/cjs/core/Toast/Toast.js +15 -13
  33. package/cjs/core/Toast/Toaster.d.ts +24 -26
  34. package/cjs/core/Toast/Toaster.js +91 -116
  35. package/cjs/core/Toast/index.d.ts +1 -4
  36. package/cjs/core/Toast/index.js +3 -6
  37. package/cjs/core/Tooltip/Tooltip.d.ts +67 -7
  38. package/cjs/core/Tooltip/Tooltip.js +96 -7
  39. package/cjs/core/index.d.ts +6 -7
  40. package/cjs/core/index.js +4 -12
  41. package/cjs/core/utils/components/Popover.d.ts +1 -1
  42. package/cjs/core/utils/functions/dom.d.ts +0 -8
  43. package/cjs/core/utils/functions/dom.js +1 -24
  44. package/cjs/core/utils/functions/polymorphic.d.ts +1 -1
  45. package/cjs/styles.js +1 -5
  46. package/esm/core/Alert/Alert.d.ts +2 -2
  47. package/esm/core/Avatar/Avatar.d.ts +0 -4
  48. package/esm/core/Avatar/Avatar.js +0 -4
  49. package/esm/core/Avatar/index.d.ts +1 -1
  50. package/esm/core/Avatar/index.js +1 -1
  51. package/esm/core/AvatarGroup/AvatarGroup.d.ts +0 -4
  52. package/esm/core/AvatarGroup/AvatarGroup.js +0 -4
  53. package/esm/core/AvatarGroup/index.d.ts +1 -1
  54. package/esm/core/AvatarGroup/index.js +1 -1
  55. package/esm/core/FileUpload/FileUpload.d.ts +3 -4
  56. package/esm/core/FileUpload/FileUpload.js +2 -2
  57. package/esm/core/FileUpload/FileUploadTemplate.d.ts +1 -0
  58. package/esm/core/FileUpload/FileUploadTemplate.js +1 -0
  59. package/esm/core/Header/Header.d.ts +1 -20
  60. package/esm/core/Header/Header.js +1 -2
  61. package/esm/core/ProgressIndicators/ProgressRadial/ProgressRadial.d.ts +2 -2
  62. package/esm/core/ProgressIndicators/ProgressRadial/ProgressRadial.js +11 -18
  63. package/esm/core/Slider/Slider.d.ts +2 -1
  64. package/esm/core/Slider/Thumb.d.ts +2 -2
  65. package/esm/core/Slider/Thumb.js +1 -1
  66. package/esm/core/Stepper/index.d.ts +0 -4
  67. package/esm/core/Stepper/index.js +0 -2
  68. package/esm/core/Tabs/Tabs.d.ts +0 -36
  69. package/esm/core/Tabs/Tabs.js +0 -26
  70. package/esm/core/Tabs/index.d.ts +1 -1
  71. package/esm/core/Tabs/index.js +1 -1
  72. package/esm/core/ThemeProvider/ThemeProvider.js +5 -2
  73. package/esm/core/Tile/Tile.d.ts +157 -99
  74. package/esm/core/Tile/Tile.js +273 -99
  75. package/esm/core/Toast/Toast.d.ts +5 -10
  76. package/esm/core/Toast/Toast.js +16 -14
  77. package/esm/core/Toast/Toaster.d.ts +24 -26
  78. package/esm/core/Toast/Toaster.js +85 -116
  79. package/esm/core/Toast/index.d.ts +1 -4
  80. package/esm/core/Toast/index.js +1 -3
  81. package/esm/core/Tooltip/Tooltip.d.ts +67 -7
  82. package/esm/core/Tooltip/Tooltip.js +97 -7
  83. package/esm/core/index.d.ts +6 -7
  84. package/esm/core/index.js +5 -5
  85. package/esm/core/utils/components/Popover.d.ts +1 -1
  86. package/esm/core/utils/functions/dom.d.ts +0 -8
  87. package/esm/core/utils/functions/dom.js +0 -19
  88. package/esm/core/utils/functions/polymorphic.d.ts +1 -1
  89. package/esm/styles.js +1 -5
  90. package/package.json +4 -3
  91. package/styles.css +55 -52
  92. package/cjs/core/Stepper/Wizard.d.ts +0 -46
  93. package/cjs/core/Stepper/Wizard.js +0 -55
  94. package/cjs/core/Toast/ToastWrapper.d.ts +0 -10
  95. package/cjs/core/Toast/ToastWrapper.js +0 -49
  96. package/esm/core/Stepper/Wizard.d.ts +0 -46
  97. package/esm/core/Stepper/Wizard.js +0 -29
  98. package/esm/core/Toast/ToastWrapper.d.ts +0 -10
  99. package/esm/core/Toast/ToastWrapper.js +0 -20
@@ -1,46 +0,0 @@
1
- import * as React from 'react';
2
- import type { StepperProps, StepperLocalization } from './Stepper.js';
3
- /**
4
- * @deprecated Since v2:
5
- *
6
- * - For `default` | `long`, use `StepperType` with `Stepper` instead
7
- * - For `workflow`, use `WorkflowDiagram` instead
8
- */
9
- export declare type WizardType = 'default' | 'long' | 'workflow';
10
- /**
11
- * @deprecated Since v2, use `StepperLocalization` with `Stepper`
12
- */
13
- export declare type WizardLocalization = StepperLocalization;
14
- /**
15
- * @deprecated Since v2, use `StepperProps` with `Stepper` or `WorkflowDiagramProps` with `WorkflowDiagram`
16
- */
17
- export declare type WizardProps = {
18
- /**
19
- * The type of Wizard to display.
20
- * @default 'default'
21
- */
22
- type?: WizardType;
23
- } & Omit<StepperProps, 'type'>;
24
- /**
25
- * @deprecated Since v2, use `Stepper` (type = `default` | `long`) or WorkflowDiagram (type = `workflow`)
26
- *
27
- * A wizard displays progress through a sequence of logical and numbered steps.
28
- * It may also be used for navigation.
29
- *
30
- * The `type` can be set to 'long' to show labels under steps.
31
- *
32
- * @example
33
- * <Wizard
34
- * steps=[{name: "Step One"}, {name: "Step Two"}, {name: "Step Three"}]
35
- * currentStep={0}
36
- * type='long'
37
- * />
38
- */
39
- export declare const Wizard: React.ForwardRefExoticComponent<{
40
- /**
41
- * The type of Wizard to display.
42
- * @default 'default'
43
- */
44
- type?: WizardType | undefined;
45
- } & Omit<StepperProps, "type"> & React.RefAttributes<HTMLDivElement>>;
46
- export default Wizard;
@@ -1,29 +0,0 @@
1
- /*---------------------------------------------------------------------------------------------
2
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
3
- * See LICENSE.md in the project root for license terms and full copyright notice.
4
- *--------------------------------------------------------------------------------------------*/
5
- import * as React from 'react';
6
- import { Stepper } from './Stepper.js';
7
- import { WorkflowDiagram } from './WorkflowDiagram.js';
8
- /**
9
- * @deprecated Since v2, use `Stepper` (type = `default` | `long`) or WorkflowDiagram (type = `workflow`)
10
- *
11
- * A wizard displays progress through a sequence of logical and numbered steps.
12
- * It may also be used for navigation.
13
- *
14
- * The `type` can be set to 'long' to show labels under steps.
15
- *
16
- * @example
17
- * <Wizard
18
- * steps=[{name: "Step One"}, {name: "Step Two"}, {name: "Step Three"}]
19
- * currentStep={0}
20
- * type='long'
21
- * />
22
- */
23
- export const Wizard = React.forwardRef(
24
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
25
- (props, ref) => {
26
- const { currentStep, steps, type = 'default', localization, onStepClick, ...rest } = props;
27
- return type !== 'workflow' ? (React.createElement(Stepper, { type: type, currentStep: currentStep, steps: steps, localization: localization, onStepClick: onStepClick, ref: ref, ...rest })) : (React.createElement(WorkflowDiagram, { steps: steps, ref: ref, ...rest }));
28
- });
29
- export default Wizard;
@@ -1,10 +0,0 @@
1
- import * as React from 'react';
2
- import type { ToastProps } from './Toast.js';
3
- import type { ToasterSettings } from './Toaster.js';
4
- declare type ToastPlacement = NonNullable<ToasterSettings['placement']>;
5
- export declare type ToastWrapperHandle = {
6
- setToasts: (toasts: ToastProps[]) => void;
7
- setPlacement: (placement: ToastPlacement) => void;
8
- };
9
- export declare const ToastWrapper: React.ForwardRefExoticComponent<React.RefAttributes<ToastWrapperHandle>>;
10
- export {};
@@ -1,20 +0,0 @@
1
- /*---------------------------------------------------------------------------------------------
2
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
3
- * See LICENSE.md in the project root for license terms and full copyright notice.
4
- *--------------------------------------------------------------------------------------------*/
5
- import * as React from 'react';
6
- import cx from 'classnames';
7
- import Toast from './Toast.js';
8
- import { Box } from '../utils/index.js';
9
- export const ToastWrapper = React.forwardRef((_, ref) => {
10
- const [toasts, setToasts] = React.useState([]);
11
- const [placement, setPlacement] = React.useState('top');
12
- const placementPosition = placement.startsWith('top') ? 'top' : 'bottom';
13
- React.useImperativeHandle(ref, () => ({
14
- setToasts,
15
- setPlacement,
16
- }), []);
17
- return (React.createElement(Box, { className: cx(`iui-toast-wrapper`, `iui-placement-${placement}`) }, toasts.map((toastProps) => {
18
- return (React.createElement(Toast, { key: toastProps.id, placementPosition: placementPosition, ...toastProps }));
19
- })));
20
- });