@ndla/image-search 6.0.123 → 6.0.125
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/ImageMeta.js +10 -8
- package/es/ImageSearch.js +133 -161
- package/es/ImageSearchResult.js +13 -13
- package/es/PreviewImage.js +26 -43
- package/es/util/imageUtil.js +2 -6
- package/lib/ImageMeta.js +17 -16
- package/lib/ImageSearch.js +140 -169
- package/lib/ImageSearchResult.js +19 -19
- package/lib/PreviewImage.js +35 -51
- package/lib/index.js +2 -3
- package/lib/util/imageUtil.js +2 -6
- package/package.json +12 -7
package/es/ImageMeta.js
CHANGED
|
@@ -11,11 +11,11 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
|
|
|
11
11
|
import prettyBytes from 'pretty-bytes';
|
|
12
12
|
import { fonts } from '@ndla/core';
|
|
13
13
|
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
14
|
-
|
|
14
|
+
const StyledDiv = /*#__PURE__*/_styled("div", {
|
|
15
15
|
target: "e171zbc01",
|
|
16
16
|
label: "StyledDiv"
|
|
17
17
|
})(fonts.sizes('16px', 1.3), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkltYWdlTWV0YS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYTRCIiwiZmlsZSI6IkltYWdlTWV0YS50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMi1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBwcmV0dHlCeXRlcyBmcm9tICdwcmV0dHktYnl0ZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZm9udHMgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IElJbWFnZURpbWVuc2lvbnMgfSBmcm9tICdAbmRsYS90eXBlcy1iYWNrZW5kL2ltYWdlLWFwaSc7XG5cbmNvbnN0IFN0eWxlZERpdiA9IHN0eWxlZC5kaXZgXG4gICR7Zm9udHMuc2l6ZXMoJzE2cHgnLCAxLjMpfVxuYDtcblxuY29uc3QgU3R5bGVkU3BhbiA9IHN0eWxlZC5zcGFuYFxuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBjb250ZW50VHlwZTogc3RyaW5nO1xuICBmaWxlU2l6ZTogbnVtYmVyO1xuICBpbWFnZURpbWVuc2lvbnM/OiBJSW1hZ2VEaW1lbnNpb25zO1xufVxuXG5jb25zdCBJbWFnZU1ldGEgPSAoeyBjb250ZW50VHlwZSwgZmlsZVNpemUsIGltYWdlRGltZW5zaW9ucyB9OiBQcm9wcykgPT4ge1xuICBjb25zdCBkaW1lbnNpb25zID0gaW1hZ2VEaW1lbnNpb25zID8gYCAtICR7aW1hZ2VEaW1lbnNpb25zLndpZHRofXgke2ltYWdlRGltZW5zaW9ucy5oZWlnaHR9IHB4YCA6ICcnO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWREaXY+XG4gICAgICA8U3R5bGVkU3Bhbj57YCR7Y29udGVudFR5cGV9IC0gJHtwcmV0dHlCeXRlcyhmaWxlU2l6ZSl9JHtkaW1lbnNpb25zfWB9PC9TdHlsZWRTcGFuPlxuICAgIDwvU3R5bGVkRGl2PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgSW1hZ2VNZXRhO1xuIl19 */"));
|
|
18
|
-
|
|
18
|
+
const StyledSpan = /*#__PURE__*/_styled("span", {
|
|
19
19
|
target: "e171zbc00",
|
|
20
20
|
label: "StyledSpan"
|
|
21
21
|
})(process.env.NODE_ENV === "production" ? {
|
|
@@ -27,14 +27,16 @@ var StyledSpan = /*#__PURE__*/_styled("span", {
|
|
|
27
27
|
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkltYWdlTWV0YS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUI4QiIsImZpbGUiOiJJbWFnZU1ldGEudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgcHJldHR5Qnl0ZXMgZnJvbSAncHJldHR5LWJ5dGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGZvbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBJSW1hZ2VEaW1lbnNpb25zIH0gZnJvbSAnQG5kbGEvdHlwZXMtYmFja2VuZC9pbWFnZS1hcGknO1xuXG5jb25zdCBTdHlsZWREaXYgPSBzdHlsZWQuZGl2YFxuICAke2ZvbnRzLnNpemVzKCcxNnB4JywgMS4zKX1cbmA7XG5cbmNvbnN0IFN0eWxlZFNwYW4gPSBzdHlsZWQuc3BhbmBcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgY29udGVudFR5cGU6IHN0cmluZztcbiAgZmlsZVNpemU6IG51bWJlcjtcbiAgaW1hZ2VEaW1lbnNpb25zPzogSUltYWdlRGltZW5zaW9ucztcbn1cblxuY29uc3QgSW1hZ2VNZXRhID0gKHsgY29udGVudFR5cGUsIGZpbGVTaXplLCBpbWFnZURpbWVuc2lvbnMgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgZGltZW5zaW9ucyA9IGltYWdlRGltZW5zaW9ucyA/IGAgLSAke2ltYWdlRGltZW5zaW9ucy53aWR0aH14JHtpbWFnZURpbWVuc2lvbnMuaGVpZ2h0fSBweGAgOiAnJztcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkRGl2PlxuICAgICAgPFN0eWxlZFNwYW4+e2Ake2NvbnRlbnRUeXBlfSAtICR7cHJldHR5Qnl0ZXMoZmlsZVNpemUpfSR7ZGltZW5zaW9uc31gfTwvU3R5bGVkU3Bhbj5cbiAgICA8L1N0eWxlZERpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEltYWdlTWV0YTtcbiJdfQ== */",
|
|
28
28
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
29
29
|
});
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
30
|
+
const ImageMeta = _ref => {
|
|
31
|
+
let {
|
|
32
|
+
contentType,
|
|
33
|
+
fileSize,
|
|
34
|
+
imageDimensions
|
|
35
|
+
} = _ref;
|
|
36
|
+
const dimensions = imageDimensions ? ` - ${imageDimensions.width}x${imageDimensions.height} px` : '';
|
|
35
37
|
return _jsx(StyledDiv, {
|
|
36
38
|
children: _jsx(StyledSpan, {
|
|
37
|
-
children:
|
|
39
|
+
children: `${contentType} - ${prettyBytes(fileSize)}${dimensions}`
|
|
38
40
|
})
|
|
39
41
|
});
|
|
40
42
|
};
|
package/es/ImageSearch.js
CHANGED
|
@@ -1,17 +1,4 @@
|
|
|
1
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
1
|
import _styled from "@emotion/styled/base";
|
|
3
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
4
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
|
|
5
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
6
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
7
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
8
|
-
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
9
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
10
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
11
|
-
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
12
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
13
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
14
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
15
2
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
16
3
|
/**
|
|
17
4
|
* Copyright (c) 2017-present, NDLA.
|
|
@@ -30,7 +17,7 @@ import { Search as SearchIcon } from '@ndla/icons/common';
|
|
|
30
17
|
import ImageSearchResult from './ImageSearchResult';
|
|
31
18
|
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
32
19
|
import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
33
|
-
|
|
20
|
+
const ImageSearchWrapper = /*#__PURE__*/_styled("div", {
|
|
34
21
|
target: "ejbuzb50",
|
|
35
22
|
label: "ImageSearchWrapper"
|
|
36
23
|
})(".text{text-align:center;}.list-item{position:relative;float:left;height:210px;width:100%;", mq.range({
|
|
@@ -70,7 +57,7 @@ var ImageSearchWrapper = /*#__PURE__*/_styled("div", {
|
|
|
70
57
|
}), "{.list-item .image-preview{width:400%;}.list-item:nth-of-type(4n - 2) .image-preview{margin-left:-100%;}.list-item:nth-of-type(4n - 1) .image-preview{margin-left:-200%;}.list-item:nth-of-type(4n) .image-preview{margin-left:-300%;}}", mq.range({
|
|
71
58
|
from: breakpoints.wide
|
|
72
59
|
}), "{.list-item .image-preview{width:500%;}.list-item:nth-of-type(5n - 3) .image-preview{margin-left:-100%;}.list-item:nth-of-type(5n - 2) .image-preview{margin-left:-200%;}.list-item:nth-of-type(5n - 1) .image-preview{margin-left:-300%;}.list-item:nth-of-type(5n) .image-preview{margin-left:-400%;}}@keyframes fadeInSearchPreview{0%{display:none;opacity:0;}1%{opacity:0;display:flex;transform:translateY(-20px);}100%{opacity:1;transform:translateY(0px);}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkltYWdlU2VhcmNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQnFDIiwiZmlsZSI6IkltYWdlU2VhcmNoLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE3LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgQ2hhbmdlRXZlbnQsIENvbXBvbmVudCwgUmVhY3ROb2RlLCBLZXlib2FyZEV2ZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZm9udHMsIGNvbG9ycywgc3BhY2luZywgbXEsIGJyZWFrcG9pbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgUGFnZXIgZnJvbSAnQG5kbGEvcGFnZXInO1xuaW1wb3J0IHsgSUltYWdlTWV0YUluZm9ybWF0aW9uVjMsIElTZWFyY2hSZXN1bHRWMywgSVNlYXJjaFBhcmFtcyB9IGZyb20gJ0BuZGxhL3R5cGVzLWJhY2tlbmQvaW1hZ2UtYXBpJztcbmltcG9ydCB7IElucHV0Q29udGFpbmVyLCBJbnB1dFYzIH0gZnJvbSAnQG5kbGEvZm9ybXMnO1xuaW1wb3J0IHsgU2VhcmNoIGFzIFNlYXJjaEljb24gfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IEltYWdlU2VhcmNoUmVzdWx0IGZyb20gJy4vSW1hZ2VTZWFyY2hSZXN1bHQnO1xuXG5jb25zdCBJbWFnZVNlYXJjaFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAudGV4dCB7XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB9XG4gIC5saXN0LWl0ZW0ge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBmbG9hdDogbGVmdDtcbiAgICBoZWlnaHQ6IDIxMHB4O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgIHdpZHRoOiA1MCU7XG4gICAgfVxuICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgICB3aWR0aDogMzMuMyU7XG4gICAgfVxuICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgICB3aWR0aDogMjUlO1xuICAgIH1cbiAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMud2lkZSB9KX0ge1xuICAgICAgd2lkdGg6IDIwJTtcbiAgICB9XG4gICAgJi5hY3RpdmUge1xuICAgICAgaGVpZ2h0OiBpbmhlcml0O1xuICAgIH1cbiAgfVxuXG4gIC5saXN0IHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICAgIGZsZXgtZmxvdzogcm93IHdyYXA7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIG1hcmdpbi1sZWZ0OiAtJHtzcGFjaW5nLnNtYWxsfTtcbiAgICBtYXJnaW4tcmlnaHQ6IC0ke3NwYWNpbmcuc21hbGx9O1xuICAgIG1hcmdpbi10b3A6ICR7c3BhY2luZy5ub3JtYWx9O1xuICB9XG5cbiAgLmxpc3QtaXRlbS1pbm5lciB7XG4gICAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgaGVpZ2h0OiAyMTBweDtcblxuICAgIC5saXN0LWl0ZW0tdGl0bGUge1xuICAgICAgbWFyZ2luOiAke3NwYWNpbmcueHNtYWxsfSAwO1xuICAgICAgJHtmb250cy5zaXplcygnMTRweCcsIDEuMil9O1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgICAgZGlzcGxheTogLXdlYmtpdC1ib3g7XG4gICAgICAtd2Via2l0LWJveC1vcmllbnQ6IHZlcnRpY2FsO1xuICAgICAgLXdlYmtpdC1saW5lLWNsYW1wOiAzO1xuICAgICAgbWF4LWhlaWdodDogJHtzcGFjaW5nLmxhcmdlfTtcbiAgICB9XG4gIH1cblxuICAubGlzdC1pdGVtLWlubmVyIGltZyB7XG4gICAgbWF4LWhlaWdodDogMTM1cHg7XG4gICAgbWF4LXdpZHRoOiAxMDAlO1xuICAgIGJvcmRlcjogMnB4IHNvbGlkIHdoaXRlO1xuICAgIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAxMDBtcyBlYXNlO1xuICB9XG5cbiAgLmxpc3QtaXRlbS1pbm5lcjpob3ZlciB7XG4gICAgaW1nIHtcbiAgICAgIGJvcmRlcjogMnB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIH1cbiAgfVxuXG4gIC5saXN0LWl0ZW0taW5uZXIgPiAubGlzdC1pdGVtLWlubmVyIGltZyB7XG4gICAgYm9yZGVyOiAycHggc29saWQgJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gIH1cblxuICAubGlzdC1pdGVtLmFjdGl2ZSA+IC5saXN0LWl0ZW0taW5uZXI6OmFmdGVyIHtcbiAgICBhbmltYXRpb246IGZhZGVJblNlYXJjaFByZXZpZXcgMzAwbXMgZWFzZTtcbiAgICB0b3A6IDE5MHB4O1xuICAgIGxlZnQ6IDUwJTtcbiAgICBib3JkZXI6IHNvbGlkIHRyYW5zcGFyZW50O1xuICAgIGNvbnRlbnQ6ICcgJztcbiAgICBoZWlnaHQ6IDA7XG4gICAgd2lkdGg6IDA7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIGJvcmRlci1jb2xvcjogcmdiYSgxMzYsIDE4MywgMjEzLCAwKTtcbiAgICBib3JkZXItYm90dG9tLWNvbG9yOiAke2NvbG9ycy5icmFuZC5saWdodGVyfTtcbiAgICBib3JkZXItd2lkdGg6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgIG1hcmdpbi1sZWZ0OiAtJHtzcGFjaW5nLm5vcm1hbH07XG4gIH1cblxuICAuaW1hZ2UtcHJldmlldyB7XG4gICAgYW5pbWF0aW9uOiBmYWRlSW5TZWFyY2hQcmV2aWV3IDMwMG1zIGVhc2U7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQsIHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgICB3aWR0aDogMjAwJTtcbiAgICB9XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUsIHVudGlsOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgICB3aWR0aDogMzAwJTtcbiAgICB9XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AsIHVudGlsOiBicmVha3BvaW50cy53aWRlIH0pfSB7XG4gICAgICB3aWR0aDogNDAwJTtcbiAgICB9XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLndpZGUgfSl9IHtcbiAgICAgIHdpZHRoOiA1MDAlO1xuICAgIH1cbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5icmFuZC5saWdodGVyfTtcbiAgICBib3JkZXItcmFkaXVzOiAycHg7XG4gICAgbWFyZ2luOiAyMHB4IDA7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cbiAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLm1vYmlsZVdpZGUgfSl9IHtcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIH1cblxuICAgIC5pbWFnZSB7XG4gICAgICBtYXgtd2lkdGg6IDUwJTtcbiAgICAgIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gICAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLm1vYmlsZVdpZGUgfSl9IHtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICB9XG4gICAgfVxuXG4gICAgLmluZm8ge1xuICAgICAgJHtmb250cy5zaXplcygnMTZweCcsIDEuMyl9XG4gICAgfVxuXG4gICAgLmltYWdlIGltZyB7XG4gICAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgICBtYXgtaGVpZ2h0OiAzMDBweDtcbiAgICB9XG5cbiAgICAuaW5mb3JtYXRpb24ge1xuICAgICAgd2lkdGg6IDUwJTtcbiAgICAgIHBhZGRpbmc6IGNhbGMoJHtzcGFjaW5nLm5vcm1hbH0gLSAke3NwYWNpbmcueHNtYWxsfSkgJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLnNtYWxsfTtcbiAgICAgIHdvcmQtYnJlYWs6IGluaXRpYWw7XG4gICAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLm1vYmlsZVdpZGUgfSl9IHtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIHBhZGRpbmc6IDAgJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubm9ybWFsfTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAuaW5mb3JtYXRpb24gPiAqIHtcbiAgICAgIG1hcmdpbi10b3A6ICR7c3BhY2luZy5zbWFsbH07XG4gICAgfVxuXG4gICAgLnRpdGxlIHtcbiAgICAgIHBhZGRpbmctdG9wOiAwO1xuICAgICAgbWFyZ2luOiAwO1xuICAgICAgbGluZS1oZWlnaHQ6IDEuMztcbiAgICB9XG4gICAgLnRleHQtLWxlZnQge1xuICAgICAgd2lkdGg6IDIwJTtcbiAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICB9XG5cbiAgICAudGV4dC0tcmlnaHQge1xuICAgICAgd2lkdGg6IDgwJTtcbiAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICB9XG4gICAgLnRhZ3MgPiBiIHtcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgfVxuXG4gICAgLnRhZ3MgPiAudGFnX2l0ZW0ge1xuICAgICAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLnhzbWFsbH07XG4gICAgICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgICR7Zm9udHMuc2l6ZXMoJzE2cHgnLCAxLjMpfVxuICAgIH1cblxuICAgIC50YWdzID4gLnRhZ19pdGVtOmhvdmVyIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB9XG5cbiAgICAuY2xlYXIge1xuICAgICAgY2xlYXI6IGJvdGg7XG4gICAgfVxuXG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCwgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAubGlzdC1pdGVtIC5pbWFnZS1wcmV2aWV3IHtcbiAgICAgIHdpZHRoOiAyMDAlO1xuICAgIH1cbiAgICAubGlzdC1pdGVtOm50aC1vZi10eXBlKDJuKSAuaW1hZ2UtcHJldmlldyB7XG4gICAgICBtYXJnaW4tbGVmdDogLTEwMCU7XG4gICAgfVxuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlLCB1bnRpbDogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIC5saXN0LWl0ZW0gLmltYWdlLXByZXZpZXcge1xuICAgICAgd2lkdGg6IDMwMCU7XG4gICAgfVxuICAgIC5saXN0LWl0ZW06bnRoLW9mLXR5cGUoM24gLSAxKSAuaW1hZ2UtcHJldmlldyB7XG4gICAgICBtYXJnaW4tbGVmdDogLTEwMCU7XG4gICAgfVxuICAgIC5saXN0LWl0ZW06bnRoLW9mLXR5cGUoM24pIC5pbWFnZS1wcmV2aWV3IHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAtMjAwJTtcbiAgICB9XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AsIHVudGlsOiBicmVha3BvaW50cy53aWRlIH0pfSB7XG4gICAgLmxpc3QtaXRlbSAuaW1hZ2UtcHJldmlldyB7XG4gICAgICB3aWR0aDogNDAwJTtcbiAgICB9XG4gICAgLmxpc3QtaXRlbTpudGgtb2YtdHlwZSg0biAtIDIpIC5pbWFnZS1wcmV2aWV3IHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAtMTAwJTtcbiAgICB9XG4gICAgLmxpc3QtaXRlbTpudGgtb2YtdHlwZSg0biAtIDEpIC5pbWFnZS1wcmV2aWV3IHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAtMjAwJTtcbiAgICB9XG4gICAgLmxpc3QtaXRlbTpudGgtb2YtdHlwZSg0bikgLmltYWdlLXByZXZpZXcge1xuICAgICAgbWFyZ2luLWxlZnQ6IC0zMDAlO1xuICAgIH1cbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMud2lkZSB9KX0ge1xuICAgIC5saXN0LWl0ZW0gLmltYWdlLXByZXZpZXcge1xuICAgICAgd2lkdGg6IDUwMCU7XG4gICAgfVxuICAgIC5saXN0LWl0ZW06bnRoLW9mLXR5cGUoNW4gLSAzKSAuaW1hZ2UtcHJldmlldyB7XG4gICAgICBtYXJnaW4tbGVmdDogLTEwMCU7XG4gICAgfVxuICAgIC5saXN0LWl0ZW06bnRoLW9mLXR5cGUoNW4gLSAyKSAuaW1hZ2UtcHJldmlldyB7XG4gICAgICBtYXJnaW4tbGVmdDogLTIwMCU7XG4gICAgfVxuICAgIC5saXN0LWl0ZW06bnRoLW9mLXR5cGUoNW4gLSAxKSAuaW1hZ2UtcHJldmlldyB7XG4gICAgICBtYXJnaW4tbGVmdDogLTMwMCU7XG4gICAgfVxuICAgIC5saXN0LWl0ZW06bnRoLW9mLXR5cGUoNW4pIC5pbWFnZS1wcmV2aWV3IHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAtNDAwJTtcbiAgICB9XG4gIH1cblxuICBAa2V5ZnJhbWVzIGZhZGVJblNlYXJjaFByZXZpZXcge1xuICAgIDAlIHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICBvcGFjaXR5OiAwO1xuICAgIH1cbiAgICAxJSB7XG4gICAgICBvcGFjaXR5OiAwO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtMjBweCk7XG4gICAgfVxuICAgIDEwMCUge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwcHgpO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3Qgc2VhcmNoSWNvbkNzcyA9IGNzc2BcbiAgYm9yZGVyOiAwO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgb25JbWFnZVNlbGVjdDogKGltYWdlOiBJSW1hZ2VNZXRhSW5mb3JtYXRpb25WMykgPT4gdm9pZDtcbiAgc2VhcmNoSW1hZ2VzOiAocXVlcnk6IHN0cmluZyB8IHVuZGVmaW5lZCwgcGFnZTogbnVtYmVyIHwgdW5kZWZpbmVkKSA9PiBQcm9taXNlPElTZWFyY2hSZXN1bHRWMz47XG4gIGZldGNoSW1hZ2U6IChpZDogbnVtYmVyKSA9PiBQcm9taXNlPElJbWFnZU1ldGFJbmZvcm1hdGlvblYzPjtcbiAgb25FcnJvcjogKGVycjogYW55KSA9PiB2b2lkO1xuICBzZWFyY2hQbGFjZWhvbGRlcjogc3RyaW5nO1xuICBzZWFyY2hCdXR0b25UaXRsZTogc3RyaW5nO1xuICBsb2NhbGU6IHN0cmluZztcbiAgdXNlSW1hZ2VUaXRsZTogc3RyaW5nO1xuICBub1Jlc3VsdHM/OiBSZWFjdE5vZGU7XG4gIGNoZWNrYm94QWN0aW9uPzogKGltYWdlOiBJSW1hZ2VNZXRhSW5mb3JtYXRpb25WMykgPT4gdm9pZDtcbiAgc2hvd0NoZWNrYm94PzogYm9vbGVhbjtcbiAgY2hlY2tib3hMYWJlbD86IHN0cmluZztcbn1cblxuaW50ZXJmYWNlIFN0YXRlIHtcbiAgcXVlcnlPYmplY3Q6IElTZWFyY2hQYXJhbXM7XG4gIGltYWdlczogSUltYWdlTWV0YUluZm9ybWF0aW9uVjNbXTtcbiAgc2VsZWN0ZWRJbWFnZT86IElJbWFnZU1ldGFJbmZvcm1hdGlvblYzO1xuICBsYXN0UGFnZTogbnVtYmVyO1xuICBzZWFyY2hpbmc6IGJvb2xlYW47XG4gIHF1ZXJ5U3RyaW5nPzogc3RyaW5nO1xufVxuY2xhc3MgSW1hZ2VTZWFyY2ggZXh0ZW5kcyBDb21wb25lbnQ8UHJvcHMsIFN0YXRlPiB7XG4gIGNvbnN0cnVjdG9yKHByb3BzOiBQcm9wcykge1xuICAgIHN1cGVyKHByb3BzKTtcbiAgICB0aGlzLnN0YXRlID0ge1xuICAgICAgcXVlcnlPYmplY3Q6IHtcbiAgICAgICAgcXVlcnk6IHVuZGVmaW5lZCxcbiAgICAgICAgcGFnZTogMSxcbiAgICAgICAgcGFnZVNpemU6IDE2LFxuICAgICAgfSxcbiAgICAgIGltYWdlczogW10sXG4gICAgICBzZWxlY3RlZEltYWdlOiB1bmRlZmluZWQsXG4gICAgICBsYXN0UGFnZTogMCxcbiAgICAgIHNlYXJjaGluZzogZmFsc2UsXG4gICAgfTtcblxuICAgIHRoaXMuc2VhcmNoSW1hZ2VzID0gdGhpcy5zZWFyY2hJbWFnZXMuYmluZCh0aGlzKTtcbiAgICB0aGlzLm9uSW1hZ2VDbGljayA9IHRoaXMub25JbWFnZUNsaWNrLmJpbmQodGhpcyk7XG4gICAgdGhpcy5vblNlbGVjdEltYWdlID0gdGhpcy5vblNlbGVjdEltYWdlLmJpbmQodGhpcyk7XG4gIH1cblxuICBjb21wb25lbnREaWRNb3VudCgpIHtcbiAgICB0aGlzLnNlYXJjaEltYWdlcyh0aGlzLnN0YXRlLnF1ZXJ5T2JqZWN0KTtcbiAgfVxuXG4gIG9uSW1hZ2VDbGljayhpbWFnZTogSUltYWdlTWV0YUluZm9ybWF0aW9uVjMpIHtcbiAgICBjb25zdCB7IG9uRXJyb3IsIGZldGNoSW1hZ2UgfSA9IHRoaXMucHJvcHM7XG4gICAgY29uc3QgeyBzZWxlY3RlZEltYWdlIH0gPSB0aGlzLnN0YXRlO1xuICAgIGlmICghc2VsZWN0ZWRJbWFnZSB8fCBpbWFnZS5pZCAhPT0gc2VsZWN0ZWRJbWFnZS5pZCkge1xuICAgICAgZmV0Y2hJbWFnZShwYXJzZUludChpbWFnZS5pZCkpXG4gICAgICAgIC50aGVuKChyZXN1bHQpID0+IHtcbiAgICAgICAgICB0aGlzLnNldFN0YXRlKHsgc2VsZWN0ZWRJbWFnZTogcmVzdWx0IH0pO1xuICAgICAgICB9KVxuICAgICAgICAuY2F0Y2goKGVycikgPT4ge1xuICAgICAgICAgIG9uRXJyb3IoZXJyKTtcbiAgICAgICAgfSk7XG4gICAgfVxuICB9XG5cbiAgb25TZWxlY3RJbWFnZShpbWFnZTogSUltYWdlTWV0YUluZm9ybWF0aW9uVjMsIHNhdmVBc01ldGFJbWFnZTogYm9vbGVhbikge1xuICAgIGNvbnN0IHsgb25JbWFnZVNlbGVjdCwgY2hlY2tib3hBY3Rpb24gfSA9IHRoaXMucHJvcHM7XG4gICAgdGhpcy5zZXRTdGF0ZSh7IHNlbGVjdGVkSW1hZ2U6IHVuZGVmaW5lZCB9KTtcbiAgICBvbkltYWdlU2VsZWN0KGltYWdlKTtcbiAgICBpZiAoc2F2ZUFzTWV0YUltYWdlKSB7XG4gICAgICBjaGVja2JveEFjdGlvbiAmJiBjaGVja2JveEFjdGlvbihpbWFnZSk7XG4gICAgfVxuICB9XG5cbiAgc2VhcmNoSW1hZ2VzKHF1ZXJ5T2JqZWN0OiBJU2VhcmNoUGFyYW1zKSB7XG4gICAgY29uc3QgeyBzZWFyY2hJbWFnZXMsIG9uRXJyb3IgfSA9IHRoaXMucHJvcHM7XG4gICAgdGhpcy5zZXRTdGF0ZSh7IHNlYXJjaGluZzogdHJ1ZSB9KTtcbiAgICBzZWFyY2hJbWFnZXMocXVlcnlPYmplY3QucXVlcnksIHF1ZXJ5T2JqZWN0LnBhZ2UpXG4gICAgICAudGhlbigocmVzdWx0KSA9PiB7XG4gICAgICAgIHRoaXMuc2V0U3RhdGUoe1xuICAgICAgICAgIHF1ZXJ5T2JqZWN0OiB7XG4gICAgICAgICAgICBxdWVyeTogcXVlcnlPYmplY3QucXVlcnksXG4gICAgICAgICAgICBwYWdlU2l6ZTogcmVzdWx0LnBhZ2VTaXplLFxuICAgICAgICAgICAgcGFnZTogcXVlcnlPYmplY3QucGFnZSxcbiAgICAgICAgICB9LFxuICAgICAgICAgIGltYWdlczogcmVzdWx0LnJlc3VsdHMsXG4gICAgICAgICAgbGFzdFBhZ2U6IE1hdGguY2VpbChyZXN1bHQudG90YWxDb3VudCAvIHJlc3VsdC5wYWdlU2l6ZSksXG4gICAgICAgICAgc2VhcmNoaW5nOiBmYWxzZSxcbiAgICAgICAgfSk7XG4gICAgICB9KVxuICAgICAgLmNhdGNoKChlcnIpID0+IHtcbiAgICAgICAgb25FcnJvcihlcnIpO1xuICAgICAgICB0aGlzLnNldFN0YXRlKHsgc2VhcmNoaW5nOiBmYWxzZSB9KTtcbiAgICAgIH0pO1xuICB9XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHsgc2VhcmNoUGxhY2Vob2xkZXIsIHNlYXJjaEJ1dHRvblRpdGxlLCB1c2VJbWFnZVRpdGxlLCBzaG93Q2hlY2tib3gsIGNoZWNrYm94TGFiZWwgfSA9IHRoaXMucHJvcHM7XG5cbiAgICBjb25zdCB7IHF1ZXJ5T2JqZWN0LCBpbWFnZXMsIHNlbGVjdGVkSW1hZ2UsIGxhc3RQYWdlLCBzZWFyY2hpbmcsIHF1ZXJ5U3RyaW5nIH0gPSB0aGlzLnN0YXRlO1xuXG4gICAgY29uc3QgeyBwYWdlIH0gPSBxdWVyeU9iamVjdDtcbiAgICBjb25zdCBub1Jlc3VsdHNGb3VuZCA9ICFzZWFyY2hpbmcgJiYgaW1hZ2VzLmxlbmd0aCA9PT0gMDtcblxuICAgIHJldHVybiAoXG4gICAgICA8SW1hZ2VTZWFyY2hXcmFwcGVyPlxuICAgICAgICA8SW5wdXRDb250YWluZXI+XG4gICAgICAgICAgPElucHV0VjNcbiAgICAgICAgICAgIHBsYWNlaG9sZGVyPXtzZWFyY2hQbGFjZWhvbGRlcn1cbiAgICAgICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBqc3gtYTExeS9uby1hdXRvZm9jdXNcbiAgICAgICAgICAgIGF1dG9Gb2N1c1xuICAgICAgICAgICAgdmFsdWU9e3F1ZXJ5U3RyaW5nfVxuICAgICAgICAgICAgb25DaGFuZ2U9eyhldnQ6IENoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB0aGlzLnNldFN0YXRlKHsgcXVlcnlTdHJpbmc6IGV2dC50YXJnZXQudmFsdWUgfSl9XG4gICAgICAgICAgICBvbktleVByZXNzPXsoZXZ0OiBLZXlib2FyZEV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICAgIGlmIChldnQua2V5ID09PSAnRW50ZXInKSB7XG4gICAgICAgICAgICAgICAgZXZ0LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAgICAgdGhpcy5zZWFyY2hJbWFnZXMoeyBxdWVyeTogcXVlcnlTdHJpbmcsIHBhZ2U6IDEgfSk7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICBjc3M9e3NlYXJjaEljb25Dc3N9XG4gICAgICAgICAgICBhcmlhLWxhYmVsPXtzZWFyY2hCdXR0b25UaXRsZX1cbiAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICB0aGlzLnNlYXJjaEltYWdlcyh7IHF1ZXJ5OiBxdWVyeVN0cmluZywgcGFnZTogMSB9KTtcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFNlYXJjaEljb24gLz5cbiAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9JbnB1dENvbnRhaW5lcj5cbiAgICAgICAge25vUmVzdWx0c0ZvdW5kICYmIHRoaXMucHJvcHMubm9SZXN1bHRzfVxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImxpc3RcIj5cbiAgICAgICAgICB7aW1hZ2VzLm1hcCgoaW1hZ2UpID0+IChcbiAgICAgICAgICAgIDxJbWFnZVNlYXJjaFJlc3VsdFxuICAgICAgICAgICAgICBrZXk9e2ltYWdlLmlkfVxuICAgICAgICAgICAgICBpbWFnZT17aW1hZ2V9XG4gICAgICAgICAgICAgIG9uSW1hZ2VDbGljaz17dGhpcy5vbkltYWdlQ2xpY2t9XG4gICAgICAgICAgICAgIHNlbGVjdGVkSW1hZ2U9e3NlbGVjdGVkSW1hZ2V9XG4gICAgICAgICAgICAgIG9uU2VsZWN0SW1hZ2U9e3RoaXMub25TZWxlY3RJbWFnZX1cbiAgICAgICAgICAgICAgdXNlSW1hZ2VUaXRsZT17dXNlSW1hZ2VUaXRsZX1cbiAgICAgICAgICAgICAgc2hvd0NoZWNrYm94PXshIXNob3dDaGVja2JveH1cbiAgICAgICAgICAgICAgY2hlY2tib3hMYWJlbD17Y2hlY2tib3hMYWJlbH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKSl9XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8UGFnZXJcbiAgICAgICAgICBwYWdlPXtwYWdlID8/IDF9XG4gICAgICAgICAgcGF0aG5hbWU9XCJcIlxuICAgICAgICAgIGxhc3RQYWdlPXtsYXN0UGFnZX1cbiAgICAgICAgICBxdWVyeT17cXVlcnlPYmplY3R9XG4gICAgICAgICAgb25DbGljaz17dGhpcy5zZWFyY2hJbWFnZXN9XG4gICAgICAgICAgcGFnZUl0ZW1Db21wb25lbnRDbGFzcz1cImJ1dHRvblwiXG4gICAgICAgIC8+XG4gICAgICA8L0ltYWdlU2VhcmNoV3JhcHBlcj5cbiAgICApO1xuICB9XG59XG5cbmV4cG9ydCBkZWZhdWx0IEltYWdlU2VhcmNoO1xuIl19 */"));
|
|
73
|
-
|
|
60
|
+
const searchIconCss = process.env.NODE_ENV === "production" ? {
|
|
74
61
|
name: "imhgxk-searchIconCss",
|
|
75
62
|
styles: "border:0;background:transparent;margin:0;padding:0;label:searchIconCss;"
|
|
76
63
|
} : {
|
|
@@ -79,14 +66,10 @@ var searchIconCss = process.env.NODE_ENV === "production" ? {
|
|
|
79
66
|
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkltYWdlU2VhcmNoLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyUXlCIiwiZmlsZSI6IkltYWdlU2VhcmNoLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDE3LXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHsgQ2hhbmdlRXZlbnQsIENvbXBvbmVudCwgUmVhY3ROb2RlLCBLZXlib2FyZEV2ZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZm9udHMsIGNvbG9ycywgc3BhY2luZywgbXEsIGJyZWFrcG9pbnRzIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgUGFnZXIgZnJvbSAnQG5kbGEvcGFnZXInO1xuaW1wb3J0IHsgSUltYWdlTWV0YUluZm9ybWF0aW9uVjMsIElTZWFyY2hSZXN1bHRWMywgSVNlYXJjaFBhcmFtcyB9IGZyb20gJ0BuZGxhL3R5cGVzLWJhY2tlbmQvaW1hZ2UtYXBpJztcbmltcG9ydCB7IElucHV0Q29udGFpbmVyLCBJbnB1dFYzIH0gZnJvbSAnQG5kbGEvZm9ybXMnO1xuaW1wb3J0IHsgU2VhcmNoIGFzIFNlYXJjaEljb24gfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IEltYWdlU2VhcmNoUmVzdWx0IGZyb20gJy4vSW1hZ2VTZWFyY2hSZXN1bHQnO1xuXG5jb25zdCBJbWFnZVNlYXJjaFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAudGV4dCB7XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB9XG4gIC5saXN0LWl0ZW0ge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBmbG9hdDogbGVmdDtcbiAgICBoZWlnaHQ6IDIxMHB4O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQgfSl9IHtcbiAgICAgIHdpZHRoOiA1MCU7XG4gICAgfVxuICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgICB3aWR0aDogMzMuMyU7XG4gICAgfVxuICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgICB3aWR0aDogMjUlO1xuICAgIH1cbiAgICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMud2lkZSB9KX0ge1xuICAgICAgd2lkdGg6IDIwJTtcbiAgICB9XG4gICAgJi5hY3RpdmUge1xuICAgICAgaGVpZ2h0OiBpbmhlcml0O1xuICAgIH1cbiAgfVxuXG4gIC5saXN0IHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICAgIGZsZXgtZmxvdzogcm93IHdyYXA7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIG1hcmdpbi1sZWZ0OiAtJHtzcGFjaW5nLnNtYWxsfTtcbiAgICBtYXJnaW4tcmlnaHQ6IC0ke3NwYWNpbmcuc21hbGx9O1xuICAgIG1hcmdpbi10b3A6ICR7c3BhY2luZy5ub3JtYWx9O1xuICB9XG5cbiAgLmxpc3QtaXRlbS1pbm5lciB7XG4gICAgcGFkZGluZzogJHtzcGFjaW5nLnNtYWxsfTtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgaGVpZ2h0OiAyMTBweDtcblxuICAgIC5saXN0LWl0ZW0tdGl0bGUge1xuICAgICAgbWFyZ2luOiAke3NwYWNpbmcueHNtYWxsfSAwO1xuICAgICAgJHtmb250cy5zaXplcygnMTRweCcsIDEuMil9O1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgICAgZGlzcGxheTogLXdlYmtpdC1ib3g7XG4gICAgICAtd2Via2l0LWJveC1vcmllbnQ6IHZlcnRpY2FsO1xuICAgICAgLXdlYmtpdC1saW5lLWNsYW1wOiAzO1xuICAgICAgbWF4LWhlaWdodDogJHtzcGFjaW5nLmxhcmdlfTtcbiAgICB9XG4gIH1cblxuICAubGlzdC1pdGVtLWlubmVyIGltZyB7XG4gICAgbWF4LWhlaWdodDogMTM1cHg7XG4gICAgbWF4LXdpZHRoOiAxMDAlO1xuICAgIGJvcmRlcjogMnB4IHNvbGlkIHdoaXRlO1xuICAgIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAxMDBtcyBlYXNlO1xuICB9XG5cbiAgLmxpc3QtaXRlbS1pbm5lcjpob3ZlciB7XG4gICAgaW1nIHtcbiAgICAgIGJvcmRlcjogMnB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICAgIH1cbiAgfVxuXG4gIC5saXN0LWl0ZW0taW5uZXIgPiAubGlzdC1pdGVtLWlubmVyIGltZyB7XG4gICAgYm9yZGVyOiAycHggc29saWQgJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gIH1cblxuICAubGlzdC1pdGVtLmFjdGl2ZSA+IC5saXN0LWl0ZW0taW5uZXI6OmFmdGVyIHtcbiAgICBhbmltYXRpb246IGZhZGVJblNlYXJjaFByZXZpZXcgMzAwbXMgZWFzZTtcbiAgICB0b3A6IDE5MHB4O1xuICAgIGxlZnQ6IDUwJTtcbiAgICBib3JkZXI6IHNvbGlkIHRyYW5zcGFyZW50O1xuICAgIGNvbnRlbnQ6ICcgJztcbiAgICBoZWlnaHQ6IDA7XG4gICAgd2lkdGg6IDA7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIGJvcmRlci1jb2xvcjogcmdiYSgxMzYsIDE4MywgMjEzLCAwKTtcbiAgICBib3JkZXItYm90dG9tLWNvbG9yOiAke2NvbG9ycy5icmFuZC5saWdodGVyfTtcbiAgICBib3JkZXItd2lkdGg6ICR7c3BhY2luZy5ub3JtYWx9O1xuICAgIG1hcmdpbi1sZWZ0OiAtJHtzcGFjaW5nLm5vcm1hbH07XG4gIH1cblxuICAuaW1hZ2UtcHJldmlldyB7XG4gICAgYW5pbWF0aW9uOiBmYWRlSW5TZWFyY2hQcmV2aWV3IDMwMG1zIGVhc2U7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXQsIHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgICB3aWR0aDogMjAwJTtcbiAgICB9XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUsIHVudGlsOiBicmVha3BvaW50cy5kZXNrdG9wIH0pfSB7XG4gICAgICB3aWR0aDogMzAwJTtcbiAgICB9XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AsIHVudGlsOiBicmVha3BvaW50cy53aWRlIH0pfSB7XG4gICAgICB3aWR0aDogNDAwJTtcbiAgICB9XG4gICAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLndpZGUgfSl9IHtcbiAgICAgIHdpZHRoOiA1MDAlO1xuICAgIH1cbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5icmFuZC5saWdodGVyfTtcbiAgICBib3JkZXItcmFkaXVzOiAycHg7XG4gICAgbWFyZ2luOiAyMHB4IDA7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cbiAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLm1vYmlsZVdpZGUgfSl9IHtcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIH1cblxuICAgIC5pbWFnZSB7XG4gICAgICBtYXgtd2lkdGg6IDUwJTtcbiAgICAgIHBhZGRpbmc6ICR7c3BhY2luZy5zbWFsbH07XG4gICAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLm1vYmlsZVdpZGUgfSl9IHtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICB9XG4gICAgfVxuXG4gICAgLmluZm8ge1xuICAgICAgJHtmb250cy5zaXplcygnMTZweCcsIDEuMyl9XG4gICAgfVxuXG4gICAgLmltYWdlIGltZyB7XG4gICAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgICBtYXgtaGVpZ2h0OiAzMDBweDtcbiAgICB9XG5cbiAgICAuaW5mb3JtYXRpb24ge1xuICAgICAgd2lkdGg6IDUwJTtcbiAgICAgIHBhZGRpbmc6IGNhbGMoJHtzcGFjaW5nLm5vcm1hbH0gLSAke3NwYWNpbmcueHNtYWxsfSkgJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLnNtYWxsfTtcbiAgICAgIHdvcmQtYnJlYWs6IGluaXRpYWw7XG4gICAgICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLm1vYmlsZVdpZGUgfSl9IHtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIHBhZGRpbmc6IDAgJHtzcGFjaW5nLnNtYWxsfSAke3NwYWNpbmcubm9ybWFsfTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAuaW5mb3JtYXRpb24gPiAqIHtcbiAgICAgIG1hcmdpbi10b3A6ICR7c3BhY2luZy5zbWFsbH07XG4gICAgfVxuXG4gICAgLnRpdGxlIHtcbiAgICAgIHBhZGRpbmctdG9wOiAwO1xuICAgICAgbWFyZ2luOiAwO1xuICAgICAgbGluZS1oZWlnaHQ6IDEuMztcbiAgICB9XG4gICAgLnRleHQtLWxlZnQge1xuICAgICAgd2lkdGg6IDIwJTtcbiAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICB9XG5cbiAgICAudGV4dC0tcmlnaHQge1xuICAgICAgd2lkdGg6IDgwJTtcbiAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICB9XG4gICAgLnRhZ3MgPiBiIHtcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLm5vcm1hbH07XG4gICAgfVxuXG4gICAgLnRhZ3MgPiAudGFnX2l0ZW0ge1xuICAgICAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLnhzbWFsbH07XG4gICAgICBtYXJnaW4tYm90dG9tOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgICR7Zm9udHMuc2l6ZXMoJzE2cHgnLCAxLjMpfVxuICAgIH1cblxuICAgIC50YWdzID4gLnRhZ19pdGVtOmhvdmVyIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB9XG5cbiAgICAuY2xlYXIge1xuICAgICAgY2xlYXI6IGJvdGg7XG4gICAgfVxuXG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldCwgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAubGlzdC1pdGVtIC5pbWFnZS1wcmV2aWV3IHtcbiAgICAgIHdpZHRoOiAyMDAlO1xuICAgIH1cbiAgICAubGlzdC1pdGVtOm50aC1vZi10eXBlKDJuKSAuaW1hZ2UtcHJldmlldyB7XG4gICAgICBtYXJnaW4tbGVmdDogLTEwMCU7XG4gICAgfVxuICB9XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlLCB1bnRpbDogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgIC5saXN0LWl0ZW0gLmltYWdlLXByZXZpZXcge1xuICAgICAgd2lkdGg6IDMwMCU7XG4gICAgfVxuICAgIC5saXN0LWl0ZW06bnRoLW9mLXR5cGUoM24gLSAxKSAuaW1hZ2UtcHJldmlldyB7XG4gICAgICBtYXJnaW4tbGVmdDogLTEwMCU7XG4gICAgfVxuICAgIC5saXN0LWl0ZW06bnRoLW9mLXR5cGUoM24pIC5pbWFnZS1wcmV2aWV3IHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAtMjAwJTtcbiAgICB9XG4gIH1cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLmRlc2t0b3AsIHVudGlsOiBicmVha3BvaW50cy53aWRlIH0pfSB7XG4gICAgLmxpc3QtaXRlbSAuaW1hZ2UtcHJldmlldyB7XG4gICAgICB3aWR0aDogNDAwJTtcbiAgICB9XG4gICAgLmxpc3QtaXRlbTpudGgtb2YtdHlwZSg0biAtIDIpIC5pbWFnZS1wcmV2aWV3IHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAtMTAwJTtcbiAgICB9XG4gICAgLmxpc3QtaXRlbTpudGgtb2YtdHlwZSg0biAtIDEpIC5pbWFnZS1wcmV2aWV3IHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAtMjAwJTtcbiAgICB9XG4gICAgLmxpc3QtaXRlbTpudGgtb2YtdHlwZSg0bikgLmltYWdlLXByZXZpZXcge1xuICAgICAgbWFyZ2luLWxlZnQ6IC0zMDAlO1xuICAgIH1cbiAgfVxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMud2lkZSB9KX0ge1xuICAgIC5saXN0LWl0ZW0gLmltYWdlLXByZXZpZXcge1xuICAgICAgd2lkdGg6IDUwMCU7XG4gICAgfVxuICAgIC5saXN0LWl0ZW06bnRoLW9mLXR5cGUoNW4gLSAzKSAuaW1hZ2UtcHJldmlldyB7XG4gICAgICBtYXJnaW4tbGVmdDogLTEwMCU7XG4gICAgfVxuICAgIC5saXN0LWl0ZW06bnRoLW9mLXR5cGUoNW4gLSAyKSAuaW1hZ2UtcHJldmlldyB7XG4gICAgICBtYXJnaW4tbGVmdDogLTIwMCU7XG4gICAgfVxuICAgIC5saXN0LWl0ZW06bnRoLW9mLXR5cGUoNW4gLSAxKSAuaW1hZ2UtcHJldmlldyB7XG4gICAgICBtYXJnaW4tbGVmdDogLTMwMCU7XG4gICAgfVxuICAgIC5saXN0LWl0ZW06bnRoLW9mLXR5cGUoNW4pIC5pbWFnZS1wcmV2aWV3IHtcbiAgICAgIG1hcmdpbi1sZWZ0OiAtNDAwJTtcbiAgICB9XG4gIH1cblxuICBAa2V5ZnJhbWVzIGZhZGVJblNlYXJjaFByZXZpZXcge1xuICAgIDAlIHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICBvcGFjaXR5OiAwO1xuICAgIH1cbiAgICAxJSB7XG4gICAgICBvcGFjaXR5OiAwO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtMjBweCk7XG4gICAgfVxuICAgIDEwMCUge1xuICAgICAgb3BhY2l0eTogMTtcbiAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwcHgpO1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3Qgc2VhcmNoSWNvbkNzcyA9IGNzc2BcbiAgYm9yZGVyOiAwO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAwO1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgb25JbWFnZVNlbGVjdDogKGltYWdlOiBJSW1hZ2VNZXRhSW5mb3JtYXRpb25WMykgPT4gdm9pZDtcbiAgc2VhcmNoSW1hZ2VzOiAocXVlcnk6IHN0cmluZyB8IHVuZGVmaW5lZCwgcGFnZTogbnVtYmVyIHwgdW5kZWZpbmVkKSA9PiBQcm9taXNlPElTZWFyY2hSZXN1bHRWMz47XG4gIGZldGNoSW1hZ2U6IChpZDogbnVtYmVyKSA9PiBQcm9taXNlPElJbWFnZU1ldGFJbmZvcm1hdGlvblYzPjtcbiAgb25FcnJvcjogKGVycjogYW55KSA9PiB2b2lkO1xuICBzZWFyY2hQbGFjZWhvbGRlcjogc3RyaW5nO1xuICBzZWFyY2hCdXR0b25UaXRsZTogc3RyaW5nO1xuICBsb2NhbGU6IHN0cmluZztcbiAgdXNlSW1hZ2VUaXRsZTogc3RyaW5nO1xuICBub1Jlc3VsdHM/OiBSZWFjdE5vZGU7XG4gIGNoZWNrYm94QWN0aW9uPzogKGltYWdlOiBJSW1hZ2VNZXRhSW5mb3JtYXRpb25WMykgPT4gdm9pZDtcbiAgc2hvd0NoZWNrYm94PzogYm9vbGVhbjtcbiAgY2hlY2tib3hMYWJlbD86IHN0cmluZztcbn1cblxuaW50ZXJmYWNlIFN0YXRlIHtcbiAgcXVlcnlPYmplY3Q6IElTZWFyY2hQYXJhbXM7XG4gIGltYWdlczogSUltYWdlTWV0YUluZm9ybWF0aW9uVjNbXTtcbiAgc2VsZWN0ZWRJbWFnZT86IElJbWFnZU1ldGFJbmZvcm1hdGlvblYzO1xuICBsYXN0UGFnZTogbnVtYmVyO1xuICBzZWFyY2hpbmc6IGJvb2xlYW47XG4gIHF1ZXJ5U3RyaW5nPzogc3RyaW5nO1xufVxuY2xhc3MgSW1hZ2VTZWFyY2ggZXh0ZW5kcyBDb21wb25lbnQ8UHJvcHMsIFN0YXRlPiB7XG4gIGNvbnN0cnVjdG9yKHByb3BzOiBQcm9wcykge1xuICAgIHN1cGVyKHByb3BzKTtcbiAgICB0aGlzLnN0YXRlID0ge1xuICAgICAgcXVlcnlPYmplY3Q6IHtcbiAgICAgICAgcXVlcnk6IHVuZGVmaW5lZCxcbiAgICAgICAgcGFnZTogMSxcbiAgICAgICAgcGFnZVNpemU6IDE2LFxuICAgICAgfSxcbiAgICAgIGltYWdlczogW10sXG4gICAgICBzZWxlY3RlZEltYWdlOiB1bmRlZmluZWQsXG4gICAgICBsYXN0UGFnZTogMCxcbiAgICAgIHNlYXJjaGluZzogZmFsc2UsXG4gICAgfTtcblxuICAgIHRoaXMuc2VhcmNoSW1hZ2VzID0gdGhpcy5zZWFyY2hJbWFnZXMuYmluZCh0aGlzKTtcbiAgICB0aGlzLm9uSW1hZ2VDbGljayA9IHRoaXMub25JbWFnZUNsaWNrLmJpbmQodGhpcyk7XG4gICAgdGhpcy5vblNlbGVjdEltYWdlID0gdGhpcy5vblNlbGVjdEltYWdlLmJpbmQodGhpcyk7XG4gIH1cblxuICBjb21wb25lbnREaWRNb3VudCgpIHtcbiAgICB0aGlzLnNlYXJjaEltYWdlcyh0aGlzLnN0YXRlLnF1ZXJ5T2JqZWN0KTtcbiAgfVxuXG4gIG9uSW1hZ2VDbGljayhpbWFnZTogSUltYWdlTWV0YUluZm9ybWF0aW9uVjMpIHtcbiAgICBjb25zdCB7IG9uRXJyb3IsIGZldGNoSW1hZ2UgfSA9IHRoaXMucHJvcHM7XG4gICAgY29uc3QgeyBzZWxlY3RlZEltYWdlIH0gPSB0aGlzLnN0YXRlO1xuICAgIGlmICghc2VsZWN0ZWRJbWFnZSB8fCBpbWFnZS5pZCAhPT0gc2VsZWN0ZWRJbWFnZS5pZCkge1xuICAgICAgZmV0Y2hJbWFnZShwYXJzZUludChpbWFnZS5pZCkpXG4gICAgICAgIC50aGVuKChyZXN1bHQpID0+IHtcbiAgICAgICAgICB0aGlzLnNldFN0YXRlKHsgc2VsZWN0ZWRJbWFnZTogcmVzdWx0IH0pO1xuICAgICAgICB9KVxuICAgICAgICAuY2F0Y2goKGVycikgPT4ge1xuICAgICAgICAgIG9uRXJyb3IoZXJyKTtcbiAgICAgICAgfSk7XG4gICAgfVxuICB9XG5cbiAgb25TZWxlY3RJbWFnZShpbWFnZTogSUltYWdlTWV0YUluZm9ybWF0aW9uVjMsIHNhdmVBc01ldGFJbWFnZTogYm9vbGVhbikge1xuICAgIGNvbnN0IHsgb25JbWFnZVNlbGVjdCwgY2hlY2tib3hBY3Rpb24gfSA9IHRoaXMucHJvcHM7XG4gICAgdGhpcy5zZXRTdGF0ZSh7IHNlbGVjdGVkSW1hZ2U6IHVuZGVmaW5lZCB9KTtcbiAgICBvbkltYWdlU2VsZWN0KGltYWdlKTtcbiAgICBpZiAoc2F2ZUFzTWV0YUltYWdlKSB7XG4gICAgICBjaGVja2JveEFjdGlvbiAmJiBjaGVja2JveEFjdGlvbihpbWFnZSk7XG4gICAgfVxuICB9XG5cbiAgc2VhcmNoSW1hZ2VzKHF1ZXJ5T2JqZWN0OiBJU2VhcmNoUGFyYW1zKSB7XG4gICAgY29uc3QgeyBzZWFyY2hJbWFnZXMsIG9uRXJyb3IgfSA9IHRoaXMucHJvcHM7XG4gICAgdGhpcy5zZXRTdGF0ZSh7IHNlYXJjaGluZzogdHJ1ZSB9KTtcbiAgICBzZWFyY2hJbWFnZXMocXVlcnlPYmplY3QucXVlcnksIHF1ZXJ5T2JqZWN0LnBhZ2UpXG4gICAgICAudGhlbigocmVzdWx0KSA9PiB7XG4gICAgICAgIHRoaXMuc2V0U3RhdGUoe1xuICAgICAgICAgIHF1ZXJ5T2JqZWN0OiB7XG4gICAgICAgICAgICBxdWVyeTogcXVlcnlPYmplY3QucXVlcnksXG4gICAgICAgICAgICBwYWdlU2l6ZTogcmVzdWx0LnBhZ2VTaXplLFxuICAgICAgICAgICAgcGFnZTogcXVlcnlPYmplY3QucGFnZSxcbiAgICAgICAgICB9LFxuICAgICAgICAgIGltYWdlczogcmVzdWx0LnJlc3VsdHMsXG4gICAgICAgICAgbGFzdFBhZ2U6IE1hdGguY2VpbChyZXN1bHQudG90YWxDb3VudCAvIHJlc3VsdC5wYWdlU2l6ZSksXG4gICAgICAgICAgc2VhcmNoaW5nOiBmYWxzZSxcbiAgICAgICAgfSk7XG4gICAgICB9KVxuICAgICAgLmNhdGNoKChlcnIpID0+IHtcbiAgICAgICAgb25FcnJvcihlcnIpO1xuICAgICAgICB0aGlzLnNldFN0YXRlKHsgc2VhcmNoaW5nOiBmYWxzZSB9KTtcbiAgICAgIH0pO1xuICB9XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHsgc2VhcmNoUGxhY2Vob2xkZXIsIHNlYXJjaEJ1dHRvblRpdGxlLCB1c2VJbWFnZVRpdGxlLCBzaG93Q2hlY2tib3gsIGNoZWNrYm94TGFiZWwgfSA9IHRoaXMucHJvcHM7XG5cbiAgICBjb25zdCB7IHF1ZXJ5T2JqZWN0LCBpbWFnZXMsIHNlbGVjdGVkSW1hZ2UsIGxhc3RQYWdlLCBzZWFyY2hpbmcsIHF1ZXJ5U3RyaW5nIH0gPSB0aGlzLnN0YXRlO1xuXG4gICAgY29uc3QgeyBwYWdlIH0gPSBxdWVyeU9iamVjdDtcbiAgICBjb25zdCBub1Jlc3VsdHNGb3VuZCA9ICFzZWFyY2hpbmcgJiYgaW1hZ2VzLmxlbmd0aCA9PT0gMDtcblxuICAgIHJldHVybiAoXG4gICAgICA8SW1hZ2VTZWFyY2hXcmFwcGVyPlxuICAgICAgICA8SW5wdXRDb250YWluZXI+XG4gICAgICAgICAgPElucHV0VjNcbiAgICAgICAgICAgIHBsYWNlaG9sZGVyPXtzZWFyY2hQbGFjZWhvbGRlcn1cbiAgICAgICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBqc3gtYTExeS9uby1hdXRvZm9jdXNcbiAgICAgICAgICAgIGF1dG9Gb2N1c1xuICAgICAgICAgICAgdmFsdWU9e3F1ZXJ5U3RyaW5nfVxuICAgICAgICAgICAgb25DaGFuZ2U9eyhldnQ6IENoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB0aGlzLnNldFN0YXRlKHsgcXVlcnlTdHJpbmc6IGV2dC50YXJnZXQudmFsdWUgfSl9XG4gICAgICAgICAgICBvbktleVByZXNzPXsoZXZ0OiBLZXlib2FyZEV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICAgIGlmIChldnQua2V5ID09PSAnRW50ZXInKSB7XG4gICAgICAgICAgICAgICAgZXZ0LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAgICAgdGhpcy5zZWFyY2hJbWFnZXMoeyBxdWVyeTogcXVlcnlTdHJpbmcsIHBhZ2U6IDEgfSk7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICBjc3M9e3NlYXJjaEljb25Dc3N9XG4gICAgICAgICAgICBhcmlhLWxhYmVsPXtzZWFyY2hCdXR0b25UaXRsZX1cbiAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICB0aGlzLnNlYXJjaEltYWdlcyh7IHF1ZXJ5OiBxdWVyeVN0cmluZywgcGFnZTogMSB9KTtcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPFNlYXJjaEljb24gLz5cbiAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9JbnB1dENvbnRhaW5lcj5cbiAgICAgICAge25vUmVzdWx0c0ZvdW5kICYmIHRoaXMucHJvcHMubm9SZXN1bHRzfVxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImxpc3RcIj5cbiAgICAgICAgICB7aW1hZ2VzLm1hcCgoaW1hZ2UpID0+IChcbiAgICAgICAgICAgIDxJbWFnZVNlYXJjaFJlc3VsdFxuICAgICAgICAgICAgICBrZXk9e2ltYWdlLmlkfVxuICAgICAgICAgICAgICBpbWFnZT17aW1hZ2V9XG4gICAgICAgICAgICAgIG9uSW1hZ2VDbGljaz17dGhpcy5vbkltYWdlQ2xpY2t9XG4gICAgICAgICAgICAgIHNlbGVjdGVkSW1hZ2U9e3NlbGVjdGVkSW1hZ2V9XG4gICAgICAgICAgICAgIG9uU2VsZWN0SW1hZ2U9e3RoaXMub25TZWxlY3RJbWFnZX1cbiAgICAgICAgICAgICAgdXNlSW1hZ2VUaXRsZT17dXNlSW1hZ2VUaXRsZX1cbiAgICAgICAgICAgICAgc2hvd0NoZWNrYm94PXshIXNob3dDaGVja2JveH1cbiAgICAgICAgICAgICAgY2hlY2tib3hMYWJlbD17Y2hlY2tib3hMYWJlbH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKSl9XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8UGFnZXJcbiAgICAgICAgICBwYWdlPXtwYWdlID8/IDF9XG4gICAgICAgICAgcGF0aG5hbWU9XCJcIlxuICAgICAgICAgIGxhc3RQYWdlPXtsYXN0UGFnZX1cbiAgICAgICAgICBxdWVyeT17cXVlcnlPYmplY3R9XG4gICAgICAgICAgb25DbGljaz17dGhpcy5zZWFyY2hJbWFnZXN9XG4gICAgICAgICAgcGFnZUl0ZW1Db21wb25lbnRDbGFzcz1cImJ1dHRvblwiXG4gICAgICAgIC8+XG4gICAgICA8L0ltYWdlU2VhcmNoV3JhcHBlcj5cbiAgICApO1xuICB9XG59XG5cbmV4cG9ydCBkZWZhdWx0IEltYWdlU2VhcmNoO1xuIl19 */",
|
|
80
67
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
81
68
|
};
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
var _this;
|
|
87
|
-
_classCallCheck(this, ImageSearch);
|
|
88
|
-
_this = _super.call(this, props);
|
|
89
|
-
_this.state = {
|
|
69
|
+
class ImageSearch extends Component {
|
|
70
|
+
constructor(props) {
|
|
71
|
+
super(props);
|
|
72
|
+
this.state = {
|
|
90
73
|
queryObject: {
|
|
91
74
|
query: undefined,
|
|
92
75
|
page: 1,
|
|
@@ -97,153 +80,142 @@ var ImageSearch = /*#__PURE__*/function (_Component) {
|
|
|
97
80
|
lastPage: 0,
|
|
98
81
|
searching: false
|
|
99
82
|
};
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
return _this;
|
|
83
|
+
this.searchImages = this.searchImages.bind(this);
|
|
84
|
+
this.onImageClick = this.onImageClick.bind(this);
|
|
85
|
+
this.onSelectImage = this.onSelectImage.bind(this);
|
|
104
86
|
}
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
_this2.setState({
|
|
121
|
-
selectedImage: result
|
|
122
|
-
});
|
|
123
|
-
}).catch(function (err) {
|
|
124
|
-
onError(err);
|
|
87
|
+
componentDidMount() {
|
|
88
|
+
this.searchImages(this.state.queryObject);
|
|
89
|
+
}
|
|
90
|
+
onImageClick(image) {
|
|
91
|
+
const {
|
|
92
|
+
onError,
|
|
93
|
+
fetchImage
|
|
94
|
+
} = this.props;
|
|
95
|
+
const {
|
|
96
|
+
selectedImage
|
|
97
|
+
} = this.state;
|
|
98
|
+
if (!selectedImage || image.id !== selectedImage.id) {
|
|
99
|
+
fetchImage(parseInt(image.id)).then(result => {
|
|
100
|
+
this.setState({
|
|
101
|
+
selectedImage: result
|
|
125
102
|
});
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
}, {
|
|
129
|
-
key: "onSelectImage",
|
|
130
|
-
value: function onSelectImage(image, saveAsMetaImage) {
|
|
131
|
-
var _this$props2 = this.props,
|
|
132
|
-
onImageSelect = _this$props2.onImageSelect,
|
|
133
|
-
checkboxAction = _this$props2.checkboxAction;
|
|
134
|
-
this.setState({
|
|
135
|
-
selectedImage: undefined
|
|
103
|
+
}).catch(err => {
|
|
104
|
+
onError(err);
|
|
136
105
|
});
|
|
137
|
-
onImageSelect(image);
|
|
138
|
-
if (saveAsMetaImage) {
|
|
139
|
-
checkboxAction && checkboxAction(image);
|
|
140
|
-
}
|
|
141
106
|
}
|
|
142
|
-
}
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
107
|
+
}
|
|
108
|
+
onSelectImage(image, saveAsMetaImage) {
|
|
109
|
+
const {
|
|
110
|
+
onImageSelect,
|
|
111
|
+
checkboxAction
|
|
112
|
+
} = this.props;
|
|
113
|
+
this.setState({
|
|
114
|
+
selectedImage: undefined
|
|
115
|
+
});
|
|
116
|
+
onImageSelect(image);
|
|
117
|
+
if (saveAsMetaImage) {
|
|
118
|
+
checkboxAction && checkboxAction(image);
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
searchImages(queryObject) {
|
|
122
|
+
const {
|
|
123
|
+
searchImages,
|
|
124
|
+
onError
|
|
125
|
+
} = this.props;
|
|
126
|
+
this.setState({
|
|
127
|
+
searching: true
|
|
128
|
+
});
|
|
129
|
+
searchImages(queryObject.query, queryObject.page).then(result => {
|
|
149
130
|
this.setState({
|
|
150
|
-
|
|
131
|
+
queryObject: {
|
|
132
|
+
query: queryObject.query,
|
|
133
|
+
pageSize: result.pageSize,
|
|
134
|
+
page: queryObject.page
|
|
135
|
+
},
|
|
136
|
+
images: result.results,
|
|
137
|
+
lastPage: Math.ceil(result.totalCount / result.pageSize),
|
|
138
|
+
searching: false
|
|
151
139
|
});
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
pageSize: result.pageSize,
|
|
157
|
-
page: queryObject.page
|
|
158
|
-
},
|
|
159
|
-
images: result.results,
|
|
160
|
-
lastPage: Math.ceil(result.totalCount / result.pageSize),
|
|
161
|
-
searching: false
|
|
162
|
-
});
|
|
163
|
-
}).catch(function (err) {
|
|
164
|
-
onError(err);
|
|
165
|
-
_this3.setState({
|
|
166
|
-
searching: false
|
|
167
|
-
});
|
|
140
|
+
}).catch(err => {
|
|
141
|
+
onError(err);
|
|
142
|
+
this.setState({
|
|
143
|
+
searching: false
|
|
168
144
|
});
|
|
169
|
-
}
|
|
170
|
-
}
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
query: queryString,
|
|
207
|
-
page: 1
|
|
208
|
-
});
|
|
209
|
-
}
|
|
210
|
-
}
|
|
211
|
-
}), _jsx("button", {
|
|
212
|
-
css: searchIconCss,
|
|
213
|
-
"aria-label": searchButtonTitle,
|
|
214
|
-
type: "button",
|
|
215
|
-
onClick: function onClick() {
|
|
216
|
-
_this4.searchImages({
|
|
145
|
+
});
|
|
146
|
+
}
|
|
147
|
+
render() {
|
|
148
|
+
const {
|
|
149
|
+
searchPlaceholder,
|
|
150
|
+
searchButtonTitle,
|
|
151
|
+
useImageTitle,
|
|
152
|
+
showCheckbox,
|
|
153
|
+
checkboxLabel
|
|
154
|
+
} = this.props;
|
|
155
|
+
const {
|
|
156
|
+
queryObject,
|
|
157
|
+
images,
|
|
158
|
+
selectedImage,
|
|
159
|
+
lastPage,
|
|
160
|
+
searching,
|
|
161
|
+
queryString
|
|
162
|
+
} = this.state;
|
|
163
|
+
const {
|
|
164
|
+
page
|
|
165
|
+
} = queryObject;
|
|
166
|
+
const noResultsFound = !searching && images.length === 0;
|
|
167
|
+
return _jsxs(ImageSearchWrapper, {
|
|
168
|
+
children: [_jsxs(InputContainer, {
|
|
169
|
+
children: [_jsx(InputV3, {
|
|
170
|
+
placeholder: searchPlaceholder
|
|
171
|
+
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
172
|
+
,
|
|
173
|
+
autoFocus: true,
|
|
174
|
+
value: queryString,
|
|
175
|
+
onChange: evt => this.setState({
|
|
176
|
+
queryString: evt.target.value
|
|
177
|
+
}),
|
|
178
|
+
onKeyPress: evt => {
|
|
179
|
+
if (evt.key === 'Enter') {
|
|
180
|
+
evt.preventDefault();
|
|
181
|
+
this.searchImages({
|
|
217
182
|
query: queryString,
|
|
218
183
|
page: 1
|
|
219
184
|
});
|
|
220
|
-
}
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
checkboxLabel: checkboxLabel
|
|
234
|
-
}, image.id);
|
|
235
|
-
})
|
|
236
|
-
}), _jsx(Pager, {
|
|
237
|
-
page: page !== null && page !== void 0 ? page : 1,
|
|
238
|
-
pathname: "",
|
|
239
|
-
lastPage: lastPage,
|
|
240
|
-
query: queryObject,
|
|
241
|
-
onClick: this.searchImages,
|
|
242
|
-
pageItemComponentClass: "button"
|
|
185
|
+
}
|
|
186
|
+
}
|
|
187
|
+
}), _jsx("button", {
|
|
188
|
+
css: searchIconCss,
|
|
189
|
+
"aria-label": searchButtonTitle,
|
|
190
|
+
type: "button",
|
|
191
|
+
onClick: () => {
|
|
192
|
+
this.searchImages({
|
|
193
|
+
query: queryString,
|
|
194
|
+
page: 1
|
|
195
|
+
});
|
|
196
|
+
},
|
|
197
|
+
children: _jsx(SearchIcon, {})
|
|
243
198
|
})]
|
|
244
|
-
})
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
199
|
+
}), noResultsFound && this.props.noResults, _jsx("div", {
|
|
200
|
+
className: "list",
|
|
201
|
+
children: images.map(image => _jsx(ImageSearchResult, {
|
|
202
|
+
image: image,
|
|
203
|
+
onImageClick: this.onImageClick,
|
|
204
|
+
selectedImage: selectedImage,
|
|
205
|
+
onSelectImage: this.onSelectImage,
|
|
206
|
+
useImageTitle: useImageTitle,
|
|
207
|
+
showCheckbox: !!showCheckbox,
|
|
208
|
+
checkboxLabel: checkboxLabel
|
|
209
|
+
}, image.id))
|
|
210
|
+
}), _jsx(Pager, {
|
|
211
|
+
page: page ?? 1,
|
|
212
|
+
pathname: "",
|
|
213
|
+
lastPage: lastPage,
|
|
214
|
+
query: queryObject,
|
|
215
|
+
onClick: this.searchImages,
|
|
216
|
+
pageItemComponentClass: "button"
|
|
217
|
+
})]
|
|
218
|
+
});
|
|
219
|
+
}
|
|
220
|
+
}
|
|
249
221
|
export default ImageSearch;
|
package/es/ImageSearchResult.js
CHANGED
|
@@ -13,7 +13,7 @@ import PreviewImage from './PreviewImage';
|
|
|
13
13
|
import { getPreviewSrcSets } from './util/imageUtil';
|
|
14
14
|
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
15
15
|
import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
16
|
-
|
|
16
|
+
const StyledButton = /*#__PURE__*/_styled(ButtonV2, {
|
|
17
17
|
target: "e1evho0k0",
|
|
18
18
|
label: "StyledButton"
|
|
19
19
|
})(process.env.NODE_ENV === "production" ? {
|
|
@@ -26,24 +26,24 @@ var StyledButton = /*#__PURE__*/_styled(ButtonV2, {
|
|
|
26
26
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
27
27
|
});
|
|
28
28
|
export default function ImageSearchResult(_ref) {
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
29
|
+
let {
|
|
30
|
+
image,
|
|
31
|
+
onImageClick,
|
|
32
|
+
selectedImage,
|
|
33
|
+
onSelectImage,
|
|
34
|
+
useImageTitle,
|
|
35
|
+
showCheckbox,
|
|
36
|
+
checkboxLabel
|
|
37
|
+
} = _ref;
|
|
38
|
+
const active = selectedImage && selectedImage.id === image.id ? 'active' : '';
|
|
37
39
|
return _jsxs("div", {
|
|
38
|
-
className:
|
|
40
|
+
className: `list-item ${active}`,
|
|
39
41
|
children: [_jsx("div", {
|
|
40
42
|
className: "list-item-inner",
|
|
41
43
|
children: _jsxs(StyledButton, {
|
|
42
44
|
variant: "stripped",
|
|
43
45
|
"data-testid": "select-image-from-list",
|
|
44
|
-
onClick:
|
|
45
|
-
return onImageClick(image);
|
|
46
|
-
},
|
|
46
|
+
onClick: () => onImageClick(image),
|
|
47
47
|
children: [_jsx("img", {
|
|
48
48
|
role: "presentation",
|
|
49
49
|
alt: "presentation",
|
package/es/PreviewImage.js
CHANGED
|
@@ -1,9 +1,3 @@
|
|
|
1
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
3
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
4
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
5
|
-
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
6
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
1
|
/**
|
|
8
2
|
* Copyright (c) 2017-present, NDLA.
|
|
9
3
|
*
|
|
@@ -21,23 +15,22 @@ import { getSrcSets } from './util/imageUtil';
|
|
|
21
15
|
import ImageMeta from './ImageMeta';
|
|
22
16
|
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
23
17
|
import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
onSelectImage
|
|
28
|
-
useImageTitle
|
|
29
|
-
showCheckbox
|
|
30
|
-
checkboxLabel
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
var caption = (_image$caption$captio = image.caption.caption) !== null && _image$caption$captio !== void 0 ? _image$caption$captio : '';
|
|
18
|
+
const PreviewImage = _ref => {
|
|
19
|
+
let {
|
|
20
|
+
image,
|
|
21
|
+
onSelectImage,
|
|
22
|
+
useImageTitle,
|
|
23
|
+
showCheckbox,
|
|
24
|
+
checkboxLabel
|
|
25
|
+
} = _ref;
|
|
26
|
+
const {
|
|
27
|
+
t
|
|
28
|
+
} = useTranslation();
|
|
29
|
+
const [saveAsMetaImage, setSaveAsMetaImage] = useState(false);
|
|
30
|
+
const tags = image.tags.tags ?? [];
|
|
31
|
+
const title = image.title.title ?? '';
|
|
32
|
+
const altText = image.alttext.alttext ?? '';
|
|
33
|
+
const caption = image.caption.caption ?? '';
|
|
41
34
|
return _jsxs("div", {
|
|
42
35
|
className: "image-preview",
|
|
43
36
|
children: [_jsx("div", {
|
|
@@ -59,9 +52,7 @@ var PreviewImage = function PreviewImage(_ref) {
|
|
|
59
52
|
className: "copyright-author",
|
|
60
53
|
children: _jsx("span", {
|
|
61
54
|
className: "text",
|
|
62
|
-
children: image.copyright.creators.map(
|
|
63
|
-
return creator.name;
|
|
64
|
-
}).join(', ')
|
|
55
|
+
children: image.copyright.creators.map(creator => creator.name).join(', ')
|
|
65
56
|
})
|
|
66
57
|
}) : null, _jsx("div", {
|
|
67
58
|
className: "info",
|
|
@@ -73,19 +64,19 @@ var PreviewImage = function PreviewImage(_ref) {
|
|
|
73
64
|
className: "info",
|
|
74
65
|
children: _jsx("span", {
|
|
75
66
|
className: "text",
|
|
76
|
-
children:
|
|
67
|
+
children: `${t('image.caption')}: ${caption}`
|
|
77
68
|
})
|
|
78
69
|
}), _jsx("div", {
|
|
79
70
|
className: "info",
|
|
80
71
|
children: _jsx("span", {
|
|
81
72
|
className: "text",
|
|
82
|
-
children:
|
|
73
|
+
children: `${t('image.altText')}: ${altText}`
|
|
83
74
|
})
|
|
84
75
|
}), _jsx("div", {
|
|
85
76
|
className: "info",
|
|
86
77
|
children: _jsx("span", {
|
|
87
78
|
className: "text",
|
|
88
|
-
children:
|
|
79
|
+
children: `${t('image.modelReleased.label')}: ${t('image.modelReleased.' + image.modelRelease)}`
|
|
89
80
|
})
|
|
90
81
|
}), _jsx(ImageMeta, {
|
|
91
82
|
contentType: image.image.contentType,
|
|
@@ -93,27 +84,19 @@ var PreviewImage = function PreviewImage(_ref) {
|
|
|
93
84
|
imageDimensions: image.image.dimensions
|
|
94
85
|
}), _jsx("div", {
|
|
95
86
|
className: "tags",
|
|
96
|
-
children: tags.map(
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
}, uuid());
|
|
101
|
-
})
|
|
87
|
+
children: tags.map(tag => _jsx("span", {
|
|
88
|
+
className: "tag_item",
|
|
89
|
+
children: `#${tag}`
|
|
90
|
+
}, uuid()))
|
|
102
91
|
}), _jsx(ButtonV2, {
|
|
103
92
|
"data-testid": "use-image",
|
|
104
|
-
onClick:
|
|
105
|
-
return onSelectImage(image, saveAsMetaImage);
|
|
106
|
-
},
|
|
93
|
+
onClick: () => onSelectImage(image, saveAsMetaImage),
|
|
107
94
|
children: useImageTitle
|
|
108
95
|
}), showCheckbox && _jsx("div", {
|
|
109
96
|
children: _jsx(CheckboxItem, {
|
|
110
97
|
label: checkboxLabel,
|
|
111
98
|
checked: saveAsMetaImage,
|
|
112
|
-
onChange:
|
|
113
|
-
return setSaveAsMetaImage(function (prev) {
|
|
114
|
-
return !prev;
|
|
115
|
-
});
|
|
116
|
-
}
|
|
99
|
+
onChange: () => setSaveAsMetaImage(prev => !prev)
|
|
117
100
|
})
|
|
118
101
|
})]
|
|
119
102
|
}), _jsx("div", {
|
package/es/util/imageUtil.js
CHANGED
|
@@ -9,9 +9,5 @@
|
|
|
9
9
|
/* - Source sets for gallery search is retina-display optimized
|
|
10
10
|
- Based on: https://www.smashingmagazine.com/2014/05/responsive-images-done-right-guide-picture-srcset/ */
|
|
11
11
|
|
|
12
|
-
export
|
|
13
|
-
|
|
14
|
-
};
|
|
15
|
-
export var getPreviewSrcSets = function getPreviewSrcSets(imageUrl) {
|
|
16
|
-
return ["".concat(imageUrl, "?width=480 3x"), "".concat(imageUrl, "?width=320 2x"), "".concat(imageUrl, "?width=160 1x")].join(', ');
|
|
17
|
-
};
|
|
12
|
+
export const getSrcSets = imageUrl => [`${imageUrl}?width=1440 1440w`, `${imageUrl}?width=1120 1120w`, `${imageUrl}?width=1000 1000w`, `${imageUrl}?width=960 960w`, `${imageUrl}?width=800 800w`, `${imageUrl}?width=640 640w`, `${imageUrl}?width=480 480w`, `${imageUrl}?width=320 320w`].join(', ');
|
|
13
|
+
export const getPreviewSrcSets = imageUrl => [`${imageUrl}?width=480 3x`, `${imageUrl}?width=320 2x`, `${imageUrl}?width=160 1x`].join(', ');
|