@common-stack/components-pro 0.5.1-alpha.4 → 0.5.16

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.
@@ -4,7 +4,7 @@ export declare namespace IFillComponent {
4
4
  interface Props extends IFillProps, Partial<IContext> {
5
5
  }
6
6
  }
7
- declare type IFillComponentProps<T = IFillProps> = T;
8
- declare type IFillComponent<T = IFillProps> = FC<IFillComponentProps<T>>;
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
- (0, react_1.useLayoutEffect)(() => {
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
- (0, react_1.useLayoutEffect)(() => {
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
- (0, react_1.useLayoutEffect)(() => {
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,+CAA2D;AAC3D,yCAAyC;AACzC,uCAAqC;AAErC,yCAAqC;AAKrC,MAAM,aAAa,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,cAAc,EAAwB,EAAE,EAAE;IAC7F,MAAM,IAAI,GAAG,IAAA,kBAAO,EAAC,IAAI,CAAC,CAAC;IAE3B,MAAM,GAAG,GAAG,IAAA,cAAM,EAAC;QACf,IAAI;QACJ,QAAQ;KACX,CAAC,CAAC;IAEH,IAAA,uBAAe,EAAC,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,IAAA,uBAAe,EAAC,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,IAAA,uBAAe,EAAC,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
+ {"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;
@@ -18,6 +18,6 @@ declare class SlotFillProvider extends Component<{
18
18
  private forceUpdateSlot;
19
19
  private triggerListeners;
20
20
  subscribe(listener: any): () => void;
21
- render(): JSX.Element;
21
+ render(): React.JSX.Element;
22
22
  }
23
23
  export default SlotFillProvider;
@@ -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
- registerSlot(this.props.name, this);
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
- super.forceUpdate();
70
+ if (!this.props.serverMode) {
71
+ super.forceUpdate();
72
+ }
69
73
  }
70
74
  render() {
71
- var _a;
72
- const { children, name, fillProps = {}, getFills, className } = this.props;
73
- const fills = ((_a = getFills(name, this)) !== null && _a !== void 0 ? _a : [])
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":"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"}
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,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAChD,IAAI,CAAC,UAAU,EAAE;YACb,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;SACvC;IACL,CAAC;IAEM,oBAAoB;QACvB,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACtC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QACxB,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAC1C,CAAC;IAEM,kBAAkB,CAAC,SAAS;QAC/B,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAE1D,uEAAuE;QACvE,iCAAiC;QACjC,oCAAoC;QACpC,8BAA8B;QAC9B,IAAI;IACR,CAAC;IAEM,QAAQ,CAAC,IAAa;QACzB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACrB,CAAC;IAED,WAAW;QACP,IAAI,IAAI,CAAC,WAAW,EAAE;YAClB,OAAO;SACV;QACD,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE;YACxB,KAAK,CAAC,WAAW,EAAE,CAAC;SACvB;IACL,CAAC;IAEM,MAAM;;QACT,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAE5E,IAAI,UAAU,EAAE;YACZ,MAAM,KAAK,GAAG,CAAC,MAAA,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,mCAAI,EAAE,CAAC;iBACrC,GAAG,CAAC,CAAC,IAAS,EAAE,CAAC,EAAE,EAAE;gBAClB,8BAA8B;gBAC9B,IAAI,OAAO,IAAI,KAAK,UAAU,EAAE;oBAC5B,OAAO,IAAI,iCAAK,SAAS,KAAE,GAAG,EAAE,CAAC,IAAE,CAAC;iBACvC;gBACD,OAAO,IAAI,CAAC;YAChB,CAAC,CAAC,CAAC;YACP,OAAO,KAAK,CAAC;SAChB;QAED,MAAM,KAAK,GAAG,CAAC,MAAA,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,mCAAI,EAAE,CAAC;aACrC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YACV,MAAM,YAAY,GAAiB,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC;YAExG,OAAO,gBAAQ,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,EAAE;gBACpD,IAAI,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;oBACrC,OAAO,KAAK,CAAC;iBAChB;gBAED,MAAM,QAAQ,GAAG,KAAK,CAAC,GAAG,IAAI,UAAU,CAAC;gBACzC,OAAO,IAAA,oBAAY,EAAC,KAAK,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,CAAC;YAClD,CAAC,CAAC,CAAC;QACP,CAAC,CAAC;aACD,MAAM;QACH,oEAAoE;QACpE,sEAAsE;QACtE,4EAA4E;QAC5E,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,IAAA,+BAAc,EAAC,OAAO,CAAC,CACxC,CAAC;QAEN,OAAO,8DAAG,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAY,CAAC,CAAC,CAAC,CAAC,KAAK,CAAI,CAAC;IACxE,CAAC;CACJ;AAED,MAAM,IAAI,GAAG,CAAC,KAAiB,EAAE,EAAE;IAC/B,OAAO,CACH,8BAAC,kBAAQ,QACJ,CAAC,EAAE,YAAY,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC7C,8BAAC,aAAa,oBACN,KAAK,IACT,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,IAChC,CACL,CACM,CACd,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,IAAI,CAAC"}
@@ -1,3 +1,4 @@
1
+ import React from 'react';
1
2
  export default function SlotFillProvider({ children }: {
2
3
  children: any;
3
- }): JSX.Element;
4
+ }): React.JSX.Element;
@@ -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
- declare type RenderProps<T> = {
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 declare type Name = string | Symbol;
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 declare type IReactContext = Omit<Partial<IProviderState>, 'registerSlot'> & {
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.1-alpha.4",
3
+ "version": "0.5.16",
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": "23a35da8b66525121fee75983535c241332987ec",
57
+ "gitHead": "85088275e6549961bccef799f9aa996bd44aa0ca",
58
58
  "typescript": {
59
59
  "definition": "lib/index.d.ts"
60
60
  }