@itwin/itwinui-react 3.13.4 → 3.14.0

package/DEV-cjs/core/FileUpload/FileUploadCard.js

@@ -1,152 +1,209 @@
-"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, {
-    FileUploadCard: function() {
-        return FileUploadCard;
-    },
-    FileUploadCardContext: function() {
-        return FileUploadCardContext;
-    }
+  FileUploadCard: function () {
+    return FileUploadCard;
+  },
+  FileUploadCardContext: function () {
+    return FileUploadCardContext;
+  },
 });
-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 _index = require("../../utils/index.js");
-const _classnames = _interop_require_default._(require("classnames"));
-const _FileEmptyCard = require("./FileEmptyCard.js");
-const _Anchor = require("../Typography/Anchor.js");
-const _VisuallyHidden = require("../VisuallyHidden/VisuallyHidden.js");
-const toBytes = (bytes)=>{
-    let units = [
-        ' bytes',
-        'KB',
-        'MB',
-        'GB',
-        'TB'
-    ];
-    let i = 0;
-    while(bytes >= 1024 && ++i)bytes /= 1024;
-    return bytes.toFixed(bytes < 10 && i > 0 ? 2 : 0) + units[i];
+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 _index = require('../../utils/index.js');
+const _classnames = _interop_require_default._(require('classnames'));
+const _FileEmptyCard = require('./FileEmptyCard.js');
+const _Anchor = require('../Typography/Anchor.js');
+const _VisuallyHidden = require('../VisuallyHidden/VisuallyHidden.js');
+const toBytes = (bytes) => {
+  let units = [' bytes', 'KB', 'MB', 'GB', 'TB'];
+  let i = 0;
+  while (bytes >= 1024 && ++i) bytes /= 1024;
+  return bytes.toFixed(bytes < 10 && i > 0 ? 2 : 0) + units[i];
 };
-const toDate = (dateNumber)=>{
-    let date = new Date(dateNumber);
-    return date.toDateString() + ' ' + date.toLocaleTimeString();
+const toDate = (dateNumber) => {
+  let date = new Date(dateNumber);
+  return date.toDateString() + ' ' + date.toLocaleTimeString();
 };
 const FileUploadCardIcon = _index.polymorphic.span('iui-file-card-icon', {
-    children: _react.createElement(_index.SvgDocument, null)
+  children: _react.createElement(_index.SvgDocument, null),
 });
 FileUploadCardIcon.displayName = 'FileUploadCard.Icon';
 const FileUploadCardInfo = _index.polymorphic.span('iui-file-card-text');
 FileUploadCardInfo.displayName = 'FileUploadCard.Info';
-const FileUploadCardTitle = _react.forwardRef((props, ref)=>{
-    let { children, className, ...rest } = props;
-    let { files } = (0, _index.useSafeContext)(FileUploadCardContext);
-    let title = files.length > 1 ? files.length + ' files selected' : files[0].name;
-    return _react.createElement(_index.Box, {
-        as: "span",
-        className: (0, _classnames.default)('iui-file-card-title', className),
-        ref: ref,
-        ...rest
-    }, children ?? title);
+const FileUploadCardTitle = _react.forwardRef((props, ref) => {
+  let { children, className, ...rest } = props;
+  let { files } = (0, _index.useSafeContext)(FileUploadCardContext);
+  let title =
+    files.length > 1 ? files.length + ' files selected' : files[0].name;
+  return _react.createElement(
+    _index.Box,
+    {
+      as: 'span',
+      className: (0, _classnames.default)('iui-file-card-title', className),
+      ref: ref,
+      ...rest,
+    },
+    children ?? title,
+  );
 });
 FileUploadCardTitle.displayName = 'FileUploadCard.Title';
-const FileUploadCardDescription = _react.forwardRef((props, ref)=>{
-    let { children, className, ...rest } = props;
-    let { files } = (0, _index.useSafeContext)(FileUploadCardContext);
-    let description = files.length > 1 ? files[0].name + ', ' + files[1].name : toBytes(files[0].size) + ' ' + toDate(files[0].lastModified);
-    if (files.length > 2) description += ', and ' + (files.length - 2) + ' others';
-    return _react.createElement(_index.Box, {
-        as: "span",
-        className: (0, _classnames.default)('iui-file-card-description', className),
-        ref: ref,
-        ...rest
-    }, children ?? description);
+const FileUploadCardDescription = _react.forwardRef((props, ref) => {
+  let { children, className, ...rest } = props;
+  let { files } = (0, _index.useSafeContext)(FileUploadCardContext);
+  let description =
+    files.length > 1
+      ? files[0].name + ', ' + files[1].name
+      : toBytes(files[0].size) + ' ' + toDate(files[0].lastModified);
+  if (files.length > 2)
+    description += ', and ' + (files.length - 2) + ' others';
+  return _react.createElement(
+    _index.Box,
+    {
+      as: 'span',
+      className: (0, _classnames.default)(
+        'iui-file-card-description',
+        className,
+      ),
+      ref: ref,
+      ...rest,
+    },
+    children ?? description,
+  );
 });
 FileUploadCardDescription.displayName = 'FileUploadCard.Description';
 const FileUploadCardAction = _index.polymorphic.div('iui-file-card-action');
 FileUploadCardAction.displayName = 'FileUploadCard.Action';
-const FileUploadCardInputLabel = _react.forwardRef((props, ref)=>{
-    let { children, ...rest } = props;
-    let { inputId } = (0, _index.useSafeContext)(FileUploadCardContext);
-    return _react.createElement(_Anchor.Anchor, {
-        as: "label",
-        ref: ref,
-        htmlFor: inputId,
-        ...rest
-    }, children);
+const FileUploadCardInputLabel = _react.forwardRef((props, ref) => {
+  let { children, ...rest } = props;
+  let { inputId } = (0, _index.useSafeContext)(FileUploadCardContext);
+  return _react.createElement(
+    _Anchor.Anchor,
+    {
+      as: 'label',
+      ref: ref,
+      htmlFor: inputId,
+      ...rest,
+    },
+    children,
+  );
 });
 FileUploadCardInputLabel.displayName = 'FileUploadCard.InputLabel';
-const FileUploadCardInput = _react.forwardRef((props, ref)=>{
-    let { children, onChange, id, ...rest } = props;
-    let { files, onFilesChange, setInternalFiles, inputId, setInputId } = (0, _index.useSafeContext)(FileUploadCardContext);
-    let setNativeFilesRef = _react.useCallback((node)=>{
-        if (!node || !(0, _index.getWindow)()?.DataTransfer) return;
-        let dataTransfer = new DataTransfer();
-        dataTransfer.items.clear();
-        Array.from(files).forEach((file)=>dataTransfer.items.add(file));
-        node.files = dataTransfer.files;
-    }, [
-        files
-    ]);
-    let refs = (0, _index.useMergedRefs)(ref, setNativeFilesRef);
-    _react.useEffect(()=>{
-        if (id && id !== inputId) setInputId(id);
-    }, [
-        id,
-        inputId,
-        setInputId
-    ]);
-    return _react.createElement(_react.Fragment, null, _react.createElement(_VisuallyHidden.VisuallyHidden, {
-        as: "input",
-        type: "file",
-        unhideOnFocus: false,
-        onChange: (0, _index.mergeEventHandlers)(onChange, (e)=>{
-            let _files = Array.from(e.currentTarget.files || []);
-            onFilesChange?.(_files);
-            setInternalFiles(_files);
-        }),
-        ref: refs,
-        id: id ?? inputId,
-        ...rest
-    }), children);
+const FileUploadCardInput = _react.forwardRef((props, ref) => {
+  let { children, onChange, id, ...rest } = props;
+  let { files, onFilesChange, setInternalFiles, inputId, setInputId } = (0,
+  _index.useSafeContext)(FileUploadCardContext);
+  let setNativeFilesRef = _react.useCallback(
+    (node) => {
+      if (!node || !(0, _index.getWindow)()?.DataTransfer) return;
+      let dataTransfer = new DataTransfer();
+      dataTransfer.items.clear();
+      Array.from(files).forEach((file) => dataTransfer.items.add(file));
+      node.files = dataTransfer.files;
+    },
+    [files],
+  );
+  let refs = (0, _index.useMergedRefs)(ref, setNativeFilesRef);
+  _react.useEffect(() => {
+    if (id && id !== inputId) setInputId(id);
+  }, [id, inputId, setInputId]);
+  return _react.createElement(
+    _react.Fragment,
+    null,
+    _react.createElement(_VisuallyHidden.VisuallyHidden, {
+      as: 'input',
+      type: 'file',
+      unhideOnFocus: false,
+      onChange: (0, _index.mergeEventHandlers)(onChange, (e) => {
+        let _files = Array.from(e.currentTarget.files || []);
+        onFilesChange?.(_files);
+        setInternalFiles(_files);
+      }),
+      ref: refs,
+      id: id ?? inputId,
+      ...rest,
+    }),
+    children,
+  );
 });
 FileUploadCardInput.displayName = 'FileUploadCard.Input';
-const FileUploadCardComponent = _react.forwardRef((props, ref)=>{
-    let { className, children, files: filesProp, onFilesChange, emptyCard = _react.createElement(_FileEmptyCard.FileEmptyCard, null), input, ...rest } = props;
-    let [internalFiles, setInternalFiles] = _react.useState();
-    let uid = (0, _index.useId)();
-    let [inputId, setInputId] = _react.useState(uid);
-    let files = filesProp ?? internalFiles ?? [];
-    return _react.createElement(FileUploadCardContext.Provider, {
-        value: {
-            files,
-            onFilesChange,
-            setInternalFiles,
-            inputId,
-            setInputId
-        }
-    }, files?.length ? _react.createElement(_index.Box, {
-        className: (0, _classnames.default)('iui-file-card', className),
-        ref: ref,
-        ...rest
-    }, children ?? _react.createElement(_react.Fragment, null, _react.createElement(FileUploadCard.Icon, null), _react.createElement(FileUploadCard.Info, null, _react.createElement(FileUploadCard.Title, null), _react.createElement(FileUploadCard.Description, null)), _react.createElement(FileUploadCard.Action, null, _react.createElement(FileUploadCard.InputLabel, null, "Replace")))) : emptyCard, input ?? _react.createElement(FileUploadCard.Input, null));
+const FileUploadCardComponent = _react.forwardRef((props, ref) => {
+  let {
+    className,
+    children,
+    files: filesProp,
+    onFilesChange,
+    emptyCard = _react.createElement(_FileEmptyCard.FileEmptyCard, null),
+    input,
+    ...rest
+  } = props;
+  let [internalFiles, setInternalFiles] = _react.useState();
+  let uid = (0, _index.useId)();
+  let [inputId, setInputId] = _react.useState(uid);
+  let files = filesProp ?? internalFiles ?? [];
+  return _react.createElement(
+    FileUploadCardContext.Provider,
+    {
+      value: {
+        files,
+        onFilesChange,
+        setInternalFiles,
+        inputId,
+        setInputId,
+      },
+    },
+    files?.length
+      ? _react.createElement(
+          _index.Box,
+          {
+            className: (0, _classnames.default)('iui-file-card', className),
+            ref: ref,
+            ...rest,
+          },
+          children ??
+            _react.createElement(
+              _react.Fragment,
+              null,
+              _react.createElement(FileUploadCard.Icon, null),
+              _react.createElement(
+                FileUploadCard.Info,
+                null,
+                _react.createElement(FileUploadCard.Title, null),
+                _react.createElement(FileUploadCard.Description, null),
+              ),
+              _react.createElement(
+                FileUploadCard.Action,
+                null,
+                _react.createElement(
+                  FileUploadCard.InputLabel,
+                  null,
+                  'Replace',
+                ),
+              ),
+            ),
+        )
+      : emptyCard,
+    input ?? _react.createElement(FileUploadCard.Input, null),
+  );
 });
 const FileUploadCard = Object.assign(FileUploadCardComponent, {
-    Icon: FileUploadCardIcon,
-    Info: FileUploadCardInfo,
-    Title: FileUploadCardTitle,
-    Description: FileUploadCardDescription,
-    Action: FileUploadCardAction,
-    InputLabel: FileUploadCardInputLabel,
-    Input: FileUploadCardInput
+  Icon: FileUploadCardIcon,
+  Info: FileUploadCardInfo,
+  Title: FileUploadCardTitle,
+  Description: FileUploadCardDescription,
+  Action: FileUploadCardAction,
+  InputLabel: FileUploadCardInputLabel,
+  Input: FileUploadCardInput,
 });
 FileUploadCard.displayName = 'FileUploadCard';
 const FileUploadCardContext = _react.createContext(void 0);

package/DEV-cjs/core/FileUpload/FileUploadTemplate.js

@@ -1,39 +1,67 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "FileUploadTemplate", {
-    enumerable: true,
-    get: function() {
-        return FileUploadTemplate;
-    }
+Object.defineProperty(exports, 'FileUploadTemplate', {
+  enumerable: true,
+  get: function () {
+    return FileUploadTemplate;
+  },
 });
-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 _Anchor = require("../Typography/Anchor.js");
-const FileUploadTemplate = _react.forwardRef((props, ref)=>{
-    let { onChange, acceptMultiple = true, acceptType, label = 'Choose a file', subtitle = 'or drag & drop it here.', children, className, ...rest } = props;
-    return _react.createElement(_index.Box, {
-        className: (0, _classnames.default)('iui-file-upload-template', className),
-        ref: ref,
-        ...rest
-    }, _react.createElement(_index.SvgUpload, {
-        className: "iui-template-icon",
-        "aria-hidden": true
-    }), _react.createElement(_index.Box, {
-        className: "iui-template-text"
-    }, _react.createElement(_Anchor.Anchor, {
-        as: "label"
-    }, _react.createElement(_index.Box, {
-        as: "input",
-        className: "iui-browse-input",
-        type: "file",
-        onChange: onChange,
-        multiple: acceptMultiple,
-        accept: acceptType
-    }), label), _react.createElement("div", null, subtitle), children));
+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 _Anchor = require('../Typography/Anchor.js');
+const FileUploadTemplate = _react.forwardRef((props, ref) => {
+  let {
+    onChange,
+    acceptMultiple = true,
+    acceptType,
+    label = 'Choose a file',
+    subtitle = 'or drag & drop it here.',
+    children,
+    className,
+    ...rest
+  } = props;
+  return _react.createElement(
+    _index.Box,
+    {
+      className: (0, _classnames.default)(
+        'iui-file-upload-template',
+        className,
+      ),
+      ref: ref,
+      ...rest,
+    },
+    _react.createElement(_index.SvgUpload, {
+      className: 'iui-template-icon',
+      'aria-hidden': true,
+    }),
+    _react.createElement(
+      _index.Box,
+      {
+        className: 'iui-template-text',
+      },
+      _react.createElement(
+        _Anchor.Anchor,
+        {
+          as: 'label',
+        },
+        _react.createElement(_index.Box, {
+          as: 'input',
+          className: 'iui-browse-input',
+          type: 'file',
+          onChange: onChange,
+          multiple: acceptMultiple,
+          accept: acceptType,
+        }),
+        label,
+      ),
+      _react.createElement('div', null, subtitle),
+      children,
+    ),
+  );
 });
 FileUploadTemplate.displayName = 'FileUploadTemplate';

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

@@ -1,88 +1,89 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "Flex", {
-    enumerable: true,
-    get: function() {
-        return Flex;
-    }
+Object.defineProperty(exports, 'Flex', {
+  enumerable: true,
+  get: function () {
+    return Flex;
+  },
 });
-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 _Box = require("../../utils/components/Box.js");
-const sizeTokens = [
-    '3xs',
-    '2xs',
-    'xs',
-    's',
-    'm',
-    'l',
-    'xl',
-    '2xl',
-    '3xl'
-];
-const getValueForToken = (token)=>{
-    if (sizeTokens.includes(token)) return `var(--iui-size-${token})`;
-    return token;
+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 _Box = require('../../utils/components/Box.js');
+const sizeTokens = ['3xs', '2xs', 'xs', 's', 'm', 'l', 'xl', '2xl', '3xl'];
+const getValueForToken = (token) => {
+  if (sizeTokens.includes(token)) return `var(--iui-size-${token})`;
+  return token;
 };
-const FlexComponent = _react.forwardRef((props, ref)=>{
-    let { display, flexDirection, justifyContent, alignItems, gap, flexWrap, className, style, ...rest } = props;
-    return _react.createElement(_Box.Box, {
-        className: (0, _classnames.default)('iui-flex', className),
-        style: {
-            '--iui-flex-display': display,
-            '--iui-flex-direction': flexDirection,
-            '--iui-flex-justify': justifyContent,
-            '--iui-flex-align': alignItems,
-            '--iui-flex-gap': getValueForToken(gap),
-            '--iui-flex-wrap': flexWrap,
-            ...style
-        },
-        ref: ref,
-        ...rest
-    });
+const FlexComponent = _react.forwardRef((props, ref) => {
+  let {
+    display,
+    flexDirection,
+    justifyContent,
+    alignItems,
+    gap,
+    flexWrap,
+    className,
+    style,
+    ...rest
+  } = props;
+  return _react.createElement(_Box.Box, {
+    className: (0, _classnames.default)('iui-flex', className),
+    style: {
+      '--iui-flex-display': display,
+      '--iui-flex-direction': flexDirection,
+      '--iui-flex-justify': justifyContent,
+      '--iui-flex-align': alignItems,
+      '--iui-flex-gap': getValueForToken(gap),
+      '--iui-flex-wrap': flexWrap,
+      ...style,
+    },
+    ref: ref,
+    ...rest,
+  });
 });
 FlexComponent.displayName = 'Flex';
-const FlexSpacer = _react.forwardRef((props, ref)=>{
-    let { flex, className, style, ...rest } = props;
-    return _react.createElement(_Box.Box, {
-        className: (0, _classnames.default)('iui-flex-spacer', className),
-        style: {
-            '--iui-flex-spacer-flex': flex,
-            ...style
-        },
-        ref: ref,
-        ...rest
-    });
+const FlexSpacer = _react.forwardRef((props, ref) => {
+  let { flex, className, style, ...rest } = props;
+  return _react.createElement(_Box.Box, {
+    className: (0, _classnames.default)('iui-flex-spacer', className),
+    style: {
+      '--iui-flex-spacer-flex': flex,
+      ...style,
+    },
+    ref: ref,
+    ...rest,
+  });
 });
 FlexSpacer.displayName = 'Flex.Spacer';
-const FlexItem = _react.forwardRef((props, ref)=>{
-    let { gapBefore, gapAfter, flex, alignSelf, className, style, ...rest } = props;
-    let _style = {
-        '--iui-flex-item-flex': flex,
-        '--iui-flex-item-align': alignSelf,
-        '--iui-flex-item-gap-before': getValueForToken(gapBefore),
-        '--iui-flex-item-gap-after': getValueForToken(gapAfter),
-        ...void 0 !== gapBefore && {
-            '--iui-flex-item-gap-before-toggle': 'var(--iui-on)'
-        },
-        ...void 0 !== gapAfter && {
-            '--iui-flex-item-gap-after-toggle': 'var(--iui-on)'
-        },
-        ...style
-    };
-    return _react.createElement(_Box.Box, {
-        className: (0, _classnames.default)('iui-flex-item', className),
-        ref: ref,
-        style: _style,
-        ...rest
-    });
+const FlexItem = _react.forwardRef((props, ref) => {
+  let { gapBefore, gapAfter, flex, alignSelf, className, style, ...rest } =
+    props;
+  let _style = {
+    '--iui-flex-item-flex': flex,
+    '--iui-flex-item-align': alignSelf,
+    '--iui-flex-item-gap-before': getValueForToken(gapBefore),
+    '--iui-flex-item-gap-after': getValueForToken(gapAfter),
+    ...(void 0 !== gapBefore && {
+      '--iui-flex-item-gap-before-toggle': 'var(--iui-on)',
+    }),
+    ...(void 0 !== gapAfter && {
+      '--iui-flex-item-gap-after-toggle': 'var(--iui-on)',
+    }),
+    ...style,
+  };
+  return _react.createElement(_Box.Box, {
+    className: (0, _classnames.default)('iui-flex-item', className),
+    ref: ref,
+    style: _style,
+    ...rest,
+  });
 });
 FlexItem.displayName = 'Flex.Item';
 const Flex = Object.assign(FlexComponent, {
-    Item: FlexItem,
-    Spacer: FlexSpacer
+  Item: FlexItem,
+  Spacer: FlexSpacer,
 });