@sqlrooms/ui 0.29.0-rc.0 → 0.29.0-rc.10

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.
Files changed (114) hide show
  1. package/LICENSE.md +2 -1
  2. package/README.md +98 -4
  3. package/dist/components/accordion.d.ts +2 -2
  4. package/dist/components/accordion.d.ts.map +1 -1
  5. package/dist/components/accordion.js +3 -3
  6. package/dist/components/accordion.js.map +1 -1
  7. package/dist/components/alert.js +1 -1
  8. package/dist/components/alert.js.map +1 -1
  9. package/dist/components/card.js +1 -1
  10. package/dist/components/card.js.map +1 -1
  11. package/dist/components/combobox.d.ts +67 -1
  12. package/dist/components/combobox.d.ts.map +1 -1
  13. package/dist/components/combobox.js +58 -32
  14. package/dist/components/combobox.js.map +1 -1
  15. package/dist/components/editable-text.d.ts +2 -1
  16. package/dist/components/editable-text.d.ts.map +1 -1
  17. package/dist/components/editable-text.js +38 -11
  18. package/dist/components/editable-text.js.map +1 -1
  19. package/dist/components/error-pane.d.ts.map +1 -1
  20. package/dist/components/error-pane.js +2 -2
  21. package/dist/components/error-pane.js.map +1 -1
  22. package/dist/components/hover-card.d.ts +7 -0
  23. package/dist/components/hover-card.d.ts.map +1 -0
  24. package/dist/components/hover-card.js +15 -0
  25. package/dist/components/hover-card.js.map +1 -0
  26. package/dist/components/modifier-scroll-overlay.d.ts +16 -0
  27. package/dist/components/modifier-scroll-overlay.d.ts.map +1 -0
  28. package/dist/components/modifier-scroll-overlay.js +31 -0
  29. package/dist/components/modifier-scroll-overlay.js.map +1 -0
  30. package/dist/components/progress-modal.d.ts +2 -0
  31. package/dist/components/progress-modal.d.ts.map +1 -1
  32. package/dist/components/progress-modal.js +2 -2
  33. package/dist/components/progress-modal.js.map +1 -1
  34. package/dist/components/progress.d.ts.map +1 -1
  35. package/dist/components/progress.js.map +1 -1
  36. package/dist/components/resizable.d.ts +302 -20
  37. package/dist/components/resizable.d.ts.map +1 -1
  38. package/dist/components/resizable.js +12 -5
  39. package/dist/components/resizable.js.map +1 -1
  40. package/dist/components/run-button.d.ts +19 -0
  41. package/dist/components/run-button.d.ts.map +1 -0
  42. package/dist/components/run-button.js +17 -0
  43. package/dist/components/run-button.js.map +1 -0
  44. package/dist/components/settings-panel-header.d.ts +16 -0
  45. package/dist/components/settings-panel-header.d.ts.map +1 -0
  46. package/dist/components/settings-panel-header.js +9 -0
  47. package/dist/components/settings-panel-header.js.map +1 -0
  48. package/dist/components/sidebar.d.ts +3 -2
  49. package/dist/components/sidebar.d.ts.map +1 -1
  50. package/dist/components/sidebar.js +16 -12
  51. package/dist/components/sidebar.js.map +1 -1
  52. package/dist/components/sonner.d.ts +4 -0
  53. package/dist/components/sonner.d.ts.map +1 -0
  54. package/dist/components/sonner.js +37 -0
  55. package/dist/components/sonner.js.map +1 -0
  56. package/dist/components/switch.d.ts +5 -1
  57. package/dist/components/switch.d.ts.map +1 -1
  58. package/dist/components/switch.js +7 -2
  59. package/dist/components/switch.js.map +1 -1
  60. package/dist/components/tab-strip.d.ts +27 -7
  61. package/dist/components/tab-strip.d.ts.map +1 -1
  62. package/dist/components/tab-strip.js +165 -26
  63. package/dist/components/tab-strip.js.map +1 -1
  64. package/dist/components/textarea.d.ts +3 -0
  65. package/dist/components/textarea.d.ts.map +1 -1
  66. package/dist/components/textarea.js +87 -11
  67. package/dist/components/textarea.js.map +1 -1
  68. package/dist/components/theme-switch.d.ts.map +1 -1
  69. package/dist/components/theme-switch.js +3 -3
  70. package/dist/components/theme-switch.js.map +1 -1
  71. package/dist/components/tree.d.ts.map +1 -1
  72. package/dist/components/tree.js +4 -3
  73. package/dist/components/tree.js.map +1 -1
  74. package/dist/hooks/use-mobile.d.ts.map +1 -1
  75. package/dist/hooks/use-mobile.js +1 -0
  76. package/dist/hooks/use-mobile.js.map +1 -1
  77. package/dist/hooks/useCombobox.d.ts +33 -0
  78. package/dist/hooks/useCombobox.d.ts.map +1 -0
  79. package/dist/hooks/useCombobox.js +30 -0
  80. package/dist/hooks/useCombobox.js.map +1 -0
  81. package/dist/hooks/useDebounce.d.ts +33 -0
  82. package/dist/hooks/useDebounce.d.ts.map +1 -0
  83. package/dist/hooks/useDebounce.js +45 -0
  84. package/dist/hooks/useDebounce.js.map +1 -0
  85. package/dist/hooks/useDebouncedCallback.d.ts +45 -0
  86. package/dist/hooks/useDebouncedCallback.d.ts.map +1 -0
  87. package/dist/hooks/useDebouncedCallback.js +70 -0
  88. package/dist/hooks/useDebouncedCallback.js.map +1 -0
  89. package/dist/hooks/useDebouncedValue.d.ts +23 -0
  90. package/dist/hooks/useDebouncedValue.d.ts.map +1 -0
  91. package/dist/hooks/useDebouncedValue.js +41 -0
  92. package/dist/hooks/useDebouncedValue.js.map +1 -0
  93. package/dist/index.d.ts +36 -29
  94. package/dist/index.d.ts.map +1 -1
  95. package/dist/index.js +34 -28
  96. package/dist/index.js.map +1 -1
  97. package/dist/theme/theme-provider.d.ts +22 -1
  98. package/dist/theme/theme-provider.d.ts.map +1 -1
  99. package/dist/theme/theme-provider.js +59 -20
  100. package/dist/theme/theme-provider.js.map +1 -1
  101. package/package.json +16 -16
  102. package/tailwind-preset.css +78 -0
  103. package/dist/components/toast.d.ts +0 -16
  104. package/dist/components/toast.d.ts.map +0 -1
  105. package/dist/components/toast.js +0 -35
  106. package/dist/components/toast.js.map +0 -1
  107. package/dist/components/toaster.d.ts +0 -3
  108. package/dist/components/toaster.d.ts.map +0 -1
  109. package/dist/components/toaster.js +0 -24
  110. package/dist/components/toaster.js.map +0 -1
  111. package/dist/hooks/use-toast.d.ts +0 -45
  112. package/dist/hooks/use-toast.d.ts.map +0 -1
  113. package/dist/hooks/use-toast.js +0 -129
  114. package/dist/hooks/use-toast.js.map +0 -1
