@common-stack/components-pro 0.1.21 → 0.1.24

package/lib/index.d.ts

@@ -0,0 +1 @@
+export { createSlotFill, Slot, Fill, Provider as SlotFillProvider, useSlot as __experimentalUseSlot, } from './slot-fill';

package/lib/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.__experimentalUseSlot = exports.SlotFillProvider = exports.Fill = exports.Slot = exports.createSlotFill = void 0;
+var slot_fill_1 = require("./slot-fill");
+Object.defineProperty(exports, "createSlotFill", { enumerable: true, get: function () { return slot_fill_1.createSlotFill; } });
+Object.defineProperty(exports, "Slot", { enumerable: true, get: function () { return slot_fill_1.Slot; } });
+Object.defineProperty(exports, "Fill", { enumerable: true, get: function () { return slot_fill_1.Fill; } });
+Object.defineProperty(exports, "SlotFillProvider", { enumerable: true, get: function () { return slot_fill_1.Provider; } });
+Object.defineProperty(exports, "__experimentalUseSlot", { enumerable: true, get: function () { return slot_fill_1.useSlot; } });
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,yCAMqB;AALpB,2GAAA,cAAc,OAAA;AACd,iGAAA,IAAI,OAAA;AACJ,iGAAA,IAAI,OAAA;AACJ,6GAAA,QAAQ,OAAoB;AAC5B,kHAAA,OAAO,OAAyB"}

package/lib/index.native.d.ts

@@ -0,0 +1 @@
+export { createSlotFill, Slot, Fill, Provider as SlotFillProvider, } from './slot-fill';

package/lib/index.native.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SlotFillProvider = exports.Fill = exports.Slot = exports.createSlotFill = void 0;
+var slot_fill_1 = require("./slot-fill");
+Object.defineProperty(exports, "createSlotFill", { enumerable: true, get: function () { return slot_fill_1.createSlotFill; } });
+Object.defineProperty(exports, "Slot", { enumerable: true, get: function () { return slot_fill_1.Slot; } });
+Object.defineProperty(exports, "Fill", { enumerable: true, get: function () { return slot_fill_1.Fill; } });
+Object.defineProperty(exports, "SlotFillProvider", { enumerable: true, get: function () { return slot_fill_1.Provider; } });
+//# sourceMappingURL=index.native.js.map

package/lib/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.js","sourceRoot":"","sources":["../src/index.native.ts"],"names":[],"mappings":";;;AAAA,yCAKqB;AAJpB,2GAAA,cAAc,OAAA;AACd,iGAAA,IAAI,OAAA;AACJ,iGAAA,IAAI,OAAA;AACJ,6GAAA,QAAQ,OAAoB"}

package/lib/slot-fill/__tests__/filler-slot.test.d.ts

@@ -0,0 +1 @@
+import 'jest';

package/lib/slot-fill/__tests__/filler-slot.test.js

