@itwin/itwinui-react 3.0.0-dev.8 → 3.0.0

package/cjs/core/utils/functions/index.d.ts

@@ -7,3 +7,4 @@ export * from './supports.js';
 export * from './polymorphic.js';
 export * from './import.js';
 export * from './react.js';
+export * from './dev.js';

package/cjs/core/utils/functions/index.js

@@ -14,3 +14,4 @@ tslib_1.__exportStar(require('./supports.js'), exports);
 tslib_1.__exportStar(require('./polymorphic.js'), exports);
 tslib_1.__exportStar(require('./import.js'), exports);
 tslib_1.__exportStar(require('./react.js'), exports);
+tslib_1.__exportStar(require('./dev.js'), exports);

package/cjs/core/utils/hooks/useGlobals.d.ts

@@ -7,7 +7,7 @@ import { ThemeContext } from '../../ThemeProvider/ThemeContext.js';
  * @private
  */
 export declare const useGlobals: () => {
-    theme?: import("../../index.js").ThemeType | undefined;
+    theme?: import("../../ThemeProvider/ThemeProvider.js").ThemeType | undefined;
     themeOptions?: import("../../ThemeProvider/ThemeProvider.js").ThemeOptions | undefined;
     portalContainer?: HTMLElement | null | undefined;
 } | undefined;

package/cjs/core/utils/hooks/useGlobals.js

@@ -8,11 +8,7 @@ const tslib_1 = require('tslib');
  *--------------------------------------------------------------------------------------------*/
 const React = tslib_1.__importStar(require('react'));
 const ThemeContext_js_1 = require('../../ThemeProvider/ThemeContext.js');
