@cratis/components 0.1.9

package/dist/esm/useOverlayZIndex.d.ts

@@ -0,0 +1,2 @@
+export declare function useOverlayZIndex(className: string, zIndex?: number): void;
+//# sourceMappingURL=useOverlayZIndex.d.ts.map

package/dist/esm/useOverlayZIndex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOverlayZIndex.d.ts","sourceRoot":"","sources":["../../useOverlayZIndex.ts"],"names":[],"mappings":"AAaA,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,MAAM,EAAE,MAAM,GAAE,MAAc,GAAG,IAAI,CAkBhF"}

package/dist/esm/useOverlayZIndex.js

@@ -0,0 +1,22 @@
+import { useEffect } from 'react';
+
+function useOverlayZIndex(className, zIndex = 10000) {
+    useEffect(() => {
+        const observer = new MutationObserver(() => {
+            const panel = document.querySelector(`.${className}`);
+            if (panel instanceof HTMLElement && panel.style.zIndex !== zIndex.toString()) {
+                panel.style.zIndex = zIndex.toString();
+            }
+        });
+        observer.observe(document.body, {
+            childList: true,
+            subtree: true,
+            attributes: true,
+            attributeFilter: ['style']
+        });
+        return () => observer.disconnect();
+    }, [className, zIndex]);
+}
+
+export { useOverlayZIndex };
+//# sourceMappingURL=useOverlayZIndex.js.map

package/dist/esm/useOverlayZIndex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOverlayZIndex.js","sources":["../../useOverlayZIndex.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { useEffect } from 'react';\n\n/**\n * Hook to force a specific z-index on PrimeReact overlay components.\n * This is a workaround for PrimeReact's automatic z-index calculation\n * which can cause overlays to appear behind dialogs.\n *\n * @param className - The CSS class name to target (e.g., 'location-autocomplete-overlay')\n * @param zIndex - The desired z-index value (default: 10000)\n */\nexport function useOverlayZIndex(className: string, zIndex: number = 10000): void {\n    useEffect(() => {\n        const observer = new MutationObserver(() => {\n            const panel = document.querySelector(`.${className}`);\n            if (panel instanceof HTMLElement && panel.style.zIndex !== zIndex.toString()) {\n                panel.style.zIndex = zIndex.toString();\n            }\n        });\n\n        observer.observe(document.body, {\n            childList: true,\n            subtree: true,\n            attributes: true,\n            attributeFilter: ['style']\n        });\n\n        return () => observer.disconnect();\n    }, [className, zIndex]);\n}\n"],"names":[],"mappings":";;SAagB,gBAAgB,CAAC,SAAiB,EAAE,SAAiB,KAAK,EAAA;IACtE,SAAS,CAAC,MAAK;AACX,QAAA,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,MAAK;YACvC,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAA,CAAA,EAAI,SAAS,CAAA,CAAE,CAAC;AACrD,YAAA,IAAI,KAAK,YAAY,WAAW,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,MAAM,CAAC,QAAQ,EAAE,EAAE;gBAC1E,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,QAAQ,EAAE;YAC1C;AACJ,QAAA,CAAC,CAAC;AAEF,QAAA,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE;AAC5B,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,UAAU,EAAE,IAAI;YAChB,eAAe,EAAE,CAAC,OAAO;AAC5B,SAAA,CAAC;AAEF,QAAA,OAAO,MAAM,QAAQ,CAAC,UAAU,EAAE;AACtC,IAAA,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;AAC3B;;;;"}

package/dist/esm/vite.config.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("vite").UserConfig;
+export default _default;
+//# sourceMappingURL=vite.config.d.ts.map

package/dist/esm/vite.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vite.config.d.ts","sourceRoot":"","sources":["../../vite.config.ts"],"names":[],"mappings":";AASA,wBAsEG"}

package/dist/esm/vite.config.js

