@evergis/uilib-gl 1.0.113 → 1.0.115

package/dist/index.d.ts

@@ -84,6 +84,7 @@ export * from "./organisms/ChipAutoComplete";
 export * from "./organisms/RangeDateInput";
 export * from "./organisms/RangeNumberInput";
 export * from "./organisms/Tree";
+export * from "./organisms/TreeDropdown";
 export * from "./organisms/JSONEditor";
 export * from "./GlobalsContainer";
 export * from "./injectGlobals";

package/dist/organisms/Tree/types.d.ts

@@ -15,7 +15,7 @@ export declare type TreeItemProps<T = any> = {
     isLeaf?: boolean;
     loading?: boolean;
     totalCount?: number;
-    children?: TreeItemProps[];
+    children?: TreeItemProps[] | null;
     additionalInfo?: ReactNode;
     onClick?: VoidFunction;
 };
@@ -28,7 +28,7 @@ export interface TreeItemComponentProps<T = any> {
     isSelected?: boolean;
     isDisabled?: boolean;
     selectable?: boolean;
-    renderTree: (children?: TreeItemProps<T>[], isExpanded?: boolean, parentItem?: TreeItemProps<T>) => ReactNode;
+    renderTree: (children?: TreeItemProps<T>[] | null, isExpanded?: boolean, parentItem?: TreeItemProps<T>) => ReactNode;
     withLoadMore?: boolean;
     onLoadMore?: (item: TreeItemProps<T>) => Promisable<void>;
     onExpand: (item: TreeItemProps<T>, isExpanded: boolean, onlyReload?: boolean) => Promisable<void>;

package/dist/organisms/TreeDropdown/TreeDropdown.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { ITreeDropdownProps } from "./types";
+export declare const TreeDropdown: FC<ITreeDropdownProps>;

package/dist/organisms/TreeDropdown/TreeDropdownItem.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { TreeItemComponentProps } from "../Tree/types";
+export declare const TreeDropdownItem: FC<TreeItemComponentProps>;

package/dist/organisms/TreeDropdown/context.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ITreeDropdownContextValue } from "./types";
+export declare const TreeDropdownContext: import("react").Context<ITreeDropdownContextValue | null>;
+export declare const useTreeDropdownContext: () => ITreeDropdownContextValue;

package/dist/organisms/TreeDropdown/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./TreeDropdown";
+export * from "./TreeDropdownItem";
+export * from "./types";

package/dist/organisms/TreeDropdown/styled.d.ts

@@ -0,0 +1,24 @@
+export declare const FieldIcons: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms/Grid").FlexProps, never>;
+export declare const CountBadge: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const ResetIcon: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, import("../../atoms/Icon").IIconProps, never>;
+export declare const Chevron: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, import("../../atoms/Icon").IIconProps & {
+    isOpen?: boolean | undefined;
+}, never>;
+export declare const Content: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    width?: string | undefined;
+}, never>;
+export declare const TreeScroll: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    maxHeight?: string | undefined;
+}, never>;
+export declare const SpinnerContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms/Grid").FlexProps, never>;
+export declare const CheckboxHolder: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+/** Зазор chevron→checkbox и icon→text приводим к зазору checkbox→icon (0.625rem — margin-right чекбокса). */
+export declare const RowExpand: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, import("../../atoms/Icon").IIconProps & {
+    isExpanded?: boolean | undefined;
+    hasChildren?: boolean | undefined;
+}, never>;
+export declare const RowContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../atoms/Grid").FlexProps, never>;
+export declare const RowText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    isLeaf?: boolean | undefined;
+}, never>;
+export declare const ItemBadge: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;

package/dist/organisms/TreeDropdown/types.d.ts

