pixelize-design-library 2.2.198 → 2.3.1-beta.1

package/dist/Pages/radioButton.js

@@ -0,0 +1,54 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+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;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var RadioButton_1 = require("../Components/RadioButton/RadioButton");
+var RadioButtonPage = function () {
+    var _a = (0, react_1.useState)("1"), selectedValue = _a[0], setSelectedValue = _a[1];
+    var radioOptions = [
+        { label: "Option 1", id: "1" },
+        { label: "Option 2", id: "2" },
+        { label: "Option 3", id: "3" },
+    ];
+    var handleChange = function (value) {
+        setSelectedValue(value);
+    };
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(RadioButton_1.RadioButton, { label: "dinesh" }),
+        react_1.default.createElement("br", null),
+        react_1.default.createElement("br", null),
+        react_1.default.createElement(RadioButton_1.RadioButtonGroup, { options: radioOptions, value: selectedValue, onChange: handleChange, colorScheme: "blue", size: "md" })));
+};
+exports.default = RadioButtonPage;

package/dist/Pages/search.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const SearchPage: () => React.JSX.Element;
+export default SearchPage;

package/dist/Pages/search.js

@@ -0,0 +1,54 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+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 };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var Search_1 = __importDefault(require("../Components/Search/Search"));
+var SearchPage = function () {
+    var _a = (0, react_1.useState)(""), searchQuery = _a[0], setSearchQuery = _a[1];
+    var handleSearch = function (event) {
+        console.log("Search query:", event.target.value);
+        setSearchQuery(event.target.value);
+    };
+    var handleRemoveSearch = function () {
+        console.log("Search query removed");
+        setSearchQuery("");
+    };
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(Search_1.default, { onSearch: handleSearch, onclose: handleRemoveSearch, query: searchQuery, label: "Search", placeholder: "Search...", isRequired: true, error: false, errorMessage: "Error message", helperText: "Helper text", isInformation: true, informationMessage: "Information message", shortcut: "Ctrl+K" })));
+};
+exports.default = SearchPage;

package/dist/Pages/searchSelect.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const SearchSelect: () => React.JSX.Element;
+export default SearchSelect;

package/dist/Pages/searchSelect.js

@@ -0,0 +1,133 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+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 };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var SearchSelect_1 = __importDefault(require("../Components/SearchSelect/SearchSelect"));
+// import { Plus } from "lucide-react";
+var react_2 = require("@chakra-ui/react");
+var TextInput_1 = __importDefault(require("../Components/Input/TextInput"));
+var max = 3;
+var rrr = function (start, limit) {
+    var end = Math.min(start + limit, max + 1); // +1 to include `max` as valid
+    return Array.from({ length: end - start }, function (_, index) { return ({
+        id: (start + index).toString(),
+        label: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.   ".concat(start + index),
+        view: (react_1.default.createElement(react_2.Box, null, " demo"))
+    }); });
+};
+var delay = function (ms) { return new Promise(function (resolve) { return setTimeout(resolve, ms); }); };
+var SearchSelect = function () {
+    var _a = (0, react_1.useState)({}), selectedOptions = _a[0], setselectedOptions = _a[1];
+    var _b = (0, react_1.useState)(rrr(1, 50)), soptions = _b[0], setSoptions = _b[1]; // initial 50
+    var _c = (0, react_1.useState)(""), search = _c[0], setSearch = _c[1];
+    var _d = (0, react_1.useState)(false), paginationLoading = _d[0], setpaginationLoading = _d[1];
+    // const [customSelectValue, setCustomSelectValue] = useState<any>({});
+    return (react_1.default.createElement("div", { style: { width: "250px" } },
+        react_1.default.createElement(SearchSelect_1.default
+        // width={"250px"}
+        , { 
+            // width={"250px"}
+            label: "Users", id: "user-select", options: soptions, value: selectedOptions, isMultiple: true, onSelect: function (val) {
+                console.log("val", val);
+                setselectedOptions(val);
+            }, onSearch: function (query) { return setSearch(query); }, searchQuery: search, isOptionLoading: false, placeholder: "Search users...", chip: {
+                maxChips: 3,
+                onClick: function () { return console.log("chip removed"); },
+            }, isSelectAll: true, isRequired: true, 
+            // pagination={{
+            //   limit: 50,
+            //   scrollLoading: paginationLoading,
+            //   onScroll: async (startIndex, limit, query) => {
+            //     console.log("Fetching:", startIndex, limit, query);
+            //     if (startIndex > max) {
+            //       console.log("No more data to load.");
+            //       return;
+            //     }
+            //     setpaginationLoading(true);
+            //     await delay(1000);
+            //     const newOptions = rrr(startIndex, limit);
+            //     setpaginationLoading(false);
+            //     if (newOptions.length === 0) {
+            //       console.log("No new options returned.");
+            //       return;
+            //     }
+            //     setSoptions((prev: any[]) => [...prev, ...newOptions]);
+            //   },
+            // }}
+            // width={"500px"}
+            addNew: {
+                enabled: true,
+                text: "Add new user",
+                onClick: function () { return console.log("Add New User"); },
+            } }),
+        react_1.default.createElement("br", null),
+        react_1.default.createElement("br", null),
+        react_1.default.createElement("br", null),
+        react_1.default.createElement(TextInput_1.default, { label: "My Label", id: "input1", name: "hello", 
+            //helperText="Hello"
+            // errorMessage="Required"
+            // error={true}
+            type: "email", 
+            // inputRightIcon={<User color="#FF0000" />}
+            // onRightIconclick={() => {
+            //   console.log("icon click");
+            // }}
+            // inputLeftIcon={<User color="#FF0000" />}
+            // onLeftIconClick={() => {
+            //   console.log("icon click");
+            // }}
+            key: "input1", 
+            // border={"0px solid"}
+            // padding={"0px"}
+            // inputStyle={{ border: "0px solid", padding: "0px" }}
+            // inputGroupStyle={{ border: "0px solid", padding: "0px" }}
+            // error={true}
+            // errorMessage="Required"
+            onChange: function (e) {
+                console.log(e.target.files);
+            }, onKeyDown: function () {
+                console.log("keydown");
+            }, onBlur: function () {
+                console.log("blur");
+            }, 
+            // helperText="sometibg"
+            isRequired: true, informationMessage: "This is information", isInformation: true, 
+            // isDisabled
+            minW: "200px", maxW: "300px" })));
+};
+exports.default = SearchSelect;

