@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/es/avatar/avatar.js
CHANGED
|
@@ -1,44 +1,114 @@
|
|
|
1
|
-
import
|
|
1
|
+
import _extends from '@babel/runtime/helpers/extends';
|
|
2
|
+
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
3
|
+
import { c } from 'react-compiler-runtime';
|
|
2
4
|
import * as React from 'react';
|
|
3
|
-
import { Box } from '../box/box.js';
|
|
4
5
|
import { getClassNames } from '../utils/responsive-props.js';
|
|
5
6
|
import { getInitials, emailToIndex } from './utils.js';
|
|
6
7
|
import modules_08f3eeac from './avatar.module.css.js';
|
|
8
|
+
import { Box } from '../box/box.js';
|
|
7
9
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
10
|
+
const _excluded = ["user", "avatarUrl", "size", "className", "colorList", "exceptionallySetClassName"];
|
|
11
|
+
const AVATAR_COLORS = ['#fcc652', '#e9952c', '#e16b2d', '#d84b40', '#e8435a', '#e5198a', '#ad3889', '#86389c', '#a8a8a8', '#98be2f', '#5d9d50', '#5f9f85', '#5bbcb6', '#32a3bf', '#2bafeb', '#2d88c3', '#3863cc', '#5e5e5e'];
|
|
12
|
+
function Avatar(t0) {
|
|
13
|
+
const $ = c(26);
|
|
14
|
+
let avatarUrl;
|
|
15
|
+
let className;
|
|
16
|
+
let exceptionallySetClassName;
|
|
17
|
+
let props;
|
|
18
|
+
let t1;
|
|
19
|
+
let t2;
|
|
20
|
+
let user;
|
|
21
|
+
if ($[0] !== t0) {
|
|
22
|
+
var _t = t0;
|
|
23
|
+
({
|
|
24
|
+
user,
|
|
25
|
+
avatarUrl,
|
|
26
|
+
size: t1,
|
|
27
|
+
className,
|
|
28
|
+
colorList: t2,
|
|
29
|
+
exceptionallySetClassName
|
|
30
|
+
} = _t);
|
|
31
|
+
props = _objectWithoutProperties(_t, _excluded);
|
|
32
|
+
$[0] = t0;
|
|
33
|
+
$[1] = avatarUrl;
|
|
34
|
+
$[2] = className;
|
|
35
|
+
$[3] = exceptionallySetClassName;
|
|
36
|
+
$[4] = props;
|
|
37
|
+
$[5] = t1;
|
|
38
|
+
$[6] = t2;
|
|
39
|
+
$[7] = user;
|
|
40
|
+
} else {
|
|
41
|
+
avatarUrl = $[1];
|
|
42
|
+
className = $[2];
|
|
43
|
+
exceptionallySetClassName = $[3];
|
|
44
|
+
props = $[4];
|
|
45
|
+
t1 = $[5];
|
|
46
|
+
t2 = $[6];
|
|
47
|
+
user = $[7];
|
|
48
|
+
}
|
|
49
|
+
const size = t1 === undefined ? "l" : t1;
|
|
50
|
+
const colorList = t2 === undefined ? AVATAR_COLORS : t2;
|
|
51
|
+
let t3;
|
|
52
|
+
if ($[8] !== user.email || $[9] !== user.name) {
|
|
53
|
+
t3 = getInitials(user.name) || getInitials(user.email);
|
|
54
|
+
$[8] = user.email;
|
|
55
|
+
$[9] = user.name;
|
|
56
|
+
$[10] = t3;
|
|
57
|
+
} else {
|
|
58
|
+
t3 = $[10];
|
|
59
|
+
}
|
|
60
|
+
const userInitials = t3;
|
|
61
|
+
const avatarSize = size ? size : "l";
|
|
62
|
+
let t4;
|
|
63
|
+
if ($[11] !== avatarUrl || $[12] !== colorList || $[13] !== user.email) {
|
|
64
|
+
t4 = avatarUrl ? {
|
|
65
|
+
backgroundImage: `url(${avatarUrl})`,
|
|
66
|
+
textIndent: "-9999px"
|
|
67
|
+
} : {
|
|
68
|
+
backgroundColor: colorList[emailToIndex(user.email, colorList.length)]
|
|
69
|
+
};
|
|
70
|
+
$[11] = avatarUrl;
|
|
71
|
+
$[12] = colorList;
|
|
72
|
+
$[13] = user.email;
|
|
73
|
+
$[14] = t4;
|
|
74
|
+
} else {
|
|
75
|
+
t4 = $[14];
|
|
76
|
+
}
|
|
77
|
+
const style = t4;
|
|
78
|
+
let t5;
|
|
79
|
+
if ($[15] !== avatarSize) {
|
|
80
|
+
t5 = getClassNames(modules_08f3eeac, "size", avatarSize);
|
|
81
|
+
$[15] = avatarSize;
|
|
82
|
+
$[16] = t5;
|
|
83
|
+
} else {
|
|
84
|
+
t5 = $[16];
|
|
85
|
+
}
|
|
86
|
+
const sizeClassName = t5;
|
|
87
|
+
let t6;
|
|
88
|
+
if ($[17] !== className || $[18] !== exceptionallySetClassName || $[19] !== sizeClassName) {
|
|
89
|
+
t6 = [className, modules_08f3eeac.avatar, sizeClassName, exceptionallySetClassName];
|
|
90
|
+
$[17] = className;
|
|
91
|
+
$[18] = exceptionallySetClassName;
|
|
92
|
+
$[19] = sizeClassName;
|
|
93
|
+
$[20] = t6;
|
|
94
|
+
} else {
|
|
95
|
+
t6 = $[20];
|
|
96
|
+
}
|
|
97
|
+
let t7;
|
|
98
|
+
if ($[21] !== props || $[22] !== style || $[23] !== t6 || $[24] !== userInitials) {
|
|
99
|
+
t7 = /*#__PURE__*/React.createElement(Box, _extends({
|
|
100
|
+
className: t6,
|
|
101
|
+
style: style
|
|
102
|
+
}, props), userInitials);
|
|
103
|
+
$[21] = props;
|
|
104
|
+
$[22] = style;
|
|
105
|
+
$[23] = t6;
|
|
106
|
+
$[24] = userInitials;
|
|
107
|
+
$[25] = t7;
|
|
108
|
+
} else {
|
|
109
|
+
t7 = $[25];
|
|
110
|
+
}
|
|
111
|
+
return t7;
|
|
42
112
|
}
|
|
43
113
|
Avatar.displayName = 'Avatar';
|
|
44
114
|
|
package/es/avatar/avatar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.js","sources":["../../src/avatar/avatar.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"avatar.js","sources":["../../src/avatar/avatar.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Box } from '../box'\nimport { getClassNames } from '../utils/responsive-props'\n\nimport { emailToIndex, getInitials } from './utils'\n\nimport styles from './avatar.module.css'\n\nimport type { ObfuscatedClassName } from '../utils/common-types'\nimport type { ResponsiveProp } from '../utils/responsive-props'\n\nconst AVATAR_COLORS = [\n '#fcc652',\n '#e9952c',\n '#e16b2d',\n '#d84b40',\n '#e8435a',\n '#e5198a',\n '#ad3889',\n '#86389c',\n '#a8a8a8',\n '#98be2f',\n '#5d9d50',\n '#5f9f85',\n '#5bbcb6',\n '#32a3bf',\n '#2bafeb',\n '#2d88c3',\n '#3863cc',\n '#5e5e5e',\n]\n\ntype AvatarSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl'\n\ntype Props = ObfuscatedClassName & {\n /** @deprecated Please use `exceptionallySetClassName` */\n className?: string\n /** @deprecated */\n colorList?: string[]\n size?: ResponsiveProp<AvatarSize>\n avatarUrl?: string\n user: { name?: string; email: string }\n}\n\nfunction Avatar({\n user,\n avatarUrl,\n size = 'l',\n className,\n colorList = AVATAR_COLORS,\n exceptionallySetClassName,\n ...props\n}: Props) {\n const userInitials = getInitials(user.name) || getInitials(user.email)\n const avatarSize = size ? size : 'l'\n\n const style = avatarUrl\n ? {\n backgroundImage: `url(${avatarUrl})`,\n textIndent: '-9999px', // hide the initials\n }\n : {\n backgroundColor: colorList[emailToIndex(user.email, colorList.length)],\n }\n\n const sizeClassName = getClassNames(styles, 'size', avatarSize)\n\n return (\n <Box\n className={[className, styles.avatar, sizeClassName, exceptionallySetClassName]}\n style={style}\n {...props}\n >\n {userInitials}\n </Box>\n )\n}\nAvatar.displayName = 'Avatar'\n\nexport { Avatar }\n"],"names":["AVATAR_COLORS","Avatar","t0","$","_c","avatarUrl","className","exceptionallySetClassName","props","t1","t2","user","_t","size","colorList","_objectWithoutProperties","_excluded","undefined","t3","email","name","getInitials","userInitials","avatarSize","t4","backgroundImage","textIndent","backgroundColor","emailToIndex","length","style","t5","getClassNames","styles","sizeClassName","t6","avatar","t7","React","createElement","Box","_extends","displayName"],"mappings":"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"}
|
package/es/avatar/utils.js
CHANGED
|
@@ -1,25 +1,23 @@
|
|
|
1
1
|
function getInitials(name) {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
}
|
|
17
|
-
return initials === null || initials === void 0 ? void 0 : initials.toUpperCase();
|
|
2
|
+
if (!name) {
|
|
3
|
+
return '';
|
|
4
|
+
}
|
|
5
|
+
const seed = name.trim().split(' ');
|
|
6
|
+
const firstInitial = seed[0];
|
|
7
|
+
const lastInitial = seed[seed.length - 1];
|
|
8
|
+
let initials = firstInitial?.[0];
|
|
9
|
+
if (firstInitial != null && lastInitial != null && initials != null &&
|
|
10
|
+
// Better readable this way.
|
|
11
|
+
// eslint-disable-next-line @typescript-eslint/prefer-string-starts-ends-with
|
|
12
|
+
firstInitial[0] !== lastInitial[0]) {
|
|
13
|
+
initials += lastInitial[0];
|
|
14
|
+
}
|
|
15
|
+
return initials?.toUpperCase();
|
|
18
16
|
}
|
|
19
17
|
function emailToIndex(email, maxIndex) {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
18
|
+
const seed = email.split('@')[0];
|
|
19
|
+
const hash = seed ? seed.charCodeAt(0) + seed.charCodeAt(seed.length - 1) || 0 : 0;
|
|
20
|
+
return hash % maxIndex;
|
|
23
21
|
}
|
|
24
22
|
|
|
25
23
|
export { emailToIndex, getInitials };
|
package/es/avatar/utils.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sources":["../../src/avatar/utils.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"utils.js","sources":["../../src/avatar/utils.ts"],"sourcesContent":["function getInitials(name?: string) {\n if (!name) {\n return ''\n }\n\n const seed = name.trim().split(' ')\n const firstInitial = seed[0]\n const lastInitial = seed[seed.length - 1]\n\n let initials = firstInitial?.[0]\n if (\n firstInitial != null &&\n lastInitial != null &&\n initials != null &&\n // Better readable this way.\n // eslint-disable-next-line @typescript-eslint/prefer-string-starts-ends-with\n firstInitial[0] !== lastInitial[0]\n ) {\n initials += lastInitial[0]\n }\n return initials?.toUpperCase()\n}\n\nfunction emailToIndex(email: string, maxIndex: number) {\n const seed = email.split('@')[0]\n const hash = seed ? seed.charCodeAt(0) + seed.charCodeAt(seed.length - 1) || 0 : 0\n return hash % maxIndex\n}\n\nexport { emailToIndex, getInitials }\n"],"names":["getInitials","name","seed","trim","split","firstInitial","lastInitial","length","initials","toUpperCase","emailToIndex","email","maxIndex","hash","charCodeAt"],"mappings":"AAAA,SAASA,WAAWA,CAACC,IAAa,EAAE;EAChC,IAAI,CAACA,IAAI,EAAE;AACP,IAAA,OAAO,EAAE,CAAA;AACb,GAAA;EAEA,MAAMC,IAAI,GAAGD,IAAI,CAACE,IAAI,EAAE,CAACC,KAAK,CAAC,GAAG,CAAC,CAAA;AACnC,EAAA,MAAMC,YAAY,GAAGH,IAAI,CAAC,CAAC,CAAC,CAAA;EAC5B,MAAMI,WAAW,GAAGJ,IAAI,CAACA,IAAI,CAACK,MAAM,GAAG,CAAC,CAAC,CAAA;AAEzC,EAAA,IAAIC,QAAQ,GAAGH,YAAY,GAAG,CAAC,CAAC,CAAA;EAChC,IACIA,YAAY,IAAI,IAAI,IACpBC,WAAW,IAAI,IAAI,IACnBE,QAAQ,IAAI,IAAI;AAChB;AACA;EACAH,YAAY,CAAC,CAAC,CAAC,KAAKC,WAAW,CAAC,CAAC,CAAC,EACpC;AACEE,IAAAA,QAAQ,IAAIF,WAAW,CAAC,CAAC,CAAC,CAAA;AAC9B,GAAA;AACA,EAAA,OAAOE,QAAQ,EAAEC,WAAW,EAAE,CAAA;AAClC,CAAA;AAEA,SAASC,YAAYA,CAACC,KAAa,EAAEC,QAAgB,EAAE;EACnD,MAAMV,IAAI,GAAGS,KAAK,CAACP,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;EAChC,MAAMS,IAAI,GAAGX,IAAI,GAAGA,IAAI,CAACY,UAAU,CAAC,CAAC,CAAC,GAAGZ,IAAI,CAACY,UAAU,CAACZ,IAAI,CAACK,MAAM,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;EAClF,OAAOM,IAAI,GAAGD,QAAQ,CAAA;AAC1B;;;;"}
|
package/es/badge/badge.js
CHANGED
|
@@ -1,12 +1,56 @@
|
|
|
1
|
-
import
|
|
1
|
+
import _extends from '@babel/runtime/helpers/extends';
|
|
2
|
+
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
3
|
+
import { c } from 'react-compiler-runtime';
|
|
2
4
|
import * as React from 'react';
|
|
3
|
-
import { Box } from '../box/box.js';
|
|
4
5
|
import modules_33c7c985 from './badge.module.css.js';
|
|
6
|
+
import { Box } from '../box/box.js';
|
|
5
7
|
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
const _excluded = ["tone", "label"];
|
|
9
|
+
function Badge(t0) {
|
|
10
|
+
const $ = c(10);
|
|
11
|
+
let label;
|
|
12
|
+
let props;
|
|
13
|
+
let tone;
|
|
14
|
+
if ($[0] !== t0) {
|
|
15
|
+
var _t = t0;
|
|
16
|
+
({
|
|
17
|
+
tone,
|
|
18
|
+
label
|
|
19
|
+
} = _t);
|
|
20
|
+
props = _objectWithoutProperties(_t, _excluded);
|
|
21
|
+
$[0] = t0;
|
|
22
|
+
$[1] = label;
|
|
23
|
+
$[2] = props;
|
|
24
|
+
$[3] = tone;
|
|
25
|
+
} else {
|
|
26
|
+
label = $[1];
|
|
27
|
+
props = $[2];
|
|
28
|
+
tone = $[3];
|
|
29
|
+
}
|
|
30
|
+
const t1 = modules_33c7c985[`badge-${tone}`];
|
|
31
|
+
let t2;
|
|
32
|
+
if ($[4] !== t1) {
|
|
33
|
+
t2 = [modules_33c7c985.badge, t1];
|
|
34
|
+
$[4] = t1;
|
|
35
|
+
$[5] = t2;
|
|
36
|
+
} else {
|
|
37
|
+
t2 = $[5];
|
|
38
|
+
}
|
|
39
|
+
let t3;
|
|
40
|
+
if ($[6] !== label || $[7] !== props || $[8] !== t2) {
|
|
41
|
+
t3 = /*#__PURE__*/React.createElement(Box, _extends({}, props, {
|
|
42
|
+
as: "span",
|
|
43
|
+
display: "inline",
|
|
44
|
+
className: t2
|
|
45
|
+
}), label);
|
|
46
|
+
$[6] = label;
|
|
47
|
+
$[7] = props;
|
|
48
|
+
$[8] = t2;
|
|
49
|
+
$[9] = t3;
|
|
50
|
+
} else {
|
|
51
|
+
t3 = $[9];
|
|
52
|
+
}
|
|
53
|
+
return t3;
|
|
10
54
|
}
|
|
11
55
|
|
|
12
56
|
export { Badge };
|
package/es/badge/badge.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.js","sources":["../../src/badge/badge.tsx"],"sourcesContent":[
|
|
1
|
+
{"version":3,"file":"badge.js","sources":["../../src/badge/badge.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Box } from '../box'\n\nimport styles from './badge.module.css'\n\ntype BadgeTone = 'info' | 'positive' | 'promote' | 'attention' | 'warning'\n\ntype BadgeProps = {\n /**\n * The label to show inside the badge element.\n */\n label: string\n /**\n * The tone of the badge.\n */\n tone: BadgeTone\n}\n\nfunction Badge({ tone, label, ...props }: BadgeProps) {\n return (\n <Box\n {...props}\n as=\"span\" // It enables putting the badge inside a button (https://stackoverflow.com/a/12982334)\n display=\"inline\"\n className={[styles.badge, styles[`badge-${tone}`]]}\n >\n {label}\n </Box>\n )\n}\n\nexport { Badge }\nexport type { BadgeProps }\n"],"names":["Badge","t0","$","_c","label","props","tone","_t","_objectWithoutProperties","_excluded","t1","styles","t2","badge","t3","React","createElement","Box","_extends","as","display","className"],"mappings":";;;;;;;;AAmBA,SAAAA,MAAAC,EAAA,EAAA;EAAA,MAAAC,CAAA,GAAAC,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,EAAA,IAAAC,KAAA,CAAA;AAAA,EAAA,IAAAC,KAAA,CAAA;AAAA,EAAA,IAAAC,IAAA,CAAA;EAAA,IAAAJ,CAAA,QAAAD,EAAA,EAAA;IAAA,IAAAM,EAAA,GAAeN,EAAqC,CAAA;AAAA,IAAA,CAAA;MAAAK,IAAA;AAAAF,MAAAA,KAAAA;AAAA,KAAA,GAAAG,EAAA,EAAA;AAAAF,IAAAA,KAAA,GAAAG,wBAAA,CAAAD,EAAA,EAAAE,SAAA,CAAA,CAAA;AAAAP,IAAAA,CAAA,MAAAD,EAAA,CAAA;AAAAC,IAAAA,CAAA,MAAAE,KAAA,CAAA;AAAAF,IAAAA,CAAA,MAAAG,KAAA,CAAA;AAAAH,IAAAA,CAAA,MAAAI,IAAA,CAAA;AAAA,GAAA,MAAA;AAAAF,IAAAA,KAAA,GAAAF,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAG,IAAAA,KAAA,GAAAH,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAI,IAAAA,IAAA,GAAAJ,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA;AAMd,EAAA,MAAAQ,EAAA,GAAAC,gBAAM,CAAC,CAASL,MAAAA,EAAAA,IAAI,EAAE,CAAC,CAAA;AAAA,EAAA,IAAAM,EAAA,CAAA;EAAA,IAAAV,CAAA,QAAAQ,EAAA,EAAA;AAAtCE,IAAAA,EAAA,IAACD,gBAAM,CAAAE,KAAM,EAAEH,EAAuB,CAAC,CAAA;AAAAR,IAAAA,CAAA,MAAAQ,EAAA,CAAA;AAAAR,IAAAA,CAAA,MAAAU,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAAV,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,IAAAY,EAAA,CAAA;EAAA,IAAAZ,CAAA,CAAAE,CAAAA,CAAAA,KAAAA,KAAA,IAAAF,CAAA,QAAAG,KAAA,IAAAH,CAAA,CAAA,CAAA,CAAA,KAAAU,EAAA,EAAA;IAJtDE,EAAA,gBAAAC,KAAA,CAAAC,aAAA,CAACC,GAAG,EAAAC,QAAA,CAAA,EAAA,EACIb,KAAK,EAAA;AACNc,MAAAA,EAAM,EAAN,MAAM;AACDC,MAAAA,OAAQ,EAAR,QAAQ;AACLC,MAAAA,SAAuC,EAAvCT,EAAAA;AAAuC,KAAA,CAAA,EAEjDR,KACA,CAAC,CAAA;AAAAF,IAAAA,CAAA,MAAAE,KAAA,CAAA;AAAAF,IAAAA,CAAA,MAAAG,KAAA,CAAA;AAAAH,IAAAA,CAAA,MAAAU,EAAA,CAAA;AAAAV,IAAAA,CAAA,MAAAY,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAAZ,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAPNY,EAOM,CAAA;AAAA;;;;"}
|