@itwin/itwinui-react 3.18.2 → 3.19.0

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 (133) hide show
  1. package/CHANGELOG.md +50 -0
  2. package/DEV-cjs/core/ComboBox/ComboBoxMenuItem.js +1 -1
  3. package/DEV-cjs/core/Menu/MenuItem.js +8 -7
  4. package/DEV-cjs/core/Select/Select.js +18 -10
  5. package/DEV-cjs/core/SideNavigation/SideNavigation.js +2 -2
  6. package/DEV-cjs/core/Table/ColumnHeader.js +7 -3
  7. package/DEV-cjs/core/Table/Table.js +65 -5
  8. package/DEV-cjs/core/Table/cells/DefaultCell.js +14 -9
  9. package/DEV-cjs/core/Table/columns/actionColumn.js +1 -0
  10. package/DEV-cjs/core/Table/columns/expanderColumn.js +25 -20
  11. package/DEV-cjs/core/Table/columns/selectionColumn.js +14 -8
  12. package/DEV-cjs/core/Table/hooks/useExpanderCell.js +10 -6
  13. package/DEV-cjs/core/Tag/Tag.js +8 -2
  14. package/DEV-cjs/core/ThemeProvider/ThemeProvider.js +46 -46
  15. package/DEV-cjs/core/ToggleSwitch/ToggleSwitch.js +15 -4
  16. package/DEV-cjs/styles.js +1 -1
  17. package/DEV-cjs/utils/components/index.js +1 -1
  18. package/DEV-cjs/utils/components/lineClamp.js +23 -0
  19. package/DEV-cjs/utils/functions/react.js +18 -4
  20. package/DEV-cjs/utils/hooks/useControlledState.js +5 -1
  21. package/DEV-cjs/utils/providers/FutureFlagsProvider.js +48 -0
  22. package/DEV-cjs/utils/providers/index.js +1 -0
  23. package/DEV-esm/core/ComboBox/ComboBoxMenuItem.js +1 -1
  24. package/DEV-esm/core/Menu/MenuItem.js +8 -7
  25. package/DEV-esm/core/Select/Select.js +19 -10
  26. package/DEV-esm/core/SideNavigation/SideNavigation.js +2 -2
  27. package/DEV-esm/core/Table/ColumnHeader.js +8 -4
  28. package/DEV-esm/core/Table/Table.js +65 -5
  29. package/DEV-esm/core/Table/cells/DefaultCell.js +15 -10
  30. package/DEV-esm/core/Table/columns/actionColumn.js +1 -0
  31. package/DEV-esm/core/Table/columns/expanderColumn.js +25 -20
  32. package/DEV-esm/core/Table/columns/selectionColumn.js +14 -8
  33. package/DEV-esm/core/Table/hooks/useExpanderCell.js +10 -6
  34. package/DEV-esm/core/Tag/Tag.js +11 -3
  35. package/DEV-esm/core/ThemeProvider/ThemeProvider.js +48 -42
  36. package/DEV-esm/core/ToggleSwitch/ToggleSwitch.js +15 -5
  37. package/DEV-esm/styles.js +1 -1
  38. package/DEV-esm/utils/components/index.js +1 -1
  39. package/DEV-esm/utils/components/lineClamp.js +13 -0
  40. package/DEV-esm/utils/functions/react.js +6 -1
  41. package/DEV-esm/utils/hooks/useControlledState.js +5 -1
  42. package/DEV-esm/utils/providers/FutureFlagsProvider.js +28 -0
  43. package/DEV-esm/utils/providers/index.js +1 -0
  44. package/cjs/core/Buttons/DropdownButton.d.ts +1 -1
  45. package/cjs/core/ComboBox/ComboBoxMenuItem.d.ts +5 -16
  46. package/cjs/core/ComboBox/ComboBoxMenuItem.js +1 -1
  47. package/cjs/core/DropdownMenu/DropdownMenu.d.ts +1 -1
  48. package/cjs/core/Menu/MenuItem.d.ts +7 -1
  49. package/cjs/core/Menu/MenuItem.js +8 -7
  50. package/cjs/core/Popover/Popover.d.ts +5 -3
  51. package/cjs/core/Select/Select.js +18 -10
  52. package/cjs/core/SideNavigation/SideNavigation.js +2 -2
  53. package/cjs/core/Table/ColumnHeader.js +7 -3
  54. package/cjs/core/Table/Table.d.ts +2 -2
  55. package/cjs/core/Table/Table.js +65 -5
  56. package/cjs/core/Table/cells/DefaultCell.js +14 -9
  57. package/cjs/core/Table/columns/actionColumn.d.ts +1 -0
  58. package/cjs/core/Table/columns/actionColumn.js +1 -0
  59. package/cjs/core/Table/columns/expanderColumn.d.ts +2 -2
  60. package/cjs/core/Table/columns/expanderColumn.js +25 -20
  61. package/cjs/core/Table/columns/selectionColumn.d.ts +2 -2
  62. package/cjs/core/Table/columns/selectionColumn.js +14 -8
  63. package/cjs/core/Table/hooks/useExpanderCell.js +10 -6
  64. package/cjs/core/Tabs/Tabs.d.ts +4 -1
  65. package/cjs/core/Tag/Tag.js +8 -2
  66. package/cjs/core/ThemeProvider/ThemeContext.d.ts +1 -2
  67. package/cjs/core/ThemeProvider/ThemeProvider.d.ts +8 -18
  68. package/cjs/core/ThemeProvider/ThemeProvider.js +46 -46
  69. package/cjs/core/ToggleSwitch/ToggleSwitch.d.ts +21 -0
  70. package/cjs/core/ToggleSwitch/ToggleSwitch.js +15 -4
  71. package/cjs/styles.js +1 -1
  72. package/cjs/utils/components/index.d.ts +1 -1
  73. package/cjs/utils/components/index.js +1 -1
  74. package/cjs/utils/components/lineClamp.d.ts +5 -0
  75. package/cjs/utils/components/lineClamp.js +23 -0
  76. package/cjs/utils/functions/react.d.ts +5 -0
  77. package/cjs/utils/functions/react.js +18 -4
  78. package/cjs/utils/hooks/useControlledState.d.ts +5 -2
  79. package/cjs/utils/hooks/useControlledState.js +5 -1
  80. package/cjs/utils/hooks/useGlobals.d.ts +0 -1
  81. package/cjs/utils/providers/FutureFlagsProvider.d.ts +37 -0
  82. package/cjs/utils/providers/FutureFlagsProvider.js +48 -0
  83. package/cjs/utils/providers/index.d.ts +1 -0
  84. package/cjs/utils/providers/index.js +1 -0
  85. package/esm/core/Buttons/DropdownButton.d.ts +1 -1
  86. package/esm/core/ComboBox/ComboBoxMenuItem.d.ts +5 -16
  87. package/esm/core/ComboBox/ComboBoxMenuItem.js +1 -1
  88. package/esm/core/DropdownMenu/DropdownMenu.d.ts +1 -1
  89. package/esm/core/Menu/MenuItem.d.ts +7 -1
  90. package/esm/core/Menu/MenuItem.js +8 -7
  91. package/esm/core/Popover/Popover.d.ts +5 -3
  92. package/esm/core/Select/Select.js +19 -10
  93. package/esm/core/SideNavigation/SideNavigation.js +2 -2
  94. package/esm/core/Table/ColumnHeader.js +8 -4
  95. package/esm/core/Table/Table.d.ts +2 -2
  96. package/esm/core/Table/Table.js +65 -5
  97. package/esm/core/Table/cells/DefaultCell.js +15 -10
  98. package/esm/core/Table/columns/actionColumn.d.ts +1 -0
  99. package/esm/core/Table/columns/actionColumn.js +1 -0
  100. package/esm/core/Table/columns/expanderColumn.d.ts +2 -2
  101. package/esm/core/Table/columns/expanderColumn.js +25 -20
  102. package/esm/core/Table/columns/selectionColumn.d.ts +2 -2
  103. package/esm/core/Table/columns/selectionColumn.js +14 -8
  104. package/esm/core/Table/hooks/useExpanderCell.js +10 -6
  105. package/esm/core/Tabs/Tabs.d.ts +4 -1
  106. package/esm/core/Tag/Tag.js +11 -3
  107. package/esm/core/ThemeProvider/ThemeContext.d.ts +1 -2
  108. package/esm/core/ThemeProvider/ThemeProvider.d.ts +8 -18
  109. package/esm/core/ThemeProvider/ThemeProvider.js +48 -42
  110. package/esm/core/ToggleSwitch/ToggleSwitch.d.ts +21 -0
  111. package/esm/core/ToggleSwitch/ToggleSwitch.js +15 -5
  112. package/esm/styles.js +1 -1
  113. package/esm/utils/components/index.d.ts +1 -1
  114. package/esm/utils/components/index.js +1 -1
  115. package/esm/utils/components/lineClamp.d.ts +5 -0
  116. package/esm/utils/components/lineClamp.js +13 -0
  117. package/esm/utils/functions/react.d.ts +5 -0
  118. package/esm/utils/functions/react.js +6 -1
  119. package/esm/utils/hooks/useControlledState.d.ts +5 -2
  120. package/esm/utils/hooks/useControlledState.js +5 -1
  121. package/esm/utils/hooks/useGlobals.d.ts +0 -1
  122. package/esm/utils/providers/FutureFlagsProvider.d.ts +37 -0
  123. package/esm/utils/providers/FutureFlagsProvider.js +28 -0
  124. package/esm/utils/providers/index.d.ts +1 -0
  125. package/esm/utils/providers/index.js +1 -0
  126. package/package.json +11 -5
  127. package/styles.css +10 -10
  128. package/DEV-cjs/utils/components/LineClamp.js +0 -50
  129. package/DEV-esm/utils/components/LineClamp.js +0 -36
  130. package/cjs/utils/components/LineClamp.d.ts +0 -5
  131. package/cjs/utils/components/LineClamp.js +0 -50
  132. package/esm/utils/components/LineClamp.d.ts +0 -5
  133. package/esm/utils/components/LineClamp.js +0 -36
