slick-table 0.0.1

package/dist/shared/lib/slickgrid/ui/columns/columnCheckboxSelector/columnCheckboxSelector.js

@@ -0,0 +1,5 @@
+import { CHECKBOX_SELECTOR } from "shared/model/consts";
+export const columnCheckboxSelector = {
+    id: CHECKBOX_SELECTOR,
+    field: CHECKBOX_SELECTOR,
+};

package/dist/shared/lib/slickgrid/ui/columns/columnCheckboxSelector/index.js

@@ -0,0 +1 @@
+export { columnCheckboxSelector } from "./columnCheckboxSelector";

package/dist/shared/lib/slickgrid/ui/columns/columnIsEdited/index.js

@@ -0,0 +1 @@
+export { columnIsEdited } from "./ui";

package/dist/shared/lib/slickgrid/ui/columns/columnIsEdited/lib/index.js

@@ -0,0 +1 @@
+export { setEditedMark } from "./setEditedMark";

package/dist/shared/lib/slickgrid/ui/columns/columnIsEdited/lib/setEditedMark.js

@@ -0,0 +1,3 @@
+export function setEditedMark(_row, _cell, value) {
+    return value ? "<span>&#9998;</span>" : "";
+}

package/dist/shared/lib/slickgrid/ui/columns/columnIsEdited/ui/columnIsEdited.js

@@ -0,0 +1,13 @@
+import { ESortType } from "shared/model/enums";
+import { setEditedMark } from "../lib";
+export const columnIsEdited = {
+    id: "isEdited",
+    name: "✎",
+    field: "isEdited",
+    formatter: setEditedMark,
+    focusable: false,
+    sortable: true,
+    sortAs: ESortType.NUMBER,
+    cssClass: "text-center",
+    maxWidth: 30,
+};

package/dist/shared/lib/slickgrid/ui/columns/columnIsEdited/ui/index.js

@@ -0,0 +1 @@
+export { columnIsEdited } from "./columnIsEdited";

package/dist/shared/lib/slickgrid/ui/columns/index.js

@@ -0,0 +1,2 @@
+export { columnCheckboxSelector } from "./columnCheckboxSelector";
+export { columnIsEdited } from "./columnIsEdited";

package/dist/shared/lib/slickgrid/ui/index.js

@@ -0,0 +1,4 @@
+export { eventOpenColumnFilters, handleHeaderButtons, headerButtons, openColumnFilter, } from "./HeaderButtons";
+export { SlickgridTable } from "./SlickgridTable";
+export { WithTableStyles } from "./styles";
+export { columnCheckboxSelector, columnIsEdited } from "./columns";

package/dist/shared/lib/slickgrid/ui/styles/WithTableStyles/WithTableStyles.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Styled from "./WithTableStyles.style";
+export const WithTableStyles = ({ children }) => {
+    return _jsx(Styled.Wrapper, { children: children });
+};

package/dist/shared/lib/slickgrid/ui/styles/WithTableStyles/WithTableStyles.style.js

