@aws-amplify/ui-react 1.2.25-unstable.1 → 2.0.0

package/lib-esm/react-component-lib/createOverlayComponent.d.ts

@@ -1,45 +0,0 @@
-import React from 'react';
-interface LoadingElement {
-    present: () => any;
-    dismiss: () => any;
-}
-interface ReactOverlayProps<E> {
-    children?: React.ReactNode;
-    isOpen: boolean;
-    onDidDismiss?: (event: CustomEvent<E>) => void;
-}
-export declare function createOverlayComponent<T extends object, LoadingElementType extends LoadingElement, OverlayEventDetail>(displayName: string, controller: {
-    create: (options: any) => Promise<LoadingElementType>;
-}): {
-    new (props: T & ReactOverlayProps<OverlayEventDetail>): {
-        controller?: LoadingElementType;
-        el: HTMLDivElement;
-        componentDidMount(): void;
-        componentDidUpdate(prevProps: T & ReactOverlayProps<OverlayEventDetail>): Promise<void>;
-        present(prevProps?: T & ReactOverlayProps<OverlayEventDetail>): Promise<void>;
-        render(): React.ReactPortal;
-        context: any;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<T & ReactOverlayProps<OverlayEventDetail>>) => {} | Pick<{}, K>) | Pick<{}, K>, callback?: () => void): void;
-        forceUpdate(callback?: () => void): void;
-        readonly props: Readonly<T & ReactOverlayProps<OverlayEventDetail>> & Readonly<{
-            children?: React.ReactNode;
-        }>;
-        state: Readonly<{}>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        shouldComponentUpdate?(nextProps: Readonly<T & ReactOverlayProps<OverlayEventDetail>>, nextState: Readonly<{}>, nextContext: any): boolean;
-        componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<T & ReactOverlayProps<OverlayEventDetail>>, prevState: Readonly<{}>): any;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<T & ReactOverlayProps<OverlayEventDetail>>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<T & ReactOverlayProps<OverlayEventDetail>>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<T & ReactOverlayProps<OverlayEventDetail>>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<T & ReactOverlayProps<OverlayEventDetail>>, nextState: Readonly<{}>, nextContext: any): void;
-    };
-    readonly displayName: string;
-    contextType?: React.Context<any>;
-};
-export {};

package/lib-esm/react-component-lib/createOverlayComponent.js

