@itwin/itwinui-react 3.11.3 → 3.12.0

package/cjs/core/Checkbox/Checkbox.js

@@ -1,77 +1,97 @@
-"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,
+});
+Object.defineProperty(exports, 'Checkbox', {
+  enumerable: true,
+  get: function () {
+    return Checkbox;
+  },
 });
-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.Checkbox = 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 ProgressRadial_js_1 = require("../ProgressIndicators/ProgressRadial.js");
-const index_js_1 = require("../../utils/index.js");
-/**
- * Simple input checkbox
- * @example
- * <Checkbox />
- * <Checkbox label='Basic Checkbox' />
- * <Checkbox label='Disabled Checkbox' disabled />
- * <Checkbox label='Checked' checked />
- * <Checkbox label='Positive Checkbox' status='positive' />
- * <Checkbox label='Warning Checkbox' status='warning' />
- * <Checkbox label='Negative Checkbox' status='negative' />
- * <Checkbox label='Visibility Checkbox' variant='eyeball' />
- */
-exports.Checkbox = React.forwardRef((props, ref) => {
-    const { className, disabled = false, indeterminate = false, label, status, variant = 'default', isLoading = false, wrapperProps = {}, labelProps = {}, style, ...rest } = props;
-    const inputElementRef = React.useRef(null);
-    const refs = (0, index_js_1.useMergedRefs)(inputElementRef, ref);
-    React.useEffect(() => {
-        if (inputElementRef.current) {
-            inputElementRef.current.indeterminate = indeterminate;
-            inputElementRef.current.checked = indeterminate
-                ? false
-                : inputElementRef.current.checked;
-        }
-    });
-    const checkbox = (React.createElement(React.Fragment, null,
-        React.createElement(index_js_1.Box, { as: 'input', className: (0, classnames_1.default)('iui-checkbox', {
-                'iui-checkbox-visibility': variant === 'eyeball',
-                'iui-loading': isLoading,
-            }, className), style: style, disabled: disabled || isLoading, type: 'checkbox', ref: refs, ...rest }),
-        isLoading && React.createElement(ProgressRadial_js_1.ProgressRadial, { size: 'x-small', indeterminate: true })));
-    const { className: wrapperClassName, ...restWrapperProps } = wrapperProps;
-    const { className: labelClassName, ...restLabelProps } = labelProps;
-    return !label ? (checkbox) : (React.createElement(index_js_1.Box, { as: 'label', className: (0, classnames_1.default)('iui-checkbox-wrapper', {
+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 _ProgressRadial = require('../ProgressIndicators/ProgressRadial.js');
+const _index = require('../../utils/index.js');
+const Checkbox = _react.forwardRef((props, ref) => {
+  const {
+    className,
+    disabled = false,
+    indeterminate = false,
+    label,
+    status,
+    variant = 'default',
+    isLoading = false,
+    wrapperProps = {},
+    labelProps = {},
+    style,
+    ...rest
+  } = props;
+  const inputElementRef = _react.useRef(null);
+  const refs = (0, _index.useMergedRefs)(inputElementRef, ref);
+  _react.useEffect(() => {
+    if (inputElementRef.current) {
+      inputElementRef.current.indeterminate = indeterminate;
+      inputElementRef.current.checked = indeterminate
+        ? false
+        : inputElementRef.current.checked;
+    }
+  });
+  const checkbox = (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+    children: [
+      (0, _jsxruntime.jsx)(_index.Box, {
+        as: 'input',
+        className: (0, _classnames.default)(
+          'iui-checkbox',
+          {
+            'iui-checkbox-visibility': variant === 'eyeball',
+            'iui-loading': isLoading,
+          },
+          className,
+        ),
+        style: style,
+        disabled: disabled || isLoading,
+        type: 'checkbox',
+        ref: refs,
+        ...rest,
+      }),
+      isLoading &&
+        (0, _jsxruntime.jsx)(_ProgressRadial.ProgressRadial, {
+          size: 'x-small',
+          indeterminate: true,
+        }),
+    ],
+  });
+  const { className: wrapperClassName, ...restWrapperProps } = wrapperProps;
+  const { className: labelClassName, ...restLabelProps } = labelProps;
+  return !label
+    ? checkbox
+    : (0, _jsxruntime.jsxs)(_index.Box, {
+        as: 'label',
+        className: (0, _classnames.default)(
+          'iui-checkbox-wrapper',
+          {
             'iui-disabled': disabled,
             [`iui-${status}`]: !!status,
             'iui-loading': isLoading,
-        }, wrapperClassName), ...restWrapperProps },
-        checkbox,
-        label && (React.createElement(index_js_1.Box, { as: 'span', className: (0, classnames_1.default)('iui-checkbox-label', labelClassName), ...restLabelProps }, label))));
+          },
+          wrapperClassName,
+        ),
+        ...restWrapperProps,
+        children: [
+          checkbox,
+          label &&
+            (0, _jsxruntime.jsx)(_index.Box, {
+              as: 'span',
+              className: (0, _classnames.default)(
+                'iui-checkbox-label',
+                labelClassName,
+              ),
+              ...restLabelProps,
+              children: label,
+            }),
+        ],
+      });
 });

package/cjs/core/ColorPicker/ColorBuilder.d.ts

@@ -4,4 +4,4 @@ import type { PolymorphicForwardRefComponent } from '../../utils/index.js';
  * a color canvas to adjust saturation and lightness values,
  * and a set of sliders to adjust hue and alpha values.
  */
-export declare const ColorBuilder: PolymorphicForwardRefComponent<"div", {}>;
+export declare const ColorBuilder: PolymorphicForwardRefComponent<"div">;