@@ -1,35 +0,0 @@
1
- 'use client';
2
- import { jsx as _jsx } from "react/jsx-runtime";
3
- import * as React from 'react';
4
- import * as ToastPrimitives from '@radix-ui/react-toast';
5
- import { cva } from 'class-variance-authority';
6
- import { X } from 'lucide-react';
7
- import { cn } from '../lib/utils';
8
- const ToastProvider = ToastPrimitives.Provider;
9
- const ToastViewport = React.forwardRef(({ className, ...props }, ref) => (_jsx(ToastPrimitives.Viewport, { ref: ref, className: cn('fixed top-0 z-100 flex max-h-screen w-full flex-col-reverse p-4 sm:top-auto sm:right-0 sm:bottom-0 sm:flex-col md:max-w-[420px]', className), ...props })));
10
- ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
11
- const toastVariants = cva('group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-(--radix-toast-swipe-end-x) data-[swipe=move]:translate-x-(--radix-toast-swipe-move-x) data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full', {
12
- variants: {
13
- variant: {
14
- default: 'border bg-background text-foreground',
15
- destructive: 'destructive group border-destructive bg-destructive text-destructive-foreground',
16
- },
17
- },
18
- defaultVariants: {
19
- variant: 'default',
20
- },
21
- });
22
- const Toast = React.forwardRef(({ className, variant, ...props }, ref) => {
23
- return (_jsx(ToastPrimitives.Root, { ref: ref, className: cn(toastVariants({ variant }), className), ...props }));
24
- });
25
- Toast.displayName = ToastPrimitives.Root.displayName;
26
- const ToastAction = React.forwardRef(({ className, ...props }, ref) => (_jsx(ToastPrimitives.Action, { ref: ref, className: cn('hover:bg-secondary focus:ring-ring group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors focus:ring-1 focus:outline-hidden disabled:pointer-events-none disabled:opacity-50', className), ...props })));
27
- ToastAction.displayName = ToastPrimitives.Action.displayName;
28
- const ToastClose = React.forwardRef(({ className, ...props }, ref) => (_jsx(ToastPrimitives.Close, { ref: ref, className: cn('text-foreground/50 hover:text-foreground absolute top-1 right-1 rounded-md p-1 opacity-0 transition-opacity group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 focus:opacity-100 focus:ring-1 focus:outline-hidden group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600', className), "toast-close": "", ...props, children: _jsx(X, { className: "h-4 w-4" }) })));
29
- ToastClose.displayName = ToastPrimitives.Close.displayName;
30
- const ToastTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(ToastPrimitives.Title, { ref: ref, className: cn('text-sm font-semibold [&+div]:text-xs', className), ...props })));
31
- ToastTitle.displayName = ToastPrimitives.Title.displayName;
32
- const ToastDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(ToastPrimitives.Description, { ref: ref, className: cn('text-sm opacity-90', className), ...props })));
33
- ToastDescription.displayName = ToastPrimitives.Description.displayName;
34
- export { ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction, };
35
- //# sourceMappingURL=toast.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"toast.js","sourceRoot":"","sources":["../../src/components/toast.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as ToastPrimitives from '@radix-ui/react-toast';\nimport {cva, type VariantProps} from 'class-variance-authority';\nimport {X} from 'lucide-react';\n\nimport {cn} from '../lib/utils';\n\nconst ToastProvider = ToastPrimitives.Provider;\n\nconst ToastViewport = React.forwardRef<\n React.ElementRef<typeof ToastPrimitives.Viewport>,\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>\n>(({className, ...props}, ref) => (\n <ToastPrimitives.Viewport\n ref={ref}\n className={cn(\n 'fixed top-0 z-100 flex max-h-screen w-full flex-col-reverse p-4 sm:top-auto sm:right-0 sm:bottom-0 sm:flex-col md:max-w-[420px]',\n className,\n )}\n {...props}\n />\n));\nToastViewport.displayName = ToastPrimitives.Viewport.displayName;\n\nconst toastVariants = cva(\n 'group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-(--radix-toast-swipe-end-x) data-[swipe=move]:translate-x-(--radix-toast-swipe-move-x) data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full',\n {\n variants: {\n variant: {\n default: 'border bg-background text-foreground',\n destructive:\n 'destructive group border-destructive bg-destructive text-destructive-foreground',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n },\n);\n\nconst Toast = React.forwardRef<\n React.ElementRef<typeof ToastPrimitives.Root>,\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> &\n VariantProps<typeof toastVariants>\n>(({className, variant, ...props}, ref) => {\n return (\n <ToastPrimitives.Root\n ref={ref}\n className={cn(toastVariants({variant}), className)}\n {...props}\n />\n );\n});\nToast.displayName = ToastPrimitives.Root.displayName;\n\nconst ToastAction = React.forwardRef<\n React.ElementRef<typeof ToastPrimitives.Action>,\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>\n>(({className, ...props}, ref) => (\n <ToastPrimitives.Action\n ref={ref}\n className={cn(\n 'hover:bg-secondary focus:ring-ring group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors focus:ring-1 focus:outline-hidden disabled:pointer-events-none disabled:opacity-50',\n className,\n )}\n {...props}\n />\n));\nToastAction.displayName = ToastPrimitives.Action.displayName;\n\nconst ToastClose = React.forwardRef<\n React.ElementRef<typeof ToastPrimitives.Close>,\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>\n>(({className, ...props}, ref) => (\n <ToastPrimitives.Close\n ref={ref}\n className={cn(\n 'text-foreground/50 hover:text-foreground absolute top-1 right-1 rounded-md p-1 opacity-0 transition-opacity group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 focus:opacity-100 focus:ring-1 focus:outline-hidden group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600',\n className,\n )}\n toast-close=\"\"\n {...props}\n >\n <X className=\"h-4 w-4\" />\n </ToastPrimitives.Close>\n));\nToastClose.displayName = ToastPrimitives.Close.displayName;\n\nconst ToastTitle = React.forwardRef<\n React.ElementRef<typeof ToastPrimitives.Title>,\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>\n>(({className, ...props}, ref) => (\n <ToastPrimitives.Title\n ref={ref}\n className={cn('text-sm font-semibold [&+div]:text-xs', className)}\n {...props}\n />\n));\nToastTitle.displayName = ToastPrimitives.Title.displayName;\n\nconst ToastDescription = React.forwardRef<\n React.ElementRef<typeof ToastPrimitives.Description>,\n React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>\n>(({className, ...props}, ref) => (\n <ToastPrimitives.Description\n ref={ref}\n className={cn('text-sm opacity-90', className)}\n {...props}\n />\n));\nToastDescription.displayName = ToastPrimitives.Description.displayName;\n\ntype ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;\n\ntype ToastActionElement = React.ReactElement<typeof ToastAction>;\n\nexport {\n type ToastProps,\n type ToastActionElement,\n ToastProvider,\n ToastViewport,\n Toast,\n ToastTitle,\n ToastDescription,\n ToastClose,\n ToastAction,\n};\n"]}
@@ -1,3 +0,0 @@
1
- import { type ToasterProps } from 'sonner';
2
- export declare function Toaster(props: ToasterProps): import("react/jsx-runtime").JSX.Element;
3
- //# sourceMappingURL=toaster.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"toaster.d.ts","sourceRoot":"","sources":["../../src/components/toaster.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAoB,KAAK,YAAY,EAAC,MAAM,QAAQ,CAAC;AAqC5D,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,2CAwB1C"}
@@ -1,24 +0,0 @@
1
- 'use client';
2
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
3
- import { Toaster as Sonner } from 'sonner';
4
- import { useTheme } from '../theme/theme-provider';
5
- import { useToast } from '../hooks/use-toast';
6
- import { Toast, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, } from './toast';
7
- function LegacyToaster() {
8
- const { toasts } = useToast();
9
- return (_jsxs(ToastProvider, { children: [toasts.map(function ({ id, title, description, action, ...props }) {
10
- return (_jsxs(Toast, { ...props, children: [_jsxs("div", { className: "grid w-full gap-1", children: [title && _jsx(ToastTitle, { children: title }), description && (_jsx(ToastDescription, { children: description }))] }), action, _jsx(ToastClose, {})] }, id));
11
- }), _jsx(ToastViewport, {})] }));
12
- }
13
- export function Toaster(props) {
14
- const { theme } = useTheme();
15
- return (_jsxs(_Fragment, { children: [_jsx(LegacyToaster, {}), _jsx(Sonner, { theme: theme, className: "toaster group", toastOptions: {
16
- classNames: {
17
- toast: 'group toast group-[.toaster]:border-border group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:shadow-lg',
18
- description: 'group-[.toast]:text-muted-foreground',
19
- actionButton: 'group-[.toast]:bg-primary group-[.toast]:text-primary-foreground',
20
- cancelButton: 'group-[.toast]:bg-muted group-[.toast]:text-muted-foreground',
21
- },
22
- }, ...props })] }));
23
- }
24
- //# sourceMappingURL=toaster.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"toaster.js","sourceRoot":"","sources":["../../src/components/toaster.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAC,OAAO,IAAI,MAAM,EAAoB,MAAM,QAAQ,CAAC;AAE5D,OAAO,EAAC,QAAQ,EAAC,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAC,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EACL,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,aAAa,EACb,UAAU,EACV,aAAa,GACd,MAAM,SAAS,CAAC;AAEjB,SAAS,aAAa;IACpB,MAAM,EAAC,MAAM,EAAC,GAAG,QAAQ,EAAE,CAAC;IAE5B,OAAO,CACL,MAAC,aAAa,eACX,MAAM,CAAC,GAAG,CAAC,UAAU,EAAC,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,KAAK,EAAC;gBAC9D,OAAO,CACL,MAAC,KAAK,OAAc,KAAK,aACvB,eAAK,SAAS,EAAC,mBAAmB,aAC/B,KAAK,IAAI,KAAC,UAAU,cAAE,KAAK,GAAc,EACzC,WAAW,IAAI,CACd,KAAC,gBAAgB,cAAE,WAAW,GAAoB,CACnD,IACG,EACL,MAAM,EACP,KAAC,UAAU,KAAG,KARJ,EAAE,CASN,CACT,CAAC;YACJ,CAAC,CAAC,EACF,KAAC,aAAa,KAAG,IACH,CACjB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,KAAmB;IACzC,MAAM,EAAC,KAAK,EAAC,GAAG,QAAQ,EAAE,CAAC;IAE3B,OAAO,CACL,8BACE,KAAC,aAAa,KAAG,EACjB,KAAC,MAAM,IACL,KAAK,EAAE,KAA8B,EACrC,SAAS,EAAC,eAAe,EACzB,YAAY,EAAE;oBACZ,UAAU,EAAE;wBACV,KAAK,EACH,uIAAuI;wBACzI,WAAW,EAAE,sCAAsC;wBACnD,YAAY,EACV,kEAAkE;wBACpE,YAAY,EACV,8DAA8D;qBACjE;iBACF,KACG,KAAK,GACT,IACD,CACJ,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\nimport {Toaster as Sonner, type ToasterProps} from 'sonner';\n\nimport {useTheme} from '../theme/theme-provider';\nimport {useToast} from '../hooks/use-toast';\nimport {\n Toast,\n ToastClose,\n ToastDescription,\n ToastProvider,\n ToastTitle,\n ToastViewport,\n} from './toast';\n\nfunction LegacyToaster() {\n const {toasts} = useToast();\n\n return (\n <ToastProvider>\n {toasts.map(function ({id, title, description, action, ...props}) {\n return (\n <Toast key={id} {...props}>\n <div className=\"grid w-full gap-1\">\n {title && <ToastTitle>{title}</ToastTitle>}\n {description && (\n <ToastDescription>{description}</ToastDescription>\n )}\n </div>\n {action}\n <ToastClose />\n </Toast>\n );\n })}\n <ToastViewport />\n </ToastProvider>\n );\n}\n\nexport function Toaster(props: ToasterProps) {\n const {theme} = useTheme();\n\n return (\n <>\n <LegacyToaster />\n <Sonner\n theme={theme as ToasterProps['theme']}\n className=\"toaster group\"\n toastOptions={{\n classNames: {\n toast:\n 'group toast group-[.toaster]:border-border group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:shadow-lg',\n description: 'group-[.toast]:text-muted-foreground',\n actionButton:\n 'group-[.toast]:bg-primary group-[.toast]:text-primary-foreground',\n cancelButton:\n 'group-[.toast]:bg-muted group-[.toast]:text-muted-foreground',\n },\n }}\n {...props}\n />\n </>\n );\n}\n"]}
@@ -1,45 +0,0 @@
1
- import * as React from 'react';
2
- import type { ToastActionElement, ToastProps } from '../components/toast';
3
- type ToasterToast = ToastProps & {
4
- id: string;
5
- title?: React.ReactNode;
6
- description?: React.ReactNode;
7
- action?: ToastActionElement;
8
- };
9
- declare const actionTypes: {
10
- readonly ADD_TOAST: "ADD_TOAST";
11
- readonly UPDATE_TOAST: "UPDATE_TOAST";
12
- readonly DISMISS_TOAST: "DISMISS_TOAST";
13
- readonly REMOVE_TOAST: "REMOVE_TOAST";
14
- };
15
- type ActionType = typeof actionTypes;
16
- type Action = {
17
- type: ActionType['ADD_TOAST'];
18
- toast: ToasterToast;
19
- } | {
20
- type: ActionType['UPDATE_TOAST'];
21
- toast: Partial<ToasterToast>;
22
- } | {
23
- type: ActionType['DISMISS_TOAST'];
24
- toastId?: ToasterToast['id'];
25
- } | {
26
- type: ActionType['REMOVE_TOAST'];
27
- toastId?: ToasterToast['id'];
28
- };
29
- interface State {
30
- toasts: ToasterToast[];
31
- }
32
- export declare const reducer: (state: State, action: Action) => State;
33
- type Toast = Omit<ToasterToast, 'id'>;
34
- declare function toast({ ...props }: Toast): {
35
- id: string;
36
- dismiss: () => void;
37
- update: (props: ToasterToast) => void;
38
- };
39
- declare function useToast(): {
40
- toast: typeof toast;
41
- dismiss: (toastId?: string) => void;
42
- toasts: ToasterToast[];
43
- };
44
- export { useToast, toast };
45
- //# sourceMappingURL=use-toast.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-toast.d.ts","sourceRoot":"","sources":["../../src/hooks/use-toast.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,kBAAkB,EAAE,UAAU,EAAC,MAAM,qBAAqB,CAAC;AAKxE,KAAK,YAAY,GAAG,UAAU,GAAG;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC7B,CAAC;AAEF,QAAA,MAAM,WAAW;;;;;CAKP,CAAC;AASX,KAAK,UAAU,GAAG,OAAO,WAAW,CAAC;AAErC,KAAK,MAAM,GACP;IACE,IAAI,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IAC9B,KAAK,EAAE,YAAY,CAAC;CACrB,GACD;IACE,IAAI,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC;IACjC,KAAK,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;CAC9B,GACD;IACE,IAAI,EAAE,UAAU,CAAC,eAAe,CAAC,CAAC;IAClC,OAAO,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC;CAC9B,GACD;IACE,IAAI,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC;IACjC,OAAO,CAAC,EAAE,YAAY,CAAC,IAAI,CAAC,CAAC;CAC9B,CAAC;AAEN,UAAU,KAAK;IACb,MAAM,EAAE,YAAY,EAAE,CAAC;CACxB;AAoBD,eAAO,MAAM,OAAO,GAAI,OAAO,KAAK,EAAE,QAAQ,MAAM,KAAG,KAqDtD,CAAC;AAaF,KAAK,KAAK,GAAG,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;AAEtC,iBAAS,KAAK,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,KAAK;;;oBAGP,YAAY;EAwBpC;AAED,iBAAS,QAAQ;;wBAgBO,MAAM;YAtIpB,YAAY,EAAE;EAwIvB;AAED,OAAO,EAAC,QAAQ,EAAE,KAAK,EAAC,CAAC"}
@@ -1,129 +0,0 @@
1
- 'use client';
2
- // Inspired by react-hot-toast library
3
- import * as React from 'react';
4
- const TOAST_LIMIT = 5;
5
- const TOAST_REMOVE_DELAY = 1000000;
6
- const actionTypes = {
7
- ADD_TOAST: 'ADD_TOAST',
8
- UPDATE_TOAST: 'UPDATE_TOAST',
9
- DISMISS_TOAST: 'DISMISS_TOAST',
10
- REMOVE_TOAST: 'REMOVE_TOAST',
11
- };
12
- let count = 0;
13
- function genId() {
14
- count = (count + 1) % Number.MAX_SAFE_INTEGER;
15
- return count.toString();
16
- }
17
- const toastTimeouts = new Map();
18
- const addToRemoveQueue = (toastId) => {
19
- if (toastTimeouts.has(toastId)) {
20
- return;
21
- }
22
- const timeout = setTimeout(() => {
23
- toastTimeouts.delete(toastId);
24
- dispatch({
25
- type: 'REMOVE_TOAST',
26
- toastId: toastId,
27
- });
28
- }, TOAST_REMOVE_DELAY);
29
- toastTimeouts.set(toastId, timeout);
30
- };
31
- export const reducer = (state, action) => {
32
- switch (action.type) {
33
- case 'ADD_TOAST':
34
- return {
35
- ...state,
36
- toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),
37
- };
38
- case 'UPDATE_TOAST':
39
- return {
40
- ...state,
41
- toasts: state.toasts.map((t) => t.id === action.toast.id ? { ...t, ...action.toast } : t),
42
- };
43
- case 'DISMISS_TOAST': {
44
- const { toastId } = action;
45
- // ! Side effects ! - This could be extracted into a dismissToast() action,
46
- // but I'll keep it here for simplicity
47
- if (toastId) {
48
- addToRemoveQueue(toastId);
49
- }
50
- else {
51
- state.toasts.forEach((toast) => {
52
- addToRemoveQueue(toast.id);
53
- });
54
- }
55
- return {
56
- ...state,
57
- toasts: state.toasts.map((t) => t.id === toastId || toastId === undefined
58
- ? {
59
- ...t,
60
- open: false,
61
- }
62
- : t),
63
- };
64
- }
65
- case 'REMOVE_TOAST':
66
- if (action.toastId === undefined) {
67
- return {
68
- ...state,
69
- toasts: [],
70
- };
71
- }
72
- return {
73
- ...state,
74
- toasts: state.toasts.filter((t) => t.id !== action.toastId),
75
- };
76
- }
77
- };
78
- const listeners = [];
79
- let memoryState = { toasts: [] };
80
- function dispatch(action) {
81
- memoryState = reducer(memoryState, action);
82
- listeners.forEach((listener) => {
83
- listener(memoryState);
84
- });
85
- }
86
- function toast({ ...props }) {
87
- const id = genId();
88
- const update = (props) => dispatch({
89
- type: 'UPDATE_TOAST',
90
- toast: { ...props, id },
91
- });
92
- const dismiss = () => dispatch({ type: 'DISMISS_TOAST', toastId: id });
93
- dispatch({
94
- type: 'ADD_TOAST',
95
- toast: {
96
- ...props,
97
- id,
98
- open: true,
99
- onOpenChange: (open) => {
100
- if (!open)
101
- dismiss();
102
- },
103
- },
104
- });
105
- return {
106
- id: id,
107
- dismiss,
108
- update,
109
- };
110
- }
111
- function useToast() {
112
- const [state, setState] = React.useState(memoryState);
113
- React.useEffect(() => {
114
- listeners.push(setState);
115
- return () => {
116
- const index = listeners.indexOf(setState);
117
- if (index > -1) {
118
- listeners.splice(index, 1);
119
- }
120
- };
121
- }, [state]);
122
- return {
123
- ...state,
124
- toast,
125
- dismiss: (toastId) => dispatch({ type: 'DISMISS_TOAST', toastId }),
126
- };
127
- }
128
- export { useToast, toast };
129
- //# sourceMappingURL=use-toast.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-toast.js","sourceRoot":"","sources":["../../src/hooks/use-toast.ts"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\n// Inspired by react-hot-toast library\nimport * as React from 'react';\n\nimport type {ToastActionElement, ToastProps} from '../components/toast';\n\nconst TOAST_LIMIT = 5;\nconst TOAST_REMOVE_DELAY = 1000000;\n\ntype ToasterToast = ToastProps & {\n id: string;\n title?: React.ReactNode;\n description?: React.ReactNode;\n action?: ToastActionElement;\n};\n\nconst actionTypes = {\n ADD_TOAST: 'ADD_TOAST',\n UPDATE_TOAST: 'UPDATE_TOAST',\n DISMISS_TOAST: 'DISMISS_TOAST',\n REMOVE_TOAST: 'REMOVE_TOAST',\n} as const;\n\nlet count = 0;\n\nfunction genId() {\n count = (count + 1) % Number.MAX_SAFE_INTEGER;\n return count.toString();\n}\n\ntype ActionType = typeof actionTypes;\n\ntype Action =\n | {\n type: ActionType['ADD_TOAST'];\n toast: ToasterToast;\n }\n | {\n type: ActionType['UPDATE_TOAST'];\n toast: Partial<ToasterToast>;\n }\n | {\n type: ActionType['DISMISS_TOAST'];\n toastId?: ToasterToast['id'];\n }\n | {\n type: ActionType['REMOVE_TOAST'];\n toastId?: ToasterToast['id'];\n };\n\ninterface State {\n toasts: ToasterToast[];\n}\n\nconst toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>();\n\nconst addToRemoveQueue = (toastId: string) => {\n if (toastTimeouts.has(toastId)) {\n return;\n }\n\n const timeout = setTimeout(() => {\n toastTimeouts.delete(toastId);\n dispatch({\n type: 'REMOVE_TOAST',\n toastId: toastId,\n });\n }, TOAST_REMOVE_DELAY);\n\n toastTimeouts.set(toastId, timeout);\n};\n\nexport const reducer = (state: State, action: Action): State => {\n switch (action.type) {\n case 'ADD_TOAST':\n return {\n ...state,\n toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),\n };\n\n case 'UPDATE_TOAST':\n return {\n ...state,\n toasts: state.toasts.map((t) =>\n t.id === action.toast.id ? {...t, ...action.toast} : t,\n ),\n };\n\n case 'DISMISS_TOAST': {\n const {toastId} = action;\n\n // ! Side effects ! - This could be extracted into a dismissToast() action,\n // but I'll keep it here for simplicity\n if (toastId) {\n addToRemoveQueue(toastId);\n } else {\n state.toasts.forEach((toast) => {\n addToRemoveQueue(toast.id);\n });\n }\n\n return {\n ...state,\n toasts: state.toasts.map((t) =>\n t.id === toastId || toastId === undefined\n ? {\n ...t,\n open: false,\n }\n : t,\n ),\n };\n }\n case 'REMOVE_TOAST':\n if (action.toastId === undefined) {\n return {\n ...state,\n toasts: [],\n };\n }\n return {\n ...state,\n toasts: state.toasts.filter((t) => t.id !== action.toastId),\n };\n }\n};\n\nconst listeners: Array<(state: State) => void> = [];\n\nlet memoryState: State = {toasts: []};\n\nfunction dispatch(action: Action) {\n memoryState = reducer(memoryState, action);\n listeners.forEach((listener) => {\n listener(memoryState);\n });\n}\n\ntype Toast = Omit<ToasterToast, 'id'>;\n\nfunction toast({...props}: Toast) {\n const id = genId();\n\n const update = (props: ToasterToast) =>\n dispatch({\n type: 'UPDATE_TOAST',\n toast: {...props, id},\n });\n const dismiss = () => dispatch({type: 'DISMISS_TOAST', toastId: id});\n\n dispatch({\n type: 'ADD_TOAST',\n toast: {\n ...props,\n id,\n open: true,\n onOpenChange: (open) => {\n if (!open) dismiss();\n },\n },\n });\n\n return {\n id: id,\n dismiss,\n update,\n };\n}\n\nfunction useToast() {\n const [state, setState] = React.useState<State>(memoryState);\n\n React.useEffect(() => {\n listeners.push(setState);\n return () => {\n const index = listeners.indexOf(setState);\n if (index > -1) {\n listeners.splice(index, 1);\n }\n };\n }, [state]);\n\n return {\n ...state,\n toast,\n dismiss: (toastId?: string) => dispatch({type: 'DISMISS_TOAST', toastId}),\n };\n}\n\nexport {useToast, toast};\n"]}