@aws-amplify/ui-react 1.2.26 → 1.2.54-legacy-ui.10

package/dist/24.js

@@ -1,268 +1,100 @@
 (this["webpackJsonpaws_amplify_react"] = this["webpackJsonpaws_amplify_react"] || []).push([[24],{
 
-/***/ "../amplify-ui-components/dist/esm-es5/amplify-nav_2.entry.js":
-/*!********************************************************************!*\
-  !*** ../amplify-ui-components/dist/esm-es5/amplify-nav_2.entry.js ***!
-  \********************************************************************/
-/*! exports provided: amplify_nav, amplify_sign_out */
+/***/ "../amplify-ui-components/dist/esm-es5/amplify-photo-picker.entry.js":
+/*!***************************************************************************!*\
+  !*** ../amplify-ui-components/dist/esm-es5/amplify-photo-picker.entry.js ***!
+  \***************************************************************************/
+/*! exports provided: amplify_photo_picker */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "amplify_nav", function() { return AmplifyNav; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "amplify_sign_out", function() { return AmplifySignOut; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "amplify_photo_picker", function() { return AmplifyPhotoPicker; });
 /* harmony import */ var _index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index-83f2275b.js */ "../amplify-ui-components/dist/esm-es5/index-83f2275b.js");
 /* harmony import */ var _aws_amplify_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @aws-amplify/core */ "@aws-amplify/core");
 /* harmony import */ var _aws_amplify_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_aws_amplify_core__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _auth_types_78df304e_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./auth-types-78df304e.js */ "../amplify-ui-components/dist/esm-es5/auth-types-78df304e.js");
-/* harmony import */ var _aws_amplify_auth__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @aws-amplify/auth */ "@aws-amplify/auth");
-/* harmony import */ var _aws_amplify_auth__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_aws_amplify_auth__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _Translations_108d469f_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Translations-108d469f.js */ "../amplify-ui-components/dist/esm-es5/Translations-108d469f.js");
-/* harmony import */ var _constants_c8ecaa24_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./constants-c8ecaa24.js */ "../amplify-ui-components/dist/esm-es5/constants-c8ecaa24.js");
-/* harmony import */ var _helpers_14fcb50c_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./helpers-14fcb50c.js */ "../amplify-ui-components/dist/esm-es5/helpers-14fcb50c.js");
-var __awaiter = undefined && undefined.__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 = undefined && undefined.__generator || function (thisArg, body) {
-  var _ = {
-    label: 0,
-    sent: function sent() {
-      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;
+/* harmony import */ var _aws_amplify_auth__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @aws-amplify/auth */ "@aws-amplify/auth");
+/* harmony import */ var _aws_amplify_auth__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_aws_amplify_auth__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _Translations_108d469f_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Translations-108d469f.js */ "../amplify-ui-components/dist/esm-es5/Translations-108d469f.js");
 
-          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();
+var amplifyPhotoPickerCss = ":host{--object-fit:cover;--hint-color:var(--amplify-grey);--header-color:var(--amplify-secondary-color);--header-size:var(--amplify-text-lg);--header-hint-size:var(--amplify-text-md);--placeholder-hint-size:var(--amplify-text-sm);--placeholder-border-color:var(--amplify-grey)}.photo-picker-container{max-width:50rem}img{-o-object-fit:var(--object-fit);object-fit:var(--object-fit);width:100%;height:100%}input[type=file]{width:100%;height:100%;display:inline-block;position:absolute;left:0;top:0;opacity:0;cursor:pointer}.header{color:var(--header-color);font-size:var(--header-size);font-weight:bold;margin-bottom:24px}.header-hint{color:var(--hint-color);font-size:var(--header-hint-size);word-break:break-word;margin-bottom:24px}.picker-body{position:relative;width:25rem;height:16rem;border:2px dotted var(--placeholder-border-color);padding:10px;margin-bottom:8px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;overflow:hidden}.placeholder-hint{color:var(--hint-color);font-family:Helvetica;font-style:italic;font-size:var(--placeholder-hint-size);word-break:break-word;margin-bottom:30px}";
 
-            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 amplifyNavCss = ".nav{display:-ms-flexbox;display:flex;-ms-flex:1 1 0%;flex:1 1 0%;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}.nav>*{margin:0 0.5em}";
-
-var AmplifyNav =
+var AmplifyPhotoPicker =
 /** @class */
 function () {
-  function AmplifyNav(hostRef) {
-    Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
-  }
-
-  AmplifyNav.prototype.render = function () {
-    return Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("nav", {
-      "class": "nav"
-    }, Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", null));
-  };
-
-  return AmplifyNav;
-}();
-
-AmplifyNav.style = amplifyNavCss;
+  function AmplifyPhotoPicker(hostRef) {
+    var _this = this;
 
-var AmplifySignOut =
-/** @class */
-function () {
-  function class_1(hostRef) {
     Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
-    /** Auth state change handler for this component */
+    /** Title string value */
 
-    this.handleAuthStateChange = _helpers_14fcb50c_js__WEBPACK_IMPORTED_MODULE_6__["d"];
-    /** Text inside of the Sign Out button */
+    this.headerTitle = _Translations_108d469f_js__WEBPACK_IMPORTED_MODULE_3__["T"].PHOTO_PICKER_TITLE;
+    /** Header Hint value in string */
 
-    this.buttonText = _Translations_108d469f_js__WEBPACK_IMPORTED_MODULE_4__["T"].SIGN_OUT;
-  }
-
-  class_1.prototype.signOut = function (event) {
-    return __awaiter(this, void 0, void 0, function () {
-      var error_1;
-      return __generator(this, function (_a) {
-        switch (_a.label) {
-          case 0:
-            if (event) event.preventDefault(); // TODO: Federated Sign Out
-
-            if (!_aws_amplify_auth__WEBPACK_IMPORTED_MODULE_3__["Auth"] || typeof _aws_amplify_auth__WEBPACK_IMPORTED_MODULE_3__["Auth"].signOut !== 'function') {
-              throw new Error(_constants_c8ecaa24_js__WEBPACK_IMPORTED_MODULE_5__["N"]);
-            }
+    this.headerHint = _Translations_108d469f_js__WEBPACK_IMPORTED_MODULE_3__["T"].PHOTO_PICKER_HINT;
+    /** Placeholder hint that goes under the placeholder image */
 
-            _a.label = 1;
+    this.placeholderHint = _Translations_108d469f_js__WEBPACK_IMPORTED_MODULE_3__["T"].PHOTO_PICKER_PLACEHOLDER_HINT;
+    /** Picker button text as string */
 
-          case 1:
-            _a.trys.push([1, 3,, 4]);
+    this.buttonText = _Translations_108d469f_js__WEBPACK_IMPORTED_MODULE_3__["T"].PHOTO_PICKER_BUTTON_TEXT;
+    /** Function that handles file pick onClick */
 
-            return [4
-            /*yield*/
-            , _aws_amplify_auth__WEBPACK_IMPORTED_MODULE_3__["Auth"].signOut()];
+    this.handleClick = function () {};
 
-          case 2:
-            _a.sent();
+    this.handleInput = function (ev) {
+      _this.file = ev.target.files[0];
+      var reader = new FileReader();
 
-            this.handleAuthStateChange(_auth_types_78df304e_js__WEBPACK_IMPORTED_MODULE_2__["A"].SignedOut);
-            return [3
-            /*break*/
-            , 4];
+      reader.onload = function (_e) {
+        var url = reader.result;
+        _this.previewState = url;
+      };
 
-          case 3:
-            error_1 = _a.sent();
-            Object(_helpers_14fcb50c_js__WEBPACK_IMPORTED_MODULE_6__["a"])(error_1);
-            return [3
-            /*break*/
-            , 4];
+      reader.readAsDataURL(_this.file);
+    };
+  }
 
-          case 4:
-            return [2
-            /*return*/
-            ];
-        }
-      });
-    });
+  AmplifyPhotoPicker.prototype.componentWillLoad = function () {
+    console.warn('Version `1.x` of Amplify UI has been deprecated and will be removed in a future major version of `aws-amplify`. Please visit https://ui.docs.amplify.aws/ for the current version of Amplify UI.');
+    this.previewState = this.previewSrc;
   };
 
-  class_1.prototype.render = function () {
+  AmplifyPhotoPicker.prototype.render = function () {
     var _this = this;
 
-    return Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("amplify-button", {
-      slot: "sign-out",
-      onClick: function onClick(event) {
-        return _this.signOut(event);
-      },
-      "data-test": "sign-out-button"
-    }, _aws_amplify_core__WEBPACK_IMPORTED_MODULE_1__["I18n"].get(this.buttonText));
+    return Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", {
+      "class": "photo-picker-container"
+    }, Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("amplify-section", null, Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", {
+      "class": "header"
+    }, _aws_amplify_core__WEBPACK_IMPORTED_MODULE_1__["I18n"].get(this.headerTitle)), Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", {
+      "class": "header-hint"
+    }, _aws_amplify_core__WEBPACK_IMPORTED_MODULE_1__["I18n"].get(this.headerHint)), Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("amplify-picker", {
+      acceptValue: 'image/*',
+      inputHandler: this.handleInput
+    }, Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", {
+      "class": "picker-body",
+      slot: "picker"
+    }, this.previewState ? Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("img", {
+      src: "" + this.previewState
+    }) : Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("amplify-icon", {
+      name: "photoPlaceholder"
+    }))), Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", {
+      "class": "placeholder-hint"
+    }, _aws_amplify_core__WEBPACK_IMPORTED_MODULE_1__["I18n"].get(this.placeholderHint)), Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("amplify-button", {
+      handleButtonClick: function handleButtonClick() {
+        return _this.handleClick(_this.file);
+      }
+    }, _aws_amplify_core__WEBPACK_IMPORTED_MODULE_1__["I18n"].get(this.buttonText))));
   };
 
