@itwin/itwinui-react 3.15.5 → 5.0.0-alpha.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-cjs/utils/components/index.js

@@ -1,20 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-const _export_star = require('@swc/helpers/_/_export_star');
-_export_star._(require('./Resizer.js'), exports);
-_export_star._(require('./FocusTrap.js'), exports);
-_export_star._(require('./InputContainer.js'), exports);
-_export_star._(require('./InputFlexContainer.js'), exports);
-_export_star._(require('./InputWithIcon.js'), exports);
-_export_star._(require('./WithCSSTransition.js'), exports);
-_export_star._(require('./MiddleTextTruncation.js'), exports);
-_export_star._(require('./AutoclearingHiddenLiveRegion.js'), exports);
-_export_star._(require('./Box.js'), exports);
-_export_star._(require('./ButtonBase.js'), exports);
-_export_star._(require('./Portal.js'), exports);
-_export_star._(require('./ShadowRoot.js'), exports);
-_export_star._(require('./LineClamp.js'), exports);
-_export_star._(require('./FieldsetBase.js'), exports);
-_export_star._(require('./OverflowContainer.js'), exports);

package/DEV-cjs/utils/functions/colors.js

@@ -1,47 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-function _export(target, all) {
-  for (var name in all)
-    Object.defineProperty(target, name, {
-      enumerable: true,
-      get: all[name],
-    });
-}
-_export(exports, {
-  SoftBackgrounds: function () {
-    return SoftBackgrounds;
-  },
-  getUserColor: function () {
-    return getUserColor;
-  },
-  isSoftBackground: function () {
-    return isSoftBackground;
-  },
-});
-const SoftBackgrounds = {
-  skyblue: 'var(--iui-color-background-skyblue)',
-  celery: 'var(--iui-color-background-celery)',
-  froly: 'var(--iui-color-background-froly)',
-  steelblue: 'var(--iui-color-background-steelblue)',
-  sunglow: 'var(--iui-color-background-sunglow)',
-  seabuckthorn: 'var(--iui-color-background-seabuckthorn)',
-  montecarlo: 'var(--iui-color-background-montecarlo)',
-  poloblue: 'var(--iui-color-background-poloblue)',
-  bouquet: 'var(--iui-color-background-bouquet)',
-  ash: 'var(--iui-color-background-ash)',
-  oak: 'var(--iui-color-background-oak)',
-};
-const isSoftBackground = (value) =>
-  Object.keys(SoftBackgrounds).includes(value);
-const USER_COLORS = Object.values(SoftBackgrounds);
-const getUserColor = (emailOrName) => {
-  let normalizedString = emailOrName.trim().toLowerCase();
-  let hash = 0;
-  for (let i = 0; i < normalizedString.length; i++) {
-    let charCode = normalizedString.charCodeAt(i);
-    hash = (hash + charCode) % USER_COLORS.length;
-  }
-  return USER_COLORS[hash];
-};

package/DEV-cjs/utils/functions/date.js

@@ -1,18 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-Object.defineProperty(exports, 'isBefore', {
-  enumerable: true,
-  get: function () {
-    return isBefore;
-  },
-});
-const isBefore = (beforeDate, afterDate) => {
-  if (!beforeDate || !afterDate) return false;
-  let firstDate = new Date(beforeDate);
-  let secondDate = new Date(afterDate);
-  firstDate && firstDate.setHours(0, 0, 0, 0);
-  secondDate && secondDate.setHours(0, 0, 0, 0);
-  return firstDate < secondDate;
-};

package/DEV-cjs/utils/functions/dev.js

@@ -1,19 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-Object.defineProperty(exports, 'isUnitTest', {
-  enumerable: true,
-  get: function () {
-    return isUnitTest;
-  },
-});
-const isJest = 'undefined' != typeof jest;
-const isCypress = void 0 !== globalThis.Cypress;
-const isMocha =
-  void 0 !== globalThis.beforeEach &&
-  'function(name,fn){suites[0].beforeEach(name,fn);}' ===
-    `${globalThis.beforeEach}`.replace(/\s/g, '') &&
-  !isCypress;
-const isVitest = void 0 !== globalThis.__vitest_index__;
-const isUnitTest = isJest || isVitest || isMocha;

package/DEV-cjs/utils/functions/dom.js