@@ -0,0 +1,63 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/* tslint:disable */
+const React = __importStar(require("react"));
+const ReactTestRenderer = __importStar(require("react-test-renderer"));
+const __1 = require("../");
+// import Provider from '../context';
+const index_1 = require("../index");
+require("jest");
+describe('Slot with filter', () => {
+    it("calls the functions passed as the Slot's fillProps in the Fill", () => {
+        const onClose = jest.fn();
+        const List = ({ items }) => {
+            return (React.createElement("ul", null, items.map((item, i) => React.createElement(ListItem, { key: i, item: item }))));
+        };
+        class ListItem extends React.Component {
+            constructor() {
+                super(...arguments);
+                this.state = { showing: true };
+                this.handleClick = () => {
+                    this.setState({ showing: true });
+                };
+                this.handlHideModal = () => {
+                    this.setState({ showing: false });
+                };
+            }
+            render() {
+                return (React.createElement("li", null,
+                    this.state.showing &&
+                        React.createElement(__1.Fill, { name: "modal" },
+                            "Showing ",
+                            this.props.item,
+                            React.createElement("button", { onClick: this.handlHideModal }, "Hide")),
+                    this.props.item));
+            }
+        }
+        const tree = ReactTestRenderer.create(React.createElement(index_1.SlotFillProvider, null,
+            React.createElement(List, { items: ["one", "two", "three"] }),
+            React.createElement("div", { className: "modal" },
+                React.createElement(__1.Slot, { name: "modal" })))).toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=filler-slot.test.js.map

package/lib/slot-fill/__tests__/filler-slot.test.js.map

@@ -0,0 +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,2BAA8B;AAC9B,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,QAAI,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,QAAI,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"}

package/lib/slot-fill/__tests__/slot-features.test.d.ts

@@ -0,0 +1 @@
+import 'jest';

package/lib/slot-fill/__tests__/slot-features.test.js

@@ -0,0 +1,230 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/* tslint:disable */
+const React = __importStar(require("react"));
+const lodash_1 = require("lodash");
+const react_1 = require("@testing-library/react");
+const __1 = require("../");
+const react_2 = require("react");
+require("jest");
+class Filler extends react_2.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            num: 1
+        };
+    }
+    render() {
+        return [
+            React.createElement("button", { key: "1", type: "button", onClick: () => this.setState({ num: this.state.num + 1 }) }),
+            React.createElement(__1.Fill, { name: this.props.name, key: "2" }, this.props.text || this.state.num.toString())
+        ];
+    }
+}
+describe("Slot", () => {
+    it("should render empty Fills", () => {
+        const { container } = react_1.render(React.createElement(__1.Provider, null,
+            React.createElement("div", null,
+                React.createElement(__1.Slot, { name: "chicken" })),
+            React.createElement(__1.Fill, { name: "chicken" })));
+        expect(container).toMatchSnapshot();
+    });
+    it("should render a string Fill", () => {
+        const { container } = react_1.render(React.createElement(__1.Provider, null,
+            React.createElement("div", null,
+                React.createElement(__1.Slot, { name: "chicken" })),
+            React.createElement(__1.Fill, { name: "chicken" }, "content")));
+        expect(container).toMatchSnapshot();
+    });
+    it("should render a Fill containing an element", () => {
+        const { container } = react_1.render(React.createElement(__1.Provider, null,
+            React.createElement("div", null,
+                React.createElement(__1.Slot, { name: "chicken" })),
+            React.createElement(__1.Fill, { name: "chicken" },
+                React.createElement("span", null))));
+        expect(container).toMatchSnapshot();
+    });
+    it("should render a Fill containing an array", () => {
+        const { container } = react_1.render(React.createElement(__1.Provider, null,
+            React.createElement("div", null,
+                React.createElement(__1.Slot, { name: "chicken" })),
+            React.createElement(__1.Fill, { name: "chicken" }, [React.createElement("span", { key: "1" }), React.createElement("div", { key: "2" }), "text"])));
+        expect(container).toMatchSnapshot();
+    });
+    it("calls the functions passed as the Slot's fillProps in the Fill", () => {
+        const onClose = jest.fn();
+        const { getByText } = react_1.render(React.createElement(__1.Provider, null,
+            React.createElement(__1.Slot, { name: "chicken", fillProps: { onClose } }),
+            React.createElement(__1.Fill, { name: "chicken" }, props => {
+                return React.createElement("button", { onClick: props.onClose }, " Click me");
+            })));
+        react_1.fireEvent.click(getByText('Click me'));
+        expect(onClose).toHaveBeenCalledTimes(1);
+    });
+    it("should render empty Fills without HTML wrapper when render props used", () => {
+        const { container } = react_1.render(React.createElement(__1.Provider, null,
+            React.createElement("div", null,
+                React.createElement(__1.Slot, { name: "chicken" }, fills => !lodash_1.isEmpty(fills) && React.createElement("blockquote", null, fills))),
+            React.createElement(__1.Fill, { name: "chicken" })));
+        expect(container).toMatchSnapshot();
+    });
+    it("should render a string Fill with HTML wrapper when render props used", () => {
+        const { container } = react_1.render(React.createElement(__1.Provider, null,
+            React.createElement("div", null,
+                React.createElement(__1.Slot, { name: "chicken" }, fills => fills && React.createElement("blockquote", null, fills))),
+            React.createElement(__1.Fill, { name: "chicken" }, "content")));
+        expect(container).toMatchSnapshot();
+    });
+    it("should re-render Slot when not bubbling virtually", () => {
+        const { container, getByRole } = react_1.render(React.createElement(__1.Provider, null,
+            React.createElement("div", null,
+                React.createElement(__1.Slot, { name: "egg" })),
+            React.createElement(Filler, { name: "egg" })));
+        expect(container).toMatchSnapshot();
+        react_1.fireEvent.click(getByRole('button'));
+        expect(container).toMatchSnapshot();
+    });
+    it("should render in expected order when fills always mounted", () => {
+        const { container, rerender } = react_1.render(React.createElement(__1.Provider, null,
+            React.createElement("div", { key: "slot" },
+                React.createElement(__1.Slot, { name: "egg" }))));
+        rerender(React.createElement(__1.Provider, null,
+            React.createElement("div", { key: "slot" },
+                React.createElement(__1.Slot, { name: "egg" })),
+            React.createElement(Filler, { name: "egg", key: "first", text: "first" }),
+            React.createElement(Filler, { name: "egg", key: "second", text: "second" })));
+        rerender(React.createElement(__1.Provider, null,
+            React.createElement("div", { key: "slot" },
+                React.createElement(__1.Slot, { name: "egg" })),
+            React.createElement(__1.Fill, { name: "egg", key: "first" }),
+            React.createElement(__1.Fill, { name: "egg", key: "second" }, "second"),
+            React.createElement(__1.Fill, { name: "egg", key: "third" }, "third")));
+        rerender(React.createElement(__1.Provider, null,
+            React.createElement("div", { key: "slot" },
+                React.createElement(__1.Slot, { name: "egg" })),
+            React.createElement(__1.Fill, { name: "egg", key: "first" }, "first (rerendered)"),
+            React.createElement(__1.Fill, { name: "egg", key: "second" }, "second"),
+            React.createElement(__1.Fill, { name: "egg", key: "third" }, "third"),
+            React.createElement(__1.Fill, { name: "egg", key: "fourth" }, "fourth (new)")));
+        expect(container).toMatchSnapshot();
+    });
+    it('should render in expected order when fills unmounted', () => {
+        const { container, rerender } = react_1.render(React.createElement(__1.Provider, null,
+            React.createElement("div", { key: "slot" },
+                React.createElement(__1.Slot, { name: "egg" }))));
+        rerender(React.createElement(__1.Provider, null,
+            React.createElement("div", { key: "slot" },
+                React.createElement(__1.Slot, { name: "egg" })),
+            React.createElement(Filler, { name: "egg", key: "first", text: "first" }),
+            React.createElement(Filler, { name: "egg", key: "second", text: "second" })));
+        rerender(React.createElement(__1.Provider, null,
+            React.createElement("div", { key: "slot" },
+                React.createElement(__1.Slot, { name: "egg" })),
+            React.createElement(Filler, { name: "egg", key: "second", text: "second" }),
+            React.createElement(Filler, { name: "egg", key: "third", text: "third" })));
+        rerender(React.createElement(__1.Provider, null,
+            React.createElement("div", { key: "slot" },
+                React.createElement(__1.Slot, { name: "egg" })),
+            React.createElement(Filler, { name: "egg", key: "first", text: "first (rerendered)" }),
+            React.createElement(Filler, { name: "egg", key: "second", text: "second" }),
+            React.createElement(Filler, { name: "egg", key: "third", text: "third" }),
+            React.createElement(Filler, { name: "egg", key: "fourth", text: "fourth (new)" })));
+        expect(container).toMatchSnapshot();
+    });
+    it('should warn without a Provider', () => {
+        const { container } = react_1.render(React.createElement(React.Fragment, null,
+            React.createElement("div", null,
+                React.createElement(__1.Slot, { name: "chicken", bubblesVirtually: true })),
+            React.createElement(__1.Fill, { name: "chicken" })));
+        expect(container).toMatchSnapshot();
+        // expect(console).toHaveWarned();
+    });
+    describe.each([false, true])("bubblesVirtually %p", bubblesVirtually => {
+        it("should subsume another slot by the same name", () => {
+            const { container, rerender } = react_1.render(React.createElement(__1.Provider, null,
+                React.createElement("div", { "data-position": "first" },
+                    React.createElement(__1.Slot, { name: "egg", bubblesVirtually: bubblesVirtually })),
+                React.createElement("div", { "data-position": "second" }),
+                React.createElement(__1.Fill, { name: "egg" }, "Content")));
+            rerender(React.createElement(__1.Provider, null,
+                React.createElement("div", { "data-position": "first" },
+                    React.createElement(__1.Slot, { name: "egg", bubblesVirtually: bubblesVirtually })),
+                React.createElement("div", { "data-position": "second" },
+                    React.createElement(__1.Slot, { name: "egg", bubblesVirtually: bubblesVirtually })),
+                React.createElement(__1.Fill, { name: "egg" }, "Content")));
+            expect(container).toMatchSnapshot();
+            rerender(React.createElement(__1.Provider, null,
+                React.createElement("div", { "data-position": "first" }),
+                React.createElement("div", { "data-position": "second" },
+                    React.createElement(__1.Slot, { name: "egg", bubblesVirtually: bubblesVirtually })),
+                React.createElement(__1.Fill, { name: "egg" }, "Content")));
+            expect(container).toMatchSnapshot();
+        });
+        it('should unmount two slots with the same name', () => {
+            const { rerender, container } = react_1.render(React.createElement(__1.Provider, null,
+                React.createElement("div", { "data-position": "first" },
+                    React.createElement(__1.Slot, { name: "egg", bubblesVirtually: bubblesVirtually })),
+                React.createElement("div", { "data-position": "second" },
+                    React.createElement(__1.Slot, { name: "egg", bubblesVirtually: bubblesVirtually })),
+                React.createElement(__1.Fill, { name: "egg" }, "Content")));
+            rerender(React.createElement(__1.Provider, null,
+                React.createElement("div", { "data-position": "first" },
+                    React.createElement(__1.Slot, { name: "egg", bubblesVirtually: bubblesVirtually })),
+                React.createElement("div", { "data-position": "second" }),
+                React.createElement(__1.Fill, { name: "egg" }, "Content")));
+            rerender(React.createElement(__1.Provider, null,
+                React.createElement("div", { "data-position": "first" }),
+                React.createElement("div", { "data-position": "second" }),
+                React.createElement(__1.Fill, { name: "egg" }, "Content")));
+            expect(container).toMatchSnapshot();
+        });
+    });
+});
+//@sri custom logic
+describe("Slot with logic", () => {
+    it("should render a string Fill with HTML wrapper when render props used", () => {
+        const Fill1 = props => {
+            return React.createElement(__1.Fill, { name: "chicken", fillId: 'id1' }, props => {
+                return "content";
+            });
+        };
+        const Fill2 = props => {
+            return (React.createElement(__1.Fill, { name: "chicken", fillId: 'id2' }, props => {
+                console.log("--filler--props", props);
+                return "content1";
+            }));
+        };
+        const Slot1 = props => {
+            return (React.createElement(__1.Slot, { name: "chicken", fillProps: { selected: "one" } }, fills => {
+                console.log("---files", fills);
+                return fills && React.createElement("blockquote", null, "Test");
+            }));
+        };
+        const { container } = react_1.render(React.createElement(__1.Provider, null,
+            React.createElement("div", null,
+                React.createElement(Slot1, null)),
+            React.createElement(Fill1, null),
+            React.createElement(Fill2, null)));
+        expect(container).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=slot-features.test.js.map

package/lib/slot-fill/__tests__/slot-features.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot-features.test.js","sourceRoot":"","sources":["../../../src/slot-fill/__tests__/slot-features.test.tsx"],"names":[],"mappings":"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"}

package/lib/slot-fill/base/context.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { IContext } from '../interfaces';
+declare const SlotFillContext: React.Context<IContext>;
+declare const Provider: React.Provider<IContext>, Consumer: React.Consumer<IContext>;
+export { Consumer, Provider };
+export default SlotFillContext;

package/lib/slot-fill/base/context.js

@@ -0,0 +1,38 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Provider = exports.Consumer = void 0;
+const React = __importStar(require("react"));
+const SlotFillContext = React.createContext({
+    registerSlot: () => { },
+    unregisterSlot: () => { },
+    registerFill: () => { },
+    unregisterFill: () => { },
+    getSlot: () => ({}),
+    getFills: () => ([]),
+    hasFills: () => false,
+    subscribe: () => { },
+});
+const { Provider, Consumer } = SlotFillContext;
+exports.Provider = Provider;
+exports.Consumer = Consumer;
+exports.default = SlotFillContext;
+//# sourceMappingURL=context.js.map

package/lib/slot-fill/base/context.js.map

@@ -0,0 +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"}

package/lib/slot-fill/base/fill.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { IFillProps, IContext } from '../interfaces';
+export declare namespace IFillComponent {
+    interface Props extends IFillProps, Partial<IContext> {
+    }
+}
+declare type IFillComponentProps<T = IFillProps> = T;
+declare type IFillComponent<T = IFillProps> = FC<IFillComponentProps<T>>;
+declare const Fill: IFillComponent;
+export default Fill;

package/lib/slot-fill/base/fill.js

@@ -0,0 +1,65 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_dom_1 = require("react-dom");
+const lodash_1 = require("lodash");
+const context_1 = require("./context");
+const use_slot_1 = require("./use-slot");
+const FillComponent = ({ name, children, registerFill, unregisterFill, }) => {
+    const slot = use_slot_1.useSlot(name);
+    const ref = react_1.useRef({
+        name,
+        children,
+    });
+    react_1.useLayoutEffect(() => {
+        registerFill(name, ref.current);
+        return () => unregisterFill(name, ref.current);
+    }, []);
+    react_1.useLayoutEffect(() => {
+        ref.current.children = children;
+        if (slot) {
+            slot.forceUpdate();
+        }
+    }, [children]);
+    react_1.useLayoutEffect(() => {
+        if (name === ref.current.name) {
+            // ignore initial effect
+            return;
+        }
+        unregisterFill(ref.current.name, ref.current);
+        ref.current.name = name;
+        registerFill(name, ref.current);
+    }, [name]);
+    if (!slot || !slot.node) {
+        return null;
+    }
+    // If a function is passed as a child, provide it with the fillProps.
+    if (lodash_1.isFunction(children)) {
+        children = children(slot.props.fillProps);
+    }
+    return react_dom_1.createPortal(children, slot.node);
+};
+const Fill = props => {
+    return (react_1.default.createElement(context_1.Consumer, null, ({ registerFill, unregisterFill }) => (react_1.default.createElement(FillComponent, Object.assign({}, props, { registerFill: registerFill, unregisterFill: unregisterFill })))));
+};
+exports.default = Fill;
+//# sourceMappingURL=fill.js.map

package/lib/slot-fill/base/fill.js.map

@@ -0,0 +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"}

package/lib/slot-fill/base/provider.d.ts

@@ -0,0 +1,21 @@
+import { Component } from 'react';
+import { IFill, ISlot } from '../interfaces';
+declare class SlotFillProvider extends Component<{}, {}> {
+    private slots;
+    private fills;
+    private listeners;
+    private contextValue;
+    constructor(props: any);
+    registerSlot(name: any, slot: any): void;
+    registerFill(name: any, instance: any): void;
+    unregisterSlot(name: any, instance: any): void;
+    unregisterFill(name: any, instance: IFill): void;
+    getSlot(name: any): ISlot;
+    getFills(name: any, slotInstance: any): IFill[];
+    hasFills(name: any): boolean;
+    private forceUpdateSlot;
+    private triggerListeners;
+    subscribe(listener: any): () => void;
+    render(): JSX.Element;
+}
+export default SlotFillProvider;

package/lib/slot-fill/base/provider.js

@@ -0,0 +1,117 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const lodash_1 = require("lodash");
+const context_1 = require("./context");
+class SlotFillProvider extends react_1.Component {
+    constructor(props) {
+        super(props);
+        this.registerSlot = this.registerSlot.bind(this);
+        this.registerFill = this.registerFill.bind(this);
+        this.unregisterSlot = this.unregisterSlot.bind(this);
+        this.unregisterFill = this.unregisterFill.bind(this);
+        this.getSlot = this.getSlot.bind(this);
+        this.getFills = this.getFills.bind(this);
+        this.subscribe = this.subscribe.bind(this);
+        this.slots = {};
+        this.fills = {};
+        this.listeners = [];
+        this.contextValue = {
+            registerSlot: this.registerSlot,
+            unregisterSlot: this.unregisterSlot,
+            registerFill: this.registerFill,
+            unregisterFill: this.unregisterFill,
+            getSlot: this.getSlot,
+            getFills: this.getFills,
+            hasFills: this.hasFills,
+            subscribe: this.subscribe,
+        };
+    }
+    registerSlot(name, slot) {
+        const previousSlot = this.slots[name];
+        this.slots[name] = slot;
+        this.triggerListeners();
+        // Sometimes the fills are registered after the initial render of slot
+        // But before the registerSlot call, we need to rerender the slot
+        this.forceUpdateSlot(name);
+        // If a new instance of a slot is being mounted while another with the
+        // same name exists, force its update _after_ the new slot has been
+        // assigned into the instance, suich that its own rendering of children
+        // will be empty (the new Slot will subsume all fills for this name).
+        if (previousSlot) {
+            previousSlot.forceUpdate();
+        }
+    }
+    registerFill(name, instance) {
+        this.fills[name] = [...(this.fills[name] || []), instance];
+        this.forceUpdateSlot(name);
+    }
+    unregisterSlot(name, instance) {
+        // If a previous instance of a Slot by this name unmounts, do nothing,
+        // as the slot and its fills should only be removed for the current
+        // known instance.
+        if (this.slots[name] !== instance) {
+            return;
+        }
+        delete this.slots[name];
+        this.triggerListeners();
+    }
+    unregisterFill(name, instance) {
+        this.fills[name] = lodash_1.without(this.fills[name], instance);
+        this.forceUpdateSlot(name);
+    }
+    getSlot(name) {
+        return this.slots[name];
+    }
+    getFills(name, slotInstance) {
+        // Commented following as we need the Slot to render at multiple places
+        // Fills should only be returned for the current instance of the slot
+        // in which they occupy.
+        // if (this.slots[name] !== slotInstance) {
+        //   return [];
+        // }
+        return lodash_1.sortBy(this.fills[name]);
+    }
+    hasFills(name) {
+        return this.fills[name] && !!this.fills[name].length;
+    }
+    forceUpdateSlot(name) {
+        const slot = this.getSlot(name);
+        if (slot) {
+            slot.forceUpdate();
+        }
+    }
+    triggerListeners() {
+        this.listeners.forEach((listener) => listener());
+    }
+    subscribe(listener) {
+        this.listeners.push(listener);
+        return () => {
+            this.listeners = lodash_1.without(this.listeners, listener);
+        };
+    }
+    render() {
+        return react_1.default.createElement(context_1.Provider, { value: this.contextValue }, this.props.children);
+    }
+}
+exports.default = SlotFillProvider;
+//# sourceMappingURL=provider.js.map

package/lib/slot-fill/base/provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.js","sourceRoot":"","sources":["../../../src/slot-fill/base/provider.tsx"],"names":[],"mappings":"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"}