@@ -0,0 +1,76 @@
+import { defineConfig } from 'vitest/config';
+import react from "@vitejs/plugin-react";
+import path from 'path';
+import { EmitMetadataPlugin } from '@cratis/arc.vite';
+import tailwindcss from "@tailwindcss/vite";
+export default defineConfig({
+    optimizeDeps: {
+        exclude: ['tslib']
+    },
+    esbuild: {
+        supported: {
+            'top-level-await': true,
+        },
+    },
+    build: {
+        outDir: './wwwroot',
+        assetsDir: '',
+        modulePreload: false,
+        target: 'esnext',
+        minify: false,
+        cssCodeSplit: false,
+        rollupOptions: {
+            external: [],
+        },
+    },
+    test: {
+        globals: true,
+        environment: 'node',
+        isolate: false,
+        fileParallelism: false,
+        pool: 'threads',
+        coverage: {
+            provider: 'v8',
+            exclude: [
+                '**/for_*/**',
+                '**/wwwroot/**',
+                '**/api/**',
+                '**/Api/**',
+                '**/dist/**',
+                '**/*.test.tsx',
+                '**/*.d.ts',
+                '**/declarations.ts',
+            ],
+        },
+        exclude: ['**/dist/**', '**/node_modules/**', 'node_modules/**', '**/wwwroot/**', 'wwwroot/**', '**/given/**'],
+        include: ['**/for_*/when_*/**/*.ts', '**/for_*/**/when_*.ts'],
+        setupFiles: `${__dirname}/vitest.setup.ts`
+    },
+    plugins: [
+        react(),
+        tailwindcss(),
+        EmitMetadataPlugin()
+    ],
+    server: {
+        port: process.env.PORT ? parseInt(process.env.PORT) : 9000,
+        open: false,
+        proxy: {
+            '/api': {
+                target: 'http://localhost:5000',
+                ws: true
+            },
+            '/swagger': {
+                target: 'http://localhost:5000'
+            }
+        }
+    },
+    resolve: {
+        alias: {
+            'Api': path.resolve('./Api'),
+            'Components': path.resolve('./Components'),
+            'Layout': path.resolve('./Layout'),
+            'Features': path.resolve('./Features')
+        }
+    }
+});
+//# sourceMappingURL=vite.config.js.map

package/dist/esm/vite.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vite.config.js","sourceRoot":"","sources":["../../vite.config.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,KAAK,MAAM,sBAAsB,CAAC;AACzC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,WAAW,MAAM,mBAAmB,CAAC;AAE5C,eAAe,YAAY,CAAC;IACxB,YAAY,EAAE;QACV,OAAO,EAAE,CAAC,OAAO,CAAC;KACrB;IACD,OAAO,EAAE;QACL,SAAS,EAAE;YACP,iBAAiB,EAAE,IAAI;SAC1B;KACJ;IACD,KAAK,EAAE;QACH,MAAM,EAAE,WAAW;QACnB,SAAS,EAAE,EAAE;QACb,aAAa,EAAE,KAAK;QACpB,MAAM,EAAE,QAAQ;QAChB,MAAM,EAAE,KAAK;QACb,YAAY,EAAE,KAAK;QACnB,aAAa,EAAE;YACX,QAAQ,EAAE,EACT;SACJ;KACJ;IACD,IAAI,EAAE;QACF,OAAO,EAAE,IAAI;QACb,WAAW,EAAE,MAAM;QACnB,OAAO,EAAE,KAAK;QACd,eAAe,EAAE,KAAK;QACtB,IAAI,EAAE,SAAS;QACf,QAAQ,EAAE;YACN,QAAQ,EAAE,IAAI;YACd,OAAO,EAAE;gBACL,aAAa;gBACb,eAAe;gBACf,WAAW;gBACX,WAAW;gBACX,YAAY;gBACZ,eAAe;gBACf,WAAW;gBACX,oBAAoB;aACvB;SACJ;QACD,OAAO,EAAE,CAAC,YAAY,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,eAAe,EAAE,YAAY,EAAE,aAAa,CAAC;QAC9G,OAAO,EAAE,CAAC,yBAAyB,EAAE,uBAAuB,CAAC;QAC7D,UAAU,EAAE,GAAG,SAAS,kBAAkB;KAC7C;IACD,OAAO,EAAE;QACL,KAAK,EAAE;QACP,WAAW,EAAE;QACb,kBAAkB,EAAS;KAC9B;IACD,MAAM,EAAE;QACJ,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI;QAC1D,IAAI,EAAE,KAAK;QACX,KAAK,EAAE;YACH,MAAM,EAAE;gBACJ,MAAM,EAAE,uBAAuB;gBAC/B,EAAE,EAAE,IAAI;aACX;YACD,UAAU,EAAE;gBACR,MAAM,EAAE,uBAAuB;aAClC;SACJ;KACJ;IACD,OAAO,EAAE;QACL,KAAK,EAAE;YACH,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC;YAC5B,YAAY,EAAE,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC;YAC1C,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;YAClC,UAAU,EAAE,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC;SACzC;KACJ;CACJ,CAAC,CAAC"}

