@avento-space/ts-ui 1.2.6 → 1.2.8
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/{card.wc-CLzyZAbJ.d.ts → card.wc-DLPdvg8-.d.ts} +15 -4
- package/dist/{chunk-EDV6KYRZ.js → chunk-AZSJNOZV.js} +220 -107
- package/dist/chunk-AZSJNOZV.js.map +1 -0
- package/dist/{chunk-2FE7DEDS.js → chunk-T6CK3AHK.js} +4 -4
- package/dist/{chunk-2FE7DEDS.js.map → chunk-T6CK3AHK.js.map} +1 -1
- package/dist/{chunk-XN2J666Y.js → chunk-UVAJNPHY.js} +36 -12
- package/dist/chunk-UVAJNPHY.js.map +1 -0
- package/dist/{chunk-C4GTD5ZH.js → chunk-Y7T4LQZE.js} +3 -3
- package/dist/{chunk-C4GTD5ZH.js.map → chunk-Y7T4LQZE.js.map} +1 -1
- package/dist/components/index.d.ts +2 -2
- package/dist/components/index.js +2 -2
- package/dist/define.js +4 -4
- package/dist/icons/index.js +2 -2
- package/dist/{index-DaqSE01_.d.ts → index-Bso7lFao.d.ts} +3 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.js +4 -4
- package/dist/react/index.d.ts +4 -2
- package/dist/react/index.js +137 -21
- package/dist/react/index.js.map +1 -1
- package/package.json +5 -5
- package/dist/chunk-EDV6KYRZ.js.map +0 -1
- package/dist/chunk-XN2J666Y.js.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export {
|
|
2
|
-
export { S as SlotProps, T as Theme, U as USlot, g as getTheme, r as restoreTheme, s as setTheme } from '../index-
|
|
1
|
+
export { a3 as AccordionItemProps, A as AccordionProps, a4 as AnimatePreset, a as AnimateProps, B as BadgeProps, a5 as BadgeSize, a6 as BadgeVariant, a7 as BoxAs, b as BoxProps, a8 as BreadcrumbItem, c as BreadcrumbProps, d as ButtonProps, C as CalendarProps, a9 as CardPadding, e as CardProps, aa as CardVariant, f as CheckboxProps, g as CollectionProps, ab as CollectionSelection, ac as ComboboxOption, h as ComboboxProps, ad as CommandItem, i as CommandPaletteProps, j as ContainerProps, l as ContextMenuItem, k as ContextMenuProps, ae as DataTableColumn, D as DataTableProps, m as DialogRootProps, n as DismissableLayerProps, o as DrawerProps, af as DrawerSide, ag as DropdownItem, p as DropdownProps, F as FieldProps, q as FocusManagerProps, r as FocusScopeProps, s as FocusTrapProps, t as FormProps, G as GridProps, H as HoverableProps, I as InputProps, K as KeyboardNavigationProps, L as LabelProps, u as LinkProps, v as ListProps, ah as LiveRegionPoliteness, w as LiveRegionProps, M as ModalProps, O as OverlayProps, P as PopoverProps, ai as PopperPlacement, x as PopperProps, y as PortalProps, aj as PresenceAnimation, z as PresenceProps, E as PressableProps, R as RadioGroupProps, ak as RadioProps, J as RouterViewProps, al as SelectOption, N as SelectProps, Q as SortableProps, T as SpacerProps, S as StackProps, U as SwitchProps, am as TableColumn, V as TableProps, W as TabsProps, an as TextColor, X as TextProps, ao as TextSize, ap as TextWeight, Y as TextareaProps, aq as ToastOptions, Z as ToastProps, _ as TooltipRootProps, $ as TransitionProps, ar as TransitionType, as as TreeNodeData, a0 as TreeProps, at as UAccordion, au as UAccordionItem, av as UAnimate, aw as UBadge, ax as UBox, ay as UBreadcrumb, az as UButton, aA as UCalendar, aB as UCard, aC as UCheckbox, aD as UCollection, aE as UCombobox, aF as UCommandPalette, aG as UContainer, aH as UContextMenu, aI as UDataTable, aJ as UDialogRoot, aK as UDismissableLayer, aL as UDrawer, aM as UDropdown, aN as UField, aO as UFocusManager, aP as UFocusScope, aQ as UFocusTrap, aR as UForm, aS as UGrid, aT as UHStack, aU as UHoverable, aV as UInput, aW as UKeyboardNavigation, aX as ULabel, aY as ULink, aZ as UList, a_ as ULiveRegion, a$ as UModal, b0 as UOverlay, b1 as UPopover, b2 as UPopper, b3 as UPortal, b4 as UPresence, b5 as UPressable, b6 as URadio, b7 as URadioGroup, b8 as URouterView, b9 as USelect, ba as USortable, bb as USpacer, bc as UStack, bd as USwitch, be as UTable, bf as UTabs, bg as UText, bh as UTextarea, bi as UToast, bj as UTooltipRoot, bk as UTransition, bl as UTree, bm as UVirtualList, bn as UVisuallyHidden, a1 as VirtualListProps, a2 as VisuallyHiddenProps, bo as createControlledInput, bp as setPortalRoot } from '../card.wc-DLPdvg8-.js';
|
|
2
|
+
export { S as SlotProps, T as Theme, U as USlot, g as getTheme, r as restoreTheme, s as setTheme } from '../index-Bso7lFao.js';
|
|
3
3
|
import '../element-DHtonJNX.js';
|
|
4
4
|
import '../types-DWglFa91.js';
|
package/dist/components/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import '../chunk-YRHQNIPK.js';
|
|
2
|
-
export { UAccordion, UAccordionItem, UAnimate, UBadge, UBox, UBreadcrumb, UButton, UCalendar, UCard, UCheckbox, UCollection, UCombobox, UCommandPalette, UContainer, UContextMenu, UDataTable, UDialogRoot, UDismissableLayer, UDrawer, UDropdown, UField, UFocusManager, UFocusScope, UFocusTrap, UForm, UGrid, UHStack, UHoverable, UInput, UKeyboardNavigation, ULabel, ULink, UList, ULiveRegion, UModal, UOverlay, UPopover, UPopper, UPortal, UPresence, UPressable, URadio, URadioGroup, URouterView, USelect, USlot, USortable, USpacer, UStack, USwitch, UTable, UTabs, UText, UTextarea, UToast, UTooltipRoot, UTransition, UTree, UVirtualList, UVisuallyHidden, createControlledInput, setPortalRoot } from '../chunk-
|
|
3
|
-
export { getTheme, restoreTheme, setTheme } from '../chunk-
|
|
2
|
+
export { UAccordion, UAccordionItem, UAnimate, UBadge, UBox, UBreadcrumb, UButton, UCalendar, UCard, UCheckbox, UCollection, UCombobox, UCommandPalette, UContainer, UContextMenu, UDataTable, UDialogRoot, UDismissableLayer, UDrawer, UDropdown, UField, UFocusManager, UFocusScope, UFocusTrap, UForm, UGrid, UHStack, UHoverable, UInput, UKeyboardNavigation, ULabel, ULink, UList, ULiveRegion, UModal, UOverlay, UPopover, UPopper, UPortal, UPresence, UPressable, URadio, URadioGroup, URouterView, USelect, USlot, USortable, USpacer, UStack, USwitch, UTable, UTabs, UText, UTextarea, UToast, UTooltipRoot, UTransition, UTree, UVirtualList, UVisuallyHidden, createControlledInput, setPortalRoot } from '../chunk-AZSJNOZV.js';
|
|
3
|
+
export { getTheme, restoreTheme, setTheme } from '../chunk-UVAJNPHY.js';
|
|
4
4
|
import '../chunk-Q5RCPPCF.js';
|
|
5
5
|
//# sourceMappingURL=index.js.map
|
|
6
6
|
//# sourceMappingURL=index.js.map
|
package/dist/define.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { defineComponents } from './chunk-
|
|
2
|
-
import './chunk-
|
|
3
|
-
import './chunk-
|
|
4
|
-
import './chunk-
|
|
1
|
+
import { defineComponents } from './chunk-T6CK3AHK.js';
|
|
2
|
+
import './chunk-AZSJNOZV.js';
|
|
3
|
+
import './chunk-Y7T4LQZE.js';
|
|
4
|
+
import './chunk-UVAJNPHY.js';
|
|
5
5
|
import './chunk-Q5RCPPCF.js';
|
|
6
6
|
|
|
7
7
|
// src/define.ts
|
package/dist/icons/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import '../chunk-RAWESWNC.js';
|
|
2
|
-
export { UIcon, iconRegistry } from '../chunk-
|
|
3
|
-
import '../chunk-
|
|
2
|
+
export { UIcon, iconRegistry } from '../chunk-Y7T4LQZE.js';
|
|
3
|
+
import '../chunk-UVAJNPHY.js';
|
|
4
4
|
import '../chunk-Q5RCPPCF.js';
|
|
5
5
|
//# sourceMappingURL=index.js.map
|
|
6
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './card.wc-
|
|
1
|
+
import './card.wc-DLPdvg8-.js';
|
|
2
2
|
import { U as UElement } from './element-DHtonJNX.js';
|
|
3
3
|
|
|
4
4
|
interface SlotProps {
|
|
@@ -10,10 +10,11 @@ declare class USlot extends UElement {
|
|
|
10
10
|
}
|
|
11
11
|
|
|
12
12
|
declare function adoptStyleSheet(sheet: CSSStyleSheet): void;
|
|
13
|
+
declare function adoptTailwindStyles(source: string | CSSStyleSheet): void;
|
|
13
14
|
type Theme = 'light' | 'dark' | 'system';
|
|
14
15
|
declare function setTheme(theme: Theme): void;
|
|
15
16
|
declare function getTheme(): Theme;
|
|
16
17
|
/** Restore a persisted theme preference (call once on app boot). */
|
|
17
18
|
declare function restoreTheme(): void;
|
|
18
19
|
|
|
19
|
-
export { type SlotProps as S, type Theme as T, USlot as U, adoptStyleSheet as a, getTheme as g, restoreTheme as r, setTheme as s };
|
|
20
|
+
export { type SlotProps as S, type Theme as T, USlot as U, adoptStyleSheet as a, adoptTailwindStyles as b, getTheme as g, restoreTheme as r, setTheme as s };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { R as ReadonlySignal, S as Signal, W as WritableSignal, a as Store, P as Plugin } from './types-DWglFa91.js';
|
|
2
2
|
export { b as PluginAPI } from './types-DWglFa91.js';
|
|
3
|
-
export { S as SlotProps, U as USlot, a as adoptStyleSheet } from './index-
|
|
4
|
-
export {
|
|
3
|
+
export { S as SlotProps, U as USlot, a as adoptStyleSheet, b as adoptTailwindStyles } from './index-Bso7lFao.js';
|
|
4
|
+
export { a3 as AccordionItemProps, A as AccordionProps, a4 as AnimatePreset, a as AnimateProps, B as BadgeProps, a5 as BadgeSize, a6 as BadgeVariant, a7 as BoxAs, b as BoxProps, a8 as BreadcrumbItem, c as BreadcrumbProps, d as ButtonProps, C as CalendarProps, a9 as CardPadding, e as CardProps, aa as CardVariant, f as CheckboxProps, g as CollectionProps, ab as CollectionSelection, ac as ComboboxOption, h as ComboboxProps, ad as CommandItem, i as CommandPaletteProps, j as ContainerProps, l as ContextMenuItem, k as ContextMenuProps, ae as DataTableColumn, D as DataTableProps, m as DialogRootProps, n as DismissableLayerProps, o as DrawerProps, af as DrawerSide, ag as DropdownItem, p as DropdownProps, F as FieldProps, q as FocusManagerProps, r as FocusScopeProps, s as FocusTrapProps, t as FormProps, G as GridProps, H as HoverableProps, I as InputProps, K as KeyboardNavigationProps, L as LabelProps, u as LinkProps, v as ListProps, ah as LiveRegionPoliteness, w as LiveRegionProps, M as ModalProps, O as OverlayProps, P as PopoverProps, ai as PopperPlacement, x as PopperProps, y as PortalProps, aj as PresenceAnimation, z as PresenceProps, E as PressableProps, R as RadioGroupProps, ak as RadioProps, J as RouterViewProps, al as SelectOption, N as SelectProps, Q as SortableProps, T as SpacerProps, S as StackProps, U as SwitchProps, am as TableColumn, V as TableProps, W as TabsProps, an as TextColor, X as TextProps, ao as TextSize, ap as TextWeight, Y as TextareaProps, aq as ToastOptions, Z as ToastProps, _ as TooltipRootProps, $ as TransitionProps, ar as TransitionType, as as TreeNodeData, a0 as TreeProps, at as UAccordion, au as UAccordionItem, av as UAnimate, aw as UBadge, ax as UBox, ay as UBreadcrumb, az as UButton, aA as UCalendar, aB as UCard, aC as UCheckbox, aD as UCollection, aE as UCombobox, aF as UCommandPalette, aG as UContainer, aH as UContextMenu, aI as UDataTable, aJ as UDialogRoot, aK as UDismissableLayer, aL as UDrawer, aM as UDropdown, aN as UField, aO as UFocusManager, aP as UFocusScope, aQ as UFocusTrap, aR as UForm, aS as UGrid, aT as UHStack, aU as UHoverable, aV as UInput, aW as UKeyboardNavigation, aX as ULabel, aY as ULink, aZ as UList, a_ as ULiveRegion, a$ as UModal, b0 as UOverlay, b1 as UPopover, b2 as UPopper, b3 as UPortal, b4 as UPresence, b5 as UPressable, b6 as URadio, b7 as URadioGroup, b8 as URouterView, b9 as USelect, ba as USortable, bb as USpacer, bc as UStack, bd as USwitch, be as UTable, bf as UTabs, bg as UText, bh as UTextarea, bi as UToast, bj as UTooltipRoot, bk as UTransition, bl as UTree, bm as UVirtualList, bn as UVisuallyHidden, a1 as VirtualListProps, a2 as VisuallyHiddenProps, bo as createControlledInput, bp as setPortalRoot } from './card.wc-DLPdvg8-.js';
|
|
5
5
|
export { IconData, UIcon, UIconProps, iconRegistry } from './icons/index.js';
|
|
6
6
|
import './element-DHtonJNX.js';
|
|
7
7
|
|
package/dist/index.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
export { defineComponents } from './chunk-
|
|
1
|
+
export { defineComponents } from './chunk-T6CK3AHK.js';
|
|
2
2
|
import './chunk-YRHQNIPK.js';
|
|
3
|
-
export { UAccordion, UAccordionItem, UAnimate, UBadge, UBox, UBreadcrumb, UButton, UCalendar, UCard, UCheckbox, UCollection, UCombobox, UCommandPalette, UContainer, UContextMenu, UDataTable, UDialogRoot, UDismissableLayer, UDrawer, UDropdown, UField, UFocusManager, UFocusScope, UFocusTrap, UForm, UGrid, UHStack, UHoverable, UInput, UKeyboardNavigation, ULabel, ULink, UList, ULiveRegion, UModal, UOverlay, UPopover, UPopper, UPortal, UPresence, UPressable, URadio, URadioGroup, URouterView, USelect, USlot, USortable, USpacer, UStack, USwitch, UTable, UTabs, UText, UTextarea, UToast, UTooltipRoot, UTransition, UTree, UVirtualList, UVisuallyHidden, createControlledInput, setPortalRoot } from './chunk-
|
|
3
|
+
export { UAccordion, UAccordionItem, UAnimate, UBadge, UBox, UBreadcrumb, UButton, UCalendar, UCard, UCheckbox, UCollection, UCombobox, UCommandPalette, UContainer, UContextMenu, UDataTable, UDialogRoot, UDismissableLayer, UDrawer, UDropdown, UField, UFocusManager, UFocusScope, UFocusTrap, UForm, UGrid, UHStack, UHoverable, UInput, UKeyboardNavigation, ULabel, ULink, UList, ULiveRegion, UModal, UOverlay, UPopover, UPopper, UPortal, UPresence, UPressable, URadio, URadioGroup, URouterView, USelect, USlot, USortable, USpacer, UStack, USwitch, UTable, UTabs, UText, UTextarea, UToast, UTooltipRoot, UTransition, UTree, UVirtualList, UVisuallyHidden, createControlledInput, setPortalRoot } from './chunk-AZSJNOZV.js';
|
|
4
4
|
import './chunk-RAWESWNC.js';
|
|
5
|
-
export { UIcon, iconRegistry } from './chunk-
|
|
6
|
-
export { adoptStyleSheet } from './chunk-
|
|
5
|
+
export { UIcon, iconRegistry } from './chunk-Y7T4LQZE.js';
|
|
6
|
+
export { adoptStyleSheet, adoptTailwindStyles } from './chunk-UVAJNPHY.js';
|
|
7
7
|
export { getPlugin, hasPlugin, registerPlugin, runPluginHook, unregisterPlugin } from './chunk-U4WYCYL6.js';
|
|
8
8
|
import { signal, batch, destroySignal } from './chunk-Q5RCPPCF.js';
|
|
9
9
|
export { batch, computed, effect, hydrateSignals, isBatching, isSignal, scheduleMicrotask, signal, untrack } from './chunk-Q5RCPPCF.js';
|
package/dist/react/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
+
import { A as AccordionProps, a as AnimateProps, B as BadgeProps, b as BoxProps, c as BreadcrumbProps, d as ButtonProps, C as CalendarProps, e as CardProps, f as CheckboxProps, g as CollectionProps, h as ComboboxProps, i as CommandPaletteProps, j as ContainerProps, k as ContextMenuProps, l as ContextMenuItem, D as DataTableProps, m as DialogRootProps, n as DismissableLayerProps, o as DrawerProps, p as DropdownProps, F as FieldProps, q as FocusManagerProps, r as FocusScopeProps, s as FocusTrapProps, t as FormProps, G as GridProps, S as StackProps, H as HoverableProps, I as InputProps, K as KeyboardNavigationProps, L as LabelProps, u as LinkProps, v as ListProps, w as LiveRegionProps, M as ModalProps, O as OverlayProps, P as PopoverProps, x as PopperProps, y as PortalProps, z as PresenceProps, E as PressableProps, R as RadioGroupProps, J as RouterViewProps, N as SelectProps, Q as SortableProps, T as SpacerProps, U as SwitchProps, V as TableProps, W as TabsProps, X as TextProps, Y as TextareaProps, Z as ToastProps, _ as TooltipRootProps, $ as TransitionProps, a0 as TreeProps, a1 as VirtualListProps, a2 as VisuallyHiddenProps } from '../card.wc-DLPdvg8-.js';
|
|
1
2
|
import * as react from 'react';
|
|
2
|
-
import { A as AccordionProps, a as AnimateProps, B as BadgeProps, b as BoxProps, c as BreadcrumbProps, d as ButtonProps, C as CalendarProps, e as CardProps, f as CheckboxProps, g as CollectionProps, h as ComboboxProps, i as CommandPaletteProps, j as ContainerProps, k as ContextMenuProps, D as DataTableProps, l as DialogRootProps, m as DismissableLayerProps, n as DrawerProps, o as DropdownProps, F as FieldProps, p as FocusManagerProps, q as FocusScopeProps, r as FocusTrapProps, s as FormProps, G as GridProps, S as StackProps, H as HoverableProps, I as InputProps, K as KeyboardNavigationProps, L as LabelProps, t as LinkProps, u as ListProps, v as LiveRegionProps, M as ModalProps, O as OverlayProps, P as PopoverProps, w as PopperProps, x as PortalProps, y as PresenceProps, z as PressableProps, R as RadioGroupProps, E as RouterViewProps, J as SelectProps, N as SortableProps, Q as SpacerProps, T as SwitchProps, U as TableProps, V as TabsProps, W as TextProps, X as TextareaProps, Y as ToastProps, Z as TooltipRootProps, _ as TransitionProps, $ as TreeProps, a0 as VirtualListProps, a1 as VisuallyHiddenProps } from '../card.wc-CLzyZAbJ.js';
|
|
3
3
|
import '../element-DHtonJNX.js';
|
|
4
4
|
import '../types-DWglFa91.js';
|
|
5
5
|
|
|
@@ -1260,7 +1260,9 @@ declare const Calendar: react.ForwardRefExoticComponent<Omit<CalendarProps & Rea
|
|
|
1260
1260
|
declare const DataTable: react.ForwardRefExoticComponent<Omit<DataTableProps & ReactProps, "ref"> & react.RefAttributes<HTMLElement>>;
|
|
1261
1261
|
declare const CommandPalette: react.ForwardRefExoticComponent<Omit<CommandPaletteProps & ReactProps, "ref"> & react.RefAttributes<HTMLElement>>;
|
|
1262
1262
|
declare const Toast: react.ForwardRefExoticComponent<Omit<ToastProps & ReactProps, "ref"> & react.RefAttributes<HTMLElement>>;
|
|
1263
|
-
declare const ContextMenu: react.ForwardRefExoticComponent<Omit<ContextMenuProps &
|
|
1263
|
+
declare const ContextMenu: react.ForwardRefExoticComponent<Omit<ContextMenuProps & {
|
|
1264
|
+
items?: ContextMenuItem[];
|
|
1265
|
+
} & ReactProps, "ref"> & react.RefAttributes<HTMLElement>>;
|
|
1264
1266
|
declare const Sortable: react.ForwardRefExoticComponent<Omit<SortableProps & ReactProps, "ref"> & react.RefAttributes<HTMLElement>>;
|
|
1265
1267
|
declare const Form: react.ForwardRefExoticComponent<Omit<FormProps & ReactProps, "ref"> & react.RefAttributes<HTMLElement>>;
|
|
1266
1268
|
declare const Badge: react.ForwardRefExoticComponent<Omit<BadgeProps & ReactProps, "ref"> & react.RefAttributes<HTMLElement>>;
|
package/dist/react/index.js
CHANGED
|
@@ -1297,9 +1297,27 @@ var Checkbox = forwardRef((props, ref) => {
|
|
|
1297
1297
|
const { children, ...rest } = props;
|
|
1298
1298
|
return createElement("u-checkbox", { ...rest, ref }, children);
|
|
1299
1299
|
});
|
|
1300
|
-
var Select = forwardRef((
|
|
1301
|
-
const
|
|
1302
|
-
|
|
1300
|
+
var Select = forwardRef(({ children, options, value, onChange, ...rest }, ref) => {
|
|
1301
|
+
const elRef = useRef(null);
|
|
1302
|
+
const setRef = useCallback((el) => {
|
|
1303
|
+
if (typeof ref === "function") ref(el);
|
|
1304
|
+
else if (ref) ref.current = el;
|
|
1305
|
+
elRef.current = el;
|
|
1306
|
+
}, [ref]);
|
|
1307
|
+
useEffect(() => {
|
|
1308
|
+
const el = elRef.current;
|
|
1309
|
+
if (!el) return;
|
|
1310
|
+
if (options !== void 0) el.options = options;
|
|
1311
|
+
if (value !== void 0) el.value = value;
|
|
1312
|
+
}, [options, value]);
|
|
1313
|
+
useEffect(() => {
|
|
1314
|
+
const el = elRef.current;
|
|
1315
|
+
if (!el || !onChange) return;
|
|
1316
|
+
const handler = (e) => onChange(e.detail.value);
|
|
1317
|
+
el.addEventListener("u-select-change", handler);
|
|
1318
|
+
return () => el.removeEventListener("u-select-change", handler);
|
|
1319
|
+
}, [onChange]);
|
|
1320
|
+
return createElement("u-select", { ...rest, ref: setRef }, children);
|
|
1303
1321
|
});
|
|
1304
1322
|
var Link = forwardRef((props, ref) => {
|
|
1305
1323
|
const { children, ...rest } = props;
|
|
@@ -1401,7 +1419,7 @@ var Animate = forwardRef((props, ref) => {
|
|
|
1401
1419
|
const { children, ...rest } = props;
|
|
1402
1420
|
return createElement("u-animate", { ...rest, ref }, children);
|
|
1403
1421
|
});
|
|
1404
|
-
var Modal = forwardRef(({ children, onClose, ...rest }, ref) => {
|
|
1422
|
+
var Modal = forwardRef(({ children, onClose, open, ...rest }, ref) => {
|
|
1405
1423
|
const onCloseRef = useRef(onClose);
|
|
1406
1424
|
onCloseRef.current = onClose;
|
|
1407
1425
|
const elRef = useRef(null);
|
|
@@ -1410,45 +1428,124 @@ var Modal = forwardRef(({ children, onClose, ...rest }, ref) => {
|
|
|
1410
1428
|
else if (ref) ref.current = el;
|
|
1411
1429
|
elRef.current = el;
|
|
1412
1430
|
}, [ref]);
|
|
1431
|
+
useEffect(() => {
|
|
1432
|
+
const el = elRef.current;
|
|
1433
|
+
if (!el) return;
|
|
1434
|
+
if (open !== void 0) {
|
|
1435
|
+
el.open = Boolean(open);
|
|
1436
|
+
}
|
|
1437
|
+
}, [open]);
|
|
1413
1438
|
useEffect(() => {
|
|
1414
1439
|
const el = elRef.current;
|
|
1415
1440
|
if (!el) return;
|
|
1416
1441
|
const handler = () => onCloseRef.current?.();
|
|
1417
|
-
el.addEventListener("
|
|
1418
|
-
return () => el.removeEventListener("
|
|
1419
|
-
}, [
|
|
1420
|
-
return createElement("u-modal", { ...rest, ref: setRef }, children);
|
|
1442
|
+
el.addEventListener("close", handler);
|
|
1443
|
+
return () => el.removeEventListener("close", handler);
|
|
1444
|
+
}, []);
|
|
1445
|
+
return createElement("u-modal", { ...rest, open, ref: setRef }, children);
|
|
1421
1446
|
});
|
|
1422
|
-
var Drawer = forwardRef(({ children, onClose, ...rest }, ref) => {
|
|
1447
|
+
var Drawer = forwardRef(({ children, onClose, open, ...rest }, ref) => {
|
|
1423
1448
|
const onCloseRef = useRef(onClose);
|
|
1424
1449
|
onCloseRef.current = onClose;
|
|
1450
|
+
const elRef = useRef(null);
|
|
1425
1451
|
const setRef = useCallback((el) => {
|
|
1426
1452
|
if (typeof ref === "function") ref(el);
|
|
1427
1453
|
else if (ref) ref.current = el;
|
|
1428
|
-
|
|
1454
|
+
elRef.current = el;
|
|
1429
1455
|
}, [ref]);
|
|
1430
|
-
|
|
1456
|
+
useEffect(() => {
|
|
1457
|
+
const el = elRef.current;
|
|
1458
|
+
if (!el) return;
|
|
1459
|
+
if (open !== void 0) {
|
|
1460
|
+
el.open = Boolean(open);
|
|
1461
|
+
}
|
|
1462
|
+
}, [open]);
|
|
1463
|
+
useEffect(() => {
|
|
1464
|
+
const el = elRef.current;
|
|
1465
|
+
if (!el) return;
|
|
1466
|
+
const handler = () => onCloseRef.current?.();
|
|
1467
|
+
el.addEventListener("close", handler);
|
|
1468
|
+
return () => el.removeEventListener("close", handler);
|
|
1469
|
+
}, []);
|
|
1470
|
+
return createElement("u-drawer", { ...rest, open, ref: setRef }, children);
|
|
1431
1471
|
});
|
|
1432
1472
|
var Popover = forwardRef((props, ref) => {
|
|
1433
1473
|
const { children, ...rest } = props;
|
|
1434
1474
|
return createElement("u-popover", { ...rest, ref }, children);
|
|
1435
1475
|
});
|
|
1436
|
-
var Dropdown = forwardRef((
|
|
1437
|
-
const
|
|
1438
|
-
|
|
1476
|
+
var Dropdown = forwardRef(({ children, items, value, onChange, ...rest }, ref) => {
|
|
1477
|
+
const elRef = useRef(null);
|
|
1478
|
+
const onChangeRef = useRef(onChange);
|
|
1479
|
+
onChangeRef.current = onChange;
|
|
1480
|
+
const setRef = useCallback((el) => {
|
|
1481
|
+
if (typeof ref === "function") ref(el);
|
|
1482
|
+
else if (ref) ref.current = el;
|
|
1483
|
+
elRef.current = el;
|
|
1484
|
+
}, [ref]);
|
|
1485
|
+
useEffect(() => {
|
|
1486
|
+
const el = elRef.current;
|
|
1487
|
+
if (!el) return;
|
|
1488
|
+
if (items !== void 0) el.items = items;
|
|
1489
|
+
if (value !== void 0) el.value = value;
|
|
1490
|
+
}, [items, value]);
|
|
1491
|
+
useEffect(() => {
|
|
1492
|
+
const el = elRef.current;
|
|
1493
|
+
if (!el || !onChange) return;
|
|
1494
|
+
const handler = (e) => onChangeRef.current?.(e.detail.value);
|
|
1495
|
+
el.addEventListener("u-dropdown-select", handler);
|
|
1496
|
+
return () => el.removeEventListener("u-dropdown-select", handler);
|
|
1497
|
+
}, []);
|
|
1498
|
+
return createElement("u-dropdown", { ...rest, ref: setRef }, children);
|
|
1439
1499
|
});
|
|
1440
1500
|
var Accordion = forwardRef((props, ref) => {
|
|
1441
1501
|
const { children, ...rest } = props;
|
|
1442
1502
|
return createElement("u-accordion", { ...rest, ref }, children);
|
|
1443
1503
|
});
|
|
1444
|
-
var Combobox = forwardRef((
|
|
1445
|
-
|
|
1504
|
+
var Combobox = forwardRef(({ options, value, onChange, placeholder, ...rest }, ref) => {
|
|
1505
|
+
const elRef = useRef(null);
|
|
1506
|
+
const onChangeRef = useRef(onChange);
|
|
1507
|
+
onChangeRef.current = onChange;
|
|
1508
|
+
const setRef = useCallback((el) => {
|
|
1509
|
+
if (typeof ref === "function") ref(el);
|
|
1510
|
+
else if (ref) ref.current = el;
|
|
1511
|
+
elRef.current = el;
|
|
1512
|
+
}, [ref]);
|
|
1513
|
+
useEffect(() => {
|
|
1514
|
+
const el = elRef.current;
|
|
1515
|
+
if (!el) return;
|
|
1516
|
+
if (options !== void 0) el.options = options;
|
|
1517
|
+
if (value !== void 0) el.value = value;
|
|
1518
|
+
if (placeholder !== void 0) el.placeholder = placeholder;
|
|
1519
|
+
}, [options, value, placeholder]);
|
|
1520
|
+
useEffect(() => {
|
|
1521
|
+
const el = elRef.current;
|
|
1522
|
+
if (!el) return;
|
|
1523
|
+
const handler = (e) => onChangeRef.current?.(e.detail.value);
|
|
1524
|
+
el.addEventListener("u-combobox-select", handler);
|
|
1525
|
+
return () => el.removeEventListener("u-combobox-select", handler);
|
|
1526
|
+
}, []);
|
|
1527
|
+
return createElement("u-combobox", { ...rest, ref: setRef });
|
|
1446
1528
|
});
|
|
1447
1529
|
var Calendar = forwardRef((props, ref) => {
|
|
1448
1530
|
return createElement("u-calendar", { ...props, ref });
|
|
1449
1531
|
});
|
|
1450
|
-
var DataTable = forwardRef((
|
|
1451
|
-
|
|
1532
|
+
var DataTable = forwardRef(({ columns, rows, pageSize, sortable, selectable, ...rest }, ref) => {
|
|
1533
|
+
const elRef = useRef(null);
|
|
1534
|
+
const setRef = useCallback((el) => {
|
|
1535
|
+
if (typeof ref === "function") ref(el);
|
|
1536
|
+
else if (ref) ref.current = el;
|
|
1537
|
+
elRef.current = el;
|
|
1538
|
+
}, [ref]);
|
|
1539
|
+
useEffect(() => {
|
|
1540
|
+
const el = elRef.current;
|
|
1541
|
+
if (!el) return;
|
|
1542
|
+
if (columns !== void 0) el.columns = columns;
|
|
1543
|
+
if (rows !== void 0) el.rows = rows;
|
|
1544
|
+
if (pageSize !== void 0) el.pageSize = pageSize;
|
|
1545
|
+
if (sortable !== void 0) el.sortable = sortable;
|
|
1546
|
+
if (selectable !== void 0) el.selectable = selectable;
|
|
1547
|
+
}, [columns, rows, pageSize, sortable, selectable]);
|
|
1548
|
+
return createElement("u-data-table", { ...rest, ref: setRef });
|
|
1452
1549
|
});
|
|
1453
1550
|
var CommandPalette = forwardRef(
|
|
1454
1551
|
(props, ref) => {
|
|
@@ -1459,9 +1556,28 @@ var Toast = forwardRef((props, ref) => {
|
|
|
1459
1556
|
return createElement("u-toast", { ...props, ref });
|
|
1460
1557
|
});
|
|
1461
1558
|
var ContextMenu = forwardRef(
|
|
1462
|
-
(
|
|
1463
|
-
const
|
|
1464
|
-
|
|
1559
|
+
({ children, items, onSelect, ...rest }, ref) => {
|
|
1560
|
+
const elRef = useRef(null);
|
|
1561
|
+
const onSelectRef = useRef(onSelect);
|
|
1562
|
+
onSelectRef.current = onSelect;
|
|
1563
|
+
const setRef = useCallback((el) => {
|
|
1564
|
+
if (typeof ref === "function") ref(el);
|
|
1565
|
+
else if (ref) ref.current = el;
|
|
1566
|
+
elRef.current = el;
|
|
1567
|
+
}, [ref]);
|
|
1568
|
+
useEffect(() => {
|
|
1569
|
+
const el = elRef.current;
|
|
1570
|
+
if (!el) return;
|
|
1571
|
+
if (items !== void 0) el.items = items;
|
|
1572
|
+
}, [items]);
|
|
1573
|
+
useEffect(() => {
|
|
1574
|
+
const el = elRef.current;
|
|
1575
|
+
if (!el) return;
|
|
1576
|
+
const handler = (e) => onSelectRef.current?.(e.detail.value);
|
|
1577
|
+
el.addEventListener("u-context-menu-select", handler);
|
|
1578
|
+
return () => el.removeEventListener("u-context-menu-select", handler);
|
|
1579
|
+
}, []);
|
|
1580
|
+
return createElement("u-context-menu", { ...rest, ref: setRef }, children);
|
|
1465
1581
|
}
|
|
1466
1582
|
);
|
|
1467
1583
|
var Sortable = forwardRef((props, ref) => {
|