pixelize-design-library 2.1.14 → 2.1.15

package/dist/types/Theme/themeProps.d.ts

@@ -1,475 +0,0 @@
-import "@chakra-ui/react";
-import { Theme as ChakraTheme } from "@chakra-ui/react";
-export type CustomThemeProps = {
-    colors: {
-        primary: {
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
-            opacity: {
-                4: string;
-                8: string;
-                16: string;
-                24: string;
-                32: string;
-                40: string;
-                48: string;
-            };
-        };
-        secondary: {
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
-            opacity: {
-                4: string;
-                8: string;
-                16: string;
-                24: string;
-                32: string;
-                40: string;
-                48: string;
-            };
-        };
-        tertiary: {
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
-            opacity: {
-                4: string;
-                8: string;
-                16: string;
-                24: string;
-                32: string;
-                40: string;
-                48: string;
-            };
-        };
-        transparent: string;
-        black: string;
-        white: string;
-        semantic: {
-            success: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-            error: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-            warning: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-            info: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-        };
-        gray: {
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
-        };
-        red: {
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
-        };
-        orange: {
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
-        };
-        yellow: {
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
-        };
-        green: {
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
-        };
-        teal: {
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
-        };
-        blue: {
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
-        };
-        cyan: {
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
-        };
-        purple: {
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
-        };
-        pink: {
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
-        };
-        background: {
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
-        };
-        text: {
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
-        };
-        header: {
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
-        };
-        placeholder: {
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
-        };
-        boxShadow: {
-            primary: string;
-            error: string;
-            default: string;
-        };
-        sidebar: {
-            background: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-        };
-        boxborder: {
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
-        };
-        border: {
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
-        };
-        table: {
-            hover: {
-                50: string;
-                100: string;
-                200: string;
-                300: string;
-                400: string;
-                500: string;
-                600: string;
-                700: string;
-                800: string;
-                900: string;
-            };
-        };
-        disabled: {
-            50: string;
-            100: string;
-            200: string;
-            300: string;
-            400: string;
-            500: string;
-            600: string;
-            700: string;
-            800: string;
-            900: string;
-        };
-        backgroundColor: {
-            main: string;
-            secondary: string;
-            quaternary: string;
-            tertiary: string;
-            light: string;
-            medium: string;
-            accent: string;
-            subtle: string;
-            muted: string;
-            neutral: string;
-        };
-    };
-    fonts: ChakraTheme["fonts"] & {
-        body: string;
-        heading: string;
-        mono: string;
-    };
-    fontSizes: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        "2xl": string;
-        "3xl": string;
-        "4xl": string;
-        "5xl": string;
-        "6xl": string;
-        "7xl": string;
-        "8xl": string;
-        "9xl": string;
-    };
-    fontWeights: {
-        hairline: number;
-        thin: number;
-        light: number;
-        normal: number;
-        medium: number;
-        semibold: number;
-        bold: number;
-        extrabold: number;
-        black: number;
-    };
-    lineHeights: {
-        normal: string;
-        none: number;
-        shorter: number;
-        short: number;
-        base: number;
-        tall: number;
-        taller: string;
-        [key: string]: string | number;
-    };
-    letterSpacings: {
-        tighter: string;
-        tight: string;
-        normal: string;
-        wide: string;
-        wider: string;
-        widest: string;
-    };
-    space: {
-        [key: string]: string;
-    };
-    sizes: {
-        [key: string]: string | any;
-    };
-    breakpoints: {
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
-        "2xl": string;
-    };
-    shadows: {
-        xs: string;
-        sm: string;
-        base: string;
-        md: string;
-        lg: string;
-        xl: string;
-        "2xl": string;
-        outline: string;
-        inner: string;
-        none: string;
-        darkLg: string;
-    };
-    radii: ChakraTheme["radii"] & {
-        none: string;
-        sm: string;
-        base: string;
-        md: string;
-        lg: string;
-        xl: string;
-        "2xl": string;
-        "3xl": string;
-        full: string;
-    };
-    zIndices: ChakraTheme["zIndices"] & {
-        hide: number;
-        auto: string;
-        base: number;
-        docked: number;
-        dropdown: number;
-        sticky: number;
-        banner: number;
-        overlay: number;
-        modal: number;
-        popover: number;
-        skipLink: number;
-        toast: number;
-        tooltip: number;
-    };
-    config: {
-        cssVarPrefix: string;
-    };
-};