@@ -0,0 +1,150 @@
+import { Box, styled } from "@mui/material";
+import { wink } from "../keyframes";
+const Wrapper = styled(Box)(({ theme }) => ({
+    "& .slick-container": {
+        userSelect: "none",
+        maxWidth: "100%",
+        maxHeight: "100%",
+        color: theme.palette.text.primary,
+        borderColor: theme.palette.background.paper,
+        fontFamily: "inherit",
+        fontSize: "0.75rem",
+        "& .slick-header-column": {
+            "&.filter-active .slick-header-button::after": {
+                width: "7px",
+                height: "7px",
+                content: "''",
+                backgroundColor: "#2196f3",
+                position: "absolute",
+                borderRadius: "50%",
+                border: "2px solid #f8f8f8",
+                top: "3px",
+                right: "3px",
+            },
+            "&:not([data-id=_checkbox_selector]):not([data-id=isEdited])": {
+                "& .slick-column-name": {
+                    textOverflow: "ellipsis",
+                    whiteSpace: "nowrap",
+                    overflow: "hidden",
+                    maxWidth: "calc(100% - 16px)",
+                },
+            },
+            "&.slick-state-hover": {
+                "&.filter-active .slick-header-button::after": {
+                    border: "2px solid #e8e8e8",
+                },
+                "& .slick-header-button": {
+                    "&::before": {
+                        backgroundColor: "#e8e8e8",
+                    },
+                },
+            },
+            "& .slick-header-button": {
+                width: "19px",
+                height: "12px",
+                "&::before": {
+                    position: "absolute",
+                    content: "''",
+                    width: "19px",
+                    height: "12px",
+                    top: "6px",
+                    right: "5px",
+                    backgroundImage: "repeating-linear-gradient(0deg, #808080, #808080 2px, transparent 2px, transparent 4px)",
+                    clipPath: "polygon(0% 0%, 100% 0%, 50% 110%)",
+                    backgroundColor: "#f8f8f8",
+                },
+            },
+        },
+        "& .slick-viewport": {
+            backgroundColor: theme.palette.background.paper,
+            "& .grid-canvas": {
+                "& .ui-widget-content.slick-row": {
+                    "&.even": {
+                        backgroundColor: theme.palette.background.default,
+                    },
+                    // "&.odd": {
+                    // 	backgroundColor: theme.palette.background.secondary,
+                    // },
+                    // "&:hover": {
+                    // 	backgroundColor: theme.palette.background.row_hover,
+                    // },
+                    // "&.active": {
+                    // 	backgroundColor: theme.palette.background.row_hover,
+                    // },
+                    "& .slick-cell": {
+                        "&.active": {
+                            // backgroundColor: theme.palette.background.row_hover,
+                            borderColor: "#007bff",
+                            "& input": {
+                                // backgroundColor: theme.palette.background.row_hover,
+                                color: theme.palette.text.primary,
+                            },
+                        },
+                        "&.selected": {
+                            // backgroundColor: theme.palette.background.cell_selected,
+                            color: theme.palette.text.primary,
+                        },
+                        "&.text-right": {
+                            textAlign: "right",
+                        },
+                        "&.bold": {
+                            fontWeight: "bold",
+                        },
+                        "&.wink": {
+                            animation: `${wink} infinite 0.5s linear`,
+                            "& input": {
+                                animation: `${wink} infinite 0.5s linear`,
+                            },
+                        },
+                        "& input.editor-text": {
+                            textAlign: "inherit",
+                        },
+                        "& select": {
+                            color: theme.palette.text.primary,
+                            backgroundColor: theme.palette.background.default,
+                        },
+                        "& #autocomplete": {
+                            margin: 0,
+                            padding: 0,
+                            maxHeight: "300px",
+                            width: "100%",
+                            overflow: "auto",
+                            backgroundColor: theme.palette.background.default,
+                            fontSize: "12px",
+                            boxShadow: "0 0 5px 1px gray",
+                            "& div": {
+                                "&:hover": {
+                                    // backgroundColor: theme.palette.background.row_hover,
+                                    cursor: "pointer",
+                                },
+                                "&.active": {
+                                // backgroundColor: theme.palette.background.row_hover,
+                                },
+                                "& strong": {
+                                    color: "#007bff",
+                                },
+                            },
+                        },
+                    },
+                },
+            },
+        },
+        "& .slick-footerrow": {
+            backgroundColor: theme.palette.background.default,
+            borderTop: "1px solid silver",
+            "& .slick-footerrow-column": {
+                height: "100%",
+                display: "flex",
+                justifyContent: "flex-end",
+                alignItems: "center",
+                paddingRight: "5px",
+                borderBottom: "none",
+                fontWeight: "bold",
+                "&:last-child": {
+                    borderRight: "none",
+                },
+            },
+        },
+    },
+}));
+export default { Wrapper };

package/dist/shared/lib/slickgrid/ui/styles/WithTableStyles/index.js

@@ -0,0 +1 @@
+export { WithTableStyles } from "./WithTableStyles";

package/dist/shared/lib/slickgrid/ui/styles/index.js

