pixelize-design-library 1.1.44 → 1.1.46

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.
Files changed (8) hide show
  1. package/dist/Components/Apexcharts/ApexBarChart/ApexBarChart.d.ts +1 -1
  2. package/dist/Components/Apexcharts/ApexBarChart/ApexBarChart.js +2 -2
  3. package/dist/Components/Apexcharts/ApexBarChart/ApexBarChartProps.d.ts +2 -2
  4. package/dist/Components/ProfileCard/ProfileCard.d.ts +1 -1
  5. package/dist/Components/ProfileCard/ProfileCard.js +2 -2
  6. package/dist/Components/ProfileCard/ProfileCardProps.d.ts +1 -0
  7. package/dist/Pages/chart.js +4 -2
  8. package/package.json +1 -1
package/dist/Components/Apexcharts/ApexBarChart/ApexBarChart.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import React from "react";
2
2
  import { ApexBarChartProps } from "./ApexBarChartProps";
3
- export default function ApexBarChart({ data, Labels, title, titlePosition, height, width, barColor, xAxisStyle, yAxisStyle, titleStyle, }: ApexBarChartProps): React.JSX.Element;
3
+ export default function ApexBarChart({ data, labels, title, titlePosition, height, width, barColor, xAxisStyle, yAxisStyle, titleStyle, }: ApexBarChartProps): React.JSX.Element;
package/dist/Components/Apexcharts/ApexBarChart/ApexBarChart.js CHANGED
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
6
6
  var react_1 = __importDefault(require("react"));
7
7
  var react_apexcharts_1 = __importDefault(require("react-apexcharts"));
8
8
  function ApexBarChart(_a) {
9
- var data = _a.data, Labels = _a.Labels, title = _a.title, titlePosition = _a.titlePosition, _b = _a.height, height = _b === void 0 ? 400 : _b, _c = _a.width, width = _c === void 0 ? 500 : _c, _d = _a.barColor, barColor = _d === void 0 ? ["#3182ce"] : _d, _e = _a.xAxisStyle, xAxisStyle = _e === void 0 ? {
9
+ var data = _a.data, labels = _a.labels, title = _a.title, titlePosition = _a.titlePosition, _b = _a.height, height = _b === void 0 ? 400 : _b, _c = _a.width, width = _c === void 0 ? 500 : _c, _d = _a.barColor, barColor = _d === void 0 ? ["#3182ce"] : _d, _e = _a.xAxisStyle, xAxisStyle = _e === void 0 ? {
10
10
  color: "#ffffff",
11
11
  } : _e, _f = _a.yAxisStyle, yAxisStyle = _f === void 0 ? {
12
12
  color: "#ffffff",
@@ -35,7 +35,7 @@ function ApexBarChart(_a) {
35
35
  },
36
36
  },
37
37
  xaxis: {
38
- categories: Labels,
38
+ categories: labels,
39
39
  labels: {
40
40
  style: xAxisStyle,
41
41
  },
package/dist/Components/Apexcharts/ApexBarChart/ApexBarChartProps.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  export type ApexBarChartProps = {
2
2
  data: number[];
3
- Labels: string[];
3
+ labels: string[];
4
4
  title?: string;
5
- titlePosition?: 'left' | 'center' | 'right';
5
+ titlePosition?: "left" | "center" | "right";
6
6
  height?: number;
7
7
  width?: number;
8
8
  barColor?: string[];
package/dist/Components/ProfileCard/ProfileCard.d.ts CHANGED
@@ -9,4 +9,4 @@ export declare const ProfileCardBody: React.FC<{
9
9
  export declare const ProfileCardFooter: React.FC<{
10
10
  children: React.ReactNode;
11
11
  }>;
12
- export default function ProfileCard({ maxW, align, variant, direction, justify, children, size, color, overflow, dividercolor, dividersize, dividervariant, CardStyle, CardHeaderStyle, borderTopColor, borderLeftColor, }: ProfileCardProps): React.JSX.Element;
12
+ export default function ProfileCard({ maxW, align, variant, direction, justify, children, size, color, overflow, dividercolor, dividersize, dividervariant, CardStyle, CardHeaderStyle, CardBodyStyle, borderTopColor, borderLeftColor, }: ProfileCardProps): React.JSX.Element;
package/dist/Components/ProfileCard/ProfileCard.js CHANGED
@@ -33,7 +33,7 @@ var ProfileCardFooter = function (_a) {
33
33
  };
34
34
  exports.ProfileCardFooter = ProfileCardFooter;
35
35
  function ProfileCard(_a) {
36
- var maxW = _a.maxW, align = _a.align, variant = _a.variant, direction = _a.direction, justify = _a.justify, children = _a.children, size = _a.size, color = _a.color, overflow = _a.overflow, _b = _a.dividercolor, dividercolor = _b === void 0 ? "#d5cfcf" : _b, _c = _a.dividersize, dividersize = _c === void 0 ? "0.5px" : _c, _d = _a.dividervariant, dividervariant = _d === void 0 ? "solid" : _d, CardStyle = _a.CardStyle, CardHeaderStyle = _a.CardHeaderStyle, borderTopColor = _a.borderTopColor, borderLeftColor = _a.borderLeftColor;
36
+ var maxW = _a.maxW, align = _a.align, variant = _a.variant, direction = _a.direction, justify = _a.justify, children = _a.children, size = _a.size, color = _a.color, overflow = _a.overflow, _b = _a.dividercolor, dividercolor = _b === void 0 ? "#d5cfcf" : _b, _c = _a.dividersize, dividersize = _c === void 0 ? "0.5px" : _c, _d = _a.dividervariant, dividervariant = _d === void 0 ? "solid" : _d, CardStyle = _a.CardStyle, CardHeaderStyle = _a.CardHeaderStyle, CardBodyStyle = _a.CardBodyStyle, borderTopColor = _a.borderTopColor, borderLeftColor = _a.borderLeftColor;
37
37
  var isReactElement = function (child) {
38
38
  return child !== null && typeof child === "object" && "type" in child;
39
39
  };
@@ -51,7 +51,7 @@ function ProfileCard(_a) {
51
51
  borderWidth: dividersize,
52
52
  borderStyle: dividervariant,
53
53
  } }))),
54
- react_1.default.createElement(react_2.CardBody, null, body),
54
+ react_1.default.createElement(react_2.CardBody, { sx: CardBodyStyle }, body),
55
55
  footer && react_1.default.createElement(react_2.CardFooter, null, footer)));
