@common-stack/components-pro 0.1.21 → 0.1.24

package/lib/slot-fill/index.native.js

@@ -0,0 +1,48 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createSlotFill = exports.Slot = exports.Provider = exports.Fill = void 0;
+const React = __importStar(require("react"));
+const lodash_1 = require("lodash");
+const slot_1 = __importDefault(require("./base/slot"));
+const fill_1 = __importDefault(require("./base/fill"));
+exports.Fill = fill_1.default;
+const provider_1 = __importDefault(require("./base/provider"));
+exports.Provider = provider_1.default;
+function Slot(props) {
+    return React.createElement(slot_1.default, Object.assign({}, lodash_1.omit(props, 'bubblesVirtually')));
+}
+exports.Slot = Slot;
+function createSlotFill(name) {
+    const FillComponent = (props) => React.createElement(fill_1.default, Object.assign({ name: name }, props));
+    FillComponent.displayName = name + 'Fill';
+    const SlotComponent = (props) => React.createElement(Slot, Object.assign({ name: name }, props));
+    SlotComponent.displayName = name + 'Slot';
+    return {
+        Fill: FillComponent,
+        Slot: SlotComponent,
+    };
+}
+exports.createSlotFill = createSlotFill;
+//# sourceMappingURL=index.native.js.map

package/lib/slot-fill/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.js","sourceRoot":"","sources":["../../src/slot-fill/index.native.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,mCAA8B;AAC9B,uDAAmC;AACnC,uDAA+B;AAItB,eAJF,cAAI,CAIE;AAHb,+DAAuC;AAGxB,mBAHR,kBAAQ,CAGQ;AAEvB,SAAgB,IAAI,CAAC,KAAiB;IAClC,OAAO,oBAAC,cAAQ,oBAAM,aAAI,CAAC,KAAK,EAAE,kBAAkB,CAAC,EAAI,CAAC;AAC9D,CAAC;AAFD,oBAEC;AAED,SAAgB,cAAc,CAAC,IAAI;IAC/B,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,oBAAC,cAAI,kBAAC,IAAI,EAAE,IAAI,IAAM,KAAK,EAAI,CAAC;IACjE,aAAa,CAAC,WAAW,GAAG,IAAI,GAAG,MAAM,CAAC;IAE1C,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,oBAAC,IAAI,kBAAC,IAAI,EAAE,IAAI,IAAM,KAAK,EAAI,CAAC;IACjE,aAAa,CAAC,WAAW,GAAG,IAAI,GAAG,MAAM,CAAC;IAE1C,OAAO;QACH,IAAI,EAAE,aAAa;QACnB,IAAI,EAAE,aAAa;KACtB,CAAA;AACL,CAAC;AAXD,wCAWC"}

package/lib/slot-fill/interfaces/index.d.ts

@@ -0,0 +1,79 @@
+import { ReactNode, Component } from 'react';
+export declare type Name = string | Symbol;
+export interface IFillProps {
+    name: Name;
+    [key: string]: any;
+}
+export interface IFill extends Component<IFillProps> {
+    occurrence: number;
+    children: ReactNode;
+}
+export interface IContext extends IProviderState {
+}
+export interface IProviderState {
+    registerFill: (a: Name, b: any) => void;
+    unregisterFill: (a: Name, b: any) => void;
+    unregisterSlot: (a: Name, b?: any) => void;
+    registerSlot: (a: Name, b?: {
+        [key: string]: any;
+    }) => void;
+    getSlot: (a: Name) => ISlot;
+    getFills: (a: Name, b?: any) => IFill[] | [];
+    hasFills: (a: Name) => boolean;
+    subscribe: (listener: any) => void;
+}
+export declare type IReactContext = Omit<Partial<IProviderState>, 'registerSlot'> & {
+    slots?: any;
+    fills?: any;
+    updateSlot: (name: Name, fillProps: {
+        [key: string]: any;
+    }) => void;
+    registerSlot: (a: Name, ref: any, b?: {
+        [key: string]: any;
+    }) => void;
+};
+export interface ISlot extends React.Component<ISlotProps> {
+    node: Element;
+}
+export interface ISlotProps {
+    /**
+     * The name of the component. Use a symbol if you want to be 100% sure the Slot
+     * will only be filled by a component you create
+     */
+    name: Name;
+    /**
+     * Props to be applied to the child Element of every fill which has the same name.
+     *
+     * If the value is a function, it must have the following signature:
+     *         (target: Fill, fills: Fill[]) => void;
+     *
+     * This allows you to access props on the fill which invoked the function
+     * by using target.props.something()
+     */
+    fillProps?: {
+        [key: string]: any;
+    };
+    /**
+     * A an optional function which gets all of the current fills for this slot
+     * Allows sorting, or filtering before rendering. An example use-case could
+     * be to only show a limited amount of fills.
+     *
+     * By default Slot injects an unstyled `<div>` element. If you want greater
+     * control over presentation use this function.
+     *
+     * @example
+     * <Slot name="My.Slot">
+     * {(items) => <Component>{items}</Component>}
+     * </Slot>
+     */
+    children?: (fills: IFill[]) => JSX.Element;
+    bubblesVirtually?: boolean;
+    /**
+     * `Slot` with `bubblesVirtually` set to true also accept an optional `className` to
+     * add to the slot container.
+     *
+     * @type {string}
+     * @memberof ISlotProps
+     */
+    className?: string;
+}