-let isDev = false;
-// wrapping in try-catch because process might be undefined
-try {
-  isDev = process.env.NODE_ENV !== 'production';
-} catch {}
+const dev_js_1 = require('../functions/dev.js');
 const didLogWarning = {
   fontSize: false,
   themeProvider: false,
@@ -34,7 +30,7 @@ exports.useGlobals = useGlobals;
 /** Shows console error if ThemeProvider is not used */
 const useThemeProviderWarning = (themeContext) => {
   React.useEffect(() => {
-    if (isDev && !didLogWarning.themeProvider && !themeContext) {
+    if (dev_js_1.isDev && !didLogWarning.themeProvider && !themeContext) {
       console.error(
         'iTwinUI components must be used within a tree wrapped in a ThemeProvider.',
       );
@@ -47,7 +43,7 @@ exports.useThemeProviderWarning = useThemeProviderWarning;
 /** Shows console error if the page changes the root font size */
 const useRootFontSizeWarning = () => {
   React.useEffect(() => {
-    if (isDev && !didLogWarning.fontSize) {
+    if (dev_js_1.isDev && !didLogWarning.fontSize) {
       const rootFontSize = parseInt(
         getComputedStyle(document.documentElement).fontSize,
       );

package/cjs/core/utils/hooks/useOverflow.js

@@ -73,7 +73,9 @@ const useOverflow = (items, disabled = false, orientation = 'horizontal') => {
     if (availableSize < requiredSize) {
       const avgItemSize = requiredSize / visibleCount;
       const visibleItems = Math.floor(availableSize / avgItemSize);
-      setVisibleCount(visibleItems);
+      /* When first item is larger than the container - visibleItems count is 0,
+            We can assume that at least some part of the first item is visible and return 1. */
+      setVisibleCount(visibleItems > 0 ? visibleItems : 1);
     } else if (needsFullRerender.current) {
       const childrenSize = Array.from(containerRef.current.children).reduce(
         (sum, child) => sum + child[`offset${dimension}`],

package/cjs/index.d.ts

@@ -1,2 +1,112 @@
-export * from './core/index.js';
-export * from './types/react-table-config.js';
+export { Alert } from './core/Alert/Alert.js';
+export { Avatar } from './core/Avatar/Avatar.js';
+export { AvatarGroup } from './core/AvatarGroup/AvatarGroup.js';
+export { Backdrop } from './core/Backdrop/Backdrop.js';
+export { Badge } from './core/Badge/Badge.js';
+export { Breadcrumbs } from './core/Breadcrumbs/Breadcrumbs.js';
+export { Button } from './core/Buttons/Button.js';
+export { DropdownButton } from './core/Buttons/DropdownButton.js';
+export { IconButton } from './core/Buttons/IconButton.js';
+export { IdeasButton } from './core/Buttons/IdeasButton.js';
+export { SplitButton } from './core/Buttons/SplitButton.js';
+export { ButtonGroup } from './core/ButtonGroup/ButtonGroup.js';
+export { Carousel } from './core/Carousel/Carousel.js';
+export { Checkbox } from './core/Checkbox/Checkbox.js';
+export { ColorPicker } from './core/ColorPicker/ColorPicker.js';
+export { ColorSwatch } from './core/ColorPicker/ColorSwatch.js';
+export { ColorBuilder } from './core/ColorPicker/ColorBuilder.js';
+export { ColorInputPanel } from './core/ColorPicker/ColorInputPanel.js';
+export { ColorPalette } from './core/ColorPicker/ColorPalette.js';
+export { ComboBox } from './core/ComboBox/ComboBox.js';
+export { DatePicker, generateLocalizedStrings, } from './core/DatePicker/DatePicker.js';
+export { Dialog } from './core/Dialog/Dialog.js';
+export { DropdownMenu } from './core/DropdownMenu/DropdownMenu.js';
+export { ErrorPage } from './core/NonIdealState/ErrorPage.js';
+export { NonIdealState } from './core/NonIdealState/NonIdealState.js';
+export type { ErrorPageType, ErrorTypeTranslations, } from './core/NonIdealState/ErrorPage.js';
+export { ExpandableBlock } from './core/ExpandableBlock/ExpandableBlock.js';
+export { Fieldset } from './core/Fieldset/Fieldset.js';
+export { FileUpload } from './core/FileUpload/FileUpload.js';
+export { FileUploadTemplate } from './core/FileUpload/FileUploadTemplate.js';
+export { FileUploadCard } from './core/FileUpload/FileUploadCard.js';
+export { FileEmptyCard } from './core/FileUpload/FileEmptyCard.js';
+export { Footer, defaultFooterElements } from './core/Footer/Footer.js';
+export type { FooterElement, TitleTranslations } from './core/Footer/Footer.js';
+export { Header } from './core/Header/Header.js';
+export { HeaderBreadcrumbs } from './core/Header/HeaderBreadcrumbs.js';
+export { HeaderButton } from './core/Header/HeaderButton.js';
+export { HeaderLogo } from './core/Header/HeaderLogo.js';
+export { List } from './core/List/List.js';
+export { ListItem } from './core/List/ListItem.js';
+export { TransferList } from './core/TransferList/TransferList.js';
+export { Tabs, Tab } from './core/Tabs/Tabs.js';
+export { InformationPanel } from './core/InformationPanel/InformationPanel.js';
+export { InformationPanelWrapper } from './core/InformationPanel/InformationPanelWrapper.js';
+export { InformationPanelHeader } from './core/InformationPanel/InformationPanelHeader.js';
+export { InformationPanelBody } from './core/InformationPanel/InformationPanelBody.js';
+export { InformationPanelContent } from './core/InformationPanel/InformationPanelContent.js';
+export { Input } from './core/Input/Input.js';
+export { InputWithDecorations } from './core/InputWithDecorations/InputWithDecorations.js';
+export { InputGrid } from './core/InputGrid/InputGrid.js';
+export { Label } from './core/Label/Label.js';
+export { LabeledInput } from './core/LabeledInput/LabeledInput.js';
+export { InputGroup } from './core/InputGroup/InputGroup.js';
+export { LabeledSelect } from './core/LabeledSelect/LabeledSelect.js';
+export { LabeledTextarea } from './core/LabeledTextarea/LabeledTextarea.js';
+export { MenuItem } from './core/Menu/MenuItem.js';
+export { MenuDivider } from './core/Menu/MenuDivider.js';
+export { MenuExtraContent } from './core/Menu/MenuExtraContent.js';
+export { MenuItemSkeleton } from './core/Menu/MenuItemSkeleton.js';
+export { Modal } from './core/Modal/Modal.js';
+export { ModalContent } from './core/Modal/ModalContent.js';
+export { ModalButtonBar } from './core/Modal/ModalButtonBar.js';
+export { NotificationMarker } from './core/NotificationMarker/NotificationMarker.js';
+export { Overlay } from './core/Overlay/Overlay.js';
+export { ProgressLinear } from './core/ProgressIndicators/ProgressLinear.js';
+export { ProgressRadial } from './core/ProgressIndicators/ProgressRadial.js';
+export { Radio } from './core/Radio/Radio.js';
+export { RadioTile } from './core/RadioTiles/RadioTile.js';
+export { RadioTileGroup } from './core/RadioTiles/RadioTileGroup.js';
+export { Select } from './core/Select/Select.js';
+export type { SelectOption, ItemRendererProps, SelectValueChangeEvent, } from './core/Select/Select.js';
+export { SideNavigation } from './core/SideNavigation/SideNavigation.js';
+export { SidenavButton } from './core/SideNavigation/SidenavButton.js';
+export { SidenavSubmenu } from './core/SideNavigation/SidenavSubmenu.js';
+export { SidenavSubmenuHeader } from './core/SideNavigation/SidenavSubmenuHeader.js';
+export { SkipToContentLink } from './core/SkipToContentLink/SkipToContentLink.js';
+export { Slider } from './core/Slider/Slider.js';
+export { StatusMessage } from './core/StatusMessage/StatusMessage.js';
+export { Surface } from './core/Surface/Surface.js';
+export { Table, tableFilters, BaseFilter, FilterButtonBar, DefaultCell, EditableCell, TablePaginator, ActionColumn, ExpanderColumn, SelectionColumn, } from './core/Table/index.js';
+export type { TableFilterValue, DateRangeFilterOptions, TablePaginatorRendererProps, } from './core/Table/index.js';
+export { Tag } from './core/Tag/Tag.js';
+export { TagContainer } from './core/Tag/TagContainer.js';
+export { Textarea } from './core/Textarea/Textarea.js';
+export { Tile } from './core/Tile/Tile.js';
+export { TimePicker } from './core/TimePicker/TimePicker.js';
+export type { MeridiemType } from './core/TimePicker/TimePicker.js';
+export { useToaster } from './core/Toast/Toaster.js';
+export { ThemeProvider } from './core/ThemeProvider/ThemeProvider.js';
+export type { ThemeType } from './core/ThemeProvider/ThemeProvider.js';
+export { ToggleSwitch } from './core/ToggleSwitch/ToggleSwitch.js';
+export { Tooltip } from './core/Tooltip/Tooltip.js';
+export { Tree } from './core/Tree/Tree.js';
+export { TreeNode } from './core/Tree/TreeNode.js';
+export { TreeNodeExpander } from './core/Tree/TreeNodeExpander.js';
+export type { NodeData, NodeRenderProps } from './core/Tree/Tree.js';
+export { Anchor } from './core/Typography/Anchor.js';
+export { Blockquote } from './core/Typography/Blockquote.js';
+export { Code } from './core/Typography/Code.js';
+export { Kbd, KbdKeys } from './core/Typography/Kbd.js';
+export { Text } from './core/Typography/Text.js';
+export { Stepper } from './core/Stepper/Stepper.js';
+export { WorkflowDiagram } from './core/Stepper/WorkflowDiagram.js';
+export type { StepProperties, StepperLocalization, } from './core/Stepper/Stepper.js';
+export { SearchBox } from './core/SearchBox/SearchBox.js';
+export { getUserColor, ColorValue, MiddleTextTruncation, } from './core/utils/index.js';
+export { LinkBox, LinkAction } from './core/LinkAction/LinkAction.js';
+export { VisuallyHidden } from './core/VisuallyHidden/VisuallyHidden.js';
+export { Icon } from './core/Icon/Icon.js';
+export { Flex } from './core/Flex/Flex.js';
+export { Popover } from './core/Popover/Popover.js';
+export { Divider } from './core/Divider/Divider.js';