-  return class_1;
+  return AmplifyPhotoPicker;
 }();
 
+AmplifyPhotoPicker.style = amplifyPhotoPickerCss;
 
 
 /***/ })

package/dist/24.js.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack:///./node_modules/@aws-amplify/ui-components/dist/esm-es5/amplify-nav_2.entry.js"],"names":["__awaiter","value","resolve","P","step","generator","reject","result","adopt","_arguments","__generator","_","label","sent","t","trys","ops","next","verb","g","Symbol","f","y","op","done","body","amplifyNavCss","AmplifyNav","registerInstance","h","AmplifySignOut","Translations","class_1","_a","event","Auth","AuthState","error_1","dispatchToastHubEvent","_this","slot","onClick","I18n"],"mappings":"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","file":"24.js","sourcesContent":["var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __generator = (this && this.__generator) || function (thisArg, body) {\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\n    function verb(n) { return function (v) { return step([n, v]); }; }\n    function step(op) {\n        if (f) throw new TypeError(\"Generator is already executing.\");\n        while (_) try {\n            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;\n            if (y = 0, t) op = [op[0] & 2, t.value];\n            switch (op[0]) {\n                case 0: case 1: t = op; break;\n                case 4: _.label++; return { value: op[1], done: false };\n                case 5: _.label++; y = op[1]; op = [0]; continue;\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\n                default:\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\n                    if (t[2]) _.ops.pop();\n                    _.trys.pop(); continue;\n            }\n            op = body.call(thisArg, _);\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\n    }\n};\nimport { r as registerInstance, h } from './index-83f2275b.js';\nimport { I18n } from '@aws-amplify/core';\nimport { A as AuthState } from './auth-types-78df304e.js';\nimport { Auth } from '@aws-amplify/auth';\nimport { T as Translations } from './Translations-108d469f.js';\nimport { N as NO_AUTH_MODULE_FOUND } from './constants-c8ecaa24.js';\nimport { d as dispatchAuthStateChangeEvent, a as dispatchToastHubEvent } from './helpers-14fcb50c.js';\nvar amplifyNavCss = \".nav{display:-ms-flexbox;display:flex;-ms-flex:1 1 0%;flex:1 1 0%;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}.nav>*{margin:0 0.5em}\";\nvar AmplifyNav = /** @class */ (function () {\n    function AmplifyNav(hostRef) {\n        registerInstance(this, hostRef);\n    }\n    AmplifyNav.prototype.render = function () {\n        return (h(\"nav\", { class: \"nav\" }, h(\"slot\", null)));\n    };\n    return AmplifyNav;\n}());\nAmplifyNav.style = amplifyNavCss;\nvar AmplifySignOut = /** @class */ (function () {\n    function class_1(hostRef) {\n        registerInstance(this, hostRef);\n        /** Auth state change handler for this component */\n        this.handleAuthStateChange = dispatchAuthStateChangeEvent;\n        /** Text inside of the Sign Out button */\n        this.buttonText = Translations.SIGN_OUT;\n    }\n    class_1.prototype.signOut = function (event) {\n        return __awaiter(this, void 0, void 0, function () {\n            var error_1;\n            return __generator(this, function (_a) {\n                switch (_a.label) {\n                    case 0:\n                        if (event)\n                            event.preventDefault();\n                        // TODO: Federated Sign Out\n                        if (!Auth || typeof Auth.signOut !== 'function') {\n                            throw new Error(NO_AUTH_MODULE_FOUND);\n                        }\n                        _a.label = 1;\n                    case 1:\n                        _a.trys.push([1, 3, , 4]);\n                        return [4 /*yield*/, Auth.signOut()];\n                    case 2:\n                        _a.sent();\n                        this.handleAuthStateChange(AuthState.SignedOut);\n                        return [3 /*break*/, 4];\n                    case 3:\n                        error_1 = _a.sent();\n                        dispatchToastHubEvent(error_1);\n                        return [3 /*break*/, 4];\n                    case 4: return [2 /*return*/];\n                }\n            });\n        });\n    };\n    class_1.prototype.render = function () {\n        var _this = this;\n        return (h(\"amplify-button\", { slot: \"sign-out\", onClick: function (event) { return _this.signOut(event); }, \"data-test\": \"sign-out-button\" }, I18n.get(this.buttonText)));\n    };\n    return class_1;\n}());\nexport { AmplifyNav as amplify_nav, AmplifySignOut as amplify_sign_out };\n"],"sourceRoot":""}
+{"version":3,"sources":["webpack:///./node_modules/@aws-amplify/ui-components/dist/esm-es5/amplify-photo-picker.entry.js"],"names":["amplifyPhotoPickerCss","AmplifyPhotoPicker","hostRef","_this","registerInstance","headerTitle","Translations","PHOTO_PICKER_TITLE","headerHint","PHOTO_PICKER_HINT","placeholderHint","PHOTO_PICKER_PLACEHOLDER_HINT","buttonText","PHOTO_PICKER_BUTTON_TEXT","handleClick","handleInput","ev","file","target","files","reader","FileReader","onload","_e","url","result","previewState","readAsDataURL","prototype","componentWillLoad","console","warn","previewSrc","render","h","I18n","get","acceptValue","inputHandler","slot","src","name","handleButtonClick","style"],"mappings":"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","file":"24.js","sourcesContent":["import { r as registerInstance, h } from './index-83f2275b.js';\nimport { I18n } from '@aws-amplify/core';\nimport '@aws-amplify/auth';\nimport { T as Translations } from './Translations-108d469f.js';\nvar amplifyPhotoPickerCss = \":host{--object-fit:cover;--hint-color:var(--amplify-grey);--header-color:var(--amplify-secondary-color);--header-size:var(--amplify-text-lg);--header-hint-size:var(--amplify-text-md);--placeholder-hint-size:var(--amplify-text-sm);--placeholder-border-color:var(--amplify-grey)}.photo-picker-container{max-width:50rem}img{-o-object-fit:var(--object-fit);object-fit:var(--object-fit);width:100%;height:100%}input[type=file]{width:100%;height:100%;display:inline-block;position:absolute;left:0;top:0;opacity:0;cursor:pointer}.header{color:var(--header-color);font-size:var(--header-size);font-weight:bold;margin-bottom:24px}.header-hint{color:var(--hint-color);font-size:var(--header-hint-size);word-break:break-word;margin-bottom:24px}.picker-body{position:relative;width:25rem;height:16rem;border:2px dotted var(--placeholder-border-color);padding:10px;margin-bottom:8px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;overflow:hidden}.placeholder-hint{color:var(--hint-color);font-family:Helvetica;font-style:italic;font-size:var(--placeholder-hint-size);word-break:break-word;margin-bottom:30px}\";\nvar AmplifyPhotoPicker = /** @class */ (function () {\n    function AmplifyPhotoPicker(hostRef) {\n        var _this = this;\n        registerInstance(this, hostRef);\n        /** Title string value */\n        this.headerTitle = Translations.PHOTO_PICKER_TITLE;\n        /** Header Hint value in string */\n        this.headerHint = Translations.PHOTO_PICKER_HINT;\n        /** Placeholder hint that goes under the placeholder image */\n        this.placeholderHint = Translations.PHOTO_PICKER_PLACEHOLDER_HINT;\n        /** Picker button text as string */\n        this.buttonText = Translations.PHOTO_PICKER_BUTTON_TEXT;\n        /** Function that handles file pick onClick */\n        this.handleClick = function () { };\n        this.handleInput = function (ev) {\n            _this.file = ev.target.files[0];\n            var reader = new FileReader();\n            reader.onload = function (_e) {\n                var url = reader.result;\n                _this.previewState = url;\n            };\n            reader.readAsDataURL(_this.file);\n        };\n    }\n    AmplifyPhotoPicker.prototype.componentWillLoad = function () {\n        console.warn('Version `1.x` of Amplify UI has been deprecated and will be removed in a future major version of `aws-amplify`. Please visit https://ui.docs.amplify.aws/ for the current version of Amplify UI.');\n        this.previewState = this.previewSrc;\n    };\n    AmplifyPhotoPicker.prototype.render = function () {\n        var _this = this;\n        return (h(\"div\", { class: \"photo-picker-container\" }, h(\"amplify-section\", null, h(\"div\", { class: \"header\" }, I18n.get(this.headerTitle)), h(\"div\", { class: \"header-hint\" }, I18n.get(this.headerHint)), h(\"amplify-picker\", { acceptValue: 'image/*', inputHandler: this.handleInput }, h(\"div\", { class: \"picker-body\", slot: \"picker\" }, this.previewState ? (h(\"img\", { src: \"\" + this.previewState })) : (h(\"amplify-icon\", { name: \"photoPlaceholder\" })))), h(\"div\", { class: \"placeholder-hint\" }, I18n.get(this.placeholderHint)), h(\"amplify-button\", { handleButtonClick: function () { return _this.handleClick(_this.file); } }, I18n.get(this.buttonText)))));\n    };\n    return AmplifyPhotoPicker;\n}());\nAmplifyPhotoPicker.style = amplifyPhotoPickerCss;\nexport { AmplifyPhotoPicker as amplify_photo_picker };\n"],"sourceRoot":""}

