pixelize-design-library 2.2.11-test-6 → 2.2.13

package/dist/Components/Apexcharts/ApexLineChart/ApexLineChart.js

@@ -1,8 +1,4 @@
 "use strict";
-// import React, { useEffect, useRef, useState } from "react";
-// import ReactApexChart from "react-apexcharts";
-// import { ApexOptions } from "apexcharts";
-// import { ApexLineChartProps } from "./ApexLineChartProps";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -39,84 +35,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-// const ApexLineChart = ({
-//  data,
-//  labels,
-//  title,
-//  height = 400,
-//  width = 600,
-//  lineColors = ["#3182ce", "#e53e3e", "#38a169"],
-//  titlePosition = "center",
-//  titleStyle = {
-//   color: "#3182ce",
-//   fontSize: "16px",
-//   fontWeight: 600,
-//   fontFamily: "Arial",
-//  },
-//  variant = "basic",
-// }: ApexLineChartProps) => {
-//  const [series, setSeries] = useState([
-//   {
-//    name: "Series 1",
-//    data: Array.isArray(data) ? data : [],
-//   },
-//  ]);
-//  const chartRef = useRef<ReactApexChart | null>(null);
-//  // 🔄 Handle realtime updates
-//  useEffect(() => {
-//   if (variant === "realtime") {
-//    const interval = setInterval(() => {
-//     setSeries((prev) => {
-//      const newData = [...prev[0].data];
-//      newData.push(Math.floor(Math.random() * 100) + 10); // simulate
-//      if (newData.length > 20) newData.shift(); // keep window size
-//      return [{ name: "Series 1", data: newData }];
-//     });
-//    }, 1000);
-//    return () => clearInterval(interval);
-//   }
-//  }, [variant]);
-//  const options: ApexOptions = {
-//   chart: {
-//    type: "line",
-//    animations:
-//     variant === "realtime"
-//      ? {
-//         enabled: true,
-//         speed: 1000, // ✅ allowed
-//         dynamicAnimation: { speed: 1000 }, // ✅ allowed
-//        }
-//      : { enabled: false },
-//    zoom: { enabled: true },
-//    toolbar: { show: true },
-//   },
-//   stroke: { curve: "smooth" },
-//   colors: lineColors,
-//   xaxis: labels
-//    ? { categories: labels }
-//    : { type: variant === "realtime" ? "numeric" : "category" },
-//   title: {
-//    text: title,
-//    align: titlePosition ?? "center",
-//    style: titleStyle,
-//   },
-//   markers: { size: 4 },
-//   dataLabels: { enabled: false },
-//  };
-//  return (
-//   <div>
-//    <ReactApexChart
-//     ref={chartRef}
-//     options={options}
-//     series={series}
-//     type="line"
-//     height={height}
-//     width={width}
-//    />
-//   </div>
-//  );
-// };
-// export default ApexLineChart;
 var react_1 = __importStar(require("react"));
 var react_apexcharts_1 = __importDefault(require("react-apexcharts"));
 var ApexLineChart = function (_a) {

package/dist/Components/Apexcharts/ApexPieChart/ApexPieChart.js

@@ -1,8 +1,4 @@
 "use strict";
-// import React from "react";
-// import ReactApexChart from "react-apexcharts";
-// import { ApexOptions } from "apexcharts";
-// import { ApexPieChartProps } from "./ApexPieChartProps";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -18,88 +14,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-// const ApexPieChart = ({
-//  data,
-//  labels,
-//  title,
-//  height = 400,
-//  width = 500,
-//  donutColors,
-//  chartColor,
-//  titlePosition = "center",
-//  titleStyle = {
-//   color: "#3182ce",
-//   fontSize: "16px",
-//   fontWeight: 600,
-//   fontFamily: "Arial",
-//  },
-//  legendPosition = "bottom",
-//  legendStyle = {
-//   colors: "#000",
-//   useSeriesColors: false,
-//   horizontalGap: 10,
-//   verticalGap: 5,
-//   markerSize: 8,
-//   markerOffsetX: -5,  // ✅ This controls space between circle and text
-//   markerOffsetY: 0,
-//  },
-//  variant = "pie",
-// }: ApexPieChartProps) => {
-//  let extraOptions: ApexOptions = {};
-//  // ... (your existing switch cases remain the same)
-//  const options: ApexOptions = {
-//   chart: {
-//    type: variant.includes("pie") ? "pie" : "donut",
-//   },
-//   labels,
-//   colors: chartColor ??
-//    donutColors ?? ["#3182ce", "#e53e3e", "#38a169", "#dd6b20"],
-//   legend: {
-//    position: legendPosition,
-//    labels: {
-//     colors: legendStyle.colors,
-//     useSeriesColors: legendStyle.useSeriesColors,
-//    },
-//    markers: {
-//     size: legendStyle.markerSize,
-//     offsetX: legendStyle.markerOffsetX, // ✅ Controls horizontal space between circle and text
-//     offsetY: legendStyle.markerOffsetY, // ✅ Controls vertical alignment
-//     strokeWidth: 0,
-//     shape: 'circle',
-//     // ✅ You can also customize the stroke color and width
-//     // strokeColor: '#000',
-//     // strokeWidth: 1,
-//    },
-//    itemMargin: {
-//     horizontal: legendStyle.horizontalGap, // Space between different legend items
-//     vertical: legendStyle.verticalGap,     // Space between legend rows
-//    },
-//   //  containerMargin: {
-//   //   left: 0,
-//   //   top: 0,
-//   //  },
-//   },
-//   title: {
-//    text: title,
-//    align: titlePosition,
-//    style: titleStyle,
-//   },
-//   dataLabels: { enabled: true },
-//   ...extraOptions,
-//  };
-//  return (
-//   <div>
-//    <ReactApexChart
-//     options={options}
-//     series={data}
-//     type={options.chart?.type as "pie" | "donut"}
-//     height={height}
-//     width={width}
-//    />
-//   </div>
-//  );
-// };
-// export default ApexPieChart;
 var react_1 = __importDefault(require("react"));
 var react_apexcharts_1 = __importDefault(require("react-apexcharts"));
 var ApexPieChart = function (_a) {

package/dist/Components/Dropdown/DropDown.js

@@ -39,7 +39,7 @@ var react_2 = require("@chakra-ui/react");
 var framer_motion_1 = require("framer-motion");
 var useCustomTheme_1 = require("../../Theme/useCustomTheme");
 var lucide_react_1 = require("lucide-react");
-var MotionBox = (0, framer_motion_1.motion)((0, react_1.forwardRef)(function (props, ref) { return (react_1.default.createElement(react_2.Box, __assign({ ref: ref }, props))); }));
+var MotionBox = framer_motion_1.motion.create((0, react_1.forwardRef)(function (props, ref) { return (react_1.default.createElement(react_2.Box, __assign({ ref: ref }, props))); }));
 var Dropdown = (0, react_1.forwardRef)(function (_a, ref) {
     var dropDownButtonStyle = _a.dropDownButtonStyle, ButtonText = _a.ButtonText, options = _a.options, handleOptionSelect = _a.handleOptionSelect, _b = _a.dropdownType, dropdownType = _b === void 0 ? "button" : _b, text = _a.text, DropdownIcon = _a.DropdownIcon, _c = _a.isVisibleIconShow, isVisibleIconShow = _c === void 0 ? true : _c, buttonProps = _a.buttonProps, headStyle = _a.headStyle, ListStyle = _a.ListStyle, ItemStyle = _a.ItemStyle, LabelStyle = _a.LabelStyle, ImageStyle = _a.ImageStyle, _d = _a.optionsSize, optionsSize = _d === void 0 ? "lg" : _d, _e = _a.divider, divider = _e === void 0 ? false : _e;
     var theme = (0, useCustomTheme_1.useCustomTheme)();

package/dist/Components/SideBar/components/OverflowTooltipText.js

@@ -58,6 +58,6 @@ var OverflowTooltipText = function (_a) {
     }, [children]);
     var shouldShowTooltip = isOverflowing && !isTooltipDisabled;
     return (react_1.default.createElement(ToolTip_1.default, { label: textContent, isDisabled: !shouldShowTooltip, placement: placement, hasArrow: true },
-        react_1.default.createElement(react_2.Box, { ref: contentRef, as: "div", display: "inline-block", maxWidth: maxWidth, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children)));
+        react_1.default.createElement(react_2.Box, { ref: contentRef, as: "span", display: "inline-block", maxWidth: maxWidth, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children)));
 };
 exports.default = OverflowTooltipText;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pixelize-design-library",
-  "version": "2.2.11-test-6",
+  "version": "2.2.13",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -68,4 +68,4 @@
     "typescript": "^4.9.5",
     "webpack": "^5.91.0"
   }
-}
+}