woby-tooltip 1.0.4 → 1.0.9

package/dist/types/Tooltip.d.ts

@@ -1,47 +1,10 @@
-import { ObservableMaybe, Observable, type JSX } from 'woby';
-import { Align } from './TextBox';
-export type TooltipType = {
-    /** tailwind
-    * border-b border-b-[#ececec]
-    */
-    lineSeparated?: ObservableMaybe<boolean | string>;
-    position?: ObservableMaybe<string>;
-    /** tailwind */
-    hoverBackground?: ObservableMaybe<string>;
-    /** tailwind */
-    backgroundColor?: ObservableMaybe<string>;
-    arrowAlign?: ObservableMaybe<Align>;
-    moveDown?: ObservableMaybe<string>;
-    moveRight?: ObservableMaybe<string>;
-    moveLeft?: ObservableMaybe<string>;
-    moveUp?: ObservableMaybe<string>;
-    textAlign?: ObservableMaybe<string>;
-    fontFamily?: ObservableMaybe<string>;
-    fontWeight?: ObservableMaybe<string>;
-    /** tailwind */
-    fontSize?: ObservableMaybe<string>;
-    /** tailwind */
-    color?: ObservableMaybe<string>;
-    animation?: ObservableMaybe<string>;
-    zIndex?: ObservableMaybe<string>;
-    flat?: ObservableMaybe<boolean>;
-    show?: ObservableMaybe<boolean>;
-    /** tailwind */
-    hoverColor?: ObservableMaybe<string>;
-    /** no tailwind */
-    textboxWidth?: ObservableMaybe<string>;
-    /** tailwind */
-    padding?: ObservableMaybe<string>;
-    /** tailwind */
-    borderRadius?: ObservableMaybe<string>;
-    shadowColor?: ObservableMaybe<string>;
-    shadowShape?: ObservableMaybe<string>;
+import { ObservableMaybe, type JSX } from 'woby';
+export declare const Tooltip: ({ children, class: cls, className, ...props }: JSX.HTMLAttributes<HTMLDivElement>) => JSX.Child;
+export type PositionType = 'top' | 'right' | 'bottom' | 'left';
+export declare const TooltipContent: ({ children, style, class: cls, className, static: st, position, arrowLocation, arrowSize, ...props }: JSX.HTMLAttributes<HTMLDivElement> & {
+    position?: ObservableMaybe<PositionType>;
+    arrowLocation?: ObservableMaybe<string | number>;
+    arrowSize?: ObservableMaybe<string | number>;
     static?: ObservableMaybe<boolean>;
-    alert?: ObservableMaybe<string>;
-    children?: JSX.Element;
-};
-export declare const Tooltip: <T extends HTMLElement>(properties?: TooltipType & JSX.HTMLAttributes<HTMLDivElement> & {
-    parentRef?: Observable<HTMLElement>;
-    parent?: JSX.Child;
-    containerClass?: JSX.Class;
-}) => JSX.Element;
+}) => JSX.Child;
+//# sourceMappingURL=Tooltip.d.ts.map

package/dist/types/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,eAAe,EAA8C,KAAK,GAAG,EAAE,MAAM,MAAM,CAAA;AAkC9G,eAAO,MAAM,OAAO,kDAAgE,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC,cAIrH,CAAA;AAkBD,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;AAC9D,eAAO,MAAM,cAAc,yGAAyI,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC,GACtM;IACI,QAAQ,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;IACzC,aAAa,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAC7C,MAAM,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;CACrC,cA+FA,CAAA"}

package/dist/types/index.d.ts

@@ -1 +1,2 @@
 export * from './Tooltip';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "woby-tooltip",
-  "version": "1.0.4",
+  "version": "1.0.9",
   "description": "A powerful tooltip and menu component library for woby.",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",
@@ -15,16 +15,17 @@
   ],
   "license": "MIT",
   "peerDependencies": {
-    "woby": "^0.57.14"
+    "woby-styled": "1.0.13",
+    "use-woby": "0.0.16",
+    "woby": "0.58.7"
   },
   "devDependencies": {
-    "concurrently": "^3.6.1",
-    "puppeteer": "^1.20.0",
-    "style-loader": "^0.21.0",
-    "tailwindcss": "^3.4.1",
-    "vite": "^4.5.2",
-    "vite-plugin-dts": "^2.3.0",
-    "svg2tsx": "^1.0.1"
+    "concurrently": "^9.0.1",
+    "puppeteer": "^23.6.0",
+    "style-loader": "^4.0.0",
+    "tailwindcss": "^3.4.14",
+    "vite": "^5.4.10",
+    "vite-plugin-tsconfig": "^1.0.5"
   },
   "author": "Chi Chong <wongchichong@gmail.com>",
   "homepage": "https://github.com/wongchichong/woby-tooltip",