package/dist/25.js

@@ -1,15 +1,15 @@
 (this["webpackJsonpaws_amplify_react"] = this["webpackJsonpaws_amplify_react"] || []).push([[25],{
 
-/***/ "../amplify-ui-components/dist/esm-es5/amplify-photo-picker.entry.js":
-/*!***************************************************************************!*\
-  !*** ../amplify-ui-components/dist/esm-es5/amplify-photo-picker.entry.js ***!
-  \***************************************************************************/
-/*! exports provided: amplify_photo_picker */
+/***/ "../amplify-ui-components/dist/esm-es5/amplify-picker.entry.js":
+/*!*********************************************************************!*\
+  !*** ../amplify-ui-components/dist/esm-es5/amplify-picker.entry.js ***!
+  \*********************************************************************/
+/*! exports provided: amplify_picker */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "amplify_photo_picker", function() { return AmplifyPhotoPicker; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "amplify_picker", function() { return AmplifyPicker; });
 /* harmony import */ var _index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index-83f2275b.js */ "../amplify-ui-components/dist/esm-es5/index-83f2275b.js");
 /* harmony import */ var _aws_amplify_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @aws-amplify/core */ "@aws-amplify/core");
 /* harmony import */ var _aws_amplify_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_aws_amplify_core__WEBPACK_IMPORTED_MODULE_1__);