package/DEV-cjs/utils/components/LineClamp.js DELETED
@@ -1,50 +0,0 @@
1
- 'use strict';
2
- Object.defineProperty(exports, '__esModule', {
3
- value: true,
4
- });
5
- Object.defineProperty(exports, 'LineClamp', {
6
- enumerable: true,
7
- get: function () {
8
- return LineClamp;
9
- },
10
- });
11
- const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
12
- const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
13
- const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
14
- const _classnames = /*#__PURE__*/ _interop_require_default._(
15
- require('classnames'),
16
- );
17
- const _Box = require('./Box.js');
18
- const _ShadowRoot = require('./ShadowRoot.js');
19
- const LineClamp = _react.forwardRef((props, forwardedRef) => {
20
- let { lines, children, ...rest } = props;
21
- return _react.createElement(
22
- _Box.Box,
23
- {
24
- ref: forwardedRef,
25
- ...rest,
26
- className: (0, _classnames.default)('iui-line-clamp', props.className),
27
- style: {
28
- '--_iui-line-clamp': lines,
29
- ...props.style,
30
- },
31
- },
32
- _react.createElement(
33
- _ShadowRoot.ShadowRoot,
34
- {
35
- css: css,
36
- flush: false,
37
- },
38
- _react.createElement('slot', null),
39
- ),
40
- children,
41
- );
42
- });
43
- const css = `
44
- :host {
45
- overflow: hidden;
46
- display: -webkit-box;
47
- -webkit-line-clamp: var(--_iui-line-clamp, 3);
48
- -webkit-box-orient: vertical;
49
- }
50
- `;
package/DEV-esm/utils/components/LineClamp.js DELETED
@@ -1,36 +0,0 @@
1
- import * as React from 'react';
2
- import cx from 'classnames';
3
- import { Box } from './Box.js';
4
- import { ShadowRoot } from './ShadowRoot.js';
5
- export const LineClamp = React.forwardRef((props, forwardedRef) => {
6
- let { lines, children, ...rest } = props;
7
- return React.createElement(
8
- Box,
9
- {
10
- ref: forwardedRef,
11
- ...rest,
12
- className: cx('iui-line-clamp', props.className),
13
- style: {
14
- '--_iui-line-clamp': lines,
15
- ...props.style,
16
- },
17
- },
18
- React.createElement(
19
- ShadowRoot,
20
- {
21
- css: css,
22
- flush: false,
23
- },
24
- React.createElement('slot', null),
25
- ),
26
- children,
27
- );
28
- });
29
- let css = `
30
- :host {
31
- overflow: hidden;
32
- display: -webkit-box;
33
- -webkit-line-clamp: var(--_iui-line-clamp, 3);
34
- -webkit-box-orient: vertical;
35
- }
36
- `;
package/cjs/utils/components/LineClamp.d.ts DELETED
@@ -1,5 +0,0 @@
1
- import type { PolymorphicForwardRefComponent } from '../props.js';
2
- /** @private */
3
- export declare const LineClamp: PolymorphicForwardRefComponent<"div", {
4
- lines?: number;
5
- }>;
package/cjs/utils/components/LineClamp.js DELETED
@@ -1,50 +0,0 @@
1
- 'use strict';
2
- Object.defineProperty(exports, '__esModule', {
3
- value: true,
4
- });
5
- Object.defineProperty(exports, 'LineClamp', {
6
- enumerable: true,
7
- get: function () {
8
- return LineClamp;
9
- },
10
- });
11
- const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
12
- const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
13
- const _react = /*#__PURE__*/ _interop_require_wildcard._(require('react'));
14
- const _classnames = /*#__PURE__*/ _interop_require_default._(
15
- require('classnames'),
16
- );
17
- const _Box = require('./Box.js');
18
- const _ShadowRoot = require('./ShadowRoot.js');
19
- const LineClamp = _react.forwardRef((props, forwardedRef) => {
20
- let { lines, children, ...rest } = props;
21
- return _react.createElement(
22
- _Box.Box,
23
- {
24
- ref: forwardedRef,
25
- ...rest,
26
- className: (0, _classnames.default)('iui-line-clamp', props.className),
27
- style: {
28
- '--_iui-line-clamp': lines,
29
- ...props.style,
30
- },
31
- },
32
- _react.createElement(
33
- _ShadowRoot.ShadowRoot,
34
- {
35
- css: css,
36
- flush: false,
37
- },
38
- _react.createElement('slot', null),
39
- ),
40
- children,
41
- );
42
- });
43
- const css = `
44
- :host {
45
- overflow: hidden;
46
- display: -webkit-box;
47
- -webkit-line-clamp: var(--_iui-line-clamp, 3);
48
- -webkit-box-orient: vertical;
49
- }
50
- `;
package/esm/utils/components/LineClamp.d.ts DELETED
@@ -1,5 +0,0 @@
1
- import type { PolymorphicForwardRefComponent } from '../props.js';
2
- /** @private */
3
- export declare const LineClamp: PolymorphicForwardRefComponent<"div", {
4
- lines?: number;
5
- }>;
package/esm/utils/components/LineClamp.js DELETED
@@ -1,36 +0,0 @@
1
- import * as React from 'react';
2
- import cx from 'classnames';
3
- import { Box } from './Box.js';
4
- import { ShadowRoot } from './ShadowRoot.js';
5
- export const LineClamp = React.forwardRef((props, forwardedRef) => {
6
- let { lines, children, ...rest } = props;
7
- return React.createElement(
8
- Box,
9
- {
10
- ref: forwardedRef,
11
- ...rest,
12
- className: cx('iui-line-clamp', props.className),
13
- style: {
14
- '--_iui-line-clamp': lines,
15
- ...props.style,
16
- },
17
- },
18
- React.createElement(
19
- ShadowRoot,
20
- {
21
- css: css,
22
- flush: false,
23
- },
24
- React.createElement('slot', null),
25
- ),
26
- children,
27
- );
28
- });
29
- let css = `
30
- :host {
31
- overflow: hidden;
32
- display: -webkit-box;
33
- -webkit-line-clamp: var(--_iui-line-clamp, 3);
34
- -webkit-box-orient: vertical;
35
- }
36
- `;