package/dist/types/Theme/useCustomTheme.d.ts

@@ -1,2 +0,0 @@
-import { CustomThemeProps } from "./themeProps";
-export declare const useCustomTheme: () => CustomThemeProps;

package/dist/types/Utils/table.d.ts

@@ -1,36 +0,0 @@
-import { DataObject, TableHeaderProps } from "../Components/Table/TableProps";
-export declare function SortMultiColumnData(data: Record<string, string | number>[], sortConfig: {
-    column: string | number;
-    direction: string;
-}[]): Record<string, string | number>[];
-export declare const calculateLeftOffset: (columns: number[], index: number) => number;
-export declare const searchAndSortData: (data: DataObject[], searchValues: Record<string, string>) => DataObject[];
-export declare function debounce<T extends (...args: any[]) => void>(func: T, delay: number): (...args: Parameters<T>) => void;
-export declare function useDebounce<T extends (...args: any[]) => void>(callback: T, delay: number): (...args: Parameters<T>) => void;
-export declare const pageSizeCalculation: (records: number) => number[];
-type TableCellCalculationProps = {
-    isFrozen?: boolean;
-    columnWidths: number[];
-    headerIndex: number;
-    isCheckbox?: boolean;
-    header: TableHeaderProps;
-    row: DataObject;
-    freezedBgColor?: string;
-    index: number;
-};
-export declare const TableCellCalculation: ({ isFrozen, columnWidths, headerIndex, isCheckbox, header, row, freezedBgColor, index, }: TableCellCalculationProps) => {
-    leftOffset: number;
-    cellBgColor: any;
-    rowBgColor: any;
-    cellTextColor: any;
-    rowTextColor: any;
-};
-/**
- * Filters array of objects by checking all property values against the search query.
- *
- * @param data - Array of objects
- * @param query - Search string
- * @returns Filtered data
- */
-export declare function globalSearchFilter<T extends Record<string, any>>(data: T[], query: string): T[];
-export {};

package/dist/types/index.d.ts