@@ -20,80 +20,46 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-var amplifyPhotoPickerCss = ":host{--object-fit:cover;--hint-color:var(--amplify-grey);--header-color:var(--amplify-secondary-color);--header-size:var(--amplify-text-lg);--header-hint-size:var(--amplify-text-md);--placeholder-hint-size:var(--amplify-text-sm);--placeholder-border-color:var(--amplify-grey)}.photo-picker-container{max-width:50rem}img{-o-object-fit:var(--object-fit);object-fit:var(--object-fit);width:100%;height:100%}input[type=file]{width:100%;height:100%;display:inline-block;position:absolute;left:0;top:0;opacity:0;cursor:pointer}.header{color:var(--header-color);font-size:var(--header-size);font-weight:bold;margin-bottom:24px}.header-hint{color:var(--hint-color);font-size:var(--header-hint-size);word-break:break-word;margin-bottom:24px}.picker-body{position:relative;width:25rem;height:16rem;border:2px dotted var(--placeholder-border-color);padding:10px;margin-bottom:8px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;overflow:hidden}.placeholder-hint{color:var(--hint-color);font-family:Helvetica;font-style:italic;font-size:var(--placeholder-hint-size);word-break:break-word;margin-bottom:30px}";
+var amplifyPickerCss = ".picker{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}input[type=file]{width:100%;height:100%;display:inline-block;position:absolute;left:0;top:0;opacity:0;cursor:pointer}";
 