@@ -1,47 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-function _export(target, all) {
-  for (var name in all)
-    Object.defineProperty(target, name, {
-      enumerable: true,
-      get: all[name],
-    });
-}
-_export(exports, {
-  getDocument: function () {
-    return getDocument;
-  },
-  getTranslateValues: function () {
-    return getTranslateValues;
-  },
-  getTranslateValuesFromElement: function () {
-    return getTranslateValuesFromElement;
-  },
-  getWindow: function () {
-    return getWindow;
-  },
-  mergeEventHandlers: function () {
-    return mergeEventHandlers;
-  },
-});
-const getDocument = () => ('undefined' == typeof document ? void 0 : document);
-const getWindow = () => ('undefined' == typeof window ? void 0 : window);
-const mergeEventHandlers =
-  (...callbacks) =>
-  (event) => {
-    for (let cb of callbacks) {
-      cb?.(event);
-      if (event?.defaultPrevented) return;
-    }
-  };
-const getTranslateValuesFromElement = (element) => {
-  if (!element) return [];
-  let transformValue = getComputedStyle(element).getPropertyValue('transform');
-  return getTranslateValues(transformValue);
-};
-const getTranslateValues = (transformValue) => {
-  let matrix = new DOMMatrix(transformValue);
-  return [matrix.m41, matrix.m42];
-};

package/DEV-cjs/utils/functions/focusable.js

@@ -1,91 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-function _export(target, all) {
-  for (var name in all)
-    Object.defineProperty(target, name, {
-      enumerable: true,
-      get: all[name],
-    });
-}
-_export(exports, {
-  getFocusableElements: function () {
-    return getFocusableElements;
-  },
-  getTabbableElements: function () {
-    return getTabbableElements;
-  },
-  useFocusableElements: function () {
-    return useFocusableElements;
-  },
-});
-const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _index = require('../hooks/index.js');
-const tabbableElementsSelector =
-  'a[href], button, input, textarea, select, details, audio[controls], video[controls], [contenteditable]:not([contenteditable="false"]), [tabindex]:not([tabindex="-1"])';
-const getTabbableElements = (container) => {
-  if (!container) return [];
-  let elements = container.querySelectorAll(tabbableElementsSelector);
-  return Array.from(elements).filter(
-    (el) =>
-      !el.hasAttribute('disabled') &&
-      !el.classList.contains('iui-disabled') &&
-      'true' !== el.getAttribute('aria-disabled'),
-  );
-};
-const getFocusableElements = (container) => {
-  if (!container) return [];
-  let elements = container.querySelectorAll(
-    `${tabbableElementsSelector}, [tabindex="-1"]`,
-  );
-  return Array.from(elements).filter(
-    (el) =>
-      !el.hasAttribute('disabled') &&
-      !el.classList.contains('iui-disabled') &&
-      'true' !== el.getAttribute('aria-disabled'),
-  );
-};
-function useFocusableElements(root, extraOptions) {
-  let focusableElementsRef = _react.useRef([]);
-  let [focusableElements, setFocusableElements] = _react.useState(
-    focusableElementsRef.current,
-  );
-  let setFocusableElementsRefAndState = (newFocusableElements) => {
-    focusableElementsRef.current = newFocusableElements;
-    setFocusableElements(newFocusableElements);
-  };
-  let { filter: filterProp } = extraOptions ?? {};
-  let filter = (0, _index.useLatestRef)(filterProp);
-  let returnValue = _react.useMemo(
-    () => ({
-      focusableElementsRef,
-      focusableElements,
-    }),
-    [focusableElementsRef, focusableElements],
-  );
-  return (0, _index.useSyncExternalStore)(
-    _react.useCallback(() => {
-      if (!root) {
-        setFocusableElementsRefAndState([]);
-        return () => {};
-      }
-      updateFocusableElements();
-      let observer = new MutationObserver(() => updateFocusableElements());
-      observer.observe(root, {
-        childList: true,
-        subtree: true,
-      });
-      return () => observer.disconnect();
-      function updateFocusableElements() {
-        let newFocusableElements = getFocusableElements(root);
-        if (filter.current)
-          newFocusableElements = filter.current?.(newFocusableElements);
-        setFocusableElementsRefAndState(newFocusableElements);
-      }
-    }, [root, filter]),
-    () => returnValue,
-    () => returnValue,
-  );
-}

