@common-stack/components-pro 0.5.34 → 1.0.1-alpha.0
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/index.d.ts +2 -2
- package/lib/index.js +2 -2
- package/lib/index.js.map +1 -1
- package/lib/slot-fill/base/fill.js +1 -1
- package/lib/slot-fill/base/fill.js.map +1 -1
- package/lib/slot-fill/base/provider.js +2 -3
- package/lib/slot-fill/base/provider.js.map +1 -1
- package/lib/slot-fill/base/slot.js +5 -6
- package/lib/slot-fill/base/slot.js.map +1 -1
- package/lib/slot-fill/bubbles-virtually/fill.js +1 -12
- package/lib/slot-fill/bubbles-virtually/fill.js.map +1 -1
- package/lib/slot-fill/bubbles-virtually/slot-fill-provider.js +6 -3
- package/lib/slot-fill/bubbles-virtually/slot-fill-provider.js.map +1 -1
- package/lib/slot-fill/bubbles-virtually/slot.js +3 -15
- package/lib/slot-fill/bubbles-virtually/slot.js.map +1 -1
- package/lib/slot-fill/bubbles-virtually/use-slot.js +6 -14
- package/lib/slot-fill/bubbles-virtually/use-slot.js.map +1 -1
- package/lib/slot-fill/index.js +9 -22
- package/lib/slot-fill/index.js.map +1 -1
- package/lib/slot-fill/index.native.js +4 -4
- package/lib/slot-fill/index.native.js.map +1 -1
- package/lib/slot-fill/utils/isEmptyElement.js +1 -1
- package/lib/slot-fill/utils/isEmptyElement.js.map +1 -1
- package/package.json +2 -2
package/lib/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { createSlotFill, Slot, Fill, Provider as SlotFillProvider, useSlot as __experimentalUseSlot
|
|
2
|
-
export { removeUniversalPortals, replaceServerFills
|
|
1
|
+
export { createSlotFill, Slot, Fill, Provider as SlotFillProvider, useSlot as __experimentalUseSlot } from './slot-fill';
|
|
2
|
+
export { removeUniversalPortals, replaceServerFills } from './slot-fill/utils';
|
package/lib/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { createSlotFill, Slot, Fill, Provider as SlotFillProvider, useSlot as __experimentalUseSlot
|
|
2
|
-
export { removeUniversalPortals, replaceServerFills
|
|
1
|
+
export { createSlotFill, Slot, Fill, Provider as SlotFillProvider, useSlot as __experimentalUseSlot } from './slot-fill';
|
|
2
|
+
export { removeUniversalPortals, replaceServerFills } from './slot-fill/utils';
|
|
3
3
|
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,cAAc,EACd,IAAI,EACJ,IAAI,EACJ,QAAQ,IAAI,gBAAgB,EAC5B,OAAO,IAAI,qBAAqB,EACnC,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC"}
|
|
@@ -59,7 +59,7 @@ const FillComponent = ({ name, children, registerFill, unregisterFill, serverMod
|
|
|
59
59
|
};
|
|
60
60
|
const Fill = (props) => {
|
|
61
61
|
const serverMode = (typeof window === 'undefined');
|
|
62
|
-
return (React.createElement(Consumer, null, ({ registerFill, unregisterFill }) => (React.createElement(FillComponent,
|
|
62
|
+
return (React.createElement(Consumer, null, ({ registerFill, unregisterFill }) => (React.createElement(FillComponent, { ...props, registerFill: registerFill, unregisterFill: unregisterFill, serverMode: serverMode }))));
|
|
63
63
|
};
|
|
64
64
|
export default Fill;
|
|
65
65
|
//# sourceMappingURL=fill.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fill.js","sourceRoot":"","sources":["../../../src/slot-fill/base/fill.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAM,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAErC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAKrC,MAAM,aAAa,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,cAAc,EAAE,UAAU,EAAyB,EAAE,EAAE;IAC1G,MAAM,IAAI,GAAG,OAAO,CAAC,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,KAAK,CAAC,eAAe,CAAC;KAC3C;IAED,MAAM,GAAG,GAAG,MAAM,CAAC;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,YAAY,CAAC,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;AAC7C,CAAC,CAAC;AAOF,MAAM,IAAI,GAAmB,CAAC,KAAK,EAAE,EAAE;IACnC,MAAM,UAAU,GAAG,CAAC,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC;IACnD,OAAO,CACH,oBAAC,QAAQ,QACJ,CAAC,EAAE,YAAY,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CACnC,oBAAC,aAAa,
|
|
1
|
+
{"version":3,"file":"fill.js","sourceRoot":"","sources":["../../../src/slot-fill/base/fill.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { Component } from 'react';
|
|
2
|
-
import { sortBy } from 'lodash';
|
|
2
|
+
import { sortBy } from 'lodash-es';
|
|
3
3
|
import { Provider } from './context';
|
|
4
4
|
class SlotFillProvider extends Component {
|
|
5
5
|
constructor(props) {
|
|
@@ -59,8 +59,7 @@ class SlotFillProvider extends Component {
|
|
|
59
59
|
this.triggerListeners();
|
|
60
60
|
}
|
|
61
61
|
unregisterFill(name, instance) {
|
|
62
|
-
|
|
63
|
-
this.fills[name] = (_b = (_a = this.fills[name]) === null || _a === void 0 ? void 0 : _a.filter((fill) => fill !== instance)) !== null && _b !== void 0 ? _b : [];
|
|
62
|
+
this.fills[name] = this.fills[name]?.filter((fill) => fill !== instance) ?? [];
|
|
64
63
|
this.forceUpdateSlot(name);
|
|
65
64
|
}
|
|
66
65
|
getSlot(name) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"provider.js","sourceRoot":"","sources":["../../../src/slot-fill/base/provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,MAAM,EAAW,MAAM,
|
|
1
|
+
{"version":3,"file":"provider.js","sourceRoot":"","sources":["../../../src/slot-fill/base/provider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -47,21 +47,20 @@ class SlotComponent extends Component {
|
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
49
|
render() {
|
|
50
|
-
var _a, _b;
|
|
51
50
|
const { children, name, fillProps = {}, getFills, serverMode } = this.props;
|
|
52
51
|
if (serverMode) {
|
|
53
|
-
const fills = (
|
|
52
|
+
const fills = (getFills(name, this) ?? [])
|
|
54
53
|
.map((fill, i) => {
|
|
55
54
|
// unregisterFill(name, fill);
|
|
56
55
|
if (typeof fill === 'function') {
|
|
57
|
-
const child = fill(
|
|
56
|
+
const child = fill({ ...fillProps, key: i });
|
|
58
57
|
return React.createElement("div", { "data-slot-name": `slot-${name}` }, child);
|
|
59
58
|
}
|
|
60
59
|
return null;
|
|
61
60
|
});
|
|
62
61
|
return fills;
|
|
63
62
|
}
|
|
64
|
-
const fills = (
|
|
63
|
+
const fills = (getFills(name, this) ?? [])
|
|
65
64
|
.map((fill) => {
|
|
66
65
|
const fillChildren = isFunction(fill.children) ? fill.children(fillProps) : fill.children;
|
|
67
66
|
return Children.map(fillChildren, (child, childIndex) => {
|
|
@@ -82,10 +81,10 @@ class SlotComponent extends Component {
|
|
|
82
81
|
}
|
|
83
82
|
const Slot = (props) => {
|
|
84
83
|
const serverMode = (typeof window === 'undefined');
|
|
85
|
-
return (React.createElement(Consumer, null, ({ registerSlot, unregisterSlot, getFills }) => (React.createElement(SlotComponent,
|
|
84
|
+
return (React.createElement(Consumer, null, ({ registerSlot, unregisterSlot, getFills }) => (React.createElement(SlotComponent, { ...props,
|
|
86
85
|
// We need to add id to fillProps with slot name,
|
|
87
86
|
// so that we can use it when remove the component during hydration.
|
|
88
|
-
getFills: getFills, registerSlot: registerSlot, unregisterSlot: unregisterSlot, serverMode: serverMode }))))
|
|
87
|
+
getFills: getFills, registerSlot: registerSlot, unregisterSlot: unregisterSlot, serverMode: serverMode }))));
|
|
89
88
|
};
|
|
90
89
|
export default Slot;
|
|
91
90
|
//# sourceMappingURL=slot.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slot.js","sourceRoot":"","sources":["../../../src/slot-fill/base/slot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAgB,YAAY,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnF,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAErC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAMzD;;;;;GAKG;AACH,SAAS,UAAU,CAAC,SAAS;IACzB,OAAO,OAAO,SAAS,KAAK,UAAU,CAAC;AAC3C,CAAC;AAED,MAAM,aAAc,SAAQ,SAAmC;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
|
|
1
|
+
{"version":3,"file":"slot.js","sourceRoot":"","sources":["../../../src/slot-fill/base/slot.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,3 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
1
|
import { useRef, useState, useEffect } from 'react';
|
|
13
2
|
import { createPortal } from 'react-dom';
|
|
14
3
|
import useSlot from './use-slot';
|
|
@@ -27,7 +16,7 @@ function useForceUpdate() {
|
|
|
27
16
|
};
|
|
28
17
|
}
|
|
29
18
|
export default function Fill({ name, children }) {
|
|
30
|
-
const
|
|
19
|
+
const { registerFill, unregisterFill, ...slot } = useSlot(name);
|
|
31
20
|
const ref = useRef({ rerender: useForceUpdate() });
|
|
32
21
|
useEffect(() => {
|
|
33
22
|
// We register fills so we can keep track of their existence.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fill.js","sourceRoot":"","sources":["../../../src/slot-fill/bubbles-virtually/fill.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"fill.js","sourceRoot":"","sources":["../../../src/slot-fill/bubbles-virtually/fill.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,OAAO,MAAM,YAAY,CAAC;AAEjC,SAAS,cAAc;IACtB,MAAM,CAAE,AAAD,EAAG,QAAQ,CAAE,GAAG,QAAQ,CAAE,EAAE,CAAE,CAAC;IACtC,MAAM,OAAO,GAAG,MAAM,CAAE,IAAI,CAAE,CAAC;IAE/B,SAAS,CAAE,GAAG,EAAE;QACf,OAAO,GAAG,EAAE;YACX,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;QACzB,CAAC,CAAC;IACH,CAAC,EAAE,EAAE,CAAE,CAAC;IAER,OAAO,GAAG,EAAE;QACX,IAAK,OAAO,CAAC,OAAO,EAAG;YACtB,QAAQ,CAAE,EAAE,CAAE,CAAC;SACf;IACF,CAAC,CAAC;AACH,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;IAC/C,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,IAAI,EAAE,GAAG,OAAO,CAAE,IAAI,CAAE,CAAC;IAClE,MAAM,GAAG,GAAG,MAAM,CAAE,EAAE,QAAQ,EAAE,cAAc,EAAE,EAAE,CAAE,CAAC;IAErD,SAAS,CAAE,GAAG,EAAE;QACf,6DAA6D;QAC7D,mEAAmE;QACnE,6DAA6D;QAC7D,YAAY,CAAE,GAAG,CAAE,CAAC;QACpB,OAAO,GAAG,EAAE;YACX,cAAc,CAAE,GAAG,CAAE,CAAC;QACvB,CAAC,CAAC;IACH,CAAC,EAAE,CAAE,YAAY,EAAE,cAAc,CAAE,CAAE,CAAC;IAEtC,IAAK,CAAE,IAAI,CAAC,GAAG,IAAI,CAAE,IAAI,CAAC,GAAG,CAAC,OAAO,EAAG;QACvC,OAAO,IAAI,CAAC;KACZ;IAED,IAAK,OAAO,QAAQ,KAAK,UAAU,EAAG;QACrC,QAAQ,GAAG,QAAQ,CAAE,IAAI,CAAC,SAAS,CAAE,CAAC;KACtC;IAEE,4EAA4E;IAC/E,8EAA8E;IAC9E,8EAA8E;IAC9E,2EAA2E;IAC3E,mCAAmC;IACnC,4BAA4B;IAC5B,+DAA+D;IAC/D,iBAAiB;IACjB,oBAAoB;IACpB,KAAK;IAEL,OAAO,YAAY,CAAE,QAAQ,EAAE,IAAI,CAAC,GAAG,CAAC,OAAO,CAAE,CAAC;AACnD,CAAC"}
|
|
@@ -11,13 +11,16 @@ function useSlotRegistry() {
|
|
|
11
11
|
const fills = useRef(proxyMap()); // TODO remove any
|
|
12
12
|
const registerSlot = useCallback((name, ref, fillProps) => {
|
|
13
13
|
const slot = slots.current.get(name) || {};
|
|
14
|
-
slots.current.set(name, valRef(
|
|
14
|
+
slots.current.set(name, valRef({
|
|
15
|
+
...slot,
|
|
16
|
+
ref: ref || slot.ref,
|
|
17
|
+
fillProps: fillProps || slot.fillProps || {},
|
|
18
|
+
}));
|
|
15
19
|
}, []);
|
|
16
20
|
const unregisterSlot = useCallback((name, ref) => {
|
|
17
|
-
var _a;
|
|
18
21
|
// Make sure we're not unregistering a slot registered by another element
|
|
19
22
|
// See https://github.com/WordPress/gutenberg/pull/19242#issuecomment-590295412
|
|
20
|
-
if (
|
|
23
|
+
if (slots.current.get(name)?.ref === ref) {
|
|
21
24
|
slots.current.delete(name);
|
|
22
25
|
}
|
|
23
26
|
}, []);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slot-fill-provider.js","sourceRoot":"","sources":["../../../src/slot-fill/bubbles-virtually/slot-fill-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,GAAG,IAAI,MAAM,EAAE,MAAM,QAAQ,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,cAAc,MAAM,6BAA6B,CAAC;AAEzD;;GAEG;AACH,OAAO,eAAe,MAAM,qBAAqB,CAAC;AAGlD,SAAS,eAAe;IACpB,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,EAAY,CAAC,CAAC,CAAC,kBAAkB;IAC9D,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,EAAY,CAAC,CAAC,CAAC,kBAAkB;IAE9D,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE;QACtD,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;QAC3C,KAAK,CAAC,OAAO,CAAC,GAAG,CACb,IAAI,EACJ,MAAM,
|
|
1
|
+
{"version":3,"file":"slot-fill-provider.js","sourceRoot":"","sources":["../../../src/slot-fill/bubbles-virtually/slot-fill-provider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,20 +1,8 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
1
|
import React, { useRef, useLayoutEffect, useContext, forwardRef } from 'react';
|
|
13
2
|
import { useMergeRefs } from '@wordpress/compose';
|
|
14
3
|
import SlotFillContext from './slot-fill-context';
|
|
15
|
-
function Slot(
|
|
16
|
-
|
|
17
|
-
const _b = useContext(SlotFillContext), { registerSlot, unregisterSlot } = _b, registry = __rest(_b, ["registerSlot", "unregisterSlot"]);
|
|
4
|
+
function Slot({ name, fillProps = {}, as: Component = 'div', ...props }, forwardedRef) {
|
|
5
|
+
const { registerSlot, unregisterSlot, ...registry } = useContext(SlotFillContext);
|
|
18
6
|
const ref = useRef();
|
|
19
7
|
useLayoutEffect(() => {
|
|
20
8
|
registerSlot(name, ref, fillProps);
|
|
@@ -30,7 +18,7 @@ function Slot(_a, forwardedRef) {
|
|
|
30
18
|
useLayoutEffect(() => {
|
|
31
19
|
registry.updateSlot(name, fillProps);
|
|
32
20
|
});
|
|
33
|
-
return React.createElement(Component,
|
|
21
|
+
return React.createElement(Component, { ref: useMergeRefs([forwardedRef, ref]), ...props });
|
|
34
22
|
}
|
|
35
23
|
export default forwardRef(Slot);
|
|
36
24
|
//# sourceMappingURL=slot.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slot.js","sourceRoot":"","sources":["../../../src/slot-fill/bubbles-virtually/slot.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"slot.js","sourceRoot":"","sources":["../../../src/slot-fill/bubbles-virtually/slot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,eAAe,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,eAAe,MAAM,qBAAqB,CAAC;AAGlD,SAAS,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,GAAG,EAAE,EAAE,EAAE,EAAE,SAAS,GAAG,KAAK,EAAE,GAAG,KAAK,EAA6B,EAAE,YAAY;IAC5G,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,QAAQ,EAAE,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAClF,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC;IAErB,eAAe,CAAC,GAAG,EAAE;QACjB,YAAY,CAAC,IAAI,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC;QACnC,OAAO,GAAG,EAAE;YACR,cAAc,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QAC9B,CAAC,CAAC;QACF,4EAA4E;QAC5E,4EAA4E;QAC5E,gDAAgD;IACpD,CAAC,EAAE,CAAC,YAAY,EAAE,cAAc,EAAE,IAAI,CAAC,CAAC,CAAC;IACzC,mEAAmE;IACnE,mBAAmB;IACnB,eAAe,CAAC,GAAG,EAAE;QACjB,QAAQ,CAAC,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,OAAO,oBAAC,SAAS,IAAC,GAAG,EAAE,YAAY,CAAC,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC,KAAM,KAAK,GAAI,CAAC;AAC5E,CAAC;AAED,eAAe,UAAU,CAAC,IAAI,CAAC,CAAC"}
|
|
@@ -1,19 +1,8 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
1
|
import { useCallback, useContext } from 'react';
|
|
13
2
|
import { useSnapshot } from 'valtio';
|
|
14
3
|
import SlotFillContext from './slot-fill-context';
|
|
15
4
|
export default function useSlot(name) {
|
|
16
|
-
const
|
|
5
|
+
const { updateSlot: registryUpdateSlot, unregisterSlot: registryUnregisterSlot, registerFill: registryRegisterFill, unregisterFill: registryUnregisterFill, ...registry } = useContext(SlotFillContext);
|
|
17
6
|
const slots = useSnapshot(registry.slots, { sync: true });
|
|
18
7
|
// The important bit here is that this call ensures
|
|
19
8
|
// the hook only causes a re-render if the slot
|
|
@@ -31,9 +20,12 @@ export default function useSlot(name) {
|
|
|
31
20
|
const unregisterFill = useCallback((fillRef) => {
|
|
32
21
|
registryUnregisterFill(name, fillRef);
|
|
33
22
|
}, [name, registryUnregisterFill]);
|
|
34
|
-
return
|
|
23
|
+
return {
|
|
24
|
+
...slot,
|
|
25
|
+
updateSlot,
|
|
35
26
|
unregisterSlot,
|
|
36
27
|
registerFill,
|
|
37
|
-
unregisterFill
|
|
28
|
+
unregisterFill,
|
|
29
|
+
};
|
|
38
30
|
}
|
|
39
31
|
//# sourceMappingURL=use-slot.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-slot.js","sourceRoot":"","sources":["../../../src/slot-fill/bubbles-virtually/use-slot.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"use-slot.js","sourceRoot":"","sources":["../../../src/slot-fill/bubbles-virtually/use-slot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAW,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAErC,OAAO,eAAe,MAAM,qBAAqB,CAAC;AAElD,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,IAAU;IACtC,MAAM,EACF,UAAU,EAAE,kBAAkB,EAC9B,cAAc,EAAE,sBAAsB,EACtC,YAAY,EAAE,oBAAoB,EAClC,cAAc,EAAE,sBAAsB,EACtC,GAAG,QAAQ,EACd,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAChC,MAAM,KAAK,GAAG,WAAW,CAAC,QAAQ,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;IAC1D,mDAAmD;IACnD,+CAA+C;IAC/C,kDAAkD;IAClD,MAAM,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAE7B,MAAM,UAAU,GAAG,WAAW,CAC1B,CAAC,SAAS,EAAE,EAAE;QACV,kBAAkB,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IACxC,CAAC,EACD,CAAC,IAAI,EAAE,kBAAkB,CAAC,CAC7B,CAAC;IAEF,MAAM,cAAc,GAAG,WAAW,CAC9B,CAAC,OAAO,EAAE,EAAE;QACR,sBAAsB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAC1C,CAAC,EACD,CAAC,IAAI,EAAE,sBAAsB,CAAC,CACjC,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAC5B,CAAC,OAAO,EAAE,EAAE;QACR,oBAAoB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IACxC,CAAC,EACD,CAAC,IAAI,EAAE,oBAAoB,CAAC,CAC/B,CAAC;IAEF,MAAM,cAAc,GAAG,WAAW,CAC9B,CAAC,OAAO,EAAE,EAAE;QACR,sBAAsB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAC1C,CAAC,EACD,CAAC,IAAI,EAAE,sBAAsB,CAAC,CACjC,CAAC;IAEF,OAAO;QACH,GAAG,IAAI;QACP,UAAU;QACV,cAAc;QACd,YAAY;QACZ,cAAc;KACjB,CAAC;AACN,CAAC"}
|
package/lib/slot-fill/index.js
CHANGED
|
@@ -1,14 +1,3 @@
|
|
|
1
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
-
var t = {};
|
|
3
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
-
t[p] = s[p];
|
|
5
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
-
t[p[i]] = s[p[i]];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
1
|
import React, { forwardRef } from 'react';
|
|
13
2
|
import BaseFill from './base/fill';
|
|
14
3
|
import BaseSlot from './base/slot';
|
|
@@ -23,25 +12,23 @@ export function Fill(props) {
|
|
|
23
12
|
// their respective slot has been registered. Only the Fill that has a slot
|
|
24
13
|
// will render. The other one will return null.
|
|
25
14
|
return (React.createElement(React.Fragment, null,
|
|
26
|
-
React.createElement(BaseFill,
|
|
27
|
-
React.createElement(BubblesVirtuallyFill,
|
|
15
|
+
React.createElement(BaseFill, { ...props }),
|
|
16
|
+
React.createElement(BubblesVirtuallyFill, { ...props })));
|
|
28
17
|
}
|
|
29
|
-
export const Slot = forwardRef((
|
|
30
|
-
var { bubblesVirtually } = _a, props = __rest(_a, ["bubblesVirtually"]);
|
|
18
|
+
export const Slot = forwardRef(({ bubblesVirtually, ...props }, ref) => {
|
|
31
19
|
if (bubblesVirtually) {
|
|
32
|
-
return React.createElement(BubblesVirtuallySlot,
|
|
20
|
+
return React.createElement(BubblesVirtuallySlot, { ...props, ref: ref });
|
|
33
21
|
}
|
|
34
|
-
return React.createElement(BaseSlot,
|
|
22
|
+
return React.createElement(BaseSlot, { ...props });
|
|
35
23
|
});
|
|
36
|
-
export function Provider(
|
|
37
|
-
|
|
38
|
-
return (React.createElement(SlotFillProvider, Object.assign({}, props),
|
|
24
|
+
export function Provider({ children, ...props }) {
|
|
25
|
+
return (React.createElement(SlotFillProvider, { ...props },
|
|
39
26
|
React.createElement(BubblesVirtuallySlotFillProvider, null, children)));
|
|
40
27
|
}
|
|
41
28
|
export function createSlotFill(name) {
|
|
42
|
-
const FillComponent = (props) => React.createElement(Fill,
|
|
29
|
+
const FillComponent = (props) => React.createElement(Fill, { name: name, ...props });
|
|
43
30
|
FillComponent.displayName = name + 'Fill';
|
|
44
|
-
const SlotComponent = (props) => React.createElement(Slot,
|
|
31
|
+
const SlotComponent = (props) => React.createElement(Slot, { name: name, ...props });
|
|
45
32
|
SlotComponent.displayName = name + 'Slot';
|
|
46
33
|
SlotComponent.__unstableName = name;
|
|
47
34
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/slot-fill/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/slot-fill/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,UAAU,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,oBAAoB,MAAM,0BAA0B,CAAC;AAC5D,OAAO,oBAAoB,MAAM,0BAA0B,CAAC;AAC5D,OAAO,gCAAgC,MAAM,wCAAwC,CAAC;AACtF,OAAO,gBAAgB,MAAM,iBAAiB,CAAC;AAC/C,OAAO,OAAO,MAAM,8BAA8B,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAQ7E,MAAM,UAAU,IAAI,CAAC,KAAK;IACxB,sEAAsE;IACtE,2EAA2E;IAC3E,+CAA+C;IAC/C,OAAO,CACL;QACE,oBAAC,QAAQ,OAAK,KAAK,GAAI;QACvB,oBAAC,oBAAoB,OAAK,KAAK,GAAI,CAClC,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAAC,CAAC,EAAE,gBAAgB,EAAE,GAAG,KAAK,EAAc,EAAE,GAAG,EAAE,EAAE;IACjF,IAAI,gBAAgB,EAAE;QACpB,OAAO,oBAAC,oBAAoB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAAC;KACtD;IACD,OAAO,oBAAC,QAAQ,OAAK,KAAK,GAAI,CAAC;AACjC,CAAC,CAAC,CAAC;AAEH,MAAM,UAAU,QAAQ,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE;IAC7C,OAAO,CACL,oBAAC,gBAAgB,OAAK,KAAK;QACzB,oBAAC,gCAAgC,QAC9B,QAAQ,CACwB,CAClB,CACpB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,cAAc,CAAkC,IAAY;IAC1E,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE,CAAC,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,KAAM,KAAK,GAAI,CAAC;IACrF,aAAa,CAAC,WAAW,GAAG,IAAI,GAAG,MAAM,CAAC;IAE1C,MAAM,aAAa,GAAG,CAAC,KAAuB,EAAE,EAAE,CAAC,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,KAAM,KAAK,GAAI,CAAC;IACnF,aAAa,CAAC,WAAW,GAAG,IAAI,GAAG,MAAM,CAAC;IAC1C,aAAa,CAAC,cAAc,GAAG,IAAI,CAAC;IAEpC,OAAO;QACL,IAAI,EAAE,aAAa;QACnB,IAAI,EAAE,aAAa;KACpB,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAE5B,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { omit } from 'lodash';
|
|
2
|
+
import { omit } from 'lodash-es';
|
|
3
3
|
import BaseSlot from './base/slot';
|
|
4
4
|
import Fill from './base/fill';
|
|
5
5
|
import Provider from './base/provider';
|
|
6
6
|
export { Fill, Provider };
|
|
7
7
|
export function Slot(props) {
|
|
8
|
-
return React.createElement(BaseSlot,
|
|
8
|
+
return React.createElement(BaseSlot, { ...omit(props, 'bubblesVirtually') });
|
|
9
9
|
}
|
|
10
10
|
export function createSlotFill(name) {
|
|
11
|
-
const FillComponent = (props) => React.createElement(Fill,
|
|
11
|
+
const FillComponent = (props) => React.createElement(Fill, { name: name, ...props });
|
|
12
12
|
FillComponent.displayName = name + 'Fill';
|
|
13
|
-
const SlotComponent = (props) => React.createElement(Slot,
|
|
13
|
+
const SlotComponent = (props) => React.createElement(Slot, { name: name, ...props });
|
|
14
14
|
SlotComponent.displayName = name + 'Slot';
|
|
15
15
|
return {
|
|
16
16
|
Fill: FillComponent,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.native.js","sourceRoot":"","sources":["../../src/slot-fill/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.native.js","sourceRoot":"","sources":["../../src/slot-fill/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AAGvC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;AAE1B,MAAM,UAAU,IAAI,CAAC,KAAiB;IAClC,OAAO,oBAAC,QAAQ,OAAM,IAAI,CAAC,KAAK,EAAE,kBAAkB,CAAC,GAAI,CAAC;AAC9D,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,IAAI;IAC/B,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,KAAM,KAAK,GAAI,CAAC;IACjE,aAAa,CAAC,WAAW,GAAG,IAAI,GAAG,MAAM,CAAC;IAE1C,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,KAAM,KAAK,GAAI,CAAC;IACjE,aAAa,CAAC,WAAW,GAAG,IAAI,GAAG,MAAM,CAAC;IAE1C,OAAO;QACH,IAAI,EAAE,aAAa;QACnB,IAAI,EAAE,aAAa;KACtB,CAAA;AACL,CAAC"}
|
|
@@ -8,7 +8,7 @@ export const isEmptyElement = (element) => {
|
|
|
8
8
|
if (typeof element === 'number') {
|
|
9
9
|
return false;
|
|
10
10
|
}
|
|
11
|
-
if (typeof
|
|
11
|
+
if (typeof element?.valueOf() === 'string' || Array.isArray(element)) {
|
|
12
12
|
return !element.length;
|
|
13
13
|
}
|
|
14
14
|
return !element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"isEmptyElement.js","sourceRoot":"","sources":["../../../src/slot-fill/utils/isEmptyElement.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAE,OAAO,EAAG,EAAE;IAC3C,IAAK,OAAO,OAAO,KAAK,QAAQ,EAAG;QAClC,OAAO,KAAK,CAAC;KACb;IAED,IAAK,OAAO,
|
|
1
|
+
{"version":3,"file":"isEmptyElement.js","sourceRoot":"","sources":["../../../src/slot-fill/utils/isEmptyElement.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAE,OAAO,EAAG,EAAE;IAC3C,IAAK,OAAO,OAAO,KAAK,QAAQ,EAAG;QAClC,OAAO,KAAK,CAAC;KACb;IAED,IAAK,OAAO,OAAO,EAAE,OAAO,EAAE,KAAK,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAE,OAAO,CAAE,EAAG;QACzE,OAAO,CAAE,OAAO,CAAC,MAAM,CAAC;KACxB;IAED,OAAO,CAAE,OAAO,CAAC;AAClB,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@common-stack/components-pro",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "1.0.1-alpha.0",
|
|
4
4
|
"description": "browser plugin for git",
|
|
5
5
|
"homepage": "https://github.com/cdmbase/fullstack-pro#readme",
|
|
6
6
|
"bugs": {
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
"publishConfig": {
|
|
57
57
|
"access": "public"
|
|
58
58
|
},
|
|
59
|
-
"gitHead": "
|
|
59
|
+
"gitHead": "e23d595c58eedb3ecda0913cf206f54d8a9e470f",
|
|
60
60
|
"typescript": {
|
|
61
61
|
"definition": "lib/index.d.ts"
|
|
62
62
|
}
|