@@ -0,0 +1,30 @@
+import { TreeId, TreeItemProps, TreeProps } from "../Tree/types";
+export interface ITreeDropdownProps {
+    className?: string;
+    width?: string;
+    menuHeight?: string;
+    zIndex?: number;
+    placeholder?: string;
+    multiSelect?: boolean;
+    loading?: boolean;
+    data: TreeProps["data"];
+    setData?: TreeProps["setData"];
+    expanded?: TreeProps["expanded"];
+    setExpanded?: TreeProps["setExpanded"];
+    onLoadChildren?: TreeProps["loadNode"];
+    selectedIds: Set<TreeId>;
+    selectedCount?: number;
+    selectedLabel?: string;
+    searchValue: string;
+    onSearchChange: (value: string) => void;
+    onOpen?: VoidFunction;
+    onClose?: VoidFunction;
+    onToggleSelect: (item: TreeItemProps) => void;
+    onReset?: VoidFunction;
+}
+export interface ITreeDropdownContextValue {
+    selectedIds: Set<TreeId>;
+    multiSelect?: boolean;
+    onToggleSelect: (item: TreeItemProps) => void;
+    getSubtreeBadge: (item: TreeItemProps) => number;
+}

package/dist/organisms/TreeDropdown/useTreeDropdown.d.ts

@@ -0,0 +1,15 @@
+import { ChangeEvent } from "react";
+import { ITreeDropdownProps } from "./types";
+export declare const useTreeDropdown: ({ multiSelect, selectedIds, selectedCount, selectedLabel, searchValue, onOpen, onClose, onToggleSelect, onReset, onSearchChange, }: ITreeDropdownProps) => {
+    open: boolean;
+    openDropdown: () => void;
+    closeDropdown: () => void;
+    toggleOpen: (event: import("react").MouseEvent<Element, MouseEvent>) => void;
+    handleReset: (event: {
+        stopPropagation: VoidFunction;
+    }) => void;
+    contextValue: import("./types").ITreeDropdownContextValue;
+    count: number;
+    displayValue: string;
+    onInputChange: (event: ChangeEvent<HTMLInputElement>) => void;
+};

package/dist/organisms/TreeDropdown/useTreeDropdownOpen.d.ts

@@ -0,0 +1,7 @@
+import { MouseEvent } from "react";
+export declare const useTreeDropdownOpen: (onOpen?: VoidFunction | undefined, onClose?: VoidFunction | undefined) => {
+    open: boolean;
+    openDropdown: () => void;
+    closeDropdown: () => void;
+    toggleOpen: (event: MouseEvent) => void;
+};

package/dist/organisms/TreeDropdown/useTreeDropdownSelection.d.ts

@@ -0,0 +1,3 @@
+import { ITreeDropdownContextValue } from "./types";
+import { TreeId, TreeItemProps } from "../Tree/types";
+export declare const useTreeDropdownSelection: (selectedIds: Set<TreeId>, onToggleSelect: (item: TreeItemProps) => void, closeDropdown: VoidFunction, multiSelect?: boolean | undefined) => ITreeDropdownContextValue;

package/dist/organisms/TreeDropdown/utils.d.ts

@@ -0,0 +1,3 @@
+import { TreeId, TreeItemProps } from "../Tree/types";
+export declare const formatCount: (count: number) => string;
+export declare const countSelectedDescendants: (item: TreeItemProps, selectedIds: Set<TreeId>) => number;

package/dist/uilib-gl.esm.js

@@ -1,4 +1,4 @@
-import { memo, Children, cloneElement, Component, isValidElement, useRef, useEffect, useState, useMemo, useCallback, useLayoutEffect, Fragment } from 'react';
+import { memo, Children, cloneElement, Component, isValidElement, useRef, useEffect, useState, useMemo, useCallback, useLayoutEffect, Fragment, createContext, useContext } from 'react';
 import styled, { ThemeProvider as ThemeProvider$1, css, useTheme as useTheme$1, keyframes, createGlobalStyle } from 'styled-components';
 import merge from 'deepmerge';
 import { rgb, hsl, hsla, opacify, ellipsis, transparentize, rem, normalize } from 'polished';
