@tirth_jasoliya/ui 1.0.3 → 1.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +74 -0
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +40 -32
- package/dist/index.d.ts +40 -32
- package/dist/index.js +73 -0
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import react__default, { ReactNode } from 'react';
|
|
3
3
|
import { ColumnDef, Table } from '@tanstack/react-table';
|
|
4
4
|
import { LucideIcon } from 'lucide-react';
|
|
5
5
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
@@ -71,32 +71,32 @@ type DataTableProps<TData> = {
|
|
|
71
71
|
children?: (table: Table<TData>) => React.ReactNode;
|
|
72
72
|
};
|
|
73
73
|
|
|
74
|
-
declare function DataTable<T>({ data, columns: initialColumns, filters, pagination, settings, header, footer, className, maxHeight, loading, error, emptyMessage, onRowSelectionChange, onExport, onRefresh, onTableReady, children, }: DataTableProps<T>):
|
|
74
|
+
declare function DataTable<T>({ data, columns: initialColumns, filters, pagination, settings, header, footer, className, maxHeight, loading, error, emptyMessage, onRowSelectionChange, onExport, onRefresh, onTableReady, children, }: DataTableProps<T>): react.JSX.Element;
|
|
75
75
|
|
|
76
76
|
declare const buttonVariants: (props?: ({
|
|
77
77
|
variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
|
|
78
78
|
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
79
79
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
80
|
-
declare function Button({ className, variant, size, asChild, ...props }:
|
|
80
|
+
declare function Button({ className, variant, size, asChild, ...props }: react.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
|
|
81
81
|
asChild?: boolean;
|
|
82
|
-
}):
|
|
82
|
+
}): react.JSX.Element;
|
|
83
83
|
|
|
84
|
-
interface DataTableActionBarProps<TData> extends
|
|
84
|
+
interface DataTableActionBarProps<TData> extends react.ComponentProps<typeof motion.div> {
|
|
85
85
|
table: Table<TData> | null;
|
|
86
86
|
visible?: boolean;
|
|
87
87
|
container?: Element | DocumentFragment | null;
|
|
88
|
-
children:
|
|
88
|
+
children: react.ReactNode;
|
|
89
89
|
}
|
|
90
|
-
declare function DataTableActionBar<TData>({ table, visible: visibleProp, container: containerProp, children, className, ...props }: DataTableActionBarProps<TData>):
|
|
91
|
-
interface DataTableActionBarActionProps extends
|
|
90
|
+
declare function DataTableActionBar<TData>({ table, visible: visibleProp, container: containerProp, children, className, ...props }: DataTableActionBarProps<TData>): react.ReactPortal | null;
|
|
91
|
+
interface DataTableActionBarActionProps extends react.ComponentProps<typeof Button> {
|
|
92
92
|
tooltip?: string;
|
|
93
93
|
isPending?: boolean;
|
|
94
94
|
}
|
|
95
|
-
declare function DataTableActionBarAction({ size, tooltip, isPending, disabled, className, children, ...props }: DataTableActionBarActionProps):
|
|
95
|
+
declare function DataTableActionBarAction({ size, tooltip, isPending, disabled, className, children, ...props }: DataTableActionBarActionProps): react.JSX.Element;
|
|
96
96
|
interface DataTableActionBarSelectionProps<TData> {
|
|
97
97
|
table: Table<TData> | null;
|
|
98
98
|
}
|
|
99
|
-
declare function DataTableActionBarSelection<TData>({ table }: DataTableActionBarSelectionProps<TData>):
|
|
99
|
+
declare function DataTableActionBarSelection<TData>({ table }: DataTableActionBarSelectionProps<TData>): react.JSX.Element | null;
|
|
100
100
|
|
|
101
101
|
type DataTemplateField<T> = {
|
|
102
102
|
key: keyof T;
|
|
@@ -180,7 +180,7 @@ type DataTemplateActionBarProps<T> = {
|
|
|
180
180
|
controller: DataTemplateController<T>;
|
|
181
181
|
visible?: boolean;
|
|
182
182
|
container?: Element | DocumentFragment | null;
|
|
183
|
-
children:
|
|
183
|
+
children: react__default.ReactNode;
|
|
184
184
|
className?: string;
|
|
185
185
|
};
|
|
186
186
|
type DataTemplateActionBarActionProps = {
|
|
@@ -190,18 +190,18 @@ type DataTemplateActionBarActionProps = {
|
|
|
190
190
|
variant?: "default" | "secondary" | "outline" | "ghost";
|
|
191
191
|
disabled?: boolean;
|
|
192
192
|
className?: string;
|
|
193
|
-
children:
|
|
193
|
+
children: react__default.ReactNode;
|
|
194
194
|
onClick?: () => void;
|
|
195
195
|
};
|
|
196
196
|
|
|
197
|
-
declare function DataTemplate<T extends Record<string, any>>({ data, template, fields, filters, pagination, settings, header, footer, className, loading, error, emptyMessage, emptyIcon, onSelectionChange, onExport, onRefresh, onTemplateReady, children, }: DataTemplateProps<T>):
|
|
197
|
+
declare function DataTemplate<T extends Record<string, any>>({ data, template, fields, filters, pagination, settings, header, footer, className, loading, error, emptyMessage, emptyIcon, onSelectionChange, onExport, onRefresh, onTemplateReady, children, }: DataTemplateProps<T>): react.JSX.Element;
|
|
198
198
|
|
|
199
|
-
declare function DataTemplateActionBar<T>({ controller, visible: visibleProp, container: containerProp, children, className, ...props }: DataTemplateActionBarProps<T> &
|
|
200
|
-
declare function DataTemplateActionBarAction({ size, variant, tooltip, isPending, disabled, className, children, onClick, ...props }: DataTemplateActionBarActionProps):
|
|
199
|
+
declare function DataTemplateActionBar<T>({ controller, visible: visibleProp, container: containerProp, children, className, ...props }: DataTemplateActionBarProps<T> & react.ComponentProps<typeof motion.div>): react.ReactPortal | null;
|
|
200
|
+
declare function DataTemplateActionBarAction({ size, variant, tooltip, isPending, disabled, className, children, onClick, ...props }: DataTemplateActionBarActionProps): react.JSX.Element;
|
|
201
201
|
interface DataTemplateActionBarSelectionProps<T> {
|
|
202
202
|
controller: DataTemplateController<T>;
|
|
203
203
|
}
|
|
204
|
-
declare function DataTemplateActionBarSelection<T>({ controller }: DataTemplateActionBarSelectionProps<T>):
|
|
204
|
+
declare function DataTemplateActionBarSelection<T>({ controller }: DataTemplateActionBarSelectionProps<T>): react.JSX.Element | null;
|
|
205
205
|
|
|
206
206
|
type SpacingSize = 'none' | 'tight' | 'default' | 'loose' | 'extra-loose';
|
|
207
207
|
type AppContainerProps = {
|
|
@@ -258,13 +258,13 @@ type AppMetaContextType<TRoute extends string = string> = {
|
|
|
258
258
|
|
|
259
259
|
declare const AppMetaProvider: ({ children }: {
|
|
260
260
|
children: ReactNode;
|
|
261
|
-
}) =>
|
|
261
|
+
}) => react.JSX.Element;
|
|
262
262
|
declare function createTypedAppMetaContext<TRoute extends string>(): {
|
|
263
263
|
TypedAppMetaProvider: ({ children }: {
|
|
264
264
|
children: ReactNode;
|
|
265
|
-
}) =>
|
|
265
|
+
}) => react.JSX.Element;
|
|
266
266
|
useTypedAppMeta: () => AppMetaContextType<TRoute>;
|
|
267
|
-
TypedAppMetaContext:
|
|
267
|
+
TypedAppMetaContext: react.Context<AppMetaContextType<TRoute> | undefined>;
|
|
268
268
|
};
|
|
269
269
|
|
|
270
270
|
declare function createPageTemplateHook<TRoute extends string>({ useTypedAppMeta, }: {
|
|
@@ -290,11 +290,11 @@ type SplitRatio = "one-half" | "one-third" | "two-third" | "one-fourth" | "three
|
|
|
290
290
|
type SheetSide = "right" | "bottom" | "left" | "top";
|
|
291
291
|
type SheetMode = "fullscreen" | "container";
|
|
292
292
|
type BaseAppContentProps = {
|
|
293
|
-
children:
|
|
293
|
+
children: react__default.ReactNode;
|
|
294
294
|
className?: string;
|
|
295
295
|
variant?: "default" | "card" | "border" | "transparent";
|
|
296
|
-
header?:
|
|
297
|
-
footer?:
|
|
296
|
+
header?: react__default.ReactNode;
|
|
297
|
+
footer?: react__default.ReactNode;
|
|
298
298
|
headerClassName?: string;
|
|
299
299
|
footerClassName?: string;
|
|
300
300
|
parentContainer?: boolean;
|
|
@@ -309,7 +309,7 @@ type SplitLayoutProps = BaseAppContentProps & {
|
|
|
309
309
|
reverse?: boolean;
|
|
310
310
|
};
|
|
311
311
|
type SheetOptions = {
|
|
312
|
-
sheetContent:
|
|
312
|
+
sheetContent: react__default.ReactNode;
|
|
313
313
|
sheetWidth?: SplitRatio;
|
|
314
314
|
sheetSide?: SheetSide;
|
|
315
315
|
sheetMode?: SheetMode;
|
|
@@ -318,7 +318,7 @@ type SheetOptions = {
|
|
|
318
318
|
sheetClassName?: string;
|
|
319
319
|
isSheetOpen?: boolean;
|
|
320
320
|
onSheetOpenChange?: (open: boolean) => void;
|
|
321
|
-
sheetTrigger?:
|
|
321
|
+
sheetTrigger?: react__default.ReactNode;
|
|
322
322
|
disableOverlay?: boolean;
|
|
323
323
|
};
|
|
324
324
|
type WithSheetLayoutProps = BaseAppContentProps & {
|
|
@@ -341,10 +341,10 @@ type AppFooterProps = {
|
|
|
341
341
|
declare function createLayoutComponents<TRoute extends string>({ useTypedAppMeta, }: {
|
|
342
342
|
useTypedAppMeta: () => AppMetaContextType<TRoute>;
|
|
343
343
|
}): {
|
|
344
|
-
AppHeader: (props: Omit<AppHeaderProps, "meta">) =>
|
|
345
|
-
AppFooter: (props: Omit<AppFooterProps, "meta">) =>
|
|
346
|
-
AppContent: (props: AppContentProps) =>
|
|
347
|
-
AppContainer: (props: AppContainerProps) =>
|
|
344
|
+
AppHeader: (props: Omit<AppHeaderProps, "meta">) => react.JSX.Element;
|
|
345
|
+
AppFooter: (props: Omit<AppFooterProps, "meta">) => react.JSX.Element;
|
|
346
|
+
AppContent: (props: AppContentProps) => react.JSX.Element;
|
|
347
|
+
AppContainer: (props: AppContainerProps) => react.JSX.Element;
|
|
348
348
|
};
|
|
349
349
|
|
|
350
350
|
type CopyToClipboardProps = {
|
|
@@ -384,7 +384,7 @@ declare class GeneralHelper {
|
|
|
384
384
|
private static compactFormatter;
|
|
385
385
|
private static MONTH_NAMES_SHORT;
|
|
386
386
|
static copyToClipboard(text: string): Promise<void>;
|
|
387
|
-
static CopyToClipboard: ({ text, children, className, size, variant, }: CopyToClipboardProps) =>
|
|
387
|
+
static CopyToClipboard: ({ text, children, className, size, variant, }: CopyToClipboardProps) => react.JSX.Element;
|
|
388
388
|
static formatINR(amount: number, options?: FormatINROptions): string;
|
|
389
389
|
static formatDate(input: string | number | Date, options?: FormatDateOptions): string;
|
|
390
390
|
static toProperCase(text: string): string;
|
|
@@ -392,7 +392,15 @@ declare class GeneralHelper {
|
|
|
392
392
|
static StatusBadge: ({ status, className, showDot, capitalize, size, variant, customColors, icon, trueMessage, falseMessage, }: StatusBadgeProps & {
|
|
393
393
|
trueMessage?: string;
|
|
394
394
|
falseMessage?: string;
|
|
395
|
-
}) =>
|
|
395
|
+
}) => react.JSX.Element;
|
|
396
396
|
}
|
|
397
397
|
|
|
398
|
-
|
|
398
|
+
interface CheckmarkProps {
|
|
399
|
+
size?: number;
|
|
400
|
+
strokeWidth?: number;
|
|
401
|
+
color?: string;
|
|
402
|
+
className?: string;
|
|
403
|
+
}
|
|
404
|
+
declare function Checkmark({ size, strokeWidth, color, className }: CheckmarkProps): react.JSX.Element;
|
|
405
|
+
|
|
406
|
+
export { type AppMeta, AppMetaProvider, Checkmark, DataTable, DataTableActionBar, DataTableActionBarAction, DataTableActionBarSelection, type DataTableProps, DataTemplate, DataTemplateActionBar, DataTemplateActionBarAction, DataTemplateActionBarSelection, type DataTemplateProps, GeneralHelper, type GroupColumnDef, createLayoutComponents, createPageTemplateHook, createTypedAppMetaContext };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import react__default, { ReactNode } from 'react';
|
|
3
3
|
import { ColumnDef, Table } from '@tanstack/react-table';
|
|
4
4
|
import { LucideIcon } from 'lucide-react';
|
|
5
5
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
@@ -71,32 +71,32 @@ type DataTableProps<TData> = {
|
|
|
71
71
|
children?: (table: Table<TData>) => React.ReactNode;
|
|
72
72
|
};
|
|
73
73
|
|
|
74
|
-
declare function DataTable<T>({ data, columns: initialColumns, filters, pagination, settings, header, footer, className, maxHeight, loading, error, emptyMessage, onRowSelectionChange, onExport, onRefresh, onTableReady, children, }: DataTableProps<T>):
|
|
74
|
+
declare function DataTable<T>({ data, columns: initialColumns, filters, pagination, settings, header, footer, className, maxHeight, loading, error, emptyMessage, onRowSelectionChange, onExport, onRefresh, onTableReady, children, }: DataTableProps<T>): react.JSX.Element;
|
|
75
75
|
|
|
76
76
|
declare const buttonVariants: (props?: ({
|
|
77
77
|
variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
|
|
78
78
|
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
79
79
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
80
|
-
declare function Button({ className, variant, size, asChild, ...props }:
|
|
80
|
+
declare function Button({ className, variant, size, asChild, ...props }: react.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
|
|
81
81
|
asChild?: boolean;
|
|
82
|
-
}):
|
|
82
|
+
}): react.JSX.Element;
|
|
83
83
|
|
|
84
|
-
interface DataTableActionBarProps<TData> extends
|
|
84
|
+
interface DataTableActionBarProps<TData> extends react.ComponentProps<typeof motion.div> {
|
|
85
85
|
table: Table<TData> | null;
|
|
86
86
|
visible?: boolean;
|
|
87
87
|
container?: Element | DocumentFragment | null;
|
|
88
|
-
children:
|
|
88
|
+
children: react.ReactNode;
|
|
89
89
|
}
|
|
90
|
-
declare function DataTableActionBar<TData>({ table, visible: visibleProp, container: containerProp, children, className, ...props }: DataTableActionBarProps<TData>):
|
|
91
|
-
interface DataTableActionBarActionProps extends
|
|
90
|
+
declare function DataTableActionBar<TData>({ table, visible: visibleProp, container: containerProp, children, className, ...props }: DataTableActionBarProps<TData>): react.ReactPortal | null;
|
|
91
|
+
interface DataTableActionBarActionProps extends react.ComponentProps<typeof Button> {
|
|
92
92
|
tooltip?: string;
|
|
93
93
|
isPending?: boolean;
|
|
94
94
|
}
|
|
95
|
-
declare function DataTableActionBarAction({ size, tooltip, isPending, disabled, className, children, ...props }: DataTableActionBarActionProps):
|
|
95
|
+
declare function DataTableActionBarAction({ size, tooltip, isPending, disabled, className, children, ...props }: DataTableActionBarActionProps): react.JSX.Element;
|
|
96
96
|
interface DataTableActionBarSelectionProps<TData> {
|
|
97
97
|
table: Table<TData> | null;
|
|
98
98
|
}
|
|
99
|
-
declare function DataTableActionBarSelection<TData>({ table }: DataTableActionBarSelectionProps<TData>):
|
|
99
|
+
declare function DataTableActionBarSelection<TData>({ table }: DataTableActionBarSelectionProps<TData>): react.JSX.Element | null;
|
|
100
100
|
|
|
101
101
|
type DataTemplateField<T> = {
|
|
102
102
|
key: keyof T;
|
|
@@ -180,7 +180,7 @@ type DataTemplateActionBarProps<T> = {
|
|
|
180
180
|
controller: DataTemplateController<T>;
|
|
181
181
|
visible?: boolean;
|
|
182
182
|
container?: Element | DocumentFragment | null;
|
|
183
|
-
children:
|
|
183
|
+
children: react__default.ReactNode;
|
|
184
184
|
className?: string;
|
|
185
185
|
};
|
|
186
186
|
type DataTemplateActionBarActionProps = {
|
|
@@ -190,18 +190,18 @@ type DataTemplateActionBarActionProps = {
|
|
|
190
190
|
variant?: "default" | "secondary" | "outline" | "ghost";
|
|
191
191
|
disabled?: boolean;
|
|
192
192
|
className?: string;
|
|
193
|
-
children:
|
|
193
|
+
children: react__default.ReactNode;
|
|
194
194
|
onClick?: () => void;
|
|
195
195
|
};
|
|
196
196
|
|
|
197
|
-
declare function DataTemplate<T extends Record<string, any>>({ data, template, fields, filters, pagination, settings, header, footer, className, loading, error, emptyMessage, emptyIcon, onSelectionChange, onExport, onRefresh, onTemplateReady, children, }: DataTemplateProps<T>):
|
|
197
|
+
declare function DataTemplate<T extends Record<string, any>>({ data, template, fields, filters, pagination, settings, header, footer, className, loading, error, emptyMessage, emptyIcon, onSelectionChange, onExport, onRefresh, onTemplateReady, children, }: DataTemplateProps<T>): react.JSX.Element;
|
|
198
198
|
|
|
199
|
-
declare function DataTemplateActionBar<T>({ controller, visible: visibleProp, container: containerProp, children, className, ...props }: DataTemplateActionBarProps<T> &
|
|
200
|
-
declare function DataTemplateActionBarAction({ size, variant, tooltip, isPending, disabled, className, children, onClick, ...props }: DataTemplateActionBarActionProps):
|
|
199
|
+
declare function DataTemplateActionBar<T>({ controller, visible: visibleProp, container: containerProp, children, className, ...props }: DataTemplateActionBarProps<T> & react.ComponentProps<typeof motion.div>): react.ReactPortal | null;
|
|
200
|
+
declare function DataTemplateActionBarAction({ size, variant, tooltip, isPending, disabled, className, children, onClick, ...props }: DataTemplateActionBarActionProps): react.JSX.Element;
|
|
201
201
|
interface DataTemplateActionBarSelectionProps<T> {
|
|
202
202
|
controller: DataTemplateController<T>;
|
|
203
203
|
}
|
|
204
|
-
declare function DataTemplateActionBarSelection<T>({ controller }: DataTemplateActionBarSelectionProps<T>):
|
|
204
|
+
declare function DataTemplateActionBarSelection<T>({ controller }: DataTemplateActionBarSelectionProps<T>): react.JSX.Element | null;
|
|
205
205
|
|
|
206
206
|
type SpacingSize = 'none' | 'tight' | 'default' | 'loose' | 'extra-loose';
|
|
207
207
|
type AppContainerProps = {
|
|
@@ -258,13 +258,13 @@ type AppMetaContextType<TRoute extends string = string> = {
|
|
|
258
258
|
|
|
259
259
|
declare const AppMetaProvider: ({ children }: {
|
|
260
260
|
children: ReactNode;
|
|
261
|
-
}) =>
|
|
261
|
+
}) => react.JSX.Element;
|
|
262
262
|
declare function createTypedAppMetaContext<TRoute extends string>(): {
|
|
263
263
|
TypedAppMetaProvider: ({ children }: {
|
|
264
264
|
children: ReactNode;
|
|
265
|
-
}) =>
|
|
265
|
+
}) => react.JSX.Element;
|
|
266
266
|
useTypedAppMeta: () => AppMetaContextType<TRoute>;
|
|
267
|
-
TypedAppMetaContext:
|
|
267
|
+
TypedAppMetaContext: react.Context<AppMetaContextType<TRoute> | undefined>;
|
|
268
268
|
};
|
|
269
269
|
|
|
270
270
|
declare function createPageTemplateHook<TRoute extends string>({ useTypedAppMeta, }: {
|
|
@@ -290,11 +290,11 @@ type SplitRatio = "one-half" | "one-third" | "two-third" | "one-fourth" | "three
|
|
|
290
290
|
type SheetSide = "right" | "bottom" | "left" | "top";
|
|
291
291
|
type SheetMode = "fullscreen" | "container";
|
|
292
292
|
type BaseAppContentProps = {
|
|
293
|
-
children:
|
|
293
|
+
children: react__default.ReactNode;
|
|
294
294
|
className?: string;
|
|
295
295
|
variant?: "default" | "card" | "border" | "transparent";
|
|
296
|
-
header?:
|
|
297
|
-
footer?:
|
|
296
|
+
header?: react__default.ReactNode;
|
|
297
|
+
footer?: react__default.ReactNode;
|
|
298
298
|
headerClassName?: string;
|
|
299
299
|
footerClassName?: string;
|
|
300
300
|
parentContainer?: boolean;
|
|
@@ -309,7 +309,7 @@ type SplitLayoutProps = BaseAppContentProps & {
|
|
|
309
309
|
reverse?: boolean;
|
|
310
310
|
};
|
|
311
311
|
type SheetOptions = {
|
|
312
|
-
sheetContent:
|
|
312
|
+
sheetContent: react__default.ReactNode;
|
|
313
313
|
sheetWidth?: SplitRatio;
|
|
314
314
|
sheetSide?: SheetSide;
|
|
315
315
|
sheetMode?: SheetMode;
|
|
@@ -318,7 +318,7 @@ type SheetOptions = {
|
|
|
318
318
|
sheetClassName?: string;
|
|
319
319
|
isSheetOpen?: boolean;
|
|
320
320
|
onSheetOpenChange?: (open: boolean) => void;
|
|
321
|
-
sheetTrigger?:
|
|
321
|
+
sheetTrigger?: react__default.ReactNode;
|
|
322
322
|
disableOverlay?: boolean;
|
|
323
323
|
};
|
|
324
324
|
type WithSheetLayoutProps = BaseAppContentProps & {
|
|
@@ -341,10 +341,10 @@ type AppFooterProps = {
|
|
|
341
341
|
declare function createLayoutComponents<TRoute extends string>({ useTypedAppMeta, }: {
|
|
342
342
|
useTypedAppMeta: () => AppMetaContextType<TRoute>;
|
|
343
343
|
}): {
|
|
344
|
-
AppHeader: (props: Omit<AppHeaderProps, "meta">) =>
|
|
345
|
-
AppFooter: (props: Omit<AppFooterProps, "meta">) =>
|
|
346
|
-
AppContent: (props: AppContentProps) =>
|
|
347
|
-
AppContainer: (props: AppContainerProps) =>
|
|
344
|
+
AppHeader: (props: Omit<AppHeaderProps, "meta">) => react.JSX.Element;
|
|
345
|
+
AppFooter: (props: Omit<AppFooterProps, "meta">) => react.JSX.Element;
|
|
346
|
+
AppContent: (props: AppContentProps) => react.JSX.Element;
|
|
347
|
+
AppContainer: (props: AppContainerProps) => react.JSX.Element;
|
|
348
348
|
};
|
|
349
349
|
|
|
350
350
|
type CopyToClipboardProps = {
|
|
@@ -384,7 +384,7 @@ declare class GeneralHelper {
|
|
|
384
384
|
private static compactFormatter;
|
|
385
385
|
private static MONTH_NAMES_SHORT;
|
|
386
386
|
static copyToClipboard(text: string): Promise<void>;
|
|
387
|
-
static CopyToClipboard: ({ text, children, className, size, variant, }: CopyToClipboardProps) =>
|
|
387
|
+
static CopyToClipboard: ({ text, children, className, size, variant, }: CopyToClipboardProps) => react.JSX.Element;
|
|
388
388
|
static formatINR(amount: number, options?: FormatINROptions): string;
|
|
389
389
|
static formatDate(input: string | number | Date, options?: FormatDateOptions): string;
|
|
390
390
|
static toProperCase(text: string): string;
|
|
@@ -392,7 +392,15 @@ declare class GeneralHelper {
|
|
|
392
392
|
static StatusBadge: ({ status, className, showDot, capitalize, size, variant, customColors, icon, trueMessage, falseMessage, }: StatusBadgeProps & {
|
|
393
393
|
trueMessage?: string;
|
|
394
394
|
falseMessage?: string;
|
|
395
|
-
}) =>
|
|
395
|
+
}) => react.JSX.Element;
|
|
396
396
|
}
|
|
397
397
|
|
|
398
|
-
|
|
398
|
+
interface CheckmarkProps {
|
|
399
|
+
size?: number;
|
|
400
|
+
strokeWidth?: number;
|
|
401
|
+
color?: string;
|
|
402
|
+
className?: string;
|
|
403
|
+
}
|
|
404
|
+
declare function Checkmark({ size, strokeWidth, color, className }: CheckmarkProps): react.JSX.Element;
|
|
405
|
+
|
|
406
|
+
export { type AppMeta, AppMetaProvider, Checkmark, DataTable, DataTableActionBar, DataTableActionBarAction, DataTableActionBarSelection, type DataTableProps, DataTemplate, DataTemplateActionBar, DataTemplateActionBarAction, DataTemplateActionBarSelection, type DataTemplateProps, GeneralHelper, type GroupColumnDef, createLayoutComponents, createPageTemplateHook, createTypedAppMetaContext };
|
package/dist/index.js
CHANGED
|
@@ -3108,8 +3108,81 @@ var GeneralHelper = class {
|
|
|
3108
3108
|
) });
|
|
3109
3109
|
};
|
|
3110
3110
|
};
|
|
3111
|
+
|
|
3112
|
+
// src/components/core/error.tsx
|
|
3113
|
+
import { AlertTriangleIcon } from "lucide-react";
|
|
3114
|
+
import { useRouteError, isRouteErrorResponse, useNavigate } from "react-router";
|
|
3115
|
+
import { Fragment as Fragment5, jsx as jsx34, jsxs as jsxs21 } from "react/jsx-runtime";
|
|
3116
|
+
|
|
3117
|
+
// src/components/core/event-success.tsx
|
|
3118
|
+
import { motion as motion3 } from "framer-motion";
|
|
3119
|
+
import { jsx as jsx35, jsxs as jsxs22 } from "react/jsx-runtime";
|
|
3120
|
+
function Checkmark({ size = 100, strokeWidth = 2, color = "currentColor", className = "" }) {
|
|
3121
|
+
return /* @__PURE__ */ jsxs22(
|
|
3122
|
+
motion3.svg,
|
|
3123
|
+
{
|
|
3124
|
+
width: size,
|
|
3125
|
+
height: size,
|
|
3126
|
+
viewBox: "0 0 100 100",
|
|
3127
|
+
initial: "hidden",
|
|
3128
|
+
animate: "visible",
|
|
3129
|
+
className,
|
|
3130
|
+
children: [
|
|
3131
|
+
/* @__PURE__ */ jsx35("title", { children: "Animated Checkmark" }),
|
|
3132
|
+
/* @__PURE__ */ jsx35(
|
|
3133
|
+
motion3.circle,
|
|
3134
|
+
{
|
|
3135
|
+
cx: "50",
|
|
3136
|
+
cy: "50",
|
|
3137
|
+
r: "40",
|
|
3138
|
+
stroke: color,
|
|
3139
|
+
custom: 0,
|
|
3140
|
+
style: {
|
|
3141
|
+
strokeWidth,
|
|
3142
|
+
strokeLinecap: "round",
|
|
3143
|
+
fill: "transparent"
|
|
3144
|
+
}
|
|
3145
|
+
}
|
|
3146
|
+
),
|
|
3147
|
+
/* @__PURE__ */ jsx35(
|
|
3148
|
+
motion3.path,
|
|
3149
|
+
{
|
|
3150
|
+
d: "M30 50L45 65L70 35",
|
|
3151
|
+
stroke: color,
|
|
3152
|
+
custom: 1,
|
|
3153
|
+
style: {
|
|
3154
|
+
strokeWidth,
|
|
3155
|
+
strokeLinecap: "round",
|
|
3156
|
+
strokeLinejoin: "round",
|
|
3157
|
+
fill: "transparent"
|
|
3158
|
+
}
|
|
3159
|
+
}
|
|
3160
|
+
)
|
|
3161
|
+
]
|
|
3162
|
+
}
|
|
3163
|
+
);
|
|
3164
|
+
}
|
|
3165
|
+
|
|
3166
|
+
// src/components/core/loader.tsx
|
|
3167
|
+
import { jsx as jsx36, jsxs as jsxs23 } from "react/jsx-runtime";
|
|
3168
|
+
|
|
3169
|
+
// src/components/core/notfound.tsx
|
|
3170
|
+
import { useLocation } from "react-router";
|
|
3171
|
+
import { GhostIcon } from "lucide-react";
|
|
3172
|
+
import { NavLink as NavLink2, useNavigate as useNavigate2 } from "react-router";
|
|
3173
|
+
import { jsx as jsx37, jsxs as jsxs24 } from "react/jsx-runtime";
|
|
3174
|
+
|
|
3175
|
+
// src/components/core/offline-content.tsx
|
|
3176
|
+
import { WifiOffIcon } from "lucide-react";
|
|
3177
|
+
import { jsx as jsx38, jsxs as jsxs25 } from "react/jsx-runtime";
|
|
3178
|
+
|
|
3179
|
+
// src/components/core/unauthorized.tsx
|
|
3180
|
+
import { ShieldOffIcon } from "lucide-react";
|
|
3181
|
+
import { NavLink as NavLink3, useNavigate as useNavigate3 } from "react-router";
|
|
3182
|
+
import { jsx as jsx39, jsxs as jsxs26 } from "react/jsx-runtime";
|
|
3111
3183
|
export {
|
|
3112
3184
|
AppMetaProvider,
|
|
3185
|
+
Checkmark,
|
|
3113
3186
|
DataTable,
|
|
3114
3187
|
DataTableActionBar,
|
|
3115
3188
|
DataTableActionBarAction,
|