@doist/reactist 29.1.0 → 29.1.2
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 +14 -0
- package/dist/reactist.cjs.development.js +6749 -1829
- 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 -16
- 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 -14
- 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 +10 -2
|
@@ -2,12 +2,16 @@
|
|
|
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 baseField = require('../base-field/base-field.js');
|
|
8
10
|
var box = require('../box/box.js');
|
|
9
11
|
var selectField_module = require('./select-field.module.css.js');
|
|
10
12
|
|
|
13
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
14
|
+
|
|
11
15
|
function _interopNamespace(e) {
|
|
12
16
|
if (e && e.__esModule) return e;
|
|
13
17
|
var n = Object.create(null);
|
|
@@ -26,23 +30,157 @@ function _interopNamespace(e) {
|
|
|
26
30
|
return Object.freeze(n);
|
|
27
31
|
}
|
|
28
32
|
|
|
33
|
+
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
34
|
+
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
29
35
|
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
30
36
|
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
37
|
+
const _excluded = ["variant", "id", "label", "value", "auxiliaryLabel", "message", "tone", "maxWidth", "children", "hidden", "aria-describedby", "onChange"],
|
|
38
|
+
_excluded2 = ["characterCountElement"];
|
|
39
|
+
const SelectField = /*#__PURE__*/React__namespace.forwardRef(function SelectField(t0, ref) {
|
|
40
|
+
const $ = reactCompilerRuntime.c(33);
|
|
41
|
+
let ariaDescribedBy;
|
|
42
|
+
let auxiliaryLabel;
|
|
43
|
+
let children;
|
|
44
|
+
let hidden;
|
|
45
|
+
let id;
|
|
46
|
+
let label;
|
|
47
|
+
let maxWidth;
|
|
48
|
+
let message;
|
|
49
|
+
let originalOnChange;
|
|
50
|
+
let props;
|
|
51
|
+
let t1;
|
|
52
|
+
let tone;
|
|
53
|
+
let value;
|
|
54
|
+
if ($[0] !== t0) {
|
|
55
|
+
var _t = t0;
|
|
56
|
+
({
|
|
57
|
+
variant: t1,
|
|
58
|
+
id,
|
|
59
|
+
label,
|
|
60
|
+
value,
|
|
61
|
+
auxiliaryLabel,
|
|
62
|
+
message,
|
|
63
|
+
tone,
|
|
64
|
+
maxWidth,
|
|
65
|
+
children,
|
|
66
|
+
hidden,
|
|
67
|
+
"aria-describedby": ariaDescribedBy,
|
|
68
|
+
onChange: originalOnChange
|
|
69
|
+
} = _t);
|
|
70
|
+
props = _objectWithoutProperties__default["default"](_t, _excluded);
|
|
71
|
+
$[0] = t0;
|
|
72
|
+
$[1] = ariaDescribedBy;
|
|
73
|
+
$[2] = auxiliaryLabel;
|
|
74
|
+
$[3] = children;
|
|
75
|
+
$[4] = hidden;
|
|
76
|
+
$[5] = id;
|
|
77
|
+
$[6] = label;
|
|
78
|
+
$[7] = maxWidth;
|
|
79
|
+
$[8] = message;
|
|
80
|
+
$[9] = originalOnChange;
|
|
81
|
+
$[10] = props;
|
|
82
|
+
$[11] = t1;
|
|
83
|
+
$[12] = tone;
|
|
84
|
+
$[13] = value;
|
|
85
|
+
} else {
|
|
86
|
+
ariaDescribedBy = $[1];
|
|
87
|
+
auxiliaryLabel = $[2];
|
|
88
|
+
children = $[3];
|
|
89
|
+
hidden = $[4];
|
|
90
|
+
id = $[5];
|
|
91
|
+
label = $[6];
|
|
92
|
+
maxWidth = $[7];
|
|
93
|
+
message = $[8];
|
|
94
|
+
originalOnChange = $[9];
|
|
95
|
+
props = $[10];
|
|
96
|
+
t1 = $[11];
|
|
97
|
+
tone = $[12];
|
|
98
|
+
value = $[13];
|
|
99
|
+
}
|
|
100
|
+
const variant = t1 === undefined ? "default" : t1;
|
|
101
|
+
let t2;
|
|
102
|
+
if ($[14] !== children || $[15] !== originalOnChange || $[16] !== props || $[17] !== ref || $[18] !== tone || $[19] !== variant) {
|
|
103
|
+
t2 = t3 => {
|
|
104
|
+
const extraProps = _objectWithoutProperties__default["default"](t3, _excluded2);
|
|
105
|
+
return /*#__PURE__*/React__namespace.createElement(box.Box, {
|
|
106
|
+
"data-testid": "select-wrapper",
|
|
107
|
+
className: [selectField_module["default"].selectWrapper, tone === "error" ? selectField_module["default"].error : null, variant === "bordered" ? selectField_module["default"].bordered : null]
|
|
108
|
+
}, /*#__PURE__*/React__namespace.createElement("select", _extends__default["default"]({}, props, extraProps, {
|
|
109
|
+
ref: ref,
|
|
110
|
+
onChange: event => {
|
|
111
|
+
originalOnChange?.(event);
|
|
112
|
+
}
|
|
113
|
+
}), children), /*#__PURE__*/React__namespace.createElement(SelectChevron, {
|
|
114
|
+
"aria-hidden": true
|
|
115
|
+
}));
|
|
116
|
+
};
|
|
117
|
+
$[14] = children;
|
|
118
|
+
$[15] = originalOnChange;
|
|
119
|
+
$[16] = props;
|
|
120
|
+
$[17] = ref;
|
|
121
|
+
$[18] = tone;
|
|
122
|
+
$[19] = variant;
|
|
123
|
+
$[20] = t2;
|
|
124
|
+
} else {
|
|
125
|
+
t2 = $[20];
|
|
126
|
+
}
|
|
127
|
+
let t3;
|
|
128
|
+
if ($[21] !== ariaDescribedBy || $[22] !== auxiliaryLabel || $[23] !== hidden || $[24] !== id || $[25] !== label || $[26] !== maxWidth || $[27] !== message || $[28] !== t2 || $[29] !== tone || $[30] !== value || $[31] !== variant) {
|
|
129
|
+
t3 = /*#__PURE__*/React__namespace.createElement(baseField.BaseField, {
|
|
130
|
+
variant: variant,
|
|
131
|
+
id: id,
|
|
132
|
+
label: label,
|
|
133
|
+
value: value,
|
|
134
|
+
auxiliaryLabel: auxiliaryLabel,
|
|
135
|
+
message: message,
|
|
136
|
+
tone: tone,
|
|
137
|
+
maxWidth: maxWidth,
|
|
138
|
+
hidden: hidden,
|
|
139
|
+
"aria-describedby": ariaDescribedBy
|
|
140
|
+
}, t2);
|
|
141
|
+
$[21] = ariaDescribedBy;
|
|
142
|
+
$[22] = auxiliaryLabel;
|
|
143
|
+
$[23] = hidden;
|
|
144
|
+
$[24] = id;
|
|
145
|
+
$[25] = label;
|
|
146
|
+
$[26] = maxWidth;
|
|
147
|
+
$[27] = message;
|
|
148
|
+
$[28] = t2;
|
|
149
|
+
$[29] = tone;
|
|
150
|
+
$[30] = value;
|
|
151
|
+
$[31] = variant;
|
|
152
|
+
$[32] = t3;
|
|
153
|
+
} else {
|
|
154
|
+
t3 = $[32];
|
|
155
|
+
}
|
|
156
|
+
return t3;
|
|
42
157
|
});
|
|
43
158
|
function SelectChevron(props) {
|
|
44
|
-
|
|
45
|
-
|
|
159
|
+
const $ = reactCompilerRuntime.c(3);
|
|
160
|
+
let t0;
|
|
161
|
+
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
|
|
162
|
+
t0 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
163
|
+
d: "M11.646 5.646a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 1 1 .708-.708L8 9.293l3.646-3.647z",
|
|
164
|
+
fill: "currentColor"
|
|
165
|
+
});
|
|
166
|
+
$[0] = t0;
|
|
167
|
+
} else {
|
|
168
|
+
t0 = $[0];
|
|
169
|
+
}
|
|
170
|
+
let t1;
|
|
171
|
+
if ($[1] !== props) {
|
|
172
|
+
t1 = /*#__PURE__*/React__namespace.createElement("svg", _extends__default["default"]({
|
|
173
|
+
width: "16",
|
|
174
|
+
height: "16",
|
|
175
|
+
fill: "none",
|
|
176
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
177
|
+
}, props), t0);
|
|
178
|
+
$[1] = props;
|
|
179
|
+
$[2] = t1;
|
|
180
|
+
} else {
|
|
181
|
+
t1 = $[2];
|
|
182
|
+
}
|
|
183
|
+
return t1;
|
|
46
184
|
}
|
|
47
185
|
|
|
48
186
|
exports.SelectField = SelectField;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select-field.js","sources":["../../src/select-field/select-field.tsx"],"sourcesContent":[null],"names":["React","
|
|
1
|
+
{"version":3,"file":"select-field.js","sources":["../../src/select-field/select-field.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { BaseField } from '../base-field'\nimport { Box } from '../box'\n\nimport styles from './select-field.module.css'\n\nimport type { BaseFieldVariantProps, FieldComponentProps } from '../base-field'\n\ninterface SelectFieldProps\n extends Omit<\n FieldComponentProps<HTMLSelectElement>,\n | 'maxLength'\n | 'characterCountPosition'\n | 'endSlot'\n | 'supportsStartAndEndSlots'\n | 'endSlotPosition'\n >,\n BaseFieldVariantProps {}\n\nconst SelectField = React.forwardRef<HTMLSelectElement, SelectFieldProps>(function SelectField(\n {\n variant = 'default',\n id,\n label,\n value,\n auxiliaryLabel,\n message,\n tone,\n maxWidth,\n children,\n hidden,\n 'aria-describedby': ariaDescribedBy,\n onChange: originalOnChange,\n ...props\n },\n ref,\n) {\n return (\n <BaseField\n variant={variant}\n id={id}\n label={label}\n value={value}\n auxiliaryLabel={auxiliaryLabel}\n message={message}\n tone={tone}\n maxWidth={maxWidth}\n hidden={hidden}\n aria-describedby={ariaDescribedBy}\n >\n {({ characterCountElement, ...extraProps }) => (\n <Box\n data-testid=\"select-wrapper\"\n className={[\n styles.selectWrapper,\n tone === 'error' ? styles.error : null,\n variant === 'bordered' ? styles.bordered : null,\n ]}\n >\n <select\n {...props}\n {...extraProps}\n ref={ref}\n onChange={(event) => {\n originalOnChange?.(event)\n }}\n >\n {children}\n </select>\n <SelectChevron aria-hidden />\n </Box>\n )}\n </BaseField>\n )\n})\n\nfunction SelectChevron(props: JSX.IntrinsicElements['svg']) {\n return (\n <svg width=\"16\" height=\"16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n <path\n d=\"M11.646 5.646a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 1 1 .708-.708L8 9.293l3.646-3.647z\"\n fill=\"currentColor\"\n />\n </svg>\n )\n}\n\nexport { SelectField }\nexport type { SelectFieldProps }\n"],"names":["SelectField","React","forwardRef","t0","ref","$","_c","ariaDescribedBy","auxiliaryLabel","children","hidden","id","label","maxWidth","message","originalOnChange","props","t1","tone","value","_t","variant","onChange","_objectWithoutProperties","_excluded","undefined","t2","t3","extraProps","_excluded2","createElement","Box","className","styles","selectWrapper","error","bordered","_extends","event","SelectChevron","BaseField","Symbol","for","d","fill","width","height","xmlns"],"mappings":"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"}
|
package/lib/spinner/spinner.js
CHANGED
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
var reactCompilerRuntime = require('react-compiler-runtime');
|
|
5
6
|
var React = require('react');
|
|
6
7
|
var spinner_module = require('./spinner.module.css.js');
|
|
7
8
|
|
|
@@ -25,12 +26,44 @@ function _interopNamespace(e) {
|
|
|
25
26
|
|
|
26
27
|
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
27
28
|
|
|
28
|
-
function Spinner(
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
29
|
+
function Spinner(t0) {
|
|
30
|
+
const $ = reactCompilerRuntime.c(3);
|
|
31
|
+
const {
|
|
32
|
+
size: t1
|
|
33
|
+
} = t0;
|
|
34
|
+
const size = t1 === undefined ? 18 : t1;
|
|
35
|
+
let t2;
|
|
36
|
+
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
|
|
37
|
+
t2 = /*#__PURE__*/React__namespace.createElement("g", {
|
|
38
|
+
fill: "none",
|
|
39
|
+
fillRule: "nonzero"
|
|
40
|
+
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
41
|
+
className: spinner_module["default"].tint,
|
|
42
|
+
d: "M17.945 3.958A9.955 9.955 0 0 0 12 2c-2.19 0-4.217.705-5.865 1.9L5.131 2.16A11.945 11.945 0 0 1 12 0c2.59 0 4.99.82 6.95 2.217l-1.005 1.741z"
|
|
43
|
+
}), /*#__PURE__*/React__namespace.createElement("path", {
|
|
44
|
+
className: spinner_module["default"].fill,
|
|
45
|
+
d: "M5.13 2.16L6.136 3.9A9.987 9.987 0 0 0 2 12c0 5.523 4.477 10 10 10s10-4.477 10-10a9.986 9.986 0 0 0-4.055-8.042l1.006-1.741A11.985 11.985 0 0 1 24 12c0 6.627-5.373 12-12 12S0 18.627 0 12c0-4.073 2.029-7.671 5.13-9.84z"
|
|
46
|
+
}));
|
|
47
|
+
$[0] = t2;
|
|
48
|
+
} else {
|
|
49
|
+
t2 = $[0];
|
|
50
|
+
}
|
|
51
|
+
let t3;
|
|
52
|
+
if ($[1] !== size) {
|
|
53
|
+
t3 = /*#__PURE__*/React__namespace.createElement("svg", {
|
|
54
|
+
"aria-hidden": true,
|
|
55
|
+
width: size,
|
|
56
|
+
height: size,
|
|
57
|
+
viewBox: "0 0 24 24",
|
|
58
|
+
className: spinner_module["default"].svg,
|
|
59
|
+
"data-chromatic": "ignore"
|
|
60
|
+
}, t2);
|
|
61
|
+
$[1] = size;
|
|
62
|
+
$[2] = t3;
|
|
63
|
+
} else {
|
|
64
|
+
t3 = $[2];
|
|
65
|
+
}
|
|
66
|
+
return t3;
|
|
34
67
|
}
|
|
35
68
|
|
|
36
69
|
exports.Spinner = Spinner;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spinner.js","sources":["../../src/spinner/spinner.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"spinner.js","sources":["../../src/spinner/spinner.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport styles from './spinner.module.css'\n\nfunction Spinner({ size = 18 }: { size?: number }) {\n return (\n <svg\n aria-hidden\n width={size}\n height={size}\n viewBox=\"0 0 24 24\"\n className={styles.svg}\n data-chromatic=\"ignore\"\n >\n <g fill=\"none\" fillRule=\"nonzero\">\n <path\n className={styles.tint}\n d=\"M17.945 3.958A9.955 9.955 0 0 0 12 2c-2.19 0-4.217.705-5.865 1.9L5.131 2.16A11.945 11.945 0 0 1 12 0c2.59 0 4.99.82 6.95 2.217l-1.005 1.741z\"\n />\n <path\n className={styles.fill}\n d=\"M5.13 2.16L6.136 3.9A9.987 9.987 0 0 0 2 12c0 5.523 4.477 10 10 10s10-4.477 10-10a9.986 9.986 0 0 0-4.055-8.042l1.006-1.741A11.985 11.985 0 0 1 24 12c0 6.627-5.373 12-12 12S0 18.627 0 12c0-4.073 2.029-7.671 5.13-9.84z\"\n />\n </g>\n </svg>\n )\n}\n\nexport { Spinner }\n"],"names":["Spinner","t0","$","_c","size","t1","undefined","t2","Symbol","for","React","createElement","fill","fillRule","className","styles","tint","d","t3","viewBox","svg"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,SAAAA,QAAAC,EAAA,EAAA;EAAA,MAAAC,CAAA,GAAAC,sBAAA,CAAA,CAAA,CAAA,CAAA;AAAiB,EAAA,MAAA;AAAAC,IAAAA,IAAA,EAAAC,EAAAA;AAAA,GAAA,GAAAJ,EAAgC,CAAA;EAA9B,MAAAG,IAAA,GAAAC,EAAS,KAATC,SAAS,GAAT,EAAS,GAATD,EAAS,CAAA;AAAA,EAAA,IAAAE,EAAA,CAAA;AAAA,EAAA,IAAAL,CAAA,CAAA,CAAA,CAAA,KAAAM,MAAA,CAAAC,GAAA,CAAA,2BAAA,CAAA,EAAA;IAUhBF,EAAA,gBAAAG,gBAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AAAQC,MAAAA,IAAM,EAAN,MAAM;AAAUC,MAAAA,QAAS,EAAT,SAAA;KACpBH,eAAAA,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;MACeG,SAAW,EAAXC,yBAAM,CAAAC,IAAK;AACpBC,MAAAA,CAA8I,EAA9I,8IAAA;AAA8I,KACnJ,CAAC,eACFP,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;MACeG,SAAW,EAAXC,yBAAM,CAAAH,IAAK;AACpBK,MAAAA,CAA2N,EAA3N,2NAAA;AAA2N,KAChO,CACF,CAAC,CAAA;AAAAf,IAAAA,CAAA,MAAAK,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAAL,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,IAAAgB,EAAA,CAAA;EAAA,IAAAhB,CAAA,QAAAE,IAAA,EAAA;IAjBRc,EAAA,gBAAAR,gBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MACI,aAAW,EAAA,IAAA;AACJP,MAAAA,KAAI,EAAJA,IAAI;AACHA,MAAAA,MAAI,EAAJA,IAAI;AACJe,MAAAA,OAAW,EAAX,WAAW;MACRL,SAAU,EAAVC,yBAAM,CAAAK,GAAI;AACN,MAAA,gBAAA,EAAA,QAAA;AAAQ,KAAA,EAEvBb,EAUC,CAAC,CAAA;AAAAL,IAAAA,CAAA,MAAAE,IAAA,CAAA;AAAAF,IAAAA,CAAA,MAAAgB,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAAhB,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAlBNgB,EAkBM,CAAA;AAAA;;;;"}
|
package/lib/stack/stack.js
CHANGED
|
@@ -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 flattenChildren = require('react-keyed-flatten-children');
|
|
8
9
|
var box = require('../box/box.js');
|
|
@@ -30,23 +31,36 @@ function _interopNamespace(e) {
|
|
|
30
31
|
return Object.freeze(n);
|
|
31
32
|
}
|
|
32
33
|
|
|
34
|
+
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
35
|
+
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
33
36
|
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
34
37
|
var flattenChildren__default = /*#__PURE__*/_interopDefaultLegacy(flattenChildren);
|
|
35
38
|
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
39
|
+
const _excluded = ["as", "space", "align", "dividers", "width", "children", "exceptionallySetClassName"];
|
|
40
|
+
const Stack = polymorphism.polymorphicComponent(function Stack(_ref, ref) {
|
|
41
|
+
let {
|
|
42
|
+
as,
|
|
43
|
+
space,
|
|
44
|
+
align,
|
|
45
|
+
dividers = 'none',
|
|
46
|
+
width = 'full',
|
|
47
|
+
children,
|
|
48
|
+
exceptionallySetClassName
|
|
49
|
+
} = _ref,
|
|
50
|
+
props = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
51
|
+
const alignItems = align === undefined ? undefined : responsiveProps.mapResponsiveProp(align, align => align === 'start' ? 'flexStart' : align === 'end' ? 'flexEnd' : 'center');
|
|
52
|
+
return /*#__PURE__*/React__namespace.createElement(box.Box, _extends__default["default"]({}, props, {
|
|
53
|
+
display: "flex",
|
|
54
|
+
flexDirection: "column",
|
|
55
|
+
width: width,
|
|
56
|
+
alignItems: alignItems,
|
|
57
|
+
gap: space,
|
|
58
|
+
as: as,
|
|
59
|
+
className: exceptionallySetClassName,
|
|
60
|
+
ref: ref
|
|
61
|
+
}), dividers !== 'none' ? React__namespace.Children.map(flattenChildren__default["default"](children), (child, index) => index > 0 ? /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(divider.Divider, {
|
|
62
|
+
weight: dividers
|
|
63
|
+
}), child) : child) : children);
|
|
50
64
|
});
|
|
51
65
|
|
|
52
66
|
exports.Stack = Stack;
|
package/lib/stack/stack.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stack.js","sources":["../../src/stack/stack.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"stack.js","sources":["../../src/stack/stack.tsx"],"sourcesContent":["import * as React from 'react'\nimport flattenChildren from 'react-keyed-flatten-children'\n\nimport { Box } from '../box'\nimport { Divider } from '../divider'\nimport { polymorphicComponent } from '../utils/polymorphism'\nimport { mapResponsiveProp } from '../utils/responsive-props'\n\nimport type { BoxProps, ReusableBoxProps } from '../box'\nimport type { DividerWeight, Space } from '../utils/common-types'\nimport type { ResponsiveProp } from '../utils/responsive-props'\n\ntype Align = 'start' | 'center' | 'end'\n\ninterface StackProps extends ReusableBoxProps {\n /** Space between items */\n space?: ResponsiveProp<Space>\n /** Align items horizontally */\n align?: ResponsiveProp<Align>\n /** The weight of the dividers to add. Defaults to 'none', which means no dividers are added */\n dividers?: DividerWeight\n}\n\nconst Stack = polymorphicComponent<'div', StackProps>(function Stack(\n {\n as,\n space,\n align,\n dividers = 'none',\n width = 'full',\n children,\n exceptionallySetClassName,\n ...props\n },\n ref,\n) {\n const alignItems: BoxProps['alignItems'] =\n align === undefined\n ? undefined\n : mapResponsiveProp(align, (align) =>\n align === 'start' ? 'flexStart' : align === 'end' ? 'flexEnd' : 'center',\n )\n\n return (\n <Box\n {...props}\n display=\"flex\"\n flexDirection=\"column\"\n width={width}\n alignItems={alignItems}\n gap={space}\n as={as}\n className={exceptionallySetClassName}\n ref={ref}\n >\n {dividers !== 'none'\n ? React.Children.map(flattenChildren(children), (child, index) =>\n index > 0 ? (\n <>\n <Divider weight={dividers} />\n {child}\n </>\n ) : (\n child\n ),\n )\n : children}\n </Box>\n )\n})\n\nexport type { StackProps }\nexport { Stack }\n"],"names":["Stack","polymorphicComponent","_ref","ref","as","space","align","dividers","width","children","exceptionallySetClassName","props","_objectWithoutProperties","_excluded","alignItems","undefined","mapResponsiveProp","React","createElement","Box","_extends","display","flexDirection","gap","className","Children","map","flattenChildren","child","index","Fragment","Divider","weight"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBMA,MAAAA,KAAK,GAAGC,iCAAoB,CAAoB,SAASD,KAAKA,CAAAE,IAAA,EAWhEC,GAAG,EACL;EAAA,IAXE;MACIC,EAAE;MACFC,KAAK;MACLC,KAAK;AACLC,MAAAA,QAAQ,GAAG,MAAM;AACjBC,MAAAA,KAAK,GAAG,MAAM;MACdC,QAAQ;AACRC,MAAAA,yBAAAA;AAEJ,KAAC,GAAAR,IAAA;AADMS,IAAAA,KAAK,GAAAC,4CAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA,CAAA;EAIZ,MAAMC,UAAkC,GACpCR,KAAK,KAAKS,SAAS,GACbA,SAAS,GACTC,iCAAiB,CAACV,KAAK,EAAGA,KAAK,IAC3BA,KAAK,KAAK,OAAO,GAAG,WAAW,GAAGA,KAAK,KAAK,KAAK,GAAG,SAAS,GAAG,QACpE,CAAC,CAAA;EAEX,oBACIW,gBAAA,CAAAC,aAAA,CAACC,OAAG,EAAAC,4BAAA,KACIT,KAAK,EAAA;AACTU,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,aAAa,EAAC,QAAQ;AACtBd,IAAAA,KAAK,EAAEA,KAAM;AACbM,IAAAA,UAAU,EAAEA,UAAW;AACvBS,IAAAA,GAAG,EAAElB,KAAM;AACXD,IAAAA,EAAE,EAAEA,EAAG;AACPoB,IAAAA,SAAS,EAAEd,yBAA0B;AACrCP,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GAAA,CAAA,EAERI,QAAQ,KAAK,MAAM,GACdU,gBAAK,CAACQ,QAAQ,CAACC,GAAG,CAACC,mCAAe,CAAClB,QAAQ,CAAC,EAAE,CAACmB,KAAK,EAAEC,KAAK,KACvDA,KAAK,GAAG,CAAC,gBACLZ,gBAAA,CAAAC,aAAA,CAAAD,gBAAA,CAAAa,QAAA,EACIb,IAAAA,eAAAA,gBAAA,CAAAC,aAAA,CAACa,eAAO,EAAA;AAACC,IAAAA,MAAM,EAAEzB,QAAAA;GAAW,CAAC,EAC5BqB,KACH,CAAC,GAEHA,KAER,CAAC,GACDnB,QACL,CAAC,CAAA;AAEd,CAAC;;;;"}
|