@itwin/itwinui-react 2.10.1 → 2.11.1

package/cjs/core/FileUpload/FileUpload.js

@@ -1,4 +1,27 @@
 "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;
+});
+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 };
 };
@@ -8,9 +31,9 @@ exports.FileUpload = 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_1 = __importDefault(require("react"));
+const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const utils_1 = require("../utils");
+const index_js_1 = require("../utils/index.js");
 require("@itwin/itwinui-css/css/file-upload.css");
 /**
  * File upload component to be wrapped around `FileUploadTemplate` or any arbitrary component.
@@ -19,12 +42,12 @@ require("@itwin/itwinui-css/css/file-upload.css");
  * <FileUpload onFileDropped={console.log}><FileUploadTemplate /></FileUpload>
  * <FileUpload dragContent='Drop file here' onFileDropped={console.log}><Textarea /></FileUpload>
  */
-exports.FileUpload = react_1.default.forwardRef((props, ref) => {
+exports.FileUpload = React.forwardRef((props, ref) => {
     const { dragContent, children, onFileDropped, className, ...rest } = props;
-    (0, utils_1.useTheme)();
-    const [isDragActive, setIsDragActive] = react_1.default.useState(false);
-    const fileUploadRef = react_1.default.useRef(null);
-    const refs = (0, utils_1.useMergedRefs)(fileUploadRef, ref);
+    (0, index_js_1.useTheme)();
+    const [isDragActive, setIsDragActive] = React.useState(false);
+    const fileUploadRef = React.useRef(null);
+    const refs = (0, index_js_1.useMergedRefs)(fileUploadRef, ref);
     const onDragOverHandler = (e) => {
         e.preventDefault();
         e.stopPropagation();
@@ -57,8 +80,8 @@ exports.FileUpload = react_1.default.forwardRef((props, ref) => {
             onFileDropped((_a = e.dataTransfer) === null || _a === void 0 ? void 0 : _a.files);
         }
     };
-    return (react_1.default.createElement("div", { className: (0, classnames_1.default)('iui-file-upload', { 'iui-drag': isDragActive }, className), onDragEnter: onDragEnterHandler, onDragOver: onDragOverHandler, onDragLeave: onDragLeaveHandler, onDrop: onDropHandler, ref: refs, ...rest },
-        dragContent ? children : react_1.default.createElement("div", { className: 'iui-content' }, children),
-        dragContent && react_1.default.createElement("div", { className: 'iui-content' }, dragContent)));
+    return (React.createElement("div", { className: (0, classnames_1.default)('iui-file-upload', { 'iui-drag': isDragActive }, className), onDragEnter: onDragEnterHandler, onDragOver: onDragOverHandler, onDragLeave: onDragLeaveHandler, onDrop: onDropHandler, ref: refs, ...rest },
+        dragContent ? children : React.createElement("div", { className: 'iui-content' }, children),
+        dragContent && React.createElement("div", { className: 'iui-content' }, dragContent)));
 });
 exports.default = exports.FileUpload;

package/cjs/core/FileUpload/FileUploadCard.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 export declare type FileUploadCardIconProps = React.ComponentPropsWithRef<'span'>;
 export declare type FileUploadCardInfoProps = React.ComponentPropsWithRef<'span'>;
 export declare type FileUploadCardTitleProps = React.ComponentPropsWithRef<'span'>;

package/cjs/core/FileUpload/FileUploadCard.js

@@ -1,4 +1,27 @@
 "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;
+});
+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 };
 };
@@ -8,11 +31,10 @@ exports.FileUploadCardContext = exports.FileUploadCard = 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_1 = __importDefault(require("react"));
-const utils_1 = require("../utils");
+const React = __importStar(require("react"));
+const index_js_1 = require("../utils/index.js");
 const classnames_1 = __importDefault(require("classnames"));
