assui 2.0.2 → 2.0.6

package/es/highlight-words/style/index.d.ts

@@ -0,0 +1 @@
+

package/es/icon/demo/svg/check-circle-filled.svg

@@ -0,0 +1,6 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
+  y="0px" viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
+  <circle fill="currentColor" cx="8" cy="8" r="8" />
+  <path fill="inherit" class="st0" d="M12.5,4.4c-0.2-0.2-0.5-0.2-0.7,0l-5,5c0,0,0,0,0,0c-0.2,0.2-0.5,0.2-0.7,0l-2-2C4,7.2,3.7,7.2,3.5,7.4L2.8,8.2
+  c-0.2,0.2-0.2,0.5,0,0.7l3.3,3.3c0.2,0.2,0.6,0.2,0.8,0l6.3-6.3c0.2-0.2,0.2-0.5,0-0.7L12.5,4.4z" />
+</svg>

package/es/icon/demo/svg/coin-circle.svg

@@ -0,0 +1,9 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
+	y="0px" viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
+	<path fill="currentColor" d="M8,9.9c-2,0-3.7-0.6-3.7-1.7v1c0,1,1.7,1.9,3.7,1.9s3.7-0.8,3.7-1.9v-1C11.7,9.2,10,9.9,8,9.9z M8,11.7
+	c-2,0-3.7-0.6-3.7-1.7v1c0,1,1.7,1.9,3.7,1.9s3.7-0.8,3.7-1.9v-1C11.7,11.1,10,11.7,8,11.7L8,11.7z M8,8C6,8,4.3,7.4,4.3,6.3v1
+	c0,1,1.7,1.9,3.7,1.9s3.7-0.8,3.7-1.9v-1C11.7,7.4,10,8,8,8z M8,3.1c-2,0-3.7,0.8-3.7,1.9v0.6c0,1,1.7,1.9,3.7,1.9s3.7-0.8,3.7-1.9
+	V4.9C11.7,3.9,10,3.1,8,3.1z" />
+	<path fill="currentColor" d="M8,0.8c4,0,7.3,3.3,7.3,7.2S12,15.3,8,15.3S0.7,12,0.7,8S4,0.8,8,0.8 M8,0C3.6,0,0,3.6,0,8c0,4.4,3.6,8,8,8s8-3.6,8-8
+	C16,3.6,12.4,0,8,0L8,0z" />
+</svg>

package/es/icon/index.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+export interface IconBaseProps extends React.HTMLProps<HTMLSpanElement> {
+    spin?: boolean;
+    rotate?: number;
+}
+export interface CustomIconComponentProps {
+    width?: string | number;
+    height?: string | number;
+    fill?: string;
+    style?: React.CSSProperties;
+    viewBox?: string;
+    className?: string;
+}
+export interface IconProps extends IconBaseProps {
+    className?: string;
+    component?: React.ComponentType<CustomIconComponentProps | React.SVGProps<SVGSVGElement>>;
+    viewBox?: string;
+    tabIndex?: number;
+    style?: React.CSSProperties;
+    onClick?: React.MouseEventHandler<HTMLElement>;
+    children?: React.ReactNode;
+}
+declare const Icon: {
+    (props: IconProps): JSX.Element;
+    displayName: string;
+};
+export default Icon;

package/es/icon/index.js

@@ -0,0 +1,95 @@
+var __assign = this && this.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+};
+
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+import * as React from 'react';
+import classNames from 'classnames';
+import { svgBaseProps, useInsertStyles } from './utils';
+
+var Icon = function Icon(props) {
+  var className = props.className,
+      Component = props.component,
+      viewBox = props.viewBox,
+      spin = props.spin,
+      rotate = props.rotate,
+      tabIndex = props.tabIndex,
+      onClick = props.onClick,
+      children = props.children,
+      restProps = __rest(props, ["className", "component", "viewBox", "spin", "rotate", "tabIndex", "onClick", "children"]);
+
+  useInsertStyles();
+  var classString = classNames('spotecicon', className);
+  var svgClassString = classNames({
+    'spotecicon-spin': !!spin
+  });
+  var svgStyle = rotate ? {
+    msTransform: "rotate(" + rotate + "deg)",
+    transform: "rotate(" + rotate + "deg)"
+  } : undefined;
+
+  var innerSvgProps = __assign(__assign({}, svgBaseProps), {
+    className: svgClassString,
+    style: svgStyle,
+    viewBox: viewBox
+  });
+
+  if (!viewBox) {
+    delete innerSvgProps.viewBox;
+  }
+
+  var renderInnerNode = function renderInnerNode() {
+    if (Component) {
+      return /*#__PURE__*/React.createElement(Component, __assign({}, innerSvgProps), children);
+    }
+
+    if (children) {
+      return /*#__PURE__*/React.createElement("svg", __assign({}, innerSvgProps, {
+        viewBox: viewBox
+      }), children);
+    }
+
+    return null;
+  };
+
+  var iconTabIndex = tabIndex;
+
+  if (iconTabIndex === undefined && onClick) {
+    iconTabIndex = -1;
+  }
+
+  return /*#__PURE__*/React.createElement("span", __assign({
+    role: "img"
+  }, restProps, {
+    tabIndex: iconTabIndex,
+    onClick: onClick,
+    className: classString
+  }), renderInnerNode());
+};
+
+Icon.displayName = 'SpotecIcon';
+export default Icon;