56
56
  }
57
57
  exports.default = ProfileCard;
package/dist/Components/ProfileCard/ProfileCardProps.d.ts CHANGED
@@ -10,6 +10,7 @@ export type ProfileCardProps = Pick<CardProps, "direction" | "maxW" | "align" |
10
10
  dividervariant?: "solid" | "dashed" | "dotted" | "double" | "groove" | "ridge" | "inset" | "outset";
11
11
  CardStyle?: React.CSSProperties;
12
12
  CardHeaderStyle?: React.CSSProperties;
13
+ CardBodyStyle?: React.CSSProperties;
13
14
  borderTopColor?: boolean;
14
15
  borderLeftColor?: boolean;
15
16
  };
package/dist/Pages/chart.js CHANGED
@@ -7,14 +7,16 @@ var react_1 = __importDefault(require("react"));
7
7
  var ApexBarChart_1 = __importDefault(require("../Components/Apexcharts/ApexBarChart/ApexBarChart"));
8
8
  var ApexPieChart_1 = __importDefault(require("../Components/Apexcharts/ApexPieChart/ApexPieChart"));
9
9
  var ChartPage = function () {
10
- var data = Array.from({ length: 10 }, function () { return Math.floor(Math.random() * 100); });
10
+ var data = Array.from({ length: 10 }, function () {
11
+ return Math.floor(Math.random() * 100);
12
+ });
11
13
  var categories = data.map(function (_, index) { return "Category ".concat(index + 1); });
12
14
  var data1 = Array.from({ length: 10 }, function () {
13
15
  return Math.floor(Math.random() * 100);
14
16
  });
15
17
  var categories1 = data.map(function (_, index) { return "Category ".concat(index + 1); });
16
18
  return (react_1.default.createElement("div", null,
17
- react_1.default.createElement(ApexBarChart_1.default, { data: data, Labels: categories, title: "Bar Chart", titlePosition: "left",
19
+ react_1.default.createElement(ApexBarChart_1.default, { data: data, labels: categories, title: "Bar Chart", titlePosition: "left",
18
20
  // barColor={["#00E396"]}
19
21
  // xAxisStyle={{ colors: "#00E396", fontSize: "12px" }}
20
22
  // yAxisStyle={{ colors: "#00E396", fontSize: "12px" }}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pixelize-design-library",
3
- "version": "1.1.44",
3
+ "version": "1.1.46",
4
4
  "private": false,
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",