@@ -32,20 +33,27 @@
     "type": "git",
     "url": "git@github.com:wongchichong/woby-tooltip.git"
   },
+  "dependencies": {
+    "typescript": "5.6.3"
+  },
   "scripts": {
+    "git": "git add . && git commit -m \"Bump version\" && git push",
+    "bump": "pnpm version patch",
+    "npmjs": "pnpm publish",
+    "release": "run-s -c git bump npmjs",
     "css:watch": "tailwindcss -i ./src/input.css -o ./dist/output.css --watch",
     "css": "tailwindcss -i ./src/input.css -o ./dist/output.css",
-    "declaration": "tsc --build --force --declaration --emitDeclarationOnly --verbose",
-    "declaration:watch": "tsc --build --force --declaration --emitDeclarationOnly --verbose --watch",
+    "declaration": "tsc --build --force --declaration --emitDeclarationOnly --declarationMap  --verbose",
+    "declaration:watch": "tsc --build --force --declaration --emitDeclarationOnly --declarationMap  --verbose --watch",
     "watch": "run-p build:watch css:watch",
-    "build": "run-s css build:vite css",
-    "build:web": "vite build --config=vite.config.web.ts --force --mode production",
-    "web": "vite preview --config=vite.config.web.ts --host",
-    "dev:only": "vite --config=vite.config.web.ts --force --mode dev --host",
+    "build": "run-s css build:vite css declaration",
+    "build:web": "vite build --config=vite.config.web.mts --mode production",
+    "web": "vite preview --config=vite.config.web.mts --host",
+    "dev:only": "vite --config=vite.config.web.mts --force --mode dev --host",
     "dev": "run-p css:watch dev:only",
     "build:vite": "vite build",
     "build:watch": "vite build --watch",
     "preview": "vite preview --host",
-    "icon": "node ./node_modules/svg2tsx/cli/index.js"
+    "icon//": "node ./node_modules/svg2tsx/cli/index.js"
   }
 }

package/tailwind.config.js

@@ -1,11 +1,11 @@
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-    content: ["./src/**/*.{html,tsx}"],
-    theme: {
-        extend: {
-
-        },
-    },
-    plugins: [],
-}
-
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+    content: ["./src/**/*.{html,tsx}"],
+    theme: {
+        extend: {
+
+        },
+    },
+    plugins: [],
+}
+

package/tsconfig.json

