woby-tooltip 1.0.5 → 1.0.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +99 -212
- package/build/index.es.js +2756 -0
- package/build/index.html +21 -0
- package/{dist → build}/style.css +246 -691
- package/dist/index.es.js +211 -389
- package/dist/index.es.js.map +1 -1
- package/dist/output.css +246 -691
- package/dist/types/Tooltip.d.ts +8 -47
- package/dist/types/Tooltip.d.ts.map +1 -1
- package/dist/types/index.d.ts +0 -1
- package/dist/types/index.d.ts.map +1 -1
- package/package.json +14 -13
- package/tsconfig.json +1 -1
- package/tsconfig.tsbuildinfo +1 -0
- package/vite.config.web.mts +2 -2
- package/dist/types/Arrow.d.ts +0 -8
- package/dist/types/Arrow.d.ts.map +0 -1
- package/dist/types/AutoTooltip.d.ts +0 -7
- package/dist/types/AutoTooltip.d.ts.map +0 -1
- package/dist/types/TextBox.d.ts +0 -49
- package/dist/types/TextBox.d.ts.map +0 -1
- package/dist/types/assets/arrow-down.d.ts +0 -4
- package/dist/types/assets/arrow-down.d.ts.map +0 -1
- package/dist/types/assets/arrow-up.d.ts +0 -4
- package/dist/types/assets/arrow-up.d.ts.map +0 -1
- package/dist/types/assets/logo.d.ts +0 -4
- package/dist/types/assets/logo.d.ts.map +0 -1
package/dist/types/Tooltip.d.ts
CHANGED
@@ -1,49 +1,10 @@
|
|
1
|
-
import { ObservableMaybe,
|
2
|
-
|
3
|
-
|
4
|
-
export
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
lineSeparated?: ObservableMaybe<boolean | string>;
|
9
|
-
position?: ObservableMaybe<string>;
|
10
|
-
/** tailwind */
|
11
|
-
hoverBackground?: ObservableMaybe<string>;
|
12
|
-
/** tailwind */
|
13
|
-
backgroundColor?: ObservableMaybe<string>;
|
14
|
-
arrowAlign?: ObservableMaybe<Align>;
|
15
|
-
moveDown?: ObservableMaybe<string>;
|
16
|
-
moveRight?: ObservableMaybe<string>;
|
17
|
-
moveLeft?: ObservableMaybe<string>;
|
18
|
-
moveUp?: ObservableMaybe<string>;
|
19
|
-
textAlign?: ObservableMaybe<string>;
|
20
|
-
fontFamily?: ObservableMaybe<string>;
|
21
|
-
fontWeight?: ObservableMaybe<string>;
|
22
|
-
/** tailwind */
|
23
|
-
fontSize?: ObservableMaybe<string>;
|
24
|
-
/** tailwind */
|
25
|
-
color?: ObservableMaybe<string>;
|
26
|
-
animation?: ObservableMaybe<string>;
|
27
|
-
zIndex?: ObservableMaybe<string>;
|
28
|
-
flat?: ObservableMaybe<boolean>;
|
29
|
-
show?: ObservableMaybe<boolean>;
|
30
|
-
/** tailwind */
|
31
|
-
hoverColor?: ObservableMaybe<string>;
|
32
|
-
/** no tailwind */
|
33
|
-
textboxWidth?: ObservableMaybe<string>;
|
34
|
-
/** tailwind */
|
35
|
-
padding?: ObservableMaybe<string>;
|
36
|
-
/** tailwind */
|
37
|
-
borderRadius?: ObservableMaybe<string>;
|
38
|
-
shadowColor?: ObservableMaybe<string>;
|
39
|
-
shadowShape?: ObservableMaybe<string>;
|
1
|
+
import { ObservableMaybe, type JSX } from 'woby';
|
2
|
+
export declare const Tooltip: ({ children, class: cls, className, ...props }: JSX.HTMLAttributes<HTMLDivElement>) => JSX.Child;
|
3
|
+
export type PositionType = 'top' | 'right' | 'bottom' | 'left';
|
4
|
+
export declare const TooltipContent: ({ children, style, class: cls, className, static: st, position, arrowLocation, arrowSize, ...props }: JSX.HTMLAttributes<HTMLDivElement> & {
|
5
|
+
position?: ObservableMaybe<PositionType>;
|
6
|
+
arrowLocation?: ObservableMaybe<string | number>;
|
7
|
+
arrowSize?: ObservableMaybe<string | number>;
|
40
8
|
static?: ObservableMaybe<boolean>;
|
41
|
-
|
42
|
-
children?: JSX.Element;
|
43
|
-
};
|
44
|
-
export declare const Tooltip: <T extends HTMLElement>(properties?: TooltipType & JSX.HTMLAttributes<HTMLDivElement> & {
|
45
|
-
parentRef?: Observable<HTMLElement>;
|
46
|
-
parent?: JSX.Child;
|
47
|
-
containerClass?: JSX.Class;
|
48
|
-
}) => JSX.Element;
|
9
|
+
}) => JSX.Child;
|
49
10
|
//# sourceMappingURL=Tooltip.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,eAAe,
|
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
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "woby-tooltip",
|
3
|
-
"version": "1.0.
|
3
|
+
"version": "1.0.10",
|
4
4
|
"description": "A powerful tooltip and menu component library for woby.",
|
5
5
|
"main": "./dist/index.cjs.js",
|
6
6
|
"module": "./dist/index.es.js",
|
@@ -15,16 +15,17 @@
|
|
15
15
|
],
|
16
16
|
"license": "MIT",
|
17
17
|
"peerDependencies": {
|
18
|
-
"woby": "0.58.
|
18
|
+
"woby": "0.58.7",
|
19
|
+
"woby-styled": "1.0.13",
|
20
|
+
"use-woby": "0.0.16"
|
19
21
|
},
|
20
22
|
"devDependencies": {
|
21
|
-
"concurrently": "^
|
22
|
-
"puppeteer": "^
|
23
|
+
"concurrently": "^9.0.1",
|
24
|
+
"puppeteer": "^23.6.0",
|
23
25
|
"style-loader": "^4.0.0",
|
24
|
-
"tailwindcss": "^3.4.
|
25
|
-
"vite": "^5.
|
26
|
-
"vite-plugin-tsconfig": "^1.0.5"
|
27
|
-
"svg2tsx": "1.0.2"
|
26
|
+
"tailwindcss": "^3.4.14",
|
27
|
+
"vite": "^5.4.10",
|
28
|
+
"vite-plugin-tsconfig": "^1.0.5"
|
28
29
|
},
|
29
30
|
"author": "Chi Chong <wongchichong@gmail.com>",
|
30
31
|
"homepage": "https://github.com/wongchichong/woby-tooltip",
|
@@ -33,7 +34,7 @@
|
|
33
34
|
"url": "git@github.com:wongchichong/woby-tooltip.git"
|
34
35
|
},
|
35
36
|
"dependencies": {
|
36
|
-
"typescript": "5.
|
37
|
+
"typescript": "5.6.3"
|
37
38
|
},
|
38
39
|
"scripts": {
|
39
40
|
"git": "git add . && git commit -m \"Bump version\" && git push",
|
@@ -46,13 +47,13 @@
|
|
46
47
|
"declaration:watch": "tsc --build --force --declaration --emitDeclarationOnly --declarationMap --verbose --watch",
|
47
48
|
"watch": "run-p build:watch css:watch",
|
48
49
|
"build": "run-s css build:vite css declaration",
|
49
|
-
"build:web": "vite build --config=vite.config.web.
|
50
|
-
"web": "vite preview --config=vite.config.web.
|
51
|
-
"dev:only": "vite --config=vite.config.web.
|
50
|
+
"build:web": "vite build --config=vite.config.web.mts --mode production",
|
51
|
+
"web": "vite preview --config=vite.config.web.mts --host",
|
52
|
+
"dev:only": "vite --config=vite.config.web.mts --force --mode dev --host",
|
52
53
|
"dev": "run-p css:watch dev:only",
|
53
54
|
"build:vite": "vite build",
|
54
55
|
"build:watch": "vite build --watch",
|
55
56
|
"preview": "vite preview --host",
|
56
|
-
"icon": "node ./node_modules/svg2tsx/cli/index.js"
|
57
|
+
"icon//": "node ./node_modules/svg2tsx/cli/index.js"
|
57
58
|
}
|
58
59
|
}
|
package/tsconfig.json
CHANGED
@@ -1,3 +1,4 @@
|
|
1
|
+
// GENERATED via 'vite-plugin-tsconfig' - this should be automatically created and deleted inside the build process.
|
1
2
|
{
|
2
3
|
"compilerOptions": {
|
3
4
|
"allowJs": false,
|
@@ -56,7 +57,6 @@
|
|
56
57
|
"node_modules",
|
57
58
|
"vite.*.*ts",
|
58
59
|
"dist*",
|
59
|
-
"src/docs",
|
60
60
|
"svgx"
|
61
61
|
]
|
62
62
|
}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"root":["./src/tooltip.tsx","./src/index.tsx","./src/docs/index.tsx"],"version":"5.6.3"}
|
package/vite.config.web.mts
CHANGED
@@ -9,7 +9,7 @@ const config = defineConfig({
|
|
9
9
|
minify: false,
|
10
10
|
lib: {
|
11
11
|
entry: ["index.html"],
|
12
|
-
name: "woby-
|
12
|
+
name: "woby-tooltip",
|
13
13
|
formats: [/*'cjs', '*/'es'/*, 'umd'*/],
|
14
14
|
fileName: (format: string, entryName: string) => `${entryName}.${format}.js`
|
15
15
|
},
|
@@ -21,7 +21,7 @@ const config = defineConfig({
|
|
21
21
|
},
|
22
22
|
plugins: [
|
23
23
|
// dts({ entryRoot: './src', outputDir: './dist/types' })
|
24
|
-
tsconfig({filename:'tsconfig.web.
|
24
|
+
tsconfig({ filename: 'tsconfig.web.json' })
|
25
25
|
],
|
26
26
|
resolve: {
|
27
27
|
alias: {
|
package/dist/types/Arrow.d.ts
DELETED
@@ -1,8 +0,0 @@
|
|
1
|
-
import { ObservableMaybe, type JSX } from 'woby';
|
2
|
-
export declare const Arrow: ({ isHovered, hovBkg, bkgCol, flat }: {
|
3
|
-
isHovered: ObservableMaybe<boolean>;
|
4
|
-
hovBkg: ObservableMaybe<string>;
|
5
|
-
bkgCol: ObservableMaybe<string>;
|
6
|
-
flat?: ObservableMaybe<boolean>;
|
7
|
-
}) => JSX.Element;
|
8
|
-
//# sourceMappingURL=Arrow.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Arrow.d.ts","sourceRoot":"","sources":["../../src/Arrow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAM,eAAe,EAAW,KAAK,GAAG,EAAE,MAAM,MAAM,CAAA;AAG7D,eAAO,MAAM,KAAK,wCAAyC;IAAE,SAAS,EAAE,gBAAgB,OAAO,CAAC,CAAC;IAAC,MAAM,EAAE,gBAAgB,MAAM,CAAC,CAAC;IAAC,MAAM,EAAE,gBAAgB,MAAM,CAAC,CAAC;IAAC,IAAI,CAAC,EAAE,gBAAgB,OAAO,CAAC,CAAA;CAAE,KAAG,WAMvM,CAAA"}
|
@@ -1,7 +0,0 @@
|
|
1
|
-
import '../../dist/output.css';
|
2
|
-
import { Observable, type JSX } from 'woby';
|
3
|
-
import { TooltipType } from './Tooltip';
|
4
|
-
export declare const AutoTooltip: <T extends HTMLElement>({ children, parent, ...properties }?: TooltipType & {
|
5
|
-
parent?: Observable<T>;
|
6
|
-
}) => JSX.Element;
|
7
|
-
//# sourceMappingURL=AutoTooltip.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"AutoTooltip.d.ts","sourceRoot":"","sources":["../../src/AutoTooltip.tsx"],"names":[],"mappings":"AACA,OAAO,uBAAuB,CAAA;AAE9B,OAAO,EAAS,UAAU,EAAa,KAAK,GAAG,EAAE,MAAM,MAAM,CAAA;AAC7D,OAAO,EAAW,WAAW,EAAE,MAAM,WAAW,CAAA;AAGhD,eAAO,MAAM,WAAW,gEAAiE,WAAW,GAAG;IAAE,MAAM,CAAC,EAAE,WAAW,CAAC,CAAC,CAAA;CAAE,KAAQ,WAoBxI,CAAA"}
|
package/dist/types/TextBox.d.ts
DELETED
@@ -1,49 +0,0 @@
|
|
1
|
-
import { Child, Observable, ObservableMaybe, type JSX } from 'woby';
|
2
|
-
type _Align = 'start' | 'end' | 'center' | 'bottom' | 'top' | 'right' | 'left';
|
3
|
-
export type Align = _Align | `v-${_Align}` | `h-${_Align}`;
|
4
|
-
export type Side = 'bottom' | 'top' | 'left' | 'right';
|
5
|
-
export declare const isSide: (side: ObservableMaybe<Side>, str: Side) => boolean;
|
6
|
-
export declare const isAlign: (align: ObservableMaybe<Align>, str: Align) => boolean;
|
7
|
-
export declare const isAlignA: (position: any, str: string) => boolean;
|
8
|
-
type TextboxType = {
|
9
|
-
hoverBackground?: ObservableMaybe<string>;
|
10
|
-
backgroundColor?: ObservableMaybe<string>;
|
11
|
-
arrowAlign?: ObservableMaybe<Align>;
|
12
|
-
moveDown?: ObservableMaybe<string>;
|
13
|
-
moveRight?: ObservableMaybe<string>;
|
14
|
-
moveLeft?: ObservableMaybe<string>;
|
15
|
-
color?: ObservableMaybe<string>;
|
16
|
-
animation?: ObservableMaybe<string>;
|
17
|
-
zIndex?: ObservableMaybe<string>;
|
18
|
-
flat?: ObservableMaybe<boolean>;
|
19
|
-
show?: ObservableMaybe<boolean>;
|
20
|
-
hoverColor?: ObservableMaybe<string>;
|
21
|
-
/** no tailwind */
|
22
|
-
textboxWidth?: ObservableMaybe<string>;
|
23
|
-
/** no tailwind */
|
24
|
-
padding?: ObservableMaybe<string>;
|
25
|
-
/** tailwind */
|
26
|
-
borderRadius?: ObservableMaybe<string>;
|
27
|
-
shadowColor?: ObservableMaybe<string>;
|
28
|
-
shadowShape?: ObservableMaybe<string>;
|
29
|
-
static?: ObservableMaybe<boolean>;
|
30
|
-
alert?: ObservableMaybe<string>;
|
31
|
-
hoverArrow: Observable<boolean>;
|
32
|
-
arw: ObservableMaybe<Align>;
|
33
|
-
pos: {
|
34
|
-
side: ObservableMaybe<Side>;
|
35
|
-
align: ObservableMaybe<Align>;
|
36
|
-
};
|
37
|
-
/** tailwind border-b-*/
|
38
|
-
lines: ObservableMaybe<string>;
|
39
|
-
move: {
|
40
|
-
down: number;
|
41
|
-
up: number;
|
42
|
-
left: number;
|
43
|
-
right: number;
|
44
|
-
};
|
45
|
-
children?: Child;
|
46
|
-
};
|
47
|
-
export declare const TextBox: (props: TextboxType & JSX.HTMLAttributes<HTMLDivElement>) => JSX.Element;
|
48
|
-
export {};
|
49
|
-
//# sourceMappingURL=TextBox.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"TextBox.d.ts","sourceRoot":"","sources":["../../src/TextBox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,EAAW,UAAU,EAAE,eAAe,EAAc,KAAK,GAAG,EAAE,MAAM,MAAM,CAAA;AAG1G,KAAK,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,CAAA;AAC9E,MAAM,MAAM,KAAK,GAAG,MAAM,GAAG,KAAK,MAAM,EAAE,GAAG,KAAK,MAAM,EAAE,CAAA;AAC1D,MAAM,MAAM,IAAI,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,CAAA;AAEtD,eAAO,MAAM,MAAM,SAAU,gBAAgB,IAAI,CAAC,OAAO,IAAI,YAAqB,CAAA;AAClF,eAAO,MAAM,OAAO,UAAW,gBAAgB,KAAK,CAAC,OAAO,KAAK,YAAsB,CAAA;AACvF,eAAO,MAAM,QAAQ,uBAAmB,MAAM,YAAyB,CAAA;AAEvE,KAAK,WAAW,GAAG;IAGf,eAAe,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAAC,eAAe,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAAC,UAAU,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;IAC1H,QAAQ,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAAC,SAAS,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAAC,QAAQ,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAG5G,KAAK,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAAC,SAAS,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAAC,MAAM,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAAC,IAAI,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IAAC,IAAI,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IACzK,UAAU,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IACrC,kBAAkB;IAClB,YAAY,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IACvC,kBAAkB;IAClB,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAClC,eAAe;IACf,YAAY,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAAC,WAAW,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAAC,WAAW,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IACrH,MAAM,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IAAC,KAAK,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAEnE,UAAU,EAAE,UAAU,CAAC,OAAO,CAAC,CAAA;IAE/B,GAAG,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;IAC5B,GAAG,EAAE;QACD,IAAI,EAAE,eAAe,CAAC,IAAI,CAAC,CAAA;QAC3B,KAAK,EAAE,eAAe,CAAC,KAAK,CAAC,CAAA;KAChC,CAAC;IACF,wBAAwB;IACxB,KAAK,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC/B,IAAI,EAAE;QACF,IAAI,EAAE,MAAM,CAAA;QACZ,EAAE,EAAE,MAAM,CAAA;QACV,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,EAAE,MAAM,CAAA;KAChB,CAAC;IACF,QAAQ,CAAC,EAAE,KAAK,CAAA;CACnB,CAAA;AAGD,eAAO,MAAM,OAAO,UAAW,WAAW,GAAG,IAAI,cAAc,CAAC,cAAc,CAAC,KAAG,WA4MjF,CAAA"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"arrow-down.d.ts","sourceRoot":"","sources":["../../../src/assets/arrow-down.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,MAAM,CAAA;gCACR,IAAI,aAAa,CAAC,UAAU,CAAC;AAApD,wBAEM"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"arrow-up.d.ts","sourceRoot":"","sources":["../../../src/assets/arrow-up.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,MAAM,CAAA;gCACR,IAAI,aAAa,CAAC,UAAU,CAAC;AAApD,wBAEM"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"logo.d.ts","sourceRoot":"","sources":["../../../src/assets/logo.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,MAAM,CAAA;gCACR,IAAI,aAAa,CAAC,UAAU,CAAC;AAApD,wBAeM"}
|