@@ -0,0 +1 @@
+export { WithTableStyles } from "./WithTableStyles";

package/dist/shared/lib/slickgrid/ui/styles/keyframes/index.js

@@ -0,0 +1 @@
+export { wink } from "./wink";

package/dist/shared/lib/slickgrid/ui/styles/keyframes/wink.js

@@ -0,0 +1,6 @@
+import { keyframes } from "@mui/material";
+export const wink = keyframes `
+  50% {
+    background-color: #ffb1b1;
+  }
+`;

package/dist/shared/lib/sorting/Sort.js

@@ -0,0 +1,22 @@
+import { getTime } from "../datetime";
+class Sort {
+    constructor() {
+        this.emptyValue = "1/1/1970";
+    }
+    dates(a, b) {
+        const value1 = getTime(a || this.emptyValue);
+        const value2 = getTime(b || this.emptyValue);
+        return value1 - value2;
+    }
+    numbers(a, b) {
+        return Number(a || 0) - Number(b || 0);
+    }
+    strings(a, b) {
+        if ((a || "").toLowerCase() > (b || "").toLowerCase())
+            return 1;
+        if ((a || "").toLowerCase() < (b || "").toLowerCase())
+            return -1;
+        return 0;
+    }
+}
+export const sort = new Sort();

package/dist/shared/lib/sorting/index.js

@@ -0,0 +1 @@
+export { sort } from "./Sort";

package/dist/shared/lib/stringCalculator/index.js

@@ -0,0 +1,2 @@
+// @ts-ignore
+export { stringCalculator } from "./stringCalculator";

package/dist/shared/lib/strings/deleteDoubleQuotes.js

@@ -0,0 +1,6 @@
+export const deleteDoubleQuotes = (value) => {
+    if (value !== value)
+        return ""; // if value is NaN
+    const str = String(value ?? "");
+    return str.replace(/(^")|("$)/g, "");
+};

package/dist/shared/lib/strings/index.js

@@ -0,0 +1,3 @@
+export { deleteDoubleQuotes } from "./deleteDoubleQuotes";
+export { removeHtml } from "./removeHtml";
+export { toStringWithCommas } from "./toStringWithCommas";

package/dist/shared/lib/strings/removeHtml.js

@@ -0,0 +1,5 @@
+export function removeHtml(str) {
+    const tmp = document.createElement("div");
+    tmp.innerHTML = str;
+    return tmp.textContent || tmp.innerText || "";
+}

package/dist/shared/lib/strings/toStringWithCommas.js

@@ -0,0 +1,12 @@
+export const toStringWithCommas = (value) => {
+    const valueWithoutCommas = typeof value === "number" ? value : value.replace(/,/g, "");
+    if (isNaN(+valueWithoutCommas))
+        return "0";
+    const stringValue = String(valueWithoutCommas);
+    const [integerPart, fractionalPart] = stringValue.split(".");
+    const integerPartWithCommas = integerPart.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+    const fractionalPartWithoutCommas = fractionalPart
+        ? `.${fractionalPart}`
+        : "";
+    return `${integerPartWithCommas}${fractionalPartWithoutCommas}`;
+};

package/dist/shared/model/consts/columnId.js

@@ -0,0 +1 @@
+export const CHECKBOX_SELECTOR = "checkboxSelector";

package/dist/shared/model/consts/dateFormats.js

@@ -0,0 +1,3 @@
+import moment from "moment";
+import { EDateFormat } from "shared/model/enums";
+export const dateFormats = [moment.ISO_8601, EDateFormat.ui, EDateFormat.db];

package/dist/shared/model/consts/index.js

@@ -0,0 +1,4 @@
+export { CHECKBOX_SELECTOR } from "./columnId";
+export { dateFormats } from "./dateFormats";
+export { INVALID_DATE } from "./invalidDate";
+export { NO_PRIVILEGES_MESSAGE } from "./noPrivilegesMessage";

package/dist/shared/model/consts/invalidDate.js

@@ -0,0 +1 @@
+export const INVALID_DATE = "Invalid date";