-const FileEmptyCard_1 = require("./FileEmptyCard");
-const utils_2 = require("../utils");
+const FileEmptyCard_js_1 = require("./FileEmptyCard.js");
 const toBytes = (bytes) => {
     const units = [' bytes', 'KB', 'MB', 'GB', 'TB'];
     let i = 0;
@@ -25,52 +47,52 @@ const toDate = (dateNumber) => {
     const date = new Date(dateNumber);
     return date.toDateString() + ' ' + date.toLocaleTimeString();
 };
-const FileUploadCardIcon = react_1.default.forwardRef((props, ref) => {
+const FileUploadCardIcon = React.forwardRef((props, ref) => {
     const { children, className, ...rest } = props;
-    return (react_1.default.createElement("span", { className: (0, classnames_1.default)('iui-file-card-icon', className), ref: ref, ...rest }, children !== null && children !== void 0 ? children : react_1.default.createElement(utils_1.SvgDocument, null)));
+    return (React.createElement("span", { className: (0, classnames_1.default)('iui-file-card-icon', className), ref: ref, ...rest }, children !== null && children !== void 0 ? children : React.createElement(index_js_1.SvgDocument, null)));
 });
 FileUploadCardIcon.displayName = 'FileUploadCard.Icon';
-const FileUploadCardInfo = react_1.default.forwardRef((props, ref) => {
+const FileUploadCardInfo = React.forwardRef((props, ref) => {
     const { children, className, ...rest } = props;
-    return (react_1.default.createElement("span", { className: (0, classnames_1.default)('iui-file-card-text', className), ref: ref, ...rest }, children));
+    return (React.createElement("span", { className: (0, classnames_1.default)('iui-file-card-text', className), ref: ref, ...rest }, children));
 });
 FileUploadCardInfo.displayName = 'FileUploadCard.Info';
-const FileUploadCardTitle = react_1.default.forwardRef((props, ref) => {
+const FileUploadCardTitle = React.forwardRef((props, ref) => {
     const { children, className, ...rest } = props;
-    const { files } = (0, utils_1.useSafeContext)(exports.FileUploadCardContext);
+    const { files } = (0, index_js_1.useSafeContext)(exports.FileUploadCardContext);
     const title = files.length > 1 ? files.length + ' files selected' : files[0].name;
-    return (react_1.default.createElement("span", { className: (0, classnames_1.default)('iui-file-card-title', className), ref: ref, ...rest }, children !== null && children !== void 0 ? children : title));
+    return (React.createElement("span", { className: (0, classnames_1.default)('iui-file-card-title', className), ref: ref, ...rest }, children !== null && children !== void 0 ? children : title));
 });
 FileUploadCardTitle.displayName = 'FileUploadCard.Title';
-const FileUploadCardDescription = react_1.default.forwardRef((props, ref) => {
+const FileUploadCardDescription = React.forwardRef((props, ref) => {
     const { children, className, ...rest } = props;
-    const { files } = (0, utils_1.useSafeContext)(exports.FileUploadCardContext);
+    const { files } = (0, index_js_1.useSafeContext)(exports.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_1.default.createElement("span", { className: (0, classnames_1.default)('iui-file-card-description', className), ref: ref, ...rest }, children !== null && children !== void 0 ? children : description));
+    return (React.createElement("span", { className: (0, classnames_1.default)('iui-file-card-description', className), ref: ref, ...rest }, children !== null && children !== void 0 ? children : description));
 });
 FileUploadCardDescription.displayName = 'FileUploadCard.Description';
-const FileUploadCardAction = react_1.default.forwardRef((props, ref) => {
+const FileUploadCardAction = React.forwardRef((props, ref) => {
     const { children, className, ...rest } = props;
-    return (react_1.default.createElement("div", { className: (0, classnames_1.default)('iui-file-card-action', className), ref: ref, ...rest }, children));
+    return (React.createElement("div", { className: (0, classnames_1.default)('iui-file-card-action', className), ref: ref, ...rest }, children));
 });
 FileUploadCardAction.displayName = 'FileUploadCard.Action';
-const FileUploadCardInputLabel = react_1.default.forwardRef((props, ref) => {
+const FileUploadCardInputLabel = React.forwardRef((props, ref) => {
     const { children, className, ...rest } = props;
-    const { inputId } = (0, utils_1.useSafeContext)(exports.FileUploadCardContext);
-    return (react_1.default.createElement("label", { className: (0, classnames_1.default)('iui-anchor', className), ref: ref, htmlFor: inputId, ...rest }, children));
+    const { inputId } = (0, index_js_1.useSafeContext)(exports.FileUploadCardContext);
+    return (React.createElement("label", { className: (0, classnames_1.default)('iui-anchor', className), ref: ref, htmlFor: inputId, ...rest }, children));
 });
 FileUploadCardInputLabel.displayName = 'FileUploadCard.InputLabel';
-const FileUploadCardInput = react_1.default.forwardRef((props, ref) => {
+const FileUploadCardInput = React.forwardRef((props, ref) => {
     const { children, className, onChange, id, ...rest } = props;
-    const { files, onFilesChange, setInternalFiles, inputId, setInputId } = (0, utils_1.useSafeContext)(exports.FileUploadCardContext);
-    const setNativeFilesRef = react_1.default.useCallback((node) => {
+    const { files, onFilesChange, setInternalFiles, inputId, setInputId } = (0, index_js_1.useSafeContext)(exports.FileUploadCardContext);
+    const setNativeFilesRef = React.useCallback((node) => {
         var _a;
-        if (!node || !((_a = (0, utils_1.getWindow)()) === null || _a === void 0 ? void 0 : _a.DataTransfer)) {
+        if (!node || !((_a = (0, index_js_1.getWindow)()) === null || _a === void 0 ? void 0 : _a.DataTransfer)) {
             return;
         }
         const dataTransfer = new DataTransfer();
@@ -78,14 +100,14 @@ const FileUploadCardInput = react_1.default.forwardRef((props, ref) => {
         Array.from(files).forEach((file) => dataTransfer.items.add(file));
         node.files = dataTransfer.files;
     }, [files]);
-    const refs = (0, utils_1.useMergedRefs)(ref, setNativeFilesRef);
-    react_1.default.useEffect(() => {
+    const refs = (0, index_js_1.useMergedRefs)(ref, setNativeFilesRef);
+    React.useEffect(() => {
         if (id && id !== inputId) {
             setInputId(id);
         }
     }, [id, inputId, setInputId]);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("input", { className: (0, classnames_1.default)('iui-visually-hidden', className), type: 'file', onChange: (e) => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("input", { className: (0, classnames_1.default)('iui-visually-hidden', className), type: 'file', onChange: (e) => {
                 onChange === null || onChange === void 0 ? void 0 : onChange(e);
                 if (!e.isDefaultPrevented()) {
                     const _files = Array.from(e.currentTarget.files || []);
@@ -120,27 +142,27 @@ FileUploadCardInput.displayName = 'FileUploadCard.Input';
  *   </FileUploadCard.Action>
  * </FileUploadCard>
  */
-exports.FileUploadCard = Object.assign(react_1.default.forwardRef((props, ref) => {
+exports.FileUploadCard = Object.assign(React.forwardRef((props, ref) => {
     var _a;
-    const { className, children, files: filesProp, onFilesChange, emptyCard = react_1.default.createElement(FileEmptyCard_1.FileEmptyCard, null), input, ...rest } = props;
-    const [internalFiles, setInternalFiles] = react_1.default.useState();
-    const uid = (0, utils_2.useId)();
-    const [inputId, setInputId] = react_1.default.useState(uid);
+    const { className, children, files: filesProp, onFilesChange, emptyCard = React.createElement(FileEmptyCard_js_1.FileEmptyCard, null), input, ...rest } = props;
+    const [internalFiles, setInternalFiles] = React.useState();
+    const uid = (0, index_js_1.useId)();
+    const [inputId, setInputId] = React.useState(uid);
     const files = (_a = filesProp !== null && filesProp !== void 0 ? filesProp : internalFiles) !== null && _a !== void 0 ? _a : [];
-    return (react_1.default.createElement(exports.FileUploadCardContext.Provider, { value: {
+    return (React.createElement(exports.FileUploadCardContext.Provider, { value: {
             files,
             onFilesChange,
             setInternalFiles,
             inputId,
             setInputId,
         } },
-        (files === null || files === void 0 ? void 0 : files.length) ? (react_1.default.createElement("div", { className: (0, classnames_1.default)('iui-file-card', className), ref: ref, ...rest }, children !== null && children !== void 0 ? children : (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(exports.FileUploadCard.Icon, null),
-            react_1.default.createElement(exports.FileUploadCard.Info, null,
-                react_1.default.createElement(exports.FileUploadCard.Title, null),
-                react_1.default.createElement(exports.FileUploadCard.Description, null)),
-            react_1.default.createElement(exports.FileUploadCard.Action, null,
-                react_1.default.createElement(exports.FileUploadCard.InputLabel, null, "Replace")))))) : (emptyCard), input !== null && input !== void 0 ? input : react_1.default.createElement(exports.FileUploadCard.Input, null)));
+        (files === null || files === void 0 ? void 0 : files.length) ? (React.createElement("div", { className: (0, classnames_1.default)('iui-file-card', className), ref: ref, ...rest }, children !== null && children !== void 0 ? children : (React.createElement(React.Fragment, null,
+            React.createElement(exports.FileUploadCard.Icon, null),
+            React.createElement(exports.FileUploadCard.Info, null,
+                React.createElement(exports.FileUploadCard.Title, null),
+                React.createElement(exports.FileUploadCard.Description, null)),
+            React.createElement(exports.FileUploadCard.Action, null,
+                React.createElement(exports.FileUploadCard.InputLabel, null, "Replace")))))) : (emptyCard), input !== null && input !== void 0 ? input : React.createElement(exports.FileUploadCard.Input, null)));
 }), {
     Icon: FileUploadCardIcon,
     Info: FileUploadCardInfo,
@@ -152,4 +174,4 @@ exports.FileUploadCard = Object.assign(react_1.default.forwardRef((props, ref) =
 });
 exports.FileUploadCard.displayName = 'FileUploadCard';
 exports.default = exports.FileUploadCard;
-exports.FileUploadCardContext = react_1.default.createContext(undefined);
+exports.FileUploadCardContext = React.createContext(undefined);

package/cjs/core/FileUpload/FileUploadTemplate.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import '@itwin/itwinui-css/css/file-upload.css';
 export declare type FileUploadTemplateProps = {
     /**

package/cjs/core/FileUpload/FileUploadTemplate.js

@@ -1,4 +1,27 @@
 "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;
+});
+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 };
 };
@@ -8,9 +31,9 @@ exports.FileUploadTemplate = 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_1 = __importDefault(require("react"));
+const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const utils_1 = require("../utils");
+const index_js_1 = require("../utils/index.js");
 require("@itwin/itwinui-css/css/file-upload.css");
 /**
  * Default template to be used with the `FileUpload` wrapper component.
@@ -20,14 +43,14 @@ require("@itwin/itwinui-css/css/file-upload.css");
  */
 const FileUploadTemplate = (props) => {
     const { onChange, acceptMultiple = true, acceptType, label = 'Choose a file', subtitle = 'or drag & drop it here.', children, className, ...rest } = props;
-    (0, utils_1.useTheme)();
-    return (react_1.default.createElement("div", { className: (0, classnames_1.default)('iui-file-upload-template', className), ...rest },
-        react_1.default.createElement(utils_1.SvgUpload, { className: 'iui-template-icon', "aria-hidden": true }),
-        react_1.default.createElement("div", { className: 'iui-template-text' },
-            react_1.default.createElement("label", { className: 'iui-anchor' },
-                react_1.default.createElement("input", { className: 'iui-browse-input', type: 'file', onChange: onChange, multiple: acceptMultiple, accept: acceptType }),
+    (0, index_js_1.useTheme)();
+    return (React.createElement("div", { className: (0, classnames_1.default)('iui-file-upload-template', className), ...rest },
+        React.createElement(index_js_1.SvgUpload, { className: 'iui-template-icon', "aria-hidden": true }),
+        React.createElement("div", { className: 'iui-template-text' },
+            React.createElement("label", { className: 'iui-anchor' },
+                React.createElement("input", { className: 'iui-browse-input', type: 'file', onChange: onChange, multiple: acceptMultiple, accept: acceptType }),
                 label),
-            react_1.default.createElement("div", null, subtitle),
+            React.createElement("div", null, subtitle),
             children)));
 };
 exports.FileUploadTemplate = FileUploadTemplate;

package/cjs/core/FileUpload/index.d.ts

@@ -1,10 +1,10 @@
-export { FileUpload } from './FileUpload';
-export type { FileUploadProps } from './FileUpload';
+export { FileUpload } from './FileUpload.js';
+export type { FileUploadProps } from './FileUpload.js';
 declare const _default: "./FileUpload";
 export default _default;
-export { FileUploadTemplate } from './FileUploadTemplate';
-export type { FileUploadTemplateProps } from './FileUploadTemplate';
-export { FileUploadCard } from './FileUploadCard';
-export type { FileUploadCardProps, FileUploadCardIconProps, FileUploadCardInfoProps, FileUploadCardTitleProps, FileUploadCardDescriptionProps, FileUploadCardActionProps, FileUploadCardInputLabelProps, FileUploadCardInputProps, } from './FileUploadCard';
-export { FileEmptyCard } from './FileEmptyCard';
-export type { FileEmptyCardProps, FileEmptyCardIconProps, FileEmptyCardTextProps, } from './FileEmptyCard';
+export { FileUploadTemplate } from './FileUploadTemplate.js';
+export type { FileUploadTemplateProps } from './FileUploadTemplate.js';
+export { FileUploadCard } from './FileUploadCard.js';
+export type { FileUploadCardProps, FileUploadCardIconProps, FileUploadCardInfoProps, FileUploadCardTitleProps, FileUploadCardDescriptionProps, FileUploadCardActionProps, FileUploadCardInputLabelProps, FileUploadCardInputProps, } from './FileUploadCard.js';
+export { FileEmptyCard } from './FileEmptyCard.js';
+export type { FileEmptyCardProps, FileEmptyCardIconProps, FileEmptyCardTextProps, } from './FileEmptyCard.js';

package/cjs/core/FileUpload/index.js

@@ -5,12 +5,12 @@ exports.FileEmptyCard = exports.FileUploadCard = exports.FileUploadTemplate = ex
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-var FileUpload_1 = require("./FileUpload");
-Object.defineProperty(exports, "FileUpload", { enumerable: true, get: function () { return FileUpload_1.FileUpload; } });
+var FileUpload_js_1 = require("./FileUpload.js");
+Object.defineProperty(exports, "FileUpload", { enumerable: true, get: function () { return FileUpload_js_1.FileUpload; } });
 exports.default = './FileUpload';
-var FileUploadTemplate_1 = require("./FileUploadTemplate");
-Object.defineProperty(exports, "FileUploadTemplate", { enumerable: true, get: function () { return FileUploadTemplate_1.FileUploadTemplate; } });
-var FileUploadCard_1 = require("./FileUploadCard");
-Object.defineProperty(exports, "FileUploadCard", { enumerable: true, get: function () { return FileUploadCard_1.FileUploadCard; } });
-var FileEmptyCard_1 = require("./FileEmptyCard");
-Object.defineProperty(exports, "FileEmptyCard", { enumerable: true, get: function () { return FileEmptyCard_1.FileEmptyCard; } });
+var FileUploadTemplate_js_1 = require("./FileUploadTemplate.js");
+Object.defineProperty(exports, "FileUploadTemplate", { enumerable: true, get: function () { return FileUploadTemplate_js_1.FileUploadTemplate; } });
+var FileUploadCard_js_1 = require("./FileUploadCard.js");
+Object.defineProperty(exports, "FileUploadCard", { enumerable: true, get: function () { return FileUploadCard_js_1.FileUploadCard; } });
+var FileEmptyCard_js_1 = require("./FileEmptyCard.js");
+Object.defineProperty(exports, "FileEmptyCard", { enumerable: true, get: function () { return FileEmptyCard_js_1.FileEmptyCard; } });

package/cjs/core/Footer/Footer.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { StylingProps } from '../utils';
+import * as React from 'react';
+import type { StylingProps } from '../utils/index.js';
 import '@itwin/itwinui-css/css/footer.css';
 export declare type TitleTranslations = {
     termsOfService: string;
@@ -60,6 +60,6 @@ export declare const Footer: ((props: FooterProps) => JSX.Element) & {
     Item: (props: Pick<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "key" | keyof React.LiHTMLAttributes<HTMLLIElement>> & {
         ref?: ((instance: HTMLLIElement | null) => void) | React.RefObject<HTMLLIElement> | null | undefined;
     }) => JSX.Element;
-    Separator: (props: import("./FooterSeparator").FooterSeparatorProps) => JSX.Element;
+    Separator: (props: import("./FooterSeparator.js").FooterSeparatorProps) => JSX.Element;
 };
 export default Footer;

package/cjs/core/Footer/Footer.js

@@ -1,4 +1,27 @@
 "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;
+});
+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 };
 };
@@ -8,13 +31,13 @@ exports.Footer = exports.defaultFooterElements = 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_1 = __importDefault(require("react"));
+const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const utils_1 = require("../utils");
+const index_js_1 = require("../utils/index.js");
 require("@itwin/itwinui-css/css/footer.css");
-const FooterItem_1 = require("./FooterItem");
-const FooterSeparator_1 = require("./FooterSeparator");
-const FooterList_1 = require("./FooterList");
+const FooterItem_js_1 = require("./FooterItem.js");
+const FooterSeparator_js_1 = require("./FooterSeparator.js");
+const FooterList_js_1 = require("./FooterList.js");
 const footerTranslations = {
     cookies: 'Cookies',
     legalNotices: 'Legal notices',
@@ -68,7 +91,7 @@ exports.defaultFooterElements = [
  */
 exports.Footer = Object.assign((props) => {
     const { children, customElements, translatedTitles, className, ...rest } = props;
-    (0, utils_1.useTheme)();
+    (0, index_js_1.useTheme)();
     const titles = { ...footerTranslations, ...translatedTitles };
     const translatedElements = exports.defaultFooterElements.map((element) => {
         if (element.key && titles.hasOwnProperty(element.key)) {
@@ -87,14 +110,14 @@ exports.Footer = Object.assign((props) => {
                 ? customElements(translatedElements)
                 : [...translatedElements, ...customElements];
     }
-    return (react_1.default.createElement("footer", { className: (0, classnames_1.default)('iui-legal-footer', className), ...rest }, children ? (children) : (react_1.default.createElement(FooterList_1.FooterList, null, elements.map((element, index) => {
-        return (react_1.default.createElement(react_1.default.Fragment, { key: element.key || `${element.title}-${index}` },
-            index > 0 && react_1.default.createElement(FooterSeparator_1.FooterSeparator, null),
-            react_1.default.createElement(FooterItem_1.FooterItem, null, element.url ? (react_1.default.createElement("a", { href: element.url, target: '_blank', rel: 'noreferrer' }, element.title)) : (element.title))));
+    return (React.createElement("footer", { className: (0, classnames_1.default)('iui-legal-footer', className), ...rest }, children ? (children) : (React.createElement(FooterList_js_1.FooterList, null, elements.map((element, index) => {
+        return (React.createElement(React.Fragment, { key: element.key || `${element.title}-${index}` },
+            index > 0 && React.createElement(FooterSeparator_js_1.FooterSeparator, null),
+            React.createElement(FooterItem_js_1.FooterItem, null, element.url ? (React.createElement("a", { href: element.url, target: '_blank', rel: 'noreferrer' }, element.title)) : (element.title))));
     })))));
 }, {
-    List: FooterList_1.FooterList,
-    Item: FooterItem_1.FooterItem,
-    Separator: FooterSeparator_1.FooterSeparator,
+    List: FooterList_js_1.FooterList,
+    Item: FooterItem_js_1.FooterItem,
+    Separator: FooterSeparator_js_1.FooterSeparator,
 });
 exports.default = exports.Footer;

package/cjs/core/Footer/FooterItem.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import '@itwin/itwinui-css/css/footer.css';
 export declare type FooterItemProps = React.ComponentPropsWithRef<'li'>;
 /**

package/cjs/core/Footer/FooterItem.js

@@ -1,4 +1,27 @@
 "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;
+});
+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 };
 };
@@ -8,8 +31,8 @@ exports.FooterItem = 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_1 = __importDefault(require("react"));
-const utils_1 = require("../utils");
+const React = __importStar(require("react"));
+const index_js_1 = require("../utils/index.js");
 const classnames_1 = __importDefault(require("classnames"));
 require("@itwin/itwinui-css/css/footer.css");
 /**
@@ -17,8 +40,8 @@ require("@itwin/itwinui-css/css/footer.css");
  */
 const FooterItem = (props) => {
     const { children, className, ...rest } = props;
-    (0, utils_1.useTheme)();
-    return (react_1.default.createElement("li", { className: (0, classnames_1.default)('iui-legal-footer-item', className), ...rest }, children));
+    (0, index_js_1.useTheme)();
+    return (React.createElement("li", { className: (0, classnames_1.default)('iui-legal-footer-item', className), ...rest }, children));
 };
 exports.FooterItem = FooterItem;
 exports.default = exports.FooterItem;

package/cjs/core/Footer/FooterList.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import '@itwin/itwinui-css/css/footer.css';
 export declare type FooterListProps = React.ComponentPropsWithRef<'ul'>;
 /**

package/cjs/core/Footer/FooterList.js

@@ -1,4 +1,27 @@
 "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;
+});
+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 };
 };
@@ -8,8 +31,8 @@ exports.FooterList = 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_1 = __importDefault(require("react"));
-const utils_1 = require("../utils");
+const React = __importStar(require("react"));
+const index_js_1 = require("../utils/index.js");
 const classnames_1 = __importDefault(require("classnames"));
 require("@itwin/itwinui-css/css/footer.css");
 /**
@@ -17,8 +40,8 @@ require("@itwin/itwinui-css/css/footer.css");
  */
 const FooterList = (props) => {
     const { className, children, ...rest } = props;
-    (0, utils_1.useTheme)();
-    return (react_1.default.createElement("ul", { className: (0, classnames_1.default)('iui-legal-footer-list', className), ...rest }, children));
+    (0, index_js_1.useTheme)();
+    return (React.createElement("ul", { className: (0, classnames_1.default)('iui-legal-footer-list', className), ...rest }, children));
 };
 exports.FooterList = FooterList;
 exports.default = exports.FooterList;

package/cjs/core/Footer/FooterSeparator.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import '@itwin/itwinui-css/css/footer.css';
 export declare type FooterSeparatorProps = Omit<React.ComponentPropsWithRef<'li'>, 'children'>;
 /**