@unifiedsoftware/react-ui 2.0.1-beta.13 → 2.0.1-beta.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +47 -28
- package/dist/index.js +3 -4
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -645,7 +645,14 @@ interface Props$J {
|
|
|
645
645
|
hoverable?: boolean;
|
|
646
646
|
selected?: boolean;
|
|
647
647
|
disabled?: boolean;
|
|
648
|
+
cssVars?: {
|
|
649
|
+
paddingInline?: react__default.CSSProperties['paddingInline'];
|
|
650
|
+
paddingBlock?: react__default.CSSProperties['paddingBlock'];
|
|
651
|
+
minHeight?: react__default.CSSProperties['minHeight'];
|
|
652
|
+
height?: react__default.CSSProperties['height'];
|
|
653
|
+
};
|
|
648
654
|
slotProps?: {
|
|
655
|
+
container?: react__default.HTMLAttributes<HTMLDivElement>;
|
|
649
656
|
startContent?: react__default.HTMLAttributes<HTMLDivElement>;
|
|
650
657
|
content?: react__default.HTMLAttributes<HTMLDivElement>;
|
|
651
658
|
endContent?: react__default.HTMLAttributes<HTMLDivElement>;
|
|
@@ -2104,6 +2111,7 @@ type Rect = {
|
|
|
2104
2111
|
};
|
|
2105
2112
|
type LayoutMeta = {
|
|
2106
2113
|
id: string;
|
|
2114
|
+
title: string;
|
|
2107
2115
|
x: number;
|
|
2108
2116
|
y: number;
|
|
2109
2117
|
width: number;
|
|
@@ -2115,7 +2123,7 @@ type LayoutMeta = {
|
|
|
2115
2123
|
adaptive?: boolean;
|
|
2116
2124
|
readOnly?: boolean;
|
|
2117
2125
|
};
|
|
2118
|
-
type PanelMeta = {
|
|
2126
|
+
type PanelMeta<TData extends Record<string, any> = Record<string, any>> = {
|
|
2119
2127
|
id: string;
|
|
2120
2128
|
title: string;
|
|
2121
2129
|
icon?: React.ReactNode;
|
|
@@ -2127,17 +2135,21 @@ type PanelMeta = {
|
|
|
2127
2135
|
minimized?: boolean;
|
|
2128
2136
|
maximized?: boolean;
|
|
2129
2137
|
snapped?: boolean;
|
|
2130
|
-
|
|
2138
|
+
dock: boolean;
|
|
2139
|
+
docked: boolean;
|
|
2140
|
+
undockLayoutId?: string;
|
|
2131
2141
|
zIndex: number;
|
|
2132
2142
|
zIndexFloating: number;
|
|
2133
2143
|
zIndexLayout: number;
|
|
2134
2144
|
layoutId?: string;
|
|
2135
2145
|
layoutMinimized?: boolean;
|
|
2136
|
-
closable
|
|
2146
|
+
closable: boolean;
|
|
2147
|
+
closed?: boolean;
|
|
2137
2148
|
minWidth?: number;
|
|
2138
2149
|
maxWidth?: number;
|
|
2139
2150
|
minHeight?: number;
|
|
2140
2151
|
maxHeight?: number;
|
|
2152
|
+
data: TData;
|
|
2141
2153
|
};
|
|
2142
2154
|
type Direction = 'top' | 'bottom' | 'left' | 'right';
|
|
2143
2155
|
interface EdgeFlags {
|
|
@@ -2148,6 +2160,7 @@ interface EdgeFlags {
|
|
|
2148
2160
|
}
|
|
2149
2161
|
interface LayoutRect {
|
|
2150
2162
|
id: string;
|
|
2163
|
+
title: string;
|
|
2151
2164
|
adaptive: boolean;
|
|
2152
2165
|
readOnly: boolean;
|
|
2153
2166
|
gridX: number;
|
|
@@ -2197,15 +2210,20 @@ declare function useLayoutPanelManager({ layouts, setLayouts, panels, setPanels,
|
|
|
2197
2210
|
windowContainerRect: Rect;
|
|
2198
2211
|
layoutContainerRect: Rect;
|
|
2199
2212
|
panelPrevRectsRef: react.MutableRefObject<Record<string, Rect>>;
|
|
2200
|
-
|
|
2213
|
+
activePanelId: string | null;
|
|
2214
|
+
activePanel: PanelMeta | undefined;
|
|
2201
2215
|
activeFloatingPanel: string | null;
|
|
2202
2216
|
layoutPanelIds: Record<string, string[]>;
|
|
2203
|
-
|
|
2204
|
-
|
|
2205
|
-
|
|
2206
|
-
|
|
2207
|
-
|
|
2208
|
-
|
|
2217
|
+
createPanel: <TData extends Record<string, any> = Record<string, any>>(panel: Optional<Omit<PanelMeta<TData>, "zIndex" | "zIndexFloating" | "zIndexLayout">, "id" | "dock" | "docked" | "closable" | "data">) => string;
|
|
2218
|
+
selectPanel: (id: string) => void;
|
|
2219
|
+
updatePanel: (id: string, patch: Partial<PanelMeta>) => void;
|
|
2220
|
+
closePanel: (id: string) => void;
|
|
2221
|
+
minimizePanel: (id: string) => void;
|
|
2222
|
+
dockPanel: (id: string) => void;
|
|
2223
|
+
undockPanel: (id: string) => void;
|
|
2224
|
+
maximizeLayoutPanel: (id: string) => void;
|
|
2225
|
+
minimizeLayoutPanel: (id: string) => void;
|
|
2226
|
+
layoutRects: LayoutRect[];
|
|
2209
2227
|
simulateLayoutPositions: (panelId: string, layoutId: string) => LayoutRect[];
|
|
2210
2228
|
hoveredLayoutIdRef: react.MutableRefObject<Record<string, string | null>>;
|
|
2211
2229
|
hoveredLayoutId: Record<string, string | null>;
|
|
@@ -2215,8 +2233,6 @@ declare function useLayoutPanelManager({ layouts, setLayouts, panels, setPanels,
|
|
|
2215
2233
|
setHoveredPanelIds: react.Dispatch<react.SetStateAction<Record<string, string | null>>>;
|
|
2216
2234
|
activePanelsByLayout: Record<string, string | null>;
|
|
2217
2235
|
updateLayoutSize: (layoutId: string, newRect: Rect, isResizing?: boolean) => void;
|
|
2218
|
-
maximizeLayoutPanel: (id: string) => void;
|
|
2219
|
-
minimizeLayoutPanel: (id: string) => void;
|
|
2220
2236
|
registerTabDragHandler: (panelId: string, handler: (event: React.PointerEvent) => void) => void;
|
|
2221
2237
|
getTabDragHandler: (panelId: string) => (event: React.PointerEvent) => void;
|
|
2222
2238
|
};
|
|
@@ -2233,15 +2249,20 @@ declare const useLayoutManager: () => {
|
|
|
2233
2249
|
windowContainerRect: Rect;
|
|
2234
2250
|
layoutContainerRect: Rect;
|
|
2235
2251
|
panelPrevRectsRef: react__default.MutableRefObject<Record<string, Rect>>;
|
|
2236
|
-
|
|
2252
|
+
activePanelId: string | null;
|
|
2253
|
+
activePanel: PanelMeta | undefined;
|
|
2237
2254
|
activeFloatingPanel: string | null;
|
|
2238
2255
|
layoutPanelIds: Record<string, string[]>;
|
|
2239
|
-
|
|
2240
|
-
|
|
2241
|
-
|
|
2242
|
-
|
|
2243
|
-
|
|
2244
|
-
|
|
2256
|
+
createPanel: <TData extends Record<string, any> = Record<string, any>>(panel: Optional<Omit<PanelMeta<TData>, "zIndex" | "zIndexFloating" | "zIndexLayout">, "id" | "dock" | "docked" | "closable" | "data">) => string;
|
|
2257
|
+
selectPanel: (id: string) => void;
|
|
2258
|
+
updatePanel: (id: string, patch: Partial<PanelMeta>) => void;
|
|
2259
|
+
closePanel: (id: string) => void;
|
|
2260
|
+
minimizePanel: (id: string) => void;
|
|
2261
|
+
dockPanel: (id: string) => void;
|
|
2262
|
+
undockPanel: (id: string) => void;
|
|
2263
|
+
maximizeLayoutPanel: (id: string) => void;
|
|
2264
|
+
minimizeLayoutPanel: (id: string) => void;
|
|
2265
|
+
layoutRects: LayoutRect[];
|
|
2245
2266
|
simulateLayoutPositions: (panelId: string, layoutId: string) => LayoutRect[];
|
|
2246
2267
|
hoveredLayoutIdRef: react__default.MutableRefObject<Record<string, string | null>>;
|
|
2247
2268
|
hoveredLayoutId: Record<string, string | null>;
|
|
@@ -2251,8 +2272,6 @@ declare const useLayoutManager: () => {
|
|
|
2251
2272
|
setHoveredPanelIds: react__default.Dispatch<react__default.SetStateAction<Record<string, string | null>>>;
|
|
2252
2273
|
activePanelsByLayout: Record<string, string | null>;
|
|
2253
2274
|
updateLayoutSize: (layoutId: string, newRect: Rect, isResizing?: boolean) => void;
|
|
2254
|
-
maximizeLayoutPanel: (id: string) => void;
|
|
2255
|
-
minimizeLayoutPanel: (id: string) => void;
|
|
2256
2275
|
registerTabDragHandler: (panelId: string, handler: (event: react__default.PointerEvent) => void) => void;
|
|
2257
2276
|
getTabDragHandler: (panelId: string) => (event: react__default.PointerEvent) => void;
|
|
2258
2277
|
};
|
|
@@ -2270,13 +2289,13 @@ declare function Panels(): react_jsx_runtime.JSX.Element;
|
|
|
2270
2289
|
|
|
2271
2290
|
declare function Taskbar(): react_jsx_runtime.JSX.Element;
|
|
2272
2291
|
|
|
2273
|
-
interface PanelContextValue {
|
|
2274
|
-
panel: PanelMeta;
|
|
2275
|
-
}
|
|
2276
|
-
declare const usePanel: () => PanelContextValue;
|
|
2277
|
-
|
|
2278
2292
|
declare const LayoutsDebug: () => react_jsx_runtime.JSX.Element;
|
|
2279
2293
|
|
|
2280
|
-
declare const
|
|
2294
|
+
declare const DropzoneLayouts: () => react_jsx_runtime.JSX.Element | null;
|
|
2295
|
+
|
|
2296
|
+
declare const DockLayouts: () => react_jsx_runtime.JSX.Element;
|
|
2297
|
+
|
|
2298
|
+
declare const usePanel: () => PanelMeta;
|
|
2299
|
+
declare const usePanelData: <TData extends Record<string, any>>() => TData;
|
|
2281
2300
|
|
|
2282
|
-
export { Accordion, type AccordionArrow, AccordionBody, type AccordionBodyProps, type AccordionColor, AccordionContent, type AccordionContentProps, AccordionContext, AccordionHeader, type AccordionHeaderProps, AccordionItem, type AccordionItemProps, type AccordionProps, type AccordionSize, AccordionTrigger, type AccordionTriggerProps, type AccordionVariant, Autocomplete, type AutocompleteClearable, type AutocompleteItem, type AutocompleteKeyField, type AutocompleteMultiple, type AutocompleteProps, Backdrop, type BackdropPlacement, type BackdropProps, type BackdropVariant, Badge, type BadgeProps, Button, type ButtonColor, ButtonGroup, ButtonGroupContext, type ButtonGroupContextValue, type ButtonGroupDirection, type ButtonGroupProps, type ButtonProps, type ButtonSize, type ButtonVariant, Card, CardBody, type CardBodyProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, CardMedia, type CardMediaProps, type CardProps, CardSubtitle, type CardSubtitleProps, CardTitle, type CardTitleProps, Checkbox, type CheckboxColor, CheckboxGroup, type CheckboxGroupAlignment, CheckboxGroupContext, type CheckboxGroupContextValue, type CheckboxGroupDirection, type CheckboxGroupProps, type CheckboxLabelPlacement, type CheckboxProps, type CheckboxSize, type CheckboxValue, Chip, type ChipProps, Collapse, CollapseContent, type CollapseContentProps, CollapseContext, type CollapseContextValue, type CollapseProps, CollapseTrigger, type CollapseTriggerProps, type ColorScheme, type ContainerBreakpoints, ContainerMediaQuery, DataList, type DataListItem, type DataListKeyField, type DataListMultipleProps, type DataListProps, type DataListSingleProps, Description, DescriptionEmpty, type DescriptionEmptyProps, type DescriptionProps, DescriptionText, type DescriptionTextProps, Descriptions, type DescriptionsAlign, DescriptionsContext, type DescriptionsContextValue, type DescriptionsLayout, type DescriptionsMode, type DescriptionsProps, type DescriptionsSize, type Disclosure, Divider, type DividerProps, Draggable, DraggableContent, type DraggableContentProps, DraggableTrigger, Drawer, type DrawerBackdrop, DrawerBody, type DrawerBodyProps, type DrawerClose, DrawerContext, type DrawerContextValue, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, type DrawerPlacement, type DrawerPosition, type DrawerProps, type DrawerSize, Dropdown, DropdownContent, type DropdownContentProps, DropdownContext, type DropdownContextValue, DropdownItem, type DropdownItemProps, type DropdownProps, DropdownTrigger, type DropdownTriggerProps, Field, type FieldProps, type FormatBooleanOptions, type FormatCurrencyOptions, type FormatDateOptions, type FormatFileSizeOptions, type FormatNumberOptions, type FormatOptions, type FormatPercentOptions, type FormatStringOptions, Grid, GridContext, type GridContextValue, GridItem, type GridItemProps, type GridMode, type GridProps, GridSub, type GridSubProps, Html, type HtmlProps, INDENT_SIZE, Icon, type IconColor, type IconProps, type IconSize, Iframe, type IframeProps, type InfiniteData, type InfiniteQueryFunction, type InfiniteQueryOptions, type InfiniteQueryRefetchOptions, type InputBaseProps, InputClose, type InputCloseProps, type InputColor, InputGroup, type InputGroupProps, InputSelector, type InputSelectorProps, type InputSize, type InputVariant, InputWrapper, type InputWrapperProps, LayoutManager, LayoutCollisions as LayoutManagerColissions,
|
|
2301
|
+
export { Accordion, type AccordionArrow, AccordionBody, type AccordionBodyProps, type AccordionColor, AccordionContent, type AccordionContentProps, AccordionContext, AccordionHeader, type AccordionHeaderProps, AccordionItem, type AccordionItemProps, type AccordionProps, type AccordionSize, AccordionTrigger, type AccordionTriggerProps, type AccordionVariant, Autocomplete, type AutocompleteClearable, type AutocompleteItem, type AutocompleteKeyField, type AutocompleteMultiple, type AutocompleteProps, Backdrop, type BackdropPlacement, type BackdropProps, type BackdropVariant, Badge, type BadgeProps, Button, type ButtonColor, ButtonGroup, ButtonGroupContext, type ButtonGroupContextValue, type ButtonGroupDirection, type ButtonGroupProps, type ButtonProps, type ButtonSize, type ButtonVariant, Card, CardBody, type CardBodyProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, CardMedia, type CardMediaProps, type CardProps, CardSubtitle, type CardSubtitleProps, CardTitle, type CardTitleProps, Checkbox, type CheckboxColor, CheckboxGroup, type CheckboxGroupAlignment, CheckboxGroupContext, type CheckboxGroupContextValue, type CheckboxGroupDirection, type CheckboxGroupProps, type CheckboxLabelPlacement, type CheckboxProps, type CheckboxSize, type CheckboxValue, Chip, type ChipProps, Collapse, CollapseContent, type CollapseContentProps, CollapseContext, type CollapseContextValue, type CollapseProps, CollapseTrigger, type CollapseTriggerProps, type ColorScheme, type ContainerBreakpoints, ContainerMediaQuery, DataList, type DataListItem, type DataListKeyField, type DataListMultipleProps, type DataListProps, type DataListSingleProps, Description, DescriptionEmpty, type DescriptionEmptyProps, type DescriptionProps, DescriptionText, type DescriptionTextProps, Descriptions, type DescriptionsAlign, DescriptionsContext, type DescriptionsContextValue, type DescriptionsLayout, type DescriptionsMode, type DescriptionsProps, type DescriptionsSize, type Disclosure, Divider, type DividerProps, Draggable, DraggableContent, type DraggableContentProps, DraggableTrigger, Drawer, type DrawerBackdrop, DrawerBody, type DrawerBodyProps, type DrawerClose, DrawerContext, type DrawerContextValue, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, type DrawerPlacement, type DrawerPosition, type DrawerProps, type DrawerSize, Dropdown, DropdownContent, type DropdownContentProps, DropdownContext, type DropdownContextValue, DropdownItem, type DropdownItemProps, type DropdownProps, DropdownTrigger, type DropdownTriggerProps, Field, type FieldProps, type FormatBooleanOptions, type FormatCurrencyOptions, type FormatDateOptions, type FormatFileSizeOptions, type FormatNumberOptions, type FormatOptions, type FormatPercentOptions, type FormatStringOptions, Grid, GridContext, type GridContextValue, GridItem, type GridItemProps, type GridMode, type GridProps, GridSub, type GridSubProps, Html, type HtmlProps, INDENT_SIZE, Icon, type IconColor, type IconProps, type IconSize, Iframe, type IframeProps, type InfiniteData, type InfiniteQueryFunction, type InfiniteQueryOptions, type InfiniteQueryRefetchOptions, type InputBaseProps, InputClose, type InputCloseProps, type InputColor, InputGroup, type InputGroupProps, InputSelector, type InputSelectorProps, type InputSize, type InputVariant, InputWrapper, type InputWrapperProps, LayoutManager, LayoutCollisions as LayoutManagerColissions, DockLayouts as LayoutManagerDockLayouts, DropzoneLayouts as LayoutManagerDropzoneLayouts, Layouts as LayoutManagerLayouts, Panels as LayoutManagerPanels, Taskbar as LayoutManagerTaskbar, type LayoutMeta, LayoutsDebug, List, ListGroup, type ListGroupProps, ListItem, type ListItemProps, type ListProps, type ListSize, ListSubheader, type ListSubheaderProps, ListTree, ListTreeContext, type ListTreeContextValue, ListTreeItem, ListTreeItemIndentation, type ListTreeItemProps, type ListTreeProps, type MediaQuery, Menu, MenuContext, type MenuContextValue, MenuGroup, type MenuGroupItemType, type MenuGroupProps, MenuItem, type MenuItemProps, type MenuItemType, type MenuProps, MenuSubmenu, type MenuSubmenuProps, MenuValueContext, Modal, type ModalBackdrop, ModalBody, type ModalBodyProps, type ModalClose, ModalContent, type ModalContentProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, type ModalPlacement, type ModalProps, type ModalScrollBehavior, type ModalSize, type MutationError, type MutationFunction, type MutationOK, type MutationResult, MutationStatus, NavRail, NavRailItem, type NavRailItemProps, type NavRailPlacement, type NavRailProps, type PanelMeta, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, type PortalProps, type QueryFunction, QueryStatus, Radio, type RadioColor, RadioGroup, type RadioGroupAlignment, RadioGroupContext, type RadioGroupContextValue, type RadioGroupDirection, type RadioGroupProps, type RadioLabelPlacement, type RadioProps, type RadioSize, type RadioValue, type ReactRef, type Resize, type Responsive, Result, type ResultProps, type ResultStatus, STRING_RULES, type ScrollAlignment, ScrollArea, type ScrollAreaProps, type ScrollBehavior, type ScrollToOptions, Select, type SelectClearable, SelectContext, type SelectContextValue, type SelectMultiple, type SelectProps, type SelectionItem$1 as SelectionItem, type SelectionOnChange$1 as SelectionOnChange, type SelectionProps$1 as SelectionProps, type SelectionValue$1 as SelectionValue, Step, type StepColor, type StepProps, Steps, StepsContext, type StepsContextValue, type StepsProps, type StringRules, Swipe, SwipeItem, type SwipeItemProps, type SwipeProps, Switch, type SwitchColor, type SwitchLabelPlacement, type SwitchProps, type SwitchSize, Tab, type TabProps, Tabs, type TabsAlignment, type TabsProps, type TabsVariant, TextInput, type TextInputProps, type Timer, type TimerMode, Toolbar, type ToolbarColor, type ToolbarProps, type ToolbarSize, type ToolbarVariant, Transition, type TransitionProps, Tree, TreeContext, type TreeContextValue, TreeItem, type TreeItemBase, type TreeItemData, type TreeItemProps, type TreeItemValue, type TreeProps$1 as TreeProps, type UploadFileData, type UploadFileProps, UploadFiles, type UseContainerMediaQueryOptions, type UseInfiniteQueryOptions, type UseInfiniteQueryResult, type UseMutationOptions, type UseMutationResult, type UseQueryOptions, type UseQueryResult, type UseResizeObserverOptions, type VirtualItem, type Virtualizer, type VirtualizerOptions, areArraysEqual, assignRef, breakpointsMap, clsx, containsPlainText, defaultBreakpoints, doesNotContainEmojis, flattenTree, format, formatCurrency, formatDate, formatDateTime, formatFileSize, formatPercent, formatShortDateTime, formatTime, generateId, getOpenValuesByPathname, hasResizeObserver, initializeTreeValues, isAlphanumeric, isEmpty, isEmptyString, isNumeric, mergeRefs, reactNodeToText, scrollToItem, toAlphaString, toAlphanumericString, toLocalDateString, toLocalDateTimeString, toNotEmojisString, toNumericString, toPlainTextString, toRulesString, updateTreeValues, useAccordion, useAccordionItem, useButtonGroup, useCheckboxGroup, useCollapse, useContainerMediaQuery, useDebounce, useDescriptionsContext, useDisclosure, useDrawer, useDropdownContext, useEffectEvent, useElementSize, useExtractProps, useFormat, useGridContext, useInfiniteQuery, useInputProps, useLayoutManager, usePanel as useLayoutManagerPanel, usePanelData as useLayoutManagerPanelData, useLayoutPanelManager, useLocalStorage, useMediaQuery, useMenu, useMenuItemValue, useModal, useMutation, useOnClickOutside, usePopover, usePrevious, useQuery, useRadioGroup, useResizeObserver, useSelect, useStep, useStepsContext, useTimer, useTree, useValueEffect, useVirtualizer, validateRules, valueToValues, valuesToValue };
|