@@ -1,54 +0,0 @@
-import Accordian from "./Components/Accordion/Accordion";
-import AlertDialog from "./Components/AlertDialog/AlertDialog";
-import ApexBarChart from "./Components/Apexcharts/ApexBarChart/ApexBarChart";
-import ApexPieChart from "./Components/Apexcharts/ApexPieChart/ApexPieChart";
-import Breadcrumbs from "./Components/Breadcrumbs/Breadcrumbs";
-import Button from "./Components/Button/Button";
-import ButtonGroupIcon from "./Components/ButtonGroupIcon/ButtonGroupIcon";
-import Card from "./Components/Card/Card";
-import Checkbox from "./Components/Checkbox/Checkbox";
-import ContactForm from "./Components/ContactForm/ContactForm";
-import DatePicker from "./Components/DatePicker/DatePicker";
-import Drawer, { DrawerHeader, DrawerBody, DrawerFooter } from "./Components/Drawer/Drawer";
-import Dropdown from "./Components/Dropdown/DropDown";
-import Editor from "./Components/Editor/Editor";
-import FileUpload from "./Components/FileUpload/FileUpload";
-import FormWrapper from "./Components/Form/FormWrapper";
-import Header from "./Components/Header/Header";
-import HeaderActions from "./Components/Header/HeaderActions";
-import InputTextArea from "./Components/InputTextArea/InputTextArea";
-import KanbanBoard from "./Components/KanbanBoard/KanbanBoard";
-import Loading from "./Components/Loading/Loading";
-import Modal, { ModalHeader, ModalBody, ModalFooter } from "./Components/Modal/Modal";
-import MultiSelect from "./Components/MultiSelect/MultiSelect";
-import NavigationBar from "./Components/NavigationBar/NavigationBar";
-import NoteTextArea from "./Components/NoteTextArea/NoteTextArea";
-import NumberInput from "./Components/NumberInput/NumberInput";
-import PinInput from "./Components/PinInput/PinInput";
-import ProfileCard, { ProfileCardHeader, ProfileCardBody, ProfileCardFooter } from "./Components/ProfileCard/ProfileCard";
-import ProfilePhotoViewer from "./Components/ProfilePhotoViewer/ProfilePhotoViewer";
-import ProgressBar from "./Components/ProgressBar/ProgressBar";
-import { RadioButton, RadioButtonGroup } from "./Components/RadioButton/RadioButton";
-import Reorder from "./Components/Reorder/Reorder";
-import Search from "./Components/Search/Search";
-import Select from "./Components/Select/Select";
-import SearchSelect from "./Components/SearchSelect/SearchSelect";
-import SelectSearch from "./Components/SelectSearch/SelectSearch";
-import SideBar from "./Components/SideBar/SideBar";
-import Skeletons from "./Components/Skeletons/Skeletons";
-import Switch from "./Components/Switch/Switch";
-import Table from "./Components/Table/Table";
-import Tag from "./Components/Tag/Tag";
-import TextInput from "./Components/Input/TextInput";
-import Timeline from "./Components/Timeline/Timeline";
-import Toaster, { useToaster } from "./Components/Toaster/Toaster";
-import ToolTip from "./Components/ToolTip/ToolTip";
-import VerifyEmailOtp from "./Components/EmailCards/VerifyEmailOtp/VerifyEmailOtp";
-import TableToggle from "./Components/Toggle/TableToggle";
-import withTheme from "./withTheme";
-import { useCustomTheme } from "./Theme/useCustomTheme";
-import { ThemesList } from "./Theme";
-import { debounce } from "./Utils/table";
-import ProductCard from "./Components/ProductCard/ProductCard";
-export { Accordian, AlertDialog, ApexBarChart, ApexPieChart, Breadcrumbs, Button, ButtonGroupIcon, Card, Checkbox, ContactForm, DatePicker, Drawer, DrawerHeader, DrawerBody, DrawerFooter, Dropdown, Editor, FileUpload, FormWrapper, Header, HeaderActions, InputTextArea, KanbanBoard, Loading, Modal, ModalHeader, ModalBody, ModalFooter, NavigationBar, NoteTextArea, MultiSelect, NumberInput, PinInput, ProductCard, ProfileCard, ProfileCardHeader, ProfileCardBody, ProfileCardFooter, ProfilePhotoViewer, ProgressBar, RadioButton, RadioButtonGroup, Reorder, Search, Select, SearchSelect, SelectSearch, SideBar, Skeletons, Switch, Table, TableToggle, Tag, TextInput, Timeline, Toaster, ToolTip, useToaster, VerifyEmailOtp, useCustomTheme, ThemesList, debounce, };
-export default withTheme;

package/dist/types/withTheme.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare const withTheme: (Component: React.ComponentType, theme?: any) => (props: any) => import("react/jsx-runtime").JSX.Element;
-export default withTheme;

package/dist/withTheme.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare const withTheme: (Component: React.ComponentType, theme?: any) => (props: any) => React.JSX.Element;
-export default withTheme;

package/dist/withTheme.js

@@ -1,28 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var react_2 = require("@chakra-ui/react");
-var Theme_1 = require("./Theme"); // Import your custom theme
-var Toaster_1 = __importDefault(require("./Components/Toaster/Toaster"));
-var withTheme = function (Component, theme) {
-    var customTheme = theme !== null && theme !== void 0 ? theme : Theme_1.lavender;
-    return function (props) { return (react_1.default.createElement(react_2.ChakraProvider, { theme: customTheme },
-        react_1.default.createElement(Toaster_1.default, null,
-            react_1.default.createElement(react_2.ColorModeScript, { initialColorMode: customTheme.config.initialColorMode }),
-            react_1.default.createElement(Component, __assign({}, props))))); };
-};
-exports.default = withTheme;