package/dist/shared/model/consts/noPrivilegesMessage.js

@@ -0,0 +1 @@
+export const NO_PRIVILEGES_MESSAGE = "You do not have sufficient privileges";

package/dist/shared/model/enums/EColumnFilter.js

@@ -0,0 +1,17 @@
+export var EColumnFilter;
+(function (EColumnFilter) {
+    EColumnFilter[EColumnFilter["Boolean"] = 1] = "Boolean";
+    EColumnFilter[EColumnFilter["DateBetween"] = 2] = "DateBetween";
+    EColumnFilter[EColumnFilter["DateEqual"] = 3] = "DateEqual";
+    EColumnFilter[EColumnFilter["DateFrom"] = 4] = "DateFrom";
+    EColumnFilter[EColumnFilter["DateTo"] = 5] = "DateTo";
+    EColumnFilter[EColumnFilter["MultipleSelect"] = 6] = "MultipleSelect";
+    EColumnFilter[EColumnFilter["NumberBetween"] = 7] = "NumberBetween";
+    EColumnFilter[EColumnFilter["NumberEqual"] = 8] = "NumberEqual";
+    EColumnFilter[EColumnFilter["NumberFrom"] = 9] = "NumberFrom";
+    EColumnFilter[EColumnFilter["NumberTo"] = 10] = "NumberTo";
+    EColumnFilter[EColumnFilter["TextContain"] = 11] = "TextContain";
+    EColumnFilter[EColumnFilter["TextEqual"] = 12] = "TextEqual";
+    EColumnFilter[EColumnFilter["TextNotContain"] = 13] = "TextNotContain";
+    EColumnFilter[EColumnFilter["TextNotEqual"] = 14] = "TextNotEqual";
+})(EColumnFilter || (EColumnFilter = {}));

package/dist/shared/model/enums/EColumnFiltersGroup.js

@@ -0,0 +1,11 @@
+export var EColumnFiltersGroup;
+(function (EColumnFiltersGroup) {
+    EColumnFiltersGroup["Boolean"] = "Boolean";
+    EColumnFiltersGroup["Date"] = "Date";
+    EColumnFiltersGroup["MultipleSelect"] = "MultipleSelect";
+    /** Don't take into account column formatter while filtering */
+    EColumnFiltersGroup["Number"] = "Number";
+    /** Take into account column formatter while filtering */
+    EColumnFiltersGroup["NumberFormatted"] = "NumberFormatted";
+    EColumnFiltersGroup["Text"] = "Text";
+})(EColumnFiltersGroup || (EColumnFiltersGroup = {}));

package/dist/shared/model/enums/EDateFormat.js

@@ -0,0 +1,12 @@
+/**
+ * Enum for date format.
+ * @readonly
+ * @enum {string}
+ * */
+export var EDateFormat;
+(function (EDateFormat) {
+    /** In this format dates are stored in database. */
+    EDateFormat["db"] = "YYYY-MM-DD";
+    /** In this format dates are displayed for user. */
+    EDateFormat["ui"] = "MM/DD/YY";
+})(EDateFormat || (EDateFormat = {}));

package/dist/shared/model/enums/EKey.js

@@ -0,0 +1,9 @@
+export var EKey;
+(function (EKey) {
+    EKey["ArrowDown"] = "ArrowDown";
+    EKey["ArrowLeft"] = "ArrowLeft";
+    EKey["ArrowRight"] = "ArrowRight";
+    EKey["ArrowUp"] = "ArrowUp";
+    EKey["Control"] = "Control";
+    EKey["Enter"] = "Enter";
+})(EKey || (EKey = {}));

package/dist/shared/model/enums/EKeyCode.js

