@common-stack/components-pro 0.1.21 → 0.1.22

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.
Files changed (54) hide show
  1. package/esm/index.d.ts +0 -0
  2. package/esm/index.js.map +1 -0
  3. package/esm/slot-fill/__tests__/filler-slot.test.d.ts +1 -0
  4. package/esm/slot-fill/__tests__/filler-slot.test.js +67 -0
  5. package/esm/slot-fill/__tests__/filler-slot.test.js.map +1 -0
  6. package/esm/slot-fill/__tests__/slot-features.test.d.ts +1 -0
  7. package/esm/slot-fill/__tests__/slot-features.test.js +183 -0
  8. package/esm/slot-fill/__tests__/slot-features.test.js.map +1 -0
  9. package/esm/slot-fill/base/context.d.ts +6 -0
  10. package/esm/slot-fill/base/context.js +38 -0
  11. package/esm/slot-fill/base/context.js.map +1 -0
  12. package/esm/slot-fill/base/fill.d.ts +10 -0
  13. package/esm/slot-fill/base/fill.js +65 -0
  14. package/esm/slot-fill/base/fill.js.map +1 -0
  15. package/esm/slot-fill/base/provider.d.ts +21 -0
  16. package/esm/slot-fill/base/provider.js +117 -0
  17. package/esm/slot-fill/base/provider.js.map +1 -0
  18. package/esm/slot-fill/base/slot.d.ts +8 -0
  19. package/esm/slot-fill/base/slot.js +83 -0
  20. package/esm/slot-fill/base/slot.js.map +1 -0
  21. package/esm/slot-fill/base/use-slot.d.ts +7 -0
  22. package/esm/slot-fill/base/use-slot.js +28 -0
  23. package/esm/slot-fill/base/use-slot.js.map +1 -0
  24. package/esm/slot-fill/bubbles-virtually/fill.d.ts +5 -0
  25. package/esm/slot-fill/bubbles-virtually/fill.js +54 -0
  26. package/esm/slot-fill/bubbles-virtually/fill.js.map +1 -0
  27. package/esm/slot-fill/bubbles-virtually/slot-fill-context.d.ts +4 -0
  28. package/esm/slot-fill/bubbles-virtually/slot-fill-context.js +21 -0
  29. package/esm/slot-fill/bubbles-virtually/slot-fill-context.js.map +1 -0
  30. package/esm/slot-fill/bubbles-virtually/slot-fill-provider.d.ts +4 -0
  31. package/esm/slot-fill/bubbles-virtually/slot-fill-provider.js +112 -0
  32. package/esm/slot-fill/bubbles-virtually/slot-fill-provider.js.map +1 -0
  33. package/esm/slot-fill/bubbles-virtually/slot.d.ts +6 -0
  34. package/esm/slot-fill/bubbles-virtually/slot.js +61 -0
  35. package/esm/slot-fill/bubbles-virtually/slot.js.map +1 -0
  36. package/esm/slot-fill/bubbles-virtually/use-slot.d.ts +2 -0
  37. package/esm/slot-fill/bubbles-virtually/use-slot.js +32 -0
  38. package/esm/slot-fill/bubbles-virtually/use-slot.js.map +1 -0
  39. package/esm/slot-fill/index.d.ts +30 -0
  40. package/esm/slot-fill/index.js +81 -0
  41. package/esm/slot-fill/index.js.map +1 -0
  42. package/esm/slot-fill/index.native.d.ts +16 -0
  43. package/esm/slot-fill/index.native.js +48 -0
  44. package/esm/slot-fill/index.native.js.map +1 -0
  45. package/esm/slot-fill/interfaces/index.d.ts +79 -0
  46. package/esm/slot-fill/interfaces/index.js +3 -0
  47. package/esm/slot-fill/interfaces/index.js.map +1 -0
  48. package/esm/slot-fill/utils/index.d.ts +1 -0
  49. package/esm/slot-fill/utils/index.js +14 -0
  50. package/esm/slot-fill/utils/index.js.map +1 -0
  51. package/esm/slot-fill/utils/isEmptyElement.d.ts +8 -0
  52. package/esm/slot-fill/utils/isEmptyElement.js +21 -0
  53. package/esm/slot-fill/utils/isEmptyElement.js.map +1 -0
  54. package/package.json +2 -2