package/dist/Pages/select.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const SelectPage: () => React.JSX.Element;
+export default SelectPage;

package/dist/Pages/select.js

@@ -0,0 +1,53 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+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 };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var Select_1 = __importDefault(require("../Components/Select/Select"));
+var SelectPage = function () {
+    var _a = (0, react_1.useState)(""), selected = _a[0], setSelected = _a[1];
+    var handleOnChange = function (selectedOption) {
+        var checked = selectedOption.id;
+        setSelected(checked);
+    };
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(Select_1.default, { options: [
+                { id: 1, label: "magesssssss" },
+                { id: 2, label: "sjdfg" },
+            ], onChange: handleOnChange, value: selected })));
+};
+exports.default = SelectPage;

package/dist/Pages/selectSearch.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const SelectSearchs: () => React.JSX.Element;
+export default SelectSearchs;

package/dist/Pages/selectSearch.js

@@ -0,0 +1,103 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+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 };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var SelectSearch_1 = __importDefault(require("../Components/SelectSearch/SelectSearch"));
+var lucide_react_1 = require("lucide-react");
+var SelectSearchs = function () {
+    var _a = (0, react_1.useState)("Option 1"), selectSearchText = _a[0], setSelectSearchText = _a[1];
+    var _b = (0, react_1.useState)({
+        id: "1",
+        label: "Option 1",
+    }), selectedOption = _b[0], setSelectedOption = _b[1];
+    var _c = (0, react_1.useState)("Option 1"), multiSelectSearchText = _c[0], setMultiSelectSearchText = _c[1];
+    var _d = (0, react_1.useState)({
+        id: "1",
+        label: "Option 1",
+    }), multiselectedOption = _d[0], setMultiSelectedOption = _d[1];
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("div", null,
+            react_1.default.createElement(SelectSearch_1.default, { BottomText: "Add Check", isBottomIcon: true, isProfile: true, isOptionLoading: false, loadingText: "Loading...", BottomIcon: false, options: [
+                    {
+                        id: "1",
+                        label: "Option 1",
+                        profileUrl: "https://play-lh.googleusercontent.com/Fro4e_osoDhhrjgiZ_Y2C5FNXBMWvrb4rGpmkM1PDAcUPXeiAlPCq7NeaT4Q6NRUxRqo",
+                        email: "kavinKumar0298@gggmail.com",
+                    },
+                    {
+                        id: "2",
+                        label: "select 2",
+                        profileUrl: "https://play-lh.googleusercontent.com/Fro4e_osoDhhrjgiZ_Y2C5FNXBMWvrb4rGpmkM1PDAcUPXeiAlPCq7NeaT4Q6NRUxRqo",
+                        email: "kavinKumar0298@gggmail.com",
+                    },
+                    {
+                        id: "3",
+                        label: "clone 3",
+                        profileUrl: "https://play-lh.googleusercontent.com/Fro4e_osoDhhrjgiZ_Y2C5FNXBMWvrb4rGpmkM1PDAcUPXeiAlPCq7NeaT4Q6NRUxRqo",
+                        email: "kavinKumar0298@gggmail.com",
+                    },
+                ], inputOnchange: function (value) {
+                    setSelectSearchText(value.toString());
+                    console.log(value);
+                }, initialSelectedOption: selectedOption, onOptionSelect: function (data) {
+                    setSelectSearchText(data.label);
+                }, name: "hai", label: "SelectSearch", searchQuery: selectSearchText, rightIcon: react_1.default.createElement(lucide_react_1.User, { color: "gray.300" }), isMultipleSelect: false, onOptionMultiSelect: function (data) {
+                    setSelectedOption(data);
+                }, handleBottomClick: function () { return console.log("clg"); } })),
+        react_1.default.createElement("br", null),
+        react_1.default.createElement("br", null),
+        react_1.default.createElement("br", null),
+        react_1.default.createElement("br", null),
+        react_1.default.createElement("br", null),
+        react_1.default.createElement("div", null,
+            react_1.default.createElement(SelectSearch_1.default, { BottomText: "Add Check", options: [
+                    { id: "1", label: "Option 1jhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh" },
+                    { id: "2", label: "select 2" },
+                    { id: "3", label: "clone 3" },
+                ], inputOnchange: function (value) {
+                    setMultiSelectSearchText(value.toString());
+                    // console.log(value);
+                }, initialSelectedOption: multiselectedOption, 
+                // onOptionSelect={(data) => {
+                //   setMultiSelectSearchText(data.label);
+                // }}
+                name: "hai", label: "MultiSelectSearch", searchQuery: multiSelectSearchText, rightIcon: react_1.default.createElement(lucide_react_1.User, { color: "gray.300" }), isMultipleSelect: true, onOptionMultiSelect: function (data) {
+                    setMultiSelectedOption(data);
+                } }))));
+};
+exports.default = SelectSearchs;

