@lax-wp/design-system 0.1.0 → 0.1.1

package/dist/services/monacoManager.d.ts

@@ -0,0 +1,28 @@
+import { type Monaco } from '@monaco-editor/react';
+declare class MonacoManager {
+    private static instance;
+    private monaco;
+    private initialized;
+    private initializationPromise;
+    static getInstance(): MonacoManager;
+    initialize(): Promise<Monaco>;
+    private performInitialization;
+    getMonaco(): Monaco | null;
+    isInitialized(): boolean;
+    /**
+     * Safely get an editor instance by index
+     */
+    getEditorInstance(index?: number): any;
+    /**
+     * Get the first available editor instance
+     */
+    getFirstEditorInstance(): Monaco | null;
+    /**
+     * Safely dispose of disposables with error handling
+     */
+    static safeDispose(disposables: Array<{
+        dispose: () => void;
+    } | null | undefined>): void;
+}
+export declare const monacoManager: MonacoManager;
+export type { Monaco };

package/dist/types/index.d.ts

@@ -0,0 +1,66 @@
+export type JsonValue = string | number | boolean | null | JsonObject | JsonArray;
+export type JsonObject = {
+    [key: string]: JsonValue;
+};
+export type JsonArray = JsonValue[];
+export interface Tab<T extends string> {
+    name: T;
+    is_default: boolean;
+    is_hidden: boolean;
+    is_pinned: boolean;
+}
+export interface CodeEditorProps {
+    value: string;
+    onChange?: (value: string) => void;
+    withFullScreen?: boolean;
+    withTheme?: boolean;
+    isEditMode?: boolean;
+    height?: string;
+    language?: 'json' | 'python';
+    monacoEditor?: any;
+    setIsDisableSave?: (flag: boolean) => void;
+    isShowCopy?: boolean;
+    isShowDownload?: boolean;
+    withJsonGrid?: boolean;
+}
+export interface ThemeContextType {
+    theme: 'light' | 'dark';
+    editorTheme: 'vs' | 'vs-dark';
+    setEditorTheme: (theme: 'vs' | 'vs-dark') => void;
+}
+export interface UsePythonSyntaxProps {
+    monacoEditor: any;
+    currentEditorModel: any;
+    code: string;
+    setCode: (code: string) => void;
+    enable: boolean;
+}
+export interface PythonError {
+    message: string;
+    line?: number;
+    column?: number;
+}
+export interface JsonGridContextType {
+    allExpanded: boolean;
+    toggleAll: () => void;
+    isEditMode: boolean;
+    isDarkMode: boolean;
+    selectedPaths: string[];
+    setSelectedPaths: (paths: string[]) => void;
+    selectedTopLevelPaths: string[];
+    setSelectedTopLevelPaths: (paths: string[]) => void;
+    selectedPathModification: string | null;
+    setSelectedPathModification: (path: string | null) => void;
+    selectedPathForEdit: string | null;
+    setSelectedPathForEdit: (path: string | null) => void;
+    jsonData: JsonObject | JsonArray;
+    setJsonData: (data: JsonObject | JsonArray) => void;
+    error: string | null;
+    setError: (error: string | null) => void;
+    handleDelete: (paths: string[]) => void;
+    handleDuplicate: (paths: string[]) => void;
+    handleCopy: (paths: string[]) => Promise<boolean>;
+    handleAddKey: (path: string, key: string, value: JsonValue | undefined) => Promise<void>;
+    setIsAddKeyModalOpen: (open: boolean) => void;
+    isAddKeyModalOpen: boolean;
+}

package/dist/utils/messageConstants.d.ts