package/lib/slot-fill/interfaces/index.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=index.js.map

package/lib/slot-fill/interfaces/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/slot-fill/interfaces/index.ts"],"names":[],"mappings":""}

package/lib/slot-fill/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './isEmptyElement';

package/lib/slot-fill/utils/index.js

@@ -0,0 +1,14 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./isEmptyElement"), exports);
+//# sourceMappingURL=index.js.map

package/lib/slot-fill/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/slot-fill/utils/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,mDAAiC"}

package/lib/slot-fill/utils/isEmptyElement.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+/**
+ * Checks if the provided element to check.
+ *
+ * @param element React Component to check.
+ * @returns True when an element is considered empty.
+ */
+export declare const isEmptyElement: (element: React.ComponentElement<any, any> | any) => boolean;

package/lib/slot-fill/utils/isEmptyElement.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isEmptyElement = void 0;
+const lodash_1 = require("lodash");
+/**
+ * Checks if the provided element to check.
+ *
+ * @param element React Component to check.
+ * @returns True when an element is considered empty.
+ */
+const isEmptyElement = (element) => {
+    if (lodash_1.isNumber(element)) {
+        return false;
+    }
+    if (lodash_1.isString(element) || lodash_1.isArray(element)) {
+        return !element.length;
+    }
+    return !element;
+};
+exports.isEmptyElement = isEmptyElement;
+//# sourceMappingURL=isEmptyElement.js.map

package/lib/slot-fill/utils/isEmptyElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isEmptyElement.js","sourceRoot":"","sources":["../../../src/slot-fill/utils/isEmptyElement.tsx"],"names":[],"mappings":";;;AAEA,mCAAqD;AAErD;;;;;GAKG;AAEI,MAAM,cAAc,GAAG,CAAC,OAA+C,EAAE,EAAE;IAC9E,IAAI,iBAAQ,CAAC,OAAO,CAAC,EAAE;QACnB,OAAO,KAAK,CAAC;KAChB;IAED,IAAI,iBAAQ,CAAC,OAAO,CAAC,IAAI,gBAAO,CAAE,OAAO,CAAC,EAAE;QACxC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC;KAC1B;IAED,OAAO,CAAC,OAAO,CAAC;AACpB,CAAC,CAAC;AAVW,QAAA,cAAc,kBAUzB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@common-stack/components-pro",
-  "version": "0.1.21",
+  "version": "0.1.24",
   "description": "browser plugin for git",
   "homepage": "https://github.com/cdmbase/fullstack-pro#readme",
   "bugs": {
@@ -12,8 +12,9 @@
   },
   "license": "MIT",
   "author": "CDMBase LLC",
-  "main": "esm/index.js",
-  "typings": "esm/index.d.ts",
+  "main": "lib/index.js",
+  "react-native": "lib/index.native.js",
+  "typings": "lib/index.d.ts",
   "scripts": {
     "build": "npm run build:clean && npm run build:lib",
     "build:clean": "rimraf esm",
@@ -47,7 +48,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c3e769cce851a170b380a58a894ed6f312fed8a0",
+  "gitHead": "1318b4a3b9a55a5ad2a1d12a23264924f0fcb375",
   "typescript": {
     "definition": "lib/index.d.ts"
   }

package/esm/index.js

@@ -1,2 +0,0 @@
-console.log('This is sample');
-//# sourceMappingURL=index.js.map