@itwin/itwinui-react 3.13.3 → 3.14.0

package/DEV-cjs/core/LabeledInput/LabeledInput.js

@@ -1,49 +1,93 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "LabeledInput", {
-    enumerable: true,
-    get: function() {
-        return LabeledInput;
-    }
+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)=>{
-    let { disabled = false, label, message, status, svgIcon, wrapperProps, labelProps, messageContentProps, iconProps, inputWrapperProps, displayStyle = 'default', required = false, ...rest } = props;
-    let icon = svgIcon ?? (status && _index.StatusIconMap[status]());
-    let shouldShowIcon = null !== svgIcon && (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, {
+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) => {
+  let {
+    disabled = false,
+    label,
+    message,
+    status,
+    svgIcon,
+    wrapperProps,
+    labelProps,
+    messageContentProps,
+    iconProps,
+    inputWrapperProps,
+    displayStyle = 'default',
+    required = false,
+    ...rest
+  } = props;
+  let icon = svgIcon ?? (status && _index.StatusIconMap[status]());
+  let shouldShowIcon = null !== svgIcon && (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)), 'string' == typeof message ? _react.createElement(_StatusMessage.StatusMessage, {
-        status: status,
-        iconProps: iconProps,
-        contentProps: messageContentProps
-    }, message) : message);
+        ...rest,
+      }),
+      shouldShowIcon &&
+        _react.createElement(
+          _Icon.Icon,
+          {
+            fill: status,
+            ...iconProps,
+            className: (0, _classnames.default)(
+              'iui-end-icon',
+              iconProps?.className,
+            ),
+          },
+          icon,
+        ),
+    ),
+    'string' == typeof message
+      ? _react.createElement(
+          _StatusMessage.StatusMessage,
+          {
+            status: status,
+            iconProps: iconProps,
+            contentProps: messageContentProps,
+          },
+          message,
+        )
+      : message,
+  );
 });
 LabeledInput.displayName = 'LabeledInput';

package/DEV-cjs/core/LabeledSelect/LabeledSelect.js