@@ -0,0 +1,16 @@
+export declare const systemMessages: {
+    createSuccess: (value: string) => string;
+    createFailure: (value: string) => string;
+    updateSuccess: (value: string) => string;
+    updateFailure: (value: string) => string;
+    copySuccess: (value: string) => string;
+    copyFailure: (value: string) => string;
+    copyToClipboard: (value: string) => string;
+    deleteSuccess: (value: string) => string;
+    deleteFailure: (value: string) => string;
+    errorMessage: string;
+    requiredFieldError: string;
+    noItemSelected: string;
+    invalidFileType: string;
+    formatFailed: string;
+};

package/dist/utils/utilities.d.ts

@@ -0,0 +1,13 @@
+import { type JsonValue } from '../types';
+/**
+ * Parse JSON string safely
+ */
+export declare const parseJson: (value: string) => JsonValue;
+/**
+ * Filter top level paths from an array of paths
+ */
+export declare const filterTopLevelPaths: (paths: string[]) => string[];
+/**
+ * Generate a random hex string
+ */
+export declare const randomHexString: (length: number) => string;

package/package.json

@@ -1,11 +1,18 @@
 {
   "name": "@lax-wp/design-system",
   "private": false,
-  "version": "0.1.0",
+  "version": "0.1.1",
   "type": "module",
-  "main": "dist/index.js",
-  "module": "dist/index.js",
+  "main": "dist/index.umd.js",
+  "module": "dist/index.es.js",
   "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.umd.js"
+    }
+  },
   "files": [
     "dist"
   ],
@@ -17,16 +24,33 @@
   ],
   "scripts": {
     "dev": "vite",
-    "build": "tsc -b && vite build",
+    "build": "npm run build:types && vite build",
+    "build:types": "tsc src/index.ts --declaration --emitDeclarationOnly --outDir dist --jsx react-jsx --moduleResolution bundler --target ES2022 --module ESNext --skipLibCheck",
     "lint": "eslint .",
     "preview": "vite preview",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"
   },
   "dependencies": {
-    "framer-motion": "^12.23.12",
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1"
+    "@codeium/react-code-editor": "^1.0.12",
+    "@emotion/styled": "^11.14.1",
+    "@monaco-editor/react": "^4.6.0",
+    "@mui/icons-material": "^7.3.1",
+    "@storybook/addon-actions": "^9.0.8",
+    "antd": "^5.27.0",
+    "classnames": "^2.5.1",
+    "immer": "^10.1.1",
+    "lodash.debounce": "^4.0.8",
+    "react-full-screen": "^1.1.1",
+    "react-icons": "^5.5.0",
+    "react-popper-tooltip": "^4.4.2",
+    "react-select": "^5.10.2",
+    "react-toastify": "^10.0.6"
+  },
+  "peerDependencies": {
+    "framer-motion": "^10.0.0 || ^11.0.0 || ^12.0.0",
+    "react": "^18.2.0 || ^19.0.0",
+    "react-dom": "^18.2.0 || ^19.0.0"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.0.1",
@@ -35,22 +59,25 @@
     "@storybook/addon-docs": "^9.0.18",
     "@storybook/addon-vitest": "^9.0.18",
     "@storybook/react-vite": "^9.0.18",
-    "@types/react": "^19.1.9",
-    "@types/react-dom": "^19.1.7",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
     "@vitejs/plugin-react": "^4.6.0",
     "@vitest/browser": "^3.2.4",
     "@vitest/coverage-v8": "^3.2.4",
-    "autoprefixer": "^10.4.21",
+    "autoprefixer": "^10.4.19",
     "eslint": "^9.30.1",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.20",
     "eslint-plugin-storybook": "^9.0.18",
+    "framer-motion": "^12.23.12",
     "globals": "^16.3.0",
     "playwright": "^1.54.1",
-    "postcss": "^8.5.6",
+    "postcss": "^8.4.47",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "storybook": "^9.0.18",
-    "tailwindcss": "^4.1.11",
-    "typescript": "~5.8.3",
+    "tailwindcss": "^3.4.13",
+    "typescript": "^5.6.3",
     "typescript-eslint": "^8.35.1",
     "vite": "^7.0.4",
     "vitest": "^3.2.4"