@duyluonganduin/acl-web-components 0.0.12 → 0.0.13
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 +29 -0
- package/dist/acl-web-components.js +46 -42
- package/dist/{anduin-toast-BajvdhLP.cjs → anduin-toast-B-9dgTkL.cjs} +243 -121
- package/dist/{anduin-toast-vCKeF87l.js → anduin-toast-ovQqFluZ.js} +1251 -1056
- package/dist/jsx.d.ts +19 -0
- package/dist/react.cjs +1 -1
- package/dist/react.d.ts +37 -0
- package/dist/react.js +87 -73
- 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-B-9dgTkL.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}),i=t.createComponent({react:n,tagName:"anduin-button",elementClass:e.AnduinButton}),C=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}),g=t.createComponent({react:n,tagName:"anduin-field",elementClass:e.AnduinField}),A=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}}),G=t.createComponent({react:n,tagName:"anduin-textarea",elementClass:e.AnduinTextarea,events:{onChange:e.TEXTAREA_CHANGE}}),b=t.createComponent({react:n,tagName:"anduin-popover",elementClass:e.AnduinPopover}),v=t.createComponent({react:n,tagName:"anduin-popover-close",elementClass:e.AnduinPopoverClose}),O=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}}),H=t.createComponent({react:n,tagName:"anduin-modal-close",elementClass:e.AnduinModalClose}),S=t.createComponent({react:n,tagName:"anduin-tabs",elementClass:e.AnduinTabs,events:{onChange:e.TAB_CHANGE}}),P=t.createComponent({react:n,tagName:"anduin-tabs-list",elementClass:e.AnduinTabsList}),D=t.createComponent({react:n,tagName:"anduin-tab-trigger",elementClass:e.AnduinTabTrigger}),F=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}),x=t.createComponent({react:n,tagName:"anduin-well-close",elementClass:e.AnduinWellClose,events:{onClick:e.WELL_CLOSE_CLICK}}),f=t.createComponent({react:n,tagName:"anduin-avatar",elementClass:e.AnduinAvatar}),X=t.createComponent({react:n,tagName:"anduin-file-icon",elementClass:e.AnduinFileIcon}),q=t.createComponent({react:n,tagName:"anduin-toast",elementClass:e.AnduinToast}),V=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_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=f;exports.Badge=s;exports.BadgeCount=l;exports.Button=i;exports.Callout=C;exports.Checkbox=L;exports.Divider=r;exports.Dot=c;exports.Field=g;exports.FieldDescription=p;exports.FieldError=N;exports.FieldGroup=T;exports.FieldLabel=A;exports.FileIcon=X;exports.Icon=o;exports.Input=I;exports.LoadingState=u;exports.Menu=O;exports.MenuItem=M;exports.Modal=R;exports.ModalClose=H;exports.Popover=b;exports.PopoverClose=v;exports.Progress=d;exports.Radio=E;exports.RadioGroup=_;exports.Skeleton=m;exports.Spinner=a;exports.TabContent=F;exports.TabTrigger=D;exports.Tabs=S;exports.TabsList=P;exports.Tag=B;exports.TagClose=K;exports.Textarea=G;exports.Toast=q;exports.Toaster=V;exports.Tooltip=U;exports.TooltipContent=h;exports.TooltipTrigger=k;exports.Well=W;exports.WellClose=x;
|
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;
|
|
@@ -514,6 +539,18 @@ export declare const PopoverClose: ReactWebComponent<AnduinPopoverClose, {}>;
|
|
|
514
539
|
|
|
515
540
|
export declare const Progress: ReactWebComponent<AnduinProgress, {}>;
|
|
516
541
|
|
|
542
|
+
export declare const Radio: ReactWebComponent<AnduinRadio, {
|
|
543
|
+
onChange: string;
|
|
544
|
+
}>;
|
|
545
|
+
|
|
546
|
+
export declare const RADIO_CHANGE = "anduin-radio:change";
|
|
547
|
+
|
|
548
|
+
export declare const RADIO_GROUP_CHANGE = "anduin-radio-group:change";
|
|
549
|
+
|
|
550
|
+
export declare const RadioGroup: ReactWebComponent<AnduinRadioGroup, {
|
|
551
|
+
onChange: string;
|
|
552
|
+
}>;
|
|
553
|
+
|
|
517
554
|
export declare const Skeleton: ReactWebComponent<AnduinSkeleton, {}>;
|
|
518
555
|
|
|
519
556
|
export declare const Spinner: ReactWebComponent<AnduinSpinner, {}>;
|
package/dist/react.js
CHANGED
|
@@ -1,95 +1,109 @@
|
|
|
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, Z as T, x as v, _ as b, y as E, R as I, e as L, W as _, V as F, o as G, a3 as M, I as R, u as f, v as h, q as k, X as D, r as P, ae as B, s as O, t as S, $ as x, E as H, F as W, D as K, C as U, G as w, a2 as X, H as V, L as j, N as q, M as y, O as z, aa as J, P as Z, A as $, m as Q, J as Y, K as ee } from "./anduin-toast-ovQqFluZ.js";
|
|
4
|
+
const se = a({ react: e, tagName: "anduin-spinner", elementClass: n }), oe = a({ react: e, tagName: "anduin-icon", elementClass: t }), le = a({ react: e, tagName: "anduin-badge", elementClass: s }), ie = a({ react: e, tagName: "anduin-badge-count", elementClass: o }), de = a({ react: e, tagName: "anduin-button", elementClass: l }), ce = a({ react: e, tagName: "anduin-callout", elementClass: i }), re = a({ react: e, tagName: "anduin-divider", elementClass: d }), ue = a({ react: e, tagName: "anduin-dot", elementClass: c }), me = a({ react: e, tagName: "anduin-progress", elementClass: r }), Ce = a({ react: e, tagName: "anduin-skeleton", elementClass: u }), ge = a({ react: e, tagName: "anduin-loading-state", elementClass: m }), Ae = a({ react: e, tagName: "anduin-field", elementClass: C }), Ne = a({ react: e, tagName: "anduin-field-label", elementClass: g }), pe = a({ react: e, tagName: "anduin-field-description", elementClass: A }), Te = a({ react: e, tagName: "anduin-field-error", elementClass: N }), ve = a({ react: e, tagName: "anduin-field-group", elementClass: p }), be = a({
|
|
5
|
+
react: e,
|
|
6
|
+
tagName: "anduin-radio",
|
|
7
|
+
elementClass: v,
|
|
8
|
+
events: { onChange: T }
|
|
9
|
+
}), Ee = a({
|
|
10
|
+
react: e,
|
|
11
|
+
tagName: "anduin-radio-group",
|
|
12
|
+
elementClass: E,
|
|
13
|
+
events: { onChange: b }
|
|
14
|
+
}), Ie = a({
|
|
5
15
|
react: e,
|
|
6
16
|
tagName: "anduin-checkbox",
|
|
7
|
-
elementClass:
|
|
8
|
-
events: { onChange:
|
|
9
|
-
}),
|
|
17
|
+
elementClass: L,
|
|
18
|
+
events: { onChange: I }
|
|
19
|
+
}), Le = a({
|
|
10
20
|
react: e,
|
|
11
21
|
tagName: "anduin-input",
|
|
12
|
-
elementClass:
|
|
13
|
-
events: { onChange:
|
|
14
|
-
}),
|
|
22
|
+
elementClass: G,
|
|
23
|
+
events: { onChange: F, onClear: _ }
|
|
24
|
+
}), _e = a({
|
|
15
25
|
react: e,
|
|
16
26
|
tagName: "anduin-textarea",
|
|
17
|
-
elementClass:
|
|
18
|
-
events: { onChange:
|
|
19
|
-
}),
|
|
27
|
+
elementClass: R,
|
|
28
|
+
events: { onChange: M }
|
|
29
|
+
}), Fe = a({ react: e, tagName: "anduin-popover", elementClass: f }), Ge = a({ react: e, tagName: "anduin-popover-close", elementClass: h }), Me = a({ react: e, tagName: "anduin-menu", elementClass: k }), Re = a({
|
|
20
30
|
react: e,
|
|
21
31
|
tagName: "anduin-menu-item",
|
|
22
|
-
elementClass:
|
|
23
|
-
events: { onClick:
|
|
24
|
-
}),
|
|
32
|
+
elementClass: P,
|
|
33
|
+
events: { onClick: D }
|
|
34
|
+
}), fe = a({
|
|
25
35
|
react: e,
|
|
26
36
|
tagName: "anduin-modal",
|
|
27
|
-
elementClass:
|
|
28
|
-
events: { onClose:
|
|
29
|
-
}),
|
|
37
|
+
elementClass: O,
|
|
38
|
+
events: { onClose: B }
|
|
39
|
+
}), he = a({ react: e, tagName: "anduin-modal-close", elementClass: S }), ke = a({
|
|
30
40
|
react: e,
|
|
31
41
|
tagName: "anduin-tabs",
|
|
32
|
-
elementClass:
|
|
42
|
+
elementClass: H,
|
|
33
43
|
events: { onChange: x }
|
|
34
|
-
}),
|
|
44
|
+
}), De = a({ react: e, tagName: "anduin-tabs-list", elementClass: W }), Pe = a({ react: e, tagName: "anduin-tab-trigger", elementClass: K }), Be = a({ react: e, tagName: "anduin-tab-content", elementClass: U }), Oe = a({ react: e, tagName: "anduin-tag", elementClass: w }), Se = a({
|
|
35
45
|
react: e,
|
|
36
46
|
tagName: "anduin-tag-close",
|
|
37
|
-
elementClass:
|
|
38
|
-
events: { onClick:
|
|
39
|
-
}),
|
|
47
|
+
elementClass: V,
|
|
48
|
+
events: { onClick: X }
|
|
49
|
+
}), xe = a({ react: e, tagName: "anduin-tooltip", elementClass: j }), He = a({ react: e, tagName: "anduin-tooltip-trigger", elementClass: q }), We = a({ react: e, tagName: "anduin-tooltip-content", elementClass: y }), Ke = a({ react: e, tagName: "anduin-well", elementClass: z }), Ue = a({
|
|
40
50
|
react: e,
|
|
41
51
|
tagName: "anduin-well-close",
|
|
42
|
-
elementClass:
|
|
43
|
-
events: { onClick:
|
|
44
|
-
}),
|
|
52
|
+
elementClass: Z,
|
|
53
|
+
events: { onClick: J }
|
|
54
|
+
}), we = a({ react: e, tagName: "anduin-avatar", elementClass: $ }), Xe = a({ react: e, tagName: "anduin-file-icon", elementClass: Q }), Ve = a({ react: e, tagName: "anduin-toast", elementClass: Y }), je = a({ react: e, tagName: "anduin-toaster", elementClass: ee });
|
|
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
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
56
|
+
we as Avatar,
|
|
57
|
+
le as Badge,
|
|
58
|
+
ie as BadgeCount,
|
|
59
|
+
de as Button,
|
|
60
|
+
I as CHECKBOX_CHANGE,
|
|
61
|
+
ce as Callout,
|
|
62
|
+
Ie as Checkbox,
|
|
63
|
+
re as Divider,
|
|
64
|
+
ue as Dot,
|
|
65
|
+
Ae as Field,
|
|
66
|
+
pe as FieldDescription,
|
|
67
|
+
Te as FieldError,
|
|
68
|
+
ve as FieldGroup,
|
|
69
|
+
Ne as FieldLabel,
|
|
70
|
+
Xe as FileIcon,
|
|
71
|
+
F as INPUT_CHANGE,
|
|
72
|
+
_ as INPUT_CLEAR,
|
|
73
|
+
oe as Icon,
|
|
74
|
+
Le as Input,
|
|
75
|
+
ge as LoadingState,
|
|
76
|
+
D as MENU_ITEM_CLICK,
|
|
77
|
+
B as MODAL_CLOSE_EVENT,
|
|
78
|
+
Me as Menu,
|
|
79
|
+
Re as MenuItem,
|
|
80
|
+
fe as Modal,
|
|
81
|
+
he as ModalClose,
|
|
82
|
+
Fe as Popover,
|
|
83
|
+
Ge as PopoverClose,
|
|
84
|
+
me as Progress,
|
|
85
|
+
T as RADIO_CHANGE,
|
|
86
|
+
b as RADIO_GROUP_CHANGE,
|
|
87
|
+
be as Radio,
|
|
88
|
+
Ee as RadioGroup,
|
|
89
|
+
Ce as Skeleton,
|
|
90
|
+
se as Spinner,
|
|
77
91
|
x as TAB_CHANGE,
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
92
|
+
X as TAG_CLOSE_CLICK,
|
|
93
|
+
M as TEXTAREA_CHANGE,
|
|
94
|
+
Be as TabContent,
|
|
95
|
+
Pe as TabTrigger,
|
|
96
|
+
ke as Tabs,
|
|
97
|
+
De as TabsList,
|
|
98
|
+
Oe as Tag,
|
|
99
|
+
Se as TagClose,
|
|
100
|
+
_e as Textarea,
|
|
101
|
+
Ve as Toast,
|
|
102
|
+
je as Toaster,
|
|
103
|
+
xe as Tooltip,
|
|
104
|
+
We as TooltipContent,
|
|
105
|
+
He as TooltipTrigger,
|
|
106
|
+
J as WELL_CLOSE_CLICK,
|
|
107
|
+
Ke as Well,
|
|
108
|
+
Ue as WellClose
|
|
95
109
|
};
|