package/global.d.ts

@@ -0,0 +1,11 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+
+import * as React from 'react';
+
+declare global {
+  namespace JSX {
+    interface Element extends React.ReactElement {}
+    // Add additional JSX-related overrides if necessary.
+  }
+}

package/index.ts

@@ -0,0 +1,22 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+
+import * as CommandDialog from './CommandDialog';
+import * as CommandForm from './CommandForm';
+import * as DataPage from './DataPage';
+import * as dataTables from './DataTables';
+import * as dialogs from './Dialogs';
+import * as Dropdown from './Dropdown';
+import * as PivotViewer from './PivotViewer';
+import * as TimeMachine from './TimeMachine';
+
+export {
+    CommandDialog,
+    CommandForm,
+    DataPage,
+    dataTables,
+    dialogs,
+    Dropdown,
+    PivotViewer,
+    TimeMachine,
+};

package/package.json

@@ -0,0 +1,160 @@
+{
+    "name": "@cratis/components",
+    "version": "0.1.9",
+    "description": "",
+    "author": "Cratis",
+    "license": "MIT",
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/cratis/components.git"
+    },
+    "publishConfig": {
+        "access": "public"
+    },
+    "files": [
+        "dist",
+        "**/*.ts",
+        "**/*.tsx"
+    ],
+    "type": "module",
+    "main": "dist/cjs/index.js",
+    "module": "dist/esm/index.js",
+    "types": "dist/esm/index.d.ts",
+    "exports": {
+        "./package.json": "./package.json",
+        ".": {
+            "types": "./dist/esm/index.d.ts",
+            "require": "./dist/cjs/index.js",
+            "import": "./dist/esm/index.js"
+        },
+        "./CommandDialog": {
+            "types": "./dist/esm/CommandDialog/index.d.ts",
+            "require": "./dist/cjs/CommandDialog/index.js",
+            "import": "./dist/esm/CommandDialog/index.js"
+        },
+        "./CommandForm": {
+            "types": "./dist/esm/CommandForm/index.d.ts",
+            "require": "./dist/cjs/CommandForm/index.js",
+            "import": "./dist/esm/CommandForm/index.js"
+        },
+        "./DataPage": {
+            "types": "./dist/esm/DataPage/index.js",
+            "require": "./dist/cjs/DataPage/index.js",
+            "import": "./dist/esm/DataPage/index.js"
+        },
+        "./dataTables": {
+            "types": "./dist/esm/dataTables/index.d.ts",
+            "require": "./dist/cjs/dataTables/index.js",
+            "import": "./dist/esm/dataTables/index.js"
+        },
+        "./dialogs": {
+            "types": "./dist/esm/dialogs/index.d.ts",
+            "require": "./dist/cjs/dialogs/index.js",
+            "import": "./dist/esm/dialogs/index.js"
+        },
+        "./DropDown": {
+            "types": "./dist/esm/DropDown/index.d.ts",
+            "require": "./dist/cjs/DropDown/index.js",
+            "import": "./dist/esm/DropDown/index.js"
+        },
+        "./PivotViewer": {
+            "types": "./dist/esm/PivotViewer/index.d.ts",
+            "require": "./dist/cjs/PivotViewer/index.js",
+            "import": "./dist/esm/PivotViewer/index.js"
+        },
+        "./TimeMachine": {
+            "types": "./dist/esm/TimeMachine/index.d.ts",
+            "require": "./dist/cjs/TimeMachine/index.js",
+            "import": "./dist/esm/TimeMachine/index.js"
+        }
+    },
+    "scripts": {
+        "prepare": "yarn g:build",
+        "clean": "yarn g:clean",
+        "build": "tsc -p tsconfig.json",
+        "lint": "yarn g:lint",
+        "lint:ci": "yarn g:lint:ci",
+        "test": "yarn g:test",
+        "ci": "yarn g:ci",
+        "up": "yarn g:up",
+        "storybook": "storybook dev -p 6006",
+        "build-storybook": "storybook build"
+    },
+    "devDependencies": {
+        "@eslint/eslintrc": "^3.3.1",
+        "@eslint/js": "^9.39.1",
+        "@storybook/react": "^10.1.10",
+        "@storybook/react-vite": "^10.1.10",
+        "@tailwindcss/postcss": "^4.1.17",
+        "@tailwindcss/vite": "^4.1.17",
+        "@types/chai": "^5.2.3",
+        "@types/chai-as-promised": "^8.0.2",
+        "@types/leaflet": "^1.9.21",
+        "@types/mocha": "^10.0.10",
+        "@types/node": "^24.10.1",
+        "@types/react": "^19.2.7",
+        "@types/react-dom": "^19.2.3",
+        "@types/sinon": "^21.0.0",
+        "@types/sinon-chai": "^4.0.0",
+        "@typescript-eslint/eslint-plugin": "^8.47.0",
+        "@typescript-eslint/parser": "^8.47.0",
+        "@vitejs/plugin-react": "^5.1.1",
+        "@vitest/coverage-v8": "^4.0.10",
+        "autoprefixer": "^10.4.14",
+        "chai": "^6.2.1",
+        "chai-as-promised": "^8.0.2",
+        "edit-json-file": "^1.8.1",
+        "eslint": "^9.39.1",
+        "eslint-config-prettier": "^10.1.8",
+        "eslint-plugin-header": "^3.1.1",
+        "eslint-plugin-import": "^2.32.0",
+        "eslint-plugin-no-null": "^1.0.2",
+        "eslint-plugin-prettier": "^5.5.4",
+        "eslint-plugin-react": "^7.37.5",
+        "glob": "^11.0.3",
+        "globals": "^16.5.0",
+        "mocha": "^11.7.5",
+        "module-alias": "^2.2.3",
+        "npm-check-updates": "^19.1.2",
+        "postcss": "^8.4.24",
+        "prettier": "^3.6.2",
+        "rollup": "^4.53.3",
+        "rollup-plugin-commonjs": "^10.1.0",
+        "rollup-plugin-peer-deps-external": "^2.2.4",
+        "rollup-plugin-typescript2": "^0.36.0",
+        "sinon": "^21.0.0",
+        "sinon-chai": "^4.0.1",
+        "storybook": "^10.1.10",
+        "tailwindcss": "^3.4.19",
+        "ts-node": "^10.9.2",
+        "typescript": "^5.9.3",
+        "typescript-eslint": "^8.47.0",
+        "vite": "^7.2.2",
+        "vite-plugin-commonjs": "^0.10.4",
+        "vite-tsconfig-paths": "^5.1.4",
+        "vitest": "^4.0.10"
+    },
+    "dependencies": {
+        "@cratis/arc": "^18.5.0",
+        "@cratis/arc.react": "^18.5.0",
+        "@cratis/arc.vite": "^18.5.0",
+        "allotment": "1.20.4",
+        "framer-motion": "12.23.26",
+        "pixi.js": "^8.14.3",
+        "primeicons": "7.0.0",
+        "primereact": "10.9.7",
+        "quill": "^2.0.3",
+        "react": "19.2.3",
+        "react-dom": "19.2.3",
+        "react-icons": "5.5.0",
+        "react-leaflet": "^5.0.0",
+        "react-router-dom": "7.10.1",
+        "reflect-metadata": "0.2.2",
+        "ts-deepmerge": "7.0.3",
+        "tsyringe": "4.10.0",
+        "usehooks-ts": "3.1.1"
+    },
+    "peerDependencies": {
+        "react": "^18.0.0 || ^19.0.0"
+    }
+}

