@itwin/itwinui-react 3.11.3 → 3.12.0

package/cjs/core/Tag/Tag.js

@@ -1,58 +1,77 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tag = void 0;
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-const classnames_1 = __importDefault(require("classnames"));
-const React = __importStar(require("react"));
-const index_js_1 = require("../../utils/index.js");
-const IconButton_js_1 = require("../Buttons/IconButton.js");
-const LinkAction_js_1 = require("../LinkAction/LinkAction.js");
-/**
- * Tag for showing categories, filters etc.
- * @example
- * <Tag onRemove={() => alert('Closed a tag!')}>I'm a tag</Tag>
- * <Tag variant='basic'>Basic tag</Tag>
- */
-exports.Tag = React.forwardRef((props, forwardedRef) => {
-    const { className, variant = 'default', children, onRemove, onClick, labelProps, removeButtonProps, ...rest } = props;
-    // If both onClick and onRemove are passed, we want to render the label as a button
-    // to avoid invalid markup (nested buttons). LinkAction ensures that clicking anywhere outside
-    // the remove button (including padding) will still trigger the main onClick callback.
-    const shouldUseLinkAction = !!onClick && !!onRemove;
-    return (React.createElement(index_js_1.Box, { as: shouldUseLinkAction ? LinkAction_js_1.LinkBox : !!onClick ? index_js_1.ButtonBase : 'span', className: (0, classnames_1.default)({
-            'iui-tag-basic': variant === 'basic',
-            'iui-tag': variant === 'default',
-        }, className), ref: forwardedRef, onClick: !shouldUseLinkAction ? onClick : undefined, ...rest },
-        variant === 'default' ? (React.createElement(index_js_1.Box, { as: (shouldUseLinkAction ? LinkAction_js_1.LinkAction : 'span'), onClick: shouldUseLinkAction ? onClick : undefined, ...labelProps, className: (0, classnames_1.default)('iui-tag-label', labelProps?.className) }, children)) : (children),
-        onRemove && (React.createElement(IconButton_js_1.IconButton, { styleType: 'borderless', size: 'small', onClick: onRemove, "aria-label": 'Delete tag', ...removeButtonProps, className: (0, classnames_1.default)('iui-tag-button', removeButtonProps?.className) },
-            React.createElement(index_js_1.SvgCloseSmall, { "aria-hidden": true })))));
+Object.defineProperty(exports, 'Tag', {
+  enumerable: true,
+  get: function () {
+    return Tag;
+  },
+});
+const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _jsxruntime = require('react/jsx-runtime');
+const _classnames = _interop_require_default._(require('classnames'));
+const _react = _interop_require_wildcard._(require('react'));
+const _index = require('../../utils/index.js');
+const _IconButton = require('../Buttons/IconButton.js');
+const _LinkAction = require('../LinkAction/LinkAction.js');
+const Tag = _react.forwardRef((props, forwardedRef) => {
+  const {
+    className,
+    variant = 'default',
+    children,
+    onRemove,
+    onClick,
+    labelProps,
+    removeButtonProps,
+    ...rest
+  } = props;
+  const shouldUseLinkAction = !!onClick && !!onRemove;
+  return (0, _jsxruntime.jsxs)(_index.Box, {
+    as: shouldUseLinkAction
+      ? _LinkAction.LinkBox
+      : !!onClick
+        ? _index.ButtonBase
+        : 'span',
+    className: (0, _classnames.default)(
+      {
+        'iui-tag-basic': variant === 'basic',
+        'iui-tag': variant === 'default',
+      },
+      className,
+    ),
+    ref: forwardedRef,
+    onClick: !shouldUseLinkAction ? onClick : undefined,
+    ...rest,
+    children: [
+      variant === 'default'
+        ? (0, _jsxruntime.jsx)(_index.Box, {
+            as: shouldUseLinkAction ? _LinkAction.LinkAction : 'span',
+            onClick: shouldUseLinkAction ? onClick : undefined,
+            ...labelProps,
+            className: (0, _classnames.default)(
+              'iui-tag-label',
+              labelProps?.className,
+            ),
+            children: children,
+          })
+        : children,
+      onRemove &&
+        (0, _jsxruntime.jsx)(_IconButton.IconButton, {
+          styleType: 'borderless',
+          size: 'small',
+          onClick: onRemove,
+          'aria-label': 'Delete tag',
+          ...removeButtonProps,
+          className: (0, _classnames.default)(
+            'iui-tag-button',
+            removeButtonProps?.className,
+          ),
+          children: (0, _jsxruntime.jsx)(_index.SvgCloseSmall, {
+            'aria-hidden': true,
+          }),
+        }),
+    ],
+  });
 });

package/cjs/core/Tag/TagContainer.js

@@ -1,49 +1,32 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TagContainer = void 0;
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-const React = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const index_js_1 = require("../../utils/index.js");
-/**
- * TagContainer for grouping tags.
- * @example
- * <TagContainer><Tag>Tag 1</Tag><Tag>Tag 2</Tag></TagContainer>
- * <TagContainer><Tag variant='basic'>Basic tag</Tag><Tag variant='basic'>Basic tag 2</Tag></TagContainer>
- */
-exports.TagContainer = React.forwardRef((props, forwardedRef) => {
-    const { className, children, overflow, background = 'none', ...rest } = props;
-    return (React.createElement(index_js_1.Box, { className: (0, classnames_1.default)('iui-tag-container', {
-            [`iui-${overflow}`]: !!overflow,
-            'iui-visible': background !== 'none',
-        }, className), ref: forwardedRef, ...rest }, children));
+Object.defineProperty(exports, 'TagContainer', {
+  enumerable: true,
+  get: function () {
+    return TagContainer;
+  },
+});
+const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _jsxruntime = require('react/jsx-runtime');
+const _react = _interop_require_wildcard._(require('react'));
+const _classnames = _interop_require_default._(require('classnames'));
+const _index = require('../../utils/index.js');
+const TagContainer = _react.forwardRef((props, forwardedRef) => {
+  const { className, children, overflow, background = 'none', ...rest } = props;
+  return (0, _jsxruntime.jsx)(_index.Box, {
+    className: (0, _classnames.default)(
+      'iui-tag-container',
+      {
+        [`iui-${overflow}`]: !!overflow,
+        'iui-visible': background !== 'none',
+      },
+      className,
+    ),
+    ref: forwardedRef,
+    ...rest,
+    children: children,
+  });
 });

package/cjs/core/Textarea/Textarea.js

@@ -1,41 +1,22 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Textarea = void 0;
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-const React = __importStar(require("react"));
-const Input_js_1 = require("../Input/Input.js");
-/**
- * Basic textarea component
- * @example
- * <Textarea placeholder='This is a textarea' />
- * <Textarea disabled={true} placeholder='This is a disabled textarea' />
- */
-exports.Textarea = React.forwardRef((props, forwardedRef) => {
-    return React.createElement(Input_js_1.Input, { as: 'textarea', rows: 3, ref: forwardedRef, ...props });
+Object.defineProperty(exports, 'Textarea', {
+  enumerable: true,
+  get: function () {
+    return Textarea;
+  },
+});
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _jsxruntime = require('react/jsx-runtime');
+const _react = _interop_require_wildcard._(require('react'));
+const _Input = require('../Input/Input.js');
+const Textarea = _react.forwardRef((props, forwardedRef) => {
+  return (0, _jsxruntime.jsx)(_Input.Input, {
+    as: 'textarea',
+    rows: 3,
+    ref: forwardedRef,
+    ...props,
+  });
 });

package/cjs/core/ThemeProvider/ThemeContext.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { ThemeOptions, ThemeType } from './ThemeProvider.js';
 export declare const ThemeContext: React.Context<{
-    theme?: ThemeType | undefined;
-    themeOptions?: ThemeOptions | undefined;
-    portalContainer?: HTMLElement | null | undefined;
+    theme?: ThemeType;
+    themeOptions?: ThemeOptions;
+    portalContainer?: HTMLElement | null;
 } | undefined>;

package/cjs/core/ThemeProvider/ThemeContext.js

@@ -1,32 +1,13 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThemeContext = void 0;
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-const React = __importStar(require("react"));
-exports.ThemeContext = React.createContext(undefined);
+Object.defineProperty(exports, 'ThemeContext', {
+  enumerable: true,
+  get: function () {
+    return ThemeContext;
+  },
+});
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _react = _interop_require_wildcard._(require('react'));
+const ThemeContext = _react.createContext(undefined);