-var AmplifyPhotoPicker =
+var AmplifyPicker =
 /** @class */
 function () {
-  function AmplifyPhotoPicker(hostRef) {
-    var _this = this;
-
+  function AmplifyPicker(hostRef) {
     Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["r"])(this, hostRef);
-    /** Title string value */
-
-    this.headerTitle = _Translations_108d469f_js__WEBPACK_IMPORTED_MODULE_3__["T"].PHOTO_PICKER_TITLE;
-    /** Header Hint value in string */
-
-    this.headerHint = _Translations_108d469f_js__WEBPACK_IMPORTED_MODULE_3__["T"].PHOTO_PICKER_HINT;
-    /** Placeholder hint that goes under the placeholder image */
-
-    this.placeholderHint = _Translations_108d469f_js__WEBPACK_IMPORTED_MODULE_3__["T"].PHOTO_PICKER_PLACEHOLDER_HINT;
-    /** Picker button text as string */
-
-    this.buttonText = _Translations_108d469f_js__WEBPACK_IMPORTED_MODULE_3__["T"].PHOTO_PICKER_BUTTON_TEXT;
-    /** Function that handles file pick onClick */
-
-    this.handleClick = function () {};
-
-    this.handleInput = function (ev) {
-      _this.file = ev.target.files[0];
-      var reader = new FileReader();
+    /** Picker button text */
 
-      reader.onload = function (_e) {
-        var url = reader.result;
-        _this.previewState = url;
-      };
+    this.pickerText = _Translations_108d469f_js__WEBPACK_IMPORTED_MODULE_3__["T"].PICKER_TEXT;
+    /** File input accept value */
 
-      reader.readAsDataURL(_this.file);
-    };
+    this.acceptValue = '*/*';
   }
 
-  AmplifyPhotoPicker.prototype.componentWillLoad = function () {
-    this.previewState = this.previewSrc;
+  AmplifyPicker.prototype.componentWillLoad = function () {
+    console.warn('Version `1.x` of Amplify UI has been deprecated and will be removed in a future major version of `aws-amplify`. Please visit https://ui.docs.amplify.aws/ for the current version of Amplify UI.');
   };
 
-  AmplifyPhotoPicker.prototype.render = function () {
+  AmplifyPicker.prototype.render = function () {
     var _this = this;
 
     return Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", {
-      "class": "photo-picker-container"
-    }, Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("amplify-section", null, Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", {
-      "class": "header"
-    }, _aws_amplify_core__WEBPACK_IMPORTED_MODULE_1__["I18n"].get(this.headerTitle)), Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", {
-      "class": "header-hint"
-    }, _aws_amplify_core__WEBPACK_IMPORTED_MODULE_1__["I18n"].get(this.headerHint)), Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("amplify-picker", {
-      acceptValue: 'image/*',
-      inputHandler: this.handleInput
-    }, Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", {
-      "class": "picker-body",
-      slot: "picker"
-    }, this.previewState ? Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("img", {
-      src: "" + this.previewState
-    }) : Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("amplify-icon", {
-      name: "photoPlaceholder"
-    }))), Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("div", {
-      "class": "placeholder-hint"
-    }, _aws_amplify_core__WEBPACK_IMPORTED_MODULE_1__["I18n"].get(this.placeholderHint)), Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("amplify-button", {
-      handleButtonClick: function handleButtonClick() {
-        return _this.handleClick(_this.file);
+      "class": "picker"
+    }, Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("slot", {
+      name: "picker"
+    }, Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("amplify-button", null, _aws_amplify_core__WEBPACK_IMPORTED_MODULE_1__["I18n"].get(this.pickerText))), Object(_index_83f2275b_js__WEBPACK_IMPORTED_MODULE_0__["h"])("input", {
+      title: _aws_amplify_core__WEBPACK_IMPORTED_MODULE_1__["I18n"].get(this.pickerText),
+      type: "file",
+      accept: this.acceptValue,
+      onChange: function onChange(e) {
+        return _this.inputHandler(e);
       }
-    }, _aws_amplify_core__WEBPACK_IMPORTED_MODULE_1__["I18n"].get(this.buttonText))));
+    }));
   };
 
