pixelize-design-library 1.0.53 → 1.0.54
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.
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { ProfileCardProps } from "./ProfileCardProps";
|
|
3
|
-
export default function ProfileCard({ key,
|
|
3
|
+
export default function ProfileCard({ key, variant, children, size, color, dividercolor, dividersize, dividervariant, }: ProfileCardProps): React.JSX.Element;
|
|
@@ -6,7 +6,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
var react_1 = __importDefault(require("react"));
|
|
7
7
|
var react_2 = require("@chakra-ui/react");
|
|
8
8
|
function ProfileCard(_a) {
|
|
9
|
-
var key = _a.key,
|
|
9
|
+
var key = _a.key,
|
|
10
|
+
// maxW,
|
|
11
|
+
// align,
|
|
12
|
+
variant = _a.variant,
|
|
13
|
+
// direction,
|
|
14
|
+
// justify,
|
|
15
|
+
children = _a.children, size = _a.size, color = _a.color,
|
|
16
|
+
// overflow,
|
|
17
|
+
_b = _a.dividercolor,
|
|
18
|
+
// overflow,
|
|
19
|
+
dividercolor = _b === void 0 ? "gray.300" : _b, _c = _a.dividersize, dividersize = _c === void 0 ? "1px" : _c, _d = _a.dividervariant, dividervariant = _d === void 0 ? "solid" : _d;
|
|
10
20
|
var filterChildren = function (type) {
|
|
11
21
|
return react_1.default.Children.map(children, function (child) {
|
|
12
22
|
if (child.type === type)
|
|
@@ -16,7 +26,15 @@ function ProfileCard(_a) {
|
|
|
16
26
|
var headerContent = filterChildren("header");
|
|
17
27
|
var bodyContent = filterChildren("body");
|
|
18
28
|
var footerContent = filterChildren("footer");
|
|
19
|
-
return (react_1.default.createElement(react_2.Card, { key: key,
|
|
29
|
+
return (react_1.default.createElement(react_2.Card, { key: key,
|
|
30
|
+
// maxW={maxW}
|
|
31
|
+
// align={align}
|
|
32
|
+
variant: variant,
|
|
33
|
+
// direction={direction}
|
|
34
|
+
// justify={justify}
|
|
35
|
+
size: size,
|
|
36
|
+
// overflow={overflow}
|
|
37
|
+
colorScheme: color, mr: 10 },
|
|
20
38
|
headerContent && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
21
39
|
react_1.default.createElement(react_2.CardHeader, { style: { fontWeight: "bold" } }, headerContent),
|
|
22
40
|
react_1.default.createElement(react_2.Divider, { style: {
|
|
@@ -25,6 +43,6 @@ function ProfileCard(_a) {
|
|
|
25
43
|
borderStyle: dividervariant,
|
|
26
44
|
} }))),
|
|
27
45
|
react_1.default.createElement(react_2.CardBody, null, bodyContent),
|
|
28
|
-
react_1.default.createElement(react_2.CardFooter, null, footerContent)));
|
|
46
|
+
footerContent && (react_1.default.createElement(react_2.CardFooter, null, footerContent))));
|
|
29
47
|
}
|
|
30
48
|
exports.default = ProfileCard;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
export type ProfileCardProps = Pick<CardProps, "direction" | "maxW" | "align" | "justify" | "overflow"> & {
|
|
1
|
+
export type ProfileCardProps = {
|
|
3
2
|
children: any;
|
|
4
3
|
variant?: "elevated" | "outlein" | "filled" | "unstyled";
|
|
5
4
|
size?: "sm" | "md" | "lg";
|
package/dist/Layout.js
CHANGED
|
@@ -477,7 +477,7 @@ var Layout = function () {
|
|
|
477
477
|
react_2.default.createElement(PinInput_1.default, { pins: 5, label: "Enter pin" }),
|
|
478
478
|
react_2.default.createElement("br", null),
|
|
479
479
|
react_2.default.createElement("br", null),
|
|
480
|
-
react_2.default.createElement(ProfileCard_1.default, {
|
|
480
|
+
react_2.default.createElement(ProfileCard_1.default, { dividercolor: "red" },
|
|
481
481
|
react_2.default.createElement("header", null, "Customer dashboard"),
|
|
482
482
|
react_2.default.createElement("body", null,
|
|
483
483
|
react_2.default.createElement(react_1.Text, null, "View a summary of all your customers over the last month.")),
|