package/DEV-cjs/utils/functions/import.js

@@ -1,33 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-Object.defineProperty(exports, 'importCss', {
-  enumerable: true,
-  get: function () {
-    return importCss;
-  },
-});
-const importCss = async (url) => {
-  try {
-    return await new Function(
-      `return import("${url}", { with: { type: "css" } })`,
-    )();
-  } catch {
-    try {
-      return await new Function(
-        `return import("${url}", { assert: { type: "css" } })`,
-      )();
-    } catch {
-      return await fetch(url)
-        .then((res) => res.text())
-        .then((cssText) => {
-          let stylesheet = new CSSStyleSheet();
-          stylesheet.replaceSync(cssText);
-          return {
-            default: stylesheet,
-          };
-        });
-    }
-  }
-};

package/DEV-cjs/utils/functions/index.js

@@ -1,15 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-const _export_star = require('@swc/helpers/_/_export_star');
-_export_star._(require('./date.js'), exports);
-_export_star._(require('./dom.js'), exports);
-_export_star._(require('./colors.js'), exports);
-_export_star._(require('./numbers.js'), exports);
-_export_star._(require('./focusable.js'), exports);
-_export_star._(require('./supports.js'), exports);
-_export_star._(require('./polymorphic.js'), exports);
-_export_star._(require('./import.js'), exports);
-_export_star._(require('./react.js'), exports);
-_export_star._(require('./dev.js'), exports);

package/DEV-cjs/utils/functions/numbers.js

@@ -1,34 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-function _export(target, all) {
-  for (var name in all)
-    Object.defineProperty(target, name, {
-      enumerable: true,
-      get: all[name],
-    });
-}
-_export(exports, {
-  getBoundedValue: function () {
-    return getBoundedValue;
-  },
-  getRandomValue: function () {
-    return getRandomValue;
-  },
-  roundByDPR: function () {
-    return roundByDPR;
-  },
-});
-const getBoundedValue = (val, min, max) => Math.min(max, Math.max(min, val));
-const getRandomValue = (length = 21) => {
-  let alphabet =
-    '_-0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
-  let id = '';
-  for (let i = 0; i < length; i++) id += alphabet[(64 * Math.random()) | 0];
-  return id;
-};
-const roundByDPR = (value) => {
-  let dpr = window.devicePixelRatio || 1;
-  return Math.round(value * dpr) / dpr;
-};

package/DEV-cjs/utils/functions/polymorphic.js

@@ -1,61 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-Object.defineProperty(exports, 'polymorphic', {
-  enumerable: true,
-  get: function () {
-    return polymorphic;
-  },
-});
-const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
-const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
-const _useGlobals = require('../hooks/useGlobals.js');
-const _styles = require('../../styles.js');
-const _base = (defaultElement) => (className, attrs) => {
-  let Comp = _react.forwardRef(({ as = defaultElement, ...props }, ref) => {
-    props = {
-      ...attrs,
-      ...props,
-      className: getScopedClassName(
-        (0, _classnames.default)(className, attrs?.className, props.className),
-      ),
-    };
-    let Element = as || 'div';
-    if (
-      'button' === Element ||
-      'a' === Element ||
-      ('input' === Element && 'checkbox' === props.type)
-    ) {
-      var _props;
-      (_props = props).tabIndex ?? (_props.tabIndex = 0);
-    }
-    (0, _useGlobals.useGlobals)();
-    return _react.createElement(Element, {
-      ref: ref,
-      ...props,
-    });
-  });
-  Comp.displayName = getDisplayNameFromClass(className);
-  return Comp;
-};
-const polymorphic = new Proxy(
-  {},
-  {
-    get: (target, prop) => {
-      if ('string' == typeof prop) return _base(prop);
-      return Reflect.get(target, prop);
-    },
-  },
-);
-const getDisplayNameFromClass = (str) => {
-  let camel = str.replace(/-([a-z])/g, (g) => g[1].toUpperCase());
-  return camel.substring(3);
-};
-const getScopedClassName = (className = '') =>
-  className
-    .split(' ')
-    .map((c) => (c in _styles.styles ? _styles.styles[c] : c))
-    .join(' ') || null;

package/DEV-cjs/utils/functions/react.js