package/esm/index.d.ts ADDED
File without changes
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA"}
@@ -0,0 +1 @@
1
+ import 'jest';
@@ -0,0 +1,67 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
+ }) : (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ o[k2] = m[k];
8
+ }));
9
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
11
+ }) : function(o, v) {
12
+ o["default"] = v;
13
+ });
14
+ var __importStar = (this && this.__importStar) || function (mod) {
15
+ if (mod && mod.__esModule) return mod;
16
+ var result = {};
17
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
+ __setModuleDefault(result, mod);
19
+ return result;
20
+ };
21
+ var __importDefault = (this && this.__importDefault) || function (mod) {
22
+ return (mod && mod.__esModule) ? mod : { "default": mod };
23
+ };
24
+ Object.defineProperty(exports, "__esModule", { value: true });
25
+ /* tslint:disable */
26
+ const React = __importStar(require("react"));
27
+ const ReactTestRenderer = __importStar(require("react-test-renderer"));
28
+ const slot_1 = __importDefault(require("../base/slot"));
29
+ const fill_1 = __importDefault(require("../base/fill"));
30
+ // import Provider from '../context';
31
+ const index_1 = require("../index");
32
+ require("jest");
33
+ describe('Slot with filter', () => {
34
+ it("calls the functions passed as the Slot's fillProps in the Fill", () => {
35
+ const onClose = jest.fn();
36
+ const List = ({ items }) => {
37
+ return (React.createElement("ul", null, items.map((item, i) => React.createElement(ListItem, { key: i, item: item }))));
38
+ };
39
+ class ListItem extends React.Component {
40
+ constructor() {
41
+ super(...arguments);
42
+ this.state = { showing: true };
43
+ this.handleClick = () => {
44
+ this.setState({ showing: true });
45
+ };
46
+ this.handlHideModal = () => {
47
+ this.setState({ showing: false });
48
+ };
49
+ }
50
+ render() {
51
+ return (React.createElement("li", null,
52
+ this.state.showing &&
53
+ React.createElement(fill_1.default, { name: "modal" },
54
+ "Showing ",
55
+ this.props.item,
56
+ React.createElement("button", { onClick: this.handlHideModal }, "Hide")),
57
+ this.props.item));
58
+ }
59
+ }
60
+ const tree = ReactTestRenderer.create(React.createElement(index_1.SlotFillProvider, null,
61
+ React.createElement(List, { items: ["one", "two", "three"] }),
62
+ React.createElement("div", { className: "modal" },
63
+ React.createElement(slot_1.default, { name: "modal" })))).toJSON();
64
+ expect(tree).toMatchSnapshot();
65
+ });
66
+ });
67
+ //# sourceMappingURL=filler-slot.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"filler-slot.test.js","sourceRoot":"","sources":["../../../src/slot-fill/__tests__/filler-slot.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,oBAAoB;AACpB,6CAA+B;AAE/B,uEAAyD;AACzD,wDAAgC;AAChC,wDAAgC;AAChC,qCAAqC;AACrC,oCAAwD;AACxD,gBAAc;AAEd,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,EAAE,CAAC,gEAAgE,EAAE,GAAG,EAAE;QACxE,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAE1B,MAAM,IAAI,GAAG,CAAE,EAAE,KAAK,EAAE,EAAE,EAAE;YACxB,OAAO,CACH,gCACK,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,oBAAC,QAAQ,IAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC,CACxD,CACR,CAAA;QACL,CAAC,CAAA;QAED,MAAM,QAAS,SAAQ,KAAK,CAAC,SAAuB;YAApD;;gBACI,UAAK,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gBAC1B,gBAAW,GAAG,GAAG,EAAE;oBACf,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;gBACrC,CAAC,CAAA;gBACD,mBAAc,GAAG,GAAG,EAAE;oBAClB,IAAI,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;gBACtC,CAAC,CAAA;YAaL,CAAC;YAZG,MAAM;gBACF,OAAO,CACH;oBACK,IAAI,CAAC,KAAK,CAAC,OAAO;wBACnB,oBAAC,cAAI,IAAC,IAAI,EAAC,OAAO;;4BAAU,IAAI,CAAC,KAAK,CAAC,IAAI;4BACvC,gCAAQ,OAAO,EAAE,IAAI,CAAC,cAAc,WAAe,CAChD;oBAEN,IAAI,CAAC,KAAK,CAAC,IAAI,CACf,CACR,CAAA;YACL,CAAC;SACJ;QAED,MAAM,IAAI,GAAG,iBAAiB,CAAC,MAAM,CACjC,oBAAC,wBAAQ;YACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,GAAI;YACxC,6BAAK,SAAS,EAAC,OAAO;gBAClB,oBAAC,cAAI,IAAC,IAAI,EAAC,OAAO,GAAG,CACnB,CACC,CACd,CAAC,MAAM,EAAE,CAAC;QAEX,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AAEL,CAAC,CAAC,CAAC"}
@@ -0,0 +1 @@
1
+ import 'jest';
@@ -0,0 +1,183 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
+ }) : (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ o[k2] = m[k];
8
+ }));
9
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
11
+ }) : function(o, v) {
12
+ o["default"] = v;
13
+ });
14
+ var __importStar = (this && this.__importStar) || function (mod) {
15
+ if (mod && mod.__esModule) return mod;
16
+ var result = {};
17
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
+ __setModuleDefault(result, mod);
19
+ return result;
20
+ };
21
+ var __importDefault = (this && this.__importDefault) || function (mod) {
22
+ return (mod && mod.__esModule) ? mod : { "default": mod };
23
+ };
24
+ Object.defineProperty(exports, "__esModule", { value: true });
25
+ /* tslint:disable */
26
+ const React = __importStar(require("react"));
27
+ const lodash_1 = require("lodash");
28
+ const ReactTestRenderer = __importStar(require("react-test-renderer"));
29
+ const slot_1 = __importDefault(require("../base/slot"));
30
+ const fill_1 = __importDefault(require("../base/fill"));
31
+ const provider_1 = __importDefault(require("../base/provider"));
32
+ const react_1 = require("react");
33
+ require("jest");
34
+ class Filler extends react_1.Component {
35
+ constructor(props) {
36
+ super(props);
37
+ this.state = {
38
+ num: 1
39
+ };
40
+ }
41
+ render() {
42
+ return [
43
+ React.createElement("button", { key: "1", type: "button", onClick: () => this.setState({ num: this.state.num + 1 }) }),
44
+ React.createElement(fill_1.default, { name: this.props.name, key: "2" }, this.props.text || this.state.num.toString())
45
+ ];
46
+ }
47
+ }
48
+ describe("Slot", () => {
49
+ it("should render empty Fills", () => {
50
+ const tree = ReactTestRenderer.create(React.createElement(provider_1.default, null,
51
+ React.createElement("div", null,
52
+ React.createElement(slot_1.default, { name: "chicken" })),
53
+ React.createElement(fill_1.default, { name: "chicken" }))).toJSON();
54
+ expect(tree).toMatchSnapshot();
55
+ });
56
+ it("should render a string Fill", () => {
57
+ const tree = ReactTestRenderer.create(React.createElement(provider_1.default, null,
58
+ React.createElement("div", null,
59
+ React.createElement(slot_1.default, { name: "chicken" })),
60
+ React.createElement(fill_1.default, { name: "chicken" }, "content"))).toJSON();
61
+ expect(tree).toMatchSnapshot();
62
+ });
63
+ it("should render a Fill containing an element", () => {
64
+ const tree = ReactTestRenderer.create(React.createElement(provider_1.default, null,
65
+ React.createElement("div", null,
66
+ React.createElement(slot_1.default, { name: "chicken" })),
67
+ React.createElement(fill_1.default, { name: "chicken" },
68
+ React.createElement("span", null)))).toJSON();
69
+ expect(tree).toMatchSnapshot();
70
+ });
71
+ it("should render a Fill containing an array", () => {
72
+ const tree = ReactTestRenderer.create(React.createElement(provider_1.default, null,
73
+ React.createElement("div", null,
74
+ React.createElement(slot_1.default, { name: "chicken" })),
75
+ React.createElement(fill_1.default, { name: "chicken" }, [React.createElement("span", { key: "1" }), React.createElement("div", { key: "2" }), "text"]))).toJSON();
76
+ expect(tree).toMatchSnapshot();
77
+ });
78
+ it("calls the functions passed as the Slot's fillProps in the Fill", () => {
79
+ const onClose = jest.fn();
80
+ const testInstance = ReactTestRenderer.create(React.createElement(provider_1.default, null,
81
+ React.createElement(slot_1.default, { name: "chicken", fillProps: { onClose } }),
82
+ React.createElement(fill_1.default, { name: "chicken" }, props => {
83
+ return React.createElement("button", { onClick: props.onClose }, " Click me");
84
+ }))).root;
85
+ testInstance.findByType("button").props.onClick();
86
+ expect(onClose).toHaveBeenCalledTimes(1);
87
+ });
88
+ it("should render empty Fills without HTML wrapper when render props used", () => {
89
+ const tree = ReactTestRenderer.create(React.createElement(provider_1.default, null,
90
+ React.createElement("div", null,
91
+ React.createElement(slot_1.default, { name: "chicken" }, fills => !lodash_1.isEmpty(fills) && React.createElement("blockquote", null, fills))),
92
+ React.createElement(fill_1.default, { name: "chicken" }))).toJSON();
93
+ expect(tree).toMatchSnapshot();
94
+ });
95
+ it("should render a string Fill with HTML wrapper when render props used", () => {
96
+ const tree = ReactTestRenderer.create(React.createElement(provider_1.default, null,
97
+ React.createElement("div", null,
98
+ React.createElement(slot_1.default, { name: "chicken" }, fills => fills && React.createElement("blockquote", null, fills))),
99
+ React.createElement(fill_1.default, { name: "chicken" }, "content"))).toJSON();
100
+ expect(tree).toMatchSnapshot();
101
+ });
102
+ it("should re-render Slot when not bubbling virtually", () => {
103
+ const testRender = ReactTestRenderer.create(React.createElement(provider_1.default, null,
104
+ React.createElement("div", null,
105
+ React.createElement(slot_1.default, { name: "egg" })),
106
+ React.createElement(Filler, { name: "egg" })));
107
+ expect(testRender.toJSON()).toMatchSnapshot();
108
+ testRender.root.findByType("button").props.onClick();
109
+ expect(testRender.toJSON()).toMatchSnapshot();
110
+ });
111
+ it("should render in expected order", () => {
112
+ const testRenderer = ReactTestRenderer.create(React.createElement(provider_1.default, null,
113
+ React.createElement("div", { key: "slot" },
114
+ React.createElement(slot_1.default, { name: "egg" }))));
115
+ testRenderer.update(React.createElement(provider_1.default, null,
116
+ React.createElement("div", { key: "slot" },
117
+ React.createElement(slot_1.default, { name: "egg" })),
118
+ React.createElement(Filler, { name: "egg", key: "first", text: "first" }),
119
+ React.createElement(Filler, { name: "egg", key: "second", text: "second" })));
120
+ testRenderer.update(React.createElement(provider_1.default, null,
121
+ React.createElement("div", { key: "slot" },
122
+ React.createElement(slot_1.default, { name: "egg" })),
123
+ React.createElement(Filler, { name: "egg", key: "second", text: "second" })));
124
+ testRenderer.update(React.createElement(provider_1.default, null,
125
+ React.createElement("div", { key: "slot" },
126
+ React.createElement(slot_1.default, { name: "egg" })),
127
+ React.createElement(Filler, { name: "egg", key: "first", text: "first" }),
128
+ React.createElement(Filler, { name: "egg", key: "second", text: "second" })));
129
+ expect(testRenderer.toJSON()).toMatchSnapshot();
130
+ });
131
+ describe.each([false, true])("bubblesVirtually %p", bubblesVirtually => {
132
+ it("should subsume another slot by the same name", () => {
133
+ const testRenderer = ReactTestRenderer.create(React.createElement(provider_1.default, null,
134
+ React.createElement("div", { "data-position": "first" },
135
+ React.createElement(slot_1.default, { name: "egg", bubblesVirtually: bubblesVirtually })),
136
+ React.createElement("div", { "data-position": "second" }),
137
+ React.createElement(fill_1.default, { name: "egg" }, "Content")));
138
+ testRenderer.update(React.createElement(provider_1.default, null,
139
+ React.createElement("div", { "data-position": "first" },
140
+ React.createElement(slot_1.default, { name: "egg", bubblesVirtually: bubblesVirtually })),
141
+ React.createElement("div", { "data-position": "second" },
142
+ React.createElement(slot_1.default, { name: "egg", bubblesVirtually: bubblesVirtually })),
143
+ React.createElement(fill_1.default, { name: "egg" }, "Content")));
144
+ expect(testRenderer.toJSON()).toMatchSnapshot();
145
+ testRenderer.update(React.createElement(provider_1.default, null,
146
+ React.createElement("div", { "data-position": "first" }),
147
+ React.createElement("div", { "data-position": "second" },
148
+ React.createElement(slot_1.default, { name: "egg", bubblesVirtually: bubblesVirtually })),
149
+ React.createElement(fill_1.default, { name: "egg" }, "Content")));
150
+ expect(testRenderer.toJSON()).toMatchSnapshot();
151
+ // expect(testRenderer.getInstance().slots).toHaveProperty("egg");
152
+ });
153
+ });
154
+ });
155
+ //@sri custom logic
156
+ describe("Slot with logic", () => {
157
+ it("should render a string Fill with HTML wrapper when render props used", () => {
158
+ const Fill1 = props => {
159
+ return React.createElement(fill_1.default, { name: "chicken", fillId: 'id1' }, props => {
160
+ return "content";
161
+ });
162
+ };
163
+ const Fill2 = props => {
164
+ return (React.createElement(fill_1.default, { name: "chicken", fillId: 'id2' }, props => {
165
+ console.log("--filler--props", props);
166
+ return "content1";
167
+ }));
168
+ };
169
+ const Slot1 = props => {
170
+ return (React.createElement(slot_1.default, { name: "chicken", fillProps: { selected: "one" } }, fills => {
171
+ console.log("---files", fills);
172
+ return fills && React.createElement("blockquote", null, "Test");
173
+ }));
174
+ };
175
+ const tree = ReactTestRenderer.create(React.createElement(provider_1.default, null,
176
+ React.createElement("div", null,
177
+ React.createElement(Slot1, null)),
178
+ React.createElement(Fill1, null),
179
+ React.createElement(Fill2, null))).toJSON();
180
+ expect(tree).toMatchSnapshot();
181
+ });
182
+ });
183
+ //# sourceMappingURL=slot-features.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"slot-features.test.js","sourceRoot":"","sources":["../../../src/slot-fill/__tests__/slot-features.test.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,6 @@
1
+ import * as React from 'react';
2
+ import { IContext } from '../interfaces';
3
+ declare const SlotFillContext: React.Context<IContext>;
4
+ declare const Provider: React.Provider<IContext>, Consumer: React.Consumer<IContext>;
5
+ export { Consumer, Provider };
6
+ export default SlotFillContext;
@@ -0,0 +1,38 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
+ }) : (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ o[k2] = m[k];
8
+ }));
9
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
11
+ }) : function(o, v) {
12
+ o["default"] = v;
13
+ });
14
+ var __importStar = (this && this.__importStar) || function (mod) {
15
+ if (mod && mod.__esModule) return mod;
16
+ var result = {};
17
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
+ __setModuleDefault(result, mod);
19
+ return result;
20
+ };
21
+ Object.defineProperty(exports, "__esModule", { value: true });
22
+ exports.Provider = exports.Consumer = void 0;
23
+ const React = __importStar(require("react"));
24
+ const SlotFillContext = React.createContext({
25
+ registerSlot: () => { },
26
+ unregisterSlot: () => { },
27
+ registerFill: () => { },
28
+ unregisterFill: () => { },
29
+ getSlot: () => ({}),
30
+ getFills: () => ([]),
31
+ hasFills: () => false,
32
+ subscribe: () => { },
33
+ });
34
+ const { Provider, Consumer } = SlotFillContext;
35
+ exports.Provider = Provider;
36
+ exports.Consumer = Consumer;
37
+ exports.default = SlotFillContext;
38
+ //# sourceMappingURL=context.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/slot-fill/base/context.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAG/B,MAAM,eAAe,GAAG,KAAK,CAAC,aAAa,CAAkB;IAC3D,YAAY,EAAE,GAAG,EAAE,GAAE,CAAC;IACtB,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;IACxB,YAAY,EAAE,GAAG,EAAE,GAAE,CAAC;IACtB,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;IACxB,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAQ;IAC1B,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;IACpB,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK;IACrB,SAAS,EAAE,GAAG,EAAE,GAAE,CAAC;CACpB,CAAC,CAAC;AACH,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,eAAe,CAAC;AAC5B,4BAAQ;AAAlB,4BAAQ;AACjB,kBAAe,eAAe,CAAC"}
@@ -0,0 +1,10 @@
1
+ import { FC } from 'react';
2
+ import { IFillProps, IContext } from '../interfaces';
3
+ export declare namespace IFillComponent {
4
+ interface Props extends IFillProps, Partial<IContext> {
5
+ }
6
+ }
7
+ declare type IFillComponentProps<T = IFillProps> = T;
8
+ declare type IFillComponent<T = IFillProps> = FC<IFillComponentProps<T>>;
9
+ declare const Fill: IFillComponent;
10
+ export default Fill;
@@ -0,0 +1,65 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
+ }) : (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ o[k2] = m[k];
8
+ }));
9
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
11
+ }) : function(o, v) {
12
+ o["default"] = v;
13
+ });
14
+ var __importStar = (this && this.__importStar) || function (mod) {
15
+ if (mod && mod.__esModule) return mod;
16
+ var result = {};
17
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
+ __setModuleDefault(result, mod);
19
+ return result;
20
+ };
21
+ Object.defineProperty(exports, "__esModule", { value: true });
22
+ const react_1 = __importStar(require("react"));
23
+ const react_dom_1 = require("react-dom");
24
+ const lodash_1 = require("lodash");
25
+ const context_1 = require("./context");
26
+ const use_slot_1 = require("./use-slot");
27
+ const FillComponent = ({ name, children, registerFill, unregisterFill, }) => {
28
+ const slot = use_slot_1.useSlot(name);
29
+ const ref = react_1.useRef({
30
+ name,
31
+ children,
32
+ });
33
+ react_1.useLayoutEffect(() => {
34
+ registerFill(name, ref.current);
35
+ return () => unregisterFill(name, ref.current);
36
+ }, []);
37
+ react_1.useLayoutEffect(() => {
38
+ ref.current.children = children;
39
+ if (slot) {
40
+ slot.forceUpdate();
41
+ }
42
+ }, [children]);
43
+ react_1.useLayoutEffect(() => {
44
+ if (name === ref.current.name) {
45
+ // ignore initial effect
46
+ return;
47
+ }
48
+ unregisterFill(ref.current.name, ref.current);
49
+ ref.current.name = name;
50
+ registerFill(name, ref.current);
51
+ }, [name]);
52
+ if (!slot || !slot.node) {
53
+ return null;
54
+ }
55
+ // If a function is passed as a child, provide it with the fillProps.
56
+ if (lodash_1.isFunction(children)) {
57
+ children = children(slot.props.fillProps);
58
+ }
59
+ return react_dom_1.createPortal(children, slot.node);
60
+ };
61
+ const Fill = props => {
62
+ return (react_1.default.createElement(context_1.Consumer, null, ({ registerFill, unregisterFill }) => (react_1.default.createElement(FillComponent, Object.assign({}, props, { registerFill: registerFill, unregisterFill: unregisterFill })))));
63
+ };
64
+ exports.default = Fill;
65
+ //# sourceMappingURL=fill.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"fill.js","sourceRoot":"","sources":["../../../src/slot-fill/base/fill.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,+CAAgE;AAChE,yCAAyC;AACzC,mCAAoC;AACpC,uCAAqC;AAErC,yCAAqC;AAKrC,MAAM,aAAa,GAA8B,CAAC,EAChD,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,cAAc,GACf,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,kBAAO,CAAC,IAAI,CAAC,CAAC;IAE3B,MAAM,GAAG,GAAG,cAAM,CAAC;QACjB,IAAI;QACJ,QAAQ;KACT,CAAC,CAAC;IAEH,uBAAe,CAAC,GAAG,EAAE;QACnB,YAAY,CAAC,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;QAChC,OAAO,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACjD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,uBAAe,CAAC,GAAG,EAAE;QACnB,GAAG,CAAC,OAAO,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAChC,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,WAAW,EAAE,CAAC;SACpB;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,uBAAe,CAAC,GAAG,EAAE;QACnB,IAAI,IAAI,KAAK,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE;YAC7B,wBAAwB;YACxB,OAAO;SACR;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;IAClC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;QACvB,OAAO,IAAI,CAAC;KACb;IAED,qEAAqE;IACrE,IAAI,mBAAU,CAAC,QAAQ,CAAC,EAAE;QACxB,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;KAC3C;IAED,OAAO,wBAAY,CAAC,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;AAC3C,CAAC,CAAC;AAQF,MAAM,IAAI,GAAmB,KAAK,CAAC,EAAE;IACnC,OAAO,CACL,8BAAC,kBAAQ,QACN,CAAC,EAAE,YAAY,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CACrC,8BAAC,aAAa,oBACR,KAAK,IACT,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,IAC9B,CACH,CACQ,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,IAAI,CAAC"}
@@ -0,0 +1,21 @@
1
+ import { Component } from 'react';
2
+ import { IFill, ISlot } from '../interfaces';
3
+ declare class SlotFillProvider extends Component<{}, {}> {
4
+ private slots;
5
+ private fills;
6
+ private listeners;
7
+ private contextValue;
8
+ constructor(props: any);
9
+ registerSlot(name: any, slot: any): void;
10
+ registerFill(name: any, instance: any): void;
11
+ unregisterSlot(name: any, instance: any): void;
12
+ unregisterFill(name: any, instance: IFill): void;
13
+ getSlot(name: any): ISlot;
14
+ getFills(name: any, slotInstance: any): IFill[];
15
+ hasFills(name: any): boolean;
16
+ private forceUpdateSlot;
17
+ private triggerListeners;
18
+ subscribe(listener: any): () => void;
19
+ render(): JSX.Element;
20
+ }
21
+ export default SlotFillProvider;
@@ -0,0 +1,117 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
+ }) : (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ o[k2] = m[k];
8
+ }));
9
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
11
+ }) : function(o, v) {
12
+ o["default"] = v;
13
+ });
14
+ var __importStar = (this && this.__importStar) || function (mod) {
15
+ if (mod && mod.__esModule) return mod;
16
+ var result = {};
17
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
+ __setModuleDefault(result, mod);
19
+ return result;
20
+ };
21
+ Object.defineProperty(exports, "__esModule", { value: true });
22
+ const react_1 = __importStar(require("react"));
23
+ const lodash_1 = require("lodash");
24
+ const context_1 = require("./context");
25
+ class SlotFillProvider extends react_1.Component {
26
+ constructor(props) {
27
+ super(props);
28
+ this.registerSlot = this.registerSlot.bind(this);
29
+ this.registerFill = this.registerFill.bind(this);
30
+ this.unregisterSlot = this.unregisterSlot.bind(this);
31
+ this.unregisterFill = this.unregisterFill.bind(this);
32
+ this.getSlot = this.getSlot.bind(this);
33
+ this.getFills = this.getFills.bind(this);
34
+ this.subscribe = this.subscribe.bind(this);
35
+ this.slots = {};
36
+ this.fills = {};
37
+ this.listeners = [];
38
+ this.contextValue = {
39
+ registerSlot: this.registerSlot,
40
+ unregisterSlot: this.unregisterSlot,
41
+ registerFill: this.registerFill,
42
+ unregisterFill: this.unregisterFill,
43
+ getSlot: this.getSlot,
44
+ getFills: this.getFills,
45
+ hasFills: this.hasFills,
46
+ subscribe: this.subscribe,
47
+ };
48
+ }
49
+ registerSlot(name, slot) {
50
+ const previousSlot = this.slots[name];
51
+ this.slots[name] = slot;
52
+ this.triggerListeners();
53
+ // Sometimes the fills are registered after the initial render of slot
54
+ // But before the registerSlot call, we need to rerender the slot
55
+ this.forceUpdateSlot(name);
56
+ // If a new instance of a slot is being mounted while another with the
57
+ // same name exists, force its update _after_ the new slot has been
58
+ // assigned into the instance, suich that its own rendering of children
59
+ // will be empty (the new Slot will subsume all fills for this name).
60
+ if (previousSlot) {
61
+ previousSlot.forceUpdate();
62
+ }
63
+ }
64
+ registerFill(name, instance) {
65
+ this.fills[name] = [...(this.fills[name] || []), instance];
66
+ this.forceUpdateSlot(name);
67
+ }
68
+ unregisterSlot(name, instance) {
69
+ // If a previous instance of a Slot by this name unmounts, do nothing,
70
+ // as the slot and its fills should only be removed for the current
71
+ // known instance.
72
+ if (this.slots[name] !== instance) {
73
+ return;
74
+ }
75
+ delete this.slots[name];
76
+ this.triggerListeners();
77
+ }
78
+ unregisterFill(name, instance) {
79
+ this.fills[name] = lodash_1.without(this.fills[name], instance);
80
+ this.forceUpdateSlot(name);
81
+ }
82
+ getSlot(name) {
83
+ return this.slots[name];
84
+ }
85
+ getFills(name, slotInstance) {
86
+ // Commented following as we need the Slot to render at multiple places
87
+ // Fills should only be returned for the current instance of the slot
88
+ // in which they occupy.
89
+ // if (this.slots[name] !== slotInstance) {
90
+ // return [];
91
+ // }
92
+ return lodash_1.sortBy(this.fills[name]);
93
+ }
94
+ hasFills(name) {
95
+ return this.fills[name] && !!this.fills[name].length;
96
+ }
97
+ forceUpdateSlot(name) {
98
+ const slot = this.getSlot(name);
99
+ if (slot) {
100
+ slot.forceUpdate();
101
+ }
102
+ }
103
+ triggerListeners() {
104
+ this.listeners.forEach((listener) => listener());
105
+ }
106
+ subscribe(listener) {
107
+ this.listeners.push(listener);
108
+ return () => {
109
+ this.listeners = lodash_1.without(this.listeners, listener);
110
+ };
111
+ }
112
+ render() {
113
+ return react_1.default.createElement(context_1.Provider, { value: this.contextValue }, this.props.children);
114
+ }
115
+ }
116
+ exports.default = SlotFillProvider;
117
+ //# sourceMappingURL=provider.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"provider.js","sourceRoot":"","sources":["../../../src/slot-fill/base/provider.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,8 @@
1
+ import { SFC } from 'react';
2
+ import { ISlotProps, IContext } from '../interfaces';
3
+ export declare namespace ISlotComponent {
4
+ interface Props extends Partial<IContext>, ISlotProps {
5
+ }
6
+ }
7
+ declare const Slot: SFC<ISlotProps>;
8
+ export default Slot;