@@ -29760,6 +29760,429 @@ const TreeComponent = _ref => {
 
 const Tree = /*#__PURE__*/memo(TreeComponent);
 
+const FieldIcons = /*#__PURE__*/styled(Flex)`
+  position: absolute;
+  top: 50%;
+  right: 0.5rem;
+  transform: translateY(-50%);
+  align-items: center;
+  gap: 0.25rem;
+  width: max-content;
+  white-space: nowrap;
+`;
+const CountBadge = styled.span`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 1.25rem;
+  height: 1rem;
+  padding: 0;
+  border-radius: 0.5rem;
+  background-color: ${_ref => {
+  let {
+    theme: {
+      palette
+    }
+  } = _ref;
+  return palette.primary;
+}};
+  color: ${_ref2 => {
+  let {
+    theme: {
+      palette
+    }
+  } = _ref2;
+  return palette.background;
+}};
+  font-size: 0.625rem;
+  font-weight: 600;
+  line-height: 1;
+`;
+const ResetIcon = /*#__PURE__*/styled(Icon)`
+  width: 0.875rem;
+  height: 0.875rem;
+  cursor: pointer;
+  color: ${_ref3 => {
+  let {
+    theme: {
+      palette
+    }
+  } = _ref3;
+  return palette.textSecondary;
+}};
+
+  &:after {
+    font-size: 0.875rem;
+  }
+
+  &:hover {
+    color: ${_ref4 => {
+  let {
+    theme: {
+      palette
+    }
+  } = _ref4;
+  return palette.textPrimary;
+}};
+  }
+`;
+const Chevron = /*#__PURE__*/styled(Icon)`
+  width: 0.875rem;
+  height: 0.875rem;
+  cursor: pointer;
+  transform: ${_ref5 => {
+  let {
+    isOpen
+  } = _ref5;
+  return isOpen ? "rotate(180deg)" : "";
+}};
+  transition: transform ${transition.press};
+  color: ${_ref6 => {
+  let {
+    theme: {
+      palette
+    }
+  } = _ref6;
+  return palette.textSecondary;
+}};
+
+  &:after {
+    font-size: 0.875rem;
+  }
+`;
+const Content = styled.div`
+  width: ${_ref7 => {
+  let {
+    width
+  } = _ref7;
+  return width || "auto";
+}};
+  padding: 0.5rem;
+  box-sizing: border-box;
+`;
+const TreeScroll = styled.div`
+  max-height: ${_ref8 => {
+  let {
+    maxHeight
+  } = _ref8;
+  return maxHeight || "15rem";
+}};
+  overflow-y: auto;
+`;
+const SpinnerContainer = /*#__PURE__*/styled(Flex)`
+  align-items: center;
+  justify-content: center;
+  min-height: 5rem;
+`;
+const CheckboxHolder = styled.span`
+  display: inline-flex;
+  align-items: center;
+  pointer-events: none;
+`;
+/** Зазор chevron→checkbox и icon→text приводим к зазору checkbox→icon (0.625rem — margin-right чекбокса). */
+
+const RowExpand = /*#__PURE__*/styled(TreeExpand)`
+  margin-right: 0.625rem;
+`;
+const RowContent = /*#__PURE__*/styled(TreeContent)`
+  gap: 0 0.625rem;
+`;
+const RowText = /*#__PURE__*/styled(TreeText)`
+  font-size: 1rem;
+  font-weight: normal;
+`;
+const ItemBadge = styled.span`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 1.25rem;
+  height: 1rem;
+  margin-left: 0.25rem;
+  padding: 0;
+  border-radius: 0.5rem;
+  background-color: ${_ref9 => {
+  let {
+    theme: {
+      palette
+    }
+  } = _ref9;
+  return palette.element;
+}};
+  color: ${_ref10 => {
+  let {
+    theme: {
+      palette
+    }
+  } = _ref10;
+  return palette.textSecondary;
+}};
+  font-size: 0.625rem;
+  font-weight: 600;
+  line-height: 1;
+`;
+
+const TreeDropdownContext = /*#__PURE__*/createContext(null);
+const useTreeDropdownContext = () => {
+  const context = useContext(TreeDropdownContext);
+
+  if (!context) {
+    throw new Error("useTreeDropdownContext must be used within TreeDropdown");
+  }
+
+  return context;
+};
+
+const MAX_BADGE_COUNT = 99;
+const formatCount = count => count > MAX_BADGE_COUNT ? `${MAX_BADGE_COUNT}+` : `${count}`;
+const countSelectedDescendants = (item, selectedIds) => {
+  var _item$children;
+
+  if (!((_item$children = item.children) != null && _item$children.length)) {
+    return 0;
+  }
+
+  return item.children.reduce((sum, child) => {
+    const selfCount = selectedIds.has(child.id) ? 1 : 0;
+    return sum + selfCount + countSelectedDescendants(child, selectedIds);
+  }, 0);
+};
+
+const NOOP = () => undefined;
+
+const TreeDropdownItemComponent = _ref => {
+  let {
+    item,
+    parentItem,
+    isExpanded,
+    onExpand,
+    renderTree
+  } = _ref;
+  const {
+    selectedIds,
+    multiSelect,
+    onToggleSelect,
+    getSubtreeBadge
+  } = useTreeDropdownContext();
+  const {
+    id,
+    text,
+    isLeaf,
+    loading,
+    children
+  } = item;
+  const hasChildren = (children == null ? void 0 : children.length) > 0 || !!isLeaf;
+  const isChecked = selectedIds.has(id);
+  const badge = getSubtreeBadge(item);
+  const onChevronClick = useCallback(event => {
+    event.stopPropagation();
+    onExpand(item, !isExpanded);
+  }, [item, isExpanded, onExpand]);
+  const onRowClick = useCallback(() => onToggleSelect(item), [item, onToggleSelect]);
+  return React.createElement(TreeItemWrapper, null, React.createElement(TreeRow, {
+    onClick: onRowClick,
+    hasChildren: hasChildren
+  }, React.createElement(RowExpand, {
+    kind: "expand",
+    isExpanded: isExpanded,
+    hasChildren: hasChildren,
+    onClick: onChevronClick
+  }), multiSelect && React.createElement(CheckboxHolder, null, React.createElement(Checkbox, {
+    checked: isChecked,
+    onChange: NOOP
+  })), React.createElement(RowContent, null, React.createElement(Icon, {
+    kind: hasChildren ? "tree_folder_closed" : "textfile"
+  }), React.createElement(RowText, {
+    isLeaf: hasChildren
+  }, text), badge > 0 && React.createElement(ItemBadge, null, formatCount(badge)))), renderTree(children, isExpanded, parentItem), loading && isExpanded && React.createElement(LoadingContainer, null, React.createElement(CircularProgress, {
+    diameter: 1
+  })));
+};
+
+const TreeDropdownItem = /*#__PURE__*/memo(TreeDropdownItemComponent);
+
+const useTreeDropdownOpen = (onOpen, onClose) => {
+  const [open, setOpen] = useState(false);
+  const openDropdown = useCallback(() => {
+    setOpen(current => {
+      if (!current) {
+        onOpen == null ? void 0 : onOpen();
+      }
+
+      return true;
+    });
+  }, [onOpen]);
+  const closeDropdown = useCallback(() => {
+    setOpen(current => {
+      if (current) {
+        onClose == null ? void 0 : onClose();
+      }
+
+      return false;
+    });
+  }, [onClose]);
+  const toggleOpen = useCallback(event => {
+    event.stopPropagation();
+    setOpen(current => {
+      if (current) {
+        onClose == null ? void 0 : onClose();
+      } else {
+        onOpen == null ? void 0 : onOpen();
+      }
+
+      return !current;
+    });
+  }, [onOpen, onClose]);
+  return {
+    open,
+    openDropdown,
+    closeDropdown,
+    toggleOpen
+  };
+};
+
+const useTreeDropdownSelection = (selectedIds, onToggleSelect, closeDropdown, multiSelect) => {
+  const handleToggleSelect = useCallback(item => {
+    onToggleSelect(item);
+
+    if (!multiSelect) {
+      closeDropdown();
+    }
+  }, [multiSelect, onToggleSelect, closeDropdown]);
+  const getSubtreeBadge = useCallback(item => countSelectedDescendants(item, selectedIds), [selectedIds]);
+  return useMemo(() => ({
+    selectedIds,
+    multiSelect,
+    onToggleSelect: handleToggleSelect,
+    getSubtreeBadge
+  }), [selectedIds, multiSelect, handleToggleSelect, getSubtreeBadge]);
+};
+
+const useTreeDropdown = _ref => {
+  let {
+    multiSelect,
+    selectedIds,
+    selectedCount,
+    selectedLabel,
+    searchValue,
+    onOpen,
+    onClose,
+    onToggleSelect,
+    onReset,
+    onSearchChange
+  } = _ref;
+  const {
+    open,
+    openDropdown,
+    closeDropdown,
+    toggleOpen
+  } = useTreeDropdownOpen(onOpen, onClose);
+  const contextValue = useTreeDropdownSelection(selectedIds, onToggleSelect, closeDropdown, multiSelect);
+  const handleReset = useCallback(event => {
+    event.stopPropagation();
+    onReset == null ? void 0 : onReset();
+  }, [onReset]);
+  const count = selectedCount ?? selectedIds.size;
+  const displayValue = useMemo(() => open ? searchValue : multiSelect ? "" : selectedLabel ?? "", [open, searchValue, multiSelect, selectedLabel]);
+  const onInputChange = useCallback(event => {
+    openDropdown();
+    onSearchChange(event.target.value);
+  }, [openDropdown, onSearchChange]);
+  return {
+    open,
+    openDropdown,
+    closeDropdown,
+    toggleOpen,
+    handleReset,
+    contextValue,
+    count,
+    displayValue,
+    onInputChange
+  };
+};
+
+const INPUT_STYLE = {
+  cursor: "pointer",
+  caretColor: "transparent",
+  userSelect: "none"
+};
+
+const preventInputFocus = event => event.preventDefault();
+
+const TreeDropdownComponent = props => {
+  const {
+    className,
+    width = "19.5rem",
+    menuHeight,
+    zIndex,
+    placeholder,
+    multiSelect,
+    loading,
+    data,
+    setData,
+    expanded,
+    setExpanded,
+    onLoadChildren,
+    onReset
+  } = props;
+  const {
+    open,
+    closeDropdown,
+    toggleOpen,
+    handleReset,
+    contextValue,
+    count,
+    displayValue,
+    onInputChange
+  } = useTreeDropdown(props);
+  const iconAfter = React.createElement(FieldIcons, null, multiSelect && count > 0 && React.createElement(CountBadge, null, formatCount(count)), count > 0 && onReset && React.createElement(ResetIcon, {
+    kind: "close",
+    onClick: handleReset
+  }), React.createElement(Chevron, {
+    kind: "input_dropdown",
+    isOpen: open,
+    onClick: toggleOpen
+  }));
+  return React.createElement(Popover, {
+    open: open,
+    onRequestClose: closeDropdown,
+    anchorOrigin: "bottom-left",
+    targetOrigin: "top-left",
+    animateX: false,
+    zIndex: zIndex,
+    anchor: React.createElement("div", {
+      onClick: toggleOpen
+    }, React.createElement(Input$1, {
+      readOnly: true,
+      style: INPUT_STYLE,
+      className: className,
+      width: width,
+      value: displayValue,
+      placeholder: placeholder,
+      iconAfter: iconAfter,
+      onChange: onInputChange,
+      onMouseDown: preventInputFocus
+    }))
+  }, React.createElement(Content, {
+    width: width
+  }, loading ? React.createElement(SpinnerContainer, null, React.createElement(CircularProgress, {
+    diameter: 2
+  })) : React.createElement(TreeDropdownContext.Provider, {
+    value: contextValue
+  }, React.createElement(TreeScroll, {
+    maxHeight: menuHeight
+  }, React.createElement(Tree, {
+    data: data,
+    setData: setData,
+    expanded: expanded,
+    setExpanded: setExpanded,
+    selectable: false,
+    loadNode: onLoadChildren,
+    Item: TreeDropdownItem
+  })))));
+};
+
+const TreeDropdown = /*#__PURE__*/memo(TreeDropdownComponent);
+
 const JSONEditorContainer = styled.div`
   position: relative;
   width: 100%;
@@ -32047,5 +32470,5 @@ const JSONEditorBase = _ref => {
 
 const JSONEditor = /*#__PURE__*/memo(JSONEditorBase);
 
-export { ActionButton, Actions, ActionsGroup, AdditionalInfo, AnchorContainer, AutoComplete, BaseButton, Blank, Box, ButtonsGroup, ButtonsGroupComponent, CSSTransition, Card, CardBodyContainer, Header$1 as CardHeader, ImageGradientOverlay as CardImageGradientOverlay, ImageOverlay as CardImageOverlay, CardLoader, Checkbox, CheckboxComponent, Chip, ChipAutoCompleDivider, ChipAutoCompleSlider, ChipAutoComplete, ChipAutoCompleteControlFlex, ChipAutoCompleteMode, ChipAutoCompleteTags, ChipContainer, ChipInput, ChipInputHolder, Circle, CircularProgress, Collapse, CollapseWrapper, ColorButton, ColorInput, ColorPicker, ComparisonOperator, Container$5 as Container, CustomButton, CustomToggle, DATE_FORMAT, DATE_TIME_FORMAT, DataGrid, DatePicker, Description, Dialog, DialogActions, DialogComponent, DialogContent, DialogOverlay, DialogTitle, Divider, DividerLine, DragAreaWrapper, DraggableTree, DraggableTreeContainer, DraggableTreeItem, DropHereTitle, Dropdown, DropdownContainer, DropdownField, DropdownOptionIcon, ElementsArea, Expander, FILE_SIZE_STEP, FadingIcon, FieldValue, FileExt, FileInfoComment, FileInfoName, FileInfoProgress, FileInfoTitle, FileSymbolContainer, FilterInput, FlatButton, Flex, FlexSpan, FocusTrap, GlobalsContainer, H1, H2, H3, H4, Handlers, HueMap, HueSlider, selection as IcoMoonSelection, Icon, IconButton, IconButtonButton, IconButtonInnerChild, IconMenu, IconToggle, IconToggleButton, IconToggleText, Image, ImageLoader, InfiniteScroll, InfiniteScrollContainer, InfiniteScrollLoaderContainer, InjectGlobalStyles, Input$1 as Input, InputLabel, InputsGroup, InputsGroupContainer, InputsGroupELement, InputsGroupElements, InputsGroupLabel, ItemContainer, JSONEditor, JSONEditorContainer, JSONEditorLinearProgress, JSONEditorWrapper, Label$2 as Label, LabeledTextarea, LeftSide, LegendToggler, LinearLoader, LinearProgress, Link, ListTransition, LoadMoreButton, LoadingContainer, MAX_NUMBER, MB_FILE_SIZE, MIN_NUMBER, MaskedComponent, Menu, MenuContainer, Message, MultiSelectContainer, Notifications, NumberInput, NumberRangeContainer, NumberRangeInputContainer, NumberRangeSlider, NumberRangeSliderContainer, NumberRangeSliderLabel, OpacitySlider, Option, OptionContainer, OptionDescription, OptionIcon, OptionText, OptionToggler, OptionValueContainer, OptionValueWrapper, PaginationFull, PaginationSimple, Paragraph, PasswordToggle, Placeholder, Popover, PopoverTransition, Popup$1 as Popup, Portal, Preview, Radio$1 as Radio, RadioGroup, RaisedButton, RangeDateInput, RangeDatePicker, RangeNumberInput, RatioLine, RegularIconButton, SEPARATED_TIME_FORMAT, SearchField, SearchInputContainer, SelectFromComputerTitle, SimpleInput, Slider, SliderContainer$2 as SliderContainer, HandleContainer as SliderHandle, Label$1 as SliderLabel, LowerTrackBackground as SliderLowerTrackBackground, SliderPopover, Track as SliderTrack, SortToggle, Spinner, Stepper, StyledInput, Switch, SwitchArea, SwitchContainer, SwitchTitle, Switcher, SymbolLibrary, SymbolPreview, THROTTLING_DELAY, TIME_FORMAT, TabBlock, TabContainer, TabContainerLine, Tabs, Text, TextTrim, Textarea, ThemeProvider, Tippy, TitleText, Tooltip, TooltipContent, Tree, TreeContainer, TreeContent, TreeDescription, TreeExpand, TreeItem, TreeItemWrapper, TreeItems, TreeRow, TreeText, UnicodeBig, UnicodeSmall, Uploader, UploaderItemArea, UploaderItemsContainer, UploaderTitle, UploaderTitleContainer, UploaderTitleImage, UploaderTitleWrapper, UserChip, UserChipImagePlaceholder, UserChipItem, UserChipItemIcon, UserChipItemImage, ValueLink, ValuePrefix, WaitingButton, WaitingButtonComponent, WithLabelContainer, Wizard, addItem, borderRadius, buttonMixin, clamp, cloneWithRefs, collapseDuration, combineRefs, createColorOrMono, createIconColors, createLinkStates, createMessageColors, createTheme, createToggleStates, createVariants, cropLeftBorderRadius, cropRightBorderRadius, theme$1 as darkTheme, dateFormat, defaultOptions, defaultStub, theme as defaultTheme, fileSizeFormat, findTreeItemById, fonts, getChipColor, getColorOrMono, getHighlightParts, getIconColors, getLinkColors, getLocale, getMessageColors, getNumberFromPixels, getRealChildren, getTagColor, getTextWidth, getTheme, getToggleStates, getUnicodeFromString, getVariant, horizontalDivider, iconTypes, injectIcon, inputMixin, isDefined, isDescendant, isDomNode, isNumeric, isOutside, isReactDomElement, isReactElement, isSimpleStyledComponent, isTextFitElementWidth, isTouchDevice, isValidUrl, mapToSimpleOption, palette, photo, preventDefault, randomInteger, randomRgba, rangeValueFormat, removeItem, replaceTreeItemById, sendRefSafety, shadows, sortNumbers, stub, textOverflowEllipsisMixin, toNumber, toSimpleOption, transition, transparencyDark2, transparencyDark4, Transparency_dark8 as transparencyDark8, transparencyLight2, transparencyLight4, Transparency_light8 as transparencyLight8, typeId, urlify, useAsyncAutocomplete, useDelayedStyleLoader, useDialogShadow, useDragAndDropEffect, useEventListener, useForceUpdate, useMounted, useMutationObserver, usePrevValue, useStyleLoader, useTheme, useThrottling, useToggle, useUndraggableEffect, useUnselectableEffect, verticalDivider, withLabel };
+export { ActionButton, Actions, ActionsGroup, AdditionalInfo, AnchorContainer, AutoComplete, BaseButton, Blank, Box, ButtonsGroup, ButtonsGroupComponent, CSSTransition, Card, CardBodyContainer, Header$1 as CardHeader, ImageGradientOverlay as CardImageGradientOverlay, ImageOverlay as CardImageOverlay, CardLoader, Checkbox, CheckboxComponent, Chip, ChipAutoCompleDivider, ChipAutoCompleSlider, ChipAutoComplete, ChipAutoCompleteControlFlex, ChipAutoCompleteMode, ChipAutoCompleteTags, ChipContainer, ChipInput, ChipInputHolder, Circle, CircularProgress, Collapse, CollapseWrapper, ColorButton, ColorInput, ColorPicker, ComparisonOperator, Container$5 as Container, CustomButton, CustomToggle, DATE_FORMAT, DATE_TIME_FORMAT, DataGrid, DatePicker, Description, Dialog, DialogActions, DialogComponent, DialogContent, DialogOverlay, DialogTitle, Divider, DividerLine, DragAreaWrapper, DraggableTree, DraggableTreeContainer, DraggableTreeItem, DropHereTitle, Dropdown, DropdownContainer, DropdownField, DropdownOptionIcon, ElementsArea, Expander, FILE_SIZE_STEP, FadingIcon, FieldValue, FileExt, FileInfoComment, FileInfoName, FileInfoProgress, FileInfoTitle, FileSymbolContainer, FilterInput, FlatButton, Flex, FlexSpan, FocusTrap, GlobalsContainer, H1, H2, H3, H4, Handlers, HueMap, HueSlider, selection as IcoMoonSelection, Icon, IconButton, IconButtonButton, IconButtonInnerChild, IconMenu, IconToggle, IconToggleButton, IconToggleText, Image, ImageLoader, InfiniteScroll, InfiniteScrollContainer, InfiniteScrollLoaderContainer, InjectGlobalStyles, Input$1 as Input, InputLabel, InputsGroup, InputsGroupContainer, InputsGroupELement, InputsGroupElements, InputsGroupLabel, ItemContainer, JSONEditor, JSONEditorContainer, JSONEditorLinearProgress, JSONEditorWrapper, Label$2 as Label, LabeledTextarea, LeftSide, LegendToggler, LinearLoader, LinearProgress, Link, ListTransition, LoadMoreButton, LoadingContainer, MAX_NUMBER, MB_FILE_SIZE, MIN_NUMBER, MaskedComponent, Menu, MenuContainer, Message, MultiSelectContainer, Notifications, NumberInput, NumberRangeContainer, NumberRangeInputContainer, NumberRangeSlider, NumberRangeSliderContainer, NumberRangeSliderLabel, OpacitySlider, Option, OptionContainer, OptionDescription, OptionIcon, OptionText, OptionToggler, OptionValueContainer, OptionValueWrapper, PaginationFull, PaginationSimple, Paragraph, PasswordToggle, Placeholder, Popover, PopoverTransition, Popup$1 as Popup, Portal, Preview, Radio$1 as Radio, RadioGroup, RaisedButton, RangeDateInput, RangeDatePicker, RangeNumberInput, RatioLine, RegularIconButton, SEPARATED_TIME_FORMAT, SearchField, SearchInputContainer, SelectFromComputerTitle, SimpleInput, Slider, SliderContainer$2 as SliderContainer, HandleContainer as SliderHandle, Label$1 as SliderLabel, LowerTrackBackground as SliderLowerTrackBackground, SliderPopover, Track as SliderTrack, SortToggle, Spinner, Stepper, StyledInput, Switch, SwitchArea, SwitchContainer, SwitchTitle, Switcher, SymbolLibrary, SymbolPreview, THROTTLING_DELAY, TIME_FORMAT, TabBlock, TabContainer, TabContainerLine, Tabs, Text, TextTrim, Textarea, ThemeProvider, Tippy, TitleText, Tooltip, TooltipContent, Tree, TreeContainer, TreeContent, TreeDescription, TreeDropdown, TreeDropdownItem, TreeExpand, TreeItem, TreeItemWrapper, TreeItems, TreeRow, TreeText, UnicodeBig, UnicodeSmall, Uploader, UploaderItemArea, UploaderItemsContainer, UploaderTitle, UploaderTitleContainer, UploaderTitleImage, UploaderTitleWrapper, UserChip, UserChipImagePlaceholder, UserChipItem, UserChipItemIcon, UserChipItemImage, ValueLink, ValuePrefix, WaitingButton, WaitingButtonComponent, WithLabelContainer, Wizard, addItem, borderRadius, buttonMixin, clamp, cloneWithRefs, collapseDuration, combineRefs, createColorOrMono, createIconColors, createLinkStates, createMessageColors, createTheme, createToggleStates, createVariants, cropLeftBorderRadius, cropRightBorderRadius, theme$1 as darkTheme, dateFormat, defaultOptions, defaultStub, theme as defaultTheme, fileSizeFormat, findTreeItemById, fonts, getChipColor, getColorOrMono, getHighlightParts, getIconColors, getLinkColors, getLocale, getMessageColors, getNumberFromPixels, getRealChildren, getTagColor, getTextWidth, getTheme, getToggleStates, getUnicodeFromString, getVariant, horizontalDivider, iconTypes, injectIcon, inputMixin, isDefined, isDescendant, isDomNode, isNumeric, isOutside, isReactDomElement, isReactElement, isSimpleStyledComponent, isTextFitElementWidth, isTouchDevice, isValidUrl, mapToSimpleOption, palette, photo, preventDefault, randomInteger, randomRgba, rangeValueFormat, removeItem, replaceTreeItemById, sendRefSafety, shadows, sortNumbers, stub, textOverflowEllipsisMixin, toNumber, toSimpleOption, transition, transparencyDark2, transparencyDark4, Transparency_dark8 as transparencyDark8, transparencyLight2, transparencyLight4, Transparency_light8 as transparencyLight8, typeId, urlify, useAsyncAutocomplete, useDelayedStyleLoader, useDialogShadow, useDragAndDropEffect, useEventListener, useForceUpdate, useMounted, useMutationObserver, usePrevValue, useStyleLoader, useTheme, useThrottling, useToggle, useUndraggableEffect, useUnselectableEffect, verticalDivider, withLabel };
 //# sourceMappingURL=uilib-gl.esm.js.map