@@ -1,43 +1,75 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "LabeledSelect", {
-    enumerable: true,
-    get: function() {
-        return LabeledSelect;
-    }
+Object.defineProperty(exports, 'LabeledSelect', {
+  enumerable: true,
+  get: function () {
+    return LabeledSelect;
+  },
 });
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = _interop_require_wildcard._(require("react"));
-const _Select = require("../Select/Select.js");
-const _StatusMessage = require("../StatusMessage/StatusMessage.js");
-const _InputGrid = require("../InputGrid/InputGrid.js");
-const _Label = require("../Label/Label.js");
-const LabeledSelect = _react.forwardRef((props, forwardedRef)=>{
-    let { className, disabled = false, label, message, status, svgIcon, displayStyle = 'default', style, required = false, wrapperProps, labelProps, messageContentProps, messageIconProps, ...rest } = props;
-    return _react.createElement(_InputGrid.InputGrid, {
-        labelPlacement: displayStyle,
-        "data-iui-status": status,
-        ...wrapperProps
-    }, label && _react.createElement(_Label.Label, {
-        as: "div",
-        required: required,
-        disabled: disabled,
-        ...labelProps
-    }, label), _react.createElement(_Select.Select, {
-        disabled: disabled,
-        className: className,
-        style: style,
-        required: props.native ? required : void 0,
-        ...rest,
-        ref: forwardedRef,
-        styleType: 'default'
-    }), 'string' == typeof message ? _react.createElement(_StatusMessage.StatusMessage, {
-        status: status,
-        startIcon: svgIcon,
-        iconProps: messageIconProps,
-        contentProps: messageContentProps
-    }, message) : message);
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _react = _interop_require_wildcard._(require('react'));
+const _Select = require('../Select/Select.js');
+const _StatusMessage = require('../StatusMessage/StatusMessage.js');
+const _InputGrid = require('../InputGrid/InputGrid.js');
+const _Label = require('../Label/Label.js');
+const LabeledSelect = _react.forwardRef((props, forwardedRef) => {
+  let {
+    className,
+    disabled = false,
+    label,
+    message,
+    status,
+    svgIcon,
+    displayStyle = 'default',
+    style,
+    required = false,
+    wrapperProps,
+    labelProps,
+    messageContentProps,
+    messageIconProps,
+    ...rest
+  } = props;
+  return _react.createElement(
+    _InputGrid.InputGrid,
+    {
+      labelPlacement: displayStyle,
+      'data-iui-status': status,
+      ...wrapperProps,
+    },
+    label &&
+      _react.createElement(
+        _Label.Label,
+        {
+          as: 'div',
+          required: required,
+          disabled: disabled,
+          ...labelProps,
+        },
+        label,
+      ),
+    _react.createElement(_Select.Select, {
+      disabled: disabled,
+      className: className,
+      style: style,
+      required: props.native ? required : void 0,
+      ...rest,
+      ref: forwardedRef,
+      styleType: 'default',
+    }),
+    'string' == typeof message
+      ? _react.createElement(
+          _StatusMessage.StatusMessage,
+          {
+            status: status,
+            startIcon: svgIcon,
+            iconProps: messageIconProps,
+            contentProps: messageContentProps,
+          },
+          message,
+        )
+      : message,
+  );
 });
 LabeledSelect.displayName = 'LabeledSelect';

package/DEV-cjs/core/LabeledSelect/LabeledSelect.types-test.js

@@ -1,84 +1,103 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-const _react = require("react");
-const _LabeledSelect = require("./LabeledSelect.js");
-()=>{
-    let ref = (0, _react.useRef)(null);
-    return React.createElement(React.Fragment, null, React.createElement(_LabeledSelect.LabeledSelect, {
-        options: [
-            {
-                value: 1,
-                label: 'Option 1'
-            },
-            {
-                value: 2,
-                label: 'Option 2'
-            },
-            {
-                value: 3,
-                label: 'Option 3'
-            }
-        ],
-        onChange: (value)=>{
-            let returnValue = value;
-            return returnValue;
+const _react = require('react');
+const _LabeledSelect = require('./LabeledSelect.js');
+() => {
+  let ref = (0, _react.useRef)(null);
+  return React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(_LabeledSelect.LabeledSelect, {
+      options: [
+        {
+          value: 1,
+          label: 'Option 1',
         },
-        ref: ref
-    }));
+        {
+          value: 2,
+          label: 'Option 2',
+        },
+        {
+          value: 3,
+          label: 'Option 3',
+        },
+      ],
+      onChange: (value) => {
+        let returnValue = value;
+        return returnValue;
+      },
+      ref: ref,
+    }),
+  );
 };
-()=>React.createElement(React.Fragment, null, React.createElement(_LabeledSelect.LabeledSelect, {
-        options: [
-            {
-                value: 1,
-                label: 'Option 1'
-            },
-            {
-                value: 2,
-                label: 'Option 2'
-            },
-            {
-                value: 3,
-                label: 'Option 3'
-            }
-        ],
-        onChange: (value)=>{
-            let returnValue = value;
-            return returnValue;
-        }
-    }));
-()=>React.createElement(React.Fragment, null, React.createElement(_LabeledSelect.LabeledSelect, {
-        label: "Select Label",
-        options: [
-            {
-                value: '1',
-                label: 'Item #1'
-            },
-            {
-                value: '2',
-                label: 'Item #2'
-            },
-            {
-                value: '3',
-                label: 'Item #3'
-            }
-        ],
-        onChange: (value)=>{
-            let returnValue = value;
-            return returnValue;
-        }
-    }));
-()=>React.createElement(React.Fragment, null, React.createElement(_LabeledSelect.LabeledSelect, {
-        label: "Select Label",
-        options: [
-            {
-                value: 1,
-                label: 'Item #1'
-            }
-        ],
-        onChange: (value)=>{
-            let returnValue = value;
-            return returnValue;
-        }
-    }));
+() =>
+  React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(_LabeledSelect.LabeledSelect, {
+      options: [
+        {
+          value: 1,
+          label: 'Option 1',
+        },
+        {
+          value: 2,
+          label: 'Option 2',
+        },
+        {
+          value: 3,
+          label: 'Option 3',
+        },
+      ],
+      onChange: (value) => {
+        let returnValue = value;
+        return returnValue;
+      },
+    }),
+  );
+() =>
+  React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(_LabeledSelect.LabeledSelect, {
+      label: 'Select Label',
+      options: [
+        {
+          value: '1',
+          label: 'Item #1',
+        },
+        {
+          value: '2',
+          label: 'Item #2',
+        },
+        {
+          value: '3',
+          label: 'Item #3',
+        },
+      ],
+      onChange: (value) => {
+        let returnValue = value;
+        return returnValue;
+      },
+    }),
+  );
+() =>
+  React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(_LabeledSelect.LabeledSelect, {
+      label: 'Select Label',
+      options: [
+        {
+          value: 1,
+          label: 'Item #1',
+        },
+      ],
+      onChange: (value) => {
+        let returnValue = value;
+        return returnValue;
+      },
+    }),
+  );

package/DEV-cjs/core/LabeledTextarea/LabeledTextarea.js

@@ -1,20 +1,22 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "LabeledTextarea", {
-    enumerable: true,
-    get: function() {
-        return LabeledTextarea;
-    }
+Object.defineProperty(exports, 'LabeledTextarea', {
+  enumerable: true,
+  get: function () {
+    return LabeledTextarea;
+  },
 });
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = _interop_require_wildcard._(require("react"));
-const _LabeledInput = require("../LabeledInput/LabeledInput.js");
-const LabeledTextarea = _react.forwardRef((props, forwardedRef)=>_react.createElement(_LabeledInput.LabeledInput, {
-        as: "textarea",
-        rows: 3,
-        ref: forwardedRef,
-        ...props
-    }));
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _react = _interop_require_wildcard._(require('react'));
+const _LabeledInput = require('../LabeledInput/LabeledInput.js');
+const LabeledTextarea = _react.forwardRef((props, forwardedRef) =>
+  _react.createElement(_LabeledInput.LabeledInput, {
+    as: 'textarea',
+    rows: 3,
+    ref: forwardedRef,
+    ...props,
+  }),
+);
 LabeledTextarea.displayName = 'LabeledTextarea';

package/DEV-cjs/core/LinkAction/LinkAction.js

@@ -1,35 +1,36 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'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]
+  for (var name in all)
+    Object.defineProperty(target, name, {
+      enumerable: true,
+      get: all[name],
     });
 }
 _export(exports, {
-    LinkAction: function() {
-        return LinkAction;
-    },
-    LinkBox: function() {
-        return LinkBox;
-    }
+  LinkAction: function () {
+    return LinkAction;
+  },
+  LinkBox: function () {
+    return LinkBox;
+  },
 });
-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 _polymorphic = require("../../utils/functions/polymorphic.js");
-const _index = require("../../utils/components/index.js");
-const LinkAction = _react.forwardRef((props, forwardedRef)=>{
-    let { as: asProp = props.href ? 'a' : 'button' } = props;
-    return _react.createElement(_index.Box, {
-        ...props,
-        as: asProp,
-        className: (0, _classnames.default)('iui-link-action', props.className),
-        ref: forwardedRef
-    });
+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 _polymorphic = require('../../utils/functions/polymorphic.js');
+const _index = require('../../utils/components/index.js');
+const LinkAction = _react.forwardRef((props, forwardedRef) => {
+  let { as: asProp = props.href ? 'a' : 'button' } = props;
+  return _react.createElement(_index.Box, {
+    ...props,
+    as: asProp,
+    className: (0, _classnames.default)('iui-link-action', props.className),
+    ref: forwardedRef,
+  });
 });
 LinkAction.displayName = 'LinkAction';
 const LinkBox = _polymorphic.polymorphic.div('iui-link-box');

package/DEV-cjs/core/List/List.js

@@ -1,15 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "List", {
-    enumerable: true,
-    get: function() {
-        return List;
-    }
+Object.defineProperty(exports, 'List', {
+  enumerable: true,
+  get: function () {
+    return List;
+  },
 });
-const _index = require("../../utils/index.js");
-const List = _index.polymorphic.ul('iui-list', {
-    role: 'list'
+const _index = require('../../utils/index.js');
+const List = _index.polymorphic.div('iui-list', {
+  role: 'list',
 });
 List.displayName = 'List';

package/DEV-cjs/core/List/ListItem.js

@@ -1,45 +1,53 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "ListItem", {
-    enumerable: true,
-    get: function() {
-        return ListItem;
-    }
+Object.defineProperty(exports, 'ListItem', {
+  enumerable: true,
+  get: function () {
+    return ListItem;
+  },
 });
-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 _LinkAction = require("../LinkAction/LinkAction.js");
-const ListItemComponent = _react.forwardRef((props, ref)=>{
-    let { size = 'default', disabled = false, active = false, actionable = false, focused = false, className, ...rest } = props;
-    return _react.createElement(_index.Box, {
-        as: "li",
-        className: (0, _classnames.default)('iui-list-item', className),
-        "data-iui-active": active ? 'true' : void 0,
-        "data-iui-disabled": disabled ? 'true' : void 0,
-        "data-iui-size": 'large' === size ? 'large' : void 0,
-        "data-iui-actionable": actionable ? 'true' : void 0,
-        "data-iui-focused": focused ? 'true' : void 0,
-        ref: ref,
-        ...rest
-    });
+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 _LinkAction = require('../LinkAction/LinkAction.js');
+const ListItemComponent = _react.forwardRef((props, ref) => {
+  let {
+    size = 'default',
+    disabled = false,
+    active = false,
+    actionable = false,
+    focused = false,
+    className,
+    ...rest
+  } = props;
+  return _react.createElement(_index.Box, {
+    role: 'listitem',
+    className: (0, _classnames.default)('iui-list-item', className),
+    'data-iui-active': active ? 'true' : void 0,
+    'data-iui-disabled': disabled ? 'true' : void 0,
+    'data-iui-size': 'large' === size ? 'large' : void 0,
+    'data-iui-actionable': actionable ? 'true' : void 0,
+    'data-iui-focused': focused ? 'true' : void 0,
+    ref: ref,
+    ...rest,
+  });
 });
 ListItemComponent.displayName = 'ListItem';
-const ListItemIcon = (0, _index.polymorphic)('iui-list-item-icon');
+const ListItemIcon = _index.polymorphic.div('iui-list-item-icon');
 ListItemIcon.displayName = 'ListItem.Icon';
-const ListItemContent = (0, _index.polymorphic)('iui-list-item-content');
+const ListItemContent = _index.polymorphic.div('iui-list-item-content');
 ListItemContent.displayName = 'ListItem.Content';
-const ListItemDescription = (0, _index.polymorphic)('iui-list-item-description');
+const ListItemDescription = _index.polymorphic.div('iui-list-item-description');
 ListItemDescription.displayName = 'ListItem.Description';
 const ListItemAction = _LinkAction.LinkAction;
 ListItemAction.displayName = 'ListItem.Action';
 const ListItem = Object.assign(ListItemComponent, {
-    Icon: ListItemIcon,
-    Content: ListItemContent,
-    Description: ListItemDescription,
-    Action: ListItemAction
+  Icon: ListItemIcon,
+  Content: ListItemContent,
+  Description: ListItemDescription,
+  Action: ListItemAction,
 });