@duyluonganduin/acl-web-components 0.0.12 → 0.0.14
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/acl-web-components.cjs +1 -1
- package/dist/acl-web-components.d.ts +45 -0
- package/dist/acl-web-components.js +56 -50
- package/dist/{anduin-toast-vCKeF87l.js → anduin-toast-CYPV6opl.js} +1239 -1043
- package/dist/{anduin-toast-BajvdhLP.cjs → anduin-toast-DlRl3yIP.cjs} +243 -121
- package/dist/jsx.d.ts +19 -0
- package/dist/react.cjs +1 -1
- package/dist/react.d.ts +50 -3
- package/dist/react.js +89 -74
- package/package.json +1 -1
package/dist/jsx.d.ts
CHANGED
|
@@ -142,6 +142,25 @@ declare module 'react' {
|
|
|
142
142
|
// ── anduin-field-group ────────────────────────────────────────────────
|
|
143
143
|
'anduin-field-group': Base
|
|
144
144
|
|
|
145
|
+
// ── anduin-radio ──────────────────────────────────────────────────────
|
|
146
|
+
'anduin-radio': Base & {
|
|
147
|
+
checked?: boolean | string
|
|
148
|
+
disabled?: boolean | string
|
|
149
|
+
readonly?: boolean | string
|
|
150
|
+
value?: string
|
|
151
|
+
name?: string
|
|
152
|
+
inputid?: string
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
// ── anduin-radio-group ────────────────────────────────────────────────
|
|
156
|
+
'anduin-radio-group': Base & {
|
|
157
|
+
/** Currently selected value */
|
|
158
|
+
value?: string
|
|
159
|
+
name?: string
|
|
160
|
+
/** 'vertical' | 'horizontal' (default: 'vertical') */
|
|
161
|
+
orientation?: 'vertical' | 'horizontal'
|
|
162
|
+
}
|
|
163
|
+
|
|
145
164
|
// ── anduin-checkbox ───────────────────────────────────────────────────
|
|
146
165
|
'anduin-checkbox': Base & {
|
|
147
166
|
checked?: boolean | string
|
package/dist/react.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),t=require("@lit/react"),e=require("./anduin-toast-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),t=require("@lit/react"),e=require("./anduin-toast-DlRl3yIP.cjs"),a=t.createComponent({react:n,tagName:"anduin-spinner",elementClass:e.AnduinSpinner}),o=t.createComponent({react:n,tagName:"anduin-icon",elementClass:e.AnduinIcon}),s=t.createComponent({react:n,tagName:"anduin-badge",elementClass:e.AnduinBadge}),l=t.createComponent({react:n,tagName:"anduin-badge-count",elementClass:e.AnduinBadgeCount}),C=t.createComponent({react:n,tagName:"anduin-button",elementClass:e.AnduinButton}),i=t.createComponent({react:n,tagName:"anduin-callout",elementClass:e.AnduinCallout}),r=t.createComponent({react:n,tagName:"anduin-divider",elementClass:e.AnduinDivider}),c=t.createComponent({react:n,tagName:"anduin-dot",elementClass:e.AnduinDot}),d=t.createComponent({react:n,tagName:"anduin-progress",elementClass:e.AnduinProgress}),m=t.createComponent({react:n,tagName:"anduin-skeleton",elementClass:e.AnduinSkeleton}),u=t.createComponent({react:n,tagName:"anduin-loading-state",elementClass:e.AnduinLoadingState}),A=t.createComponent({react:n,tagName:"anduin-field",elementClass:e.AnduinField}),g=t.createComponent({react:n,tagName:"anduin-field-label",elementClass:e.AnduinFieldLabel}),p=t.createComponent({react:n,tagName:"anduin-field-description",elementClass:e.AnduinFieldDescription}),N=t.createComponent({react:n,tagName:"anduin-field-error",elementClass:e.AnduinFieldError}),T=t.createComponent({react:n,tagName:"anduin-field-group",elementClass:e.AnduinFieldGroup}),E=t.createComponent({react:n,tagName:"anduin-radio",elementClass:e.AnduinRadio,events:{onChange:e.RADIO_CHANGE}}),_=t.createComponent({react:n,tagName:"anduin-radio-group",elementClass:e.AnduinRadioGroup,events:{onChange:e.RADIO_GROUP_CHANGE}}),L=t.createComponent({react:n,tagName:"anduin-checkbox",elementClass:e.AnduinCheckbox,events:{onChange:e.CHECKBOX_CHANGE}}),I=t.createComponent({react:n,tagName:"anduin-input",elementClass:e.AnduinInput,events:{onChange:e.INPUT_CHANGE,onClear:e.INPUT_CLEAR}}),O=t.createComponent({react:n,tagName:"anduin-textarea",elementClass:e.AnduinTextarea,events:{onChange:e.TEXTAREA_CHANGE}}),G=t.createComponent({react:n,tagName:"anduin-popover",elementClass:e.AnduinPopover}),b=t.createComponent({react:n,tagName:"anduin-popover-close",elementClass:e.AnduinPopoverClose}),v=t.createComponent({react:n,tagName:"anduin-menu",elementClass:e.AnduinMenu}),M=t.createComponent({react:n,tagName:"anduin-menu-item",elementClass:e.AnduinMenuItem,events:{onClick:e.MENU_ITEM_CLICK}}),R=t.createComponent({react:n,tagName:"anduin-modal",elementClass:e.AnduinModal,events:{onClose:e.MODAL_CLOSE_EVENT,onAfterClose:e.MODAL_AFTER_CLOSE_EVENT}}),S=t.createComponent({react:n,tagName:"anduin-modal-close",elementClass:e.AnduinModalClose}),D=t.createComponent({react:n,tagName:"anduin-tabs",elementClass:e.AnduinTabs,events:{onChange:e.TAB_CHANGE}}),F=t.createComponent({react:n,tagName:"anduin-tabs-list",elementClass:e.AnduinTabsList}),H=t.createComponent({react:n,tagName:"anduin-tab-trigger",elementClass:e.AnduinTabTrigger}),P=t.createComponent({react:n,tagName:"anduin-tab-content",elementClass:e.AnduinTabContent}),B=t.createComponent({react:n,tagName:"anduin-tag",elementClass:e.AnduinTag}),K=t.createComponent({react:n,tagName:"anduin-tag-close",elementClass:e.AnduinTagClose,events:{onClick:e.TAG_CLOSE_CLICK}}),U=t.createComponent({react:n,tagName:"anduin-tooltip",elementClass:e.AnduinTooltip}),k=t.createComponent({react:n,tagName:"anduin-tooltip-trigger",elementClass:e.AnduinTooltipTrigger}),h=t.createComponent({react:n,tagName:"anduin-tooltip-content",elementClass:e.AnduinTooltipContent}),W=t.createComponent({react:n,tagName:"anduin-well",elementClass:e.AnduinWell}),f=t.createComponent({react:n,tagName:"anduin-well-close",elementClass:e.AnduinWellClose,events:{onClick:e.WELL_CLOSE_CLICK}}),x=t.createComponent({react:n,tagName:"anduin-avatar",elementClass:e.AnduinAvatar}),V=t.createComponent({react:n,tagName:"anduin-file-icon",elementClass:e.AnduinFileIcon}),X=t.createComponent({react:n,tagName:"anduin-toast",elementClass:e.AnduinToast}),q=t.createComponent({react:n,tagName:"anduin-toaster",elementClass:e.AnduinToaster});exports.CHECKBOX_CHANGE=e.CHECKBOX_CHANGE;exports.INPUT_CHANGE=e.INPUT_CHANGE;exports.INPUT_CLEAR=e.INPUT_CLEAR;exports.MENU_ITEM_CLICK=e.MENU_ITEM_CLICK;exports.MODAL_AFTER_CLOSE_EVENT=e.MODAL_AFTER_CLOSE_EVENT;exports.MODAL_CLOSE_EVENT=e.MODAL_CLOSE_EVENT;exports.RADIO_CHANGE=e.RADIO_CHANGE;exports.RADIO_GROUP_CHANGE=e.RADIO_GROUP_CHANGE;exports.TAB_CHANGE=e.TAB_CHANGE;exports.TAG_CLOSE_CLICK=e.TAG_CLOSE_CLICK;exports.TEXTAREA_CHANGE=e.TEXTAREA_CHANGE;exports.WELL_CLOSE_CLICK=e.WELL_CLOSE_CLICK;exports.Avatar=x;exports.Badge=s;exports.BadgeCount=l;exports.Button=C;exports.Callout=i;exports.Checkbox=L;exports.Divider=r;exports.Dot=c;exports.Field=A;exports.FieldDescription=p;exports.FieldError=N;exports.FieldGroup=T;exports.FieldLabel=g;exports.FileIcon=V;exports.Icon=o;exports.Input=I;exports.LoadingState=u;exports.Menu=v;exports.MenuItem=M;exports.Modal=R;exports.ModalClose=S;exports.Popover=G;exports.PopoverClose=b;exports.Progress=d;exports.Radio=E;exports.RadioGroup=_;exports.Skeleton=m;exports.Spinner=a;exports.TabContent=P;exports.TabTrigger=H;exports.Tabs=D;exports.TabsList=F;exports.Tag=B;exports.TagClose=K;exports.Textarea=O;exports.Toast=X;exports.Toaster=q;exports.Tooltip=U;exports.TooltipContent=h;exports.TooltipTrigger=k;exports.Well=W;exports.WellClose=f;
|
package/dist/react.d.ts
CHANGED
|
@@ -250,6 +250,31 @@ declare class AnduinProgress extends LitElement {
|
|
|
250
250
|
render(): TemplateResult<1>;
|
|
251
251
|
}
|
|
252
252
|
|
|
253
|
+
declare class AnduinRadio extends LitElement {
|
|
254
|
+
static styles: CSSResult;
|
|
255
|
+
checked: boolean;
|
|
256
|
+
disabled: boolean;
|
|
257
|
+
readonly: boolean;
|
|
258
|
+
value: string;
|
|
259
|
+
name: string;
|
|
260
|
+
inputid: string;
|
|
261
|
+
connectedCallback(): void;
|
|
262
|
+
private _select;
|
|
263
|
+
private _onInputChange;
|
|
264
|
+
render(): TemplateResult<1>;
|
|
265
|
+
}
|
|
266
|
+
|
|
267
|
+
declare class AnduinRadioGroup extends LitElement {
|
|
268
|
+
static styles: CSSResult;
|
|
269
|
+
value: string;
|
|
270
|
+
name: string;
|
|
271
|
+
orientation: 'vertical' | 'horizontal';
|
|
272
|
+
connectedCallback(): void;
|
|
273
|
+
disconnectedCallback(): void;
|
|
274
|
+
private _onRadioChange;
|
|
275
|
+
render(): TemplateResult<1>;
|
|
276
|
+
}
|
|
277
|
+
|
|
253
278
|
declare class AnduinSkeleton extends LitElement {
|
|
254
279
|
static styles: CSSResult;
|
|
255
280
|
effect: string;
|
|
@@ -497,12 +522,22 @@ onClick: string;
|
|
|
497
522
|
|
|
498
523
|
export declare const Modal: ReactWebComponent<AnduinModal, {
|
|
499
524
|
onClose: string;
|
|
525
|
+
onAfterClose: string;
|
|
500
526
|
}>;
|
|
501
527
|
|
|
502
|
-
/** Event fired
|
|
503
|
-
*
|
|
528
|
+
/** Event fired after the exit animation finishes and the modal is fully hidden.
|
|
529
|
+
* Use this to safely unmount / clear data when using conditional rendering.
|
|
504
530
|
* @example
|
|
505
|
-
*
|
|
531
|
+
* // Separate open state from data state so the modal stays mounted during exit animation:
|
|
532
|
+
* const [open, setOpen] = useState(false)
|
|
533
|
+
* const [data, setData] = useState(null)
|
|
534
|
+
*
|
|
535
|
+
* <Modal open={open} onClose={() => setOpen(false)} onAfterClose={() => setData(null)} />
|
|
536
|
+
*/
|
|
537
|
+
export declare const MODAL_AFTER_CLOSE_EVENT = "anduin-after-close";
|
|
538
|
+
|
|
539
|
+
/** Event fired when the modal requests to close (user clicked X, overlay, or anduin-modal-close).
|
|
540
|
+
* Respond by setting open=false. The exit animation then plays automatically.
|
|
506
541
|
*/
|
|
507
542
|
export declare const MODAL_CLOSE_EVENT = "anduin-close";
|
|
508
543
|
|
|
@@ -514,6 +549,18 @@ export declare const PopoverClose: ReactWebComponent<AnduinPopoverClose, {}>;
|
|
|
514
549
|
|
|
515
550
|
export declare const Progress: ReactWebComponent<AnduinProgress, {}>;
|
|
516
551
|
|
|
552
|
+
export declare const Radio: ReactWebComponent<AnduinRadio, {
|
|
553
|
+
onChange: string;
|
|
554
|
+
}>;
|
|
555
|
+
|
|
556
|
+
export declare const RADIO_CHANGE = "anduin-radio:change";
|
|
557
|
+
|
|
558
|
+
export declare const RADIO_GROUP_CHANGE = "anduin-radio-group:change";
|
|
559
|
+
|
|
560
|
+
export declare const RadioGroup: ReactWebComponent<AnduinRadioGroup, {
|
|
561
|
+
onChange: string;
|
|
562
|
+
}>;
|
|
563
|
+
|
|
517
564
|
export declare const Skeleton: ReactWebComponent<AnduinSkeleton, {}>;
|
|
518
565
|
|
|
519
566
|
export declare const Spinner: ReactWebComponent<AnduinSpinner, {}>;
|
package/dist/react.js
CHANGED
|
@@ -1,95 +1,110 @@
|
|
|
1
1
|
import e from "react";
|
|
2
2
|
import { createComponent as a } from "@lit/react";
|
|
3
|
-
import {
|
|
4
|
-
const
|
|
3
|
+
import { B as n, n as t, a as s, b as o, c as l, d as i, f as d, g as c, w as r, z as u, p as m, h as C, l as g, i as A, j as N, k as p, $ as T, x as E, a0 as v, y as b, R as L, e as _, W as I, V as F, o as G, a5 as M, I as R, u as f, v as D, q as O, X as h, r as k, Y as P, Z as S, s as B, t as x, a1 as H, E as W, F as K, D as U, C as w, G as V, a4 as X, H as j, L as q, N as y, M as z, O as J, ac as Y, P as Z, A as $, m as Q, J as ee, K as ae } from "./anduin-toast-CYPV6opl.js";
|
|
4
|
+
const oe = a({ react: e, tagName: "anduin-spinner", elementClass: n }), le = a({ react: e, tagName: "anduin-icon", elementClass: t }), ie = a({ react: e, tagName: "anduin-badge", elementClass: s }), de = a({ react: e, tagName: "anduin-badge-count", elementClass: o }), ce = a({ react: e, tagName: "anduin-button", elementClass: l }), re = a({ react: e, tagName: "anduin-callout", elementClass: i }), ue = a({ react: e, tagName: "anduin-divider", elementClass: d }), me = a({ react: e, tagName: "anduin-dot", elementClass: c }), Ce = a({ react: e, tagName: "anduin-progress", elementClass: r }), ge = a({ react: e, tagName: "anduin-skeleton", elementClass: u }), Ae = a({ react: e, tagName: "anduin-loading-state", elementClass: m }), Ne = a({ react: e, tagName: "anduin-field", elementClass: C }), pe = a({ react: e, tagName: "anduin-field-label", elementClass: g }), Te = a({ react: e, tagName: "anduin-field-description", elementClass: A }), Ee = a({ react: e, tagName: "anduin-field-error", elementClass: N }), ve = a({ react: e, tagName: "anduin-field-group", elementClass: p }), be = a({
|
|
5
5
|
react: e,
|
|
6
|
-
tagName: "anduin-
|
|
6
|
+
tagName: "anduin-radio",
|
|
7
|
+
elementClass: E,
|
|
8
|
+
events: { onChange: T }
|
|
9
|
+
}), Le = a({
|
|
10
|
+
react: e,
|
|
11
|
+
tagName: "anduin-radio-group",
|
|
7
12
|
elementClass: b,
|
|
8
|
-
events: { onChange:
|
|
9
|
-
}),
|
|
13
|
+
events: { onChange: v }
|
|
14
|
+
}), _e = a({
|
|
15
|
+
react: e,
|
|
16
|
+
tagName: "anduin-checkbox",
|
|
17
|
+
elementClass: _,
|
|
18
|
+
events: { onChange: L }
|
|
19
|
+
}), Ie = a({
|
|
10
20
|
react: e,
|
|
11
21
|
tagName: "anduin-input",
|
|
12
|
-
elementClass:
|
|
13
|
-
events: { onChange:
|
|
14
|
-
}),
|
|
22
|
+
elementClass: G,
|
|
23
|
+
events: { onChange: F, onClear: I }
|
|
24
|
+
}), Fe = a({
|
|
15
25
|
react: e,
|
|
16
26
|
tagName: "anduin-textarea",
|
|
17
|
-
elementClass:
|
|
18
|
-
events: { onChange:
|
|
19
|
-
}),
|
|
27
|
+
elementClass: R,
|
|
28
|
+
events: { onChange: M }
|
|
29
|
+
}), Ge = a({ react: e, tagName: "anduin-popover", elementClass: f }), Me = a({ react: e, tagName: "anduin-popover-close", elementClass: D }), Re = a({ react: e, tagName: "anduin-menu", elementClass: O }), fe = a({
|
|
20
30
|
react: e,
|
|
21
31
|
tagName: "anduin-menu-item",
|
|
22
|
-
elementClass:
|
|
23
|
-
events: { onClick:
|
|
24
|
-
}),
|
|
32
|
+
elementClass: k,
|
|
33
|
+
events: { onClick: h }
|
|
34
|
+
}), De = a({
|
|
25
35
|
react: e,
|
|
26
36
|
tagName: "anduin-modal",
|
|
27
|
-
elementClass:
|
|
28
|
-
events: { onClose: P }
|
|
29
|
-
}),
|
|
37
|
+
elementClass: B,
|
|
38
|
+
events: { onClose: S, onAfterClose: P }
|
|
39
|
+
}), Oe = a({ react: e, tagName: "anduin-modal-close", elementClass: x }), he = a({
|
|
30
40
|
react: e,
|
|
31
41
|
tagName: "anduin-tabs",
|
|
32
|
-
elementClass:
|
|
33
|
-
events: { onChange:
|
|
34
|
-
}),
|
|
42
|
+
elementClass: W,
|
|
43
|
+
events: { onChange: H }
|
|
44
|
+
}), ke = a({ react: e, tagName: "anduin-tabs-list", elementClass: K }), Pe = a({ react: e, tagName: "anduin-tab-trigger", elementClass: U }), Se = a({ react: e, tagName: "anduin-tab-content", elementClass: w }), Be = a({ react: e, tagName: "anduin-tag", elementClass: V }), xe = a({
|
|
35
45
|
react: e,
|
|
36
46
|
tagName: "anduin-tag-close",
|
|
37
|
-
elementClass:
|
|
38
|
-
events: { onClick:
|
|
39
|
-
}),
|
|
47
|
+
elementClass: j,
|
|
48
|
+
events: { onClick: X }
|
|
49
|
+
}), He = a({ react: e, tagName: "anduin-tooltip", elementClass: q }), We = a({ react: e, tagName: "anduin-tooltip-trigger", elementClass: y }), Ke = a({ react: e, tagName: "anduin-tooltip-content", elementClass: z }), Ue = a({ react: e, tagName: "anduin-well", elementClass: J }), we = a({
|
|
40
50
|
react: e,
|
|
41
51
|
tagName: "anduin-well-close",
|
|
42
|
-
elementClass:
|
|
43
|
-
events: { onClick:
|
|
44
|
-
}),
|
|
52
|
+
elementClass: Z,
|
|
53
|
+
events: { onClick: Y }
|
|
54
|
+
}), Ve = a({ react: e, tagName: "anduin-avatar", elementClass: $ }), Xe = a({ react: e, tagName: "anduin-file-icon", elementClass: Q }), je = a({ react: e, tagName: "anduin-toast", elementClass: ee }), qe = a({ react: e, tagName: "anduin-toaster", elementClass: ae });
|
|
45
55
|
export {
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
P as
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
56
|
+
Ve as Avatar,
|
|
57
|
+
ie as Badge,
|
|
58
|
+
de as BadgeCount,
|
|
59
|
+
ce as Button,
|
|
60
|
+
L as CHECKBOX_CHANGE,
|
|
61
|
+
re as Callout,
|
|
62
|
+
_e as Checkbox,
|
|
63
|
+
ue as Divider,
|
|
64
|
+
me as Dot,
|
|
65
|
+
Ne as Field,
|
|
66
|
+
Te as FieldDescription,
|
|
67
|
+
Ee as FieldError,
|
|
68
|
+
ve as FieldGroup,
|
|
69
|
+
pe as FieldLabel,
|
|
70
|
+
Xe as FileIcon,
|
|
71
|
+
F as INPUT_CHANGE,
|
|
72
|
+
I as INPUT_CLEAR,
|
|
73
|
+
le as Icon,
|
|
74
|
+
Ie as Input,
|
|
75
|
+
Ae as LoadingState,
|
|
76
|
+
h as MENU_ITEM_CLICK,
|
|
77
|
+
P as MODAL_AFTER_CLOSE_EVENT,
|
|
78
|
+
S as MODAL_CLOSE_EVENT,
|
|
79
|
+
Re as Menu,
|
|
80
|
+
fe as MenuItem,
|
|
81
|
+
De as Modal,
|
|
82
|
+
Oe as ModalClose,
|
|
83
|
+
Ge as Popover,
|
|
84
|
+
Me as PopoverClose,
|
|
85
|
+
Ce as Progress,
|
|
86
|
+
T as RADIO_CHANGE,
|
|
87
|
+
v as RADIO_GROUP_CHANGE,
|
|
88
|
+
be as Radio,
|
|
89
|
+
Le as RadioGroup,
|
|
90
|
+
ge as Skeleton,
|
|
91
|
+
oe as Spinner,
|
|
92
|
+
H as TAB_CHANGE,
|
|
93
|
+
X as TAG_CLOSE_CLICK,
|
|
94
|
+
M as TEXTAREA_CHANGE,
|
|
95
|
+
Se as TabContent,
|
|
96
|
+
Pe as TabTrigger,
|
|
97
|
+
he as Tabs,
|
|
98
|
+
ke as TabsList,
|
|
84
99
|
Be as Tag,
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
100
|
+
xe as TagClose,
|
|
101
|
+
Fe as Textarea,
|
|
102
|
+
je as Toast,
|
|
103
|
+
qe as Toaster,
|
|
104
|
+
He as Tooltip,
|
|
105
|
+
Ke as TooltipContent,
|
|
106
|
+
We as TooltipTrigger,
|
|
107
|
+
Y as WELL_CLOSE_CLICK,
|
|
108
|
+
Ue as Well,
|
|
109
|
+
we as WellClose
|
|
95
110
|
};
|