package/useOverlayZIndex.ts

@@ -0,0 +1,32 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+
+import { useEffect } from 'react';
+
+/**
+ * Hook to force a specific z-index on PrimeReact overlay components.
+ * This is a workaround for PrimeReact's automatic z-index calculation
+ * which can cause overlays to appear behind dialogs.
+ *
+ * @param className - The CSS class name to target (e.g., 'location-autocomplete-overlay')
+ * @param zIndex - The desired z-index value (default: 10000)
+ */
+export function useOverlayZIndex(className: string, zIndex: number = 10000): void {
+    useEffect(() => {
+        const observer = new MutationObserver(() => {
+            const panel = document.querySelector(`.${className}`);
+            if (panel instanceof HTMLElement && panel.style.zIndex !== zIndex.toString()) {
+                panel.style.zIndex = zIndex.toString();
+            }
+        });
+
+        observer.observe(document.body, {
+            childList: true,
+            subtree: true,
+            attributes: true,
+            attributeFilter: ['style']
+        });
+
+        return () => observer.disconnect();
+    }, [className, zIndex]);
+}

package/vite.config.ts

@@ -0,0 +1,80 @@
+// Copyright (c) Cratis. All rights reserved.
+// Licensed under the MIT license. See LICENSE file in the project root for full license information.
+
+import { defineConfig } from 'vitest/config';
+import react from "@vitejs/plugin-react";
+import path from 'path';
+import { EmitMetadataPlugin } from '@cratis/arc.vite';
+import tailwindcss from "@tailwindcss/vite";
+
+export default defineConfig({
+    optimizeDeps: {
+        exclude: ['tslib']
+    },
+    esbuild: {
+        supported: {
+            'top-level-await': true,
+        },
+    },
+    build: {
+        outDir: './wwwroot',
+        assetsDir: '',
+        modulePreload: false,
+        target: 'esnext',
+        minify: false,
+        cssCodeSplit: false,
+        rollupOptions: {
+            external: [
+            ],
+        },
+    },
+    test: {
+        globals: true,
+        environment: 'node',
+        isolate: false,
+        fileParallelism: false,
+        pool: 'threads',
+        coverage: {
+            provider: 'v8',
+            exclude: [
+                '**/for_*/**',
+                '**/wwwroot/**',
+                '**/api/**',
+                '**/Api/**',
+                '**/dist/**',
+                '**/*.test.tsx',
+                '**/*.d.ts',
+                '**/declarations.ts',
+            ],
+        },
+        exclude: ['**/dist/**', '**/node_modules/**', 'node_modules/**', '**/wwwroot/**', 'wwwroot/**', '**/given/**'],
+        include: ['**/for_*/when_*/**/*.ts', '**/for_*/**/when_*.ts'],
+        setupFiles: `${__dirname}/vitest.setup.ts`
+    },
+    plugins: [
+        react(),
+        tailwindcss(),
+        EmitMetadataPlugin() as any
+    ],
+    server: {
+        port: process.env.PORT ? parseInt(process.env.PORT) : 9000,
+        open: false,
+        proxy: {
+            '/api': {
+                target: 'http://localhost:5000',
+                ws: true
+            },
+            '/swagger': {
+                target: 'http://localhost:5000'
+            }
+        }
+    },
+    resolve: {
+        alias: {
+            'Api': path.resolve('./Api'),
+            'Components': path.resolve('./Components'),
+            'Layout': path.resolve('./Layout'),
+            'Features': path.resolve('./Features')
+        }
+    }
+});