@toptal/picasso 32.1.0 → 32.2.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/PageHead/PageHead.d.ts +7 -7
- package/PageHead/PageHead.js +24 -9
- package/PageHead/PageHead.js.map +1 -1
- package/package.json +1 -1
package/PageHead/PageHead.d.ts
CHANGED
|
@@ -11,17 +11,17 @@ export interface Props extends BaseProps {
|
|
|
11
11
|
}
|
|
12
12
|
export declare const PageHead: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
|
|
13
13
|
declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>> & {
|
|
14
|
-
Title: ({ titleCase, children, }: TextLabelProps & {
|
|
14
|
+
Title: ({ titleCase, children, className, ...rest }: TextLabelProps & {
|
|
15
15
|
children: ReactNode;
|
|
16
|
-
}) => JSX.Element;
|
|
17
|
-
Tabs: ({ children }: {
|
|
16
|
+
} & BaseProps) => JSX.Element;
|
|
17
|
+
Tabs: ({ children, className, ...rest }: {
|
|
18
18
|
children: ReactNode;
|
|
19
|
-
}) => JSX.Element;
|
|
19
|
+
} & BaseProps) => JSX.Element;
|
|
20
20
|
Main: (props: {
|
|
21
21
|
children?: ReactNode;
|
|
22
|
-
}) => JSX.Element;
|
|
23
|
-
Actions: ({ children }: {
|
|
22
|
+
} & BaseProps) => JSX.Element;
|
|
23
|
+
Actions: ({ children, className, ...rest }: {
|
|
24
24
|
children: ReactNode;
|
|
25
|
-
}) => JSX.Element;
|
|
25
|
+
} & BaseProps) => JSX.Element;
|
|
26
26
|
};
|
|
27
27
|
export default _default;
|
package/PageHead/PageHead.js
CHANGED
|
@@ -1,3 +1,14 @@
|
|
|
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/styles';
|
|
3
14
|
import cx from 'classnames';
|
|
@@ -10,23 +21,27 @@ const useStyles = makeStyles(styles, {
|
|
|
10
21
|
const useMainStyles = makeStyles(styles, {
|
|
11
22
|
name: 'PicassoPageHeadMain',
|
|
12
23
|
});
|
|
13
|
-
const Title = (
|
|
14
|
-
|
|
24
|
+
const Title = (_a) => {
|
|
25
|
+
var { titleCase, children, className } = _a, rest = __rest(_a, ["titleCase", "children", "className"]);
|
|
26
|
+
return (React.createElement(Typography, Object.assign({ variant: 'heading', size: 'large', titleCase: titleCase, className: className }, rest), children));
|
|
15
27
|
};
|
|
16
|
-
const Tabs = (
|
|
17
|
-
|
|
28
|
+
const Tabs = (_a) => {
|
|
29
|
+
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
|
30
|
+
return (React.createElement(Container, Object.assign({ className: className }, rest), children));
|
|
18
31
|
};
|
|
19
32
|
const Main = (props) => {
|
|
33
|
+
const { className, children } = props, rest = __rest(props, ["className", "children"]);
|
|
20
34
|
const classes = useMainStyles(props);
|
|
21
|
-
return (React.createElement(Container, { flex: true, justifyContent: 'space-between', alignItems: 'center', className: classes.main },
|
|
35
|
+
return (React.createElement(Container, Object.assign({ flex: true, justifyContent: 'space-between', alignItems: 'center', className: cx(classes.main, className) }, rest), children));
|
|
22
36
|
};
|
|
23
|
-
const Actions = (
|
|
24
|
-
|
|
37
|
+
const Actions = (_a) => {
|
|
38
|
+
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
|
39
|
+
return (React.createElement(Container, Object.assign({ flex: true, alignItems: 'center', className: className }, rest), children));
|
|
25
40
|
};
|
|
26
41
|
export const PageHead = forwardRef(function PageHead(props, ref) {
|
|
27
|
-
const { children, noBorder, rightPadding } = props;
|
|
42
|
+
const { children, noBorder, rightPadding, className } = props;
|
|
28
43
|
const classes = useStyles();
|
|
29
|
-
return (React.createElement(Container, { ref: ref, className: cx(classes.root, {
|
|
44
|
+
return (React.createElement(Container, { ref: ref, className: cx(classes.root, className, {
|
|
30
45
|
[classes.withBorder]: !noBorder,
|
|
31
46
|
[classes.rightPadding]: rightPadding,
|
|
32
47
|
}) }, children));
|
package/PageHead/PageHead.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHead.js","sourceRoot":"","sources":["../../src/PageHead/PageHead.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACrD,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,MAAM,MAAM,UAAU,CAAA;AAW7B,MAAM,SAAS,GAAG,UAAU,CAAC,MAAM,EAAE;IACnC,IAAI,EAAE,iBAAiB;CACxB,CAAC,CAAA;AAEF,MAAM,aAAa,GAAG,UAAU,CAAC,MAAM,EAAE;IACvC,IAAI,EAAE,qBAAqB;CAC5B,CAAC,CAAA;AAEF,MAAM,KAAK,GAAG,CAAC,EACb,SAAS,EACT,QAAQ,
|
|
1
|
+
{"version":3,"file":"PageHead.js","sourceRoot":"","sources":["../../src/PageHead/PageHead.tsx"],"names":[],"mappings":"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"}
|