pixelize-design-library 2.2.130 → 2.2.132

package/dist/Theme/Skyline/palette.js

@@ -21,7 +21,7 @@ var palette = __assign(__assign({}, palette_1.default), { primary: {
         200: "#a2d4ec",
         300: "#7ac1e4",
         400: "#47a9da",
-        500: "#0088cc",
+        500: "#0088cc", // primary shade
         600: "#007ab8",
         700: "#006ba1",
         800: "#005885",
@@ -41,7 +41,7 @@ var palette = __assign(__assign({}, palette_1.default), { primary: {
         200: "#94989b",
         300: "#63666d",
         400: "#454951",
-        500: "#161b25",
+        500: "#161b25", // secondary shade
         600: "#141922",
         700: "#10131a",
         800: "#0c0f14",
@@ -61,7 +61,7 @@ var palette = __assign(__assign({}, palette_1.default), { primary: {
         200: "#a2d4ec",
         300: "#7ac1e4",
         400: "#47a9da",
-        500: "#0088cc",
+        500: "#0088cc", // primary shade
         600: "#007ab8",
         700: "#006ba1",
         800: "#005885",
@@ -82,7 +82,7 @@ var palette = __assign(__assign({}, palette_1.default), { primary: {
             200: "#8be6bb",
             300: "#5bdb9e",
             400: "#33d181",
-            500: "#00b768",
+            500: "#00b768", // Main success color
             600: "#00a05a",
             700: "#00854b",
             800: "#006b3c",
@@ -94,7 +94,7 @@ var palette = __assign(__assign({}, palette_1.default), { primary: {
             200: "#f28f8f",
             300: "#e66060",
             400: "#db3a3a",
-            500: "#c21e1e",
+            500: "#c21e1e", // Main error color
             600: "#a01919",
             700: "#7e1313",
             800: "#5c0d0d",
@@ -106,7 +106,7 @@ var palette = __assign(__assign({}, palette_1.default), { primary: {
             200: "#ffcc85",
             300: "#ffb653",
             400: "#ffa31a",
-            500: "#ff8a00",
+            500: "#ff8a00", // Main warning color
             600: "#db7000",
             700: "#b75800",
             800: "#934300",
@@ -118,7 +118,7 @@ var palette = __assign(__assign({}, palette_1.default), { primary: {
             200: "#85d1ff",
             300: "#52bdff",
             400: "#1fa9ff",
-            500: "#008df5",
+            500: "#008df5", // Main info color
             600: "#0077db",
             700: "#005cb3",
             800: "#004489",
@@ -246,15 +246,15 @@ var palette = __assign(__assign({}, palette_1.default), { primary: {
         800: "#8a8a8a",
         900: "#696969",
     }, backgroundColor: {
-        main: "#f8f9fa",
-        secondary: "#f1f1f1",
-        tertiary: "#ececec",
-        quaternary: "#e2e6ea",
-        light: "#fafafa",
-        medium: "#eaeaea",
-        accent: "#e5e5e5",
-        subtle: "#f5f6f7",
-        muted: "#dfe3e6",
+        main: "#f8f9fa", // Light greyish white
+        secondary: "#f1f1f1", // Very light grey
+        tertiary: "#ececec", // Soft grey
+        quaternary: "#e2e6ea", // Pale blueish-grey
+        light: "#fafafa", // Almost pure white
+        medium: "#eaeaea", // Medium light grey
+        accent: "#e5e5e5", // A slightly deeper grey
+        subtle: "#f5f6f7", // Slightly off-white with a cooler tone
+        muted: "#dfe3e6", // Light muted blue-grey
         neutral: "#ebedef", // Neutral grey with a balanced tone
     }, text: {
         50: "#eeeff0",

package/dist/Theme/space.js

@@ -3,33 +3,33 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var space = {
     px: "1px",
     0: "0",
-    1: "0.25rem",
-    2: "0.5rem",
-    3: "0.75rem",
-    4: "1rem",
-    5: "1.25rem",
-    6: "1.5rem",
-    7: "1.75rem",
-    8: "2rem",
-    9: "2.25rem",
-    10: "2.5rem",
-    12: "3rem",
-    14: "3.5rem",
-    16: "4rem",
-    20: "5rem",
-    24: "6rem",
-    28: "7rem",
-    32: "8rem",
-    36: "9rem",
-    40: "10rem",
-    44: "11rem",
-    48: "12rem",
-    52: "13rem",
-    56: "14rem",
-    60: "15rem",
-    64: "16rem",
-    72: "18rem",
-    80: "20rem",
+    1: "0.25rem", // 4px
+    2: "0.5rem", // 8px
+    3: "0.75rem", // 12px
+    4: "1rem", // 16px
+    5: "1.25rem", // 20px
+    6: "1.5rem", // 24px
+    7: "1.75rem", // 28px
+    8: "2rem", // 32px
+    9: "2.25rem", // 36px
+    10: "2.5rem", // 40px
+    12: "3rem", // 48px
+    14: "3.5rem", // 56px
+    16: "4rem", // 64px
+    20: "5rem", // 80px
+    24: "6rem", // 96px
+    28: "7rem", // 112px
+    32: "8rem", // 128px
+    36: "9rem", // 144px
+    40: "10rem", // 160px
+    44: "11rem", // 176px
+    48: "12rem", // 192px
+    52: "13rem", // 208px
+    56: "14rem", // 224px
+    60: "15rem", // 240px
+    64: "16rem", // 256px
+    72: "18rem", // 288px
+    80: "20rem", // 320px
     96: "24rem", // 384px
 };
 exports.default = space;

package/dist/Utils/functions.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.toWords = void 0;
+exports.toWords = toWords;
 function toWords(str) {
     return str
         .toLowerCase()
@@ -8,4 +8,3 @@ function toWords(str) {
         .map(function (word) { return word.charAt(0).toUpperCase() + word.slice(1); })
         .join(' ');
 }
-exports.toWords = toWords;

package/dist/Utils/table.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
@@ -32,7 +42,11 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.globalSearchFilter = exports.TableCellCalculation = exports.pageSizeCalculation = exports.useDebounce = exports.debounce = exports.searchAndSortData = exports.calculateLeftOffset = exports.SortMultiColumnData = void 0;
+exports.TableCellCalculation = exports.pageSizeCalculation = exports.searchAndSortData = exports.calculateLeftOffset = void 0;
+exports.SortMultiColumnData = SortMultiColumnData;
+exports.debounce = debounce;
+exports.useDebounce = useDebounce;
+exports.globalSearchFilter = globalSearchFilter;
 var react_1 = __importStar(require("react"));
 var useCustomTheme_1 = require("../Theme/useCustomTheme");
 function SortMultiColumnData(data, sortConfig) {
@@ -55,7 +69,6 @@ function SortMultiColumnData(data, sortConfig) {
         return 0; // Return 0 if all sort conditions are equal
     });
 }
-exports.SortMultiColumnData = SortMultiColumnData;
 var calculateLeftOffset = function (columns, index) {
     return columns.slice(0, index).reduce(function (sum, width) { return sum + width; }, 0);
 };
@@ -123,7 +136,6 @@ function debounce(func, delay) {
         }, delay);
     };
 }
-exports.debounce = debounce;
 function useDebounce(callback, delay) {
     var callbackRef = (0, react_1.useRef)(callback);
     var timerRef = (0, react_1.useRef)(null);
@@ -144,7 +156,6 @@ function useDebounce(callback, delay) {
     }, [delay]);
     return debouncedFn;
 }
-exports.useDebounce = useDebounce;
 var pageSizeCalculation = function (records) {
     var pageSize = [5, 10];
     if (records > 100) {
@@ -209,4 +220,3 @@ function globalSearchFilter(data, query) {
         });
     });
 }
-exports.globalSearchFilter = globalSearchFilter;

package/dist/index.js

@@ -16,13 +16,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/dist/services/feedback.js

@@ -20,8 +20,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
@@ -47,7 +47,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.submitFeedback = void 0;
+exports.submitFeedback = submitFeedback;
 function submitFeedback(options) {
     return __awaiter(this, void 0, void 0, function () {
         var endpoint, payload, headers, res, text;
@@ -72,4 +72,3 @@ function submitFeedback(options) {
         });
     });
 }
-exports.submitFeedback = submitFeedback;

package/index.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Pixelize Design System</title>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+    <script type="module" src="/src/bootstrap.tsx"></script>
+  </body>
+</html>

package/package.json

@@ -1,36 +1,50 @@
 {
   "name": "pixelize-design-library",
-  "version": "2.2.130",
+  "version": "2.2.132",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@chakra-ui/react": "^2.8.2",
     "@hello-pangea/dnd": "^18.0.1",
-    "framer-motion": "^10.18.0",
     "jodit-react": "^5.2.38",
     "lucide-react": "^0.487.0",
-    "react": "^18.3.1",
     "react-apexcharts": "^1.4.1",
     "react-datepicker": "^7.3.0",
-    "react-dom": "^18.3.1",
     "react-dropzone": "^14.3.8",
-    "react-scripts": "^5.0.1",
     "react-window": "^1.8.11"
   },
   "scripts": {
-    "start": "react-scripts start",
+    "start": "vite",
     "build": "tsc && copyfiles -u 1 src/**/*.css src/assets/**/* dist/",
-    "test": "react-scripts test",
+    "test": "jest",
+    "test:watch": "jest --watch",
     "remove": "rm -rf dist/Pages dist/App.js dist/App.d.ts dist/Layout.js dist/Layout.d.ts dist/bootstrap.js dist/bootstrap.d.ts",
-    "eject": "react-scripts eject",
     "package": "npm version patch && npm run build && npm run remove && npm publish"
   },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
+  "jest": {
+    "testEnvironment": "jsdom",
+    "setupFilesAfterEnv": [
+      "@testing-library/jest-dom/extend-expect"
+    ],
+    "transform": {
+      "^.+\\.(ts|tsx)$": [
+        "babel-jest",
+        {
+          "presets": [
+            "@babel/preset-env",
+            "@babel/preset-react",
+            "@babel/preset-typescript"
+          ]
+        }
+      ]
+    },
+    "moduleNameMapper": {
+      "\\.(css|less|scss|sass)$": "<rootDir>/__mocks__/styleMock.js"
+    },
+    "testMatch": [
+      "**/__tests__/**/*.[jt]s?(x)",
+      "**/?(*.)+(spec|test).[jt]s?(x)"
     ]
   },
   "browserslist": {
@@ -46,8 +60,15 @@
     ]
   },
   "devDependencies": {
+    "@chakra-ui/react": "^2.8.2",
     "@babel/core": "^7.24.5",
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
+    "@babel/preset-env": "^7.24.5",
+    "@babel/preset-react": "^7.24.5",
+    "@babel/preset-typescript": "^7.24.5",
+    "babel-jest": "^29.7.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.5",
     "@testing-library/jest-dom": "^5.17.0",
@@ -56,18 +77,23 @@
     "@types/jest": "^27.5.2",
     "@types/leaflet": "^1.9.21",
     "@types/leaflet-routing-machine": "^3.2.9",
-    "@types/node": "^16.18.97",
+    "@types/node": "^20.0.0",
     "@types/react": "^18.3.2",
     "@types/react-dom": "^18.3.0",
     "@types/react-window": "^1.8.8",
     "autoprefixer": "^10.4.21",
     "copyfiles": "^2.4.1",
+    "framer-motion": "^10.18.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "path": "^0.12.7",
     "postcss": "^8.5.4",
     "prettier": "^3.3.2",
     "prop-types": "^15.8.1",
     "tailwindcss": "^3.4.17",
-    "typescript": "^4.9.5",
+    "typescript": "^5.9.3",
+    "vite": "^6.2.0",
+    "@vitejs/plugin-react": "^4.4.1",
     "webpack": "^5.91.0"
   },
   "peerDependencies": {

package/vite.config.ts

@@ -0,0 +1,13 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import path from 'path'
+
+export default defineConfig({
+  plugins: [react()],
+  resolve: {
+    alias: {
+      src: path.resolve(__dirname, './src'),
+    },
+  },
+  publicDir: 'public',
+})