package/es/icon/style/index.d.ts

@@ -0,0 +1 @@
+

package/es/icon/utils.d.ts

@@ -0,0 +1,6 @@
+export declare const svgBaseProps: {
+    'aria-hidden': string;
+    focusable: string;
+};
+export declare const iconStyles = "\n.spotecicon {\n  display: inline-block;\n  width: 16px;\n  color: inherit;\n  font-style: normal;\n  line-height: 0;\n  text-align: center;\n  text-transform: none;\n  vertical-align: -0.125em;\n  text-rendering: optimizeLegibility;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.spotecicon > * {\n  line-height: 1;\n}\n\n.spotecicon svg {\n  display: inline-block;\n}\n\n.spotecicon::before {\n  display: none;\n}\n\n.spotecicon .spotecicon-icon {\n  display: block;\n}\n\n.spotecicon[tabindex] {\n  cursor: pointer;\n}\n\n.spotecicon-spin::before,\n.spotecicon-spin {\n  display: inline-block;\n  -webkit-animation: loadingCircle 1s infinite linear;\n  animation: loadingCircle 1s infinite linear;\n}\n\n@-webkit-keyframes loadingCircle {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes loadingCircle {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n";
+export declare const useInsertStyles: (styleStr?: string) => void;

package/es/icon/utils.js

@@ -0,0 +1,22 @@
+import { useEffect } from 'react';
+import { insertCss } from 'insert-css';
+export var svgBaseProps = {
+  'aria-hidden': 'true',
+  focusable: 'false'
+};
+export var iconStyles = "\n.spotecicon {\n  display: inline-block;\n  width: 16px;\n  color: inherit;\n  font-style: normal;\n  line-height: 0;\n  text-align: center;\n  text-transform: none;\n  vertical-align: -0.125em;\n  text-rendering: optimizeLegibility;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.spotecicon > * {\n  line-height: 1;\n}\n\n.spotecicon svg {\n  display: inline-block;\n}\n\n.spotecicon::before {\n  display: none;\n}\n\n.spotecicon .spotecicon-icon {\n  display: block;\n}\n\n.spotecicon[tabindex] {\n  cursor: pointer;\n}\n\n.spotecicon-spin::before,\n.spotecicon-spin {\n  display: inline-block;\n  -webkit-animation: loadingCircle 1s infinite linear;\n  animation: loadingCircle 1s infinite linear;\n}\n\n@-webkit-keyframes loadingCircle {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes loadingCircle {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n";
+var cssInjectedFlag = false;
+export var useInsertStyles = function useInsertStyles(styleStr) {
+  if (styleStr === void 0) {
+    styleStr = iconStyles;
+  }
+
+  useEffect(function () {
+    if (!cssInjectedFlag) {
+      insertCss(styleStr, {
+        prepend: true
+      });
+      cssInjectedFlag = true;
+    }
+  }, []);
+};

package/es/img-crop/EasyCrop.d.ts

@@ -0,0 +1,6 @@
+import { CropperProps } from 'react-easy-crop';
+export interface EasyCropProps extends Omit<CropperProps, 'onCropChange' | 'mediaProps' | 'crop' | 'zoomSpeed' | 'restrictPosition' | 'style'> {
+    onComplete: (value: any) => void;
+}
+declare const EasyCrop: (props: EasyCropProps) => JSX.Element;
+export default EasyCrop;

package/es/img-crop/EasyCrop.js