@@ -0,0 +1,9 @@
+export var EKeyCode;
+(function (EKeyCode) {
+    EKeyCode[EKeyCode["KeyB"] = 66] = "KeyB";
+    EKeyCode[EKeyCode["KeyDel"] = 46] = "KeyDel";
+    EKeyCode[EKeyCode["KeyEnter"] = 13] = "KeyEnter";
+    EKeyCode[EKeyCode["KeyR"] = 82] = "KeyR";
+    EKeyCode[EKeyCode["KeyY"] = 89] = "KeyY";
+    EKeyCode[EKeyCode["KeyZ"] = 90] = "KeyZ";
+})(EKeyCode || (EKeyCode = {}));

package/dist/shared/model/enums/ESortType.js

@@ -0,0 +1,7 @@
+export var ESortType;
+(function (ESortType) {
+    ESortType[ESortType["DATE"] = 1] = "DATE";
+    ESortType[ESortType["NUMBER"] = 2] = "NUMBER";
+    ESortType[ESortType["NUMBER_FORMATTED"] = 3] = "NUMBER_FORMATTED";
+    ESortType[ESortType["TEXT"] = 4] = "TEXT";
+})(ESortType || (ESortType = {}));

package/dist/shared/model/enums/index.js

@@ -0,0 +1,6 @@
+export { EColumnFilter } from "./EColumnFilter";
+export { EColumnFiltersGroup } from "./EColumnFiltersGroup";
+export { EDateFormat } from "./EDateFormat";
+export { EKey } from "./EKey";
+export { EKeyCode } from "./EKeyCode";
+export { ESortType } from "./ESortType";

package/dist/shared/model/types/index.js

@@ -0,0 +1 @@
+export {};

package/dist/shared/model/types/slickgrid/IEditedRow.js

@@ -0,0 +1 @@
+export {};

package/dist/shared/model/types/slickgrid/TGridRow.js

@@ -0,0 +1 @@
+export {};

package/dist/shared/model/types/slickgrid/index.js

@@ -0,0 +1 @@
+export {};

package/dist/shared/ui/ContextSelect/ContextSelect.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FormControl, InputLabel, Select, } from "@mui/material";
+import Styled from "./ContextSelect.style";
+export const ContextSelect = ({ name, list, onChange, defaultValue, value, showSelect = true, dataTestId, width = "12.8em", height, disabled = false, }) => {
+    return (_jsxs(FormControl, { variant: "outlined", size: "small", children: [_jsx(InputLabel, { id: "reportType", children: name }), _jsxs(Select, { labelId: "reportType", id: name, label: name, autoWidth: true, value: `${value ?? (defaultValue || 0)}`, defaultValue: `${defaultValue || 0}`, onChange: onChange, disabled: disabled, "data-testid": dataTestId, MenuProps: {
+                    anchorOrigin: {
+                        vertical: "bottom",
+                        horizontal: "left",
+                    },
+                    transformOrigin: {
+                        vertical: "top",
+                        horizontal: "left",
+                    },
+                    disableScrollLock: true,
+                }, sx: { height, width }, children: [showSelect && (_jsx(Styled.MenuItem, { value: 0, id: "Select", children: "Select" })), list.map((el, index) => (_jsx(Styled.MenuItem, { value: el.id, id: "selectedReport", disabled: el.isDisabled, children: el.labelForSelect || el.name }, index)))] })] }));
+};

package/dist/shared/ui/ContextSelect/ContextSelect.style.js

@@ -0,0 +1,7 @@
+import { MenuItem, styled } from "@mui/material";
+const StyledMenuItem = styled(MenuItem)({
+    fontSize: "12px",
+});
+export default {
+    MenuItem: StyledMenuItem,
+};

package/dist/shared/ui/ContextSelect/index.js

@@ -0,0 +1 @@
+export { ContextSelect } from "./ContextSelect";

package/dist/shared/ui/notification/index.js

@@ -0,0 +1 @@
+export { Notification, showNotification } from "./ui";

package/dist/shared/ui/notification/model/index.js

@@ -0,0 +1 @@
+export {};