@@ -1,60 +1,62 @@
-{
-    "compilerOptions": {
-        "allowJs": false,
-        "allowSyntheticDefaultImports": true,
-        "allowUnreachableCode": false,
-        "allowUnusedLabels": false,
-        "alwaysStrict": true,
-        "declaration": true,
-        "declarationDir": "./dist/types",
-        "disableSizeLimit": true,
-        "esModuleInterop": false,
-        "forceConsistentCasingInFileNames": true,
-        // "importsNotUsedAsValues": "error",
-        "inlineSourceMap": false,
-        "inlineSources": false,
-        // "isolatedModules": true,
-        "jsx": "react-jsx",
-        "jsxImportSource": "woby",
-        "lib": [
-            "dom",
-            "esnext",
-            "WebWorker"
-        ],
-        "module": "esnext",
-        "moduleResolution": "node",
-        "newLine": "lf",
-        "noEmitOnError": false,
-        "noImplicitThis": true,
-        "noPropertyAccessFromIndexSignature": false,
-        "noUnusedLocals": false,
-        "noUnusedParameters": false,
-        "outDir": "dist",
-        "pretty": true,
-        "skipDefaultLibCheck": true,
-        "skipLibCheck": true,
-        "sourceMap": false,
-        "strict": true,
-        "strictBindCallApply": true,
-        "strictFunctionTypes": true,
-        "strictNullChecks": false,
-        "target": "es2020",
-        "useDefineForClassFields": false,
-        "useUnknownInCatchVariables": true,
-        "noImplicitAny": false,
-        "noUncheckedIndexedAccess": false,
-        "baseUrl": ".",
-        "rootDir": "./src",
-        "typeRoots": [
-            "types",
-            "voby/dist/types/jsx"
-        ],
-        // "tsBuildInfoFile": "./dist/tsconfig.tsbuildinfo",
-        // "composite": true,
-    },
-    "exclude": [
-        "node_modules",
-        "vite.config.ts",
-        "dist*"
-    ]
+// GENERATED via 'vite-plugin-tsconfig' - this should be automatically created and deleted inside the build process. 
+{
+    "compilerOptions": {
+        "allowJs": false,
+        "allowSyntheticDefaultImports": true,
+        "allowUnreachableCode": false,
+        "allowUnusedLabels": false,
+        "alwaysStrict": true,
+        "declaration": true,
+        "declarationDir": "./dist/types",
+        "disableSizeLimit": true,
+        "esModuleInterop": false,
+        "forceConsistentCasingInFileNames": true,
+        // "importsNotUsedAsValues": "error",
+        "inlineSourceMap": false,
+        "inlineSources": false,
+        // "isolatedModules": true,
+        "jsx": "react-jsx",
+        "jsxImportSource": "woby",
+        "lib": [
+            "dom",
+            "esnext",
+            "WebWorker"
+        ],
+        "module": "esnext",
+        "moduleResolution": "node",
+        "newLine": "lf",
+        "noEmitOnError": false,
+        "noImplicitThis": true,
+        "noPropertyAccessFromIndexSignature": false,
+        "noUnusedLocals": false,
+        "noUnusedParameters": false,
+        "outDir": "dist",
+        "pretty": true,
+        "skipDefaultLibCheck": true,
+        "skipLibCheck": true,
+        "sourceMap": false,
+        "strict": true,
+        "strictBindCallApply": true,
+        "strictFunctionTypes": true,
+        "strictNullChecks": false,
+        "target": "es2020",
+        "useDefineForClassFields": false,
+        "useUnknownInCatchVariables": true,
+        "noImplicitAny": false,
+        "noUncheckedIndexedAccess": false,
+        "baseUrl": ".",
+        "rootDir": "./src",
+        "typeRoots": [
+            "types",
+            "voby/dist/types/jsx"
+        ],
+        // "tsBuildInfoFile": "./dist/tsconfig.tsbuildinfo",
+        // "composite": true,
+    },
+    "exclude": [
+        "node_modules",
+        "vite.*.*ts",
+        "dist*",
+        "svgx"
+    ]
 }

package/tsconfig.tsbuildinfo

@@ -0,0 +1 @@
+{"root":["./src/tooltip.tsx","./src/index.tsx","./src/docs/index.tsx"],"version":"5.6.3"}

package/tsconfig.web.json

@@ -0,0 +1,61 @@
+{
+    "compilerOptions": {
+        "allowJs": false,
+        "allowSyntheticDefaultImports": true,
+        "allowUnreachableCode": false,
+        "allowUnusedLabels": false,
+        "alwaysStrict": true,
+        "declaration": true,
+        "declarationDir": "./dist/types",
+        "disableSizeLimit": true,
+        "esModuleInterop": false,
+        "forceConsistentCasingInFileNames": true,
+        // "importsNotUsedAsValues": "error",
+        "inlineSourceMap": false,
+        "inlineSources": false,
+        // "isolatedModules": true,
+        "jsx": "react-jsx",
+        "jsxImportSource": "woby",
+        "lib": [
+            "dom",
+            "esnext",
+            "WebWorker"
+        ],
+        "module": "esnext",
+        "moduleResolution": "node",
+        "newLine": "lf",
+        "noEmitOnError": false,
+        "noImplicitThis": true,
+        "noPropertyAccessFromIndexSignature": false,
+        "noUnusedLocals": false,
+        "noUnusedParameters": false,
+        "outDir": "dist",
+        "pretty": true,
+        "skipDefaultLibCheck": true,
+        "skipLibCheck": true,
+        "sourceMap": false,
+        "strict": true,
+        "strictBindCallApply": true,
+        "strictFunctionTypes": true,
+        "strictNullChecks": false,
+        "target": "es2020",
+        "useDefineForClassFields": false,
+        "useUnknownInCatchVariables": true,
+        "noImplicitAny": false,
+        "noUncheckedIndexedAccess": false,
+        "baseUrl": ".",
+        "rootDir": "./src",
+        "typeRoots": [
+            "types",
+            "voby/dist/types/jsx"
+        ],
+        // "tsBuildInfoFile": "./dist/tsconfig.tsbuildinfo",
+        // "composite": true,
+    },
+    "exclude": [
+        "node_modules",
+        "vite.*.*ts",
+        "dist*",
+        "svgx"
+    ]
+}

package/{vite.config.ts → vite.config.mts}

@@ -1,40 +1,40 @@
-import { defineConfig } from 'vite'
-import path from 'path'
-import dts from 'vite-plugin-dts'
-
-const config = defineConfig({
-    build: {
-        minify: false,
-        lib: {
-            entry: ["./src/lib/index.tsx"],
-            name: 'woby',
-            formats: ['cjs', 'es', 'umd'],
-            fileName: (format: string, entryName: string) => `${entryName}.${format}.js`
-        },
-        sourcemap: true,
-        rollupOptions: {
-            external: ['woby', 'woby/jsx-runtime', 'oby', 'woby/jsx-runtime'],
-            output: {
-                globals: {
-                    'woby': 'woby',
-                    'woby/jsx-runtime': 'woby/jsx-runtime',
-                }
-            }
-        }
-    },
-    esbuild: {
-        jsx: 'automatic',
-    },
-    plugins: [
-        dts({ entryRoot: './src/lib', outputDir: './dist/types' })
-    ],
-    resolve: {
-        alias: {
-            '~': path.resolve(__dirname, 'src'),
-        },
-    },
-})
-
-
-
-export default config
+import { defineConfig } from 'vite'
+import path from 'path'
+// import dts from 'vite-plugin-dts'
+
+const config = defineConfig({
+    build: {
+        minify: false,
+        lib: {
+            entry: ["./src/index.tsx"],
+            name: 'woby',
+            formats: [/*'cjs', '*/'es'/*, 'umd'*/],
+            fileName: (format: string, entryName: string) => `${entryName}.${format}.js`
+        },
+        sourcemap: true,
+        rollupOptions: {
+            external: ['woby', 'woby/jsx-runtime', 'oby', 'woby/jsx-runtime'],
+            output: {
+                globals: {
+                    'woby': 'woby',
+                    'woby/jsx-runtime': 'woby/jsx-runtime',
+                }
+            }
+        }
+    },
+    esbuild: {
+        jsx: 'automatic',
+    },
+    plugins: [
+        // dts({ entryRoot: './src/lib', outputDir: './dist/types' })
+    ],
+    resolve: {
+        alias: {
+            '~': path.resolve(__dirname, 'src'),
+        },
+    },
+})
+
+
+
+export default config

package/{vite.config.web.ts → vite.config.web.mts}

@@ -1,14 +1,16 @@
 import { defineConfig } from 'vite'
 import path from 'path'
+import tsconfig from 'vite-plugin-tsconfig'
+
 // import dts from 'vite-plugin-dts'
 
 const config = defineConfig({
     build: {
         minify: false,
         lib: {
-            entry: ["./index.html"],
-            name: "woby-power-tooltip",
-            formats: ['cjs', 'es', 'umd'],
+            entry: ["index.html"],
+            name: "woby-tooltip",
+            formats: [/*'cjs', '*/'es'/*, 'umd'*/],
             fileName: (format: string, entryName: string) => `${entryName}.${format}.js`
         },
         outDir: './build',
@@ -19,13 +21,13 @@ const config = defineConfig({
     },
     plugins: [
         // dts({ entryRoot: './src', outputDir: './dist/types' })
+        tsconfig({ filename: 'tsconfig.web.json' })
     ],
     resolve: {
         alias: {
             '~': path.resolve(__dirname, 'src'),
-            'woby/jsx-dev-runtime': process.argv.includes('dev') ? path.resolve('../woby/src/jsx/runtime') : 'woby', //'woby/jsx-dev-runtime',
-            'woby/jsx-runtime': process.argv.includes('dev') ? path.resolve('../woby/src/jsx/runtime') : 'woby', //'woby/jsx-runtime',
-            'woby': process.argv.includes('dev') ? path.resolve('../woby/src') : 'woby'
+            'woby/jsx-dev-runtime': 'woby',
+            'woby/jsx-runtime': 'woby',
         },
     },
 })