@furystack/shades 7.2.1 → 7.2.3
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/dist/components/route-link.js +8 -1
- package/dist/components/route-link.js.map +1 -1
- package/dist/components/route-link.spec.js +1 -1
- package/dist/components/route-link.spec.js.map +1 -1
- package/package.json +4 -5
- package/src/components/route-link.spec.tsx +1 -1
- package/src/components/route-link.tsx +9 -6
- package/types/components/route-link.d.ts +2 -2
- package/types/components/route-link.d.ts.map +1 -1
|
@@ -6,16 +6,23 @@ const services_1 = require("../services");
|
|
|
6
6
|
const __1 = require("..");
|
|
7
7
|
exports.RouteLink = (0, shade_1.Shade)({
|
|
8
8
|
shadowDomName: 'route-link',
|
|
9
|
+
elementBase: HTMLAnchorElement,
|
|
10
|
+
elementBaseName: 'a',
|
|
9
11
|
render: ({ children, props, injector, element }) => {
|
|
10
12
|
(0, __1.attachProps)(element, {
|
|
11
13
|
...props,
|
|
14
|
+
style: {
|
|
15
|
+
color: 'inherit',
|
|
16
|
+
textDecoration: 'inherit',
|
|
17
|
+
...props.style,
|
|
18
|
+
},
|
|
12
19
|
onclick: (ev) => {
|
|
13
20
|
ev.preventDefault();
|
|
14
21
|
history.pushState('', props.title || '', props.href);
|
|
15
22
|
injector.getInstance(services_1.LocationService).updateState();
|
|
16
23
|
},
|
|
17
24
|
});
|
|
18
|
-
return (
|
|
25
|
+
return (0, __1.createComponent)(__1.createComponent, null, children);
|
|
19
26
|
},
|
|
20
27
|
});
|
|
21
28
|
//# sourceMappingURL=route-link.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"route-link.js","sourceRoot":"","sources":["../../src/components/route-link.tsx"],"names":[],"mappings":";;;AAAA,oCAAgC;AAEhC,0CAA6C;AAC7C,0BAAiD;AAIpC,QAAA,SAAS,GAAG,IAAA,aAAK,EAAiB;IAC7C,aAAa,EAAE,YAAY;IAC3B,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;QACjD,IAAA,eAAW,EAAC,OAAO,EAAE;YACnB,GAAG,KAAK;YACR,OAAO,EAAE,CAAC,EAAc,EAAE,EAAE;gBAC1B,EAAE,CAAC,cAAc,EAAE,CAAA;gBACnB,OAAO,CAAC,SAAS,CAAC,EAAE,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,CAAA;gBACpD,QAAQ,CAAC,WAAW,CAAC,0BAAe,CAAC,CAAC,WAAW,EAAE,CAAA;YACrD,CAAC;SACF,CAAC,CAAA;QACF,OAAO,
|
|
1
|
+
{"version":3,"file":"route-link.js","sourceRoot":"","sources":["../../src/components/route-link.tsx"],"names":[],"mappings":";;;AAAA,oCAAgC;AAEhC,0CAA6C;AAC7C,0BAAiD;AAIpC,QAAA,SAAS,GAAG,IAAA,aAAK,EAAiB;IAC7C,aAAa,EAAE,YAAY;IAC3B,WAAW,EAAE,iBAAiB;IAC9B,eAAe,EAAE,GAAG;IACpB,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;QACjD,IAAA,eAAW,EAAC,OAAO,EAAE;YACnB,GAAG,KAAK;YACR,KAAK,EAAE;gBACL,KAAK,EAAE,SAAS;gBAChB,cAAc,EAAE,SAAS;gBACzB,GAAG,KAAK,CAAC,KAAK;aACf;YACD,OAAO,EAAE,CAAC,EAAc,EAAE,EAAE;gBAC1B,EAAE,CAAC,cAAc,EAAE,CAAA;gBACnB,OAAO,CAAC,SAAS,CAAC,EAAE,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,CAAA;gBACpD,QAAQ,CAAC,WAAW,CAAC,0BAAe,CAAC,CAAC,WAAW,EAAE,CAAA;YACrD,CAAC;SACF,CAAC,CAAA;QACF,OAAO,oDAAG,QAAQ,CAAI,CAAA;IACxB,CAAC;CACF,CAAC,CAAA"}
|
|
@@ -19,7 +19,7 @@ describe('RouteLink', () => {
|
|
|
19
19
|
rootElement,
|
|
20
20
|
jsxElement: ((0, __1.createComponent)(route_link_1.RouteLink, { id: "route", href: "/subroute" }, "Link")),
|
|
21
21
|
});
|
|
22
|
-
expect(document.body.innerHTML).toBe('<div id="root"><route-link id="route"
|
|
22
|
+
expect(document.body.innerHTML).toBe('<div id="root"><a is="route-link" id="route" href="/subroute" style="text-decoration: inherit;">Link</a></div>');
|
|
23
23
|
expect(onRouteChange).not.toBeCalled();
|
|
24
24
|
document.getElementById('route')?.click();
|
|
25
25
|
expect(onRouteChange).toBeCalledTimes(1);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"route-link.spec.js","sourceRoot":"","sources":["../../src/components/route-link.spec.tsx"],"names":[],"mappings":";;AAAA,+BAA+C;AAE/C,MAAM,CAAC,WAAW,GAAG,kBAAW,CAAA;AAChC,MAAM,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAEvC,8CAA4C;AAC5C,6CAAwC;AACxC,0BAA0E;AAE1E,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,GAAG,uBAAuB,CAAC,CAAC,CAAA;IACrE,SAAS,CAAC,GAAG,EAAE,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC,CAAC,CAAA;IAE/C,EAAE,CAAC,8CAA8C,EAAE,KAAK,IAAI,EAAE;QAC5D,MAAM,QAAQ,GAAG,IAAI,iBAAQ,EAAE,CAAA;QAC/B,MAAM,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAmB,CAAA;QAErE,MAAM,aAAa,GAAG,IAAI,CAAC,EAAE,EAAE,CAAA;QAE/B,QAAQ,CAAC,WAAW,CAAC,mBAAe,CAAC,CAAC,qBAAqB,CAAC,SAAS,CAAC,aAAa,CAAC,CAAA;QAEpF,IAAA,uBAAmB,EAAC;YAClB,QAAQ;YACR,WAAW;YACX,UAAU,EAAE,CACV,yBAAC,sBAAS,IAAC,EAAE,EAAC,OAAO,EAAC,IAAI,EAAC,WAAW,WAE1B,CACb;SACF,CAAC,CAAA;QACF,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,CAClC,
|
|
1
|
+
{"version":3,"file":"route-link.spec.js","sourceRoot":"","sources":["../../src/components/route-link.spec.tsx"],"names":[],"mappings":";;AAAA,+BAA+C;AAE/C,MAAM,CAAC,WAAW,GAAG,kBAAW,CAAA;AAChC,MAAM,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAEvC,8CAA4C;AAC5C,6CAAwC;AACxC,0BAA0E;AAE1E,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,GAAG,uBAAuB,CAAC,CAAC,CAAA;IACrE,SAAS,CAAC,GAAG,EAAE,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC,CAAC,CAAA;IAE/C,EAAE,CAAC,8CAA8C,EAAE,KAAK,IAAI,EAAE;QAC5D,MAAM,QAAQ,GAAG,IAAI,iBAAQ,EAAE,CAAA;QAC/B,MAAM,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAmB,CAAA;QAErE,MAAM,aAAa,GAAG,IAAI,CAAC,EAAE,EAAE,CAAA;QAE/B,QAAQ,CAAC,WAAW,CAAC,mBAAe,CAAC,CAAC,qBAAqB,CAAC,SAAS,CAAC,aAAa,CAAC,CAAA;QAEpF,IAAA,uBAAmB,EAAC;YAClB,QAAQ;YACR,WAAW;YACX,UAAU,EAAE,CACV,yBAAC,sBAAS,IAAC,EAAE,EAAC,OAAO,EAAC,IAAI,EAAC,WAAW,WAE1B,CACb;SACF,CAAC,CAAA;QACF,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,CAClC,gHAAgH,CACjH,CAAA;QACD,MAAM,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,UAAU,EAAE,CAAA;QACtC,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,CAAA;QACzC,MAAM,CAAC,aAAa,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAA;IAC1C,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@furystack/shades",
|
|
3
|
-
"version": "7.2.
|
|
3
|
+
"version": "7.2.3",
|
|
4
4
|
"description": "Google Authentication Provider for FuryStack",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"files": [
|
|
@@ -31,13 +31,12 @@
|
|
|
31
31
|
"devDependencies": {
|
|
32
32
|
"@types/jest": "^29.5.0",
|
|
33
33
|
"@types/jsdom": "^21.1.1",
|
|
34
|
-
"@types/node": "^18.15.
|
|
34
|
+
"@types/node": "^18.15.11",
|
|
35
35
|
"jsdom": "^21.1.1"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@furystack/
|
|
39
|
-
"@furystack/
|
|
40
|
-
"@furystack/rest": "^4.1.15",
|
|
38
|
+
"@furystack/inject": "^7.1.8",
|
|
39
|
+
"@furystack/rest": "^4.1.17",
|
|
41
40
|
"@furystack/utils": "^3.1.7",
|
|
42
41
|
"path-to-regexp": "^6.2.1",
|
|
43
42
|
"semaphore-async-await": "^1.5.1"
|
|
@@ -29,7 +29,7 @@ describe('RouteLink', () => {
|
|
|
29
29
|
),
|
|
30
30
|
})
|
|
31
31
|
expect(document.body.innerHTML).toBe(
|
|
32
|
-
'<div id="root"><route-link id="route"
|
|
32
|
+
'<div id="root"><a is="route-link" id="route" href="/subroute" style="text-decoration: inherit;">Link</a></div>',
|
|
33
33
|
)
|
|
34
34
|
expect(onRouteChange).not.toBeCalled()
|
|
35
35
|
document.getElementById('route')?.click()
|
|
@@ -3,23 +3,26 @@ import type { PartialElement } from '../models'
|
|
|
3
3
|
import { LocationService } from '../services'
|
|
4
4
|
import { attachProps, createComponent } from '..'
|
|
5
5
|
|
|
6
|
-
export type RouteLinkProps = PartialElement<HTMLAnchorElement
|
|
6
|
+
export type RouteLinkProps = PartialElement<Omit<HTMLAnchorElement, 'onclick'>>
|
|
7
7
|
|
|
8
8
|
export const RouteLink = Shade<RouteLinkProps>({
|
|
9
9
|
shadowDomName: 'route-link',
|
|
10
|
+
elementBase: HTMLAnchorElement,
|
|
11
|
+
elementBaseName: 'a',
|
|
10
12
|
render: ({ children, props, injector, element }) => {
|
|
11
13
|
attachProps(element, {
|
|
12
14
|
...props,
|
|
15
|
+
style: {
|
|
16
|
+
color: 'inherit',
|
|
17
|
+
textDecoration: 'inherit',
|
|
18
|
+
...props.style,
|
|
19
|
+
},
|
|
13
20
|
onclick: (ev: MouseEvent) => {
|
|
14
21
|
ev.preventDefault()
|
|
15
22
|
history.pushState('', props.title || '', props.href)
|
|
16
23
|
injector.getInstance(LocationService).updateState()
|
|
17
24
|
},
|
|
18
25
|
})
|
|
19
|
-
return
|
|
20
|
-
<a href={props.href} style={{ color: 'inherit', textDecoration: 'inherit' }} onclick={(e) => e.preventDefault()}>
|
|
21
|
-
{children}
|
|
22
|
-
</a>
|
|
23
|
-
)
|
|
26
|
+
return <>{children}</>
|
|
24
27
|
},
|
|
25
28
|
})
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { PartialElement } from '../models';
|
|
2
|
-
export type RouteLinkProps = PartialElement<HTMLAnchorElement
|
|
3
|
-
export declare const RouteLink: (props: Omit<Partial<HTMLAnchorElement
|
|
2
|
+
export type RouteLinkProps = PartialElement<Omit<HTMLAnchorElement, 'onclick'>>;
|
|
3
|
+
export declare const RouteLink: (props: Omit<Partial<Omit<HTMLAnchorElement, "onclick">>, "style"> & {
|
|
4
4
|
style?: Partial<CSSStyleDeclaration> | undefined;
|
|
5
5
|
}, children: import("..").ChildrenList) => JSX.Element<any>;
|
|
6
6
|
//# sourceMappingURL=route-link.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"route-link.d.ts","sourceRoot":"","sources":["../../src/components/route-link.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAI/C,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,iBAAiB,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"route-link.d.ts","sourceRoot":"","sources":["../../src/components/route-link.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAI/C,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC,CAAA;AAE/E,eAAO,MAAM,SAAS;;2DAoBpB,CAAA"}
|