@doist/reactist 29.1.1 → 30.0.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/CHANGELOG.md +18 -0
- package/dist/reactist.cjs.development.js +6749 -1832
- package/dist/reactist.cjs.development.js.map +1 -1
- package/dist/reactist.cjs.production.min.js +1 -1
- package/dist/reactist.cjs.production.min.js.map +1 -1
- package/es/avatar/avatar.js +106 -36
- package/es/avatar/avatar.js.map +1 -1
- package/es/avatar/utils.js +17 -19
- package/es/avatar/utils.js.map +1 -1
- package/es/badge/badge.js +50 -6
- package/es/badge/badge.js.map +1 -1
- package/es/banner/banner.js +384 -41
- package/es/banner/banner.js.map +1 -1
- package/es/base-field/base-field.js +367 -77
- package/es/base-field/base-field.js.map +1 -1
- package/es/box/box.js +139 -61
- package/es/box/box.js.map +1 -1
- package/es/button/button.js +346 -36
- package/es/button/button.js.map +1 -1
- package/es/checkbox-field/checkbox-field.js +71 -48
- package/es/checkbox-field/checkbox-field.js.map +1 -1
- package/es/checkbox-field/checkbox-icon.js +88 -28
- package/es/checkbox-field/checkbox-icon.js.map +1 -1
- package/es/checkbox-field/use-fork-ref.js +15 -20
- package/es/checkbox-field/use-fork-ref.js.map +1 -1
- package/es/columns/columns.js +46 -23
- package/es/columns/columns.js.map +1 -1
- package/es/components/color-picker/color-picker.js +190 -46
- package/es/components/color-picker/color-picker.js.map +1 -1
- package/es/components/deprecated-button/deprecated-button.js +102 -9
- package/es/components/deprecated-button/deprecated-button.js.map +1 -1
- package/es/components/deprecated-button/index.js +5 -2
- package/es/components/deprecated-button/index.js.map +1 -1
- package/es/components/deprecated-dropdown/dropdown.js +234 -134
- package/es/components/deprecated-dropdown/dropdown.js.map +1 -1
- package/es/components/deprecated-dropdown/index.js +4 -1
- package/es/components/deprecated-dropdown/index.js.map +1 -1
- package/es/components/deprecated-input/index.js +5 -2
- package/es/components/deprecated-input/index.js.map +1 -1
- package/es/components/deprecated-input/input.js +27 -4
- package/es/components/deprecated-input/input.js.map +1 -1
- package/es/components/deprecated-select/select.js +110 -7
- package/es/components/deprecated-select/select.js.map +1 -1
- package/es/components/key-capturer/key-capturer.js +190 -137
- package/es/components/key-capturer/key-capturer.js.map +1 -1
- package/es/components/keyboard-shortcut/keyboard-shortcut.js +65 -45
- package/es/components/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
- package/es/components/progress-bar/progress-bar.js +61 -9
- package/es/components/progress-bar/progress-bar.js.map +1 -1
- package/es/components/time/index.js +5 -2
- package/es/components/time/index.js.map +1 -1
- package/es/components/time/time-utils.js +59 -53
- package/es/components/time/time-utils.js.map +1 -1
- package/es/components/time/time.js +94 -91
- package/es/components/time/time.js.map +1 -1
- package/es/divider/divider.js +44 -5
- package/es/divider/divider.js.map +1 -1
- package/es/heading/heading.js +122 -20
- package/es/heading/heading.js.map +1 -1
- package/es/hidden/hidden.js +36 -30
- package/es/hidden/hidden.js.map +1 -1
- package/es/hidden-visually/hidden-visually.js +9 -4
- package/es/hidden-visually/hidden-visually.js.map +1 -1
- package/es/icons/alert-icon.js +145 -18
- package/es/icons/alert-icon.js.map +1 -1
- package/es/icons/banner-icon.js +213 -25
- package/es/icons/banner-icon.js.map +1 -1
- package/es/icons/close-icon.js +26 -3
- package/es/icons/close-icon.js.map +1 -1
- package/es/icons/password-hidden-icon.js +40 -6
- package/es/icons/password-hidden-icon.js.map +1 -1
- package/es/icons/password-visible-icon.js +33 -5
- package/es/icons/password-visible-icon.js.map +1 -1
- package/es/index.js +9 -9
- package/es/inline/inline.js +24 -9
- package/es/inline/inline.js.map +1 -1
- package/es/loading/loading.js +63 -17
- package/es/loading/loading.js.map +1 -1
- package/es/menu/menu.js +469 -92
- package/es/menu/menu.js.map +1 -1
- package/es/modal/modal.js +675 -112
- package/es/modal/modal.js.map +1 -1
- package/es/notice/notice.js +77 -10
- package/es/notice/notice.js.map +1 -1
- package/es/password-field/password-field.js +89 -11
- package/es/password-field/password-field.js.map +1 -1
- package/es/prose/prose.js +48 -9
- package/es/prose/prose.js.map +1 -1
- package/es/select-field/select-field.js +150 -19
- package/es/select-field/select-field.js.map +1 -1
- package/es/spinner/spinner.js +39 -6
- package/es/spinner/spinner.js.map +1 -1
- package/es/stack/stack.js +29 -17
- package/es/stack/stack.js.map +1 -1
- package/es/switch-field/switch-field.js +225 -42
- package/es/switch-field/switch-field.js.map +1 -1
- package/es/tabs/tabs.js +207 -109
- package/es/tabs/tabs.js.map +1 -1
- package/es/text/text.js +27 -17
- package/es/text/text.js.map +1 -1
- package/es/text-area/text-area.js +264 -54
- package/es/text-area/text-area.js.map +1 -1
- package/es/text-field/text-field.js +204 -31
- package/es/text-field/text-field.js.map +1 -1
- package/es/text-link/text-link.js +21 -10
- package/es/text-link/text-link.js.map +1 -1
- package/es/toast/static-toast.js +143 -25
- package/es/toast/static-toast.js.map +1 -1
- package/es/toast/toast-animation.js +159 -109
- package/es/toast/toast-animation.js.map +1 -1
- package/es/toast/use-toasts.js +309 -84
- package/es/toast/use-toasts.js.map +1 -1
- package/es/tooltip/tooltip.js +88 -32
- package/es/tooltip/tooltip.js.map +1 -1
- package/es/utils/common-helpers.js +12 -11
- package/es/utils/common-helpers.js.map +1 -1
- package/es/utils/polymorphism.js +84 -1
- package/es/utils/polymorphism.js.map +1 -1
- package/es/utils/responsive-props.js +43 -32
- package/es/utils/responsive-props.js.map +1 -1
- package/lib/avatar/avatar.js +109 -35
- package/lib/avatar/avatar.js.map +1 -1
- package/lib/avatar/utils.js +17 -19
- package/lib/avatar/utils.js.map +1 -1
- package/lib/badge/badge.js +53 -5
- package/lib/badge/badge.js.map +1 -1
- package/lib/banner/banner.js +385 -38
- package/lib/banner/banner.js.map +1 -1
- package/lib/base-field/base-field.js +366 -73
- package/lib/base-field/base-field.js.map +1 -1
- package/lib/box/box.js +141 -61
- package/lib/box/box.js.map +1 -1
- package/lib/button/button.js +347 -35
- package/lib/button/button.js.map +1 -1
- package/lib/checkbox-field/checkbox-field.js +73 -46
- package/lib/checkbox-field/checkbox-field.js.map +1 -1
- package/lib/checkbox-field/checkbox-icon.js +92 -28
- package/lib/checkbox-field/checkbox-icon.js.map +1 -1
- package/lib/checkbox-field/use-fork-ref.js +15 -20
- package/lib/checkbox-field/use-fork-ref.js.map +1 -1
- package/lib/columns/columns.js +49 -22
- package/lib/columns/columns.js.map +1 -1
- package/lib/components/color-picker/color-picker.js +189 -45
- package/lib/components/color-picker/color-picker.js.map +1 -1
- package/lib/components/deprecated-button/deprecated-button.js +104 -9
- package/lib/components/deprecated-button/deprecated-button.js.map +1 -1
- package/lib/components/deprecated-dropdown/dropdown.js +235 -133
- package/lib/components/deprecated-dropdown/dropdown.js.map +1 -1
- package/lib/components/deprecated-input/input.js +28 -4
- package/lib/components/deprecated-input/input.js.map +1 -1
- package/lib/components/deprecated-select/select.js +112 -7
- package/lib/components/deprecated-select/select.js.map +1 -1
- package/lib/components/key-capturer/key-capturer.js +188 -135
- package/lib/components/key-capturer/key-capturer.js.map +1 -1
- package/lib/components/keyboard-shortcut/keyboard-shortcut.js +67 -45
- package/lib/components/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
- package/lib/components/progress-bar/progress-bar.js +60 -8
- package/lib/components/progress-bar/progress-bar.js.map +1 -1
- package/lib/components/time/time-utils.js +59 -53
- package/lib/components/time/time-utils.js.map +1 -1
- package/lib/components/time/time.js +93 -90
- package/lib/components/time/time.js.map +1 -1
- package/lib/divider/divider.js +47 -4
- package/lib/divider/divider.js.map +1 -1
- package/lib/heading/heading.js +125 -19
- package/lib/heading/heading.js.map +1 -1
- package/lib/hidden/hidden.js +39 -29
- package/lib/hidden/hidden.js.map +1 -1
- package/lib/hidden-visually/hidden-visually.js +11 -3
- package/lib/hidden-visually/hidden-visually.js.map +1 -1
- package/lib/icons/alert-icon.js +149 -18
- package/lib/icons/alert-icon.js.map +1 -1
- package/lib/icons/banner-icon.js +217 -25
- package/lib/icons/banner-icon.js.map +1 -1
- package/lib/icons/close-icon.js +29 -3
- package/lib/icons/close-icon.js.map +1 -1
- package/lib/icons/password-hidden-icon.js +43 -6
- package/lib/icons/password-hidden-icon.js.map +1 -1
- package/lib/icons/password-visible-icon.js +36 -5
- package/lib/icons/password-visible-icon.js.map +1 -1
- package/lib/inline/inline.js +27 -8
- package/lib/inline/inline.js.map +1 -1
- package/lib/loading/loading.js +67 -17
- package/lib/loading/loading.js.map +1 -1
- package/lib/menu/menu.js +471 -91
- package/lib/menu/menu.js.map +1 -1
- package/lib/modal/modal.js +671 -106
- package/lib/modal/modal.js.map +1 -1
- package/lib/notice/notice.js +75 -8
- package/lib/notice/notice.js.map +1 -1
- package/lib/password-field/password-field.js +92 -10
- package/lib/password-field/password-field.js.map +1 -1
- package/lib/prose/prose.js +51 -8
- package/lib/prose/prose.js.map +1 -1
- package/lib/select-field/select-field.js +152 -17
- package/lib/select-field/select-field.js.map +1 -1
- package/lib/spinner/spinner.js +39 -6
- package/lib/spinner/spinner.js.map +1 -1
- package/lib/stack/stack.js +29 -15
- package/lib/stack/stack.js.map +1 -1
- package/lib/switch-field/switch-field.js +225 -38
- package/lib/switch-field/switch-field.js.map +1 -1
- package/lib/tabs/tabs.js +207 -107
- package/lib/tabs/tabs.js.map +1 -1
- package/lib/text/text.js +30 -16
- package/lib/text/text.js.map +1 -1
- package/lib/text-area/text-area.js +264 -52
- package/lib/text-area/text-area.js.map +1 -1
- package/lib/text-field/text-field.js +207 -30
- package/lib/text-field/text-field.js.map +1 -1
- package/lib/text-link/text-link.js +24 -9
- package/lib/text-link/text-link.js.map +1 -1
- package/lib/toast/static-toast.js +142 -22
- package/lib/toast/static-toast.js.map +1 -1
- package/lib/toast/toast-animation.js +158 -108
- package/lib/toast/toast-animation.js.map +1 -1
- package/lib/toast/use-toasts.js +310 -82
- package/lib/toast/use-toasts.js.map +1 -1
- package/lib/tooltip/tooltip.js +87 -31
- package/lib/tooltip/tooltip.js.map +1 -1
- package/lib/utils/common-helpers.js +12 -11
- package/lib/utils/common-helpers.js.map +1 -1
- package/lib/utils/polymorphism.js +84 -1
- package/lib/utils/polymorphism.js.map +1 -1
- package/lib/utils/responsive-props.js +43 -32
- package/lib/utils/responsive-props.js.map +1 -1
- package/package.json +12 -3
package/lib/button/button.js
CHANGED
|
@@ -2,7 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _extends = require('@babel/runtime/helpers/extends');
|
|
6
|
+
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
7
|
+
var reactCompilerRuntime = require('react-compiler-runtime');
|
|
6
8
|
var React = require('react');
|
|
7
9
|
var react = require('@ariakit/react');
|
|
8
10
|
var classNames = require('classnames');
|
|
@@ -31,55 +33,365 @@ function _interopNamespace(e) {
|
|
|
31
33
|
return Object.freeze(n);
|
|
32
34
|
}
|
|
33
35
|
|
|
36
|
+
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
37
|
+
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
34
38
|
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
35
39
|
var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
|
|
36
40
|
|
|
41
|
+
const _excluded = ["variant", "tone", "size", "shape", "type", "disabled", "loading", "tooltip", "render", "onClick", "exceptionallySetClassName", "children", "startIcon", "endIcon", "width", "align"],
|
|
42
|
+
_excluded2 = ["variant", "tone", "size", "shape", "type", "disabled", "loading", "tooltip", "render", "onClick", "exceptionallySetClassName", "children", "icon"];
|
|
37
43
|
function preventDefault(event) {
|
|
38
|
-
|
|
44
|
+
event.preventDefault();
|
|
39
45
|
}
|
|
40
46
|
/**
|
|
41
47
|
* A button element that displays a text label and optionally a start or end icon. It follows the
|
|
42
48
|
* [WAI-ARIA Button Pattern](https://www.w3.org/TR/wai-aria-practices/#button).
|
|
43
49
|
*/
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
50
|
+
const Button = /*#__PURE__*/React__namespace.forwardRef(function Button(t0, ref) {
|
|
51
|
+
const $ = reactCompilerRuntime.c(54);
|
|
52
|
+
let children;
|
|
53
|
+
let endIcon;
|
|
54
|
+
let exceptionallySetClassName;
|
|
55
|
+
let onClick;
|
|
56
|
+
let props;
|
|
57
|
+
let render;
|
|
58
|
+
let startIcon;
|
|
59
|
+
let t1;
|
|
60
|
+
let t2;
|
|
61
|
+
let t3;
|
|
62
|
+
let t4;
|
|
63
|
+
let t5;
|
|
64
|
+
let t6;
|
|
65
|
+
let t7;
|
|
66
|
+
let t8;
|
|
67
|
+
let tooltip$1;
|
|
68
|
+
let variant;
|
|
69
|
+
if ($[0] !== t0) {
|
|
70
|
+
var _t = t0;
|
|
71
|
+
({
|
|
72
|
+
variant,
|
|
73
|
+
tone: t1,
|
|
74
|
+
size: t2,
|
|
75
|
+
shape: t3,
|
|
76
|
+
type: t4,
|
|
77
|
+
disabled: t5,
|
|
78
|
+
loading: t6,
|
|
79
|
+
tooltip: tooltip$1,
|
|
80
|
+
render,
|
|
81
|
+
onClick,
|
|
82
|
+
exceptionallySetClassName,
|
|
83
|
+
children,
|
|
84
|
+
startIcon,
|
|
85
|
+
endIcon,
|
|
86
|
+
width: t7,
|
|
87
|
+
align: t8
|
|
88
|
+
} = _t);
|
|
89
|
+
props = _objectWithoutProperties__default["default"](_t, _excluded);
|
|
90
|
+
$[0] = t0;
|
|
91
|
+
$[1] = children;
|
|
92
|
+
$[2] = endIcon;
|
|
93
|
+
$[3] = exceptionallySetClassName;
|
|
94
|
+
$[4] = onClick;
|
|
95
|
+
$[5] = props;
|
|
96
|
+
$[6] = render;
|
|
97
|
+
$[7] = startIcon;
|
|
98
|
+
$[8] = t1;
|
|
99
|
+
$[9] = t2;
|
|
100
|
+
$[10] = t3;
|
|
101
|
+
$[11] = t4;
|
|
102
|
+
$[12] = t5;
|
|
103
|
+
$[13] = t6;
|
|
104
|
+
$[14] = t7;
|
|
105
|
+
$[15] = t8;
|
|
106
|
+
$[16] = tooltip$1;
|
|
107
|
+
$[17] = variant;
|
|
108
|
+
} else {
|
|
109
|
+
children = $[1];
|
|
110
|
+
endIcon = $[2];
|
|
111
|
+
exceptionallySetClassName = $[3];
|
|
112
|
+
onClick = $[4];
|
|
113
|
+
props = $[5];
|
|
114
|
+
render = $[6];
|
|
115
|
+
startIcon = $[7];
|
|
116
|
+
t1 = $[8];
|
|
117
|
+
t2 = $[9];
|
|
118
|
+
t3 = $[10];
|
|
119
|
+
t4 = $[11];
|
|
120
|
+
t5 = $[12];
|
|
121
|
+
t6 = $[13];
|
|
122
|
+
t7 = $[14];
|
|
123
|
+
t8 = $[15];
|
|
124
|
+
tooltip$1 = $[16];
|
|
125
|
+
variant = $[17];
|
|
126
|
+
}
|
|
127
|
+
const tone = t1 === undefined ? "normal" : t1;
|
|
128
|
+
const size = t2 === undefined ? "normal" : t2;
|
|
129
|
+
const shape = t3 === undefined ? "normal" : t3;
|
|
130
|
+
const type = t4 === undefined ? "button" : t4;
|
|
131
|
+
const disabled = t5 === undefined ? false : t5;
|
|
132
|
+
const loading = t6 === undefined ? false : t6;
|
|
133
|
+
const width = t7 === undefined ? "auto" : t7;
|
|
134
|
+
const align = t8 === undefined ? "center" : t8;
|
|
135
|
+
const isDisabled = loading || disabled;
|
|
136
|
+
const t9 = render != null ? undefined : type;
|
|
137
|
+
const t10 = isDisabled ? preventDefault : onClick;
|
|
138
|
+
let t11;
|
|
139
|
+
if ($[18] !== disabled || $[19] !== exceptionallySetClassName || $[20] !== shape || $[21] !== size || $[22] !== tone || $[23] !== variant || $[24] !== width) {
|
|
140
|
+
t11 = classNames__default["default"]([box.getBoxClassNames({
|
|
141
|
+
width
|
|
142
|
+
}), exceptionallySetClassName, button_module["default"].baseButton, button_module["default"][`variant-${variant}`], button_module["default"][`tone-${tone}`], button_module["default"][`size-${size}`], shape === "rounded" ? button_module["default"]["shape-rounded"] : null, disabled ? button_module["default"].disabled : null]);
|
|
143
|
+
$[18] = disabled;
|
|
144
|
+
$[19] = exceptionallySetClassName;
|
|
145
|
+
$[20] = shape;
|
|
146
|
+
$[21] = size;
|
|
147
|
+
$[22] = tone;
|
|
148
|
+
$[23] = variant;
|
|
149
|
+
$[24] = width;
|
|
150
|
+
$[25] = t11;
|
|
151
|
+
} else {
|
|
152
|
+
t11 = $[25];
|
|
153
|
+
}
|
|
154
|
+
let t12;
|
|
155
|
+
if ($[26] !== endIcon || $[27] !== loading || $[28] !== startIcon) {
|
|
156
|
+
t12 = startIcon ? /*#__PURE__*/React__namespace.createElement(box.Box, {
|
|
157
|
+
display: "flex",
|
|
158
|
+
className: button_module["default"].startIcon,
|
|
159
|
+
"aria-hidden": true
|
|
160
|
+
}, loading && !endIcon ? /*#__PURE__*/React__namespace.createElement(spinner.Spinner, null) : startIcon) : null;
|
|
161
|
+
$[26] = endIcon;
|
|
162
|
+
$[27] = loading;
|
|
163
|
+
$[28] = startIcon;
|
|
164
|
+
$[29] = t12;
|
|
165
|
+
} else {
|
|
166
|
+
t12 = $[29];
|
|
167
|
+
}
|
|
168
|
+
let t13;
|
|
169
|
+
if ($[30] !== align || $[31] !== children || $[32] !== width) {
|
|
170
|
+
t13 = children ? /*#__PURE__*/React__namespace.createElement(box.Box, {
|
|
171
|
+
as: "span",
|
|
172
|
+
className: button_module["default"].label,
|
|
173
|
+
overflow: "hidden",
|
|
174
|
+
width: width === "full" ? "full" : undefined,
|
|
175
|
+
textAlign: width === "auto" ? "center" : align
|
|
176
|
+
}, children) : null;
|
|
177
|
+
$[30] = align;
|
|
178
|
+
$[31] = children;
|
|
179
|
+
$[32] = width;
|
|
180
|
+
$[33] = t13;
|
|
181
|
+
} else {
|
|
182
|
+
t13 = $[33];
|
|
183
|
+
}
|
|
184
|
+
let t14;
|
|
185
|
+
if ($[34] !== endIcon || $[35] !== loading || $[36] !== startIcon) {
|
|
186
|
+
t14 = endIcon || loading && !startIcon ? /*#__PURE__*/React__namespace.createElement(box.Box, {
|
|
187
|
+
display: "flex",
|
|
188
|
+
className: button_module["default"].endIcon,
|
|
189
|
+
"aria-hidden": true
|
|
190
|
+
}, loading ? /*#__PURE__*/React__namespace.createElement(spinner.Spinner, null) : endIcon) : null;
|
|
191
|
+
$[34] = endIcon;
|
|
192
|
+
$[35] = loading;
|
|
193
|
+
$[36] = startIcon;
|
|
194
|
+
$[37] = t14;
|
|
195
|
+
} else {
|
|
196
|
+
t14 = $[37];
|
|
197
|
+
}
|
|
198
|
+
let t15;
|
|
199
|
+
if ($[38] !== t12 || $[39] !== t13 || $[40] !== t14) {
|
|
200
|
+
t15 = /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, t12, t13, t14);
|
|
201
|
+
$[38] = t12;
|
|
202
|
+
$[39] = t13;
|
|
203
|
+
$[40] = t14;
|
|
204
|
+
$[41] = t15;
|
|
205
|
+
} else {
|
|
206
|
+
t15 = $[41];
|
|
207
|
+
}
|
|
208
|
+
let t16;
|
|
209
|
+
if ($[42] !== isDisabled || $[43] !== props || $[44] !== ref || $[45] !== render || $[46] !== t10 || $[47] !== t11 || $[48] !== t15 || $[49] !== t9) {
|
|
210
|
+
t16 = /*#__PURE__*/React__namespace.createElement(react.Role.button, _extends__default["default"]({}, props, {
|
|
211
|
+
render: render,
|
|
212
|
+
type: t9,
|
|
213
|
+
ref: ref,
|
|
214
|
+
"aria-disabled": isDisabled,
|
|
215
|
+
onClick: t10,
|
|
216
|
+
className: t11
|
|
217
|
+
}), t15);
|
|
218
|
+
$[42] = isDisabled;
|
|
219
|
+
$[43] = props;
|
|
220
|
+
$[44] = ref;
|
|
221
|
+
$[45] = render;
|
|
222
|
+
$[46] = t10;
|
|
223
|
+
$[47] = t11;
|
|
224
|
+
$[48] = t15;
|
|
225
|
+
$[49] = t9;
|
|
226
|
+
$[50] = t16;
|
|
227
|
+
} else {
|
|
228
|
+
t16 = $[50];
|
|
229
|
+
}
|
|
230
|
+
const buttonElement = t16;
|
|
231
|
+
let t17;
|
|
232
|
+
if ($[51] !== buttonElement || $[52] !== tooltip$1) {
|
|
233
|
+
t17 = tooltip$1 ? /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, {
|
|
234
|
+
content: tooltip$1
|
|
235
|
+
}, buttonElement) : buttonElement;
|
|
236
|
+
$[51] = buttonElement;
|
|
237
|
+
$[52] = tooltip$1;
|
|
238
|
+
$[53] = t17;
|
|
239
|
+
} else {
|
|
240
|
+
t17 = $[53];
|
|
241
|
+
}
|
|
242
|
+
return t17;
|
|
62
243
|
});
|
|
63
244
|
/**
|
|
64
245
|
* A button element that displays an icon only, visually, though it is semantically labelled. It
|
|
65
246
|
* also makes sure to always show a tooltip with its label. It follows the
|
|
66
247
|
* [WAI-ARIA Button Pattern](https://www.w3.org/TR/wai-aria-practices/#button).
|
|
67
248
|
*/
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
249
|
+
const IconButton = /*#__PURE__*/React__namespace.forwardRef(function IconButton(t0, ref) {
|
|
250
|
+
const $ = reactCompilerRuntime.c(36);
|
|
251
|
+
let exceptionallySetClassName;
|
|
252
|
+
let icon;
|
|
253
|
+
let onClick;
|
|
254
|
+
let props;
|
|
255
|
+
let render;
|
|
256
|
+
let t1;
|
|
257
|
+
let t2;
|
|
258
|
+
let t3;
|
|
259
|
+
let t4;
|
|
260
|
+
let t5;
|
|
261
|
+
let t6;
|
|
262
|
+
let tooltip$1;
|
|
263
|
+
let variant;
|
|
264
|
+
if ($[0] !== t0) {
|
|
265
|
+
const {
|
|
266
|
+
variant: t7,
|
|
267
|
+
tone: t8,
|
|
268
|
+
size: t9,
|
|
269
|
+
shape: t10,
|
|
270
|
+
type: t11,
|
|
271
|
+
disabled: t12,
|
|
272
|
+
loading: t13,
|
|
273
|
+
tooltip: t14,
|
|
274
|
+
render: t15,
|
|
275
|
+
onClick: t16,
|
|
276
|
+
exceptionallySetClassName: t17,
|
|
277
|
+
children,
|
|
278
|
+
icon: t18
|
|
279
|
+
} = t0,
|
|
280
|
+
t19 = _objectWithoutProperties__default["default"](t0, _excluded2);
|
|
281
|
+
variant = t7;
|
|
282
|
+
t1 = t8;
|
|
283
|
+
t2 = t9;
|
|
284
|
+
t3 = t10;
|
|
285
|
+
t4 = t11;
|
|
286
|
+
t5 = t12;
|
|
287
|
+
t6 = t13;
|
|
288
|
+
tooltip$1 = t14;
|
|
289
|
+
render = t15;
|
|
290
|
+
onClick = t16;
|
|
291
|
+
exceptionallySetClassName = t17;
|
|
292
|
+
icon = t18;
|
|
293
|
+
props = t19;
|
|
294
|
+
$[0] = t0;
|
|
295
|
+
$[1] = exceptionallySetClassName;
|
|
296
|
+
$[2] = icon;
|
|
297
|
+
$[3] = onClick;
|
|
298
|
+
$[4] = props;
|
|
299
|
+
$[5] = render;
|
|
300
|
+
$[6] = t1;
|
|
301
|
+
$[7] = t2;
|
|
302
|
+
$[8] = t3;
|
|
303
|
+
$[9] = t4;
|
|
304
|
+
$[10] = t5;
|
|
305
|
+
$[11] = t6;
|
|
306
|
+
$[12] = tooltip$1;
|
|
307
|
+
$[13] = variant;
|
|
308
|
+
} else {
|
|
309
|
+
exceptionallySetClassName = $[1];
|
|
310
|
+
icon = $[2];
|
|
311
|
+
onClick = $[3];
|
|
312
|
+
props = $[4];
|
|
313
|
+
render = $[5];
|
|
314
|
+
t1 = $[6];
|
|
315
|
+
t2 = $[7];
|
|
316
|
+
t3 = $[8];
|
|
317
|
+
t4 = $[9];
|
|
318
|
+
t5 = $[10];
|
|
319
|
+
t6 = $[11];
|
|
320
|
+
tooltip$1 = $[12];
|
|
321
|
+
variant = $[13];
|
|
322
|
+
}
|
|
323
|
+
const tone = t1 === undefined ? "normal" : t1;
|
|
324
|
+
const size = t2 === undefined ? "normal" : t2;
|
|
325
|
+
const shape = t3 === undefined ? "normal" : t3;
|
|
326
|
+
const type = t4 === undefined ? "button" : t4;
|
|
327
|
+
const disabled = t5 === undefined ? false : t5;
|
|
328
|
+
const loading = t6 === undefined ? false : t6;
|
|
329
|
+
const isDisabled = loading || disabled;
|
|
330
|
+
const t7 = render != null ? undefined : type;
|
|
331
|
+
const t8 = isDisabled ? preventDefault : onClick;
|
|
332
|
+
const t9 = button_module["default"][`variant-${variant}`];
|
|
333
|
+
const t10 = button_module["default"][`tone-${tone}`];
|
|
334
|
+
const t11 = button_module["default"][`size-${size}`];
|
|
335
|
+
const t12 = shape === "rounded" ? button_module["default"]["shape-rounded"] : null;
|
|
336
|
+
const t13 = disabled ? button_module["default"].disabled : null;
|
|
337
|
+
let t14;
|
|
338
|
+
if ($[14] !== exceptionallySetClassName || $[15] !== t10 || $[16] !== t11 || $[17] !== t12 || $[18] !== t13 || $[19] !== t9) {
|
|
339
|
+
t14 = classNames__default["default"]([exceptionallySetClassName, button_module["default"].baseButton, t9, t10, t11, t12, button_module["default"].iconButton, t13]);
|
|
340
|
+
$[14] = exceptionallySetClassName;
|
|
341
|
+
$[15] = t10;
|
|
342
|
+
$[16] = t11;
|
|
343
|
+
$[17] = t12;
|
|
344
|
+
$[18] = t13;
|
|
345
|
+
$[19] = t9;
|
|
346
|
+
$[20] = t14;
|
|
347
|
+
} else {
|
|
348
|
+
t14 = $[20];
|
|
349
|
+
}
|
|
350
|
+
let t15;
|
|
351
|
+
if ($[21] !== icon || $[22] !== loading) {
|
|
352
|
+
t15 = loading && /*#__PURE__*/React__namespace.createElement(spinner.Spinner, null) || icon;
|
|
353
|
+
$[21] = icon;
|
|
354
|
+
$[22] = loading;
|
|
355
|
+
$[23] = t15;
|
|
356
|
+
} else {
|
|
357
|
+
t15 = $[23];
|
|
358
|
+
}
|
|
359
|
+
let t16;
|
|
360
|
+
if ($[24] !== isDisabled || $[25] !== props || $[26] !== ref || $[27] !== render || $[28] !== t14 || $[29] !== t15 || $[30] !== t7 || $[31] !== t8) {
|
|
361
|
+
t16 = /*#__PURE__*/React__namespace.createElement(react.Role.button, _extends__default["default"]({}, props, {
|
|
362
|
+
render: render,
|
|
363
|
+
type: t7,
|
|
364
|
+
ref: ref,
|
|
365
|
+
"aria-disabled": isDisabled,
|
|
366
|
+
onClick: t8,
|
|
367
|
+
className: t14
|
|
368
|
+
}), t15);
|
|
369
|
+
$[24] = isDisabled;
|
|
370
|
+
$[25] = props;
|
|
371
|
+
$[26] = ref;
|
|
372
|
+
$[27] = render;
|
|
373
|
+
$[28] = t14;
|
|
374
|
+
$[29] = t15;
|
|
375
|
+
$[30] = t7;
|
|
376
|
+
$[31] = t8;
|
|
377
|
+
$[32] = t16;
|
|
378
|
+
} else {
|
|
379
|
+
t16 = $[32];
|
|
380
|
+
}
|
|
381
|
+
const buttonElement = t16;
|
|
382
|
+
const tooltipContent = tooltip$1 === undefined ? props["aria-label"] : tooltip$1;
|
|
383
|
+
let t17;
|
|
384
|
+
if ($[33] !== buttonElement || $[34] !== tooltipContent) {
|
|
385
|
+
t17 = tooltipContent ? /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, {
|
|
386
|
+
content: tooltipContent
|
|
387
|
+
}, buttonElement) : buttonElement;
|
|
388
|
+
$[33] = buttonElement;
|
|
389
|
+
$[34] = tooltipContent;
|
|
390
|
+
$[35] = t17;
|
|
391
|
+
} else {
|
|
392
|
+
t17 = $[35];
|
|
393
|
+
}
|
|
394
|
+
return t17;
|
|
83
395
|
});
|
|
84
396
|
|
|
85
397
|
exports.Button = Button;
|
package/lib/button/button.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sources":["../../src/button/button.tsx"],"sourcesContent":[null],"names":["React","tooltip","__rest","Role","__assign","classNames","getBoxClassNames","styles","Box","Spinner","Tooltip"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"button.js","sources":["../../src/button/button.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Role } from '@ariakit/react'\nimport classNames from 'classnames'\n\nimport { Box, getBoxClassNames } from '../box'\nimport { Spinner } from '../spinner'\nimport { Tooltip } from '../tooltip'\n\nimport styles from './button.module.css'\n\nimport type { RoleProps } from '@ariakit/react'\nimport type { TooltipProps } from '../tooltip'\nimport type { ObfuscatedClassName } from '../utils/common-types'\n\nfunction preventDefault(event: React.SyntheticEvent) {\n event.preventDefault()\n}\n\ntype ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'quaternary'\ntype ButtonTone = 'normal' | 'destructive'\ntype ButtonSize = 'small' | 'normal' | 'large'\ntype IconElement = React.ReactElement | string\n\ninterface CommonButtonProps\n extends ObfuscatedClassName,\n Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'className'>,\n Pick<RoleProps, 'render'> {\n /**\n * The button's variant.\n */\n variant: ButtonVariant\n\n /**\n * The button's tone.\n *\n * @default 'normal'\n */\n tone?: ButtonTone\n\n /**\n * The button's size.\n *\n * @default 'normal'\n */\n size?: ButtonSize\n\n /**\n * Controls the shape of the button.\n *\n * Specifically, it allows to make it have slightly curved corners (the default) vs. having them\n * fully curved to the point that they are as round as possible.\n *\n * In icon-only buttons this allows to have the button be circular.\n *\n * @default 'normal'\n */\n shape?: 'normal' | 'rounded'\n\n /**\n * Whether the button is disabled or not.\n *\n * Buttons are disabled using aria-disabled, rather than the HTML disabled attribute. This\n * allows the buttons to be focusable, which can aid discoverability. This way, users can tab to\n * the button and read its label, even if they can't activate it.\n *\n * It is also convenient when buttons are rendered as a link. Links cannot normally be disabled,\n * but by using aria-disabled, we can make them behave as if they were.\n *\n * The `onClick` handler is automatically prevented when the button is disabled in this way, to\n * mimic the behavior of a native disabled attribute.\n *\n * @default false\n */\n disabled?: boolean\n\n /**\n * Whether the button is busy/loading.\n *\n * A button in this state is functionally and semantically disabled. Visually is does not look\n * dimmed (as disabled buttons normally do), but it shows a loading spinner instead.\n *\n * @default false\n */\n loading?: boolean\n\n /**\n * A tooltip linked to the button element.\n */\n tooltip?: TooltipProps['content']\n\n /**\n * The type of the button.\n *\n * @default 'button'\n */\n type?: 'button' | 'submit' | 'reset'\n}\n\ninterface ButtonProps extends CommonButtonProps {\n /**\n * The button label content.\n */\n children?: React.ReactNode\n\n /**\n * The icon to display at the start of the button (before the label).\n */\n startIcon?: IconElement\n\n /**\n * The icon to display at the end of the button (after the label).\n */\n endIcon?: IconElement\n\n /**\n * The width of the button.\n *\n * - `'auto'`: The button will be as wide as its content.\n * - `'full'`: The button will be as wide as its container.\n *\n * @default 'auto'\n */\n width?: 'auto' | 'full'\n\n /**\n * The alignment of the button label inside the button.\n *\n * @default 'center'\n */\n align?: 'start' | 'center' | 'end'\n}\n\n/**\n * A button element that displays a text label and optionally a start or end icon. It follows the\n * [WAI-ARIA Button Pattern](https://www.w3.org/TR/wai-aria-practices/#button).\n */\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n {\n variant,\n tone = 'normal',\n size = 'normal',\n shape = 'normal',\n type = 'button',\n disabled = false,\n loading = false,\n tooltip,\n render,\n onClick,\n exceptionallySetClassName,\n children,\n startIcon,\n endIcon,\n width = 'auto',\n align = 'center',\n ...props\n },\n ref,\n) {\n const isDisabled = loading || disabled\n const buttonElement = (\n <Role.button\n {...props}\n render={render}\n type={render != null ? undefined : type}\n ref={ref}\n aria-disabled={isDisabled}\n onClick={isDisabled ? preventDefault : onClick}\n className={classNames([\n getBoxClassNames({ width }),\n exceptionallySetClassName,\n styles.baseButton,\n styles[`variant-${variant}`],\n styles[`tone-${tone}`],\n styles[`size-${size}`],\n shape === 'rounded' ? styles['shape-rounded'] : null,\n disabled ? styles.disabled : null,\n ])}\n >\n <>\n {startIcon ? (\n <Box display=\"flex\" className={styles.startIcon} aria-hidden>\n {loading && !endIcon ? <Spinner /> : startIcon}\n </Box>\n ) : null}\n\n {children ? (\n <Box\n as=\"span\"\n className={styles.label}\n overflow=\"hidden\"\n width={width === 'full' ? 'full' : undefined}\n textAlign={width === 'auto' ? 'center' : align}\n >\n {children}\n </Box>\n ) : null}\n\n {endIcon || (loading && !startIcon) ? (\n <Box display=\"flex\" className={styles.endIcon} aria-hidden>\n {loading ? <Spinner /> : endIcon}\n </Box>\n ) : null}\n </>\n </Role.button>\n )\n\n return tooltip ? <Tooltip content={tooltip}>{buttonElement}</Tooltip> : buttonElement\n})\n\ninterface IconButtonProps extends CommonButtonProps {\n /**\n * The icon to display inside the button.\n */\n icon: IconElement\n\n /**\n * The button label.\n *\n * It is used for assistive technologies, and it is also shown as a tooltip (if not tooltip is\n * provided explicitly).\n */\n 'aria-label': string\n}\n\n/**\n * A button element that displays an icon only, visually, though it is semantically labelled. It\n * also makes sure to always show a tooltip with its label. It follows the\n * [WAI-ARIA Button Pattern](https://www.w3.org/TR/wai-aria-practices/#button).\n */\nconst IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(function IconButton(\n {\n variant,\n tone = 'normal',\n size = 'normal',\n shape = 'normal',\n type = 'button',\n disabled = false,\n loading = false,\n tooltip,\n render,\n onClick,\n exceptionallySetClassName,\n children,\n icon,\n ...props\n },\n ref,\n) {\n const isDisabled = loading || disabled\n const buttonElement = (\n <Role.button\n {...props}\n render={render}\n type={render != null ? undefined : type}\n ref={ref}\n aria-disabled={isDisabled}\n onClick={isDisabled ? preventDefault : onClick}\n className={classNames([\n exceptionallySetClassName,\n styles.baseButton,\n styles[`variant-${variant}`],\n styles[`tone-${tone}`],\n styles[`size-${size}`],\n shape === 'rounded' ? styles['shape-rounded'] : null,\n styles.iconButton,\n disabled ? styles.disabled : null,\n ])}\n >\n {(loading && <Spinner />) || icon}\n </Role.button>\n )\n\n const tooltipContent = tooltip === undefined ? props['aria-label'] : tooltip\n return tooltipContent ? (\n <Tooltip content={tooltipContent}>{buttonElement}</Tooltip>\n ) : (\n buttonElement\n )\n})\n\nexport type { ButtonProps, ButtonTone, ButtonVariant, IconButtonProps }\nexport { Button, IconButton }\n"],"names":["preventDefault","event","Button","React","forwardRef","t0","ref","$","_c","children","endIcon","exceptionallySetClassName","onClick","props","render","startIcon","t1","t2","t3","t4","t5","t6","t7","t8","tooltip","variant","_t","tone","size","shape","type","disabled","loading","width","align","_objectWithoutProperties","_excluded","undefined","isDisabled","t9","t10","t11","classNames","getBoxClassNames","styles","baseButton","t12","createElement","Box","display","className","Spinner","t13","as","label","overflow","textAlign","t14","t15","Fragment","t16","Role","button","_extends","buttonElement","t17","Tooltip","IconButton","icon","t18","t19","_excluded2","iconButton","tooltipContent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,SAASA,cAAcA,CAACC,KAA2B,EAAE;EACjDA,KAAK,CAACD,cAAc,EAAE,CAAA;AAC1B,CAAA;AAoHA;AACA;AACA;AACA;AACME,MAAAA,MAAM,gBAAGC,gBAAK,CAACC,UAAU,CAAiC,SAAAF,MAAAA,CAAAG,EAAA,EAAAC,GAAA,EAAA;EAAA,MAAAC,CAAA,GAAAC,sBAAA,CAAA,EAAA,CAAA,CAAA;AAAA,EAAA,IAAAC,QAAA,CAAA;AAAA,EAAA,IAAAC,OAAA,CAAA;AAAA,EAAA,IAAAC,yBAAA,CAAA;AAAA,EAAA,IAAAC,OAAA,CAAA;AAAA,EAAA,IAAAC,KAAA,CAAA;AAAA,EAAA,IAAAC,MAAA,CAAA;AAAA,EAAA,IAAAC,SAAA,CAAA;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAA,EAAA,IAAAC,SAAA,CAAA;AAAA,EAAA,IAAAC,OAAA,CAAA;EAAA,IAAAlB,CAAA,QAAAF,EAAA,EAAA;IAAA,IAAAqB,EAAA,GAC5DrB,EAkBC,CAAA;AAAA,IAAA,CAAA;MAAAoB,OAAA;AAAAE,MAAAA,IAAA,EAAAX,EAAA;AAAAY,MAAAA,IAAA,EAAAX,EAAA;AAAAY,MAAAA,KAAA,EAAAX,EAAA;AAAAY,MAAAA,IAAA,EAAAX,EAAA;AAAAY,MAAAA,QAAA,EAAAX,EAAA;AAAAY,MAAAA,OAAA,EAAAX,EAAA;eAAAG,SAAA;MAAAV,MAAA;MAAAF,OAAA;MAAAD,yBAAA;MAAAF,QAAA;MAAAM,SAAA;MAAAL,OAAA;AAAAuB,MAAAA,KAAA,EAAAX,EAAA;AAAAY,MAAAA,KAAA,EAAAX,EAAAA;AAAA,KAAA,GAAAG,EAAA,EAAA;AAAAb,IAAAA,KAAA,GAAAsB,4CAAA,CAAAT,EAAA,EAAAU,SAAA,CAAA,CAAA;AAAA7B,IAAAA,CAAA,MAAAF,EAAA,CAAA;AAAAE,IAAAA,CAAA,MAAAE,QAAA,CAAA;AAAAF,IAAAA,CAAA,MAAAG,OAAA,CAAA;AAAAH,IAAAA,CAAA,MAAAI,yBAAA,CAAA;AAAAJ,IAAAA,CAAA,MAAAK,OAAA,CAAA;AAAAL,IAAAA,CAAA,MAAAM,KAAA,CAAA;AAAAN,IAAAA,CAAA,MAAAO,MAAA,CAAA;AAAAP,IAAAA,CAAA,MAAAQ,SAAA,CAAA;AAAAR,IAAAA,CAAA,MAAAS,EAAA,CAAA;AAAAT,IAAAA,CAAA,MAAAU,EAAA,CAAA;AAAAV,IAAAA,CAAA,OAAAW,EAAA,CAAA;AAAAX,IAAAA,CAAA,OAAAY,EAAA,CAAA;AAAAZ,IAAAA,CAAA,OAAAa,EAAA,CAAA;AAAAb,IAAAA,CAAA,OAAAc,EAAA,CAAA;AAAAd,IAAAA,CAAA,OAAAe,EAAA,CAAA;AAAAf,IAAAA,CAAA,OAAAgB,EAAA,CAAA;AAAAhB,IAAAA,CAAA,OAAAiB,SAAA,CAAA;AAAAjB,IAAAA,CAAA,OAAAkB,OAAA,CAAA;AAAA,GAAA,MAAA;AAAAhB,IAAAA,QAAA,GAAAF,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAG,IAAAA,OAAA,GAAAH,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAI,IAAAA,yBAAA,GAAAJ,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAK,IAAAA,OAAA,GAAAL,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAM,IAAAA,KAAA,GAAAN,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAO,IAAAA,MAAA,GAAAP,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAQ,IAAAA,SAAA,GAAAR,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAS,IAAAA,EAAA,GAAAT,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAU,IAAAA,EAAA,GAAAV,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAW,IAAAA,EAAA,GAAAX,CAAA,CAAA,EAAA,CAAA,CAAA;AAAAY,IAAAA,EAAA,GAAAZ,CAAA,CAAA,EAAA,CAAA,CAAA;AAAAa,IAAAA,EAAA,GAAAb,CAAA,CAAA,EAAA,CAAA,CAAA;AAAAc,IAAAA,EAAA,GAAAd,CAAA,CAAA,EAAA,CAAA,CAAA;AAAAe,IAAAA,EAAA,GAAAf,CAAA,CAAA,EAAA,CAAA,CAAA;AAAAgB,IAAAA,EAAA,GAAAhB,CAAA,CAAA,EAAA,CAAA,CAAA;AAAAiB,IAAAA,SAAA,GAAAjB,CAAA,CAAA,EAAA,CAAA,CAAA;AAAAkB,IAAAA,OAAA,GAAAlB,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;EAhBG,MAAAoB,IAAA,GAAAX,EAAe,KAAfqB,SAAe,GAAf,QAAe,GAAfrB,EAAe,CAAA;EACf,MAAAY,IAAA,GAAAX,EAAe,KAAfoB,SAAe,GAAf,QAAe,GAAfpB,EAAe,CAAA;EACf,MAAAY,KAAA,GAAAX,EAAgB,KAAhBmB,SAAgB,GAAhB,QAAgB,GAAhBnB,EAAgB,CAAA;EAChB,MAAAY,IAAA,GAAAX,EAAe,KAAfkB,SAAe,GAAf,QAAe,GAAflB,EAAe,CAAA;EACf,MAAAY,QAAA,GAAAX,EAAgB,KAAhBiB,SAAgB,GAAhB,KAAgB,GAAhBjB,EAAgB,CAAA;EAChB,MAAAY,OAAA,GAAAX,EAAe,KAAfgB,SAAe,GAAf,KAAe,GAAfhB,EAAe,CAAA;EAQf,MAAAY,KAAA,GAAAX,EAAc,KAAde,SAAc,GAAd,MAAc,GAAdf,EAAc,CAAA;EACd,MAAAY,KAAA,GAAAX,EAAgB,KAAhBc,SAAgB,GAAhB,QAAgB,GAAhBd,EAAgB,CAAA;AAKpB,EAAA,MAAAe,UAAA,GAAmBN,OAAmB,IAAnBD,QAAmB,CAAA;EAKxB,MAAAQ,EAAA,GAAAzB,MAAM,IAAI,IAAuB,GAAjCuB,SAAiC,GAAjCP,IAAiC,CAAA;AAG9B,EAAA,MAAAU,GAAA,GAAAF,UAAU,GAAVtC,cAAqC,GAArCY,OAAqC,CAAA;AAAA,EAAA,IAAA6B,GAAA,CAAA;EAAA,IAAAlC,CAAA,CAAAwB,EAAAA,CAAAA,KAAAA,QAAA,IAAAxB,CAAA,CAAAI,EAAAA,CAAAA,KAAAA,yBAAA,IAAAJ,CAAA,CAAAsB,EAAAA,CAAAA,KAAAA,KAAA,IAAAtB,CAAA,SAAAqB,IAAA,IAAArB,CAAA,CAAA,EAAA,CAAA,KAAAoB,IAAA,IAAApB,CAAA,CAAA,EAAA,CAAA,KAAAkB,OAAA,IAAAlB,CAAA,CAAA,EAAA,CAAA,KAAA0B,KAAA,EAAA;AACnCQ,IAAAA,GAAA,GAAAC,8BAAU,CAAC,CAClBC,oBAAgB,CAAC;AAAAV,MAAAA,KAAAA;KAAS,CAAC,EAC3BtB,yBAAyB,EACzBiC,wBAAM,CAAAC,UAAW,EACjBD,wBAAM,CAAC,CAAA,QAAA,EAAWnB,OAAO,CAAE,CAAA,CAAC,EAC5BmB,wBAAM,CAAC,QAAQjB,IAAI,CAAA,CAAE,CAAC,EACtBiB,wBAAM,CAAC,QAAQhB,IAAI,CAAA,CAAE,CAAC,EACtBC,KAAK,KAAK,SAA0C,GAA9Be,wBAAM,CAAC,eAAe,CAAQ,GAApD,IAAoD,EACpDb,QAAQ,GAAGa,wBAAM,CAAAb,QAAgB,GAAjC,IAAiC,CACpC,CAAC,CAAA;AAAAxB,IAAAA,CAAA,OAAAwB,QAAA,CAAA;AAAAxB,IAAAA,CAAA,OAAAI,yBAAA,CAAA;AAAAJ,IAAAA,CAAA,OAAAsB,KAAA,CAAA;AAAAtB,IAAAA,CAAA,OAAAqB,IAAA,CAAA;AAAArB,IAAAA,CAAA,OAAAoB,IAAA,CAAA;AAAApB,IAAAA,CAAA,OAAAkB,OAAA,CAAA;AAAAlB,IAAAA,CAAA,OAAA0B,KAAA,CAAA;AAAA1B,IAAAA,CAAA,OAAAkC,GAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,GAAA,GAAAlC,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,IAAAuC,GAAA,CAAA;EAAA,IAAAvC,CAAA,CAAAG,EAAAA,CAAAA,KAAAA,OAAA,IAAAH,CAAA,SAAAyB,OAAA,IAAAzB,CAAA,CAAA,EAAA,CAAA,KAAAQ,SAAA,EAAA;AAGG+B,IAAAA,GAAA,GAAA/B,SAAS,gBAATZ,gBAAA,CAAA4C,aAAA,CACIC,OAAG,EAAA;AAASC,MAAAA,OAAM,EAAN,MAAM;MAAYC,SAAgB,EAAhBN,wBAAM,CAAA7B,SAAU;AAAE,MAAA,aAAA,EAAA,IAAA;AAAW,KAAA,EACvDiB,OAAmB,IAAnB,CAAYtB,OAAiC,gBAA7CP,gBAAA,CAAA4C,aAAA,CAAuBI,eAAO,MAAc,CAAC,GAA7CpC,SAEF,CAAC,GAJP,IAIO,CAAA;AAAAR,IAAAA,CAAA,OAAAG,OAAA,CAAA;AAAAH,IAAAA,CAAA,OAAAyB,OAAA,CAAA;AAAAzB,IAAAA,CAAA,OAAAQ,SAAA,CAAA;AAAAR,IAAAA,CAAA,OAAAuC,GAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,GAAA,GAAAvC,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,IAAA6C,GAAA,CAAA;EAAA,IAAA7C,CAAA,CAAA2B,EAAAA,CAAAA,KAAAA,KAAA,IAAA3B,CAAA,SAAAE,QAAA,IAAAF,CAAA,CAAA,EAAA,CAAA,KAAA0B,KAAA,EAAA;AAEPmB,IAAAA,GAAA,GAAA3C,QAAQ,gBAARN,gBAAA,CAAA4C,aAAA,CACIC,OAAG,EAAA;AACGK,MAAAA,EAAM,EAAN,MAAM;MACEH,SAAY,EAAZN,wBAAM,CAAAU,KAAM;AACdC,MAAAA,QAAQ,EAAR,QAAQ;AACVtB,MAAAA,KAAqC,EAArCA,KAAK,KAAK,MAA2B,GAArC,MAAqC,GAArCI,SAAqC;AACjCmB,MAAAA,SAAmC,EAAnCvB,KAAK,KAAK,MAAyB,GAAnC,QAAmC,GAAnCC,KAAAA;KAEVzB,EAAAA,QAEF,CAAC,GAVP,IAUO,CAAA;AAAAF,IAAAA,CAAA,OAAA2B,KAAA,CAAA;AAAA3B,IAAAA,CAAA,OAAAE,QAAA,CAAA;AAAAF,IAAAA,CAAA,OAAA0B,KAAA,CAAA;AAAA1B,IAAAA,CAAA,OAAA6C,GAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,GAAA,GAAA7C,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,IAAAkD,GAAA,CAAA;EAAA,IAAAlD,CAAA,CAAAG,EAAAA,CAAAA,KAAAA,OAAA,IAAAH,CAAA,SAAAyB,OAAA,IAAAzB,CAAA,CAAA,EAAA,CAAA,KAAAQ,SAAA,EAAA;AAEP0C,IAAAA,GAAA,GAAA/C,OAAkC,IAAtBsB,OAAqB,IAArB,CAAYjB,SAIjB,gBAJPZ,gBAAA,CAAA4C,aAAA,CACIC,OAAG,EAAA;AAASC,MAAAA,OAAM,EAAN,MAAM;MAAYC,SAAc,EAAdN,wBAAM,CAAAlC,OAAQ;AAAE,MAAA,aAAA,EAAA,IAAA;AAAW,KAAA,EACrDsB,OAAO,gBAAP7B,gBAAA,CAAA4C,aAAA,CAAWI,eAAO,EAAA,IAAY,CAAC,GAA/BzC,OAEF,CAAC,GAJP,IAIO,CAAA;AAAAH,IAAAA,CAAA,OAAAG,OAAA,CAAA;AAAAH,IAAAA,CAAA,OAAAyB,OAAA,CAAA;AAAAzB,IAAAA,CAAA,OAAAQ,SAAA,CAAA;AAAAR,IAAAA,CAAA,OAAAkD,GAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,GAAA,GAAAlD,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,IAAAmD,GAAA,CAAA;EAAA,IAAAnD,CAAA,CAAAuC,EAAAA,CAAAA,KAAAA,GAAA,IAAAvC,CAAA,SAAA6C,GAAA,IAAA7C,CAAA,CAAA,EAAA,CAAA,KAAAkD,GAAA,EAAA;AAvBZC,IAAAA,GAAA,gBAAAvD,gBAAA,CAAA4C,aAAA,CAAA5C,gBAAA,CAAAwD,QAAA,EAAA,IAAA,EACKb,GAIO,EAEPM,GAUO,EAEPK,GAKH,CAAC,CAAA;AAAAlD,IAAAA,CAAA,OAAAuC,GAAA,CAAA;AAAAvC,IAAAA,CAAA,OAAA6C,GAAA,CAAA;AAAA7C,IAAAA,CAAA,OAAAkD,GAAA,CAAA;AAAAlD,IAAAA,CAAA,OAAAmD,GAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,GAAA,GAAAnD,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,IAAAqD,GAAA,CAAA;AAAA,EAAA,IAAArD,CAAA,CAAA,EAAA,CAAA,KAAA+B,UAAA,IAAA/B,CAAA,CAAA,EAAA,CAAA,KAAAM,KAAA,IAAAN,CAAA,CAAA,EAAA,CAAA,KAAAD,GAAA,IAAAC,CAAA,CAAAO,EAAAA,CAAAA,KAAAA,MAAA,IAAAP,CAAA,CAAAiC,EAAAA,CAAAA,KAAAA,GAAA,IAAAjC,CAAA,CAAAkC,EAAAA,CAAAA,KAAAA,GAAA,IAAAlC,CAAA,CAAAmD,EAAAA,CAAAA,KAAAA,GAAA,IAAAnD,CAAA,SAAAgC,EAAA,EAAA;IA1CPqB,GAAA,gBAAAzD,gBAAA,CAAA4C,aAAA,CAAAc,UAAA,CAAAC,MAAA,EAAAC,4BAAA,CAAA,EAAA,EACQlD,KAAK,EAAA;AACDC,MAAAA,MAAM,EAANA,MAAM;AACRgB,MAAAA,IAAiC,EAAjCS,EAAiC;AAClCjC,MAAAA,GAAG,EAAHA,GAAG;AACOgC,MAAAA,eAAAA,EAAAA,UAAU;AAChB1B,MAAAA,OAAqC,EAArC4B,GAAqC;AACnCU,MAAAA,SAST,EATST,GAAAA;AAST,KAAA,CAAA,EAEFiB,GAyBS,CAAC,CAAA;AAAAnD,IAAAA,CAAA,OAAA+B,UAAA,CAAA;AAAA/B,IAAAA,CAAA,OAAAM,KAAA,CAAA;AAAAN,IAAAA,CAAA,OAAAD,GAAA,CAAA;AAAAC,IAAAA,CAAA,OAAAO,MAAA,CAAA;AAAAP,IAAAA,CAAA,OAAAiC,GAAA,CAAA;AAAAjC,IAAAA,CAAA,OAAAkC,GAAA,CAAA;AAAAlC,IAAAA,CAAA,OAAAmD,GAAA,CAAA;AAAAnD,IAAAA,CAAA,OAAAgC,EAAA,CAAA;AAAAhC,IAAAA,CAAA,OAAAqD,GAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,GAAA,GAAArD,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;EA5ClB,MAAAyD,aAAA,GACIJ,GA2Cc,CAAA;AACjB,EAAA,IAAAK,GAAA,CAAA;AAAA,EAAA,IAAA1D,CAAA,CAAAyD,EAAAA,CAAAA,KAAAA,aAAA,IAAAzD,CAAA,SAAAiB,SAAA,EAAA;AAEMyC,IAAAA,GAAA,GAAAzC,SAAO,gBAAPrB,gBAAA,CAAA4C,aAAA,CAAWmB,eAAO,EAAA;AAAU1C,MAAAA,OAAO,EAAPA,SAAAA;KAAUwC,EAAAA,aAAuC,CAAC,GAA9EA,aAA8E,CAAA;AAAAzD,IAAAA,CAAA,OAAAyD,aAAA,CAAA;AAAAzD,IAAAA,CAAA,OAAAiB,SAAA,CAAA;AAAAjB,IAAAA,CAAA,OAAA0D,GAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,GAAA,GAAA1D,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAA9E0D,GAA8E,CAAA;AAAA,CACxF,EAAC;AAiBF;AACA;AACA;AACA;AACA;AACME,MAAAA,UAAU,gBAAGhE,gBAAK,CAACC,UAAU,CAAqC,SAAA+D,UAAAA,CAAA9D,EAAA,EAAAC,GAAA,EAAA;EAAA,MAAAC,CAAA,GAAAC,sBAAA,CAAA,EAAA,CAAA,CAAA;AAAA,EAAA,IAAAG,yBAAA,CAAA;AAAA,EAAA,IAAAyD,IAAA,CAAA;AAAA,EAAA,IAAAxD,OAAA,CAAA;AAAA,EAAA,IAAAC,KAAA,CAAA;AAAA,EAAA,IAAAC,MAAA,CAAA;AAAA,EAAA,IAAAE,EAAA,CAAA;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAA,EAAA,IAAAG,SAAA,CAAA;AAAA,EAAA,IAAAC,OAAA,CAAA;EAAA,IAAAlB,CAAA,QAAAF,EAAA,EAAA;AACpE,IAAA,MAAA;AAAAoB,QAAAA,OAAA,EAAAH,EAAA;AAAAK,QAAAA,IAAA,EAAAJ,EAAA;AAAAK,QAAAA,IAAA,EAAAW,EAAA;AAAAV,QAAAA,KAAA,EAAAW,GAAA;AAAAV,QAAAA,IAAA,EAAAW,GAAA;AAAAV,QAAAA,QAAA,EAAAe,GAAA;AAAAd,QAAAA,OAAA,EAAAoB,GAAA;AAAA5B,QAAAA,OAAA,EAAAiC,GAAA;AAAA3C,QAAAA,MAAA,EAAA4C,GAAA;AAAA9C,QAAAA,OAAA,EAAAgD,GAAA;AAAAjD,QAAAA,yBAAA,EAAAsD,GAAA;QAAAxD,QAAA;AAAA2D,QAAAA,IAAA,EAAAC,GAAAA;AAAA,OAAA,GAAAhE,EAeC;AAAAiE,MAAAA,GAAA,GAAAnC,4CAAA,CAfD9B,EAeC,EAAAkE,UAAA,CAAA,CAAA;AAfD9C,IAAAA,OAAA,GAAAH,EAAA,CAAA;AAAAN,IAAAA,EAAA,GAAAO,EAAA,CAAA;AAAAN,IAAAA,EAAA,GAAAsB,EAAA,CAAA;AAAArB,IAAAA,EAAA,GAAAsB,GAAA,CAAA;AAAArB,IAAAA,EAAA,GAAAsB,GAAA,CAAA;AAAArB,IAAAA,EAAA,GAAA0B,GAAA,CAAA;AAAAzB,IAAAA,EAAA,GAAA+B,GAAA,CAAA;AAAA5B,IAAAA,SAAA,GAAAiC,GAAA,CAAA;AAAA3C,IAAAA,MAAA,GAAA4C,GAAA,CAAA;AAAA9C,IAAAA,OAAA,GAAAgD,GAAA,CAAA;AAAAjD,IAAAA,yBAAA,GAAAsD,GAAA,CAAA;AAAAG,IAAAA,IAAA,GAAAC,GAAA,CAAA;AAAAxD,IAAAA,KAAA,GAAAyD,GAAA,CAAA;AAeC/D,IAAAA,CAAA,MAAAF,EAAA,CAAA;AAAAE,IAAAA,CAAA,MAAAI,yBAAA,CAAA;AAAAJ,IAAAA,CAAA,MAAA6D,IAAA,CAAA;AAAA7D,IAAAA,CAAA,MAAAK,OAAA,CAAA;AAAAL,IAAAA,CAAA,MAAAM,KAAA,CAAA;AAAAN,IAAAA,CAAA,MAAAO,MAAA,CAAA;AAAAP,IAAAA,CAAA,MAAAS,EAAA,CAAA;AAAAT,IAAAA,CAAA,MAAAU,EAAA,CAAA;AAAAV,IAAAA,CAAA,MAAAW,EAAA,CAAA;AAAAX,IAAAA,CAAA,MAAAY,EAAA,CAAA;AAAAZ,IAAAA,CAAA,OAAAa,EAAA,CAAA;AAAAb,IAAAA,CAAA,OAAAc,EAAA,CAAA;AAAAd,IAAAA,CAAA,OAAAiB,SAAA,CAAA;AAAAjB,IAAAA,CAAA,OAAAkB,OAAA,CAAA;AAAA,GAAA,MAAA;AAAAd,IAAAA,yBAAA,GAAAJ,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA6D,IAAAA,IAAA,GAAA7D,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAK,IAAAA,OAAA,GAAAL,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAM,IAAAA,KAAA,GAAAN,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAO,IAAAA,MAAA,GAAAP,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAS,IAAAA,EAAA,GAAAT,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAU,IAAAA,EAAA,GAAAV,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAW,IAAAA,EAAA,GAAAX,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAY,IAAAA,EAAA,GAAAZ,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAa,IAAAA,EAAA,GAAAb,CAAA,CAAA,EAAA,CAAA,CAAA;AAAAc,IAAAA,EAAA,GAAAd,CAAA,CAAA,EAAA,CAAA,CAAA;AAAAiB,IAAAA,SAAA,GAAAjB,CAAA,CAAA,EAAA,CAAA,CAAA;AAAAkB,IAAAA,OAAA,GAAAlB,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;EAbG,MAAAoB,IAAA,GAAAX,EAAe,KAAfqB,SAAe,GAAf,QAAe,GAAfrB,EAAe,CAAA;EACf,MAAAY,IAAA,GAAAX,EAAe,KAAfoB,SAAe,GAAf,QAAe,GAAfpB,EAAe,CAAA;EACf,MAAAY,KAAA,GAAAX,EAAgB,KAAhBmB,SAAgB,GAAhB,QAAgB,GAAhBnB,EAAgB,CAAA;EAChB,MAAAY,IAAA,GAAAX,EAAe,KAAfkB,SAAe,GAAf,QAAe,GAAflB,EAAe,CAAA;EACf,MAAAY,QAAA,GAAAX,EAAgB,KAAhBiB,SAAgB,GAAhB,KAAgB,GAAhBjB,EAAgB,CAAA;EAChB,MAAAY,OAAA,GAAAX,EAAe,KAAfgB,SAAe,GAAf,KAAe,GAAfhB,EAAe,CAAA;AAWnB,EAAA,MAAAiB,UAAA,GAAmBN,OAAmB,IAAnBD,QAAmB,CAAA;EAKxB,MAAAT,EAAA,GAAAR,MAAM,IAAI,IAAuB,GAAjCuB,SAAiC,GAAjCP,IAAiC,CAAA;AAG9B,EAAA,MAAAP,EAAA,GAAAe,UAAU,GAAVtC,cAAqC,GAArCY,OAAqC,CAAA;AAI1C,EAAA,MAAA2B,EAAA,GAAAK,wBAAM,CAAC,CAAWnB,QAAAA,EAAAA,OAAO,EAAE,CAAC,CAAA;AAC5B,EAAA,MAAAe,GAAA,GAAAI,wBAAM,CAAC,CAAQjB,KAAAA,EAAAA,IAAI,EAAE,CAAC,CAAA;AACtB,EAAA,MAAAc,GAAA,GAAAG,wBAAM,CAAC,CAAQhB,KAAAA,EAAAA,IAAI,EAAE,CAAC,CAAA;EACtB,MAAAkB,GAAA,GAAAjB,KAAK,KAAK,SAA0C,GAA9Be,wBAAM,CAAC,eAAe,CAAQ,GAApD,IAAoD,CAAA;EAEpD,MAAAQ,GAAA,GAAArB,QAAQ,GAAGa,wBAAM,CAAAb,QAAgB,GAAjC,IAAiC,CAAA;AAAA,EAAA,IAAA0B,GAAA,CAAA;EAAA,IAAAlD,CAAA,SAAAI,yBAAA,IAAAJ,CAAA,CAAAiC,EAAAA,CAAAA,KAAAA,GAAA,IAAAjC,CAAA,CAAAkC,EAAAA,CAAAA,KAAAA,GAAA,IAAAlC,CAAA,CAAA,EAAA,CAAA,KAAAuC,GAAA,IAAAvC,CAAA,SAAA6C,GAAA,IAAA7C,CAAA,CAAA,EAAA,CAAA,KAAAgC,EAAA,EAAA;IAR1BkB,GAAA,GAAAf,8BAAU,CAAC,CAClB/B,yBAAyB,EACzBiC,wBAAM,CAAAC,UAAW,EACjBN,EAA4B,EAC5BC,GAAsB,EACtBC,GAAsB,EACtBK,GAAoD,EACpDF,wBAAM,CAAA4B,UAAW,EACjBpB,GAAiC,CACpC,CAAC,CAAA;AAAA7C,IAAAA,CAAA,OAAAI,yBAAA,CAAA;AAAAJ,IAAAA,CAAA,OAAAiC,GAAA,CAAA;AAAAjC,IAAAA,CAAA,OAAAkC,GAAA,CAAA;AAAAlC,IAAAA,CAAA,OAAAuC,GAAA,CAAA;AAAAvC,IAAAA,CAAA,OAAA6C,GAAA,CAAA;AAAA7C,IAAAA,CAAA,OAAAgC,EAAA,CAAA;AAAAhC,IAAAA,CAAA,OAAAkD,GAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,GAAA,GAAAlD,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,IAAAmD,GAAA,CAAA;AAAA,EAAA,IAAAnD,CAAA,CAAA6D,EAAAA,CAAAA,KAAAA,IAAA,IAAA7D,CAAA,SAAAyB,OAAA,EAAA;IAED0B,GAAA,GAAC1B,OAAsB,iBAAtB7B,gBAAA,CAAA4C,aAAA,CAAYI,eAAO,EAAA,IAAE,CAAU,IAAhCiB,IAAgC,CAAA;AAAA7D,IAAAA,CAAA,OAAA6D,IAAA,CAAA;AAAA7D,IAAAA,CAAA,OAAAyB,OAAA,CAAA;AAAAzB,IAAAA,CAAA,OAAAmD,GAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,GAAA,GAAAnD,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,IAAAqD,GAAA,CAAA;AAAA,EAAA,IAAArD,CAAA,CAAA,EAAA,CAAA,KAAA+B,UAAA,IAAA/B,CAAA,CAAA,EAAA,CAAA,KAAAM,KAAA,IAAAN,CAAA,CAAA,EAAA,CAAA,KAAAD,GAAA,IAAAC,CAAA,CAAAO,EAAAA,CAAAA,KAAAA,MAAA,IAAAP,CAAA,CAAAkD,EAAAA,CAAAA,KAAAA,GAAA,IAAAlD,CAAA,CAAAmD,EAAAA,CAAAA,KAAAA,GAAA,IAAAnD,CAAA,CAAAe,EAAAA,CAAAA,KAAAA,EAAA,IAAAf,CAAA,SAAAgB,EAAA,EAAA;IAlBrCqC,GAAA,gBAAAzD,gBAAA,CAAA4C,aAAA,CAAAc,UAAA,CAAAC,MAAA,EAAAC,4BAAA,CAAA,EAAA,EACQlD,KAAK,EAAA;AACDC,MAAAA,MAAM,EAANA,MAAM;AACRgB,MAAAA,IAAiC,EAAjCR,EAAiC;AAClChB,MAAAA,GAAG,EAAHA,GAAG;AACOgC,MAAAA,eAAAA,EAAAA,UAAU;AAChB1B,MAAAA,OAAqC,EAArCW,EAAqC;AACnC2B,MAAAA,SAST,EATSO,GAAAA;AAST,KAAA,CAAA,EAEDC,GACQ,CAAC,CAAA;AAAAnD,IAAAA,CAAA,OAAA+B,UAAA,CAAA;AAAA/B,IAAAA,CAAA,OAAAM,KAAA,CAAA;AAAAN,IAAAA,CAAA,OAAAD,GAAA,CAAA;AAAAC,IAAAA,CAAA,OAAAO,MAAA,CAAA;AAAAP,IAAAA,CAAA,OAAAkD,GAAA,CAAA;AAAAlD,IAAAA,CAAA,OAAAmD,GAAA,CAAA;AAAAnD,IAAAA,CAAA,OAAAe,EAAA,CAAA;AAAAf,IAAAA,CAAA,OAAAgB,EAAA,CAAA;AAAAhB,IAAAA,CAAA,OAAAqD,GAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,GAAA,GAAArD,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;EApBlB,MAAAyD,aAAA,GACIJ,GAmBc,CAAA;EAGlB,MAAAa,cAAA,GAAuBjD,SAAO,KAAKa,SAAyC,GAA7BxB,KAAK,CAAC,YAAY,CAAW,GAArDW,SAAqD,CAAA;AAAA,EAAA,IAAAyC,GAAA,CAAA;AAAA,EAAA,IAAA1D,CAAA,CAAAyD,EAAAA,CAAAA,KAAAA,aAAA,IAAAzD,CAAA,SAAAkE,cAAA,EAAA;AACrER,IAAAA,GAAA,GAAAQ,cAAc,gBAAdtE,gBAAA,CAAA4C,aAAA,CACFmB,eAAO,EAAA;AAAUO,MAAAA,OAAc,EAAdA,cAAAA;KAAiBT,EAAAA,aAGvC,CAAC,GAJMA,aAIN,CAAA;AAAAzD,IAAAA,CAAA,OAAAyD,aAAA,CAAA;AAAAzD,IAAAA,CAAA,OAAAkE,cAAA,CAAA;AAAAlE,IAAAA,CAAA,OAAA0D,GAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,GAAA,GAAA1D,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAJM0D,GAIN,CAAA;AAAA,CACJ;;;;;"}
|
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _extends = require('@babel/runtime/helpers/extends');
|
|
6
|
+
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
6
7
|
var React = require('react');
|
|
7
8
|
var box = require('../box/box.js');
|
|
8
9
|
var text = require('../text/text.js');
|
|
@@ -10,6 +11,8 @@ var checkboxIcon = require('./checkbox-icon.js');
|
|
|
10
11
|
var useForkRef = require('./use-fork-ref.js');
|
|
11
12
|
var checkboxField_module = require('./checkbox-field.module.css.js');
|
|
12
13
|
|
|
14
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
15
|
+
|
|
13
16
|
function _interopNamespace(e) {
|
|
14
17
|
if (e && e.__esModule) return e;
|
|
15
18
|
var n = Object.create(null);
|
|
@@ -28,55 +31,79 @@ function _interopNamespace(e) {
|
|
|
28
31
|
return Object.freeze(n);
|
|
29
32
|
}
|
|
30
33
|
|
|
34
|
+
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
35
|
+
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
31
36
|
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
32
37
|
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
38
|
+
const _excluded = ["label", "icon", "disabled", "indeterminate", "defaultChecked", "onChange"];
|
|
39
|
+
const CheckboxField = /*#__PURE__*/React__namespace.forwardRef(function CheckboxField(_ref, ref) {
|
|
40
|
+
let {
|
|
41
|
+
label,
|
|
42
|
+
icon,
|
|
43
|
+
disabled,
|
|
44
|
+
indeterminate,
|
|
45
|
+
defaultChecked,
|
|
46
|
+
onChange
|
|
47
|
+
} = _ref,
|
|
48
|
+
props = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
49
|
+
const isControlledComponent = typeof props.checked === 'boolean';
|
|
50
|
+
if (typeof indeterminate === 'boolean' && !isControlledComponent) {
|
|
51
|
+
// eslint-disable-next-line no-console
|
|
52
|
+
console.warn('Cannot use indeterminate on an uncontrolled checkbox');
|
|
53
|
+
indeterminate = undefined;
|
|
54
|
+
}
|
|
55
|
+
if (!label && !props['aria-label'] && !props['aria-labelledby']) {
|
|
56
|
+
// eslint-disable-next-line no-console
|
|
57
|
+
console.warn('A Checkbox needs a label');
|
|
58
|
+
}
|
|
59
|
+
const [keyFocused, setKeyFocused] = React__namespace.useState(false);
|
|
60
|
+
const [checkedState, setChecked] = React__namespace.useState(props.checked ?? defaultChecked ?? false);
|
|
61
|
+
const isChecked = props.checked ?? checkedState;
|
|
62
|
+
const internalRef = React__namespace.useRef(null);
|
|
63
|
+
const combinedRef = useForkRef.useForkRef(internalRef, ref);
|
|
64
|
+
React__namespace.useEffect(function setIndeterminate() {
|
|
65
|
+
if (internalRef.current && typeof indeterminate === 'boolean') {
|
|
66
|
+
internalRef.current.indeterminate = indeterminate;
|
|
41
67
|
}
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
68
|
+
}, [indeterminate]);
|
|
69
|
+
return /*#__PURE__*/React__namespace.createElement(box.Box, {
|
|
70
|
+
as: "label",
|
|
71
|
+
display: "flex",
|
|
72
|
+
alignItems: "center",
|
|
73
|
+
className: [checkboxField_module["default"].container, disabled ? checkboxField_module["default"].disabled : null, isChecked ? checkboxField_module["default"].checked : null, keyFocused ? checkboxField_module["default"].keyFocused : null]
|
|
74
|
+
}, /*#__PURE__*/React__namespace.createElement("input", _extends__default["default"]({}, props, {
|
|
75
|
+
ref: combinedRef,
|
|
76
|
+
type: "checkbox",
|
|
77
|
+
"aria-checked": indeterminate ? 'mixed' : isChecked,
|
|
78
|
+
checked: isChecked,
|
|
79
|
+
disabled: disabled,
|
|
80
|
+
onChange: event => {
|
|
81
|
+
onChange?.(event);
|
|
82
|
+
if (!event.defaultPrevented) {
|
|
83
|
+
setChecked(event.currentTarget.checked);
|
|
84
|
+
}
|
|
85
|
+
},
|
|
86
|
+
onBlur: event_0 => {
|
|
87
|
+
setKeyFocused(false);
|
|
88
|
+
props?.onBlur?.(event_0);
|
|
89
|
+
},
|
|
90
|
+
onKeyUp: event_1 => {
|
|
91
|
+
setKeyFocused(true);
|
|
92
|
+
props?.onKeyUp?.(event_1);
|
|
45
93
|
}
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
isChecked ? checkboxField_module["default"].checked : null,
|
|
60
|
-
keyFocused ? checkboxField_module["default"].keyFocused : null,
|
|
61
|
-
] },
|
|
62
|
-
React__namespace.createElement("input", tslib.__assign({}, props, { ref: combinedRef, type: "checkbox", "aria-checked": indeterminate ? 'mixed' : isChecked, checked: isChecked, disabled: disabled, onChange: function (event) {
|
|
63
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(event);
|
|
64
|
-
if (!event.defaultPrevented) {
|
|
65
|
-
setChecked(event.currentTarget.checked);
|
|
66
|
-
}
|
|
67
|
-
}, onBlur: function (event) {
|
|
68
|
-
var _a;
|
|
69
|
-
setKeyFocused(false);
|
|
70
|
-
(_a = props === null || props === void 0 ? void 0 : props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, event);
|
|
71
|
-
}, onKeyUp: function (event) {
|
|
72
|
-
var _a;
|
|
73
|
-
setKeyFocused(true);
|
|
74
|
-
(_a = props === null || props === void 0 ? void 0 : props.onKeyUp) === null || _a === void 0 ? void 0 : _a.call(props, event);
|
|
75
|
-
} })),
|
|
76
|
-
React__namespace.createElement(checkboxIcon.CheckboxIcon, { checked: isChecked, disabled: disabled, indeterminate: indeterminate, "aria-hidden": true }),
|
|
77
|
-
icon ? (React__namespace.createElement(box.Box, { display: "flex", className: checkboxField_module["default"].icon, "aria-hidden": true }, icon)) : null,
|
|
78
|
-
label ? (React__namespace.createElement(box.Box, { display: "flex", className: checkboxField_module["default"].label },
|
|
79
|
-
React__namespace.createElement(text.Text, null, label))) : null));
|
|
94
|
+
})), /*#__PURE__*/React__namespace.createElement(checkboxIcon.CheckboxIcon, {
|
|
95
|
+
checked: isChecked,
|
|
96
|
+
disabled: disabled,
|
|
97
|
+
indeterminate: indeterminate,
|
|
98
|
+
"aria-hidden": true
|
|
99
|
+
}), icon ? /*#__PURE__*/React__namespace.createElement(box.Box, {
|
|
100
|
+
display: "flex",
|
|
101
|
+
className: checkboxField_module["default"].icon,
|
|
102
|
+
"aria-hidden": true
|
|
103
|
+
}, icon) : null, label ? /*#__PURE__*/React__namespace.createElement(box.Box, {
|
|
104
|
+
display: "flex",
|
|
105
|
+
className: checkboxField_module["default"].label
|
|
106
|
+
}, /*#__PURE__*/React__namespace.createElement(text.Text, null, label)) : null);
|
|
80
107
|
});
|
|
81
108
|
|
|
82
109
|
exports.CheckboxField = CheckboxField;
|