@@ -0,0 +1,113 @@
+var __assign = this && this.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+};
+
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+var __read = this && this.__read || function (o, n) {
+  var m = typeof Symbol === "function" && o[Symbol.iterator];
+  if (!m) return o;
+  var i = m.call(o),
+      r,
+      ar = [],
+      e;
+
+  try {
+    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
+      ar.push(r.value);
+    }
+  } catch (error) {
+    e = {
+      error: error
+    };
+  } finally {
+    try {
+      if (r && !r.done && (m = i["return"])) m.call(i);
+    } finally {
+      if (e) throw e.error;
+    }
+  }
+
+  return ar;
+};
+
+import * as React from 'react';
+import Cropper from 'react-easy-crop';
+
+var EasyCrop = function EasyCrop(props) {
+  var aspect = props.aspect,
+      minZoom = props.minZoom,
+      maxZoom = props.maxZoom,
+      onComplete = props.onComplete,
+      restProps = __rest(props, ["aspect", "minZoom", "maxZoom", "onComplete"]);
+
+  var _a = __read(React.useState({
+    x: 0,
+    y: 0
+  }), 2),
+      crop = _a[0],
+      setCrop = _a[1];
+
+  var _b = __read(React.useState({
+    width: 0,
+    height: 0
+  }), 2),
+      cropSize = _b[0],
+      setCropSize = _b[1];
+
+  var onCropComplete = React.useCallback(function (_, croppedAreaPixels) {
+    onComplete(croppedAreaPixels);
+  }, [onComplete]);
+  var onMediaLoaded = React.useCallback(function (mediaSize) {
+    var width = mediaSize.width,
+        height = mediaSize.height;
+    var ratioWidth = height * aspect;
+
+    if (width > ratioWidth) {
+      setCropSize({
+        width: ratioWidth,
+        height: height
+      });
+    } else {
+      setCropSize({
+        width: width,
+        height: width / aspect
+      });
+    }
+  }, [aspect]);
+  return /*#__PURE__*/React.createElement(Cropper, __assign({}, restProps, {
+    crop: crop,
+    cropSize: cropSize,
+    onCropChange: setCrop,
+    aspect: aspect,
+    minZoom: minZoom,
+    maxZoom: maxZoom,
+    onCropComplete: onCropComplete,
+    onMediaLoaded: onMediaLoaded
+  }));
+};
+
+export default EasyCrop;

package/es/img-crop/getCroppedImg.d.ts

@@ -0,0 +1,6 @@
+interface pixelCropType {
+    width: number;
+    height: number;
+}
+declare function getCroppedImg(imageSrc: string, pixelCrop: pixelCropType, name: string, type: string): Promise<unknown>;
+export default getCroppedImg;

package/es/img-crop/getCroppedImg.js

@@ -0,0 +1,199 @@
+var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function (resolve) {
+      resolve(value);
+    });
+  }
+
+  return new (P || (P = Promise))(function (resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+};
+
+var __generator = this && this.__generator || function (thisArg, body) {
+  var _ = {
+    label: 0,
+    sent: function 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;
+
+          case 4:
+            _.label++;
+            return {
+              value: op[1],
+              done: false
+            };
+
+          case 5:
+            _.label++;
+            y = op[1];
+            op = [0];
+            continue;
+
+          case 7:
+            op = _.ops.pop();
+
+            _.trys.pop();
+
+            continue;
+
+          default:
+            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+              _ = 0;
+              continue;
+            }
+
+            if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+              _.label = op[1];
+              break;
+            }
+
+            if (op[0] === 6 && _.label < t[1]) {
+              _.label = t[1];
+              t = op;
+              break;
+            }
+
+            if (t && _.label < t[2]) {
+              _.label = t[2];
+
+              _.ops.push(op);
+
+              break;
+            }
+
+            if (t[2]) _.ops.pop();
+
+            _.trys.pop();
+
+            continue;
+        }
+
+        op = body.call(thisArg, _);
+      } catch (e) {
+        op = [6, e];
+        y = 0;
+      } finally {
+        f = t = 0;
+      }
+    }
+
+    if (op[0] & 5) throw op[1];
+    return {
+      value: op[0] ? op[1] : void 0,
+      done: true
+    };
+  }
+};
+
+var createImage = function createImage(url) {
+  return new Promise(function (resolve, reject) {
+    var image = new Image();
+    image.addEventListener('load', function () {
+      return resolve(image);
+    });
+    image.addEventListener('error', function (error) {
+      return reject(error);
+    });
+    image.setAttribute('crossOrigin', 'anonymous'); // needed to avoid cross-origin issues on CodeSandbox
+
+    image.src = url;
+  });
+};
+
+function getCroppedImg(imageSrc, pixelCrop, name, type) {
+  return __awaiter(this, void 0, void 0, function () {
+    var _a, width, _b, height, image, bodyEl, canvas, ctx;
+
+    return __generator(this, function (_c) {
+      switch (_c.label) {
+        case 0:
+          _a = pixelCrop.width, width = _a === void 0 ? 670 : _a, _b = pixelCrop.height, height = _b === void 0 ? 280 : _b;
+          return [4
+          /*yield*/
+          , createImage(imageSrc)];
+
+        case 1:
+          image = _c.sent();
+          bodyEl = document.querySelector('body');
+          bodyEl.appendChild(image);
+          canvas = document.createElement('canvas');
+          ctx = canvas.getContext('2d');
+          canvas.width = width;
+          canvas.height = height;
+          ctx === null || ctx === void 0 ? void 0 : ctx.drawImage(image, 0, 0, width, height);
+          bodyEl.removeChild(image); // As a blob
+
+          return [2
+          /*return*/
+          , new Promise(function (resolve) {
+            canvas.toBlob(function (file) {
+              resolve({
+                url: URL.createObjectURL(file),
+                fileObj: new File([file], name, {
+                  type: type
+                })
+              });
+            }, type);
+          })];
+      }
+    });
+  });
+}
+
+export default getCroppedImg;