@ultraviolet/ui 1.55.3 → 1.56.1
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/README.md +4 -3
- package/dist/components/Alert/index.cjs +1 -2
- package/dist/components/Alert/index.js +1 -2
- package/dist/components/Avatar/index.cjs +4 -5
- package/dist/components/Avatar/index.js +4 -5
- package/dist/components/Banner/index.cjs +1 -2
- package/dist/components/Banner/index.js +1 -2
- package/dist/components/Bullet/index.d.ts +1 -1
- package/dist/components/Button/index.d.ts +14 -14
- package/dist/components/Checkbox/index.cjs +1 -2
- package/dist/components/Checkbox/index.js +1 -2
- package/dist/components/Dialog/Context.d.ts +0 -1
- package/dist/components/Dialog/index.d.ts +46 -46
- package/dist/components/Dialog/subComponents/Text.d.ts +0 -1
- package/dist/components/Expandable/index.d.ts +2 -2
- package/dist/components/GlobalAlert/GlobalAlertLink.d.ts +1 -1
- package/dist/components/GlobalAlert/index.cjs +1 -2
- package/dist/components/GlobalAlert/index.d.ts +1 -17
- package/dist/components/GlobalAlert/index.js +1 -2
- package/dist/components/LineChart/helpers.cjs +5 -10
- package/dist/components/LineChart/helpers.js +5 -10
- package/dist/components/Link/index.cjs +2 -4
- package/dist/components/Link/index.js +2 -4
- package/dist/components/List/Cell.cjs +1 -1
- package/dist/components/List/Cell.d.ts +2 -0
- package/dist/components/List/Cell.js +1 -1
- package/dist/components/List/Row.cjs +4 -4
- package/dist/components/List/Row.d.ts +2 -2
- package/dist/components/List/Row.js +4 -4
- package/dist/components/List/constants.cjs +1 -1
- package/dist/components/List/constants.d.ts +1 -1
- package/dist/components/List/constants.js +1 -1
- package/dist/components/List/index.d.ts +9 -9
- package/dist/components/Menu/index.d.ts +4 -4
- package/dist/components/MenuV2/index.d.ts +41 -36
- package/dist/components/Modal/Dialog.d.ts +0 -1
- package/dist/components/Modal/Disclosure.d.ts +0 -1
- package/dist/components/NumberInput/index.cjs +6 -12
- package/dist/components/NumberInput/index.js +6 -12
- package/dist/components/NumberInputV2/index.cjs +23 -17
- package/dist/components/NumberInputV2/index.d.ts +23 -12
- package/dist/components/NumberInputV2/index.js +23 -17
- package/dist/components/Popover/index.d.ts +35 -30
- package/dist/components/Popup/index.cjs +4 -8
- package/dist/components/Popup/index.js +4 -8
- package/dist/components/Row/index.d.ts +2 -2
- package/dist/components/SearchInput/index.cjs +100 -0
- package/dist/components/SearchInput/index.d.ts +36 -0
- package/dist/components/SearchInput/index.js +98 -0
- package/dist/components/SearchInput/types.d.ts +17 -0
- package/dist/components/SelectInput/index.cjs +4 -8
- package/dist/components/SelectInput/index.js +4 -8
- package/dist/components/SelectInputV2/SelectBar.cjs +8 -6
- package/dist/components/SelectInputV2/SelectBar.d.ts +3 -1
- package/dist/components/SelectInputV2/SelectBar.js +8 -6
- package/dist/components/SelectInputV2/index.cjs +6 -5
- package/dist/components/SelectInputV2/index.d.ts +1 -1
- package/dist/components/SelectInputV2/index.js +6 -5
- package/dist/components/SelectableCard/index.cjs +4 -4
- package/dist/components/SelectableCard/index.d.ts +1 -2
- package/dist/components/SelectableCard/index.js +4 -4
- package/dist/components/SelectableCardGroup/index.cjs +2 -2
- package/dist/components/SelectableCardGroup/index.d.ts +1 -1
- package/dist/components/SelectableCardGroup/index.js +2 -2
- package/dist/components/Skeleton/IconSkeleton.d.ts +2 -3
- package/dist/components/Skeleton/Line.d.ts +2 -3
- package/dist/components/Skeleton/Square.d.ts +2 -3
- package/dist/components/Skeleton/index.d.ts +13 -14
- package/dist/components/Stack/index.d.ts +2 -2
- package/dist/components/Status/index.d.ts +1 -1
- package/dist/components/Stepper/Step.cjs +38 -20
- package/dist/components/Stepper/Step.js +38 -20
- package/dist/components/Stepper/index.cjs +9 -11
- package/dist/components/Stepper/index.d.ts +5 -8
- package/dist/components/Stepper/index.js +9 -11
- package/dist/components/SwitchButton/FocusOverlay.cjs +1 -2
- package/dist/components/SwitchButton/FocusOverlay.js +1 -2
- package/dist/components/SwitchButton/index.cjs +1 -2
- package/dist/components/SwitchButton/index.js +1 -2
- package/dist/components/Table/index.d.ts +8 -8
- package/dist/components/Tabs/Tab.cjs +1 -2
- package/dist/components/Tabs/Tab.d.ts +2 -2
- package/dist/components/Tabs/Tab.js +1 -2
- package/dist/components/Tabs/TabMenu.d.ts +2 -2
- package/dist/components/Tabs/TabMenuItem.d.ts +5 -5
- package/dist/components/Tabs/TabsContext.d.ts +0 -1
- package/dist/components/Tabs/index.cjs +1 -2
- package/dist/components/Tabs/index.d.ts +16 -16
- package/dist/components/Tabs/index.js +1 -2
- package/dist/components/TagInput/index.cjs +15 -11
- package/dist/components/TagInput/index.js +15 -11
- package/dist/components/Text/index.d.ts +1 -1
- package/dist/components/TextInput/index.d.ts +1 -1
- package/dist/components/TextInputV2/index.cjs +9 -9
- package/dist/components/TextInputV2/index.d.ts +17 -15
- package/dist/components/TextInputV2/index.js +9 -9
- package/dist/components/Toggle/index.cjs +2 -4
- package/dist/components/Toggle/index.d.ts +11 -11
- package/dist/components/Toggle/index.js +2 -4
- package/dist/components/VerificationCode/index.cjs +3 -3
- package/dist/components/VerificationCode/index.js +3 -3
- package/dist/components/index.d.ts +9 -8
- package/dist/helpers/recursivelyGetChildrenString.cjs +3 -6
- package/dist/helpers/recursivelyGetChildrenString.js +3 -6
- package/dist/index.cjs +119 -117
- package/dist/index.js +10 -8
- package/dist/mocks/list.d.ts +1 -1
- package/dist/theme/index.d.ts +31 -799
- package/dist/utils/responsive/Breakpoint.d.ts +5 -5
- package/dist/utils/responsive/utilities.cjs +2 -4
- package/dist/utils/responsive/utilities.js +2 -4
- package/package.json +5 -5
package/README.md
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
Ultraviolet UI is a set of React components and utilities to build fast application.
|
|
6
6
|
|
|
7
|
-
##
|
|
7
|
+
## Get Started
|
|
8
8
|
|
|
9
9
|
```sh
|
|
10
10
|
$ pnpm add @ultraviolet/ui @ultraviolet/themes @emotion/react @emotion/styled
|
|
@@ -48,10 +48,11 @@ const App = () => (
|
|
|
48
48
|
> **Note**:
|
|
49
49
|
> To generate your own theme easily you can check the [theme generator](https://storybook.ultraviolet.scaleway.com/?path=/docs/tools-theme-generator--docs).
|
|
50
50
|
|
|
51
|
-
|
|
51
|
+
### Typescript
|
|
52
|
+
To allow typescript theme typings with `@emotion/styled` components,
|
|
52
53
|
you'll have to define the `@emotion/react` module `Theme` interface in your project.
|
|
53
54
|
|
|
54
|
-
|
|
55
|
+
For example, in a `emotion.d.ts` file:
|
|
55
56
|
|
|
56
57
|
- Declaration to use the default Ultraviolet Themes
|
|
57
58
|
|
|
@@ -95,8 +95,7 @@ const Alert = ({
|
|
|
95
95
|
"data-testid": dataTestId
|
|
96
96
|
}) => {
|
|
97
97
|
const [opened, setOpened] = React.useState(true);
|
|
98
|
-
if (!opened)
|
|
99
|
-
return null;
|
|
98
|
+
if (!opened) return null;
|
|
100
99
|
return /* @__PURE__ */ jsxRuntime.jsxs(StyledStackContainer, { gap: 1, direction: "row", sentiment, className, "data-testid": dataTestId, children: [
|
|
101
100
|
/* @__PURE__ */ jsxRuntime.jsxs(WrapStack, { direction: "row", alignItems: "center", justifyContent: "space-between", gap: 2, children: [
|
|
102
101
|
/* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { alignItems: "start", direction: "row", gap: 2, children: [
|
|
@@ -91,8 +91,7 @@ const Alert = ({
|
|
|
91
91
|
"data-testid": dataTestId
|
|
92
92
|
}) => {
|
|
93
93
|
const [opened, setOpened] = useState(true);
|
|
94
|
-
if (!opened)
|
|
95
|
-
return null;
|
|
94
|
+
if (!opened) return null;
|
|
96
95
|
return /* @__PURE__ */ jsxs(StyledStackContainer, { gap: 1, direction: "row", sentiment, className, "data-testid": dataTestId, children: [
|
|
97
96
|
/* @__PURE__ */ jsxs(WrapStack, { direction: "row", alignItems: "center", justifyContent: "space-between", gap: 2, children: [
|
|
98
97
|
/* @__PURE__ */ jsxs(Stack, { alignItems: "start", direction: "row", gap: 2, children: [
|
|
@@ -6,15 +6,14 @@ const icons = require("@ultraviolet/icons");
|
|
|
6
6
|
const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
|
|
7
7
|
const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
|
|
8
8
|
const formatTextToAvatar = (text) => {
|
|
9
|
-
if (!text)
|
|
10
|
-
return "";
|
|
9
|
+
if (!text) return "";
|
|
11
10
|
const textCleaned = text.replace(/\s+/g, " ").trim();
|
|
12
11
|
if (textCleaned.length <= 2) {
|
|
13
12
|
return textCleaned.toUpperCase();
|
|
14
13
|
}
|
|
15
14
|
if (textCleaned.split(" ").length > 1) {
|
|
16
15
|
const [a, b] = textCleaned.split(" ");
|
|
17
|
-
return `${a[0]}${b[0]}`.toUpperCase();
|
|
16
|
+
return `${a?.[0]}${b?.[0]}`.toUpperCase();
|
|
18
17
|
}
|
|
19
18
|
return textCleaned.substring(0, 2).toUpperCase();
|
|
20
19
|
};
|
|
@@ -34,7 +33,7 @@ const StyledTextAvatar = /* @__PURE__ */ _styled__default.default("span", proces
|
|
|
34
33
|
textColor
|
|
35
34
|
}) => theme.colors[textColor]?.textStronger || theme.colors[textColor]?.textStrong || textColor, ";font-size:", ({
|
|
36
35
|
textSize
|
|
37
|
-
}) => textSize, "px;display:flex;height:100%;justify-content:center;width:100%;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0F2YXRhci9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJxRCIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9BdmF0YXIvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnQHVsdHJhdmlvbGV0L2ljb25zJ1xuaW1wb3J0IHR5cGUgeyBDb2xvciB9IGZyb20gJy4uLy4uL3RoZW1lJ1xuaW1wb3J0IHR5cGUgeyBYT1IgfSBmcm9tICcuLi8uLi90eXBlcydcblxuY29uc3QgZm9ybWF0VGV4dFRvQXZhdGFyID0gKHRleHQ/OiBzdHJpbmcpOiBzdHJpbmcgPT4ge1xuICBpZiAoIXRleHQpIHJldHVybiAnJ1xuXG4gIGNvbnN0IHRleHRDbGVhbmVkID0gdGV4dC5yZXBsYWNlKC9cXHMrL2csICcgJykudHJpbSgpXG5cbiAgaWYgKHRleHRDbGVhbmVkLmxlbmd0aCA8PSAyKSB7XG4gICAgcmV0dXJuIHRleHRDbGVhbmVkLnRvVXBwZXJDYXNlKClcbiAgfVxuXG4gIGlmICh0ZXh0Q2xlYW5lZC5zcGxpdCgnICcpLmxlbmd0aCA+
|
|
36
|
+
}) => textSize, "px;display:flex;height:100%;justify-content:center;width:100%;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0F2YXRhci9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJxRCIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9BdmF0YXIvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnQHVsdHJhdmlvbGV0L2ljb25zJ1xuaW1wb3J0IHR5cGUgeyBDb2xvciB9IGZyb20gJy4uLy4uL3RoZW1lJ1xuaW1wb3J0IHR5cGUgeyBYT1IgfSBmcm9tICcuLi8uLi90eXBlcydcblxuY29uc3QgZm9ybWF0VGV4dFRvQXZhdGFyID0gKHRleHQ/OiBzdHJpbmcpOiBzdHJpbmcgPT4ge1xuICBpZiAoIXRleHQpIHJldHVybiAnJ1xuXG4gIGNvbnN0IHRleHRDbGVhbmVkID0gdGV4dC5yZXBsYWNlKC9cXHMrL2csICcgJykudHJpbSgpXG5cbiAgaWYgKHRleHRDbGVhbmVkLmxlbmd0aCA8PSAyKSB7XG4gICAgcmV0dXJuIHRleHRDbGVhbmVkLnRvVXBwZXJDYXNlKClcbiAgfVxuXG4gIGlmICh0ZXh0Q2xlYW5lZC5zcGxpdCgnICcpLmxlbmd0aCA+IDEpIHtcbiAgICBjb25zdCBbYSwgYl0gPSB0ZXh0Q2xlYW5lZC5zcGxpdCgnICcpXG5cbiAgICByZXR1cm4gYCR7YT8uWzBdfSR7Yj8uWzBdfWAudG9VcHBlckNhc2UoKVxuICB9XG5cbiAgcmV0dXJuIHRleHRDbGVhbmVkLnN1YnN0cmluZygwLCAyKS50b1VwcGVyQ2FzZSgpXG59XG5cbnR5cGUgVGV4dEF2YXRhclByb3BzID0ge1xuICBsb2NrPzogYm9vbGVhblxuICB0ZXh0QmdDb2xvcj86IHN0cmluZ1xuICB0ZXh0Q29sb3I6IHN0cmluZ1xuICB0ZXh0U2l6ZTogbnVtYmVyXG59XG5cbmNvbnN0IFN0eWxlZFRleHRBdmF0YXIgPSBzdHlsZWQuc3BhbjxUZXh0QXZhdGFyUHJvcHM+YFxuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IGxvY2ssIHRoZW1lLCB0ZXh0QmdDb2xvciB9KSA9PlxuICAgIGxvY2tcbiAgICAgID8gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFN0cm9uZ1xuICAgICAgOiB0aGVtZS5jb2xvcnNbdGV4dEJnQ29sb3IgYXMgQ29sb3JdPy5iYWNrZ3JvdW5kU3Ryb25nIHx8IHRleHRCZ0NvbG9yfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5jaXJjbGV9O1xuICBjb2xvcjogJHsoeyB0aGVtZSwgdGV4dENvbG9yIH0pID0+XG4gICAgdGhlbWUuY29sb3JzW3RleHRDb2xvciBhcyAnbmV1dHJhbCddPy50ZXh0U3Ryb25nZXIgfHxcbiAgICB0aGVtZS5jb2xvcnNbdGV4dENvbG9yIGFzIENvbG9yXT8udGV4dFN0cm9uZyB8fFxuICAgIHRleHRDb2xvcn07XG4gIGZvbnQtc2l6ZTogJHsoeyB0ZXh0U2l6ZSB9KSA9PiB0ZXh0U2l6ZX1weDtcbiAgZGlzcGxheTogZmxleDtcbiAgaGVpZ2h0OiAxMDAlO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgd2lkdGg6IDEwMCU7XG5gXG5cbnR5cGUgQXZhdGFyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTaXplIG9mIHRoZSBjb21wb25lbnRcbiAgICovXG4gIHNpemU/OiBudW1iZXJcbiAgLyoqXG4gICAqIEJhY2tncm91bmQgY29sb3Igd2hlbiBgdGV4dGAgcHJvcCBpcyBzcGVjaWZpZWRcbiAgICovXG4gIHRleHRCZ0NvbG9yPzogc3RyaW5nXG4gIC8qKlxuICAgKiBUZXh0IGNvbG9yIHdoZW4gYHRleHRgIHByb3AgaXMgc3BlY2lmaWVkXG4gICAqL1xuICB0ZXh0Q29sb3I/OiBzdHJpbmdcbiAgLyoqXG4gICAqIFRleHQgc2l6ZSB3aGVuIGB0ZXh0YCBwcm9wIGlzIHNwZWNpZmllZCBvciBzaXplIG9mIHRoZSBsb2NrIHdoZW4gYGxvY2tgIGlzIHRydWVcbiAgICovXG4gIHRleHRTaXplPzogbnVtYmVyXG4gIC8qKlxuICAgKiBVc2VkIG9ubHkgd2hlbiBgdGV4dGAgcHJvcCBpcyBzcGVjaWZpZWRcbiAgICovXG4gIGxvY2s/OiBib29sZWFuXG5cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn0gJiBYT1I8XG4gIFtcbiAgICB7XG4gICAgICAvKipcbiAgICAgICAqICoqYGltYWdlYCBvciBgdGV4dGAgcHJvcGVydHkgaXMgcmVxdWlyZWQqKlxuICAgICAgICovXG4gICAgICBpbWFnZTogc3RyaW5nXG4gICAgfSxcbiAgICB7XG4gICAgICAvKipcbiAgICAgICAqICoqYGltYWdlYCBvciBgdGV4dGAgcHJvcGVydHkgaXMgcmVxdWlyZWQqKlxuICAgICAgICovXG4gICAgICB0ZXh0OiBzdHJpbmdcbiAgICB9LFxuICBdXG4+XG5cbmNvbnN0IEF2YXRhckNvbnRhaW5lciA9IHN0eWxlZC5kaXY8eyBzaXplOiBudW1iZXIgfT5gXG4gIGhlaWdodDogJHsoeyBzaXplIH0pID0+IHNpemV9cHg7XG4gIHdpZHRoOiAkeyh7IHNpemUgfSkgPT4gc2l6ZX1weDtcbmBcblxuLyoqXG4gKiBBdmF0YXIgY29tcG9uZW50IGlzIHVzZWQgdG8gZGlzcGxheSBhIHVzZXIncyBwcm9maWxlIHBpY3R1cmUgb3IgaW5pdGlhbHMuXG4gKi9cbmV4cG9ydCBjb25zdCBBdmF0YXIgPSAoe1xuICBpbWFnZSxcbiAgc2l6ZSA9IDMyLFxuICB0ZXh0LFxuICB0ZXh0QmdDb2xvciA9ICdzZWNvbmRhcnknLFxuICB0ZXh0Q29sb3IgPSAnbmV1dHJhbCcsXG4gIHRleHRTaXplID0gMTAsXG4gIGxvY2sgPSBmYWxzZSxcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogQXZhdGFyUHJvcHMpID0+IChcbiAgPEF2YXRhckNvbnRhaW5lciBzaXplPXtzaXplfSBjbGFzc05hbWU9e2NsYXNzTmFtZX0gZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9PlxuICAgIHt0ZXh0IHx8ICghdGV4dCAmJiAhaW1hZ2UpID8gKFxuICAgICAgPFN0eWxlZFRleHRBdmF0YXJcbiAgICAgICAgbG9jaz17bG9ja31cbiAgICAgICAgdGV4dEJnQ29sb3I9e3RleHRCZ0NvbG9yfVxuICAgICAgICB0ZXh0Q29sb3I9e3RleHRDb2xvcn1cbiAgICAgICAgdGV4dFNpemU9e3RleHRTaXplfVxuICAgICAgPlxuICAgICAgICB7bG9jayA/IChcbiAgICAgICAgICA8SWNvbiBuYW1lPVwibG9ja1wiIGNvbG9yPVwibmV1dHJhbFwiIHByb21pbmVuY2U9XCJ3ZWFrXCIgLz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBmb3JtYXRUZXh0VG9BdmF0YXIodGV4dClcbiAgICAgICAgKX1cbiAgICAgIDwvU3R5bGVkVGV4dEF2YXRhcj5cbiAgICApIDogKFxuICAgICAgPGltZyB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgc3JjPXtpbWFnZSA/PyAnJ30gYWx0PVwiXCIgLz5cbiAgICApfVxuICA8L0F2YXRhckNvbnRhaW5lcj5cbilcbiJdfQ== */"));
|
|
38
37
|
const AvatarContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
|
|
39
38
|
target: "ec0473m0"
|
|
40
39
|
} : {
|
|
@@ -44,7 +43,7 @@ const AvatarContainer = /* @__PURE__ */ _styled__default.default("div", process.
|
|
|
44
43
|
size
|
|
45
44
|
}) => size, "px;width:", ({
|
|
46
45
|
size
|
|
47
|
-
}) => size, "px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0F2YXRhci9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUZvRCIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9BdmF0YXIvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnQHVsdHJhdmlvbGV0L2ljb25zJ1xuaW1wb3J0IHR5cGUgeyBDb2xvciB9IGZyb20gJy4uLy4uL3RoZW1lJ1xuaW1wb3J0IHR5cGUgeyBYT1IgfSBmcm9tICcuLi8uLi90eXBlcydcblxuY29uc3QgZm9ybWF0VGV4dFRvQXZhdGFyID0gKHRleHQ/OiBzdHJpbmcpOiBzdHJpbmcgPT4ge1xuICBpZiAoIXRleHQpIHJldHVybiAnJ1xuXG4gIGNvbnN0IHRleHRDbGVhbmVkID0gdGV4dC5yZXBsYWNlKC9cXHMrL2csICcgJykudHJpbSgpXG5cbiAgaWYgKHRleHRDbGVhbmVkLmxlbmd0aCA8PSAyKSB7XG4gICAgcmV0dXJuIHRleHRDbGVhbmVkLnRvVXBwZXJDYXNlKClcbiAgfVxuXG4gIGlmICh0ZXh0Q2xlYW5lZC5zcGxpdCgnICcpLmxlbmd0aCA+
|
|
46
|
+
}) => size, "px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0F2YXRhci9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUZvRCIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9BdmF0YXIvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnQHVsdHJhdmlvbGV0L2ljb25zJ1xuaW1wb3J0IHR5cGUgeyBDb2xvciB9IGZyb20gJy4uLy4uL3RoZW1lJ1xuaW1wb3J0IHR5cGUgeyBYT1IgfSBmcm9tICcuLi8uLi90eXBlcydcblxuY29uc3QgZm9ybWF0VGV4dFRvQXZhdGFyID0gKHRleHQ/OiBzdHJpbmcpOiBzdHJpbmcgPT4ge1xuICBpZiAoIXRleHQpIHJldHVybiAnJ1xuXG4gIGNvbnN0IHRleHRDbGVhbmVkID0gdGV4dC5yZXBsYWNlKC9cXHMrL2csICcgJykudHJpbSgpXG5cbiAgaWYgKHRleHRDbGVhbmVkLmxlbmd0aCA8PSAyKSB7XG4gICAgcmV0dXJuIHRleHRDbGVhbmVkLnRvVXBwZXJDYXNlKClcbiAgfVxuXG4gIGlmICh0ZXh0Q2xlYW5lZC5zcGxpdCgnICcpLmxlbmd0aCA+IDEpIHtcbiAgICBjb25zdCBbYSwgYl0gPSB0ZXh0Q2xlYW5lZC5zcGxpdCgnICcpXG5cbiAgICByZXR1cm4gYCR7YT8uWzBdfSR7Yj8uWzBdfWAudG9VcHBlckNhc2UoKVxuICB9XG5cbiAgcmV0dXJuIHRleHRDbGVhbmVkLnN1YnN0cmluZygwLCAyKS50b1VwcGVyQ2FzZSgpXG59XG5cbnR5cGUgVGV4dEF2YXRhclByb3BzID0ge1xuICBsb2NrPzogYm9vbGVhblxuICB0ZXh0QmdDb2xvcj86IHN0cmluZ1xuICB0ZXh0Q29sb3I6IHN0cmluZ1xuICB0ZXh0U2l6ZTogbnVtYmVyXG59XG5cbmNvbnN0IFN0eWxlZFRleHRBdmF0YXIgPSBzdHlsZWQuc3BhbjxUZXh0QXZhdGFyUHJvcHM+YFxuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IGxvY2ssIHRoZW1lLCB0ZXh0QmdDb2xvciB9KSA9PlxuICAgIGxvY2tcbiAgICAgID8gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFN0cm9uZ1xuICAgICAgOiB0aGVtZS5jb2xvcnNbdGV4dEJnQ29sb3IgYXMgQ29sb3JdPy5iYWNrZ3JvdW5kU3Ryb25nIHx8IHRleHRCZ0NvbG9yfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5jaXJjbGV9O1xuICBjb2xvcjogJHsoeyB0aGVtZSwgdGV4dENvbG9yIH0pID0+XG4gICAgdGhlbWUuY29sb3JzW3RleHRDb2xvciBhcyAnbmV1dHJhbCddPy50ZXh0U3Ryb25nZXIgfHxcbiAgICB0aGVtZS5jb2xvcnNbdGV4dENvbG9yIGFzIENvbG9yXT8udGV4dFN0cm9uZyB8fFxuICAgIHRleHRDb2xvcn07XG4gIGZvbnQtc2l6ZTogJHsoeyB0ZXh0U2l6ZSB9KSA9PiB0ZXh0U2l6ZX1weDtcbiAgZGlzcGxheTogZmxleDtcbiAgaGVpZ2h0OiAxMDAlO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgd2lkdGg6IDEwMCU7XG5gXG5cbnR5cGUgQXZhdGFyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTaXplIG9mIHRoZSBjb21wb25lbnRcbiAgICovXG4gIHNpemU/OiBudW1iZXJcbiAgLyoqXG4gICAqIEJhY2tncm91bmQgY29sb3Igd2hlbiBgdGV4dGAgcHJvcCBpcyBzcGVjaWZpZWRcbiAgICovXG4gIHRleHRCZ0NvbG9yPzogc3RyaW5nXG4gIC8qKlxuICAgKiBUZXh0IGNvbG9yIHdoZW4gYHRleHRgIHByb3AgaXMgc3BlY2lmaWVkXG4gICAqL1xuICB0ZXh0Q29sb3I/OiBzdHJpbmdcbiAgLyoqXG4gICAqIFRleHQgc2l6ZSB3aGVuIGB0ZXh0YCBwcm9wIGlzIHNwZWNpZmllZCBvciBzaXplIG9mIHRoZSBsb2NrIHdoZW4gYGxvY2tgIGlzIHRydWVcbiAgICovXG4gIHRleHRTaXplPzogbnVtYmVyXG4gIC8qKlxuICAgKiBVc2VkIG9ubHkgd2hlbiBgdGV4dGAgcHJvcCBpcyBzcGVjaWZpZWRcbiAgICovXG4gIGxvY2s/OiBib29sZWFuXG5cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn0gJiBYT1I8XG4gIFtcbiAgICB7XG4gICAgICAvKipcbiAgICAgICAqICoqYGltYWdlYCBvciBgdGV4dGAgcHJvcGVydHkgaXMgcmVxdWlyZWQqKlxuICAgICAgICovXG4gICAgICBpbWFnZTogc3RyaW5nXG4gICAgfSxcbiAgICB7XG4gICAgICAvKipcbiAgICAgICAqICoqYGltYWdlYCBvciBgdGV4dGAgcHJvcGVydHkgaXMgcmVxdWlyZWQqKlxuICAgICAgICovXG4gICAgICB0ZXh0OiBzdHJpbmdcbiAgICB9LFxuICBdXG4+XG5cbmNvbnN0IEF2YXRhckNvbnRhaW5lciA9IHN0eWxlZC5kaXY8eyBzaXplOiBudW1iZXIgfT5gXG4gIGhlaWdodDogJHsoeyBzaXplIH0pID0+IHNpemV9cHg7XG4gIHdpZHRoOiAkeyh7IHNpemUgfSkgPT4gc2l6ZX1weDtcbmBcblxuLyoqXG4gKiBBdmF0YXIgY29tcG9uZW50IGlzIHVzZWQgdG8gZGlzcGxheSBhIHVzZXIncyBwcm9maWxlIHBpY3R1cmUgb3IgaW5pdGlhbHMuXG4gKi9cbmV4cG9ydCBjb25zdCBBdmF0YXIgPSAoe1xuICBpbWFnZSxcbiAgc2l6ZSA9IDMyLFxuICB0ZXh0LFxuICB0ZXh0QmdDb2xvciA9ICdzZWNvbmRhcnknLFxuICB0ZXh0Q29sb3IgPSAnbmV1dHJhbCcsXG4gIHRleHRTaXplID0gMTAsXG4gIGxvY2sgPSBmYWxzZSxcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogQXZhdGFyUHJvcHMpID0+IChcbiAgPEF2YXRhckNvbnRhaW5lciBzaXplPXtzaXplfSBjbGFzc05hbWU9e2NsYXNzTmFtZX0gZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9PlxuICAgIHt0ZXh0IHx8ICghdGV4dCAmJiAhaW1hZ2UpID8gKFxuICAgICAgPFN0eWxlZFRleHRBdmF0YXJcbiAgICAgICAgbG9jaz17bG9ja31cbiAgICAgICAgdGV4dEJnQ29sb3I9e3RleHRCZ0NvbG9yfVxuICAgICAgICB0ZXh0Q29sb3I9e3RleHRDb2xvcn1cbiAgICAgICAgdGV4dFNpemU9e3RleHRTaXplfVxuICAgICAgPlxuICAgICAgICB7bG9jayA/IChcbiAgICAgICAgICA8SWNvbiBuYW1lPVwibG9ja1wiIGNvbG9yPVwibmV1dHJhbFwiIHByb21pbmVuY2U9XCJ3ZWFrXCIgLz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBmb3JtYXRUZXh0VG9BdmF0YXIodGV4dClcbiAgICAgICAgKX1cbiAgICAgIDwvU3R5bGVkVGV4dEF2YXRhcj5cbiAgICApIDogKFxuICAgICAgPGltZyB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgc3JjPXtpbWFnZSA/PyAnJ30gYWx0PVwiXCIgLz5cbiAgICApfVxuICA8L0F2YXRhckNvbnRhaW5lcj5cbilcbiJdfQ== */"));
|
|
48
47
|
const Avatar = ({
|
|
49
48
|
image,
|
|
50
49
|
size = 32,
|
|
@@ -2,15 +2,14 @@ import { jsx } from "@emotion/react/jsx-runtime";
|
|
|
2
2
|
import _styled from "@emotion/styled/base";
|
|
3
3
|
import { Icon } from "@ultraviolet/icons";
|
|
4
4
|
const formatTextToAvatar = (text) => {
|
|
5
|
-
if (!text)
|
|
6
|
-
return "";
|
|
5
|
+
if (!text) return "";
|
|
7
6
|
const textCleaned = text.replace(/\s+/g, " ").trim();
|
|
8
7
|
if (textCleaned.length <= 2) {
|
|
9
8
|
return textCleaned.toUpperCase();
|
|
10
9
|
}
|
|
11
10
|
if (textCleaned.split(" ").length > 1) {
|
|
12
11
|
const [a, b] = textCleaned.split(" ");
|
|
13
|
-
return `${a[0]}${b[0]}`.toUpperCase();
|
|
12
|
+
return `${a?.[0]}${b?.[0]}`.toUpperCase();
|
|
14
13
|
}
|
|
15
14
|
return textCleaned.substring(0, 2).toUpperCase();
|
|
16
15
|
};
|
|
@@ -30,7 +29,7 @@ const StyledTextAvatar = /* @__PURE__ */ _styled("span", process.env.NODE_ENV ==
|
|
|
30
29
|
textColor
|
|
31
30
|
}) => theme.colors[textColor]?.textStronger || theme.colors[textColor]?.textStrong || textColor, ";font-size:", ({
|
|
32
31
|
textSize
|
|
33
|
-
}) => textSize, "px;display:flex;height:100%;justify-content:center;width:100%;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0F2YXRhci9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJxRCIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9BdmF0YXIvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnQHVsdHJhdmlvbGV0L2ljb25zJ1xuaW1wb3J0IHR5cGUgeyBDb2xvciB9IGZyb20gJy4uLy4uL3RoZW1lJ1xuaW1wb3J0IHR5cGUgeyBYT1IgfSBmcm9tICcuLi8uLi90eXBlcydcblxuY29uc3QgZm9ybWF0VGV4dFRvQXZhdGFyID0gKHRleHQ/OiBzdHJpbmcpOiBzdHJpbmcgPT4ge1xuICBpZiAoIXRleHQpIHJldHVybiAnJ1xuXG4gIGNvbnN0IHRleHRDbGVhbmVkID0gdGV4dC5yZXBsYWNlKC9cXHMrL2csICcgJykudHJpbSgpXG5cbiAgaWYgKHRleHRDbGVhbmVkLmxlbmd0aCA8PSAyKSB7XG4gICAgcmV0dXJuIHRleHRDbGVhbmVkLnRvVXBwZXJDYXNlKClcbiAgfVxuXG4gIGlmICh0ZXh0Q2xlYW5lZC5zcGxpdCgnICcpLmxlbmd0aCA+
|
|
32
|
+
}) => textSize, "px;display:flex;height:100%;justify-content:center;width:100%;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0F2YXRhci9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJxRCIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9BdmF0YXIvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnQHVsdHJhdmlvbGV0L2ljb25zJ1xuaW1wb3J0IHR5cGUgeyBDb2xvciB9IGZyb20gJy4uLy4uL3RoZW1lJ1xuaW1wb3J0IHR5cGUgeyBYT1IgfSBmcm9tICcuLi8uLi90eXBlcydcblxuY29uc3QgZm9ybWF0VGV4dFRvQXZhdGFyID0gKHRleHQ/OiBzdHJpbmcpOiBzdHJpbmcgPT4ge1xuICBpZiAoIXRleHQpIHJldHVybiAnJ1xuXG4gIGNvbnN0IHRleHRDbGVhbmVkID0gdGV4dC5yZXBsYWNlKC9cXHMrL2csICcgJykudHJpbSgpXG5cbiAgaWYgKHRleHRDbGVhbmVkLmxlbmd0aCA8PSAyKSB7XG4gICAgcmV0dXJuIHRleHRDbGVhbmVkLnRvVXBwZXJDYXNlKClcbiAgfVxuXG4gIGlmICh0ZXh0Q2xlYW5lZC5zcGxpdCgnICcpLmxlbmd0aCA+IDEpIHtcbiAgICBjb25zdCBbYSwgYl0gPSB0ZXh0Q2xlYW5lZC5zcGxpdCgnICcpXG5cbiAgICByZXR1cm4gYCR7YT8uWzBdfSR7Yj8uWzBdfWAudG9VcHBlckNhc2UoKVxuICB9XG5cbiAgcmV0dXJuIHRleHRDbGVhbmVkLnN1YnN0cmluZygwLCAyKS50b1VwcGVyQ2FzZSgpXG59XG5cbnR5cGUgVGV4dEF2YXRhclByb3BzID0ge1xuICBsb2NrPzogYm9vbGVhblxuICB0ZXh0QmdDb2xvcj86IHN0cmluZ1xuICB0ZXh0Q29sb3I6IHN0cmluZ1xuICB0ZXh0U2l6ZTogbnVtYmVyXG59XG5cbmNvbnN0IFN0eWxlZFRleHRBdmF0YXIgPSBzdHlsZWQuc3BhbjxUZXh0QXZhdGFyUHJvcHM+YFxuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IGxvY2ssIHRoZW1lLCB0ZXh0QmdDb2xvciB9KSA9PlxuICAgIGxvY2tcbiAgICAgID8gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFN0cm9uZ1xuICAgICAgOiB0aGVtZS5jb2xvcnNbdGV4dEJnQ29sb3IgYXMgQ29sb3JdPy5iYWNrZ3JvdW5kU3Ryb25nIHx8IHRleHRCZ0NvbG9yfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5jaXJjbGV9O1xuICBjb2xvcjogJHsoeyB0aGVtZSwgdGV4dENvbG9yIH0pID0+XG4gICAgdGhlbWUuY29sb3JzW3RleHRDb2xvciBhcyAnbmV1dHJhbCddPy50ZXh0U3Ryb25nZXIgfHxcbiAgICB0aGVtZS5jb2xvcnNbdGV4dENvbG9yIGFzIENvbG9yXT8udGV4dFN0cm9uZyB8fFxuICAgIHRleHRDb2xvcn07XG4gIGZvbnQtc2l6ZTogJHsoeyB0ZXh0U2l6ZSB9KSA9PiB0ZXh0U2l6ZX1weDtcbiAgZGlzcGxheTogZmxleDtcbiAgaGVpZ2h0OiAxMDAlO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgd2lkdGg6IDEwMCU7XG5gXG5cbnR5cGUgQXZhdGFyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTaXplIG9mIHRoZSBjb21wb25lbnRcbiAgICovXG4gIHNpemU/OiBudW1iZXJcbiAgLyoqXG4gICAqIEJhY2tncm91bmQgY29sb3Igd2hlbiBgdGV4dGAgcHJvcCBpcyBzcGVjaWZpZWRcbiAgICovXG4gIHRleHRCZ0NvbG9yPzogc3RyaW5nXG4gIC8qKlxuICAgKiBUZXh0IGNvbG9yIHdoZW4gYHRleHRgIHByb3AgaXMgc3BlY2lmaWVkXG4gICAqL1xuICB0ZXh0Q29sb3I/OiBzdHJpbmdcbiAgLyoqXG4gICAqIFRleHQgc2l6ZSB3aGVuIGB0ZXh0YCBwcm9wIGlzIHNwZWNpZmllZCBvciBzaXplIG9mIHRoZSBsb2NrIHdoZW4gYGxvY2tgIGlzIHRydWVcbiAgICovXG4gIHRleHRTaXplPzogbnVtYmVyXG4gIC8qKlxuICAgKiBVc2VkIG9ubHkgd2hlbiBgdGV4dGAgcHJvcCBpcyBzcGVjaWZpZWRcbiAgICovXG4gIGxvY2s/OiBib29sZWFuXG5cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn0gJiBYT1I8XG4gIFtcbiAgICB7XG4gICAgICAvKipcbiAgICAgICAqICoqYGltYWdlYCBvciBgdGV4dGAgcHJvcGVydHkgaXMgcmVxdWlyZWQqKlxuICAgICAgICovXG4gICAgICBpbWFnZTogc3RyaW5nXG4gICAgfSxcbiAgICB7XG4gICAgICAvKipcbiAgICAgICAqICoqYGltYWdlYCBvciBgdGV4dGAgcHJvcGVydHkgaXMgcmVxdWlyZWQqKlxuICAgICAgICovXG4gICAgICB0ZXh0OiBzdHJpbmdcbiAgICB9LFxuICBdXG4+XG5cbmNvbnN0IEF2YXRhckNvbnRhaW5lciA9IHN0eWxlZC5kaXY8eyBzaXplOiBudW1iZXIgfT5gXG4gIGhlaWdodDogJHsoeyBzaXplIH0pID0+IHNpemV9cHg7XG4gIHdpZHRoOiAkeyh7IHNpemUgfSkgPT4gc2l6ZX1weDtcbmBcblxuLyoqXG4gKiBBdmF0YXIgY29tcG9uZW50IGlzIHVzZWQgdG8gZGlzcGxheSBhIHVzZXIncyBwcm9maWxlIHBpY3R1cmUgb3IgaW5pdGlhbHMuXG4gKi9cbmV4cG9ydCBjb25zdCBBdmF0YXIgPSAoe1xuICBpbWFnZSxcbiAgc2l6ZSA9IDMyLFxuICB0ZXh0LFxuICB0ZXh0QmdDb2xvciA9ICdzZWNvbmRhcnknLFxuICB0ZXh0Q29sb3IgPSAnbmV1dHJhbCcsXG4gIHRleHRTaXplID0gMTAsXG4gIGxvY2sgPSBmYWxzZSxcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogQXZhdGFyUHJvcHMpID0+IChcbiAgPEF2YXRhckNvbnRhaW5lciBzaXplPXtzaXplfSBjbGFzc05hbWU9e2NsYXNzTmFtZX0gZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9PlxuICAgIHt0ZXh0IHx8ICghdGV4dCAmJiAhaW1hZ2UpID8gKFxuICAgICAgPFN0eWxlZFRleHRBdmF0YXJcbiAgICAgICAgbG9jaz17bG9ja31cbiAgICAgICAgdGV4dEJnQ29sb3I9e3RleHRCZ0NvbG9yfVxuICAgICAgICB0ZXh0Q29sb3I9e3RleHRDb2xvcn1cbiAgICAgICAgdGV4dFNpemU9e3RleHRTaXplfVxuICAgICAgPlxuICAgICAgICB7bG9jayA/IChcbiAgICAgICAgICA8SWNvbiBuYW1lPVwibG9ja1wiIGNvbG9yPVwibmV1dHJhbFwiIHByb21pbmVuY2U9XCJ3ZWFrXCIgLz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBmb3JtYXRUZXh0VG9BdmF0YXIodGV4dClcbiAgICAgICAgKX1cbiAgICAgIDwvU3R5bGVkVGV4dEF2YXRhcj5cbiAgICApIDogKFxuICAgICAgPGltZyB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgc3JjPXtpbWFnZSA/PyAnJ30gYWx0PVwiXCIgLz5cbiAgICApfVxuICA8L0F2YXRhckNvbnRhaW5lcj5cbilcbiJdfQ== */"));
|
|
34
33
|
const AvatarContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
|
|
35
34
|
target: "ec0473m0"
|
|
36
35
|
} : {
|
|
@@ -40,7 +39,7 @@ const AvatarContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV ===
|
|
|
40
39
|
size
|
|
41
40
|
}) => size, "px;width:", ({
|
|
42
41
|
size
|
|
43
|
-
}) => size, "px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0F2YXRhci9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUZvRCIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9BdmF0YXIvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnQHVsdHJhdmlvbGV0L2ljb25zJ1xuaW1wb3J0IHR5cGUgeyBDb2xvciB9IGZyb20gJy4uLy4uL3RoZW1lJ1xuaW1wb3J0IHR5cGUgeyBYT1IgfSBmcm9tICcuLi8uLi90eXBlcydcblxuY29uc3QgZm9ybWF0VGV4dFRvQXZhdGFyID0gKHRleHQ/OiBzdHJpbmcpOiBzdHJpbmcgPT4ge1xuICBpZiAoIXRleHQpIHJldHVybiAnJ1xuXG4gIGNvbnN0IHRleHRDbGVhbmVkID0gdGV4dC5yZXBsYWNlKC9cXHMrL2csICcgJykudHJpbSgpXG5cbiAgaWYgKHRleHRDbGVhbmVkLmxlbmd0aCA8PSAyKSB7XG4gICAgcmV0dXJuIHRleHRDbGVhbmVkLnRvVXBwZXJDYXNlKClcbiAgfVxuXG4gIGlmICh0ZXh0Q2xlYW5lZC5zcGxpdCgnICcpLmxlbmd0aCA+
|
|
42
|
+
}) => size, "px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0F2YXRhci9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUZvRCIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9BdmF0YXIvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnQHVsdHJhdmlvbGV0L2ljb25zJ1xuaW1wb3J0IHR5cGUgeyBDb2xvciB9IGZyb20gJy4uLy4uL3RoZW1lJ1xuaW1wb3J0IHR5cGUgeyBYT1IgfSBmcm9tICcuLi8uLi90eXBlcydcblxuY29uc3QgZm9ybWF0VGV4dFRvQXZhdGFyID0gKHRleHQ/OiBzdHJpbmcpOiBzdHJpbmcgPT4ge1xuICBpZiAoIXRleHQpIHJldHVybiAnJ1xuXG4gIGNvbnN0IHRleHRDbGVhbmVkID0gdGV4dC5yZXBsYWNlKC9cXHMrL2csICcgJykudHJpbSgpXG5cbiAgaWYgKHRleHRDbGVhbmVkLmxlbmd0aCA8PSAyKSB7XG4gICAgcmV0dXJuIHRleHRDbGVhbmVkLnRvVXBwZXJDYXNlKClcbiAgfVxuXG4gIGlmICh0ZXh0Q2xlYW5lZC5zcGxpdCgnICcpLmxlbmd0aCA+IDEpIHtcbiAgICBjb25zdCBbYSwgYl0gPSB0ZXh0Q2xlYW5lZC5zcGxpdCgnICcpXG5cbiAgICByZXR1cm4gYCR7YT8uWzBdfSR7Yj8uWzBdfWAudG9VcHBlckNhc2UoKVxuICB9XG5cbiAgcmV0dXJuIHRleHRDbGVhbmVkLnN1YnN0cmluZygwLCAyKS50b1VwcGVyQ2FzZSgpXG59XG5cbnR5cGUgVGV4dEF2YXRhclByb3BzID0ge1xuICBsb2NrPzogYm9vbGVhblxuICB0ZXh0QmdDb2xvcj86IHN0cmluZ1xuICB0ZXh0Q29sb3I6IHN0cmluZ1xuICB0ZXh0U2l6ZTogbnVtYmVyXG59XG5cbmNvbnN0IFN0eWxlZFRleHRBdmF0YXIgPSBzdHlsZWQuc3BhbjxUZXh0QXZhdGFyUHJvcHM+YFxuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IGxvY2ssIHRoZW1lLCB0ZXh0QmdDb2xvciB9KSA9PlxuICAgIGxvY2tcbiAgICAgID8gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFN0cm9uZ1xuICAgICAgOiB0aGVtZS5jb2xvcnNbdGV4dEJnQ29sb3IgYXMgQ29sb3JdPy5iYWNrZ3JvdW5kU3Ryb25nIHx8IHRleHRCZ0NvbG9yfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5jaXJjbGV9O1xuICBjb2xvcjogJHsoeyB0aGVtZSwgdGV4dENvbG9yIH0pID0+XG4gICAgdGhlbWUuY29sb3JzW3RleHRDb2xvciBhcyAnbmV1dHJhbCddPy50ZXh0U3Ryb25nZXIgfHxcbiAgICB0aGVtZS5jb2xvcnNbdGV4dENvbG9yIGFzIENvbG9yXT8udGV4dFN0cm9uZyB8fFxuICAgIHRleHRDb2xvcn07XG4gIGZvbnQtc2l6ZTogJHsoeyB0ZXh0U2l6ZSB9KSA9PiB0ZXh0U2l6ZX1weDtcbiAgZGlzcGxheTogZmxleDtcbiAgaGVpZ2h0OiAxMDAlO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgd2lkdGg6IDEwMCU7XG5gXG5cbnR5cGUgQXZhdGFyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTaXplIG9mIHRoZSBjb21wb25lbnRcbiAgICovXG4gIHNpemU/OiBudW1iZXJcbiAgLyoqXG4gICAqIEJhY2tncm91bmQgY29sb3Igd2hlbiBgdGV4dGAgcHJvcCBpcyBzcGVjaWZpZWRcbiAgICovXG4gIHRleHRCZ0NvbG9yPzogc3RyaW5nXG4gIC8qKlxuICAgKiBUZXh0IGNvbG9yIHdoZW4gYHRleHRgIHByb3AgaXMgc3BlY2lmaWVkXG4gICAqL1xuICB0ZXh0Q29sb3I/OiBzdHJpbmdcbiAgLyoqXG4gICAqIFRleHQgc2l6ZSB3aGVuIGB0ZXh0YCBwcm9wIGlzIHNwZWNpZmllZCBvciBzaXplIG9mIHRoZSBsb2NrIHdoZW4gYGxvY2tgIGlzIHRydWVcbiAgICovXG4gIHRleHRTaXplPzogbnVtYmVyXG4gIC8qKlxuICAgKiBVc2VkIG9ubHkgd2hlbiBgdGV4dGAgcHJvcCBpcyBzcGVjaWZpZWRcbiAgICovXG4gIGxvY2s/OiBib29sZWFuXG5cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn0gJiBYT1I8XG4gIFtcbiAgICB7XG4gICAgICAvKipcbiAgICAgICAqICoqYGltYWdlYCBvciBgdGV4dGAgcHJvcGVydHkgaXMgcmVxdWlyZWQqKlxuICAgICAgICovXG4gICAgICBpbWFnZTogc3RyaW5nXG4gICAgfSxcbiAgICB7XG4gICAgICAvKipcbiAgICAgICAqICoqYGltYWdlYCBvciBgdGV4dGAgcHJvcGVydHkgaXMgcmVxdWlyZWQqKlxuICAgICAgICovXG4gICAgICB0ZXh0OiBzdHJpbmdcbiAgICB9LFxuICBdXG4+XG5cbmNvbnN0IEF2YXRhckNvbnRhaW5lciA9IHN0eWxlZC5kaXY8eyBzaXplOiBudW1iZXIgfT5gXG4gIGhlaWdodDogJHsoeyBzaXplIH0pID0+IHNpemV9cHg7XG4gIHdpZHRoOiAkeyh7IHNpemUgfSkgPT4gc2l6ZX1weDtcbmBcblxuLyoqXG4gKiBBdmF0YXIgY29tcG9uZW50IGlzIHVzZWQgdG8gZGlzcGxheSBhIHVzZXIncyBwcm9maWxlIHBpY3R1cmUgb3IgaW5pdGlhbHMuXG4gKi9cbmV4cG9ydCBjb25zdCBBdmF0YXIgPSAoe1xuICBpbWFnZSxcbiAgc2l6ZSA9IDMyLFxuICB0ZXh0LFxuICB0ZXh0QmdDb2xvciA9ICdzZWNvbmRhcnknLFxuICB0ZXh0Q29sb3IgPSAnbmV1dHJhbCcsXG4gIHRleHRTaXplID0gMTAsXG4gIGxvY2sgPSBmYWxzZSxcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogQXZhdGFyUHJvcHMpID0+IChcbiAgPEF2YXRhckNvbnRhaW5lciBzaXplPXtzaXplfSBjbGFzc05hbWU9e2NsYXNzTmFtZX0gZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9PlxuICAgIHt0ZXh0IHx8ICghdGV4dCAmJiAhaW1hZ2UpID8gKFxuICAgICAgPFN0eWxlZFRleHRBdmF0YXJcbiAgICAgICAgbG9jaz17bG9ja31cbiAgICAgICAgdGV4dEJnQ29sb3I9e3RleHRCZ0NvbG9yfVxuICAgICAgICB0ZXh0Q29sb3I9e3RleHRDb2xvcn1cbiAgICAgICAgdGV4dFNpemU9e3RleHRTaXplfVxuICAgICAgPlxuICAgICAgICB7bG9jayA/IChcbiAgICAgICAgICA8SWNvbiBuYW1lPVwibG9ja1wiIGNvbG9yPVwibmV1dHJhbFwiIHByb21pbmVuY2U9XCJ3ZWFrXCIgLz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBmb3JtYXRUZXh0VG9BdmF0YXIodGV4dClcbiAgICAgICAgKX1cbiAgICAgIDwvU3R5bGVkVGV4dEF2YXRhcj5cbiAgICApIDogKFxuICAgICAgPGltZyB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCIgc3JjPXtpbWFnZSA/PyAnJ30gYWx0PVwiXCIgLz5cbiAgICApfVxuICA8L0F2YXRhckNvbnRhaW5lcj5cbilcbiJdfQ== */"));
|
|
44
43
|
const Avatar = ({
|
|
45
44
|
image,
|
|
46
45
|
size = 32,
|
|
@@ -91,8 +91,7 @@ const Banner = ({
|
|
|
91
91
|
} = react.useTheme();
|
|
92
92
|
const defaultImage$1 = size === "small" ? defaultImageSmall : defaultImage;
|
|
93
93
|
const [opened, setOpened] = React.useState(true);
|
|
94
|
-
if (!opened)
|
|
95
|
-
return null;
|
|
94
|
+
if (!opened) return null;
|
|
96
95
|
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { variant, size, className, "data-testid": dataTestId, children: [
|
|
97
96
|
/* @__PURE__ */ jsxRuntime.jsx(ImageStack, { size, justifyContent: "center", children: image ?? /* @__PURE__ */ jsxRuntime.jsx("img", { src: defaultImage$1, alt: "" }) }),
|
|
98
97
|
/* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { direction, gap: 2, justifyContent: "space-between", alignItems: direction === "column" ? "start" : "center", style: {
|
|
@@ -87,8 +87,7 @@ const Banner = ({
|
|
|
87
87
|
} = useTheme();
|
|
88
88
|
const defaultImage = size === "small" ? defaultIllustrationSmall : defaultIllustration;
|
|
89
89
|
const [opened, setOpened] = useState(true);
|
|
90
|
-
if (!opened)
|
|
91
|
-
return null;
|
|
90
|
+
if (!opened) return null;
|
|
92
91
|
return /* @__PURE__ */ jsxs(Container, { variant, size, className, "data-testid": dataTestId, children: [
|
|
93
92
|
/* @__PURE__ */ jsx(ImageStack, { size, justifyContent: "center", children: image ?? /* @__PURE__ */ jsx("img", { src: defaultImage, alt: "" }) }),
|
|
94
93
|
/* @__PURE__ */ jsxs(Stack, { direction, gap: 2, justifyContent: "space-between", alignItems: direction === "column" ? "start" : "center", style: {
|
|
@@ -13,7 +13,7 @@ declare const sizes: {
|
|
|
13
13
|
readonly small: "\n width: 24px;\n height: 24px;\n font-size: 14px;\n ";
|
|
14
14
|
};
|
|
15
15
|
type BulletSize = keyof typeof sizes;
|
|
16
|
-
export declare const bulletSizes:
|
|
16
|
+
export declare const bulletSizes: BulletSize[];
|
|
17
17
|
type ContentProps = XOR<[
|
|
18
18
|
{
|
|
19
19
|
icon: ComponentProps<typeof Icon>['name'];
|
|
@@ -10,53 +10,53 @@ export declare const SIZE_HEIGHT: {
|
|
|
10
10
|
readonly xsmall: 24;
|
|
11
11
|
};
|
|
12
12
|
type ButtonSize = keyof typeof SIZE_HEIGHT;
|
|
13
|
-
export declare const buttonSizes:
|
|
13
|
+
export declare const buttonSizes: ButtonSize[];
|
|
14
14
|
declare const VARIANTS_COMPONENTS: {
|
|
15
15
|
filled: {
|
|
16
16
|
button: import("@emotion/styled").StyledComponent<{
|
|
17
|
-
theme?: Theme
|
|
18
|
-
as?: import("react").ElementType
|
|
17
|
+
theme?: Theme;
|
|
18
|
+
as?: import("react").ElementType;
|
|
19
19
|
} & Required<Pick<FinalProps, "size" | "sentiment" | "disabled" | "iconPosition" | "fullWidth">> & {
|
|
20
20
|
iconOnly: boolean;
|
|
21
21
|
}, import("react").DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
|
|
22
22
|
link: import("@emotion/styled").StyledComponent<{
|
|
23
|
-
theme?: Theme
|
|
24
|
-
as?: import("react").ElementType
|
|
23
|
+
theme?: Theme;
|
|
24
|
+
as?: import("react").ElementType;
|
|
25
25
|
} & Required<Pick<FinalProps, "size" | "sentiment" | "disabled" | "iconPosition" | "fullWidth">> & {
|
|
26
26
|
iconOnly: boolean;
|
|
27
27
|
}, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
|
|
28
28
|
};
|
|
29
29
|
outlined: {
|
|
30
30
|
button: import("@emotion/styled").StyledComponent<{
|
|
31
|
-
theme?: Theme
|
|
32
|
-
as?: import("react").ElementType
|
|
31
|
+
theme?: Theme;
|
|
32
|
+
as?: import("react").ElementType;
|
|
33
33
|
} & Required<Pick<FinalProps, "size" | "sentiment" | "disabled" | "iconPosition" | "fullWidth">> & {
|
|
34
34
|
iconOnly: boolean;
|
|
35
35
|
}, import("react").DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
|
|
36
36
|
link: import("@emotion/styled").StyledComponent<{
|
|
37
|
-
theme?: Theme
|
|
38
|
-
as?: import("react").ElementType
|
|
37
|
+
theme?: Theme;
|
|
38
|
+
as?: import("react").ElementType;
|
|
39
39
|
} & Required<Pick<FinalProps, "size" | "sentiment" | "disabled" | "iconPosition" | "fullWidth">> & {
|
|
40
40
|
iconOnly: boolean;
|
|
41
41
|
}, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
|
|
42
42
|
};
|
|
43
43
|
ghost: {
|
|
44
44
|
button: import("@emotion/styled").StyledComponent<{
|
|
45
|
-
theme?: Theme
|
|
46
|
-
as?: import("react").ElementType
|
|
45
|
+
theme?: Theme;
|
|
46
|
+
as?: import("react").ElementType;
|
|
47
47
|
} & Required<Pick<FinalProps, "size" | "sentiment" | "disabled" | "iconPosition" | "fullWidth">> & {
|
|
48
48
|
iconOnly: boolean;
|
|
49
49
|
}, import("react").DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
|
|
50
50
|
link: import("@emotion/styled").StyledComponent<{
|
|
51
|
-
theme?: Theme
|
|
52
|
-
as?: import("react").ElementType
|
|
51
|
+
theme?: Theme;
|
|
52
|
+
as?: import("react").ElementType;
|
|
53
53
|
} & Required<Pick<FinalProps, "size" | "sentiment" | "disabled" | "iconPosition" | "fullWidth">> & {
|
|
54
54
|
iconOnly: boolean;
|
|
55
55
|
}, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
|
|
56
56
|
};
|
|
57
57
|
};
|
|
58
58
|
type ButtonVariant = keyof typeof VARIANTS_COMPONENTS;
|
|
59
|
-
export declare const buttonVariants:
|
|
59
|
+
export declare const buttonVariants: ButtonVariant[];
|
|
60
60
|
type CommonProps = {
|
|
61
61
|
type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
|
|
62
62
|
autoFocus?: ButtonHTMLAttributes<HTMLButtonElement>['autoFocus'];
|
|
@@ -243,8 +243,7 @@ const Checkbox = React.forwardRef(({
|
|
|
243
243
|
setState(checked);
|
|
244
244
|
}, [checked]);
|
|
245
245
|
const onLocalChange = React.useCallback((event) => {
|
|
246
|
-
if (!progress)
|
|
247
|
-
onChange?.(event);
|
|
246
|
+
if (!progress) onChange?.(event);
|
|
248
247
|
setState((current) => current === "indeterminate" ? false : event.target.checked);
|
|
249
248
|
}, [onChange, progress, setState]);
|
|
250
249
|
return /* @__PURE__ */ jsxRuntime.jsx(index$1.Tooltip, { text: tooltip, children: /* @__PURE__ */ jsxRuntime.jsxs(CheckboxContainer, { className, "aria-disabled": disabled, "data-visibility": dataVisibility, "data-checked": state, "data-error": !!error, "data-testid": dataTestId, children: [
|
|
@@ -239,8 +239,7 @@ const Checkbox = forwardRef(({
|
|
|
239
239
|
setState(checked);
|
|
240
240
|
}, [checked]);
|
|
241
241
|
const onLocalChange = useCallback((event) => {
|
|
242
|
-
if (!progress)
|
|
243
|
-
onChange?.(event);
|
|
242
|
+
if (!progress) onChange?.(event);
|
|
244
243
|
setState((current) => current === "indeterminate" ? false : event.target.checked);
|
|
245
244
|
}, [onChange, progress, setState]);
|
|
246
245
|
return /* @__PURE__ */ jsx(Tooltip, { text: tooltip, children: /* @__PURE__ */ jsxs(CheckboxContainer, { className, "aria-disabled": disabled, "data-visibility": dataVisibility, "data-checked": state, "data-error": !!error, "data-testid": dataTestId, children: [
|
|
@@ -19,68 +19,68 @@ export declare const Dialog: (({ ariaLabel, className, children, "data-testid":
|
|
|
19
19
|
Button: ({ children, onClick, disabled, tooltip, }: {
|
|
20
20
|
children: import("react").ReactNode;
|
|
21
21
|
} & Pick<({
|
|
22
|
-
type?: "
|
|
23
|
-
autoFocus?:
|
|
24
|
-
variant?: "filled" | "outlined" | "ghost"
|
|
25
|
-
role?: import("react").AriaRole
|
|
26
|
-
size?: "large" | "medium" | "small" | "xsmall"
|
|
27
|
-
className?: string
|
|
28
|
-
'data-testid'?: string
|
|
29
|
-
sentiment?: "primary" | "secondary" | "neutral" | "success" | "danger" | "warning" | "info"
|
|
30
|
-
disabled?: boolean
|
|
31
|
-
iconPosition?: "left" | "right"
|
|
32
|
-
iconVariant?: "
|
|
33
|
-
fullWidth?: boolean
|
|
34
|
-
isLoading?: boolean
|
|
35
|
-
'aria-label'?: string
|
|
36
|
-
'aria-current'?: boolean
|
|
37
|
-
'aria-controls'?: string
|
|
38
|
-
'aria-expanded'?: boolean
|
|
39
|
-
'aria-haspopup'?: boolean
|
|
40
|
-
onClick?: import("react").MouseEventHandler<HTMLElement
|
|
41
|
-
tooltip?: string
|
|
42
|
-
tabIndex?:
|
|
43
|
-
onMouseDown?: import("react").MouseEventHandler<HTMLElement
|
|
44
|
-
onMouseUp?: import("react").MouseEventHandler<HTMLElement
|
|
45
|
-
onMouseOut?: import("react").MouseEventHandler<HTMLElement
|
|
22
|
+
type?: import("react").ButtonHTMLAttributes<HTMLButtonElement>["type"];
|
|
23
|
+
autoFocus?: import("react").ButtonHTMLAttributes<HTMLButtonElement>["autoFocus"];
|
|
24
|
+
variant?: "filled" | "outlined" | "ghost";
|
|
25
|
+
role?: import("react").AriaRole;
|
|
26
|
+
size?: "large" | "medium" | "small" | "xsmall";
|
|
27
|
+
className?: string;
|
|
28
|
+
'data-testid'?: string;
|
|
29
|
+
sentiment?: "primary" | "secondary" | "neutral" | "success" | "danger" | "warning" | "info";
|
|
30
|
+
disabled?: boolean;
|
|
31
|
+
iconPosition?: "left" | "right";
|
|
32
|
+
iconVariant?: ComponentProps<typeof import("@ultraviolet/icons").Icon>["variant"];
|
|
33
|
+
fullWidth?: boolean;
|
|
34
|
+
isLoading?: boolean;
|
|
35
|
+
'aria-label'?: string;
|
|
36
|
+
'aria-current'?: boolean;
|
|
37
|
+
'aria-controls'?: string;
|
|
38
|
+
'aria-expanded'?: boolean;
|
|
39
|
+
'aria-haspopup'?: boolean;
|
|
40
|
+
onClick?: import("react").MouseEventHandler<HTMLElement>;
|
|
41
|
+
tooltip?: string;
|
|
42
|
+
tabIndex?: import("react").ButtonHTMLAttributes<HTMLButtonElement>["tabIndex"];
|
|
43
|
+
onMouseDown?: import("react").MouseEventHandler<HTMLElement>;
|
|
44
|
+
onMouseUp?: import("react").MouseEventHandler<HTMLElement>;
|
|
45
|
+
onMouseOut?: import("react").MouseEventHandler<HTMLElement>;
|
|
46
46
|
} & ({
|
|
47
47
|
children: import("react").ReactNode;
|
|
48
|
-
icon?:
|
|
49
|
-
name?: string
|
|
50
|
-
href?:
|
|
51
|
-
target?:
|
|
52
|
-
download?:
|
|
48
|
+
icon?: ComponentProps<typeof import("@ultraviolet/icons").Icon>["name"];
|
|
49
|
+
name?: string;
|
|
50
|
+
href?: never;
|
|
51
|
+
target?: never;
|
|
52
|
+
download?: never;
|
|
53
53
|
} | {
|
|
54
|
-
children?:
|
|
55
|
-
icon:
|
|
56
|
-
name?: string
|
|
57
|
-
href?:
|
|
58
|
-
target?:
|
|
59
|
-
download?:
|
|
54
|
+
children?: never;
|
|
55
|
+
icon: ComponentProps<typeof import("@ultraviolet/icons").Icon>["name"];
|
|
56
|
+
name?: string;
|
|
57
|
+
href?: never;
|
|
58
|
+
target?: never;
|
|
59
|
+
download?: never;
|
|
60
60
|
} | {
|
|
61
61
|
children: import("react").ReactNode;
|
|
62
|
-
icon?:
|
|
63
|
-
name?:
|
|
62
|
+
icon?: ComponentProps<typeof import("@ultraviolet/icons").Icon>["name"];
|
|
63
|
+
name?: never;
|
|
64
64
|
href: string;
|
|
65
|
-
target?: string
|
|
66
|
-
download?: string
|
|
65
|
+
target?: string;
|
|
66
|
+
download?: string;
|
|
67
67
|
} | {
|
|
68
|
-
children?:
|
|
69
|
-
icon:
|
|
70
|
-
name?:
|
|
68
|
+
children?: never;
|
|
69
|
+
icon: ComponentProps<typeof import("@ultraviolet/icons").Icon>["name"];
|
|
70
|
+
name?: never;
|
|
71
71
|
href: string;
|
|
72
|
-
target?: string
|
|
73
|
-
download?: string
|
|
72
|
+
target?: string;
|
|
73
|
+
download?: string;
|
|
74
74
|
})) & import("react").RefAttributes<Element>, "tooltip" | "onClick" | "disabled">) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
75
75
|
CancelButton: ({ children, onClick, }: {
|
|
76
76
|
children: import("react").ReactNode;
|
|
77
|
-
onClick: import("
|
|
77
|
+
onClick: ComponentProps<typeof import("..").Button>["onClick"];
|
|
78
78
|
}) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
79
79
|
Stack: ({ children }: {
|
|
80
80
|
children: import("react").ReactNode;
|
|
81
81
|
}) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
82
82
|
Text: ({ children }: {
|
|
83
|
-
children:
|
|
83
|
+
children: React.ReactNode;
|
|
84
84
|
}) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
85
85
|
useDialogContext: () => DialogContextType;
|
|
86
86
|
};
|
|
@@ -17,8 +17,8 @@ type ExpandableProps = {
|
|
|
17
17
|
animationDuration?: number;
|
|
18
18
|
};
|
|
19
19
|
export declare const StyledExpandable: import("@emotion/styled").StyledComponent<{
|
|
20
|
-
theme?: import("@emotion/react").Theme
|
|
21
|
-
as?: import("react").ElementType
|
|
20
|
+
theme?: import("@emotion/react").Theme;
|
|
21
|
+
as?: import("react").ElementType;
|
|
22
22
|
} & {
|
|
23
23
|
animationDuration: number;
|
|
24
24
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { ComponentProps } from 'react';
|
|
2
2
|
import { Link } from '../Link';
|
|
3
|
-
export declare const GlobalAlertLink: ({ children, href, target, download, rel, className, onClick, "aria-label": ariaLabel, oneLine, "data-testid": dataTestId, }: Omit<ComponentProps<typeof Link>,
|
|
3
|
+
export declare const GlobalAlertLink: ({ children, href, target, download, rel, className, onClick, "aria-label": ariaLabel, oneLine, "data-testid": dataTestId, }: Omit<ComponentProps<typeof Link>, "sentiment" | "prominence" | "size">) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
@@ -44,8 +44,7 @@ const GlobalAlert = ({
|
|
|
44
44
|
theme
|
|
45
45
|
} = react.useTheme();
|
|
46
46
|
const [opened, toggleOpened] = React.useReducer((value) => !value, true);
|
|
47
|
-
if (!opened)
|
|
48
|
-
return null;
|
|
47
|
+
if (!opened) return null;
|
|
49
48
|
return /* @__PURE__ */ jsxRuntime.jsxs(Container, { justifyContent: "center", alignItems: "center", direction: "row", "data-variant": variant, "data-testid": dataTestId, className, children: [
|
|
50
49
|
/* @__PURE__ */ jsxRuntime.jsxs(index$1.Stack, { gap: 2, direction: "row", justifyContent: "center", alignItems: "center", children: [
|
|
51
50
|
/* @__PURE__ */ jsxRuntime.jsx(index$2.Text, { variant: "bodySmall", as: "p", sentiment: "neutral", prominence: theme === "light" ? "stronger" : "strong", children }),
|
|
@@ -15,22 +15,6 @@ type GlobalAlertProps = {
|
|
|
15
15
|
*/
|
|
16
16
|
export declare const GlobalAlert: {
|
|
17
17
|
({ children, variant, onClose, closable, buttonText, onClickButton, className, "data-testid": dataTestId, }: GlobalAlertProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
|
|
18
|
-
Link: ({ children, href, target, download, rel, className, onClick, "aria-label": ariaLabel, oneLine, "data-testid": dataTestId, }: Omit<
|
|
19
|
-
children: ReactNode;
|
|
20
|
-
target?: import("react").HTMLAttributeAnchorTarget | undefined;
|
|
21
|
-
download?: string | boolean | undefined;
|
|
22
|
-
sentiment?: import("../../theme").Color | undefined;
|
|
23
|
-
prominence?: "strong" | "default" | "stronger" | "weak" | undefined;
|
|
24
|
-
size?: ("large" | "small" | "xsmall") | undefined;
|
|
25
|
-
iconPosition?: ("left" | "right") | undefined;
|
|
26
|
-
rel?: string | undefined;
|
|
27
|
-
className?: string | undefined;
|
|
28
|
-
href: string;
|
|
29
|
-
onClick?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
|
|
30
|
-
'aria-label'?: string | undefined;
|
|
31
|
-
oneLine?: boolean | undefined;
|
|
32
|
-
'data-testid'?: string | undefined;
|
|
33
|
-
variant?: "inline" | "standalone" | undefined;
|
|
34
|
-
} & import("react").RefAttributes<HTMLAnchorElement>, "size" | "sentiment" | "prominence">) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
18
|
+
Link: ({ children, href, target, download, rel, className, onClick, "aria-label": ariaLabel, oneLine, "data-testid": dataTestId, }: Omit<import("react").ComponentProps<typeof import("..").Link>, "sentiment" | "prominence" | "size">) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
35
19
|
};
|
|
36
20
|
export {};
|
|
@@ -40,8 +40,7 @@ const GlobalAlert = ({
|
|
|
40
40
|
theme
|
|
41
41
|
} = useTheme();
|
|
42
42
|
const [opened, toggleOpened] = useReducer((value) => !value, true);
|
|
43
|
-
if (!opened)
|
|
44
|
-
return null;
|
|
43
|
+
if (!opened) return null;
|
|
45
44
|
return /* @__PURE__ */ jsxs(Container, { justifyContent: "center", alignItems: "center", direction: "row", "data-variant": variant, "data-testid": dataTestId, className, children: [
|
|
46
45
|
/* @__PURE__ */ jsxs(Stack, { gap: 2, direction: "row", justifyContent: "center", alignItems: "center", children: [
|
|
47
46
|
/* @__PURE__ */ jsx(Text, { variant: "bodySmall", as: "p", sentiment: "neutral", prominence: theme === "light" ? "stronger" : "strong", children }),
|
|
@@ -1,20 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
3
|
const parse = (data) => {
|
|
4
|
-
if (typeof data === "number")
|
|
5
|
-
|
|
6
|
-
if (
|
|
7
|
-
return parseFloat(data) || 0;
|
|
8
|
-
if (data instanceof Date)
|
|
9
|
-
return data.getTime();
|
|
4
|
+
if (typeof data === "number") return data || 0;
|
|
5
|
+
if (typeof data === "string") return parseFloat(data) || 0;
|
|
6
|
+
if (data instanceof Date) return data.getTime();
|
|
10
7
|
return 0;
|
|
11
8
|
};
|
|
12
9
|
const getMin = (values = []) => values.length ? Math.min(...values.map(parse)) : 0;
|
|
13
10
|
const getMax = (values = []) => values.length ? Math.max(...values.map(parse)) : 0;
|
|
14
11
|
const getAverage = (values = []) => values.length ? Math.round(values.reduce((sum, curr) => sum + parse(curr), 0) / values.length * 100) / 100 : 0;
|
|
15
12
|
const getMaxChartValue = (preppedData) => {
|
|
16
|
-
if (!preppedData?.length)
|
|
17
|
-
return 0;
|
|
13
|
+
if (!preppedData?.length) return 0;
|
|
18
14
|
const maximum = Math.max(...preppedData.map(({
|
|
19
15
|
data
|
|
20
16
|
}) => getMax(data.map(({
|
|
@@ -23,8 +19,7 @@ const getMaxChartValue = (preppedData) => {
|
|
|
23
19
|
return Math.ceil(maximum + maximum * 0.1);
|
|
24
20
|
};
|
|
25
21
|
const getMinChartValue = (preppedData) => {
|
|
26
|
-
if (!preppedData?.length)
|
|
27
|
-
return 0;
|
|
22
|
+
if (!preppedData?.length) return 0;
|
|
28
23
|
const minimum = Math.min(...preppedData.map(({
|
|
29
24
|
data
|
|
30
25
|
}) => getMin(data.map(({
|
|
@@ -1,18 +1,14 @@
|
|
|
1
1
|
const parse = (data) => {
|
|
2
|
-
if (typeof data === "number")
|
|
3
|
-
|
|
4
|
-
if (
|
|
5
|
-
return parseFloat(data) || 0;
|
|
6
|
-
if (data instanceof Date)
|
|
7
|
-
return data.getTime();
|
|
2
|
+
if (typeof data === "number") return data || 0;
|
|
3
|
+
if (typeof data === "string") return parseFloat(data) || 0;
|
|
4
|
+
if (data instanceof Date) return data.getTime();
|
|
8
5
|
return 0;
|
|
9
6
|
};
|
|
10
7
|
const getMin = (values = []) => values.length ? Math.min(...values.map(parse)) : 0;
|
|
11
8
|
const getMax = (values = []) => values.length ? Math.max(...values.map(parse)) : 0;
|
|
12
9
|
const getAverage = (values = []) => values.length ? Math.round(values.reduce((sum, curr) => sum + parse(curr), 0) / values.length * 100) / 100 : 0;
|
|
13
10
|
const getMaxChartValue = (preppedData) => {
|
|
14
|
-
if (!preppedData?.length)
|
|
15
|
-
return 0;
|
|
11
|
+
if (!preppedData?.length) return 0;
|
|
16
12
|
const maximum = Math.max(...preppedData.map(({
|
|
17
13
|
data
|
|
18
14
|
}) => getMax(data.map(({
|
|
@@ -21,8 +17,7 @@ const getMaxChartValue = (preppedData) => {
|
|
|
21
17
|
return Math.ceil(maximum + maximum * 0.1);
|
|
22
18
|
};
|
|
23
19
|
const getMinChartValue = (preppedData) => {
|
|
24
|
-
if (!preppedData?.length)
|
|
25
|
-
return 0;
|
|
20
|
+
if (!preppedData?.length) return 0;
|
|
26
21
|
const minimum = Math.min(...preppedData.map(({
|
|
27
22
|
data
|
|
28
23
|
}) => getMin(data.map(({
|