@@ -1,28 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-Object.defineProperty(exports, 'cloneElementWithRef', {
-  enumerable: true,
-  get: function () {
-    return cloneElementWithRef;
-  },
-});
-const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _useMergedRefs = require('../hooks/useMergedRefs.js');
-const cloneElementWithRef = (children, getProps) => {
-  if (!children) return null;
-  if (!_react.isValidElement(children)) return children;
-  let props = getProps(children);
-  let ref = (0, _useMergedRefs.mergeRefs)(
-    ...[
-      'ref' in children ? children.ref : null,
-      'ref' in props ? props.ref : null,
-    ].filter(Boolean),
-  );
-  return _react.cloneElement(children, {
-    ...props,
-    ref,
-  });
-};

package/DEV-cjs/utils/functions/supports.js

@@ -1,13 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-Object.defineProperty(exports, 'supportsHas', {
-  enumerable: true,
-  get: function () {
-    return supportsHas;
-  },
-});
-const _dom = require('./dom.js');
-const supportsHas = () =>
-  (0, _dom.getWindow)()?.CSS?.supports?.('selector(:has(+ *))');

package/DEV-cjs/utils/hooks/index.js

@@ -1,22 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-const _export_star = require('@swc/helpers/_/_export_star');
-_export_star._(require('./useEventListener.js'), exports);
-_export_star._(require('./useMergedRefs.js'), exports);
-_export_star._(require('./useOverflow.js'), exports);
-_export_star._(require('./useResizeObserver.js'), exports);
-_export_star._(require('./useContainerWidth.js'), exports);
-_export_star._(require('./useGlobals.js'), exports);
-_export_star._(require('./useIntersection.js'), exports);
-_export_star._(require('./useMediaQuery.js'), exports);
-_export_star._(require('./useSafeContext.js'), exports);
-_export_star._(require('./useLatestRef.js'), exports);
-_export_star._(require('./useIsomorphicLayoutEffect.js'), exports);
-_export_star._(require('./useIsClient.js'), exports);
-_export_star._(require('./useId.js'), exports);
-_export_star._(require('./useControlledState.js'), exports);
-_export_star._(require('./useSyncExternalStore.js'), exports);
-_export_star._(require('./useVirtualScroll.js'), exports);
-_export_star._(require('./useWarningLogger.js'), exports);

package/DEV-cjs/utils/hooks/useContainerWidth.js

@@ -1,34 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-Object.defineProperty(exports, 'useContainerWidth', {
-  enumerable: true,
-  get: function () {
-    return useContainerWidth;
-  },
-});
-const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _useMergedRefs = require('./useMergedRefs.js');
-const _useResizeObserver = require('./useResizeObserver.js');
-const useContainerWidth = (watchResizes = true) => {
-  let [contentWidth, setContentWidth] = _react.useState(0);
-  let ref = _react.useCallback((element) => {
-    if (!element) return;
-    setContentWidth(element.getBoundingClientRect().width);
-  }, []);
-  let updateWidth = _react.useCallback(
-    ({ width }) => setContentWidth(width),
-    [],
-  );
-  let [resizeRef, resizeObserver] = (0, _useResizeObserver.useResizeObserver)(
-    updateWidth,
-  );
-  if (!watchResizes) resizeObserver?.disconnect();
-  let refs = (0, _useMergedRefs.useMergedRefs)(
-    ref,
-    watchResizes ? resizeRef : void 0,
-  );
-  return [refs, contentWidth];
-};

package/DEV-cjs/utils/hooks/useControlledState.js

@@ -1,31 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-Object.defineProperty(exports, 'useControlledState', {
-  enumerable: true,
-  get: function () {
-    return useControlledState;
-  },
-});
-const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const useControlledState = (
-  initialValue,
-  controlledState,
-  setControlledState,
-) => {
-  let [uncontrolledState, setUncontrolledState] = _react.useState(initialValue);
-  let state = _react.useMemo(
-    () => (void 0 !== controlledState ? controlledState : uncontrolledState),
-    [controlledState, uncontrolledState],
-  );
-  let setState = _react.useCallback(
-    (value) => {
-      setUncontrolledState(value);
-      setControlledState?.(value);
-    },
-    [setControlledState, setUncontrolledState],
-  );
-  return [state, setState];
-};