@itwin/itwinui-react 3.17.0-dev.1 → 3.17.0

package/DEV-cjs/utils/components/WithCSSTransition.js

@@ -1,60 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-Object.defineProperty(exports, 'WithCSSTransition', {
-  enumerable: true,
-  get: function () {
-    return WithCSSTransition;
-  },
-});
-const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _reacttransitiongroup = require('react-transition-group');
-const _styles = require('../../styles.js');
-const WithCSSTransition = (props) => {
-  let { in: visible, dimension = 'height', children, ...rest } = props;
-  let expandedSize = _react.useRef(0);
-  let dimensionCamelCase = 'height' === dimension ? 'Height' : 'Width';
-  return _react.createElement(
-    _reacttransitiongroup.CSSTransition,
-    {
-      in: visible,
-      timeout: 200,
-      unmountOnExit: true,
-      onEnter: (node) => {
-        node.style[`min${dimensionCamelCase}`] = 'initial';
-        node.style[dimension] = '0px';
-      },
-      onEntering: (node) => {
-        node.style[dimension] = `${expandedSize.current}px`;
-      },
-      onEntered: (node) => {
-        node.style[`min${dimensionCamelCase}`] = '';
-        node.style[dimension] = '';
-      },
-      onExit: (node) => {
-        node.style[dimension] = `${expandedSize.current}px`;
-      },
-      onExiting: (node) => {
-        node.style[`min${dimensionCamelCase}`] = 'initial';
-        node.style[dimension] = '0px';
-      },
-      classNames: {
-        enter: _styles.styles['iui-enter'],
-        enterActive: _styles.styles['iui-enter-active'],
-        exit: _styles.styles['iui-exit'],
-        exitActive: _styles.styles['iui-exit-active'],
-      },
-      ...rest,
-    },
-    _react.isValidElement(children)
-      ? _react.cloneElement(children, {
-          ref: (el) => {
-            if (el)
-              expandedSize.current = el.getBoundingClientRect()[dimension];
-          },
-        })
-      : _react.createElement(_react.Fragment, null),
-  );
-};

package/DEV-esm/utils/components/WithCSSTransition.js

@@ -1,49 +0,0 @@
-import * as React from 'react';
-import { CSSTransition } from 'react-transition-group';
-import { styles } from '../../styles.js';
-export const WithCSSTransition = (props) => {
-  let { in: visible, dimension = 'height', children, ...rest } = props;
-  let expandedSize = React.useRef(0);
-  let dimensionCamelCase = 'height' === dimension ? 'Height' : 'Width';
-  return React.createElement(
-    CSSTransition,
-    {
-      in: visible,
-      timeout: 200,
-      unmountOnExit: true,
-      onEnter: (node) => {
-        node.style[`min${dimensionCamelCase}`] = 'initial';
-        node.style[dimension] = '0px';
-      },
-      onEntering: (node) => {
-        node.style[dimension] = `${expandedSize.current}px`;
-      },
-      onEntered: (node) => {
-        node.style[`min${dimensionCamelCase}`] = '';
-        node.style[dimension] = '';
-      },
-      onExit: (node) => {
-        node.style[dimension] = `${expandedSize.current}px`;
-      },
-      onExiting: (node) => {
-        node.style[`min${dimensionCamelCase}`] = 'initial';
-        node.style[dimension] = '0px';
-      },
-      classNames: {
-        enter: styles['iui-enter'],
-        enterActive: styles['iui-enter-active'],
-        exit: styles['iui-exit'],
-        exitActive: styles['iui-exit-active'],
-      },
-      ...rest,
-    },
-    React.isValidElement(children)
-      ? React.cloneElement(children, {
-          ref: (el) => {
-            if (el)
-              expandedSize.current = el.getBoundingClientRect()[dimension];
-          },
-        })
-      : React.createElement(React.Fragment, null),
-  );
-};

package/cjs/utils/components/WithCSSTransition.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import { CSSTransition } from 'react-transition-group';
-export declare const WithCSSTransition: (props: Partial<React.ComponentPropsWithoutRef<typeof CSSTransition>> & {
-    children: JSX.Element;
-    dimension?: "height" | "width";
-}) => React.JSX.Element;