@@ -1,142 +0,0 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-import ReactDOM from 'react-dom';
-import { attachEventProps } from './utils/attachEventProps';
-export function createOverlayComponent(displayName, controller) {
-    var dismissEventName = "on" + displayName + "DidDismiss";
-    return /** @class */ (function (_super) {
-        __extends(ReactOverlayComponent, _super);
-        function ReactOverlayComponent(props) {
-            var _this = _super.call(this, props) || this;
-            _this.el = document.createElement('div');
-            return _this;
-        }
-        Object.defineProperty(ReactOverlayComponent, "displayName", {
-            get: function () {
-                return displayName;
-            },
-            enumerable: true,
-            configurable: true
-        });
-        ReactOverlayComponent.prototype.componentDidMount = function () {
-            if (this.props.isOpen) {
-                this.present();
-            }
-        };
-        ReactOverlayComponent.prototype.componentDidUpdate = function (prevProps) {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            if (prevProps.isOpen !== this.props.isOpen && this.props.isOpen === true) {
-                                this.present(prevProps);
-                            }
-                            if (!(this.controller &&
-                                prevProps.isOpen !== this.props.isOpen &&
-                                this.props.isOpen === false)) return [3 /*break*/, 2];
-                            return [4 /*yield*/, this.controller.dismiss()];
-                        case 1:
-                            _a.sent();
-                            _a.label = 2;
-                        case 2: return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        ReactOverlayComponent.prototype.present = function (prevProps) {
-            return __awaiter(this, void 0, void 0, function () {
-                var _a, children, isOpen, _b, onDidDismiss, cProps, elementProps, _c;
-                var _d;
-                return __generator(this, function (_e) {
-                    switch (_e.label) {
-                        case 0:
-                            _a = this.props, children = _a.children, isOpen = _a.isOpen, _b = _a.onDidDismiss, onDidDismiss = _b === void 0 ? function () { } : _b, cProps = __rest(_a, ["children", "isOpen", "onDidDismiss"]);
-                            elementProps = __assign(__assign({}, cProps), (_d = {}, _d[dismissEventName] = onDidDismiss, _d));
-                            _c = this;
-                            return [4 /*yield*/, controller.create(__assign(__assign({}, elementProps), { component: this.el, componentProps: {} }))];
-                        case 1:
-                            _c.controller = _e.sent();
-                            attachEventProps(this.controller, elementProps, prevProps);
-                            this.controller.present();
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        ReactOverlayComponent.prototype.render = function () {
-            return ReactDOM.createPortal(this.props.children, this.el);
-        };
-        return ReactOverlayComponent;
-    }(React.Component));
-}
-//# sourceMappingURL=createOverlayComponent.js.map

package/lib-esm/react-component-lib/createOverlayComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"createOverlayComponent.js","sourceRoot":"","sources":["../../src/react-component-lib/createOverlayComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAY5D,MAAM,UAAU,sBAAsB,CAIpC,WAAmB,EAAE,UAAqE;IAC1F,IAAM,gBAAgB,GAAG,OAAK,WAAW,eAAY,CAAC;IAItD;QAA2C,yCAAsB;QAI/D,+BAAY,KAAY;YAAxB,YACE,kBAAM,KAAK,CAAC,SAEb;YADC,KAAI,CAAC,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;;QAC1C,CAAC;QAED,sBAAW,oCAAW;iBAAtB;gBACE,OAAO,WAAW,CAAC;YACrB,CAAC;;;WAAA;QAED,iDAAiB,GAAjB;YACE,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;gBACrB,IAAI,CAAC,OAAO,EAAE,CAAC;aAChB;QACH,CAAC;QAEK,kDAAkB,GAAxB,UAAyB,SAAgB;;;;;4BACvC,IAAI,SAAS,CAAC,MAAM,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,IAAI,EAAE;gCACxE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;6BACzB;iCAEC,CAAA,IAAI,CAAC,UAAU;gCACf,SAAS,CAAC,MAAM,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM;gCACtC,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,KAAK,CAAA,EAF3B,wBAE2B;4BAE3B,qBAAM,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,EAAA;;4BAA/B,SAA+B,CAAC;;;;;;SAEnC;QAEK,uCAAO,GAAb,UAAc,SAAiB;;;;;;;4BAEvB,KAA2D,IAAI,CAAC,KAAK,EAAnE,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAE,oBAAuB,EAAvB,YAAY,mBAAG,cAAO,CAAC,KAAA,EAAK,MAAM,cAAtD,sCAAwD,CAAF,CAAgB;4BACtE,YAAY,yBACb,MAAM,gBACR,gBAAgB,IAAG,YAAY,MACjC,CAAC;4BAEF,KAAA,IAAI,CAAA;4BAAc,qBAAM,UAAU,CAAC,MAAM,uBACpC,YAAY,KACf,SAAS,EAAE,IAAI,CAAC,EAAE,EAClB,cAAc,EAAE,EAAE,IAClB,EAAA;;4BAJF,GAAK,UAAU,GAAG,SAIhB,CAAC;4BAEH,gBAAgB,CAAC,IAAI,CAAC,UAAiB,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC;4BAElE,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;;;;;SAC3B;QAED,sCAAM,GAAN;YACE,OAAO,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;QAC7D,CAAC;QACH,4BAAC;IAAD,CAAC,AAtDM,CAAoC,KAAK,CAAC,SAAS,GAsDxD;AACJ,CAAC"}

package/lib-esm/react-component-lib/index.d.ts

@@ -1,3 +0,0 @@
-export { createReactComponent } from './createComponent';
-export { createControllerComponent } from './createControllerComponent';
-export { createOverlayComponent } from './createOverlayComponent';

package/lib-esm/react-component-lib/index.js

@@ -1,4 +0,0 @@
-export { createReactComponent } from './createComponent';
-export { createControllerComponent } from './createControllerComponent';
-export { createOverlayComponent } from './createOverlayComponent';
-//# sourceMappingURL=index.js.map

package/lib-esm/react-component-lib/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/react-component-lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC"}

package/lib-esm/react-component-lib/utils/attachEventProps.d.ts

@@ -1,8 +0,0 @@
-export declare function attachEventProps(node: HTMLElement, newProps: any, oldProps?: any): void;
-export declare function getClassName(classList: DOMTokenList, newProps: any, oldProps: any): string;
-/**
- * Checks if an event is supported in the current execution environment.
- * @license Modernizr 3.0.0pre (Custom Build) | MIT
- */
-export declare function isCoveredByReact(eventNameSuffix: string, doc?: Document): boolean;
-export declare function syncEvent(node: Element, eventName: string, newEventHandler: (e: Event) => any): void;

package/lib-esm/react-component-lib/utils/attachEventProps.js

@@ -1,79 +0,0 @@
-export function attachEventProps(node, newProps, oldProps) {
-    if (oldProps === void 0) { oldProps = {}; }
-    var className = getClassName(node.classList, newProps, oldProps);
-    if (className) {
-        node.className = className;
-    }
-    Object.keys(newProps).forEach(function (name) {
-        if (name === 'children' || name === 'style' || name === 'ref' || name === 'className') {
-            return;
-        }
-        if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
-            var eventName = name.substring(2);
-            var eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);
-            if (!isCoveredByReact(eventNameLc)) {
-                syncEvent(node, eventNameLc, newProps[name]);
-            }
-        }
-        else {
-            node[name] = newProps[name];
-        }
-    });
-}
-export function getClassName(classList, newProps, oldProps) {
-    // map the classes to Maps for performance
-    var currentClasses = arrayToMap(classList);
-    var incomingPropClasses = arrayToMap(newProps.className ? newProps.className.split(' ') : []);
-    var oldPropClasses = arrayToMap(oldProps.className ? oldProps.className.split(' ') : []);
-    var finalClassNames = [];
-    // loop through each of the current classes on the component
-    // to see if it should be a part of the classNames added
-    currentClasses.forEach(function (currentClass) {
-        if (incomingPropClasses.has(currentClass)) {
-            // add it as its already included in classnames coming in from newProps
-            finalClassNames.push(currentClass);
-            incomingPropClasses.delete(currentClass);
-        }
-        else if (!oldPropClasses.has(currentClass)) {
-            // add it as it has NOT been removed by user
-            finalClassNames.push(currentClass);
-        }
-    });
-    incomingPropClasses.forEach(function (s) { return finalClassNames.push(s); });
-    return finalClassNames.join(' ');
-}
-/**
- * Checks if an event is supported in the current execution environment.
- * @license Modernizr 3.0.0pre (Custom Build) | MIT
- */
-export function isCoveredByReact(eventNameSuffix, doc) {
-    if (doc === void 0) { doc = document; }
-    var eventName = 'on' + eventNameSuffix;
-    var isSupported = eventName in doc;
-    if (!isSupported) {
-        var element = doc.createElement('div');
-        element.setAttribute(eventName, 'return;');
-        isSupported = typeof element[eventName] === 'function';
-    }
-    return isSupported;
-}
-export function syncEvent(node, eventName, newEventHandler) {
-    var eventStore = node.__events || (node.__events = {});
-    var oldEventHandler = eventStore[eventName];
-    // Remove old listener so they don't double up.
-    if (oldEventHandler) {
-        node.removeEventListener(eventName, oldEventHandler);
-    }
-    if (newEventHandler != null) {
-        // Bind new listener.
-        node.addEventListener(eventName, (eventStore[eventName] = function handler(e) {
-            newEventHandler.call(this, e);
-        }));
-    }
-}
-function arrayToMap(arr) {
-    var map = new Map();
-    arr.forEach(function (s) { return map.set(s, s); });
-    return map;
-}
-//# sourceMappingURL=attachEventProps.js.map

package/lib-esm/react-component-lib/utils/attachEventProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"attachEventProps.js","sourceRoot":"","sources":["../../../src/react-component-lib/utils/attachEventProps.ts"],"names":[],"mappings":"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"}

package/lib-esm/react-component-lib/utils/index.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export declare const dashToPascalCase: (str: string) => string;
-export interface ReactProps {
-    class?: string;
-}
-export declare type IonicReactExternalProps<PropType, ElementType> = PropType & React.HTMLAttributes<ElementType> & ReactProps;
-export declare const createForwardRef: <PropType, ElementType>(ReactComponent: any, displayName: string) => React.ForwardRefExoticComponent<React.PropsWithoutRef<IonicReactExternalProps<PropType, ElementType>> & React.RefAttributes<ElementType>>;
-export * from './attachEventProps';

package/lib-esm/react-component-lib/utils/index.js

@@ -1,28 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import React from 'react';
-export var dashToPascalCase = function (str) {
-    return str
-        .toLowerCase()
-        .split('-')
-        .map(function (segment) { return segment.charAt(0).toUpperCase() + segment.slice(1); })
-        .join('');
-};
-export var createForwardRef = function (ReactComponent, displayName) {
-    var forwardRef = function (props, ref) {
-        return React.createElement(ReactComponent, __assign({}, props, { forwardedRef: ref }));
-    };
-    forwardRef.displayName = displayName;
-    return React.forwardRef(forwardRef);
-};
-export * from './attachEventProps';
-//# sourceMappingURL=index.js.map

package/lib-esm/react-component-lib/utils/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/react-component-lib/utils/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,GAAW;IAC1C,OAAA,GAAG;SACA,WAAW,EAAE;SACb,KAAK,CAAC,GAAG,CAAC;SACV,GAAG,CAAC,UAAA,OAAO,IAAI,OAAA,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAlD,CAAkD,CAAC;SAClE,IAAI,CAAC,EAAE,CAAC;AAJX,CAIW,CAAC;AAQd,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAC9B,cAAmB,EACnB,WAAmB;IAEnB,IAAM,UAAU,GAAG,UACjB,KAAqD,EACrD,GAA2B;QAE3B,OAAO,oBAAC,cAAc,eAAK,KAAK,IAAE,YAAY,EAAE,GAAG,IAAI,CAAC;IAC1D,CAAC,CAAC;IACF,UAAU,CAAC,WAAW,GAAG,WAAW,CAAC;IAErC,OAAO,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;AACtC,CAAC,CAAC;AAEF,cAAc,oBAAoB,CAAC"}

package/lib-esm/withAuthenticator.d.ts

@@ -1,3 +0,0 @@
-import React, { ComponentType, ComponentPropsWithRef } from 'react';
-import { AmplifyAuthenticator } from './';
-export declare function withAuthenticator<T extends object>(Component: ComponentType<T>, authenticatorProps?: ComponentPropsWithRef<typeof AmplifyAuthenticator>): React.FunctionComponent<T>;

package/lib-esm/withAuthenticator.js

@@ -1,121 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-import React from 'react';
-import { Auth, appendToCognitoUserAgent } from '@aws-amplify/auth';
-import { AmplifyContainer, AmplifyAuthenticator, AmplifyAuthContainer } from './';
-import { onAuthUIStateChange, AuthState } from '@aws-amplify/ui-components';
-import { Logger } from '@aws-amplify/core';
-var logger = new Logger('withAuthenticator');
-export function withAuthenticator(Component, authenticatorProps) {
-    var AppWithAuthenticator = function (props) {
-        var _a = __read(React.useState(false), 2), signedIn = _a[0], setSignedIn = _a[1];
-        React.useEffect(function () {
-            appendToCognitoUserAgent('withAuthenticator');
-            // checkUser returns an "unsubscribe" function to stop side-effects
-            return checkUser();
-        }, []);
-        function checkUser() {
-            setUser();
-            return onAuthUIStateChange(function (authState) {
-                if (authState === AuthState.SignedIn) {
-                    setSignedIn(true);
-                }
-                else if (authState === AuthState.SignedOut) {
-                    setSignedIn(false);
-                }
-            });
-        }
-        function setUser() {
-            return __awaiter(this, void 0, void 0, function () {
-                var user, err_1;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            _a.trys.push([0, 2, , 3]);
-                            return [4 /*yield*/, Auth.currentAuthenticatedUser()];
-                        case 1:
-                            user = _a.sent();
-                            if (user)
-                                setSignedIn(true);
-                            return [3 /*break*/, 3];
-                        case 2:
-                            err_1 = _a.sent();
-                            logger.debug(err_1);
-                            return [3 /*break*/, 3];
-                        case 3: return [2 /*return*/];
-                    }
-                });
-            });
-        }
-        ;
-        if (!signedIn) {
-            return (React.createElement(AmplifyContainer, null,
-                React.createElement(AmplifyAuthContainer, null,
-                    React.createElement(AmplifyAuthenticator, __assign({}, authenticatorProps, props)))));
-        }
-        return React.createElement(Component, __assign({}, props));
-    };
-    return AppWithAuthenticator;
-}
-//# sourceMappingURL=withAuthenticator.js.map

package/lib-esm/withAuthenticator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"withAuthenticator.js","sourceRoot":"","sources":["../src/withAuthenticator.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAIN,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,IAAI,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,IAAI,CAAC;AAClF,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAC5E,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,IAAM,MAAM,GAAG,IAAI,MAAM,CAAC,mBAAmB,CAAC,CAAC;AAE/C,MAAM,UAAU,iBAAiB,CAChC,SAA2B,EAC3B,kBAAuE;IAEvE,IAAM,oBAAoB,GAAyB,UAAA,KAAK;QACjD,IAAA,qCAA+C,EAA9C,gBAAQ,EAAE,mBAAoC,CAAC;QAEtD,KAAK,CAAC,SAAS,CAAC;YACf,wBAAwB,CAAC,mBAAmB,CAAC,CAAC;YAE9C,mEAAmE;YACnE,OAAO,SAAS,EAAE,CAAC;QACpB,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,SAAS,SAAS;YACjB,OAAO,EAAE,CAAC;YAEV,OAAO,mBAAmB,CAAC,UAAA,SAAS;gBACnC,IAAI,SAAS,KAAK,SAAS,CAAC,QAAQ,EAAE;oBACrC,WAAW,CAAC,IAAI,CAAC,CAAC;iBAClB;qBAAM,IAAI,SAAS,KAAK,SAAS,CAAC,SAAS,EAAE;oBAC7C,WAAW,CAAC,KAAK,CAAC,CAAC;iBACnB;YACF,CAAC,CAAC,CAAC;QACJ,CAAC;QAED,SAAe,OAAO;;;;;;;4BAEP,qBAAM,IAAI,CAAC,wBAAwB,EAAE,EAAA;;4BAA5C,IAAI,GAAG,SAAqC;4BAClD,IAAI,IAAI;gCAAE,WAAW,CAAC,IAAI,CAAC,CAAC;;;;4BAE5B,MAAM,CAAC,KAAK,CAAC,KAAG,CAAC,CAAC;;;;;;SAEnB;QAAA,CAAC;QAEF,IAAI,CAAC,QAAQ,EAAE;YACd,OAAO,CACN,oBAAC,gBAAgB;gBAChB,oBAAC,oBAAoB;oBACpB,oBAAC,oBAAoB,eAAK,kBAAkB,EAAM,KAAK,EAAI,CACrC,CACL,CACnB,CAAC;SACF;QAED,OAAO,oBAAC,SAAS,eAAK,KAAK,EAAI,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,oBAAoB,CAAC;AAC7B,CAAC"}

package/src/components.ts

@@ -1,65 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-/* auto-generated react proxies */
-import { createReactComponent } from './react-component-lib';
-
-import { JSX } from '@aws-amplify/ui-components';
-
-import { defineCustomElements, applyPolyfills } from '@aws-amplify/ui-components/loader';
-
-applyPolyfills().then(() => defineCustomElements());
-export const AmplifyAmazonButton = /*@__PURE__*/createReactComponent<JSX.AmplifyAmazonButton, HTMLAmplifyAmazonButtonElement>('amplify-amazon-button');
-export const AmplifyAuthContainer = /*@__PURE__*/createReactComponent<JSX.AmplifyAuthContainer, HTMLAmplifyAuthContainerElement>('amplify-auth-container');
-export const AmplifyAuthFields = /*@__PURE__*/createReactComponent<JSX.AmplifyAuthFields, HTMLAmplifyAuthFieldsElement>('amplify-auth-fields');
-export const AmplifyAuth0Button = /*@__PURE__*/createReactComponent<JSX.AmplifyAuth0Button, HTMLAmplifyAuth0ButtonElement>('amplify-auth0-button');
-export const AmplifyAuthenticator = /*@__PURE__*/createReactComponent<JSX.AmplifyAuthenticator, HTMLAmplifyAuthenticatorElement>('amplify-authenticator');
-export const AmplifyButton = /*@__PURE__*/createReactComponent<JSX.AmplifyButton, HTMLAmplifyButtonElement>('amplify-button');
-export const AmplifyChatbot = /*@__PURE__*/createReactComponent<JSX.AmplifyChatbot, HTMLAmplifyChatbotElement>('amplify-chatbot');
-export const AmplifyCheckbox = /*@__PURE__*/createReactComponent<JSX.AmplifyCheckbox, HTMLAmplifyCheckboxElement>('amplify-checkbox');
-export const AmplifyCodeField = /*@__PURE__*/createReactComponent<JSX.AmplifyCodeField, HTMLAmplifyCodeFieldElement>('amplify-code-field');
-export const AmplifyConfirmSignIn = /*@__PURE__*/createReactComponent<JSX.AmplifyConfirmSignIn, HTMLAmplifyConfirmSignInElement>('amplify-confirm-sign-in');
-export const AmplifyConfirmSignUp = /*@__PURE__*/createReactComponent<JSX.AmplifyConfirmSignUp, HTMLAmplifyConfirmSignUpElement>('amplify-confirm-sign-up');
-export const AmplifyContainer = /*@__PURE__*/createReactComponent<JSX.AmplifyContainer, HTMLAmplifyContainerElement>('amplify-container');
-export const AmplifyCountryDialCode = /*@__PURE__*/createReactComponent<JSX.AmplifyCountryDialCode, HTMLAmplifyCountryDialCodeElement>('amplify-country-dial-code');
-export const AmplifyEmailField = /*@__PURE__*/createReactComponent<JSX.AmplifyEmailField, HTMLAmplifyEmailFieldElement>('amplify-email-field');
-export const AmplifyFacebookButton = /*@__PURE__*/createReactComponent<JSX.AmplifyFacebookButton, HTMLAmplifyFacebookButtonElement>('amplify-facebook-button');
-export const AmplifyFederatedButtons = /*@__PURE__*/createReactComponent<JSX.AmplifyFederatedButtons, HTMLAmplifyFederatedButtonsElement>('amplify-federated-buttons');
-export const AmplifyFederatedSignIn = /*@__PURE__*/createReactComponent<JSX.AmplifyFederatedSignIn, HTMLAmplifyFederatedSignInElement>('amplify-federated-sign-in');
-export const AmplifyForgotPassword = /*@__PURE__*/createReactComponent<JSX.AmplifyForgotPassword, HTMLAmplifyForgotPasswordElement>('amplify-forgot-password');
-export const AmplifyFormField = /*@__PURE__*/createReactComponent<JSX.AmplifyFormField, HTMLAmplifyFormFieldElement>('amplify-form-field');
-export const AmplifyFormSection = /*@__PURE__*/createReactComponent<JSX.AmplifyFormSection, HTMLAmplifyFormSectionElement>('amplify-form-section');
-export const AmplifyGoogleButton = /*@__PURE__*/createReactComponent<JSX.AmplifyGoogleButton, HTMLAmplifyGoogleButtonElement>('amplify-google-button');
-export const AmplifyGreetings = /*@__PURE__*/createReactComponent<JSX.AmplifyGreetings, HTMLAmplifyGreetingsElement>('amplify-greetings');
-export const AmplifyHint = /*@__PURE__*/createReactComponent<JSX.AmplifyHint, HTMLAmplifyHintElement>('amplify-hint');
-export const AmplifyIcon = /*@__PURE__*/createReactComponent<JSX.AmplifyIcon, HTMLAmplifyIconElement>('amplify-icon');
-export const AmplifyIconButton = /*@__PURE__*/createReactComponent<JSX.AmplifyIconButton, HTMLAmplifyIconButtonElement>('amplify-icon-button');
-export const AmplifyInput = /*@__PURE__*/createReactComponent<JSX.AmplifyInput, HTMLAmplifyInputElement>('amplify-input');
-export const AmplifyLabel = /*@__PURE__*/createReactComponent<JSX.AmplifyLabel, HTMLAmplifyLabelElement>('amplify-label');
-export const AmplifyLink = /*@__PURE__*/createReactComponent<JSX.AmplifyLink, HTMLAmplifyLinkElement>('amplify-link');
-export const AmplifyLoadingSpinner = /*@__PURE__*/createReactComponent<JSX.AmplifyLoadingSpinner, HTMLAmplifyLoadingSpinnerElement>('amplify-loading-spinner');
-export const AmplifyNav = /*@__PURE__*/createReactComponent<JSX.AmplifyNav, HTMLAmplifyNavElement>('amplify-nav');
-export const AmplifyOauthButton = /*@__PURE__*/createReactComponent<JSX.AmplifyOauthButton, HTMLAmplifyOauthButtonElement>('amplify-oauth-button');
-export const AmplifyPasswordField = /*@__PURE__*/createReactComponent<JSX.AmplifyPasswordField, HTMLAmplifyPasswordFieldElement>('amplify-password-field');
-export const AmplifyPhoneField = /*@__PURE__*/createReactComponent<JSX.AmplifyPhoneField, HTMLAmplifyPhoneFieldElement>('amplify-phone-field');
-export const AmplifyPhotoPicker = /*@__PURE__*/createReactComponent<JSX.AmplifyPhotoPicker, HTMLAmplifyPhotoPickerElement>('amplify-photo-picker');
-export const AmplifyPicker = /*@__PURE__*/createReactComponent<JSX.AmplifyPicker, HTMLAmplifyPickerElement>('amplify-picker');
-export const AmplifyRadioButton = /*@__PURE__*/createReactComponent<JSX.AmplifyRadioButton, HTMLAmplifyRadioButtonElement>('amplify-radio-button');
-export const AmplifyRequireNewPassword = /*@__PURE__*/createReactComponent<JSX.AmplifyRequireNewPassword, HTMLAmplifyRequireNewPasswordElement>('amplify-require-new-password');
-export const AmplifyS3Album = /*@__PURE__*/createReactComponent<JSX.AmplifyS3Album, HTMLAmplifyS3AlbumElement>('amplify-s3-album');
-export const AmplifyS3Image = /*@__PURE__*/createReactComponent<JSX.AmplifyS3Image, HTMLAmplifyS3ImageElement>('amplify-s3-image');
-export const AmplifyS3ImagePicker = /*@__PURE__*/createReactComponent<JSX.AmplifyS3ImagePicker, HTMLAmplifyS3ImagePickerElement>('amplify-s3-image-picker');
-export const AmplifyS3Text = /*@__PURE__*/createReactComponent<JSX.AmplifyS3Text, HTMLAmplifyS3TextElement>('amplify-s3-text');
-export const AmplifyS3TextPicker = /*@__PURE__*/createReactComponent<JSX.AmplifyS3TextPicker, HTMLAmplifyS3TextPickerElement>('amplify-s3-text-picker');
-export const AmplifySection = /*@__PURE__*/createReactComponent<JSX.AmplifySection, HTMLAmplifySectionElement>('amplify-section');
-export const AmplifySelect = /*@__PURE__*/createReactComponent<JSX.AmplifySelect, HTMLAmplifySelectElement>('amplify-select');
-export const AmplifySelectMfaType = /*@__PURE__*/createReactComponent<JSX.AmplifySelectMfaType, HTMLAmplifySelectMfaTypeElement>('amplify-select-mfa-type');
-export const AmplifySignIn = /*@__PURE__*/createReactComponent<JSX.AmplifySignIn, HTMLAmplifySignInElement>('amplify-sign-in');
-export const AmplifySignInButton = /*@__PURE__*/createReactComponent<JSX.AmplifySignInButton, HTMLAmplifySignInButtonElement>('amplify-sign-in-button');
-export const AmplifySignOut = /*@__PURE__*/createReactComponent<JSX.AmplifySignOut, HTMLAmplifySignOutElement>('amplify-sign-out');
-export const AmplifySignUp = /*@__PURE__*/createReactComponent<JSX.AmplifySignUp, HTMLAmplifySignUpElement>('amplify-sign-up');
-export const AmplifyStrike = /*@__PURE__*/createReactComponent<JSX.AmplifyStrike, HTMLAmplifyStrikeElement>('amplify-strike');
-export const AmplifyToast = /*@__PURE__*/createReactComponent<JSX.AmplifyToast, HTMLAmplifyToastElement>('amplify-toast');
-export const AmplifyTooltip = /*@__PURE__*/createReactComponent<JSX.AmplifyTooltip, HTMLAmplifyTooltipElement>('amplify-tooltip');
-export const AmplifyTotpSetup = /*@__PURE__*/createReactComponent<JSX.AmplifyTotpSetup, HTMLAmplifyTotpSetupElement>('amplify-totp-setup');
-export const AmplifyUsernameField = /*@__PURE__*/createReactComponent<JSX.AmplifyUsernameField, HTMLAmplifyUsernameFieldElement>('amplify-username-field');
-export const AmplifyVerifyContact = /*@__PURE__*/createReactComponent<JSX.AmplifyVerifyContact, HTMLAmplifyVerifyContactElement>('amplify-verify-contact');

package/src/index.ts

@@ -1,3 +0,0 @@
-export * from './components';
-
-export { withAuthenticator } from './withAuthenticator';

package/src/react-component-lib/createComponent.tsx

@@ -1,69 +0,0 @@
-import React from 'react';
-
-import {
-  attachEventProps,
-  createForwardRef,
-  dashToPascalCase,
-  isCoveredByReact,
-} from './utils/index';
-
-interface IonicReactInternalProps<ElementType> extends React.HTMLAttributes<ElementType> {
-  forwardedRef?: React.Ref<ElementType>;
-  ref?: React.Ref<any>;
-}
-
-export const createReactComponent = <PropType, ElementType>(tagName: string) => {
-  const displayName = dashToPascalCase(tagName);
-  const ReactComponent = class extends React.Component<IonicReactInternalProps<ElementType>> {
-    
-    private ref: React.RefObject<HTMLElement>;
-    
-    constructor(props: IonicReactInternalProps<ElementType>) {
-      super(props);
-      this.ref = React.createRef<HTMLElement>();
-    }
-
-    componentDidMount() {
-      this.componentDidUpdate(this.props);
-    }
-
-    componentDidUpdate(prevProps: IonicReactInternalProps<ElementType>) {
-      const node = this.ref.current;
-      attachEventProps(node, this.props, prevProps);
-    }
-
-    render() {
-      const { children, forwardedRef, style, className, ref, ...cProps } = this.props;
-
-      const propsToPass = Object.keys(cProps).reduce((acc, name) => {
-        const isEventProp = name.indexOf('on') === 0 && name[2] === name[2].toUpperCase();
-        const isDataProp = name.indexOf('data-') === 0;
-        const isAriaProp = name.indexOf('aria-') === 0;
-
-        if (isEventProp) {
-          const eventName = name.substring(2).toLowerCase();
-          if (typeof document !== "undefined" && isCoveredByReact(eventName)) {
-            (acc as any)[name] = (cProps as any)[name];
-          }
-        } else if (isDataProp || isAriaProp) {
-          (acc as any)[name] = (cProps as any)[name];
-        }
-        return acc;
-      }, {});
-
-      const newProps: any = {
-        ...propsToPass,
-        ref: this.ref,
-        style,
-        className,
-      };
-
-      return React.createElement(tagName, newProps, children);
-    }
-
-    static get displayName() {
-      return displayName;
-    }
-  };
-  return createForwardRef<PropType, ElementType>(ReactComponent, displayName);
-};