@itwin/itwinui-react 3.11.3 → 3.12.1

package/cjs/core/InputWithDecorations/InputWithDecorations.js

@@ -1,90 +1,75 @@
-"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.InputWithDecorations = 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 index_js_1 = require("../../utils/index.js");
-const InputWithDecorationsContext = React.createContext(undefined);
-const InputWithDecorationsComponent = React.forwardRef((props, ref) => {
-    const { children, size, isDisabled, ...rest } = props;
-    return (React.createElement(InputWithDecorationsContext.Provider, { value: { size, isDisabled } },
-        React.createElement(index_js_1.InputFlexContainer, { isDisabled: isDisabled, size: size, ref: ref, ...rest }, children)));
+Object.defineProperty(exports, 'InputWithDecorations', {
+  enumerable: true,
+  get: function () {
+    return InputWithDecorations;
+  },
 });
-// ----------------------------------------------------------------------------
-const InputWithDecorationsInput = React.forwardRef((props, ref) => {
-    const { id: idProp, size, disabled: localDisabled, ...rest } = props;
-    const { size: contextSize, isDisabled } = (0, index_js_1.useSafeContext)(InputWithDecorationsContext);
-    return (React.createElement(index_js_1.Box, { as: 'input', ref: ref, "data-iui-size": size ?? contextSize, disabled: localDisabled ?? isDisabled, id: idProp, ...rest }));
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _react = _interop_require_wildcard._(require('react'));
+const _index = require('../../utils/index.js');
+const InputWithDecorationsContext = _react.createContext(undefined);
+const InputWithDecorationsComponent = _react.forwardRef((props, ref) => {
+  const { children, size, isDisabled, ...rest } = props;
+  return _react.createElement(
+    InputWithDecorationsContext.Provider,
+    {
+      value: {
+        size,
+        isDisabled,
+      },
+    },
+    _react.createElement(
+      _index.InputFlexContainer,
+      {
+        isDisabled: isDisabled,
+        size: size,
+        ref: ref,
+        ...rest,
+      },
+      children,
+    ),
+  );
+});
+const InputWithDecorationsInput = _react.forwardRef((props, ref) => {
+  const { id: idProp, size, disabled: localDisabled, ...rest } = props;
+  const { size: contextSize, isDisabled } = (0, _index.useSafeContext)(
+    InputWithDecorationsContext,
+  );
+  return _react.createElement(_index.Box, {
+    as: 'input',
+    ref: ref,
+    'data-iui-size': size ?? contextSize,
+    disabled: localDisabled ?? isDisabled,
+    id: idProp,
+    ...rest,
+  });
 });
 InputWithDecorationsInput.displayName = 'InputWithDecorations.Input';
-// ----------------------------------------------------------------------------
-const InputWithDecorationsButton = React.forwardRef((props, ref) => {
-    const { children, size, disabled: localDisabled, ...rest } = props;
-    const { size: contextSize, isDisabled } = (0, index_js_1.useSafeContext)(InputWithDecorationsContext);
-    return (React.createElement(index_js_1.InputFlexContainerButton, { ref: ref, size: size ?? contextSize, disabled: localDisabled ?? isDisabled, ...rest }, children));
+const InputWithDecorationsButton = _react.forwardRef((props, ref) => {
+  const { children, size, disabled: localDisabled, ...rest } = props;
+  const { size: contextSize, isDisabled } = (0, _index.useSafeContext)(
+    InputWithDecorationsContext,
+  );
+  return _react.createElement(
+    _index.InputFlexContainerButton,
+    {
+      ref: ref,
+      size: size ?? contextSize,
+      disabled: localDisabled ?? isDisabled,
+      ...rest,
+    },
+    children,
+  );
 });
 InputWithDecorationsButton.displayName = 'InputWithDecorations.Button';
-// ----------------------------------------------------------------------------
-const InputWithDecorationsIcon = index_js_1.InputFlexContainerIcon;
+const InputWithDecorationsIcon = _index.InputFlexContainerIcon;
 InputWithDecorationsIcon.displayName = 'InputWithDecorations.Icon';
-// ----------------------------------------------------------------------------
-/**
- * Input component with various additional decorations.
- * You can add icons, buttons and other various subcomponents to it.
- *
- * If you are not using default `InputWithDecorations.Icon` and `InputWithDecorations.Button`, use borderless versions of other components.
- *
- * @example
- * <InputWithDecorations>
- *    <InputWithDecorations.Input />
- *    <InputWithDecorations.Icon>
- *      <SvgAdd />
- *    </InputWithDecorations.Icon>
- * </InputWithDecorations>
- */
-exports.InputWithDecorations = Object.assign(InputWithDecorationsComponent, {
-    /**
-     * Subcomponent to include input in your InputWithDecorations
-     */
-    Input: InputWithDecorationsInput,
-    /**
-     * Subcomponent to include button in your InputWithDecorations
-     *
-     * Although similar to `IconButton`, this subcomponent additionally collapses the padding between the button and the input/textarea
-     * in `InputWithDecorations`.
-     */
-    Button: InputWithDecorationsButton,
-    /**
-     * Subcomponent to include button in your InputWithDecorations.
-     *
-     * Although similar to `Icon`, this subcomponent additionally collapses the padding between the icon and the input/textarea
-     * in `InputWithDecorations`.
-     */
-    Icon: InputWithDecorationsIcon,
+const InputWithDecorations = Object.assign(InputWithDecorationsComponent, {
+  Input: InputWithDecorationsInput,
+  Button: InputWithDecorationsButton,
+  Icon: InputWithDecorationsIcon,
 });

package/cjs/core/Label/Label.js

@@ -1,50 +1,43 @@
-"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.Label = 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");
-/**
- * A standalone label to be used with input components (using `htmlFor`).
- * Can be rendered as any element, e.g. span, using the `as` prop.
- * @example
- * <Label htmlFor='name-input'>Name</Label>
- * <Input id='name-input' />
- */
-exports.Label = React.forwardRef((props, forwardedRef) => {
-    const { displayStyle = 'block', required, disabled, className, children, ...rest } = props;
-    return (React.createElement(index_js_1.Box, { as: 'label', className: (0, classnames_1.default)('iui-input-label', {
-            'iui-inline': displayStyle === 'inline',
-            'iui-required': required,
-        }, className), "data-iui-disabled": disabled ? true : undefined, ref: forwardedRef, ...rest }, children));
+Object.defineProperty(exports, 'Label', {
+  enumerable: true,
+  get: function () {
+    return Label;
+  },
+});
+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 _index = require('../../utils/index.js');
+const Label = _react.forwardRef((props, forwardedRef) => {
+  const {
+    displayStyle = 'block',
+    required,
+    disabled,
+    className,
+    children,
+    ...rest
+  } = props;
+  return _react.createElement(
+    _index.Box,
+    {
+      as: 'label',
+      className: (0, _classnames.default)(
+        'iui-input-label',
+        {
+          'iui-inline': displayStyle === 'inline',
+          'iui-required': required,
+        },
+        className,
+      ),
+      'data-iui-disabled': disabled ? true : undefined,
+      ref: forwardedRef,
+      ...rest,
+    },
+    children,
+  );
 });

package/cjs/core/LabeledInput/LabeledInput.js

@@ -1,60 +1,92 @@
-"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.LabeledInput = 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");
-const index_js_1 = require("../../utils/index.js");
-const InputGrid_js_1 = require("../InputGrid/InputGrid.js");
-const StatusMessage_js_1 = require("../StatusMessage/StatusMessage.js");
-const Label_js_1 = require("../Label/Label.js");
-const Icon_js_1 = require("../Icon/Icon.js");
-const classnames_1 = __importDefault(require("classnames"));
-/**
- * Basic labeled input component
- * @example
- * <LabeledInput label='My label' />
- * <LabeledInput disabled label='My label' />
- * <LabeledInput status='positive' label='Positive' />
- * <LabeledInput status='negative' label='Negative' />
- */
-exports.LabeledInput = React.forwardRef((props, ref) => {
-    const { disabled = false, label, message, status, svgIcon, wrapperProps, labelProps, messageContentProps, iconProps, inputWrapperProps, displayStyle = 'default', required = false, ...rest } = props;
-    const icon = svgIcon ?? (status && index_js_1.StatusIconMap[status]());
-    const shouldShowIcon = svgIcon !== null && (svgIcon || (status && !message));
-    return (React.createElement(InputGrid_js_1.InputGrid, { labelPlacement: displayStyle, "data-iui-status": status, ...wrapperProps },
-        label && (React.createElement(Label_js_1.Label, { as: 'label', required: required, disabled: disabled, ...labelProps }, label)),
-        React.createElement(index_js_1.InputWithIcon, { ...inputWrapperProps },
-            React.createElement(Input_js_1.Input, { disabled: disabled, required: required, ref: ref, ...rest }),
-            shouldShowIcon && (React.createElement(Icon_js_1.Icon, { fill: status, ...iconProps, className: (0, classnames_1.default)('iui-end-icon', iconProps?.className) }, icon))),
-        typeof message === 'string' ? (React.createElement(StatusMessage_js_1.StatusMessage, { status: status, iconProps: iconProps, contentProps: messageContentProps }, message)) : (message)));
+Object.defineProperty(exports, 'LabeledInput', {
+  enumerable: true,
+  get: function () {
+    return LabeledInput;
+  },
+});
+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 _Input = require('../Input/Input.js');
+const _index = require('../../utils/index.js');
+const _InputGrid = require('../InputGrid/InputGrid.js');
+const _StatusMessage = require('../StatusMessage/StatusMessage.js');
+const _Label = require('../Label/Label.js');
+const _Icon = require('../Icon/Icon.js');
+const _classnames = _interop_require_default._(require('classnames'));
+const LabeledInput = _react.forwardRef((props, ref) => {
+  const {
+    disabled = false,
+    label,
+    message,
+    status,
+    svgIcon,
+    wrapperProps,
+    labelProps,
+    messageContentProps,
+    iconProps,
+    inputWrapperProps,
+    displayStyle = 'default',
+    required = false,
+    ...rest
+  } = props;
+  const icon = svgIcon ?? (status && _index.StatusIconMap[status]());
+  const shouldShowIcon = svgIcon !== null && (svgIcon || (status && !message));
+  return _react.createElement(
+    _InputGrid.InputGrid,
+    {
+      labelPlacement: displayStyle,
+      'data-iui-status': status,
+      ...wrapperProps,
+    },
+    label &&
+      _react.createElement(
+        _Label.Label,
+        {
+          as: 'label',
+          required: required,
+          disabled: disabled,
+          ...labelProps,
+        },
+        label,
+      ),
+    _react.createElement(
+      _index.InputWithIcon,
+      inputWrapperProps,
+      _react.createElement(_Input.Input, {
+        disabled: disabled,
+        required: required,
+        ref: ref,
+        ...rest,
+      }),
+      shouldShowIcon &&
+        _react.createElement(
+          _Icon.Icon,
+          {
+            fill: status,
+            ...iconProps,
+            className: (0, _classnames.default)(
+              'iui-end-icon',
+              iconProps?.className,
+            ),
+          },
+          icon,
+        ),
+    ),
+    typeof message === 'string'
+      ? _react.createElement(
+          _StatusMessage.StatusMessage,
+          {
+            status: status,
+            iconProps: iconProps,
+            contentProps: messageContentProps,
+          },
+          message,
+        )
+      : message,
+  );
 });