package/dist/Pages/skeleton.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const SkeletonPage: () => React.JSX.Element;
+export default SkeletonPage;

package/dist/Pages/skeleton.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("@chakra-ui/react");
+var react_2 = __importDefault(require("react"));
+var Skeletons_1 = __importDefault(require("../Components/Skeletons/Skeletons"));
+var SkeletonPage = function () {
+    return (react_2.default.createElement("div", null,
+        react_2.default.createElement(react_1.Box, null,
+            react_2.default.createElement(Skeletons_1.default, { type: "skeleton" }),
+            react_2.default.createElement("br", null),
+            react_2.default.createElement(Skeletons_1.default, { type: "circle" }),
+            react_2.default.createElement("br", null),
+            react_2.default.createElement(Skeletons_1.default, { type: "text", mt: 4 }),
+            react_2.default.createElement("br", null),
+            react_2.default.createElement("br", null),
+            react_2.default.createElement(Skeletons_1.default, { height: "10px", isLoaded: false, fadeDuration: 4, bg: "blue.500", color: "white", type: "skeleton" },
+                react_2.default.createElement(react_1.Box, null, "Hello ChakraUI!")))));
+};
+exports.default = SkeletonPage;

package/dist/Pages/switch.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const SwitchPage: () => React.JSX.Element;
+export default SwitchPage;

package/dist/Pages/switch.js

@@ -0,0 +1,50 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+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 };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var Switch_1 = __importDefault(require("../Components/Switch/Switch"));
+var SwitchPage = function () {
+    var _a = (0, react_1.useState)("left"), switchActive = _a[0], setSwitchActive = _a[1];
+    var handleSwitchToggle = function (value) {
+        // console.log(value);
+        setSwitchActive(value);
+    };
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(Switch_1.default, { leftText: "Overview", rightText: "Timeline", switchActive: switchActive, onSwitchToggle: handleSwitchToggle })));
+};
+exports.default = SwitchPage;

package/dist/Pages/table.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare const TableExample: () => React.JSX.Element;
+export default TableExample;