@toptal/picasso 41.3.0 → 41.4.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/Alert/Alert.d.ts +2 -0
- package/Alert/Alert.js +27 -5
- package/Alert/Alert.js.map +1 -1
- package/package.json +1 -1
package/Alert/Alert.d.ts
CHANGED
|
@@ -2,10 +2,12 @@ import type { MouseEvent, ReactNode } from 'react';
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import type { BaseProps } from '@toptal/picasso-shared';
|
|
4
4
|
import type { ButtonProps } from '../Button';
|
|
5
|
+
import type { ButtonSplitProps } from '../ButtonSplit';
|
|
5
6
|
import type { VariantType as ContainerVariants } from '../Container';
|
|
6
7
|
export declare type VariantType = Extract<'red' | 'green' | 'yellow' | 'blue', ContainerVariants>;
|
|
7
8
|
declare type ButtonAction = Omit<ButtonProps, 'size' | 'variant' | 'children'> & {
|
|
8
9
|
label: string;
|
|
10
|
+
menu?: ButtonSplitProps['menu'];
|
|
9
11
|
};
|
|
10
12
|
declare type Actions = {
|
|
11
13
|
primary?: ButtonAction;
|
package/Alert/Alert.js
CHANGED
|
@@ -1,14 +1,35 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
1
12
|
import React, { forwardRef } from 'react';
|
|
2
13
|
import { makeStyles } from '@material-ui/core';
|
|
14
|
+
import { SPACING_4 } from '../utils';
|
|
3
15
|
import Container from '../Container';
|
|
4
16
|
import Typography from '../Typography';
|
|
5
17
|
import ButtonCircular from '../ButtonCircular';
|
|
6
18
|
import { CloseMinor16, Exclamation16, Done16, Info16 } from '../Icon';
|
|
7
19
|
import styles from './styles';
|
|
8
|
-
import
|
|
20
|
+
import Button from '../Button';
|
|
21
|
+
import ButtonSplit from '../ButtonSplit';
|
|
9
22
|
const renderAlertCloseButton = ({ onClose }) => (React.createElement(Container, { left: 'small' },
|
|
10
23
|
React.createElement(ButtonCircular, { variant: 'transparent', onClick: onClose, title: 'Close alert', icon: React.createElement(CloseMinor16, { color: 'dark-grey' }) })));
|
|
11
|
-
const renderActionButton = (variant, props) =>
|
|
24
|
+
const renderActionButton = (variant, props) => {
|
|
25
|
+
const { label, menu } = props, rest = __rest(props, ["label", "menu"]);
|
|
26
|
+
if (menu) {
|
|
27
|
+
return (React.createElement(Container, { inline: true },
|
|
28
|
+
React.createElement(ButtonSplit, { menu: menu, variant: variant, size: 'small', onClick: rest.onClick, actionButtonProps: Object.assign({}, rest), "data-testid": 'action-button' }, label)));
|
|
29
|
+
}
|
|
30
|
+
return (React.createElement(Container, { inline: true },
|
|
31
|
+
React.createElement(Button, Object.assign({}, rest, { variant: variant, size: 'small', "data-testid": 'action-button' }), label)));
|
|
32
|
+
};
|
|
12
33
|
const icons = {
|
|
13
34
|
red: React.createElement(Exclamation16, { color: 'red' }),
|
|
14
35
|
green: React.createElement(Done16, { color: 'dark-green' }),
|
|
@@ -27,9 +48,10 @@ export const Alert = forwardRef(function Alert(props, ref) {
|
|
|
27
48
|
React.createElement(Container, { right: 'small', flex: true, alignItems: 'center', className: classes.iconWrapper }, icon),
|
|
28
49
|
React.createElement(Typography, { size: 'medium', as: 'div', weight: 'regular', color: 'black' }, children)),
|
|
29
50
|
React.createElement(Container, { inline: true, flex: true },
|
|
30
|
-
(
|
|
31
|
-
|
|
32
|
-
|
|
51
|
+
React.createElement(Container, { inline: true, flex: true, gap: SPACING_4 },
|
|
52
|
+
(actions === null || actions === void 0 ? void 0 : actions.primary) && renderActionButton('primary', actions.primary),
|
|
53
|
+
(actions === null || actions === void 0 ? void 0 : actions.secondary) &&
|
|
54
|
+
renderActionButton('secondary', actions.secondary)),
|
|
33
55
|
onClose && renderAlertCloseButton({ onClose }))));
|
|
34
56
|
});
|
|
35
57
|
Alert.defaultProps = {
|
package/Alert/Alert.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/Alert/Alert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;
|
|
1
|
+
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/Alert/Alert.tsx"],"names":[],"mappings":"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"}
|