@common-stack/components-pro 0.5.1 → 0.5.17
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/lib/slot-fill/base/fill.d.ts +2 -2
- package/lib/slot-fill/base/fill.js +15 -4
- package/lib/slot-fill/base/fill.js.map +1 -1
- package/lib/slot-fill/base/provider.d.ts +3 -2
- package/lib/slot-fill/base/provider.js +4 -0
- package/lib/slot-fill/base/provider.js.map +1 -1
- package/lib/slot-fill/base/slot.d.ts +2 -1
- package/lib/slot-fill/base/slot.js +21 -6
- package/lib/slot-fill/base/slot.js.map +1 -1
- package/lib/slot-fill/bubbles-virtually/slot-fill-provider.d.ts +2 -1
- package/lib/slot-fill/index.d.ts +5 -5
- package/lib/slot-fill/index.native.d.ts +4 -3
- package/lib/slot-fill/interfaces/index.d.ts +7 -2
- package/package.json +2 -2
|
@@ -4,7 +4,7 @@ export declare namespace IFillComponent {
|
|
|
4
4
|
interface Props extends IFillProps, Partial<IContext> {
|
|
5
5
|
}
|
|
6
6
|
}
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
type IFillComponentProps<T = IFillProps> = T;
|
|
8
|
+
type IFillComponent<T = IFillProps> = FC<IFillComponentProps<T>>;
|
|
9
9
|
declare const Fill: IFillComponent;
|
|
10
10
|
export default Fill;
|
|
@@ -27,13 +27,24 @@ const react_1 = __importStar(require("react"));
|
|
|
27
27
|
const react_dom_1 = require("react-dom");
|
|
28
28
|
const context_1 = require("./context");
|
|
29
29
|
const use_slot_1 = require("./use-slot");
|
|
30
|
-
const FillComponent = ({ name, children, registerFill, unregisterFill }) => {
|
|
30
|
+
const FillComponent = ({ name, children, registerFill, unregisterFill, serverMode }) => {
|
|
31
31
|
const slot = (0, use_slot_1.useSlot)(name);
|
|
32
|
+
let useLayoutEffect;
|
|
33
|
+
if (serverMode) {
|
|
34
|
+
useLayoutEffect = (args) => { };
|
|
35
|
+
if (!!name && !!children) {
|
|
36
|
+
registerFill(name, children);
|
|
37
|
+
}
|
|
38
|
+
return null;
|
|
39
|
+
}
|
|
40
|
+
else {
|
|
41
|
+
useLayoutEffect = react_1.default.useLayoutEffect;
|
|
42
|
+
}
|
|
32
43
|
const ref = (0, react_1.useRef)({
|
|
33
44
|
name,
|
|
34
45
|
children,
|
|
35
46
|
});
|
|
36
|
-
|
|
47
|
+
useLayoutEffect(() => {
|
|
37
48
|
const refValue = ref.current;
|
|
38
49
|
registerFill(name, refValue);
|
|
39
50
|
return () => unregisterFill(name, refValue);
|
|
@@ -41,7 +52,7 @@ const FillComponent = ({ name, children, registerFill, unregisterFill }) => {
|
|
|
41
52
|
// We'll leave them as-is until a more detailed investigation/refactor can be performed.
|
|
42
53
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
43
54
|
}, []);
|
|
44
|
-
|
|
55
|
+
useLayoutEffect(() => {
|
|
45
56
|
ref.current.children = children;
|
|
46
57
|
if (slot) {
|
|
47
58
|
slot.forceUpdate();
|
|
@@ -50,7 +61,7 @@ const FillComponent = ({ name, children, registerFill, unregisterFill }) => {
|
|
|
50
61
|
// We'll leave them as-is until a more detailed investigation/refactor can be performed.
|
|
51
62
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
52
63
|
}, [children]);
|
|
53
|
-
|
|
64
|
+
useLayoutEffect(() => {
|
|
54
65
|
if (name === ref.current.name) {
|
|
55
66
|
// ignore initial effect
|
|
56
67
|
return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fill.js","sourceRoot":"","sources":["../../../src/slot-fill/base/fill.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"fill.js","sourceRoot":"","sources":["../../../src/slot-fill/base/fill.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,yCAAyC;AACzC,uCAAqC;AAErC,yCAAqC;AAKrC,MAAM,aAAa,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,cAAc,EAAE,UAAU,EAAyB,EAAE,EAAE;IAC1G,MAAM,IAAI,GAAG,IAAA,kBAAO,EAAC,IAAI,CAAC,CAAC;IAC3B,IAAI,eAAe,CAAC;IAEpB,IAAI,UAAU,EAAE;QACZ,eAAe,GAAG,CAAC,IAAI,EAAE,EAAE,GAAE,CAAC,CAAC;QAC/B,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,QAAQ,EAAE;YACtB,YAAY,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;SAChC;QACD,OAAO,IAAI,CAAC;KACf;SAAM;QACH,eAAe,GAAG,eAAK,CAAC,eAAe,CAAC;KAC3C;IAED,MAAM,GAAG,GAAG,IAAA,cAAM,EAAC;QACf,IAAI;QACJ,QAAQ;KACX,CAAC,CAAC;IAEH,eAAe,CAAC,GAAG,EAAE;QACjB,MAAM,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAC;QAC7B,YAAY,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QAC7B,OAAO,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QAC5C,+JAA+J;QAC/J,wFAAwF;QACxF,uDAAuD;IAC3D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,eAAe,CAAC,GAAG,EAAE;QACjB,GAAG,CAAC,OAAO,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAChC,IAAI,IAAI,EAAE;YACN,IAAI,CAAC,WAAW,EAAE,CAAC;SACtB;QACD,+JAA+J;QAC/J,wFAAwF;QACxF,uDAAuD;IAC3D,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,eAAe,CAAC,GAAG,EAAE;QACjB,IAAI,IAAI,KAAK,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE;YAC3B,wBAAwB;YACxB,OAAO;SACV;QACD,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;QAC9C,GAAG,CAAC,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC;QACxB,YAAY,CAAC,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;QACtC,+JAA+J;QAC/J,wFAAwF;QACxF,uDAAuD;IACrD,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;QACrB,OAAO,IAAI,CAAC;KACf;IAED,qEAAqE;IACrE,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;QAChC,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;KAC7C;IAED,OAAO,IAAA,wBAAY,EAAC,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;AAC7C,CAAC,CAAC;AAOF,MAAM,IAAI,GAAmB,CAAC,KAAK,EAAE,EAAE;IACnC,OAAO,CACH,8BAAC,kBAAQ,QACJ,CAAC,EAAE,YAAY,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CACnC,8BAAC,aAAa,oBAAK,KAAK,IAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,cAAc,IAAI,CAC3F,CACM,CACd,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,IAAI,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component, ReactNode } from 'react';
|
|
1
|
+
import React, { Component, ReactNode } from 'react';
|
|
2
2
|
import { IFill, ISlot } from '../interfaces';
|
|
3
3
|
declare class SlotFillProvider extends Component<{
|
|
4
4
|
children: ReactNode;
|
|
@@ -7,6 +7,7 @@ declare class SlotFillProvider extends Component<{
|
|
|
7
7
|
private fills;
|
|
8
8
|
private listeners;
|
|
9
9
|
private contextValue;
|
|
10
|
+
private returnValue;
|
|
10
11
|
constructor(props: any);
|
|
11
12
|
registerSlot(name: any, slot: any): void;
|
|
12
13
|
registerFill(name: any, instance: any): void;
|
|
@@ -18,6 +19,6 @@ declare class SlotFillProvider extends Component<{
|
|
|
18
19
|
private forceUpdateSlot;
|
|
19
20
|
private triggerListeners;
|
|
20
21
|
subscribe(listener: any): () => void;
|
|
21
|
-
render(): JSX.Element;
|
|
22
|
+
render(): React.JSX.Element;
|
|
22
23
|
}
|
|
23
24
|
export default SlotFillProvider;
|
|
@@ -49,6 +49,10 @@ class SlotFillProvider extends react_1.Component {
|
|
|
49
49
|
hasFills: this.hasFills,
|
|
50
50
|
subscribe: this.subscribe,
|
|
51
51
|
};
|
|
52
|
+
if (props.context) {
|
|
53
|
+
this.returnValue = props.context;
|
|
54
|
+
this.returnValue.fills = this.fills;
|
|
55
|
+
}
|
|
52
56
|
}
|
|
53
57
|
registerSlot(name, slot) {
|
|
54
58
|
const previousSlot = this.slots[name];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"provider.js","sourceRoot":"","sources":["../../../src/slot-fill/base/provider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoD;AACpD,mCAAyC;AAEzC,uCAAqC;AAErC,MAAM,gBAAiB,SAAQ,iBAAsC;
|
|
1
|
+
{"version":3,"file":"provider.js","sourceRoot":"","sources":["../../../src/slot-fill/base/provider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import { ISlotProps, IContext } from '../interfaces';
|
|
2
3
|
export declare namespace ISlotComponent {
|
|
3
4
|
interface Props extends Partial<IContext>, ISlotProps {
|
|
4
5
|
}
|
|
5
6
|
}
|
|
6
|
-
declare const Slot: (props: ISlotProps) => JSX.Element;
|
|
7
|
+
declare const Slot: (props: ISlotProps) => React.JSX.Element;
|
|
7
8
|
export default Slot;
|
|
@@ -42,8 +42,10 @@ class SlotComponent extends react_1.Component {
|
|
|
42
42
|
this.bindNode = this.bindNode.bind(this);
|
|
43
43
|
}
|
|
44
44
|
componentDidMount() {
|
|
45
|
-
const { registerSlot } = this.props;
|
|
46
|
-
|
|
45
|
+
const { registerSlot, serverMode } = this.props;
|
|
46
|
+
if (!serverMode) {
|
|
47
|
+
registerSlot(this.props.name, this);
|
|
48
|
+
}
|
|
47
49
|
}
|
|
48
50
|
componentWillUnmount() {
|
|
49
51
|
const { unregisterSlot } = this.props;
|
|
@@ -65,12 +67,25 @@ class SlotComponent extends react_1.Component {
|
|
|
65
67
|
if (this.isUnmounted) {
|
|
66
68
|
return;
|
|
67
69
|
}
|
|
68
|
-
|
|
70
|
+
if (!this.props.serverMode) {
|
|
71
|
+
super.forceUpdate();
|
|
72
|
+
}
|
|
69
73
|
}
|
|
70
74
|
render() {
|
|
71
|
-
var _a;
|
|
72
|
-
const { children, name, fillProps = {}, getFills,
|
|
73
|
-
|
|
75
|
+
var _a, _b;
|
|
76
|
+
const { children, name, fillProps = {}, getFills, serverMode } = this.props;
|
|
77
|
+
if (serverMode) {
|
|
78
|
+
const fills = ((_a = getFills(name, this)) !== null && _a !== void 0 ? _a : [])
|
|
79
|
+
.map((fill, i) => {
|
|
80
|
+
// unregisterFill(name, fill);
|
|
81
|
+
if (typeof fill === 'function') {
|
|
82
|
+
return fill(Object.assign(Object.assign({}, fillProps), { key: i }));
|
|
83
|
+
}
|
|
84
|
+
return null;
|
|
85
|
+
});
|
|
86
|
+
return fills;
|
|
87
|
+
}
|
|
88
|
+
const fills = ((_b = getFills(name, this)) !== null && _b !== void 0 ? _b : [])
|
|
74
89
|
.map((fill) => {
|
|
75
90
|
const fillChildren = isFunction(fill.children) ? fill.children(fillProps) : fill.children;
|
|
76
91
|
return react_1.Children.map(fillChildren, (child, childIndex) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slot.js","sourceRoot":"","sources":["../../../src/slot-fill/base/slot.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmF;AACnF,uCAAqC;AAErC,4DAAyD;AAMzD;;;;;GAKG;AACH,SAAS,UAAU,CAAC,SAAS;IACzB,OAAO,OAAO,SAAS,KAAK,UAAU,CAAC;AAC3C,CAAC;AAED,MAAM,aAAc,SAAQ,iBAAmC;IAG3D,YAAY,KAA2B;QACnC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QACzB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC7C,CAAC;IAEM,iBAAiB;QACpB,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"slot.js","sourceRoot":"","sources":["../../../src/slot-fill/base/slot.tsx"],"names":[],"mappings":"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"}
|
package/lib/slot-fill/index.d.ts
CHANGED
|
@@ -3,26 +3,26 @@ import SlotFillProvider from './base/provider';
|
|
|
3
3
|
import useSlot from './bubbles-virtually/use-slot';
|
|
4
4
|
export { default as useSlotFills } from './bubbles-virtually/use-slot-fills';
|
|
5
5
|
import { IFillProps, ISlotProps } from './interfaces';
|
|
6
|
-
|
|
6
|
+
type RenderProps<T> = {
|
|
7
7
|
children: (api: T) => ReactNode;
|
|
8
8
|
} | {
|
|
9
9
|
render: (api: T) => ReactNode;
|
|
10
10
|
};
|
|
11
|
-
export declare function Fill(props: any): JSX.Element;
|
|
11
|
+
export declare function Fill(props: any): React.JSX.Element;
|
|
12
12
|
export declare const Slot: React.ForwardRefExoticComponent<ISlotProps & React.RefAttributes<unknown>>;
|
|
13
13
|
export declare function Provider({ children, ...props }: {
|
|
14
14
|
[x: string]: any;
|
|
15
15
|
children: any;
|
|
16
|
-
}): JSX.Element;
|
|
16
|
+
}): React.JSX.Element;
|
|
17
17
|
export declare function createSlotFill<T = Exclude<IFillProps, 'name'>>(name: string): {
|
|
18
18
|
Fill: {
|
|
19
|
-
(props: RenderProps<T> | T): JSX.Element;
|
|
19
|
+
(props: RenderProps<T> | T): React.JSX.Element;
|
|
20
20
|
displayName: string;
|
|
21
21
|
};
|
|
22
22
|
Slot: {
|
|
23
23
|
(props: {
|
|
24
24
|
fillProps: T;
|
|
25
|
-
}): JSX.Element;
|
|
25
|
+
}): React.JSX.Element;
|
|
26
26
|
displayName: string;
|
|
27
27
|
__unstableName: string;
|
|
28
28
|
};
|
|
@@ -1,15 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
1
2
|
import Fill from './base/fill';
|
|
2
3
|
import Provider from './base/provider';
|
|
3
4
|
import { ISlotProps } from './interfaces';
|
|
4
5
|
export { Fill, Provider };
|
|
5
|
-
export declare function Slot(props: ISlotProps): JSX.Element;
|
|
6
|
+
export declare function Slot(props: ISlotProps): React.JSX.Element;
|
|
6
7
|
export declare function createSlotFill(name: any): {
|
|
7
8
|
Fill: {
|
|
8
|
-
(props: any): JSX.Element;
|
|
9
|
+
(props: any): React.JSX.Element;
|
|
9
10
|
displayName: string;
|
|
10
11
|
};
|
|
11
12
|
Slot: {
|
|
12
|
-
(props: any): JSX.Element;
|
|
13
|
+
(props: any): React.JSX.Element;
|
|
13
14
|
displayName: string;
|
|
14
15
|
};
|
|
15
16
|
};
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { ReactNode, Component } from 'react';
|
|
2
|
-
export
|
|
2
|
+
export type Name = string | Symbol;
|
|
3
3
|
export interface IFillProps {
|
|
4
4
|
name: Name;
|
|
5
5
|
[key: string]: any;
|
|
6
|
+
serverMode?: boolean;
|
|
6
7
|
}
|
|
7
8
|
export interface IFill extends Component<IFillProps> {
|
|
8
9
|
occurrence: number;
|
|
@@ -22,7 +23,7 @@ export interface IProviderState {
|
|
|
22
23
|
hasFills: (a: Name) => boolean;
|
|
23
24
|
subscribe: (listener: any) => void;
|
|
24
25
|
}
|
|
25
|
-
export
|
|
26
|
+
export type IReactContext = Omit<Partial<IProviderState>, 'registerSlot'> & {
|
|
26
27
|
slots?: any;
|
|
27
28
|
fills?: any;
|
|
28
29
|
updateSlot: (name: Name, fillProps: {
|
|
@@ -76,4 +77,8 @@ export interface ISlotProps {
|
|
|
76
77
|
* @memberof ISlotProps
|
|
77
78
|
*/
|
|
78
79
|
className?: string;
|
|
80
|
+
/**
|
|
81
|
+
* When slot is called in server mode, it should be directly filled.
|
|
82
|
+
*/
|
|
83
|
+
serverMode?: boolean;
|
|
79
84
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@common-stack/components-pro",
|
|
3
|
-
"version": "0.5.
|
|
3
|
+
"version": "0.5.17",
|
|
4
4
|
"description": "browser plugin for git",
|
|
5
5
|
"homepage": "https://github.com/cdmbase/fullstack-pro#readme",
|
|
6
6
|
"bugs": {
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
"publishConfig": {
|
|
55
55
|
"access": "public"
|
|
56
56
|
},
|
|
57
|
-
"gitHead": "
|
|
57
|
+
"gitHead": "40373d363696d3db7d2443c7b322cded61467988",
|
|
58
58
|
"typescript": {
|
|
59
59
|
"definition": "lib/index.d.ts"
|
|
60
60
|
}
|