@als-tp/als-react-ts-ui 0.8.1 → 0.9.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/README.md +2 -2
- package/dist/als-react-ts-ui.js +13281 -12124
- package/dist/components/ALSCheckbox/ALSCheckbox.d.ts +1 -0
- package/dist/components/ALSCheckbox/ALSCheckbox.d.ts.map +1 -1
- package/dist/components/ALSItem/ALSItem.d.ts +131 -0
- package/dist/components/ALSItem/ALSItem.d.ts.map +1 -0
- package/dist/components/ALSItem/index.d.ts +12 -0
- package/dist/components/ALSItem/index.d.ts.map +1 -0
- package/dist/components/ALSPagination/ALSPagination.d.ts +101 -0
- package/dist/components/ALSPagination/ALSPagination.d.ts.map +1 -0
- package/dist/components/ALSPagination/index.d.ts +14 -0
- package/dist/components/ALSPagination/index.d.ts.map +1 -0
- package/dist/components/ALSPagination/util.d.ts +5 -0
- package/dist/components/ALSPagination/util.d.ts.map +1 -0
- package/dist/components/ALSSelect/ALSSelect.d.ts.map +1 -1
- package/dist/components/ALSTable/ALSTable.d.ts +168 -0
- package/dist/components/ALSTable/ALSTable.d.ts.map +1 -0
- package/dist/components/ALSTable/index.d.ts +17 -0
- package/dist/components/ALSTable/index.d.ts.map +1 -0
- package/dist/components/ALSTabs/ALSTabs.d.ts +64 -8
- package/dist/components/ALSTabs/ALSTabs.d.ts.map +1 -1
- package/dist/components/ALSTabs/index.d.ts +7 -1
- package/dist/components/ALSTabs/index.d.ts.map +1 -1
- package/dist/components/ALSTree/ALSTree.d.ts +37 -0
- package/dist/components/ALSTree/ALSTree.d.ts.map +1 -0
- package/dist/components/ALSTree/index.d.ts +7 -0
- package/dist/components/ALSTree/index.d.ts.map +1 -0
- package/dist/index.css +1 -1
- package/dist/index.d.ts +3 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/logo.svg +59 -0
- package/package.json +2 -1
- package/dist/components/ALSTabs/components.d.ts +0 -63
- package/dist/components/ALSTabs/components.d.ts.map +0 -1
|
@@ -16,6 +16,7 @@ export interface ALSCheckboxRootProps {
|
|
|
16
16
|
className?: string | ((state: Checkbox.Root.State) => string);
|
|
17
17
|
style?: React.CSSProperties;
|
|
18
18
|
children?: React.ReactNode;
|
|
19
|
+
onClick?: React.MouseEventHandler<HTMLSpanElement>;
|
|
19
20
|
size?: "sm" | "md" | "lg";
|
|
20
21
|
variant?: "default" | "primary" | "success" | "error";
|
|
21
22
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ALSCheckbox.d.ts","sourceRoot":"","sources":["../../../src/components/ALSCheckbox/ALSCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAKnD,MAAM,WAAW,oBAAoB;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,CACd,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,QAAQ,CAAC,IAAI,CAAC,kBAAkB,KAC7C,IAAI,CAAC;IACV,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACvC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC;IAC9D,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;CACzD;AAED,MAAM,WAAW,yBAAyB;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,QAAQ,CAAC,SAAS,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC;IACnE,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,CACL,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,EACvC,KAAK,EAAE,QAAQ,CAAC,SAAS,CAAC,KAAK,KAC9B,KAAK,CAAC,YAAY,CAAC;CAC3B;AAED,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACjD,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAG7E,eAAO,MAAM,eAAe,8FAkC3B,CAAC;AAKF,eAAO,MAAM,oBAAoB,mGA2C/B,CAAC"}
|
|
1
|
+
{"version":3,"file":"ALSCheckbox.d.ts","sourceRoot":"","sources":["../../../src/components/ALSCheckbox/ALSCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAKnD,MAAM,WAAW,oBAAoB;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,CACd,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,QAAQ,CAAC,IAAI,CAAC,kBAAkB,KAC7C,IAAI,CAAC;IACV,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACvC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC;IAC9D,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAC;IACnD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;CACzD;AAED,MAAM,WAAW,yBAAyB;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,QAAQ,CAAC,SAAS,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC;IACnE,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,CACL,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,EACvC,KAAK,EAAE,QAAQ,CAAC,SAAS,CAAC,KAAK,KAC9B,KAAK,CAAC,YAAY,CAAC;CAC3B;AAED,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACjD,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAG7E,eAAO,MAAM,eAAe,8FAkC3B,CAAC;AAKF,eAAO,MAAM,oBAAoB,mGA2C/B,CAAC"}
|
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export type ALSItemVariant = "default" | "selected" | "active" | "danger";
|
|
3
|
+
export type ALSItemSize = "sm" | "md" | "lg";
|
|
4
|
+
export interface ALSItemRootProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
5
|
+
/**
|
|
6
|
+
* Visual variant of the item
|
|
7
|
+
* @default 'default'
|
|
8
|
+
*/
|
|
9
|
+
variant?: ALSItemVariant;
|
|
10
|
+
/**
|
|
11
|
+
* Size of the item
|
|
12
|
+
* @default 'md'
|
|
13
|
+
*/
|
|
14
|
+
size?: ALSItemSize;
|
|
15
|
+
/**
|
|
16
|
+
* Whether the item is disabled
|
|
17
|
+
* @default false
|
|
18
|
+
*/
|
|
19
|
+
disabled?: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* Whether the item is selected
|
|
22
|
+
* @default false
|
|
23
|
+
*/
|
|
24
|
+
selected?: boolean;
|
|
25
|
+
/**
|
|
26
|
+
* Whether the item is interactive (clickable)
|
|
27
|
+
* @default false
|
|
28
|
+
*/
|
|
29
|
+
interactive?: boolean;
|
|
30
|
+
/**
|
|
31
|
+
* Click handler for interactive items
|
|
32
|
+
*/
|
|
33
|
+
onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
|
|
34
|
+
/**
|
|
35
|
+
* Additional CSS class name
|
|
36
|
+
*/
|
|
37
|
+
className?: string;
|
|
38
|
+
/**
|
|
39
|
+
* Children to render inside the item
|
|
40
|
+
*/
|
|
41
|
+
children?: React.ReactNode;
|
|
42
|
+
}
|
|
43
|
+
export interface ALSItemIconProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
44
|
+
/**
|
|
45
|
+
* Icon content (can be an icon component or string)
|
|
46
|
+
*/
|
|
47
|
+
children?: React.ReactNode;
|
|
48
|
+
/**
|
|
49
|
+
* Additional CSS class name
|
|
50
|
+
*/
|
|
51
|
+
className?: string;
|
|
52
|
+
}
|
|
53
|
+
export interface ALSItemContentProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
54
|
+
/**
|
|
55
|
+
* Children to render inside the content area
|
|
56
|
+
*/
|
|
57
|
+
children?: React.ReactNode;
|
|
58
|
+
/**
|
|
59
|
+
* Additional CSS class name
|
|
60
|
+
*/
|
|
61
|
+
className?: string;
|
|
62
|
+
}
|
|
63
|
+
export interface ALSItemLabelProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
64
|
+
/**
|
|
65
|
+
* Label text
|
|
66
|
+
*/
|
|
67
|
+
children?: React.ReactNode;
|
|
68
|
+
/**
|
|
69
|
+
* Additional CSS class name
|
|
70
|
+
*/
|
|
71
|
+
className?: string;
|
|
72
|
+
}
|
|
73
|
+
export interface ALSItemDescriptionProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
74
|
+
/**
|
|
75
|
+
* Description text
|
|
76
|
+
*/
|
|
77
|
+
children?: React.ReactNode;
|
|
78
|
+
/**
|
|
79
|
+
* Additional CSS class name
|
|
80
|
+
*/
|
|
81
|
+
className?: string;
|
|
82
|
+
}
|
|
83
|
+
export interface ALSItemMetaProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
84
|
+
/**
|
|
85
|
+
* Meta content (e.g., timestamps, badges, shortcuts)
|
|
86
|
+
*/
|
|
87
|
+
children?: React.ReactNode;
|
|
88
|
+
/**
|
|
89
|
+
* Additional CSS class name
|
|
90
|
+
*/
|
|
91
|
+
className?: string;
|
|
92
|
+
}
|
|
93
|
+
export interface ALSItemActionProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
94
|
+
/**
|
|
95
|
+
* Action content (typically an icon button)
|
|
96
|
+
*/
|
|
97
|
+
children?: React.ReactNode;
|
|
98
|
+
/**
|
|
99
|
+
* Additional CSS class name
|
|
100
|
+
*/
|
|
101
|
+
className?: string;
|
|
102
|
+
}
|
|
103
|
+
/**
|
|
104
|
+
* Root component for the item
|
|
105
|
+
*/
|
|
106
|
+
export declare const ALSItemRoot: React.ForwardRefExoticComponent<ALSItemRootProps & React.RefAttributes<HTMLDivElement>>;
|
|
107
|
+
/**
|
|
108
|
+
* Icon component for the item
|
|
109
|
+
*/
|
|
110
|
+
export declare const ALSItemIcon: React.ForwardRefExoticComponent<ALSItemIconProps & React.RefAttributes<HTMLSpanElement>>;
|
|
111
|
+
/**
|
|
112
|
+
* Content container for label and description
|
|
113
|
+
*/
|
|
114
|
+
export declare const ALSItemContent: React.ForwardRefExoticComponent<ALSItemContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
115
|
+
/**
|
|
116
|
+
* Label component for the item
|
|
117
|
+
*/
|
|
118
|
+
export declare const ALSItemLabel: React.ForwardRefExoticComponent<ALSItemLabelProps & React.RefAttributes<HTMLSpanElement>>;
|
|
119
|
+
/**
|
|
120
|
+
* Description component for the item
|
|
121
|
+
*/
|
|
122
|
+
export declare const ALSItemDescription: React.ForwardRefExoticComponent<ALSItemDescriptionProps & React.RefAttributes<HTMLSpanElement>>;
|
|
123
|
+
/**
|
|
124
|
+
* Meta component for additional information
|
|
125
|
+
*/
|
|
126
|
+
export declare const ALSItemMeta: React.ForwardRefExoticComponent<ALSItemMetaProps & React.RefAttributes<HTMLSpanElement>>;
|
|
127
|
+
/**
|
|
128
|
+
* Action button component for the item
|
|
129
|
+
*/
|
|
130
|
+
export declare const ALSItemAction: React.ForwardRefExoticComponent<ALSItemActionProps & React.RefAttributes<HTMLButtonElement>>;
|
|
131
|
+
//# sourceMappingURL=ALSItem.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ALSItem.d.ts","sourceRoot":"","sources":["../../../src/components/ALSItem/ALSItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAC1E,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E;;;OAGG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IAEzB;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAE5D;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,MAAM,WAAW,gBACb,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC7C;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,mBACb,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,iBACb,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC7C;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,uBACb,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC7C;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,gBACb,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC7C;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,kBACb,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAgCD;;GAEG;AACH,eAAO,MAAM,WAAW,yFAgEvB,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,WAAW,0FAcvB,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,cAAc,4FASzB,CAAC;AAIH;;GAEG;AACH,eAAO,MAAM,YAAY,2FAevB,CAAC;AAIH;;GAEG;AACH,eAAO,MAAM,kBAAkB,iGAmB7B,CAAC;AAIH;;GAEG;AACH,eAAO,MAAM,WAAW,0FAcvB,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,aAAa,8FAuBxB,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { ALSItemRootProps, ALSItemIconProps, ALSItemContentProps, ALSItemLabelProps, ALSItemDescriptionProps, ALSItemMetaProps, ALSItemActionProps, ALSItemVariant, ALSItemSize } from './ALSItem';
|
|
2
|
+
export declare const ALSItem: {
|
|
3
|
+
Root: import("react").ForwardRefExoticComponent<ALSItemRootProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
|
+
Icon: import("react").ForwardRefExoticComponent<ALSItemIconProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
5
|
+
Content: import("react").ForwardRefExoticComponent<ALSItemContentProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
6
|
+
Label: import("react").ForwardRefExoticComponent<ALSItemLabelProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
7
|
+
Description: import("react").ForwardRefExoticComponent<ALSItemDescriptionProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
8
|
+
Meta: import("react").ForwardRefExoticComponent<ALSItemMetaProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
9
|
+
Action: import("react").ForwardRefExoticComponent<ALSItemActionProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
10
|
+
};
|
|
11
|
+
export type { ALSItemRootProps, ALSItemIconProps, ALSItemContentProps, ALSItemLabelProps, ALSItemDescriptionProps, ALSItemMetaProps, ALSItemActionProps, ALSItemVariant, ALSItemSize, };
|
|
12
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ALSItem/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EACV,gBAAgB,EAChB,gBAAgB,EAChB,mBAAmB,EACnB,iBAAiB,EACjB,uBAAuB,EACvB,gBAAgB,EAChB,kBAAkB,EAClB,cAAc,EACd,WAAW,EACZ,MAAM,WAAW,CAAC;AAEnB,eAAO,MAAM,OAAO;;;;;;;;CAQnB,CAAC;AAEF,YAAY,EACV,gBAAgB,EAChB,gBAAgB,EAChB,mBAAmB,EACnB,iBAAiB,EACjB,uBAAuB,EACvB,gBAAgB,EAChB,kBAAkB,EAClB,cAAc,EACd,WAAW,GACZ,CAAC"}
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export type ALSPaginationVariant = "default" | "minimal" | "outlined";
|
|
3
|
+
export type ALSPaginationSize = "sm" | "md" | "lg";
|
|
4
|
+
export type ALSPaginationAlignment = "start" | "center" | "end";
|
|
5
|
+
export interface ALSPaginationRootProps extends Omit<React.ComponentPropsWithoutRef<"nav">, "children"> {
|
|
6
|
+
/**
|
|
7
|
+
* The current page number (0-indexed)
|
|
8
|
+
*/
|
|
9
|
+
page?: number;
|
|
10
|
+
/**
|
|
11
|
+
* Default page number (0-indexed)
|
|
12
|
+
*/
|
|
13
|
+
defaultPage?: number;
|
|
14
|
+
/**
|
|
15
|
+
* Total number of pages
|
|
16
|
+
*/
|
|
17
|
+
count: number;
|
|
18
|
+
/**
|
|
19
|
+
* Number of page buttons to show on each side of the current page
|
|
20
|
+
* @default 1
|
|
21
|
+
*/
|
|
22
|
+
siblingCount?: number;
|
|
23
|
+
/**
|
|
24
|
+
* Number of page buttons to show at the start and end
|
|
25
|
+
* @default 1
|
|
26
|
+
*/
|
|
27
|
+
boundaryCount?: number;
|
|
28
|
+
/**
|
|
29
|
+
* Callback when page changes
|
|
30
|
+
*/
|
|
31
|
+
onPageChange?: (page: number) => void;
|
|
32
|
+
/**
|
|
33
|
+
* Visual variant of the pagination
|
|
34
|
+
* @default 'default'
|
|
35
|
+
*/
|
|
36
|
+
variant?: ALSPaginationVariant;
|
|
37
|
+
/**
|
|
38
|
+
* Size of the pagination controls
|
|
39
|
+
* @default 'md'
|
|
40
|
+
*/
|
|
41
|
+
size?: ALSPaginationSize;
|
|
42
|
+
/**
|
|
43
|
+
* Alignment of the pagination
|
|
44
|
+
* @default 'start'
|
|
45
|
+
*/
|
|
46
|
+
alignment?: ALSPaginationAlignment;
|
|
47
|
+
/**
|
|
48
|
+
* Whether the pagination is disabled
|
|
49
|
+
*/
|
|
50
|
+
disabled?: boolean;
|
|
51
|
+
/**
|
|
52
|
+
* Show first/last page buttons
|
|
53
|
+
* @default true
|
|
54
|
+
*/
|
|
55
|
+
showFirstLast?: boolean;
|
|
56
|
+
/**
|
|
57
|
+
* Show previous/next buttons
|
|
58
|
+
* @default true
|
|
59
|
+
*/
|
|
60
|
+
showPrevNext?: boolean;
|
|
61
|
+
/**
|
|
62
|
+
* Custom labels for buttons
|
|
63
|
+
*/
|
|
64
|
+
labels?: {
|
|
65
|
+
first?: string;
|
|
66
|
+
previous?: string;
|
|
67
|
+
next?: string;
|
|
68
|
+
last?: string;
|
|
69
|
+
};
|
|
70
|
+
children: React.ReactNode;
|
|
71
|
+
}
|
|
72
|
+
export interface ALSPaginationItemProps extends Omit<React.ComponentPropsWithoutRef<"button">, "type"> {
|
|
73
|
+
/**
|
|
74
|
+
* The page number this item represents (for page buttons)
|
|
75
|
+
*/
|
|
76
|
+
page?: number;
|
|
77
|
+
/**
|
|
78
|
+
* Whether this item is active
|
|
79
|
+
*/
|
|
80
|
+
active?: boolean;
|
|
81
|
+
/**
|
|
82
|
+
* Type of pagination item
|
|
83
|
+
*/
|
|
84
|
+
type?: "page" | "first" | "previous" | "next" | "last" | "ellipsis";
|
|
85
|
+
}
|
|
86
|
+
export interface ALSPaginationInfoProps extends React.ComponentPropsWithoutRef<"div"> {
|
|
87
|
+
/**
|
|
88
|
+
* Custom formatter for the info text
|
|
89
|
+
*/
|
|
90
|
+
formatter?: (page: number, count: number) => string;
|
|
91
|
+
}
|
|
92
|
+
export declare const ALSPaginationRoot: React.ForwardRefExoticComponent<ALSPaginationRootProps & React.RefAttributes<HTMLElement>>;
|
|
93
|
+
export declare const ALSPaginationItem: React.ForwardRefExoticComponent<ALSPaginationItemProps & React.RefAttributes<HTMLButtonElement>>;
|
|
94
|
+
export declare const ALSPaginationFirst: React.ForwardRefExoticComponent<Omit<ALSPaginationItemProps, "type" | "page"> & React.RefAttributes<HTMLButtonElement>>;
|
|
95
|
+
export declare const ALSPaginationPrevious: React.ForwardRefExoticComponent<Omit<ALSPaginationItemProps, "type" | "page"> & React.RefAttributes<HTMLButtonElement>>;
|
|
96
|
+
export declare const ALSPaginationNext: React.ForwardRefExoticComponent<Omit<ALSPaginationItemProps, "type" | "page"> & React.RefAttributes<HTMLButtonElement>>;
|
|
97
|
+
export declare const ALSPaginationLast: React.ForwardRefExoticComponent<Omit<ALSPaginationItemProps, "type" | "page"> & React.RefAttributes<HTMLButtonElement>>;
|
|
98
|
+
export declare const ALSPaginationButton: React.ForwardRefExoticComponent<Required<Pick<ALSPaginationItemProps, "page">> & Omit<ALSPaginationItemProps, "type"> & React.RefAttributes<HTMLButtonElement>>;
|
|
99
|
+
export declare const ALSPaginationEllipsis: React.ForwardRefExoticComponent<Omit<ALSPaginationItemProps, "type" | "page"> & React.RefAttributes<HTMLDivElement>>;
|
|
100
|
+
export declare const ALSPaginationInfo: React.ForwardRefExoticComponent<ALSPaginationInfoProps & React.RefAttributes<HTMLDivElement>>;
|
|
101
|
+
//# sourceMappingURL=ALSPagination.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ALSPagination.d.ts","sourceRoot":"","sources":["../../../src/components/ALSPagination/ALSPagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AACtE,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACnD,MAAM,MAAM,sBAAsB,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEhE,MAAM,WAAW,sBACb,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IAC/D;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC;;;OAGG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B;;;OAGG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB;;;OAGG;IACH,SAAS,CAAC,EAAE,sBAAsB,CAAC;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE;QACL,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,MAAM,WAAW,sBACb,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC9D;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;CACvE;AAED,MAAM,WAAW,sBACb,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC7C;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACvD;AAqCD,eAAO,MAAM,iBAAiB,4FA6E7B,CAAC;AAIF,eAAO,MAAM,iBAAiB,kGA6G7B,CAAC;AAIF,eAAO,MAAM,kBAAkB,yHA8B7B,CAAC;AAIH,eAAO,MAAM,qBAAqB,yHAwBhC,CAAC;AAIH,eAAO,MAAM,iBAAiB,yHAwB5B,CAAC;AAIH,eAAO,MAAM,iBAAiB,yHA8B5B,CAAC;AAIH,eAAO,MAAM,mBAAmB,iKAM9B,CAAC;AAIH,eAAO,MAAM,qBAAqB,sHAoBhC,CAAC;AAIH,eAAO,MAAM,iBAAiB,+FAoB5B,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { ALSPaginationRootProps, ALSPaginationItemProps, ALSPaginationInfoProps, ALSPaginationVariant, ALSPaginationSize, ALSPaginationAlignment } from "./ALSPagination";
|
|
2
|
+
export declare const ALSPagination: {
|
|
3
|
+
Root: import("react").ForwardRefExoticComponent<ALSPaginationRootProps & import("react").RefAttributes<HTMLElement>>;
|
|
4
|
+
Item: import("react").ForwardRefExoticComponent<ALSPaginationItemProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
5
|
+
Button: import("react").ForwardRefExoticComponent<Required<Pick<ALSPaginationItemProps, "page">> & Omit<ALSPaginationItemProps, "type"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
6
|
+
First: import("react").ForwardRefExoticComponent<Omit<ALSPaginationItemProps, "type" | "page"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
7
|
+
Previous: import("react").ForwardRefExoticComponent<Omit<ALSPaginationItemProps, "type" | "page"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
8
|
+
Next: import("react").ForwardRefExoticComponent<Omit<ALSPaginationItemProps, "type" | "page"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
9
|
+
Last: import("react").ForwardRefExoticComponent<Omit<ALSPaginationItemProps, "type" | "page"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
10
|
+
Ellipsis: import("react").ForwardRefExoticComponent<Omit<ALSPaginationItemProps, "type" | "page"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
11
|
+
Info: import("react").ForwardRefExoticComponent<ALSPaginationInfoProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
12
|
+
};
|
|
13
|
+
export type { ALSPaginationRootProps, ALSPaginationItemProps, ALSPaginationInfoProps, ALSPaginationVariant, ALSPaginationSize, ALSPaginationAlignment, };
|
|
14
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ALSPagination/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EACR,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,EACtB,oBAAoB,EACpB,iBAAiB,EACjB,sBAAsB,EACzB,MAAM,iBAAiB,CAAC;AAEzB,eAAO,MAAM,aAAa;;;;;;;;;;CAUzB,CAAC;AAEF,YAAY,EACR,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,EACtB,oBAAoB,EACpB,iBAAiB,EACjB,sBAAsB,GACzB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../src/components/ALSPagination/util.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,wBAAgB,iBAAiB,CAC7B,WAAW,EAAE,MAAM,EACnB,UAAU,EAAE,MAAM,EAClB,YAAY,EAAE,MAAM,EACpB,aAAa,EAAE,MAAM,GACtB,CAAC,MAAM,GAAG,UAAU,CAAC,EAAE,CAoEzB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ALSSelect.d.ts","sourceRoot":"","sources":["../../../src/components/ALSSelect/ALSSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAS/C,KAAK,kBAAkB,CACnB,KAAK,EACL,QAAQ,SAAS,OAAO,GAAG,OAAO,IAClC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AAEvC,iBAAS,aAAa,CAAC,KAAK,EAAE,KAAK,EAAE,kBAAkB,CAAC,KAAK,CAAC,2CAG7D;AAMD,UAAU,qBAAsB,SAAQ,MAAM,CAAC,OAAO,CAAC,KAAK;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;CAC9C;AAED,QAAA,MAAM,gBAAgB,iGAgCpB,CAAC;AAQH,KAAK,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC;AAEhD,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAEnD;AAKD,KAAK,wBAAwB,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC;AAExD,QAAA,MAAM,mBAAmB,8HAYvB,CAAC;AAOH,KAAK,mBAAmB,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC;AAE9C,QAAA,MAAM,cAAc,yHAUnB,CAAC;AAOF,KAAK,kBAAkB,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;AAE5C,QAAA,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"ALSSelect.d.ts","sourceRoot":"","sources":["../../../src/components/ALSSelect/ALSSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAS/C,KAAK,kBAAkB,CACnB,KAAK,EACL,QAAQ,SAAS,OAAO,GAAG,OAAO,IAClC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AAEvC,iBAAS,aAAa,CAAC,KAAK,EAAE,KAAK,EAAE,kBAAkB,CAAC,KAAK,CAAC,2CAG7D;AAMD,UAAU,qBAAsB,SAAQ,MAAM,CAAC,OAAO,CAAC,KAAK;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;CAC9C;AAED,QAAA,MAAM,gBAAgB,iGAgCpB,CAAC;AAQH,KAAK,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC;AAEhD,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAEnD;AAKD,KAAK,wBAAwB,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC;AAExD,QAAA,MAAM,mBAAmB,8HAYvB,CAAC;AAOH,KAAK,mBAAmB,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC;AAE9C,QAAA,MAAM,cAAc,yHAUnB,CAAC;AAOF,KAAK,kBAAkB,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;AAE5C,QAAA,MAAM,aAAa,wHAqBlB,CAAC;AAOF,KAAK,mBAAmB,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC;AAE9C,QAAA,MAAM,cAAc,yHAUnB,CAAC;AAOF,KAAK,mBAAmB,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC;AAEnD,QAAA,MAAM,cAAc,8HAUnB,CAAC;AAOF,KAAK,uBAAuB,GAAG,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC;AAEtD,QAAA,MAAM,kBAAkB,0HAWtB,CAAC;AAIH,OAAO,EACH,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,mBAAmB,EACnB,cAAc,EACd,aAAa,EACb,cAAc,EACd,cAAc,EACd,kBAAkB,GACrB,CAAC;AAEF,YAAY,EACR,kBAAkB,EAClB,qBAAqB,EACrB,oBAAoB,EACpB,wBAAwB,EACxB,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,uBAAuB,GAC1B,CAAC"}
|
|
@@ -0,0 +1,168 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export type ALSTableVariant = "default" | "compact" | "comfortable" | "bordered" | "striped" | "transparent";
|
|
3
|
+
export type ALSTableDensity = "compact" | "normal" | "comfortable";
|
|
4
|
+
export type ColumnAlign = "left" | "center" | "right";
|
|
5
|
+
export type SortDirection = "asc" | "desc" | null;
|
|
6
|
+
export interface ALSTableColumn<T> {
|
|
7
|
+
id: string;
|
|
8
|
+
label: React.ReactNode;
|
|
9
|
+
accessor?: keyof T | ((row: T) => unknown);
|
|
10
|
+
width?: string | number;
|
|
11
|
+
minWidth?: string | number;
|
|
12
|
+
maxWidth?: string | number;
|
|
13
|
+
align?: ColumnAlign;
|
|
14
|
+
sortable?: boolean;
|
|
15
|
+
sticky?: "left" | "right";
|
|
16
|
+
visible?: boolean;
|
|
17
|
+
renderCell?: (value: unknown, row: T, rowIndex: number) => React.ReactNode;
|
|
18
|
+
renderHeader?: () => React.ReactNode;
|
|
19
|
+
renderFooter?: () => React.ReactNode;
|
|
20
|
+
className?: string;
|
|
21
|
+
headerClassName?: string;
|
|
22
|
+
cellClassName?: string;
|
|
23
|
+
}
|
|
24
|
+
export interface ALSTableColumnGroup<T> {
|
|
25
|
+
id: string;
|
|
26
|
+
label: React.ReactNode;
|
|
27
|
+
columns: ALSTableColumn<T>[];
|
|
28
|
+
align?: ColumnAlign;
|
|
29
|
+
className?: string;
|
|
30
|
+
}
|
|
31
|
+
export interface ALSTableSortState {
|
|
32
|
+
columnId: string;
|
|
33
|
+
direction: SortDirection;
|
|
34
|
+
}
|
|
35
|
+
export interface ALSTableSelection {
|
|
36
|
+
type: "single" | "multiple";
|
|
37
|
+
selectedRows: Set<string | number>;
|
|
38
|
+
onSelectionChange?: (selectedRows: Set<string | number>) => void;
|
|
39
|
+
}
|
|
40
|
+
export interface ALSTablePagination {
|
|
41
|
+
page: number;
|
|
42
|
+
pageSize: number;
|
|
43
|
+
totalRows: number;
|
|
44
|
+
onPageChange?: (page: number) => void;
|
|
45
|
+
onPageSizeChange?: (pageSize: number) => void;
|
|
46
|
+
}
|
|
47
|
+
export interface ALSTableRootProps<T> {
|
|
48
|
+
children: React.ReactNode;
|
|
49
|
+
variant?: ALSTableVariant;
|
|
50
|
+
density?: ALSTableDensity;
|
|
51
|
+
columns: ALSTableColumn<T>[];
|
|
52
|
+
columnGroups?: ALSTableColumnGroup<T>[];
|
|
53
|
+
data: T[];
|
|
54
|
+
keyExtractor?: (row: T, index: number) => string | number;
|
|
55
|
+
stickyHeader?: boolean;
|
|
56
|
+
stickyFooter?: boolean;
|
|
57
|
+
hoverable?: boolean;
|
|
58
|
+
striped?: boolean;
|
|
59
|
+
bordered?: boolean;
|
|
60
|
+
fixedLayout?: boolean;
|
|
61
|
+
virtualized?: boolean;
|
|
62
|
+
loading?: boolean;
|
|
63
|
+
error?: string | null;
|
|
64
|
+
emptyMessage?: React.ReactNode;
|
|
65
|
+
loadingMessage?: React.ReactNode;
|
|
66
|
+
maxHeight?: string | number;
|
|
67
|
+
minHeight?: string | number;
|
|
68
|
+
sorting?: {
|
|
69
|
+
sortState: ALSTableSortState[];
|
|
70
|
+
multiSort?: boolean;
|
|
71
|
+
onSortChange?: (sortState: ALSTableSortState[]) => void;
|
|
72
|
+
};
|
|
73
|
+
selection?: ALSTableSelection;
|
|
74
|
+
expandable?: {
|
|
75
|
+
expandedRows: Set<string | number>;
|
|
76
|
+
onExpandChange?: (expandedRows: Set<string | number>) => void;
|
|
77
|
+
renderExpandedContent?: (row: T, rowIndex: number) => React.ReactNode;
|
|
78
|
+
};
|
|
79
|
+
pagination?: ALSTablePagination;
|
|
80
|
+
onRowClick?: (row: T, rowIndex: number) => void;
|
|
81
|
+
onRowDoubleClick?: (row: T, rowIndex: number) => void;
|
|
82
|
+
getRowClassName?: (row: T, rowIndex: number) => string;
|
|
83
|
+
className?: string;
|
|
84
|
+
style?: React.CSSProperties;
|
|
85
|
+
caption?: React.ReactNode;
|
|
86
|
+
footer?: React.ReactNode;
|
|
87
|
+
}
|
|
88
|
+
export interface ALSTableHeaderProps {
|
|
89
|
+
children?: React.ReactNode;
|
|
90
|
+
className?: string;
|
|
91
|
+
style?: React.CSSProperties;
|
|
92
|
+
}
|
|
93
|
+
export interface ALSTableBodyProps {
|
|
94
|
+
children?: React.ReactNode;
|
|
95
|
+
className?: string;
|
|
96
|
+
style?: React.CSSProperties;
|
|
97
|
+
}
|
|
98
|
+
export interface ALSTableFooterProps {
|
|
99
|
+
children?: React.ReactNode;
|
|
100
|
+
className?: string;
|
|
101
|
+
style?: React.CSSProperties;
|
|
102
|
+
}
|
|
103
|
+
export interface ALSTableRowProps {
|
|
104
|
+
children: React.ReactNode;
|
|
105
|
+
selected?: boolean;
|
|
106
|
+
expanded?: boolean;
|
|
107
|
+
hoverable?: boolean;
|
|
108
|
+
rowType?: "primary" | "secondary" | "default";
|
|
109
|
+
onClick?: () => void;
|
|
110
|
+
onDoubleClick?: () => void;
|
|
111
|
+
className?: string;
|
|
112
|
+
style?: React.CSSProperties;
|
|
113
|
+
}
|
|
114
|
+
export interface ALSTableCellProps {
|
|
115
|
+
children?: React.ReactNode;
|
|
116
|
+
align?: ColumnAlign;
|
|
117
|
+
sticky?: "left" | "right";
|
|
118
|
+
width?: string | number;
|
|
119
|
+
minWidth?: string | number;
|
|
120
|
+
maxWidth?: string | number;
|
|
121
|
+
colSpan?: number;
|
|
122
|
+
rowSpan?: number;
|
|
123
|
+
className?: string;
|
|
124
|
+
style?: React.CSSProperties;
|
|
125
|
+
as?: "th" | "td";
|
|
126
|
+
}
|
|
127
|
+
export interface ALSTableHeaderCellProps extends Omit<ALSTableCellProps, "as"> {
|
|
128
|
+
sortable?: boolean;
|
|
129
|
+
sortDirection?: SortDirection;
|
|
130
|
+
onSort?: () => void;
|
|
131
|
+
}
|
|
132
|
+
export interface ALSTableExpandTriggerProps {
|
|
133
|
+
expanded: boolean;
|
|
134
|
+
onToggle: () => void;
|
|
135
|
+
className?: string;
|
|
136
|
+
}
|
|
137
|
+
export interface ALSTableCheckboxProps {
|
|
138
|
+
checked: boolean;
|
|
139
|
+
indeterminate?: boolean;
|
|
140
|
+
onChange: (checked: boolean) => void;
|
|
141
|
+
"aria-label": string;
|
|
142
|
+
className?: string;
|
|
143
|
+
}
|
|
144
|
+
export interface ALSTableEmptyProps {
|
|
145
|
+
children?: React.ReactNode;
|
|
146
|
+
className?: string;
|
|
147
|
+
}
|
|
148
|
+
export interface ALSTableLoadingProps {
|
|
149
|
+
children?: React.ReactNode;
|
|
150
|
+
className?: string;
|
|
151
|
+
}
|
|
152
|
+
export interface ALSTableErrorProps {
|
|
153
|
+
children?: React.ReactNode;
|
|
154
|
+
className?: string;
|
|
155
|
+
}
|
|
156
|
+
export declare const ALSTableRoot: <T>({ children, variant, density, columns, columnGroups, data, keyExtractor, stickyHeader, stickyFooter, hoverable, striped, bordered, fixedLayout, virtualized, loading, error, emptyMessage, loadingMessage, maxHeight, minHeight, sorting, selection, expandable, onRowClick, onRowDoubleClick, getRowClassName, className, style, caption, footer, }: ALSTableRootProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
157
|
+
export declare const ALSTableHeader: React.ForwardRefExoticComponent<ALSTableHeaderProps & React.RefAttributes<HTMLTableSectionElement>>;
|
|
158
|
+
export declare const ALSTableBody: React.ForwardRefExoticComponent<ALSTableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
|
|
159
|
+
export declare const ALSTableFooter: React.ForwardRefExoticComponent<ALSTableFooterProps & React.RefAttributes<HTMLTableSectionElement>>;
|
|
160
|
+
export declare const ALSTableRow: React.ForwardRefExoticComponent<ALSTableRowProps & React.RefAttributes<HTMLTableRowElement>>;
|
|
161
|
+
export declare const ALSTableCell: React.ForwardRefExoticComponent<ALSTableCellProps & React.RefAttributes<HTMLTableCellElement>>;
|
|
162
|
+
export declare const ALSTableHeaderCell: React.ForwardRefExoticComponent<ALSTableHeaderCellProps & React.RefAttributes<HTMLTableCellElement>>;
|
|
163
|
+
export declare const ALSTableExpandTrigger: React.ForwardRefExoticComponent<ALSTableExpandTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
164
|
+
export declare const ALSTableCheckbox: React.ForwardRefExoticComponent<ALSTableCheckboxProps & React.RefAttributes<HTMLInputElement>>;
|
|
165
|
+
export declare const ALSTableEmpty: React.ForwardRefExoticComponent<ALSTableEmptyProps & React.RefAttributes<HTMLDivElement>>;
|
|
166
|
+
export declare const ALSTableLoading: React.ForwardRefExoticComponent<ALSTableLoadingProps & React.RefAttributes<HTMLDivElement>>;
|
|
167
|
+
export declare const ALSTableError: React.ForwardRefExoticComponent<ALSTableErrorProps & React.RefAttributes<HTMLDivElement>>;
|
|
168
|
+
//# sourceMappingURL=ALSTable.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ALSTable.d.ts","sourceRoot":"","sources":["../../../src/components/ALSTable/ALSTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { ALSTableRootProps, ALSTableHeaderProps, ALSTableBodyProps, ALSTableFooterProps, ALSTableRowProps, ALSTableCellProps, ALSTableHeaderCellProps, ALSTableExpandTriggerProps, ALSTableCheckboxProps, ALSTableEmptyProps, ALSTableLoadingProps, ALSTableErrorProps, ALSTableColumn, ALSTableColumnGroup, ALSTableSortState, ALSTableSelection, ALSTablePagination, ALSTableVariant, ALSTableDensity, ColumnAlign, SortDirection } from "./ALSTable";
|
|
2
|
+
export declare const ALSTable: {
|
|
3
|
+
Root: <T>({ children, variant, density, columns, columnGroups, data, keyExtractor, stickyHeader, stickyFooter, hoverable, striped, bordered, fixedLayout, virtualized, loading, error, emptyMessage, loadingMessage, maxHeight, minHeight, sorting, selection, expandable, onRowClick, onRowDoubleClick, getRowClassName, className, style, caption, footer, }: ALSTableRootProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
Header: import("react").ForwardRefExoticComponent<ALSTableHeaderProps & import("react").RefAttributes<HTMLTableSectionElement>>;
|
|
5
|
+
Body: import("react").ForwardRefExoticComponent<ALSTableBodyProps & import("react").RefAttributes<HTMLTableSectionElement>>;
|
|
6
|
+
Footer: import("react").ForwardRefExoticComponent<ALSTableFooterProps & import("react").RefAttributes<HTMLTableSectionElement>>;
|
|
7
|
+
Row: import("react").ForwardRefExoticComponent<ALSTableRowProps & import("react").RefAttributes<HTMLTableRowElement>>;
|
|
8
|
+
Cell: import("react").ForwardRefExoticComponent<ALSTableCellProps & import("react").RefAttributes<HTMLTableCellElement>>;
|
|
9
|
+
HeaderCell: import("react").ForwardRefExoticComponent<ALSTableHeaderCellProps & import("react").RefAttributes<HTMLTableCellElement>>;
|
|
10
|
+
ExpandTrigger: import("react").ForwardRefExoticComponent<ALSTableExpandTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
11
|
+
Checkbox: import("react").ForwardRefExoticComponent<ALSTableCheckboxProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
12
|
+
Empty: import("react").ForwardRefExoticComponent<ALSTableEmptyProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
13
|
+
Loading: import("react").ForwardRefExoticComponent<ALSTableLoadingProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
14
|
+
Error: import("react").ForwardRefExoticComponent<ALSTableErrorProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
15
|
+
};
|
|
16
|
+
export type { ALSTableRootProps, ALSTableHeaderProps, ALSTableBodyProps, ALSTableFooterProps, ALSTableRowProps, ALSTableCellProps, ALSTableHeaderCellProps, ALSTableExpandTriggerProps, ALSTableCheckboxProps, ALSTableEmptyProps, ALSTableLoadingProps, ALSTableErrorProps, ALSTableColumn, ALSTableColumnGroup, ALSTableSortState, ALSTableSelection, ALSTablePagination, ALSTableVariant, ALSTableDensity, ColumnAlign, SortDirection, };
|
|
17
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ALSTable/index.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EACR,iBAAiB,EACjB,mBAAmB,EACnB,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,uBAAuB,EACvB,0BAA0B,EAC1B,qBAAqB,EACrB,kBAAkB,EAClB,oBAAoB,EACpB,kBAAkB,EAClB,cAAc,EACd,mBAAmB,EACnB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,WAAW,EACX,aAAa,EAChB,MAAM,YAAY,CAAC;AAEpB,eAAO,MAAM,QAAQ;;;;;;;;;;;;;CAapB,CAAC;AAEF,YAAY,EACR,iBAAiB,EACjB,mBAAmB,EACnB,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,uBAAuB,EACvB,0BAA0B,EAC1B,qBAAqB,EACrB,kBAAkB,EAClB,oBAAoB,EACpB,kBAAkB,EAClB,cAAc,EACd,mBAAmB,EACnB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,WAAW,EACX,aAAa,GAChB,CAAC"}
|
|
@@ -1,9 +1,65 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
import React from "react";
|
|
2
|
+
type TabsOrientation = "horizontal" | "vertical";
|
|
3
|
+
type TabsSize = "sm" | "md" | "lg";
|
|
4
|
+
interface ALSTabsRootProps {
|
|
5
|
+
/** The value of the currently active Tab (controlled) */
|
|
6
|
+
value?: number | string;
|
|
7
|
+
/** Default value (uncontrolled) */
|
|
8
|
+
defaultValue?: number | string;
|
|
9
|
+
/** Callback when tab value changes */
|
|
10
|
+
onValueChange?: (value: number | string) => void;
|
|
11
|
+
/** Component orientation (layout flow direction) */
|
|
12
|
+
orientation?: TabsOrientation;
|
|
13
|
+
/** Size variant */
|
|
14
|
+
size?: TabsSize;
|
|
15
|
+
/** Additional class name */
|
|
16
|
+
className?: string;
|
|
17
|
+
/** Children */
|
|
18
|
+
children: React.ReactNode;
|
|
19
|
+
/** List layout variant */
|
|
20
|
+
listLayout?: "default" | "full";
|
|
21
|
+
}
|
|
22
|
+
declare const ALSTabsRoot: React.ForwardRefExoticComponent<ALSTabsRootProps & React.RefAttributes<HTMLDivElement>>;
|
|
23
|
+
interface ALSTabsListProps {
|
|
24
|
+
/** Whether to automatically change active tab on arrow key focus */
|
|
25
|
+
activateOnFocus?: boolean;
|
|
26
|
+
/** Whether to loop keyboard focus back to first item */
|
|
27
|
+
loopFocus?: boolean;
|
|
28
|
+
/** Additional class name */
|
|
29
|
+
className?: string;
|
|
30
|
+
/** Children */
|
|
31
|
+
children: React.ReactNode;
|
|
32
|
+
}
|
|
33
|
+
declare const ALSTabsList: React.ForwardRefExoticComponent<ALSTabsListProps & React.RefAttributes<HTMLDivElement>>;
|
|
34
|
+
interface ALSTabsTabProps {
|
|
35
|
+
/** The value of the Tab */
|
|
36
|
+
value?: number | string;
|
|
37
|
+
/** Whether the tab is disabled */
|
|
38
|
+
disabled?: boolean;
|
|
39
|
+
/** Additional class name */
|
|
40
|
+
className?: string;
|
|
41
|
+
/** Children */
|
|
42
|
+
children: React.ReactNode;
|
|
43
|
+
}
|
|
44
|
+
declare const ALSTabsTab: React.ForwardRefExoticComponent<ALSTabsTabProps & React.RefAttributes<HTMLButtonElement>>;
|
|
45
|
+
interface ALSTabsIndicatorProps {
|
|
46
|
+
/** Additional class name */
|
|
47
|
+
className?: string;
|
|
48
|
+
/** Whether to render before hydration */
|
|
49
|
+
renderBeforeHydration?: boolean;
|
|
50
|
+
}
|
|
51
|
+
declare const ALSTabsIndicator: React.ForwardRefExoticComponent<ALSTabsIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
|
|
52
|
+
interface ALSTabsPanelProps {
|
|
53
|
+
/** The value of the TabPanel */
|
|
54
|
+
value?: number | string;
|
|
55
|
+
/** Whether to keep the HTML element in DOM while hidden */
|
|
56
|
+
keepMounted?: boolean;
|
|
57
|
+
/** Additional class name */
|
|
58
|
+
className?: string;
|
|
59
|
+
/** Children */
|
|
60
|
+
children: React.ReactNode;
|
|
61
|
+
}
|
|
62
|
+
declare const ALSTabsPanel: React.ForwardRefExoticComponent<ALSTabsPanelProps & React.RefAttributes<HTMLDivElement>>;
|
|
63
|
+
export { ALSTabsRoot, ALSTabsList, ALSTabsTab, ALSTabsIndicator, ALSTabsPanel };
|
|
64
|
+
export type { ALSTabsRootProps, ALSTabsListProps, ALSTabsTabProps, ALSTabsIndicatorProps, ALSTabsPanelProps, TabsOrientation, TabsSize, };
|
|
9
65
|
//# sourceMappingURL=ALSTabs.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ALSTabs.d.ts","sourceRoot":"","sources":["../../../src/components/ALSTabs/ALSTabs.
|
|
1
|
+
{"version":3,"file":"ALSTabs.d.ts","sourceRoot":"","sources":["../../../src/components/ALSTabs/ALSTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAQrE,KAAK,eAAe,GAAG,YAAY,GAAG,UAAU,CAAC;AACjD,KAAK,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAsBnC,UAAU,gBAAgB;IACtB,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,sCAAsC;IACtC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IACjD,oDAAoD;IACpD,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,mBAAmB;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0BAA0B;IAC1B,UAAU,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;CACnC;AAED,QAAA,MAAM,WAAW,yFAqChB,CAAC;AAQF,UAAU,gBAAgB;IACtB,oEAAoE;IACpE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,QAAA,MAAM,WAAW,yFAyBhB,CAAC;AAQF,UAAU,eAAe;IACrB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,QAAA,MAAM,UAAU,2FAwBf,CAAC;AAQF,UAAU,qBAAqB;IAC3B,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACnC;AAED,QAAA,MAAM,gBAAgB,+FAcrB,CAAC;AAQF,UAAU,iBAAiB;IACvB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,QAAA,MAAM,YAAY,0FAiBjB,CAAC;AAQF,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,gBAAgB,EAAE,YAAY,EAAE,CAAC;AAMhF,YAAY,EACR,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,iBAAiB,EACjB,eAAe,EACf,QAAQ,GACX,CAAC"}
|
|
@@ -1,3 +1,9 @@
|
|
|
1
|
-
export
|
|
1
|
+
export declare const ALSTabs: {
|
|
2
|
+
Root: import("react").ForwardRefExoticComponent<import("./ALSTabs").ALSTabsRootProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
3
|
+
List: import("react").ForwardRefExoticComponent<import("./ALSTabs").ALSTabsListProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
|
+
Tab: import("react").ForwardRefExoticComponent<import("./ALSTabs").ALSTabsTabProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
5
|
+
Indicator: import("react").ForwardRefExoticComponent<import("./ALSTabs").ALSTabsIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
6
|
+
Panel: import("react").ForwardRefExoticComponent<import("./ALSTabs").ALSTabsPanelProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
7
|
+
};
|
|
2
8
|
export type { ALSTabsRootProps, ALSTabsListProps, ALSTabsTabProps, ALSTabsIndicatorProps, ALSTabsPanelProps, TabsOrientation, TabsSize, } from "./ALSTabs";
|
|
3
9
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ALSTabs/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ALSTabs/index.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC;AAGF,YAAY,EACR,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,iBAAiB,EACjB,eAAe,EACf,QAAQ,GACX,MAAM,WAAW,CAAC"}
|