@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,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 classNames = require('classnames');
|
|
7
8
|
var tooltip = require('../../tooltip/tooltip.js');
|
|
@@ -30,54 +31,197 @@ function _interopNamespace(e) {
|
|
|
30
31
|
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
31
32
|
var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
|
|
32
33
|
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
'#82BA00',
|
|
39
|
-
'#D24726',
|
|
40
|
-
'#AC193D',
|
|
41
|
-
'#DC4FAD',
|
|
42
|
-
'#3BD5FB',
|
|
43
|
-
'#74E8D3',
|
|
44
|
-
'#FFCC00',
|
|
45
|
-
'#FB886E',
|
|
46
|
-
'#CCCCCC',
|
|
47
|
-
];
|
|
48
|
-
var _isNamedColor = function (color) {
|
|
49
|
-
return typeof color !== 'string';
|
|
34
|
+
const COLORS = ['#606060', '#4A90E2', '#03B3B2', '#008299', '#82BA00', '#D24726', '#AC193D', '#DC4FAD', '#3BD5FB', '#74E8D3', '#FFCC00', '#FB886E', '#CCCCCC'];
|
|
35
|
+
const _isNamedColor = color => typeof color !== 'string';
|
|
36
|
+
const _getColor = (colorList, colorIndex) => {
|
|
37
|
+
const index = colorIndex >= colorList.length ? 0 : colorIndex;
|
|
38
|
+
return colorList[index];
|
|
50
39
|
};
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
40
|
+
function ColorPicker(t0) {
|
|
41
|
+
const $ = reactCompilerRuntime.c(26);
|
|
42
|
+
const {
|
|
43
|
+
color: t1,
|
|
44
|
+
small,
|
|
45
|
+
onChange,
|
|
46
|
+
colorList: t2
|
|
47
|
+
} = t0;
|
|
48
|
+
const color = t1 === undefined ? 0 : t1;
|
|
49
|
+
const colorList = t2 === undefined ? COLORS : t2;
|
|
50
|
+
let t3;
|
|
51
|
+
let t4;
|
|
52
|
+
if ($[0] !== color || $[1] !== colorList || $[2] !== small) {
|
|
53
|
+
const backgroundColor = _getColor(colorList, color);
|
|
54
|
+
if ($[5] !== small) {
|
|
55
|
+
t4 = classNames__default["default"]("color_trigger", {
|
|
56
|
+
small
|
|
57
|
+
});
|
|
58
|
+
$[5] = small;
|
|
59
|
+
$[6] = t4;
|
|
60
|
+
} else {
|
|
61
|
+
t4 = $[6];
|
|
62
|
+
}
|
|
63
|
+
t3 = _isNamedColor(backgroundColor) ? backgroundColor.color : backgroundColor;
|
|
64
|
+
$[0] = color;
|
|
65
|
+
$[1] = colorList;
|
|
66
|
+
$[2] = small;
|
|
67
|
+
$[3] = t3;
|
|
68
|
+
$[4] = t4;
|
|
69
|
+
} else {
|
|
70
|
+
t3 = $[3];
|
|
71
|
+
t4 = $[4];
|
|
72
|
+
}
|
|
73
|
+
let t5;
|
|
74
|
+
if ($[7] !== t3) {
|
|
75
|
+
t5 = {
|
|
76
|
+
backgroundColor: t3
|
|
77
|
+
};
|
|
78
|
+
$[7] = t3;
|
|
79
|
+
$[8] = t5;
|
|
80
|
+
} else {
|
|
81
|
+
t5 = $[8];
|
|
82
|
+
}
|
|
83
|
+
let t6;
|
|
84
|
+
if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
|
|
85
|
+
t6 = /*#__PURE__*/React__namespace.createElement("span", {
|
|
86
|
+
className: "color_trigger--inner_ring"
|
|
87
|
+
});
|
|
88
|
+
$[9] = t6;
|
|
89
|
+
} else {
|
|
90
|
+
t6 = $[9];
|
|
91
|
+
}
|
|
92
|
+
let t7;
|
|
93
|
+
if ($[10] !== t4 || $[11] !== t5) {
|
|
94
|
+
t7 = /*#__PURE__*/React__namespace.createElement(dropdown.Dropdown.Trigger, null, /*#__PURE__*/React__namespace.createElement("span", {
|
|
95
|
+
className: t4,
|
|
96
|
+
style: t5
|
|
97
|
+
}, t6));
|
|
98
|
+
$[10] = t4;
|
|
99
|
+
$[11] = t5;
|
|
100
|
+
$[12] = t7;
|
|
101
|
+
} else {
|
|
102
|
+
t7 = $[12];
|
|
103
|
+
}
|
|
104
|
+
let t8;
|
|
105
|
+
if ($[13] !== color || $[14] !== colorList || $[15] !== onChange) {
|
|
106
|
+
let t9;
|
|
107
|
+
if ($[17] !== color || $[18] !== colorList.length || $[19] !== onChange) {
|
|
108
|
+
t9 = (items, currentColor, currentIndex) => {
|
|
109
|
+
items.push(/*#__PURE__*/React__namespace.createElement(ColorItem, {
|
|
110
|
+
isActive: color >= colorList.length ? currentIndex === 0 : currentIndex === color,
|
|
111
|
+
key: currentIndex,
|
|
112
|
+
color: _isNamedColor(currentColor) ? currentColor.color : currentColor,
|
|
113
|
+
colorIndex: currentIndex,
|
|
114
|
+
onClick: onChange,
|
|
115
|
+
tooltip: _isNamedColor(currentColor) ? currentColor.name : null
|
|
116
|
+
}));
|
|
117
|
+
return items;
|
|
118
|
+
};
|
|
119
|
+
$[17] = color;
|
|
120
|
+
$[18] = colorList.length;
|
|
121
|
+
$[19] = onChange;
|
|
122
|
+
$[20] = t9;
|
|
123
|
+
} else {
|
|
124
|
+
t9 = $[20];
|
|
125
|
+
}
|
|
126
|
+
t8 = colorList.reduce(t9, []);
|
|
127
|
+
$[13] = color;
|
|
128
|
+
$[14] = colorList;
|
|
129
|
+
$[15] = onChange;
|
|
130
|
+
$[16] = t8;
|
|
131
|
+
} else {
|
|
132
|
+
t8 = $[16];
|
|
133
|
+
}
|
|
134
|
+
let t9;
|
|
135
|
+
if ($[21] !== t8) {
|
|
136
|
+
t9 = /*#__PURE__*/React__namespace.createElement(dropdown.Dropdown.Body, null, /*#__PURE__*/React__namespace.createElement("div", {
|
|
137
|
+
className: "color_options"
|
|
138
|
+
}, t8));
|
|
139
|
+
$[21] = t8;
|
|
140
|
+
$[22] = t9;
|
|
141
|
+
} else {
|
|
142
|
+
t9 = $[22];
|
|
143
|
+
}
|
|
144
|
+
let t10;
|
|
145
|
+
if ($[23] !== t7 || $[24] !== t9) {
|
|
146
|
+
t10 = /*#__PURE__*/React__namespace.createElement(dropdown.Dropdown.Box, {
|
|
147
|
+
right: true,
|
|
148
|
+
className: "reactist_color_picker"
|
|
149
|
+
}, t7, t9);
|
|
150
|
+
$[23] = t7;
|
|
151
|
+
$[24] = t9;
|
|
152
|
+
$[25] = t10;
|
|
153
|
+
} else {
|
|
154
|
+
t10 = $[25];
|
|
155
|
+
}
|
|
156
|
+
return t10;
|
|
74
157
|
}
|
|
75
158
|
ColorPicker.displayName = 'ColorPicker';
|
|
76
|
-
function ColorItem(
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
159
|
+
function ColorItem(t0) {
|
|
160
|
+
const $ = reactCompilerRuntime.c(13);
|
|
161
|
+
const {
|
|
162
|
+
color,
|
|
163
|
+
colorIndex,
|
|
164
|
+
isActive,
|
|
165
|
+
onClick,
|
|
166
|
+
tooltip: tooltip$1
|
|
167
|
+
} = t0;
|
|
168
|
+
const t1 = "reactist color_item" + (isActive ? " active" : "");
|
|
169
|
+
let t2;
|
|
170
|
+
if ($[0] !== color) {
|
|
171
|
+
t2 = {
|
|
172
|
+
backgroundColor: color
|
|
173
|
+
};
|
|
174
|
+
$[0] = color;
|
|
175
|
+
$[1] = t2;
|
|
176
|
+
} else {
|
|
177
|
+
t2 = $[1];
|
|
178
|
+
}
|
|
179
|
+
let t3;
|
|
180
|
+
if ($[2] !== colorIndex || $[3] !== onClick) {
|
|
181
|
+
t3 = () => onClick?.(colorIndex);
|
|
182
|
+
$[2] = colorIndex;
|
|
183
|
+
$[3] = onClick;
|
|
184
|
+
$[4] = t3;
|
|
185
|
+
} else {
|
|
186
|
+
t3 = $[4];
|
|
187
|
+
}
|
|
188
|
+
let t4;
|
|
189
|
+
if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
|
|
190
|
+
t4 = /*#__PURE__*/React__namespace.createElement("span", {
|
|
191
|
+
className: "color_item--inner_ring"
|
|
192
|
+
});
|
|
193
|
+
$[5] = t4;
|
|
194
|
+
} else {
|
|
195
|
+
t4 = $[5];
|
|
196
|
+
}
|
|
197
|
+
let t5;
|
|
198
|
+
if ($[6] !== t1 || $[7] !== t2 || $[8] !== t3) {
|
|
199
|
+
t5 = /*#__PURE__*/React__namespace.createElement("span", {
|
|
200
|
+
"data-testid": "reactist-color-item",
|
|
201
|
+
className: t1,
|
|
202
|
+
style: t2,
|
|
203
|
+
onClick: t3
|
|
204
|
+
}, t4);
|
|
205
|
+
$[6] = t1;
|
|
206
|
+
$[7] = t2;
|
|
207
|
+
$[8] = t3;
|
|
208
|
+
$[9] = t5;
|
|
209
|
+
} else {
|
|
210
|
+
t5 = $[9];
|
|
211
|
+
}
|
|
212
|
+
const item = t5;
|
|
213
|
+
let t6;
|
|
214
|
+
if ($[10] !== item || $[11] !== tooltip$1) {
|
|
215
|
+
t6 = tooltip$1 ? /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, {
|
|
216
|
+
content: tooltip$1
|
|
217
|
+
}, item) : item;
|
|
218
|
+
$[10] = item;
|
|
219
|
+
$[11] = tooltip$1;
|
|
220
|
+
$[12] = t6;
|
|
221
|
+
} else {
|
|
222
|
+
t6 = $[12];
|
|
223
|
+
}
|
|
224
|
+
return t6;
|
|
81
225
|
}
|
|
82
226
|
ColorItem.displayName = 'ColorItem';
|
|
83
227
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color-picker.js","sources":["../../../src/components/color-picker/color-picker.tsx"],"sourcesContent":[null],"names":["React","DeprecatedDropdown","classnames","tooltip","Tooltip"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,IAAM,MAAM,GAAG;IACX,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;EACZ;AAED,IAAM,aAAa,GAAG,UAAC,KAAsC,EAAA;IACzD,OAAA,OAAO,KAAK,KAAK,QAAQ,CAAA;AAAzB,CAAyB,CAAA;AAE7B,IAAM,SAAS,GAAG,UAAC,SAAkC,EAAE,UAAkB,EAAA;AACrE,IAAA,IAAM,KAAK,GAAG,UAAU,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,GAAG,UAAU,CAAA;AAC7D,IAAA,OAAO,SAAS,CAAC,KAAK,CAAC,CAAA;AAC3B,CAAC,CAAA;AASD,SAAS,WAAW,CAAC,EAAyD,EAAA;AAAvD,IAAA,IAAA,EAAA,GAAA,EAAA,CAAA,KAAS,EAAT,KAAK,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,CAAC,GAAA,EAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,QAAQ,cAAA,EAAE,EAAA,GAAA,EAAA,CAAA,SAAkB,EAAlB,SAAS,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,MAAM,GAAA,EAAA,CAAA;IACjE,QACIA,gBAAC,CAAA,aAAA,CAAAC,iBAAkB,CAAC,GAAG,IAAC,KAAK,EAAA,IAAA,EAAC,SAAS,EAAC,uBAAuB,EAAA;AAC3D,QAAAD,gBAAA,CAAA,aAAA,CAACC,iBAAkB,CAAC,OAAO,EAAA,IAAA,EACtB,CAAC,YAAA;YACE,IAAM,eAAe,GAAG,SAAS,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;AAEnD,YAAA,QACID,gBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACI,SAAS,EAAEE,8BAAU,CAAC,eAAe,EAAE,EAAE,KAAK,EAAA,KAAA,EAAE,CAAC,EACjD,KAAK,EAAE;AACH,oBAAA,eAAe,EAAE,aAAa,CAAC,eAAe,CAAC;0BACzC,eAAe,CAAC,KAAK;AACvB,0BAAE,eAAe;AACxB,iBAAA,EAAA;AAED,gBAAAF,gBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,2BAA2B,EAAG,CAAA,CAC3C,EACV;SACJ,GAAG,CACqB;QAC7BA,gBAAC,CAAA,aAAA,CAAAC,iBAAkB,CAAC,IAAI,EAAA,IAAA;AACpB,YAAAD,gBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,eAAe,EAAA,EACzB,SAAS,CAAC,MAAM,CAAoB,UAAC,KAAK,EAAE,YAAY,EAAE,YAAY,EAAA;AACnE,gBAAA,KAAK,CAAC,IAAI,CACNA,gBAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EACN,QAAQ,EACJ,KAAK,IAAI,SAAS,CAAC,MAAM;0BACnB,YAAY,KAAK,CAAC;0BAClB,YAAY,KAAK,KAAK,EAEhC,GAAG,EAAE,YAAY,EACjB,KAAK,EACD,aAAa,CAAC,YAAY,CAAC,GAAG,YAAY,CAAC,KAAK,GAAG,YAAY,EAEnE,UAAU,EAAE,YAAY,EACxB,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAE,aAAa,CAAC,YAAY,CAAC,GAAG,YAAY,CAAC,IAAI,GAAG,IAAI,EACjE,CAAA,CACL,CAAA;AACD,gBAAA,OAAO,KAAK,CAAA;AAChB,aAAC,EAAE,EAAE,CAAC,CACJ,CACgB,CACL,EAC5B;AACL,CAAC;AACD,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAUvC,SAAS,SAAS,CAAC,EAAiE,EAAA;AAA/D,IAAA,IAAA,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAEG,SAAO,GAAA,EAAA,CAAA,OAAA,CAAA;AAC9D,IAAA,IAAM,IAAI,IACNH,wDACgB,qBAAqB,EACjC,SAAS,EAAE,qBAAqB,IAAI,QAAQ,GAAG,SAAS,GAAG,EAAE,CAAC,EAC9D,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,EACjC,OAAO,EAAE,YAAA,EAAM,OAAA,OAAO,KAAA,IAAA,IAAP,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,OAAO,CAAG,UAAU,CAAC,GAAA,EAAA;AAEpC,QAAAA,gBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,wBAAwB,EAAG,CAAA,CACxC,CACV,CAAA;AAED,IAAA,OAAOG,SAAO,GAAGH,gBAAA,CAAA,aAAA,CAACI,eAAO,EAAC,EAAA,OAAO,EAAED,SAAO,IAAG,IAAI,CAAW,GAAG,IAAI,CAAA;AACvE,CAAC;AACD,SAAS,CAAC,WAAW,GAAG,WAAW;;;;;;"}
|
|
1
|
+
{"version":3,"file":"color-picker.js","sources":["../../../src/components/color-picker/color-picker.tsx"],"sourcesContent":["import './color-picker.less'\n\nimport * as React from 'react'\n\nimport classnames from 'classnames'\n\nimport { Tooltip } from '../../tooltip'\nimport DeprecatedDropdown from '../deprecated-dropdown'\n\ntype NamedColor = { name: string; color: string }\n\nconst COLORS = [\n '#606060',\n '#4A90E2',\n '#03B3B2',\n '#008299',\n '#82BA00',\n '#D24726',\n '#AC193D',\n '#DC4FAD',\n '#3BD5FB',\n '#74E8D3',\n '#FFCC00',\n '#FB886E',\n '#CCCCCC',\n]\n\nconst _isNamedColor = (color: string | NamedColor | undefined): color is NamedColor =>\n typeof color !== 'string'\n\nconst _getColor = (colorList: (string | NamedColor)[], colorIndex: number) => {\n const index = colorIndex >= colorList.length ? 0 : colorIndex\n return colorList[index]\n}\n\ntype Props = {\n small?: boolean\n color?: number\n onChange?: (color: number) => void\n colorList?: (string | NamedColor)[]\n}\n\nfunction ColorPicker({ color = 0, small, onChange, colorList = COLORS }: Props) {\n return (\n <DeprecatedDropdown.Box right className=\"reactist_color_picker\">\n <DeprecatedDropdown.Trigger>\n {(() => {\n const backgroundColor = _getColor(colorList, color)\n\n return (\n <span\n className={classnames('color_trigger', { small })}\n style={{\n backgroundColor: _isNamedColor(backgroundColor)\n ? backgroundColor.color\n : backgroundColor,\n }}\n >\n <span className=\"color_trigger--inner_ring\" />\n </span>\n )\n })()}\n </DeprecatedDropdown.Trigger>\n <DeprecatedDropdown.Body>\n <div className=\"color_options\">\n {colorList.reduce<React.ReactNode[]>((items, currentColor, currentIndex) => {\n items.push(\n <ColorItem\n isActive={\n color >= colorList.length\n ? currentIndex === 0\n : currentIndex === color\n }\n key={currentIndex}\n color={\n _isNamedColor(currentColor) ? currentColor.color : currentColor\n }\n colorIndex={currentIndex}\n onClick={onChange}\n tooltip={_isNamedColor(currentColor) ? currentColor.name : null}\n />,\n )\n return items\n }, [])}\n </div>\n </DeprecatedDropdown.Body>\n </DeprecatedDropdown.Box>\n )\n}\nColorPicker.displayName = 'ColorPicker'\n\ntype ColorItemProps = {\n color: string\n colorIndex: number\n isActive?: boolean\n onClick?: (colorIndex: number) => void\n tooltip?: React.ReactNode\n}\n\nfunction ColorItem({ color, colorIndex, isActive, onClick, tooltip }: ColorItemProps) {\n const item = (\n <span\n data-testid=\"reactist-color-item\"\n className={'reactist color_item' + (isActive ? ' active' : '')}\n style={{ backgroundColor: color }}\n onClick={() => onClick?.(colorIndex)}\n >\n <span className=\"color_item--inner_ring\" />\n </span>\n )\n\n return tooltip ? <Tooltip content={tooltip}>{item}</Tooltip> : item\n}\nColorItem.displayName = 'ColorItem'\n\nexport { ColorItem, ColorPicker, COLORS }\n"],"names":["COLORS","_isNamedColor","color","_getColor","colorList","colorIndex","index","length","ColorPicker","t0","$","_c","t1","small","onChange","t2","undefined","t3","t4","backgroundColor","classnames","t5","t6","Symbol","for","React","createElement","className","t7","DeprecatedDropdown","Trigger","style","t8","t9","items","currentColor","currentIndex","push","ColorItem","isActive","tooltip","name","reduce","Body","t10","Box","right","displayName","onClick","item","Tooltip"],"mappings":"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"}
|
|
@@ -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 classNames = require('classnames');
|
|
8
10
|
var tooltip = require('../../tooltip/tooltip.js');
|
|
@@ -27,23 +29,116 @@ function _interopNamespace(e) {
|
|
|
27
29
|
return Object.freeze(n);
|
|
28
30
|
}
|
|
29
31
|
|
|
32
|
+
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
33
|
+
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
30
34
|
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
31
35
|
var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
|
|
32
36
|
|
|
37
|
+
const _excluded = ["type", "variant", "size", "loading", "disabled", "tooltip", "onClick", "children"];
|
|
38
|
+
|
|
39
|
+
/** @deprecated */
|
|
40
|
+
|
|
41
|
+
/** @deprecated */
|
|
42
|
+
|
|
43
|
+
/** @deprecated */
|
|
44
|
+
|
|
33
45
|
/**
|
|
34
46
|
* @deprecated
|
|
35
47
|
*/
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
48
|
+
const Button = /*#__PURE__*/React__namespace.forwardRef(function Button(t0, ref) {
|
|
49
|
+
const $ = reactCompilerRuntime.c(20);
|
|
50
|
+
let children;
|
|
51
|
+
let disabled;
|
|
52
|
+
let loading;
|
|
53
|
+
let onClick;
|
|
54
|
+
let props;
|
|
55
|
+
let t1;
|
|
56
|
+
let tooltip$1;
|
|
57
|
+
let type;
|
|
58
|
+
if ($[0] !== t0) {
|
|
59
|
+
const {
|
|
60
|
+
type: t2,
|
|
61
|
+
variant,
|
|
62
|
+
size: t3,
|
|
63
|
+
loading: t4,
|
|
64
|
+
disabled: t5,
|
|
65
|
+
tooltip: t6,
|
|
66
|
+
onClick: t7,
|
|
67
|
+
children: t8
|
|
68
|
+
} = t0,
|
|
69
|
+
t9 = _objectWithoutProperties__default["default"](t0, _excluded);
|
|
70
|
+
tooltip$1 = t6;
|
|
71
|
+
onClick = t7;
|
|
72
|
+
children = t8;
|
|
73
|
+
props = t9;
|
|
74
|
+
type = t2 === undefined ? "button" : t2;
|
|
75
|
+
const size = t3 === undefined ? "default" : t3;
|
|
76
|
+
loading = t4 === undefined ? false : t4;
|
|
77
|
+
disabled = t5 === undefined ? false : t5;
|
|
78
|
+
t1 = classNames__default["default"]("reactist_button", variant ? `reactist_button--${variant}` : null, size !== "default" ? `reactist_button--${size}` : null, {
|
|
79
|
+
"reactist_button--loading": loading
|
|
80
|
+
}, props.className);
|
|
81
|
+
$[0] = t0;
|
|
82
|
+
$[1] = children;
|
|
83
|
+
$[2] = disabled;
|
|
84
|
+
$[3] = loading;
|
|
85
|
+
$[4] = onClick;
|
|
86
|
+
$[5] = props;
|
|
87
|
+
$[6] = t1;
|
|
88
|
+
$[7] = tooltip$1;
|
|
89
|
+
$[8] = type;
|
|
90
|
+
} else {
|
|
91
|
+
children = $[1];
|
|
92
|
+
disabled = $[2];
|
|
93
|
+
loading = $[3];
|
|
94
|
+
onClick = $[4];
|
|
95
|
+
props = $[5];
|
|
96
|
+
t1 = $[6];
|
|
97
|
+
tooltip$1 = $[7];
|
|
98
|
+
type = $[8];
|
|
99
|
+
}
|
|
100
|
+
const className = t1;
|
|
101
|
+
const t2 = disabled || loading;
|
|
102
|
+
const t3 = disabled || loading ? undefined : onClick;
|
|
103
|
+
let t4;
|
|
104
|
+
if ($[9] !== children || $[10] !== className || $[11] !== props || $[12] !== ref || $[13] !== t2 || $[14] !== t3 || $[15] !== type) {
|
|
105
|
+
t4 = /*#__PURE__*/React__namespace.createElement("button", _extends__default["default"]({}, props, {
|
|
106
|
+
ref: ref,
|
|
107
|
+
type: type,
|
|
108
|
+
className: className,
|
|
109
|
+
"aria-disabled": t2,
|
|
110
|
+
onClick: t3
|
|
111
|
+
}), children);
|
|
112
|
+
$[9] = children;
|
|
113
|
+
$[10] = className;
|
|
114
|
+
$[11] = props;
|
|
115
|
+
$[12] = ref;
|
|
116
|
+
$[13] = t2;
|
|
117
|
+
$[14] = t3;
|
|
118
|
+
$[15] = type;
|
|
119
|
+
$[16] = t4;
|
|
120
|
+
} else {
|
|
121
|
+
t4 = $[16];
|
|
122
|
+
}
|
|
123
|
+
const button = t4;
|
|
124
|
+
let t5;
|
|
125
|
+
if ($[17] !== button || $[18] !== tooltip$1) {
|
|
126
|
+
t5 = tooltip$1 ? /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, {
|
|
127
|
+
content: tooltip$1
|
|
128
|
+
}, button) : button;
|
|
129
|
+
$[17] = button;
|
|
130
|
+
$[18] = tooltip$1;
|
|
131
|
+
$[19] = t5;
|
|
132
|
+
} else {
|
|
133
|
+
t5 = $[19];
|
|
134
|
+
}
|
|
135
|
+
return t5;
|
|
41
136
|
});
|
|
42
137
|
Button.displayName = 'Button';
|
|
43
138
|
Button.defaultProps = {
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
139
|
+
size: 'default',
|
|
140
|
+
loading: false,
|
|
141
|
+
disabled: false
|
|
47
142
|
};
|
|
48
143
|
|
|
49
144
|
exports.Button = Button;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"deprecated-button.js","sources":["../../../src/components/deprecated-button/deprecated-button.tsx"],"sourcesContent":[null],"names":["React","tooltip","
|
|
1
|
+
{"version":3,"file":"deprecated-button.js","sources":["../../../src/components/deprecated-button/deprecated-button.tsx"],"sourcesContent":["import './deprecated-button.less'\n\nimport * as React from 'react'\n\nimport classNames from 'classnames'\n\nimport { Tooltip } from '../../tooltip'\n\ntype NativeButtonProps = React.DetailedHTMLProps<\n React.ButtonHTMLAttributes<HTMLButtonElement>,\n HTMLButtonElement\n>\n\n/** @deprecated */\nexport type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'link'\n\n/** @deprecated */\nexport type ButtonSize = 'default' | 'small' | 'large'\n\n/** @deprecated */\nexport type ButtonProps = Omit<NativeButtonProps, 'title' | 'ref'> & {\n /**\n * Loading style. When true it disables the button, but it also adds a visual indication of\n * some in-progress operation going on.\n */\n loading?: boolean\n /**\n * Controls visually how the button shows up from a predefined set of kinds of buttons.\n */\n variant?: ButtonVariant\n /**\n * The size of the button. If not provided it shows up in a normal size.\n */\n size?: ButtonSize\n /**\n * Tooltip that is displayed on hover.\n *\n * This replaces `title` which is not supported for these buttons to avoid confusion.\n */\n tooltip?: React.ReactNode\n}\n\n/**\n * @deprecated\n */\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n {\n type = 'button',\n variant,\n size = 'default',\n loading = false,\n disabled = false,\n tooltip,\n onClick,\n children,\n ...props\n },\n ref,\n) {\n const className = classNames(\n 'reactist_button',\n variant ? `reactist_button--${variant}` : null,\n size !== 'default' ? `reactist_button--${size}` : null,\n { 'reactist_button--loading': loading },\n props.className,\n )\n\n const button = (\n <button\n {...props}\n ref={ref}\n type={type}\n className={className}\n aria-disabled={disabled || loading}\n onClick={disabled || loading ? undefined : onClick}\n >\n {children}\n </button>\n )\n\n return tooltip ? <Tooltip content={tooltip}>{button}</Tooltip> : button\n})\n\nButton.displayName = 'Button'\n\nButton.defaultProps = {\n size: 'default',\n loading: false,\n disabled: false,\n}\n\nexport { Button }\n"],"names":["Button","React","forwardRef","t0","ref","$","_c","children","disabled","loading","onClick","props","t1","tooltip","type","t2","variant","size","t3","t4","t5","t6","t7","t8","t9","_objectWithoutProperties","_excluded","undefined","classNames","className","createElement","_extends","button","Tooltip","displayName","defaultProps"],"mappings":"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"}
|