package/dist/shared/ui/notification/ui/index.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Snackbar from "@mui/material/Snackbar";
+import { useState } from "react";
+import Styled from "./index.style";
+export let showNotification = (_message, _severity) => { };
+export function Notification() {
+    const [open, setOpen] = useState(false);
+    const [message, setMessage] = useState("");
+    const [severity, setSeverity] = useState("success");
+    showNotification = (message, type) => {
+        setMessage(message);
+        setSeverity(type);
+        setOpen(true);
+    };
+    function handleClose(_event, reason) {
+        if (reason === "clickaway") {
+            return;
+        }
+        setOpen(false);
+    }
+    return (_jsx(Snackbar, { open: open, autoHideDuration: 5000, onClose: handleClose, children: _jsx(Styled.Alert, { onClose: handleClose, severity: severity, variant: "filled", children: message }) }));
+}

package/dist/shared/ui/notification/ui/index.style.js

@@ -0,0 +1,11 @@
+import { Alert, styled } from "@mui/material";
+const StyledAlert = styled(Alert)({
+    width: "100%",
+    "& .MuiAlert-message": {
+        fontSize: "0.8rem",
+    },
+    " [data-testid=CloseIcon]": {
+        fill: "white",
+    },
+});
+export default { Alert: StyledAlert };

package/dist/shared/ui/styles/WithDatePickerStyles.js

@@ -0,0 +1,10 @@
+import { Box, styled } from "@mui/material";
+export const WithDatePickerStyles = styled(Box)({
+    "& label[data-shrink=false]": {
+        top: "-5px",
+        fontSize: "14px",
+    },
+    "& .MuiOutlinedInput-root": {
+        height: "40px",
+    },
+});

package/dist/shared/ui/styles/index.js

@@ -0,0 +1 @@
+export { WithDatePickerStyles } from "./WithDatePickerStyles";

package/eslint.config.js

@@ -0,0 +1,23 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import tseslint from 'typescript-eslint'
+import { globalIgnores } from 'eslint/config'
+
+export default tseslint.config([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      js.configs.recommended,
+      tseslint.configs.recommended,
+      reactHooks.configs['recommended-latest'],
+      reactRefresh.configs.vite,
+    ],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+  },
+])

package/index.html

@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/myWorkLogo.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Slickgrid</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <div id="portal-root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "slick-table",
+  "version": "0.0.1",
+  "description": "Enhanced version of SlickGrid library",
+  "private": false,
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "author": "Alexandr Chazov",
+  "license": "ISC",
+  "homepage": "https://github.com/AlexandrChazov/slickgrid-react#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/AlexandrChazov/slickgrid-react.git"
+  },
+  "bugs": {
+    "url": "https://github.com/AlexandrChazov/slickgrid-react/issues"
+  },
+  "keywords": [
+    "slickgrid",
+    "react"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "npm run clear:dist & tsc --project tsconfig.build.json",
+    "clear:dist": "rimraf ./dist",
+    "lint": "eslint ."
+  },
+  "peerDependencies": {
+    "@mui/material": "^6.1.6",
+    "@mui/x-date-pickers": "^7.22.2",
+    "moment": "^2.30.1",
+    "pikaday": "^1.8.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "slickgrid": "^5.14.0"
+  },
+  "devDependencies": {
+    "@emotion/styled": "^11.14.1",
+    "@eslint/js": "^9.29.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.0.1",
+    "@testing-library/user-event": "^14.5.2",
+    "@trivago/prettier-plugin-sort-imports": "^5.2.2",
+    "@types/jest": "^29.5.12",
+    "@types/pikaday": "^1.7.9",
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.1",
+    "@types/sortablejs": "^1.15.8",
+    "@vitejs/plugin-react": "^4.5.2",
+    "eslint": "^9.29.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.20",
+    "globals": "^16.2.0",
+    "prettier": "3.6.2",
+    "rimraf": "^6.0.1",
+    "sass-embedded": "^1.89.2",
+    "typescript": "~5.8.3",
+    "typescript-eslint": "^8.34.1",
+    "vite": "^7.0.0"
+  }
+}

package/src/App.tsx

@@ -0,0 +1,9 @@
+import "pikaday/css/pikaday.css";
+
+import { Main } from "pages/main";
+
+function App() {
+	return <Main />;
+}
+
+export default App;