package/cjs/utils/components/WithCSSTransition.js

@@ -1,60 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-Object.defineProperty(exports, 'WithCSSTransition', {
-  enumerable: true,
-  get: function () {
-    return WithCSSTransition;
-  },
-});
-const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _reacttransitiongroup = require('react-transition-group');
-const _styles = require('../../styles.js');
-const WithCSSTransition = (props) => {
-  let { in: visible, dimension = 'height', children, ...rest } = props;
-  let expandedSize = _react.useRef(0);
-  let dimensionCamelCase = 'height' === dimension ? 'Height' : 'Width';
-  return _react.createElement(
-    _reacttransitiongroup.CSSTransition,
-    {
-      in: visible,
-      timeout: 200,
-      unmountOnExit: true,
-      onEnter: (node) => {
-        node.style[`min${dimensionCamelCase}`] = 'initial';
-        node.style[dimension] = '0px';
-      },
-      onEntering: (node) => {
-        node.style[dimension] = `${expandedSize.current}px`;
-      },
-      onEntered: (node) => {
-        node.style[`min${dimensionCamelCase}`] = '';
-        node.style[dimension] = '';
-      },
-      onExit: (node) => {
-        node.style[dimension] = `${expandedSize.current}px`;
-      },
-      onExiting: (node) => {
-        node.style[`min${dimensionCamelCase}`] = 'initial';
-        node.style[dimension] = '0px';
-      },
-      classNames: {
-        enter: _styles.styles['iui-enter'],
-        enterActive: _styles.styles['iui-enter-active'],
-        exit: _styles.styles['iui-exit'],
-        exitActive: _styles.styles['iui-exit-active'],
-      },
-      ...rest,
-    },
-    _react.isValidElement(children)
-      ? _react.cloneElement(children, {
-          ref: (el) => {
-            if (el)
-              expandedSize.current = el.getBoundingClientRect()[dimension];
-          },
-        })
-      : _react.createElement(_react.Fragment, null),
-  );
-};

package/esm/utils/components/WithCSSTransition.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import { CSSTransition } from 'react-transition-group';
-export declare const WithCSSTransition: (props: Partial<React.ComponentPropsWithoutRef<typeof CSSTransition>> & {
-    children: JSX.Element;
-    dimension?: "height" | "width";
-}) => React.JSX.Element;

package/esm/utils/components/WithCSSTransition.js

@@ -1,49 +0,0 @@
-import * as React from 'react';
-import { CSSTransition } from 'react-transition-group';
-import { styles } from '../../styles.js';
-export const WithCSSTransition = (props) => {
-  let { in: visible, dimension = 'height', children, ...rest } = props;
-  let expandedSize = React.useRef(0);
-  let dimensionCamelCase = 'height' === dimension ? 'Height' : 'Width';
-  return React.createElement(
-    CSSTransition,
-    {
-      in: visible,
-      timeout: 200,
-      unmountOnExit: true,
-      onEnter: (node) => {
-        node.style[`min${dimensionCamelCase}`] = 'initial';
-        node.style[dimension] = '0px';
-      },
-      onEntering: (node) => {
-        node.style[dimension] = `${expandedSize.current}px`;
-      },
-      onEntered: (node) => {
-        node.style[`min${dimensionCamelCase}`] = '';
-        node.style[dimension] = '';
-      },
-      onExit: (node) => {
-        node.style[dimension] = `${expandedSize.current}px`;
-      },
-      onExiting: (node) => {
-        node.style[`min${dimensionCamelCase}`] = 'initial';
-        node.style[dimension] = '0px';
-      },
-      classNames: {
-        enter: styles['iui-enter'],
-        enterActive: styles['iui-enter-active'],
-        exit: styles['iui-exit'],
-        exitActive: styles['iui-exit-active'],
-      },
-      ...rest,
-    },
-    React.isValidElement(children)
-      ? React.cloneElement(children, {
-          ref: (el) => {
-            if (el)
-              expandedSize.current = el.getBoundingClientRect()[dimension];
-          },
-        })
-      : React.createElement(React.Fragment, null),
-  );
-};