-  return AmplifyPhotoPicker;
+  return AmplifyPicker;
 }();
 
-AmplifyPhotoPicker.style = amplifyPhotoPickerCss;
+AmplifyPicker.style = amplifyPickerCss;
 
 
 /***/ })

package/dist/25.js.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack:///./node_modules/@aws-amplify/ui-components/dist/esm-es5/amplify-photo-picker.entry.js"],"names":["amplifyPhotoPickerCss","AmplifyPhotoPicker","_this","registerInstance","Translations","ev","reader","url","h","I18n","acceptValue","inputHandler","handleInput","slot","src","previewState","name","handleButtonClick"],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA,IAAIA,qBAAqB,GAAzB;;AACA,IAAIC,kBAAkB;AAAG;AAAe,YAAY;AAChD,uCAAqC;AACjC,QAAIC,KAAK,GAAT;;AACAC,gEAAgB,OAAhBA,OAAgB,CAAhBA;AACA;;AACA,uBAAmBC,2DAAY,CAA/B;AACA;;AACA,sBAAkBA,2DAAY,CAA9B;AACA;;AACA,2BAAuBA,2DAAY,CAAnC;AACA;;AACA,sBAAkBA,2DAAY,CAA9B;AACA;;AACA,uBAAmB,YAAY,CAA/B;;AACA,uBAAmB,cAAc;AAC7BF,WAAK,CAALA,OAAaG,EAAE,CAAFA,aAAbH,CAAaG,CAAbH;AACA,UAAII,MAAM,GAAG,IAAb,UAAa,EAAb;;AACAA,YAAM,CAANA,SAAgB,cAAc;AAC1B,YAAIC,GAAG,GAAGD,MAAM,CAAhB;AACAJ,aAAK,CAALA;AAFJI;;AAIAA,YAAM,CAANA,cAAqBJ,KAAK,CAA1BI;AAPJ;AASH;;AACDL,oBAAkB,CAAlBA,8BAAiD,YAAY;AACzD,wBAAoB,KAApB;AADJA;;AAGAA,oBAAkB,CAAlBA,mBAAsC,YAAY;AAC9C,QAAIC,KAAK,GAAT;;AACA,WAAQM,4DAAC,QAAQ;AAAE,eAAO;AAAT,KAAR,EAA6CA,4DAAC,0BAA0BA,4DAAC,QAAQ;AAAE,eAAO;AAAT,KAAR,EAA6BC,sDAAI,CAAJA,IAAS,KAAjE,WAAwDA,CAA7B,CAA3B,EAAqFD,4DAAC,QAAQ;AAAE,eAAO;AAAT,KAAR,EAAkCC,sDAAI,CAAJA,IAAS,KAAjI,UAAwHA,CAAlC,CAAtF,EAAoJD,4DAAC,mBAAmB;AAAEE,iBAAW,EAAb;AAA0BC,kBAAY,EAAE,KAAKC;AAA7C,KAAnB,EAA+EJ,4DAAC,QAAQ;AAAE,eAAF;AAAwBK,UAAI,EAAE;AAA9B,KAAR,EAAkD,oBAAqBL,4DAAC,QAAQ;AAAEM,SAAG,EAAE,KAAK,KAAKC;AAAjB,KAAR,CAAtB,GAAmEP,4DAAC,iBAAiB;AAAEQ,UAAI,EAAE;AAAR,KAAjB,CAAtH,CAAhF,CAArJ,EAA8YR,4DAAC,QAAQ;AAAE,eAAO;AAAT,KAAR,EAAuCC,sDAAI,CAAJA,IAAS,KAA/b,eAAsbA,CAAvC,CAA/Y,EAAudD,4DAAC,mBAAmB;AAAES,uBAAiB,EAAE,6BAAY;AAAE,eAAOf,KAAK,CAALA,YAAkBA,KAAK,CAA9B,IAAOA,CAAP;AAAuC;AAA1E,KAAnB,EAAiGO,sDAAI,CAAJA,IAAS,KAAznB,UAAgnBA,CAAjG,CAAxd,CAA9C,CAAT;AAFJR;;AAIA;AA/BJ,CAAwC,EAAxC;;AAiCAA,kBAAkB,CAAlBA","file":"25.js","sourcesContent":["import { r as registerInstance, h } from './index-83f2275b.js';\nimport { I18n } from '@aws-amplify/core';\nimport '@aws-amplify/auth';\nimport { T as Translations } from './Translations-108d469f.js';\nvar amplifyPhotoPickerCss = \":host{--object-fit:cover;--hint-color:var(--amplify-grey);--header-color:var(--amplify-secondary-color);--header-size:var(--amplify-text-lg);--header-hint-size:var(--amplify-text-md);--placeholder-hint-size:var(--amplify-text-sm);--placeholder-border-color:var(--amplify-grey)}.photo-picker-container{max-width:50rem}img{-o-object-fit:var(--object-fit);object-fit:var(--object-fit);width:100%;height:100%}input[type=file]{width:100%;height:100%;display:inline-block;position:absolute;left:0;top:0;opacity:0;cursor:pointer}.header{color:var(--header-color);font-size:var(--header-size);font-weight:bold;margin-bottom:24px}.header-hint{color:var(--hint-color);font-size:var(--header-hint-size);word-break:break-word;margin-bottom:24px}.picker-body{position:relative;width:25rem;height:16rem;border:2px dotted var(--placeholder-border-color);padding:10px;margin-bottom:8px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;overflow:hidden}.placeholder-hint{color:var(--hint-color);font-family:Helvetica;font-style:italic;font-size:var(--placeholder-hint-size);word-break:break-word;margin-bottom:30px}\";\nvar AmplifyPhotoPicker = /** @class */ (function () {\n    function AmplifyPhotoPicker(hostRef) {\n        var _this = this;\n        registerInstance(this, hostRef);\n        /** Title string value */\n        this.headerTitle = Translations.PHOTO_PICKER_TITLE;\n        /** Header Hint value in string */\n        this.headerHint = Translations.PHOTO_PICKER_HINT;\n        /** Placeholder hint that goes under the placeholder image */\n        this.placeholderHint = Translations.PHOTO_PICKER_PLACEHOLDER_HINT;\n        /** Picker button text as string */\n        this.buttonText = Translations.PHOTO_PICKER_BUTTON_TEXT;\n        /** Function that handles file pick onClick */\n        this.handleClick = function () { };\n        this.handleInput = function (ev) {\n            _this.file = ev.target.files[0];\n            var reader = new FileReader();\n            reader.onload = function (_e) {\n                var url = reader.result;\n                _this.previewState = url;\n            };\n            reader.readAsDataURL(_this.file);\n        };\n    }\n    AmplifyPhotoPicker.prototype.componentWillLoad = function () {\n        this.previewState = this.previewSrc;\n    };\n    AmplifyPhotoPicker.prototype.render = function () {\n        var _this = this;\n        return (h(\"div\", { class: \"photo-picker-container\" }, h(\"amplify-section\", null, h(\"div\", { class: \"header\" }, I18n.get(this.headerTitle)), h(\"div\", { class: \"header-hint\" }, I18n.get(this.headerHint)), h(\"amplify-picker\", { acceptValue: 'image/*', inputHandler: this.handleInput }, h(\"div\", { class: \"picker-body\", slot: \"picker\" }, this.previewState ? (h(\"img\", { src: \"\" + this.previewState })) : (h(\"amplify-icon\", { name: \"photoPlaceholder\" })))), h(\"div\", { class: \"placeholder-hint\" }, I18n.get(this.placeholderHint)), h(\"amplify-button\", { handleButtonClick: function () { return _this.handleClick(_this.file); } }, I18n.get(this.buttonText)))));\n    };\n    return AmplifyPhotoPicker;\n}());\nAmplifyPhotoPicker.style = amplifyPhotoPickerCss;\nexport { AmplifyPhotoPicker as amplify_photo_picker };\n"],"sourceRoot":""}
+{"version":3,"sources":["webpack:///./node_modules/@aws-amplify/ui-components/dist/esm-es5/amplify-picker.entry.js"],"names":["amplifyPickerCss","AmplifyPicker","hostRef","registerInstance","pickerText","Translations","PICKER_TEXT","acceptValue","prototype","componentWillLoad","console","warn","render","_this","h","name","I18n","get","title","type","accept","onChange","e","inputHandler","style"],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA,IAAIA,gBAAgB,GAAG,uQAAvB;;AACA,IAAIC,aAAa;AAAG;AAAe,YAAY;EAC3C,SAASA,aAAT,CAAuBC,OAAvB,EAAgC;IAC5BC,4DAAgB,CAAC,IAAD,EAAOD,OAAP,CAAhBC;IACA;;IACA,KAAKC,UAAL,GAAkBC,2DAAY,CAACC,WAA/B;IACA;;IACA,KAAKC,WAAL,GAAmB,KAAnB;EACH;;EACDN,aAAa,CAACO,SAAdP,CAAwBQ,iBAAxBR,GAA4C,YAAY;IACpDS,OAAO,CAACC,IAARD,CAAa,kMAAbA;EADJ;;EAGAT,aAAa,CAACO,SAAdP,CAAwBW,MAAxBX,GAAiC,YAAY;IACzC,IAAIY,KAAK,GAAG,IAAZ;;IACA,OAAQC,4DAAC,CAAC,KAAD,EAAQ;MAAE,SAAO;IAAT,CAAR,EAA6BA,4DAAC,CAAC,MAAD,EAAS;MAAEC,IAAI,EAAE;IAAR,CAAT,EAA6BD,4DAAC,CAAC,gBAAD,EAAmB,IAAnB,EAAyBE,sDAAI,CAACC,GAALD,CAAS,KAAKZ,UAAdY,CAAzB,CAA9B,CAA9B,EAAkHF,4DAAC,CAAC,OAAD,EAAU;MAAEI,KAAK,EAAEF,sDAAI,CAACC,GAALD,CAAS,KAAKZ,UAAdY,CAAT;MAAoCG,IAAI,EAAE,MAA1C;MAAkDC,MAAM,EAAE,KAAKb,WAA/D;MAA4Ec,QAAQ,EAAE,kBAAUC,CAAV,EAAa;QAAE,OAAOT,KAAK,CAACU,YAANV,CAAmBS,CAAnBT,CAAP;MAA+B;IAApI,CAAV,CAAnH,CAAT;EAFJ;;EAIA,OAAOZ,aAAP;AAf+B,GAAnC;;AAiBAA,aAAa,CAACuB,KAAdvB,GAAsBD,gBAAtBC","file":"25.js","sourcesContent":["import { r as registerInstance, h } from './index-83f2275b.js';\nimport { I18n } from '@aws-amplify/core';\nimport '@aws-amplify/auth';\nimport { T as Translations } from './Translations-108d469f.js';\nvar amplifyPickerCss = \".picker{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}input[type=file]{width:100%;height:100%;display:inline-block;position:absolute;left:0;top:0;opacity:0;cursor:pointer}\";\nvar AmplifyPicker = /** @class */ (function () {\n    function AmplifyPicker(hostRef) {\n        registerInstance(this, hostRef);\n        /** Picker button text */\n        this.pickerText = Translations.PICKER_TEXT;\n        /** File input accept value */\n        this.acceptValue = '*/*';\n    }\n    AmplifyPicker.prototype.componentWillLoad = function () {\n        console.warn('Version `1.x` of Amplify UI has been deprecated and will be removed in a future major version of `aws-amplify`. Please visit https://ui.docs.amplify.aws/ for the current version of Amplify UI.');\n    };\n    AmplifyPicker.prototype.render = function () {\n        var _this = this;\n        return (h(\"div\", { class: \"picker\" }, h(\"slot\", { name: \"picker\" }, h(\"amplify-button\", null, I18n.get(this.pickerText))), h(\"input\", { title: I18n.get(this.pickerText), type: \"file\", accept: this.acceptValue, onChange: function (e) { return _this.inputHandler(e); } })));\n    };\n    return AmplifyPicker;\n}());\nAmplifyPicker.style = amplifyPickerCss;\nexport { AmplifyPicker as amplify_picker };\n"],"sourceRoot":""}