@itwin/itwinui-react 2.8.1 → 2.8.2
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.
package/CHANGELOG.md
CHANGED
|
@@ -115,6 +115,7 @@ exports.DialogMain = react_1.default.forwardRef((props, ref) => {
|
|
|
115
115
|
const content = (react_1.default.createElement("div", { className: (0, classnames_1.default)('iui-dialog', {
|
|
116
116
|
'iui-dialog-default': styleType === 'default',
|
|
117
117
|
'iui-dialog-full-page': styleType === 'fullPage',
|
|
118
|
+
'iui-dialog-visible': isOpen,
|
|
118
119
|
'iui-dialog-draggable': isDraggable,
|
|
119
120
|
}, className), role: 'dialog', ref: refs, onKeyDown: handleKeyDown, tabIndex: -1, style: {
|
|
120
121
|
transform,
|
|
@@ -132,7 +133,6 @@ exports.DialogMain = react_1.default.forwardRef((props, ref) => {
|
|
|
132
133
|
return (react_1.default.createElement(react_transition_group_1.CSSTransition, { in: isOpen, classNames: {
|
|
133
134
|
enter: 'iui-dialog-animation-enter',
|
|
134
135
|
enterActive: 'iui-dialog-animation-enter-active',
|
|
135
|
-
enterDone: 'iui-dialog-visible',
|
|
136
136
|
}, timeout: { exit: 600 },
|
|
137
137
|
// Focuses dialog when opened
|
|
138
138
|
onEntered: () => {
|
|
@@ -109,6 +109,7 @@ export const DialogMain = React.forwardRef((props, ref) => {
|
|
|
109
109
|
const content = (React.createElement("div", { className: cx('iui-dialog', {
|
|
110
110
|
'iui-dialog-default': styleType === 'default',
|
|
111
111
|
'iui-dialog-full-page': styleType === 'fullPage',
|
|
112
|
+
'iui-dialog-visible': isOpen,
|
|
112
113
|
'iui-dialog-draggable': isDraggable,
|
|
113
114
|
}, className), role: 'dialog', ref: refs, onKeyDown: handleKeyDown, tabIndex: -1, style: {
|
|
114
115
|
transform,
|
|
@@ -126,7 +127,6 @@ export const DialogMain = React.forwardRef((props, ref) => {
|
|
|
126
127
|
return (React.createElement(CSSTransition, { in: isOpen, classNames: {
|
|
127
128
|
enter: 'iui-dialog-animation-enter',
|
|
128
129
|
enterActive: 'iui-dialog-animation-enter-active',
|
|
129
|
-
enterDone: 'iui-dialog-visible',
|
|
130
130
|
}, timeout: { exit: 600 },
|
|
131
131
|
// Focuses dialog when opened
|
|
132
132
|
onEntered: () => {
|