@cladd-ui/react 0.6.2 → 0.7.0
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/CHANGELOG.md +19 -0
- package/cladd.css +6 -1
- package/components/Backdrop.d.ts +2 -0
- package/components/Backdrop.d.ts.map +1 -1
- package/components/Backdrop.js +2 -1
- package/components/Backdrop.js.map +1 -1
- package/components/Button.d.ts +6 -0
- package/components/Button.d.ts.map +1 -1
- package/components/Button.js +2 -1
- package/components/Button.js.map +1 -1
- package/components/Checkbox.d.ts +2 -0
- package/components/Checkbox.d.ts.map +1 -1
- package/components/Checkbox.js +2 -1
- package/components/Checkbox.js.map +1 -1
- package/components/Chip.d.ts +2 -0
- package/components/Chip.d.ts.map +1 -1
- package/components/Chip.js +2 -1
- package/components/Chip.js.map +1 -1
- package/components/CladdProvider.d.ts +10 -0
- package/components/CladdProvider.d.ts.map +1 -1
- package/components/CladdProvider.js +2 -2
- package/components/CladdProvider.js.map +1 -1
- package/components/Dialog.d.ts +3 -1
- package/components/Dialog.d.ts.map +1 -1
- package/components/Dialog.js +3 -1
- package/components/Dialog.js.map +1 -1
- package/components/DialogsPortal.d.ts.map +1 -1
- package/components/DialogsPortal.js +3 -2
- package/components/DialogsPortal.js.map +1 -1
- package/components/DialogsPortalContext.d.ts +10 -9
- package/components/DialogsPortalContext.d.ts.map +1 -1
- package/components/DialogsPortalContext.js +10 -7
- package/components/DialogsPortalContext.js.map +1 -1
- package/components/Input.d.ts +2 -0
- package/components/Input.d.ts.map +1 -1
- package/components/Input.js +2 -1
- package/components/Input.js.map +1 -1
- package/components/Link.d.ts +3 -1
- package/components/Link.d.ts.map +1 -1
- package/components/Link.js +3 -1
- package/components/Link.js.map +1 -1
- package/components/List.d.ts +2 -0
- package/components/List.d.ts.map +1 -1
- package/components/List.js +2 -1
- package/components/List.js.map +1 -1
- package/components/ListButton.d.ts +2 -0
- package/components/ListButton.d.ts.map +1 -1
- package/components/ListButton.js +2 -1
- package/components/ListButton.js.map +1 -1
- package/components/ListItem.d.ts +2 -0
- package/components/ListItem.d.ts.map +1 -1
- package/components/ListItem.js +2 -1
- package/components/ListItem.js.map +1 -1
- package/components/ListSeparator.d.ts +2 -0
- package/components/ListSeparator.d.ts.map +1 -1
- package/components/ListSeparator.js +2 -1
- package/components/ListSeparator.js.map +1 -1
- package/components/ListTitle.d.ts +2 -0
- package/components/ListTitle.d.ts.map +1 -1
- package/components/ListTitle.js +2 -1
- package/components/ListTitle.js.map +1 -1
- package/components/NumberField.d.ts +2 -0
- package/components/NumberField.d.ts.map +1 -1
- package/components/NumberField.js +2 -1
- package/components/NumberField.js.map +1 -1
- package/components/NumberScrubber.d.ts +2 -0
- package/components/NumberScrubber.d.ts.map +1 -1
- package/components/NumberScrubber.js +2 -1
- package/components/NumberScrubber.js.map +1 -1
- package/components/OTPField.d.ts +2 -0
- package/components/OTPField.d.ts.map +1 -1
- package/components/OTPField.js +2 -1
- package/components/OTPField.js.map +1 -1
- package/components/OTPFieldInput.d.ts +2 -0
- package/components/OTPFieldInput.d.ts.map +1 -1
- package/components/OTPFieldInput.js +2 -1
- package/components/OTPFieldInput.js.map +1 -1
- package/components/OTPFieldSeparator.d.ts +2 -0
- package/components/OTPFieldSeparator.d.ts.map +1 -1
- package/components/OTPFieldSeparator.js +2 -1
- package/components/OTPFieldSeparator.js.map +1 -1
- package/components/Popover.d.ts +3 -1
- package/components/Popover.d.ts.map +1 -1
- package/components/Popover.js +21 -1
- package/components/Popover.js.map +1 -1
- package/components/Popup.d.ts +3 -1
- package/components/Popup.d.ts.map +1 -1
- package/components/Popup.js +3 -1
- package/components/Popup.js.map +1 -1
- package/components/PopupContent.d.ts +2 -0
- package/components/PopupContent.d.ts.map +1 -1
- package/components/PopupContent.js +2 -1
- package/components/PopupContent.js.map +1 -1
- package/components/Radio.d.ts +2 -0
- package/components/Radio.d.ts.map +1 -1
- package/components/Radio.js +2 -1
- package/components/Radio.js.map +1 -1
- package/components/SearchField.d.ts +2 -0
- package/components/SearchField.d.ts.map +1 -1
- package/components/SearchField.js +2 -1
- package/components/SearchField.js.map +1 -1
- package/components/SectionTitle.d.ts +2 -0
- package/components/SectionTitle.d.ts.map +1 -1
- package/components/SectionTitle.js +2 -1
- package/components/SectionTitle.js.map +1 -1
- package/components/Segmented.d.ts +2 -0
- package/components/Segmented.d.ts.map +1 -1
- package/components/Segmented.js +2 -1
- package/components/Segmented.js.map +1 -1
- package/components/SegmentedButton.d.ts +2 -0
- package/components/SegmentedButton.d.ts.map +1 -1
- package/components/SegmentedButton.js +2 -1
- package/components/SegmentedButton.js.map +1 -1
- package/components/Select.d.ts +2 -0
- package/components/Select.d.ts.map +1 -1
- package/components/Select.js +2 -1
- package/components/Select.js.map +1 -1
- package/components/Shortcut.d.ts +2 -0
- package/components/Shortcut.d.ts.map +1 -1
- package/components/Shortcut.js +2 -1
- package/components/Shortcut.js.map +1 -1
- package/components/Slider.d.ts +2 -0
- package/components/Slider.d.ts.map +1 -1
- package/components/Slider.js +2 -1
- package/components/Slider.js.map +1 -1
- package/components/Spinner.d.ts +2 -0
- package/components/Spinner.d.ts.map +1 -1
- package/components/Spinner.js +3 -2
- package/components/Spinner.js.map +1 -1
- package/components/Surface.d.ts +2 -0
- package/components/Surface.d.ts.map +1 -1
- package/components/Surface.js +2 -1
- package/components/Surface.js.map +1 -1
- package/components/SurfaceContent.d.ts +2 -0
- package/components/SurfaceContent.d.ts.map +1 -1
- package/components/SurfaceContent.js +2 -1
- package/components/SurfaceContent.js.map +1 -1
- package/components/SurfaceCut.d.ts +2 -0
- package/components/SurfaceCut.d.ts.map +1 -1
- package/components/SurfaceCut.js +2 -1
- package/components/SurfaceCut.js.map +1 -1
- package/components/SurfaceCutContent.d.ts +2 -0
- package/components/SurfaceCutContent.d.ts.map +1 -1
- package/components/SurfaceCutContent.js +2 -1
- package/components/SurfaceCutContent.js.map +1 -1
- package/components/Switch.d.ts +2 -0
- package/components/Switch.d.ts.map +1 -1
- package/components/Switch.js +2 -1
- package/components/Switch.js.map +1 -1
- package/components/Textarea.d.ts +2 -0
- package/components/Textarea.d.ts.map +1 -1
- package/components/Textarea.js +2 -1
- package/components/Textarea.js.map +1 -1
- package/components/ThemeContext.d.ts +97 -1
- package/components/ThemeContext.d.ts.map +1 -1
- package/components/ThemeContext.js +3 -1
- package/components/ThemeContext.js.map +1 -1
- package/components/Toast.d.ts +3 -1
- package/components/Toast.d.ts.map +1 -1
- package/components/Toast.js +3 -1
- package/components/Toast.js.map +1 -1
- package/components/ToastsPortal.js +5 -5
- package/components/ToastsPortal.js.map +1 -1
- package/components/ToastsPortalContext.d.ts +10 -9
- package/components/ToastsPortalContext.d.ts.map +1 -1
- package/components/ToastsPortalContext.js +10 -7
- package/components/ToastsPortalContext.js.map +1 -1
- package/components/Toolbar.d.ts +2 -0
- package/components/Toolbar.d.ts.map +1 -1
- package/components/Toolbar.js +2 -1
- package/components/Toolbar.js.map +1 -1
- package/components/ToolbarButton.d.ts +2 -0
- package/components/ToolbarButton.d.ts.map +1 -1
- package/components/ToolbarButton.js +3 -1
- package/components/ToolbarButton.js.map +1 -1
- package/components/ToolbarSeparator.d.ts +2 -0
- package/components/ToolbarSeparator.d.ts.map +1 -1
- package/components/ToolbarSeparator.js +2 -1
- package/components/ToolbarSeparator.js.map +1 -1
- package/components/Tooltip.d.ts +5 -0
- package/components/Tooltip.d.ts.map +1 -1
- package/components/Tooltip.js +5 -3
- package/components/Tooltip.js.map +1 -1
- package/components/TooltipPrimitive.d.ts +3 -1
- package/components/TooltipPrimitive.d.ts.map +1 -1
- package/components/TooltipPrimitive.js +5 -1
- package/components/TooltipPrimitive.js.map +1 -1
- package/hooks/use-component-defaults.d.ts +15 -0
- package/hooks/use-component-defaults.d.ts.map +1 -0
- package/hooks/use-component-defaults.js +18 -0
- package/hooks/use-component-defaults.js.map +1 -0
- package/hooks/use-dialog.js +2 -2
- package/hooks/use-dialog.js.map +1 -1
- package/hooks/use-toast.d.ts.map +1 -1
- package/hooks/use-toast.js +18 -17
- package/hooks/use-toast.js.map +1 -1
- package/index.d.ts +43 -41
- package/index.d.ts.map +1 -1
- package/index.js +17 -16
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/styles/colors.css +1 -1
- package/styles/input.css +2 -1
- package/styles/spinner.css +0 -1
|
@@ -4,6 +4,7 @@ export const ThemeContext = createContext({
|
|
|
4
4
|
theme: 'dark',
|
|
5
5
|
accentColor: 'brand',
|
|
6
6
|
overlaysRoot: '#app, #__next, #root',
|
|
7
|
+
defaults: {},
|
|
7
8
|
});
|
|
8
9
|
/**
|
|
9
10
|
* Provides `{ theme, accentColor }` to the rest of the tree via `ThemeContext`.
|
|
@@ -13,11 +14,12 @@ export const ThemeContext = createContext({
|
|
|
13
14
|
* - per-theme defaults (Dialog/Popover/Tooltip variant, outline, surfaceLevel),
|
|
14
15
|
* - the default `color` for interactive components (Button/Switch/Checkbox/Radio default to `accentColor`).
|
|
15
16
|
*/
|
|
16
|
-
export const ThemeProvider = ({ children, theme, accentColor, overlaysRoot, }) => {
|
|
17
|
+
export const ThemeProvider = ({ children, theme, accentColor, overlaysRoot, defaults, }) => {
|
|
17
18
|
return (_jsx(ThemeContext.Provider, { value: {
|
|
18
19
|
theme,
|
|
19
20
|
accentColor,
|
|
20
21
|
overlaysRoot: overlaysRoot ?? '#app, #__next, #root',
|
|
22
|
+
defaults: defaults ?? {},
|
|
21
23
|
}, children: children }));
|
|
22
24
|
};
|
|
23
25
|
//# sourceMappingURL=ThemeContext.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeContext.js","sourceRoot":"","sources":["../../../src/components/ThemeContext.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAa,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ThemeContext.js","sourceRoot":"","sources":["../../../src/components/ThemeContext.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAa,MAAM,OAAO,CAAC;AAwGjD,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAoB;IAC3D,KAAK,EAAE,MAAM;IACb,WAAW,EAAE,OAAO;IACpB,YAAY,EAAE,sBAAsB;IACpC,QAAQ,EAAE,EAAE;CACb,CAAC,CAAC;AAEH;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,QAAQ,EACR,KAAK,EACL,WAAW,EACX,YAAY,EACZ,QAAQ,GAYT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,IACpB,KAAK,EAAE;YACL,KAAK;YACL,WAAW;YACX,YAAY,EAAE,YAAY,IAAI,sBAAsB;YACpD,QAAQ,EAAE,QAAQ,IAAI,EAAE;SACzB,YAEA,QAAQ,GACa,CACzB,CAAC;AACJ,CAAC,CAAC"}
|
package/components/Toast.d.ts
CHANGED
|
@@ -88,5 +88,7 @@ export interface ToastProps {
|
|
|
88
88
|
/** Custom content rendered after the title/text block, before the close button. */
|
|
89
89
|
children?: ReactNode;
|
|
90
90
|
}
|
|
91
|
-
|
|
91
|
+
/** Shape of `Toast` defaults that can be supplied via `CladdProvider`'s `defaults` prop. */
|
|
92
|
+
export type ToastDefaultProps = Partial<Omit<ToastProps, 'open' | 'onOpenChange' | 'children' | 'title' | 'text' | 'icon' | 'iconProps' | 'onClosed' | 'ref'>>;
|
|
93
|
+
export declare const Toast: (props: ToastProps) => import("react/jsx-runtime").JSX.Element;
|
|
92
94
|
//# sourceMappingURL=Toast.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,WAAW,EAEX,SAAS,EACT,GAAG,EAGJ,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,WAAW,EAEX,SAAS,EACT,GAAG,EAGJ,MAAM,OAAO,CAAC;AAQf,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAIjC,OAAO,EAAW,cAAc,EAAE,MAAM,WAAW,CAAC;AASpD,MAAM,WAAW,cAAc;IAC7B,mDAAmD;IACnD,QAAQ,EAAE,SAAS,CAAC;IACpB,2FAA2F;IAC3F,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wEAAwE;IACxE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,+FAA+F;IAC/F,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED;;;;GAIG;AACH,eAAO,MAAM,SAAS,GAAI,0DAKvB,cAAc,4CAehB,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC,2EAA2E;IAC3E,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;GAIG;AACH,eAAO,MAAM,YAAY,GAAI,cAAc,iBAAiB,4CAa3D,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B,oFAAoF;IACpF,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU,GAAI,cAAc,eAAe,4CAavD,CAAC;AAEF,MAAM,WAAW,UAAU;IACzB,0GAA0G;IAC1G,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,sFAAsF;IACtF,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,gEAAgE;IAChE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gEAAgE;IAChE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,6EAA6E;IAC7E,IAAI,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IACxB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,yGAAyG;IACzG,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,iEAAiE;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,2BAA2B;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,6CAA6C;IAC7C,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,yDAAyD;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qFAAqF;IACrF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2CAA2C;IAC3C,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,mFAAmF;IACnF,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,4FAA4F;AAC5F,MAAM,MAAM,iBAAiB,GAAG,OAAO,CACrC,IAAI,CACF,UAAU,EACR,MAAM,GACN,cAAc,GACd,UAAU,GACV,OAAO,GACP,MAAM,GACN,MAAM,GACN,WAAW,GACX,UAAU,GACV,KAAK,CACR,CACF,CAAC;AAwIF,eAAO,MAAM,KAAK,GAAI,OAAO,UAAU,4CAUtC,CAAC"}
|
package/components/Toast.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { cloneElement, createContext, useContext, useState, useEffect, useRef, } from 'react';
|
|
3
3
|
import { createPortal } from 'react-dom';
|
|
4
|
+
import { useComponentDefaults } from '../hooks/use-component-defaults.js';
|
|
4
5
|
import { useModalUtils } from '../hooks/use-modal-utils.js';
|
|
5
6
|
import { useOverlaysRoot } from '../hooks/use-overlays-root.js';
|
|
6
7
|
import { useTheme } from '../hooks/use-theme.js';
|
|
@@ -116,7 +117,8 @@ const ToastInner = (props) => {
|
|
|
116
117
|
}, children: _jsx(CloseIcon, {}) }) }))] }));
|
|
117
118
|
return root ? createPortal(content, document.querySelector(root)) : content;
|
|
118
119
|
};
|
|
119
|
-
export const Toast = (
|
|
120
|
+
export const Toast = (props) => {
|
|
121
|
+
const { open, onOpenChange, ...rest } = useComponentDefaults('Toast', props);
|
|
120
122
|
const ctx = useContext(ToastRootContext);
|
|
121
123
|
const effectiveOpen = open ?? ctx?.open ?? false;
|
|
122
124
|
const effectiveOnOpenChange = onOpenChange ?? ctx?.setOpen ?? (() => { });
|
package/components/Toast.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../../src/components/Toast.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,YAAY,EACZ,aAAa,EACb,UAAU,EACV,QAAQ,EAKR,SAAS,EACT,MAAM,GACP,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAc,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAAE,OAAO,EAAkB,MAAM,WAAW,CAAC;AAOpD,MAAM,gBAAgB,GAAG,aAAa,CAA+B,IAAI,CAAC,CAAC;AAa3E;;;;GAIG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,QAAQ,EACR,WAAW,GAAG,KAAK,EACnB,IAAI,EAAE,QAAQ,EACd,YAAY,GACG,EAAE,EAAE;IACnB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;IAE9D,MAAM,YAAY,GAAG,QAAQ,KAAK,SAAS,CAAC;IAC5C,MAAM,IAAI,GAAG,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC;IACpD,MAAM,OAAO,GAAG,CAAC,OAAgB,EAAE,EAAE;QACnC,IAAI,CAAC,YAAY;YAAE,eAAe,CAAC,OAAO,CAAC,CAAC;QAC5C,YAAY,EAAE,CAAC,OAAO,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,YAChD,QAAQ,GACiB,CAC7B,CAAC;AACJ,CAAC,CAAC;AAOF;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAqB,EAAE,EAAE;IAC9D,MAAM,GAAG,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IACzC,IAAI,CAAC,GAAG;QAAE,OAAO,4BAAG,QAAQ,GAAI,CAAC;IAEjC,MAAM,KAAK,GAAG,QAAmC,CAAC;IAClD,MAAM,eAAe,GAAG,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC;IAE9C,MAAM,OAAO,GAAG,CAAC,CAAmB,EAAE,EAAE;QACtC,IAAI,eAAe;YAAE,eAAe,CAAC,CAAC,CAAC,CAAC;QACxC,GAAG,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,OAAO,YAAY,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;AAC1C,CAAC,CAAC;AAOF;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAmB,EAAE,EAAE;IAC1D,MAAM,GAAG,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IACzC,IAAI,CAAC,GAAG;QAAE,OAAO,4BAAG,QAAQ,GAAI,CAAC;IAEjC,MAAM,KAAK,GAAG,QAAmC,CAAC;IAClD,MAAM,eAAe,GAAG,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC;IAE9C,MAAM,OAAO,GAAG,CAAC,CAAmB,EAAE,EAAE;QACtC,IAAI,eAAe;YAAE,eAAe,CAAC,CAAC,CAAC,CAAC;QACxC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO,YAAY,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;AAC1C,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../../src/components/Toast.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { Toast } from './Toast.js';
|
|
3
|
-
import {
|
|
3
|
+
import { useToastsPortalApi, useToastsPortalData } from './ToastsPortalContext.js';
|
|
4
4
|
export function ToastsPortal() {
|
|
5
|
-
const { data, state
|
|
5
|
+
const { data, state } = useToastsPortalData();
|
|
6
|
+
const { setData, setState } = useToastsPortalApi();
|
|
6
7
|
if (!data)
|
|
7
8
|
return null;
|
|
8
|
-
return (_jsx(_Fragment, { children: data.map((toast) => (_jsx(Toast, { open: state[toast.id], onOpenChange: (newState) => setState({ ...
|
|
9
|
+
return (_jsx(_Fragment, { children: data.map((toast) => (_jsx(Toast, { open: state[toast.id], onOpenChange: (newState) => setState((prev) => ({ ...prev, [toast.id]: newState })), title: toast.title, text: toast.text, closeButton: toast.closeButton, icon: toast.icon, iconProps: toast.iconProps, color: toast.color, timeout: toast.timeout, className: toast.className, onClosed: () => {
|
|
9
10
|
if (toast.removed)
|
|
10
11
|
return;
|
|
11
12
|
toast.removed = true;
|
|
12
|
-
|
|
13
|
-
setData([...data]);
|
|
13
|
+
setData((prev) => prev.filter((t) => t !== toast));
|
|
14
14
|
toast.onClosed?.(false);
|
|
15
15
|
} }, toast.id))) }));
|
|
16
16
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToastsPortal.js","sourceRoot":"","sources":["../../../src/components/ToastsPortal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"ToastsPortal.js","sourceRoot":"","sources":["../../../src/components/ToastsPortal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAEhF,MAAM,UAAU,YAAY;IAC1B,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAC9C,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,kBAAkB,EAAE,CAAC;IACnD,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IACvB,OAAO,CACL,4BACG,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACnB,KAAC,KAAK,IACJ,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,EACrB,YAAY,EAAE,CAAC,QAAQ,EAAE,EAAE,CACzB,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,EAGzD,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,GAAG,EAAE;gBACb,IAAI,KAAK,CAAC,OAAO;oBAAE,OAAO;gBAC1B,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;gBACrB,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC;gBACnD,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;YAC1B,CAAC,IAdI,KAAK,CAAC,EAAE,CAeb,CACH,CAAC,GACD,CACJ,CAAC;AACJ,CAAC"}
|
|
@@ -28,19 +28,20 @@ export type ToastsPortalData = {
|
|
|
28
28
|
/** Fires after the close transition completes. */
|
|
29
29
|
onClosed?: (closed: boolean) => void;
|
|
30
30
|
};
|
|
31
|
-
|
|
31
|
+
type ToastsPortalDataValue = {
|
|
32
32
|
data: ToastsPortalData[];
|
|
33
|
-
setData: React.Dispatch<React.SetStateAction<ToastsPortalData[]>>;
|
|
34
33
|
state: Record<string, boolean>;
|
|
34
|
+
};
|
|
35
|
+
type ToastsPortalApiValue = {
|
|
36
|
+
setData: React.Dispatch<React.SetStateAction<ToastsPortalData[]>>;
|
|
35
37
|
setState: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
|
|
36
|
-
}
|
|
38
|
+
};
|
|
39
|
+
export declare const ToastsPortalDataContext: import("react").Context<ToastsPortalDataValue>;
|
|
40
|
+
export declare const ToastsPortalApiContext: import("react").Context<ToastsPortalApiValue>;
|
|
37
41
|
export declare const ToastsPortalProvider: ({ children }: {
|
|
38
42
|
children: ReactNode;
|
|
39
43
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
40
|
-
export declare const
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
state: Record<string, boolean>;
|
|
44
|
-
setState: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
|
|
45
|
-
};
|
|
44
|
+
export declare const useToastsPortalData: () => ToastsPortalDataValue;
|
|
45
|
+
export declare const useToastsPortalApi: () => ToastsPortalApiValue;
|
|
46
|
+
export {};
|
|
46
47
|
//# sourceMappingURL=ToastsPortalContext.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToastsPortalContext.d.ts","sourceRoot":"","sources":["../../../src/components/ToastsPortalContext.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"ToastsPortalContext.d.ts","sourceRoot":"","sources":["../../../src/components/ToastsPortalContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,WAAW,EACX,SAAS,EACV,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,oFAAoF;IACpF,EAAE,EAAE,MAAM,CAAC;IACX,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,iEAAiE;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6EAA6E;IAC7E,IAAI,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IACxB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,0BAA0B;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,8FAA8F;IAC9F,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,gBAAgB,EAAE,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAChC,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC;IAClE,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;CACzE,CAAC;AAEF,eAAO,MAAM,uBAAuB,gDAGlC,CAAC;AAEH,eAAO,MAAM,sBAAsB,+CAGjC,CAAC;AAEH,eAAO,MAAM,oBAAoB,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAYzE,CAAC;AAEF,eAAO,MAAM,mBAAmB,6BAA4C,CAAC;AAC7E,eAAO,MAAM,kBAAkB,4BAA2C,CAAC"}
|
|
@@ -1,17 +1,20 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { createContext, useContext, useState, } from 'react';
|
|
3
|
-
export const
|
|
2
|
+
import { createContext, useContext, useState, useMemo, } from 'react';
|
|
3
|
+
export const ToastsPortalDataContext = createContext({
|
|
4
4
|
data: [],
|
|
5
|
-
setData: () => { },
|
|
6
5
|
state: {},
|
|
6
|
+
});
|
|
7
|
+
export const ToastsPortalApiContext = createContext({
|
|
8
|
+
setData: () => { },
|
|
7
9
|
setState: () => { },
|
|
8
10
|
});
|
|
9
11
|
export const ToastsPortalProvider = ({ children }) => {
|
|
10
12
|
const [data, setData] = useState([]);
|
|
11
13
|
const [state, setState] = useState({});
|
|
12
|
-
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
return useContext(ToastsPortalContext);
|
|
14
|
+
const api = useMemo(() => ({ setData, setState }), []);
|
|
15
|
+
const dataValue = useMemo(() => ({ data, state }), [data, state]);
|
|
16
|
+
return (_jsx(ToastsPortalApiContext.Provider, { value: api, children: _jsx(ToastsPortalDataContext.Provider, { value: dataValue, children: children }) }));
|
|
16
17
|
};
|
|
18
|
+
export const useToastsPortalData = () => useContext(ToastsPortalDataContext);
|
|
19
|
+
export const useToastsPortalApi = () => useContext(ToastsPortalApiContext);
|
|
17
20
|
//# sourceMappingURL=ToastsPortalContext.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToastsPortalContext.js","sourceRoot":"","sources":["../../../src/components/ToastsPortalContext.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,aAAa,EACb,UAAU,EACV,QAAQ,
|
|
1
|
+
{"version":3,"file":"ToastsPortalContext.js","sourceRoot":"","sources":["../../../src/components/ToastsPortalContext.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,aAAa,EACb,UAAU,EACV,QAAQ,EACR,OAAO,GAGR,MAAM,OAAO,CAAC;AA2Cf,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAa,CAAwB;IAC1E,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,EAAE;CACV,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,sBAAsB,GAAG,aAAa,CAAuB;IACxE,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;IACjB,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;CACnB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;IAC5E,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAqB,EAAE,CAAC,CAAC;IACzD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAA0B,EAAE,CAAC,CAAC;IAChE,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IACvD,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;IAClE,OAAO,CACL,KAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,GAAG,YACzC,KAAC,uBAAuB,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,YAC/C,QAAQ,GACwB,GACH,CACnC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC;AAC7E,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAAC"}
|
package/components/Toolbar.d.ts
CHANGED
|
@@ -39,6 +39,8 @@ interface ToolbarOwnProps<C extends ElementType = 'div'> {
|
|
|
39
39
|
surfaceLevel?: number | string;
|
|
40
40
|
}
|
|
41
41
|
export type ToolbarProps<C extends ElementType = 'div'> = ToolbarOwnProps<C> & Omit<SurfaceProps<C>, keyof ToolbarOwnProps<C>>;
|
|
42
|
+
/** Shape of `Toolbar` defaults that can be supplied via `CladdProvider`'s `defaults` prop. */
|
|
43
|
+
export type ToolbarDefaultProps = Partial<Omit<ToolbarOwnProps, 'as' | 'ref' | 'children'>>;
|
|
42
44
|
export declare const Toolbar: <C extends ElementType = "div">(props: ToolbarProps<C>) => import("react/jsx-runtime").JSX.Element;
|
|
43
45
|
export {};
|
|
44
46
|
//# sourceMappingURL=Toolbar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,SAAS,EAAE,GAAG,EAAE,WAAW,EAAc,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,SAAS,EAAE,GAAG,EAAE,WAAW,EAAc,MAAM,OAAO,CAAC;AAKxE,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAW,YAAY,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAGlE,UAAU,eAAe,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK;IACrD,wEAAwE;IACxE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+FAA+F;IAC/F,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4FAA4F;IAC5F,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,qDAAqD;IACrD,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,yEAAyE;IACzE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,iDAAiD;IACjD,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;IACvB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,+DAA+D;IAC/D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mFAAmF;IACnF,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAChC;AAED,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CAAC,CAAC,CAAC,GAC1E,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,MAAM,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;AAElD,8FAA8F;AAC9F,MAAM,MAAM,mBAAmB,GAAG,OAAO,CACvC,IAAI,CAAC,eAAe,EAAE,IAAI,GAAG,KAAK,GAAG,UAAU,CAAC,CACjD,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,CAAC,SAAS,WAAW,GAAG,KAAK,EACnD,OAAO,YAAY,CAAC,CAAC,CAAC,4CAsDvB,CAAC"}
|
package/components/Toolbar.js
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useRef } from 'react';
|
|
3
|
+
import { useComponentDefaults } from '../hooks/use-component-defaults.js';
|
|
3
4
|
import { cn } from '../shared/cn.js';
|
|
4
5
|
import { roundedClasses } from '../shared/rounded-classes.js';
|
|
5
6
|
import { Surface } from './Surface.js';
|
|
6
7
|
import { ToolbarContextProvider } from './ToolbarContext.js';
|
|
7
8
|
export const Toolbar = (props) => {
|
|
8
9
|
const elRef = useRef(null);
|
|
9
|
-
const { children, className = '', contentClassName = '', rounded = true, size = 'md', as: Component = 'div', color = '', ref, variant = 'gradient', outline = true, buttonVariant = 'transparent', buttonOutline = false, surfaceLevel, ...rest } = props;
|
|
10
|
+
const { children, className = '', contentClassName = '', rounded = true, size = 'md', as: Component = 'div', color = '', ref, variant = 'gradient', outline = true, buttonVariant = 'transparent', buttonOutline = false, surfaceLevel, ...rest } = useComponentDefaults('Toolbar', props);
|
|
10
11
|
const { wrapRoundedClasses } = roundedClasses(size, rounded);
|
|
11
12
|
return (_jsx(Surface, { as: Component, className: cn('cladd-toolbar flex', wrapRoundedClasses, className), color: color, outline: outline, variant: variant, level: surfaceLevel, contentClassName: cn('flex h-auto items-center justify-center p-1', contentClassName), ref: (el) => {
|
|
12
13
|
elRef.current = el;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../src/components/Toolbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAA2C,MAAM,OAAO,CAAC;AAExE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAG3D,OAAO,EAAE,OAAO,EAAgC,MAAM,WAAW,CAAC;AAClE,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../src/components/Toolbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAA2C,MAAM,OAAO,CAAC;AAExE,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAG3D,OAAO,EAAE,OAAO,EAAgC,MAAM,WAAW,CAAC;AAClE,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AA+C1D,MAAM,CAAC,MAAM,OAAO,GAAG,CACrB,KAAsB,EACtB,EAAE;IACF,MAAM,KAAK,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IAC/C,MAAM,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,gBAAgB,GAAG,EAAE,EACrB,OAAO,GAAG,IAAI,EACd,IAAI,GAAG,IAAI,EACX,EAAE,EAAE,SAAS,GAAG,KAAyB,EACzC,KAAK,GAAG,EAAE,EACV,GAAG,EACH,OAAO,GAAG,UAAU,EACpB,OAAO,GAAG,IAAI,EACd,aAAa,GAAG,aAAa,EAC7B,aAAa,GAAG,KAAK,EACrB,YAAY,EACZ,GAAG,IAAI,EACR,GAAG,oBAAoB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAE3C,MAAM,EAAE,kBAAkB,EAAE,GAAG,cAAc,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAE7D,OAAO,CACL,KAAC,OAAO,IACN,EAAE,EAAE,SAAS,EACb,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,kBAAkB,EAAE,SAAS,CAAC,EAClE,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,YAAY,EACnB,gBAAgB,EAAE,EAAE,CAClB,6CAA6C,EAC7C,gBAAgB,CACjB,EACD,GAAG,EAAE,CAAC,EAAsB,EAAE,EAAE;YAC9B,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC;YACnB,IAAI,GAAG;gBAAG,GAA2C,CAAC,OAAO,GAAG,EAAE,CAAC;QACrE,CAAC,EACD,oBAAoB,EAAE,CAAC,CAAa,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,KACvD,IAAI,YAER,KAAC,sBAAsB,IACrB,KAAK,EAAE;gBACL,IAAI;gBACJ,OAAO;gBACP,OAAO,EAAE,aAAa;gBACtB,OAAO,EAAE,aAAa;aACvB,YAGA,QAAQ,GACc,GACjB,CACX,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -4,5 +4,7 @@ import { ButtonProps } from './Button.js';
|
|
|
4
4
|
* `ToolbarButton` accepts the full `Button` API. When rendered inside a `Toolbar`, `size`, `rounded`, `variant`, and `outline` default to the values supplied by the parent toolbar context - pass them explicitly here to override per-button.
|
|
5
5
|
*/
|
|
6
6
|
export type ToolbarButtonProps<C extends ElementType = 'button'> = ButtonProps<C>;
|
|
7
|
+
/** Shape of `ToolbarButton` defaults that can be supplied via `CladdProvider`'s `defaults` prop. */
|
|
8
|
+
export type ToolbarButtonDefaultProps = Partial<Omit<ToolbarButtonProps, 'as' | 'ref' | 'children'>>;
|
|
7
9
|
export declare const ToolbarButton: <C extends ElementType = "button">(props: ToolbarButtonProps<C>) => import("react/jsx-runtime").JSX.Element;
|
|
8
10
|
//# sourceMappingURL=ToolbarButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarButton.d.ts","sourceRoot":"","sources":["../../../src/components/ToolbarButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ToolbarButton.d.ts","sourceRoot":"","sources":["../../../src/components/ToolbarButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGpC,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAC;AAG/C;;GAEG;AACH,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,IAC7D,WAAW,CAAC,CAAC,CAAC,CAAC;AAEjB,oGAAoG;AACpG,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAC7C,IAAI,CAAC,kBAAkB,EAAE,IAAI,GAAG,KAAK,GAAG,UAAU,CAAC,CACpD,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,WAAW,GAAG,QAAQ,EAC5D,OAAO,kBAAkB,CAAC,CAAC,CAAC,4CAoB7B,CAAC"}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useComponentDefaults } from '../hooks/use-component-defaults.js';
|
|
2
3
|
import { Button } from './Button.js';
|
|
3
4
|
import { useToolbarContext } from './ToolbarContext.js';
|
|
4
5
|
export const ToolbarButton = (props) => {
|
|
5
6
|
const { size = 'md', rounded = true, variant = 'transparent', outline = false, } = useToolbarContext();
|
|
6
|
-
|
|
7
|
+
const merged = useComponentDefaults('ToolbarButton', props);
|
|
8
|
+
return (_jsx(Button, { size: size, rounded: rounded, variant: variant, outline: outline, ...merged }));
|
|
7
9
|
};
|
|
8
10
|
//# sourceMappingURL=ToolbarButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarButton.js","sourceRoot":"","sources":["../../../src/components/ToolbarButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"ToolbarButton.js","sourceRoot":"","sources":["../../../src/components/ToolbarButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAarD,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,KAA4B,EAC5B,EAAE;IACF,MAAM,EACJ,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,IAAI,EACd,OAAO,GAAG,aAAa,EACvB,OAAO,GAAG,KAAK,GAChB,GAAG,iBAAiB,EAAE,CAAC;IAExB,MAAM,MAAM,GAAG,oBAAoB,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;IAE5D,OAAO,CACL,KAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,KACZ,MAAM,GACV,CACH,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -8,6 +8,8 @@ interface ToolbarSeparatorOwnProps {
|
|
|
8
8
|
ref?: Ref<HTMLDivElement>;
|
|
9
9
|
}
|
|
10
10
|
export type ToolbarSeparatorProps = ToolbarSeparatorOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof ToolbarSeparatorOwnProps>;
|
|
11
|
+
/** Shape of `ToolbarSeparator` defaults that can be supplied via `CladdProvider`'s `defaults` prop. */
|
|
12
|
+
export type ToolbarSeparatorDefaultProps = Partial<Omit<ToolbarSeparatorOwnProps, 'children' | 'ref'>>;
|
|
11
13
|
export declare const ToolbarSeparator: (props: ToolbarSeparatorProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
14
|
export {};
|
|
13
15
|
//# sourceMappingURL=ToolbarSeparator.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarSeparator.d.ts","sourceRoot":"","sources":["../../../src/components/ToolbarSeparator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ToolbarSeparator.d.ts","sourceRoot":"","sources":["../../../src/components/ToolbarSeparator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAKjE,UAAU,wBAAwB;IAChC,0GAA0G;IAC1G,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,MAAM,MAAM,qBAAqB,GAAG,wBAAwB,GAC1D,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,wBAAwB,CAAC,CAAC;AAExE,uGAAuG;AACvG,MAAM,MAAM,4BAA4B,GAAG,OAAO,CAChD,IAAI,CAAC,wBAAwB,EAAE,UAAU,GAAG,KAAK,CAAC,CACnD,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,OAAO,qBAAqB,4CAoB5D,CAAC"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useComponentDefaults } from '../hooks/use-component-defaults.js';
|
|
2
3
|
import { cn } from '../shared/cn.js';
|
|
3
4
|
export const ToolbarSeparator = (props) => {
|
|
4
|
-
const { children, className = '', ref, ...rest } = props;
|
|
5
|
+
const { children, className = '', ref, ...rest } = useComponentDefaults('ToolbarSeparator', props);
|
|
5
6
|
return (_jsx("div", { ref: ref, className: cn('cladd-toolbar-separator mx-1 h-1/2 w-px bg-cladd-outline', className), ...rest, children: children }));
|
|
6
7
|
};
|
|
7
8
|
//# sourceMappingURL=ToolbarSeparator.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarSeparator.js","sourceRoot":"","sources":["../../../src/components/ToolbarSeparator.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"ToolbarSeparator.js","sourceRoot":"","sources":["../../../src/components/ToolbarSeparator.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAmBlC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAE,EAAE;IAC/D,MAAM,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,GAAG,EACH,GAAG,IAAI,EACR,GAAG,oBAAoB,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAC;IAEpD,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,0DAA0D,EAC1D,SAAS,CACV,KACG,IAAI,YAEP,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC"}
|
package/components/Tooltip.d.ts
CHANGED
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { TooltipPrimitiveProps, TooltipPosition } from './TooltipPrimitive.js';
|
|
3
3
|
export type { TooltipPosition };
|
|
4
|
+
/** Shape of `Tooltip` defaults that can be supplied via `CladdProvider`'s `defaults` prop. */
|
|
5
|
+
export type TooltipDefaultProps = Partial<Omit<TooltipPrimitiveProps, 'open' | 'onOpenChange' | 'anchorRef' | 'children' | 'ref' | 'onOpen' | 'onOpened' | 'onClose' | 'onClosed'>> & {
|
|
6
|
+
/** Whether to use the shared global tooltip timer (delays first show). */
|
|
7
|
+
timeout?: boolean;
|
|
8
|
+
};
|
|
4
9
|
export interface TooltipProps extends Omit<TooltipPrimitiveProps, 'children' | 'ref'> {
|
|
5
10
|
/**
|
|
6
11
|
* When provided, the component acts as a wrapper around `children` (a single element) and shows this content as a tooltip on hover/focus/touch.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6C,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6C,SAAS,EAAE,MAAM,OAAO,CAAC;AAI7E,OAAO,EAEL,qBAAqB,EACrB,eAAe,EAChB,MAAM,oBAAoB,CAAC;AAE5B,YAAY,EAAE,eAAe,EAAE,CAAC;AAiBhC,8FAA8F;AAC9F,MAAM,MAAM,mBAAmB,GAAG,OAAO,CACvC,IAAI,CACF,qBAAqB,EACnB,MAAM,GACN,cAAc,GACd,WAAW,GACX,UAAU,GACV,KAAK,GACL,QAAQ,GACR,UAAU,GACV,SAAS,GACT,UAAU,CACb,CACF,GAAG;IACF,0EAA0E;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,qBAAqB,EACrB,UAAU,GAAG,KAAK,CACnB;IACC;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8EAA8E;IAC9E,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC;;;;OAIG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACtB;AA4JD,eAAO,MAAM,OAAO,GAAI,OAAO,YAAY,4CAY1C,CAAC"}
|
package/components/Tooltip.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { cloneElement, useEffect, useRef, useState } from 'react';
|
|
3
|
+
import { useComponentDefaults } from '../hooks/use-component-defaults.js';
|
|
3
4
|
import { useDevice } from '../hooks/use-device.js';
|
|
4
5
|
import { TooltipPrimitive, } from './TooltipPrimitive.js';
|
|
5
6
|
let tooltipGlobalTimeout = 0;
|
|
@@ -136,10 +137,11 @@ const TooltipWrapper = ({ tooltip, children: originalChild, timeout = true, onCl
|
|
|
136
137
|
return (_jsxs(_Fragment, { children: [newChild, tooltip && (_jsx(TooltipPrimitive, { ...primitiveProps, open: modalState, onOpenChange: setModalState, anchorRef: elRef, children: tooltip }))] }));
|
|
137
138
|
};
|
|
138
139
|
export const Tooltip = (props) => {
|
|
139
|
-
|
|
140
|
-
|
|
140
|
+
const merged = useComponentDefaults('Tooltip', props);
|
|
141
|
+
if (merged.tooltip === undefined) {
|
|
142
|
+
const { tooltip: _t, timeout: _to, onClick: _oc, ...primitiveProps } = merged;
|
|
141
143
|
return _jsx(TooltipPrimitive, { ...primitiveProps });
|
|
142
144
|
}
|
|
143
|
-
return _jsx(TooltipWrapper, { ...
|
|
145
|
+
return _jsx(TooltipWrapper, { ...merged });
|
|
144
146
|
};
|
|
145
147
|
//# sourceMappingURL=Tooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAa,MAAM,OAAO,CAAC;AAE7E,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EACL,gBAAgB,GAGjB,MAAM,oBAAoB,CAAC;AAI5B,IAAI,oBAAoB,GAAW,CAAC,CAAC;AACrC,IAAI,sBAAsB,GAAW,CAAC,CAAC;AAEvC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC9B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;AACpD,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;IAC5B,IAAI,oBAAoB,KAAK,IAAI,EAAE,CAAC;QAClC,kBAAkB,EAAE,CAAC;IACvB,CAAC;IACD,OAAO,oBAAoB,CAAC;AAC9B,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -44,6 +44,8 @@ interface TooltipPrimitiveOwnProps {
|
|
|
44
44
|
ref?: Ref<HTMLDivElement>;
|
|
45
45
|
}
|
|
46
46
|
export type TooltipPrimitiveProps = TooltipPrimitiveOwnProps & Omit<SurfaceProps, keyof TooltipPrimitiveOwnProps>;
|
|
47
|
-
|
|
47
|
+
/** Shape of `TooltipPrimitive` defaults that can be supplied via `CladdProvider`'s `defaults` prop. */
|
|
48
|
+
export type TooltipPrimitiveDefaultProps = Partial<Omit<TooltipPrimitiveOwnProps, 'open' | 'onOpenChange' | 'anchorRef' | 'children' | 'ref' | 'onOpen' | 'onOpened' | 'onClose' | 'onClosed'>>;
|
|
49
|
+
export declare const TooltipPrimitive: (props: TooltipPrimitiveProps) => import("react/jsx-runtime").JSX.Element;
|
|
48
50
|
export {};
|
|
49
51
|
//# sourceMappingURL=TooltipPrimitive.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TooltipPrimitive.d.ts","sourceRoot":"","sources":["../../../src/components/TooltipPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"TooltipPrimitive.d.ts","sourceRoot":"","sources":["../../../src/components/TooltipPrimitive.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAQ1D,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,OAAO,EAAW,YAAY,EAAE,MAAM,WAAW,CAAC;AAElD,KAAK,WAAW,GAAG,MAAM,GAAG,MAAM,CAAC;AAEnC,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,QAAQ,CAAC;AAW/C,UAAU,wBAAwB;IAChC,wEAAwE;IACxE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,mDAAmD;IACnD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,0EAA0E;IAC1E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qFAAqF;IACrF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qFAAqF;IACrF,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAChD,gEAAgE;IAChE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,iGAAiG;IACjG,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,yEAAyE;IACzE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,uBAAuB;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,6CAA6C;IAC7C,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,MAAM,MAAM,qBAAqB,GAAG,wBAAwB,GAC1D,IAAI,CAAC,YAAY,EAAE,MAAM,wBAAwB,CAAC,CAAC;AAErD,uGAAuG;AACvG,MAAM,MAAM,4BAA4B,GAAG,OAAO,CAChD,IAAI,CACF,wBAAwB,EACtB,MAAM,GACN,cAAc,GACd,WAAW,GACX,UAAU,GACV,KAAK,GACL,QAAQ,GACR,UAAU,GACV,SAAS,GACT,UAAU,CACb,CACF,CAAC;AA2IF,eAAO,MAAM,gBAAgB,GAAI,OAAO,qBAAqB,4CAW5D,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useEffect, useRef } from 'react';
|
|
3
3
|
import { createPortal } from 'react-dom';
|
|
4
|
+
import { useComponentDefaults } from '../hooks/use-component-defaults.js';
|
|
4
5
|
import { useModalUtils } from '../hooks/use-modal-utils.js';
|
|
5
6
|
import { useOverlaysRoot } from '../hooks/use-overlays-root.js';
|
|
6
7
|
import { useTheme } from '../hooks/use-theme.js';
|
|
@@ -88,5 +89,8 @@ const TooltipPrimitiveRoot = (props) => {
|
|
|
88
89
|
}, style: tooltipStyle, level: surfaceLevel, outline: true, variant: "gradient", contentClassName: cn('px-2 py-1', contentClassName), color: color, className: cn('pointer-events-none fixed max-h-[50vh] w-max max-w-50 overflow-auto rounded-cladd-tooltip text-cladd-xs leading-normal font-medium transition-[opacity,transform,scale]', opened ? 'scale-100 opacity-100' : '', phase === 'opened' && 'duration-200', phase === 'closing' && 'duration-200', (phase === 'closing' || !opened) && 'scale-50 opacity-0', zIndex, isTop ? 'origin-bottom' : 'origin-top', className), ...rest, children: children }) }));
|
|
89
90
|
return root ? createPortal(content, document.querySelector(root)) : content;
|
|
90
91
|
};
|
|
91
|
-
export const TooltipPrimitive = (
|
|
92
|
+
export const TooltipPrimitive = (props) => {
|
|
93
|
+
const { open = false, onOpenChange = () => { }, ...rest } = useComponentDefaults('TooltipPrimitive', props);
|
|
94
|
+
return (_jsx(ModalController, { open: open, onOpenChange: onOpenChange, children: _jsx(TooltipPrimitiveRoot, { ...rest }) }));
|
|
95
|
+
};
|
|
92
96
|
//# sourceMappingURL=TooltipPrimitive.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TooltipPrimitive.js","sourceRoot":"","sources":["../../../src/components/TooltipPrimitive.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAkB,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,OAAO,EAAc,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAAE,OAAO,EAAgB,MAAM,WAAW,CAAC;AAMlD,MAAM,aAAa,GAAG,CAAC,KAAkB,EAAU,EAAE;IACnD,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,GAAG,KAAK,IAAI,CAAC;IACnD,IAAI,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;QACxB,MAAM,QAAQ,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC;QACzC,OAAO,8BAA8B,QAAQ,GAAG,CAAC;IACnD,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"TooltipPrimitive.js","sourceRoot":"","sources":["../../../src/components/TooltipPrimitive.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAkB,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,OAAO,EAAc,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAAE,OAAO,EAAgB,MAAM,WAAW,CAAC;AAMlD,MAAM,aAAa,GAAG,CAAC,KAAkB,EAAU,EAAE;IACnD,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,GAAG,KAAK,IAAI,CAAC;IACnD,IAAI,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;QACxB,MAAM,QAAQ,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC;QACzC,OAAO,8BAA8B,QAAQ,GAAG,CAAC;IACnD,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAsEF,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAE,EAAE;IAChE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IAEvC,MAAM,EACJ,KAAK,GAAG,QAAQ,EAChB,aAAa,GAAG,GAAG,EAAE,GAAE,CAAC,EACxB,MAAM,GAAG,MAAM,EACf,SAAS,GAAG,EAAE,EACd,gBAAgB,GAAG,EAAE,EACrB,SAAS,EACT,IAAI,GAAG,YAAY,EACnB,QAAQ,GAAG,KAAK,EAChB,MAAM,GAAG,CAAC,EACV,YAAY,GAAG,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACxC,KAAK,EACL,QAAQ,EACR,MAAM,GAAG,GAAG,EAAE,GAAE,CAAC,EACjB,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,GAAG,EACH,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC;IAEjC,4EAA4E;IAC5E,kCAAkC;IAClC,IAAI,SAAS,EAAE,OAAO,EAAE,CAAC;QACvB,MAAM,QAAQ,GAAG,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC;QACzE,IAAI,QAAQ,EAAE,CAAC;YACb,aAAa,CAAC,OAAO,GAAG,QAAQ,CAAC;QACnC,CAAC;aAAM,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC;YAClC,aAAa,CAAC,OAAO,GAAG,YAAY,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;QAC/E,CAAC;IACH,CAAC;IACD,MAAM,UAAU,GAAG,aAAa,CAAC,OAAO,CAAC;IAEzC,MAAM,KAAK,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAClD,MAAM,cAAc,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAE3D,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,aAAa,CAAC;QAC5C,KAAK;QACL,aAAa;QACb,MAAM;QACN,QAAQ;QACR,OAAO;QACP,QAAQ;QACR,kBAAkB,EAAE,KAAK;QACzB,aAAa;YACX,IAAI,cAAc,CAAC,OAAO,IAAI,cAAc,CAAC,OAAO,CAAC,kBAAkB,EAAE,CAAC;gBACxE,MAAM,MAAM,GAAG,cAAc,CAAC,OAAO,CAAC,kBAAkB,CAAC;gBACzD,IAAI,MAAM,CAAC,OAAO,CAAC,+BAA+B,CAAC,EAAE,CAAC;oBACpD,OAAO,KAAK,CAAC;gBACf,CAAC;YACH,CAAC;YACD,OAAO,IAAI,CAAC;QACd,CAAC;KACF,CAAC,CAAC;IAEH,uDAAuD;IACvD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,SAAS,EAAE,OAAO,CAAC;QACpC,IAAI,CAAC,QAAQ,IAAI,CAAC,UAAU;YAAE,OAAO;QACrC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC,EAAE,CAAC;YACpD,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;QACxD,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;IAE5B,SAAS,CAAC,GAAG,EAAE;QACb,qBAAqB,CAAC,GAAG,EAAE;YACzB,IAAI,EAAE,CAAC;QACT,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,cAAc,CAAC,OAAO,EAAE,CAAC;YAC1B,cAAc,CAAC,OAAe,CAAC,kBAAkB,GAAG,EAAE,KAAK,EAAE,CAAC;QACjE,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,KAAK,GAAG,QAAQ,KAAK,KAAK,CAAC;IAEjC,MAAM,YAAY,GAAG;QACnB,cAAc,EAAE,UAAU;QAC1B,YAAY,EAAE,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,eAAe;QACpD,oBAAoB,EAAE,YAAY;QAClC,GAAG,CAAC,MAAM;YACR,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,EAAE;YACnE,CAAC,CAAC,EAAE,CAAC;KACe,CAAC;IAEzB,MAAM,OAAO,GAAG,CACd,cAAK,SAAS,EAAC,mCAAmC,EAAC,GAAG,EAAE,cAAc,YACpE,KAAC,OAAO,iBACK,MAAM,IAAI,SAAS,mBACf,QAAQ,EACvB,GAAG,EAAE,CAAC,EAAO,EAAE,EAAE;gBACf,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC;gBACnB,IAAI,GAAG;oBAAG,GAA8C,CAAC,OAAO,GAAG,EAAE,CAAC;YACxE,CAAC,EACD,KAAK,EAAE,YAAY,EACnB,KAAK,EAAE,YAAY,EACnB,OAAO,QACP,OAAO,EAAC,UAAU,EAClB,gBAAgB,EAAE,EAAE,CAAC,WAAW,EAAE,gBAAgB,CAAC,EACnD,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CACX,yKAAyK,EAEzK,MAAM,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,EACrC,KAAK,KAAK,QAAQ,IAAI,cAAc,EACpC,KAAK,KAAK,SAAS,IAAI,cAAc,EACrC,CAAC,KAAK,KAAK,SAAS,IAAI,CAAC,MAAM,CAAC,IAAI,oBAAoB,EACxD,MAAM,EACN,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,YAAY,EACtC,SAAS,CACV,KACG,IAAI,YAEP,QAAQ,GACD,GACN,CACP,CAAC;IAEF,OAAO,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,EAAE,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;AAC/E,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAE,EAAE;IAC/D,MAAM,EACJ,IAAI,GAAG,KAAK,EACZ,YAAY,GAAG,GAAG,EAAE,GAAE,CAAC,EACvB,GAAG,IAAI,EACR,GAAG,oBAAoB,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAC;IACpD,OAAO,CACL,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,YACrD,KAAC,oBAAoB,OAAK,IAAI,GAAI,GAClB,CACnB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ComponentDefaults } from '../components/ThemeContext.js';
|
|
2
|
+
/**
|
|
3
|
+
* Returns the default props registered for a component via
|
|
4
|
+
* `CladdProvider`'s `defaults` prop.
|
|
5
|
+
*
|
|
6
|
+
* When called with `props`, returns a merged props object where explicit
|
|
7
|
+
* (non-`undefined`) props win over context defaults. Passing `undefined`
|
|
8
|
+
* explicitly still falls back to the default — important so that wrapper
|
|
9
|
+
* components forwarding `prop={prop}` don't clobber app-wide defaults.
|
|
10
|
+
*
|
|
11
|
+
* When called without `props`, returns just the registered defaults (or `{}`).
|
|
12
|
+
*/
|
|
13
|
+
export declare function useComponentDefaults<K extends keyof ComponentDefaults, P extends object>(componentName: K, props: P): P;
|
|
14
|
+
export declare function useComponentDefaults<K extends keyof ComponentDefaults>(componentName: K): NonNullable<ComponentDefaults[K]>;
|
|
15
|
+
//# sourceMappingURL=use-component-defaults.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-component-defaults.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-component-defaults.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAgB,MAAM,4BAA4B,CAAC;AAE7E;;;;;;;;;;GAUG;AACH,wBAAgB,oBAAoB,CAClC,CAAC,SAAS,MAAM,iBAAiB,EACjC,CAAC,SAAS,MAAM,EAChB,aAAa,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC;AACjC,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,MAAM,iBAAiB,EACpE,aAAa,EAAE,CAAC,GACf,WAAW,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { useContext } from 'react';
|
|
2
|
+
import { ThemeContext } from '../components/ThemeContext.js';
|
|
3
|
+
export function useComponentDefaults(componentName, props) {
|
|
4
|
+
const defaults = useContext(ThemeContext).defaults[componentName];
|
|
5
|
+
if (props === undefined) {
|
|
6
|
+
return (defaults ?? {});
|
|
7
|
+
}
|
|
8
|
+
if (!defaults)
|
|
9
|
+
return props;
|
|
10
|
+
const merged = { ...defaults };
|
|
11
|
+
for (const key in props) {
|
|
12
|
+
const value = props[key];
|
|
13
|
+
if (value !== undefined)
|
|
14
|
+
merged[key] = value;
|
|
15
|
+
}
|
|
16
|
+
return merged;
|
|
17
|
+
}
|
|
18
|
+
//# sourceMappingURL=use-component-defaults.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-component-defaults.js","sourceRoot":"","sources":["../../../src/hooks/use-component-defaults.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAqB,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAoB7E,MAAM,UAAU,oBAAoB,CAGlC,aAAgB,EAAE,KAAS;IAC3B,MAAM,QAAQ,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;IAClE,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,OAAO,CAAC,QAAQ,IAAI,EAAE,CAAsC,CAAC;IAC/D,CAAC;IACD,IAAI,CAAC,QAAQ;QAAE,OAAO,KAAK,CAAC;IAC5B,MAAM,MAAM,GAAG,EAAE,GAAG,QAAQ,EAA6B,CAAC;IAC1D,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE,CAAC;QACxB,MAAM,KAAK,GAAI,KAAiC,CAAC,GAAG,CAAC,CAAC;QACtD,IAAI,KAAK,KAAK,SAAS;YAAE,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;IAC/C,CAAC;IACD,OAAO,MAAW,CAAC;AACrB,CAAC"}
|
package/hooks/use-dialog.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { useDialogsPortalApi } from '../components/DialogsPortalContext.js';
|
|
2
2
|
import { useAccentColor } from './use-accent-color.js';
|
|
3
3
|
export const useDialog = ({ lazy } = {}) => {
|
|
4
|
-
const { setState, setData } =
|
|
4
|
+
const { setState, setData } = useDialogsPortalApi();
|
|
5
5
|
const accentColor = useAccentColor();
|
|
6
6
|
return {
|
|
7
7
|
confirm({ title, text, requireConfirmText = false, stopPropagationOnClick = false, cancelButtonText = 'Cancel', confirmButtonText = 'Confirm', cancelButtonColor = 'neutral', confirmButtonColor = accentColor, onConfirm = () => { }, onCancel = () => { }, onClosed = () => { }, }) {
|
package/hooks/use-dialog.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-dialog.js","sourceRoot":"","sources":["../../../src/hooks/use-dialog.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"use-dialog.js","sourceRoot":"","sources":["../../../src/hooks/use-dialog.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAEzE,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAiDpD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,KAAuB,EAAE,EAAE,EAAE;IAC3D,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,mBAAmB,EAAE,CAAC;IACpD,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,OAAO;QACL,OAAO,CAAC,EACN,KAAK,EACL,IAAI,EACJ,kBAAkB,GAAG,KAAK,EAC1B,sBAAsB,GAAG,KAAK,EAC9B,gBAAgB,GAAG,QAAQ,EAC3B,iBAAiB,GAAG,SAAS,EAC7B,iBAAiB,GAAG,SAAS,EAC7B,kBAAkB,GAAG,WAAW,EAChC,SAAS,GAAG,GAAG,EAAE,GAAE,CAAC,EACpB,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,GACK;YACxB,OAAO,CAAC;gBACN,KAAK,EAAE,KAAM;gBACb,IAAI,EAAE,IAAK;gBACX,kBAAkB;gBAClB,sBAAsB;gBACtB,iBAAiB;gBACjB,kBAAkB;gBAClB,SAAS;gBACT,QAAQ;gBACR,QAAQ;gBACR,gBAAgB;gBAChB,iBAAiB;gBACjB,IAAI;aACL,CAAC,CAAC;YACH,QAAQ,CAAC,IAAI,CAAC,CAAC;QACjB,CAAC;QACD,KAAK,CAAC,EACJ,KAAK,EACL,IAAI,EACJ,sBAAsB,GAAG,KAAK,EAC9B,iBAAiB,GAAG,IAAI,EACxB,SAAS,GAAG,GAAG,EAAE,GAAE,CAAC,EACpB,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,GACG;YACtB,OAAO,CAAC;gBACN,KAAK,EAAE,KAAM;gBACb,IAAI,EAAE,IAAK;gBACX,sBAAsB;gBACtB,SAAS;gBACT,QAAQ;gBACR,iBAAiB;gBACjB,IAAI;aACL,CAAC,CAAC;YACH,QAAQ,CAAC,IAAI,CAAC,CAAC;QACjB,CAAC;KACF,CAAC;AACJ,CAAC,CAAC"}
|
package/hooks/use-toast.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-toast.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG/C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,WAAW,eAAe;IAC9B,0FAA0F;IAC1F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kGAAkG;IAClG,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,8DAA8D;IAC9D,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,iEAAiE;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6EAA6E;IAC7E,IAAI,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IACxB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,qFAAqF;IACrF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,QAAQ,SAEX,qFAUL,eAAe,
|
|
1
|
+
{"version":3,"file":"use-toast.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG/C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,WAAW,eAAe;IAC9B,0FAA0F;IAC1F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kGAAkG;IAClG,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,8DAA8D;IAC9D,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,iEAAiE;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6EAA6E;IAC7E,IAAI,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IACxB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,qFAAqF;IACrF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,QAAQ,SAEX,qFAUL,eAAe,SAmBnB,CAAC"}
|
package/hooks/use-toast.js
CHANGED
|
@@ -1,23 +1,24 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { useToastsPortalApi } from '../components/ToastsPortalContext.js';
|
|
2
2
|
export const useToast = () => {
|
|
3
|
-
const { setState,
|
|
3
|
+
const { setState, setData } = useToastsPortalApi();
|
|
4
4
|
return ({ title, text, color, closeButton, icon, iconProps, timeout, className, onClosed, }) => {
|
|
5
5
|
const id = Math.random().toString(36).substr(2, 9);
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
6
|
+
setData((prev) => [
|
|
7
|
+
...prev,
|
|
8
|
+
{
|
|
9
|
+
id,
|
|
10
|
+
title: title,
|
|
11
|
+
text: text,
|
|
12
|
+
color,
|
|
13
|
+
closeButton,
|
|
14
|
+
icon,
|
|
15
|
+
iconProps,
|
|
16
|
+
timeout,
|
|
17
|
+
className,
|
|
18
|
+
onClosed,
|
|
19
|
+
},
|
|
20
|
+
]);
|
|
21
|
+
setState((prev) => ({ ...prev, [id]: true }));
|
|
21
22
|
};
|
|
22
23
|
};
|
|
23
24
|
//# sourceMappingURL=use-toast.js.map
|