pixelize-design-library 1.0.61 → 1.0.62

package/README.md

@@ -51,7 +51,7 @@ PixelizeDesign Library Components Are Below
 - RadioButtonGroup,
 - Search,
 - Select,
-- SelectSearch, \* New
+- SelectSearch,
 - SideBar,
 - Skeletons,
 - Switch,

package/dist/Components/ProfileCard/ProfileCard.d.ts

@@ -1,3 +1,12 @@
 import React from "react";
 import { ProfileCardProps } from "./ProfileCardProps";
+export declare const ProfileCardHeader: React.FC<{
+    children: React.ReactNode;
+}>;
+export declare const ProfileCardBody: React.FC<{
+    children: React.ReactNode;
+}>;
+export declare const ProfileCardFooter: React.FC<{
+    children: React.ReactNode;
+}>;
 export default function ProfileCard({ key, variant, children, size, color, dividercolor, dividersize, dividervariant, }: ProfileCardProps): React.JSX.Element;

package/dist/Components/ProfileCard/ProfileCard.js

@@ -3,8 +3,24 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProfileCardFooter = exports.ProfileCardBody = exports.ProfileCardHeader = void 0;
 var react_1 = __importDefault(require("react"));
 var react_2 = require("@chakra-ui/react");
+var ProfileCardHeader = function (_a) {
+    var children = _a.children;
+    return react_1.default.createElement(react_1.default.Fragment, null, children);
+};
+exports.ProfileCardHeader = ProfileCardHeader;
+var ProfileCardBody = function (_a) {
+    var children = _a.children;
+    return react_1.default.createElement(react_1.default.Fragment, null, children);
+};
+exports.ProfileCardBody = ProfileCardBody;
+var ProfileCardFooter = function (_a) {
+    var children = _a.children;
+    return react_1.default.createElement(react_1.default.Fragment, null, children);
+};
+exports.ProfileCardFooter = ProfileCardFooter;
 function ProfileCard(_a) {
     // const filterChildren = (type: string) => {
     //   return React.Children.map(children, (child) => {
@@ -28,9 +44,18 @@ function ProfileCard(_a) {
     var isReactElement = function (child) {
         return child !== null && typeof child === "object" && "type" in child;
     };
-    var header = react_1.default.Children.toArray(children).find(function (child) { return isReactElement(child) && child.type === "header"; });
-    var body = react_1.default.Children.toArray(children).find(function (child) { return isReactElement(child) && child.type === "body"; });
-    var footer = react_1.default.Children.toArray(children).find(function (child) { return isReactElement(child) && child.type === "footer"; });
+    var header = react_1.default.Children.toArray(children).find(function (child) { return isReactElement(child) && child.type === exports.ProfileCardHeader; });
+    var body = react_1.default.Children.toArray(children).find(function (child) { return isReactElement(child) && child.type === exports.ProfileCardBody; });
+    var footer = react_1.default.Children.toArray(children).find(function (child) { return isReactElement(child) && child.type === exports.ProfileCardFooter; });
+    // const header = React.Children.toArray(children).find(
+    //   (child) => isReactElement(child) && child.type === "header",
+    // );
+    // const body = React.Children.toArray(children).find(
+    //   (child) => isReactElement(child) && child.type === "body",
+    // );
+    // const footer = React.Children.toArray(children).find(
+    //   (child) => isReactElement(child) && child.type === "footer",
+    // );
     return (react_1.default.createElement(react_2.Card, { key: key, 
         // maxW={maxW}
         // align={align}

package/dist/Layout.js

@@ -53,7 +53,7 @@ var ButtonGroupIcon_1 = __importDefault(require("./Components/ButtonGroupIcon/Bu
 var ProgressBar_1 = __importDefault(require("./Components/ProgressBar/ProgressBar"));
 var NumberInput_1 = __importDefault(require("./Components/NumberInput/NumberInput"));
 var PinInput_1 = __importDefault(require("./Components/PinInput/PinInput"));
-var ProfileCard_1 = __importDefault(require("./Components/ProfileCard/ProfileCard"));
+var ProfileCard_1 = __importStar(require("./Components/ProfileCard/ProfileCard"));
 var Breadcrumbs_1 = __importDefault(require("./Components/Breadcrumbs/Breadcrumbs"));
 var icons_1 = require("@chakra-ui/icons");
 var Table_1 = __importDefault(require("./Components/Table/Table"));
@@ -486,10 +486,10 @@ var Layout = function () {
                     react_2.default.createElement("br", null),
                     react_2.default.createElement("br", null),
                     react_2.default.createElement(ProfileCard_1.default, { dividercolor: "red" },
-                        react_2.default.createElement("header", null, "Customer dashboard"),
-                        react_2.default.createElement("body", null,
+                        react_2.default.createElement(ProfileCard_1.ProfileCardHeader, null, "Customer dashboard"),
+                        react_2.default.createElement(ProfileCard_1.ProfileCardBody, null,
                             react_2.default.createElement(react_1.Text, null, "View a summary of all your customers over the last month.")),
-                        react_2.default.createElement("footer", null,
+                        react_2.default.createElement(ProfileCard_1.ProfileCardFooter, null,
                             react_2.default.createElement(react_1.Button, { colorScheme: "blue" }, "View here"))),
                     react_2.default.createElement("br", null),
                     react_2.default.createElement("br", null),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pixelize-design-library",
-  "version": "1.0.61",
+  "version": "1.0.62",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.js",